.ltl-checkin { max-width: 860px; margin: 0 auto; font: 16px/1.4 system-ui,-apple-system,Segoe UI,Roboto,Arial; }
.ltl-step { border:1px solid #e5e7eb; padding:20px; border-radius:10px; margin:0 0 16px; }
.ltl-step[hidden] { display:none !important; }
.ltl-step.is-active { display:block; }
.ltl-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
.ltl-grid-1 { grid-template-columns:1fr; }
.ltl-grid label span { display:block; margin-bottom:6px; font-weight:600; }
.ltl-grid input, .ltl-grid select, .ltl-grid textarea { width:100%; padding:10px; border:1px solid #cbd5e1; border-radius:8px; }
.ltl-nav { display:flex; justify-content:space-between; gap:10px; margin-top:16px; }
.ltl-nav .ltl-next, .ltl-nav .ltl-prev, .ltl-submit { background:#0d6efd; border:none; color:#fff; padding:0px 16px; border-radius:8px; cursor:pointer; }
.ltl-submit { background:#eed470  !important; border:none !important; color:#fff !important; padding:0px 16px !important; border-radius:8px !important; cursor:pointer; }
.ltl-nav .ltl-prev { background:#6b7280; }
.ltl-note { font-size:14px; color:#6b7280; }
.ltl-sign { border:1px dashed #94a3b8; border-radius:8px; height:160px; position:relative; background:#fff; }
.ltl-sign canvas { width:100%; height:100%; display:block; border-radius:8px; }
.ltl-sign .ltl-sign-actions { position:absolute; right:8px; bottom:8px; display:flex; gap:8px; }
.ltl-next:hover {background:#eed470  !important; border:none !important; color:#fff; padding:0px 16px;}
.ltl-next{background:#eed470  !important; border:none !important; color:#fff; padding:0px 16px;}
.ltl-prev:hover {background:#6b7280 !important; border:none !important; color:#fff;}
.ltl-clear-sign:hover {background:#111827 !important; border:none !important; color:#fff;}
.ltl-sign .ltl-btn { background:#111827; color:#fff; border:none; padding:0px 10px; border-radius:6px; cursor:pointer; font-size:13px; }
.ltl-review{border:1px solid #e5e7eb;border-radius:10px;padding:14px;margin:12px 0;}
.ltl-review h4{margin:8px 0 10px 0;}
.ltl-review .row{display:grid;padding-left: 10px;border-bottom:1px dashed #e5e7eb;}
.ltl-review .row:last-child{border-bottom:none;}
.ltl-review .muted{color:#6b7280;font-size:14px;}
.ltl-review .guest{border:1px solid #e5e7eb;border-radius:8px;padding:10px;margin:10px 0;}
.ltl-review .badge{display:inline-block;padding:2px 8px;border:1px solid #d1d5db;border-radius:999px;font-size:12px;}
.ltl-submit{    background: #eed470 ;
    border: none;
    color: #fff;
    padding: 0px 16px;
    border-radius: 8px;
    cursor: pointer;}
@media (max-width:720px){ .ltl-grid { grid-template-columns: 1fr; } }
/* --- Stepsbar (breadcrumbs) --- */
.ltl-stepsbar { max-width: 860px; margin: 0 auto 12px auto; }
.ltl-stepsbar-list { display:flex; flex-wrap:wrap; gap:8px; list-style:none; padding:0; margin:0; }
.ltl-stepchip {
  display:flex; align-items:center; gap:8px;
  padding:6px 10px; border:1px solid #e5e7eb; border-radius:999px;
  font-size:14px; color:#374151; background:#fff; cursor:default; user-select:none;
}
.ltl-stepchip .num {
  display:inline-flex; align-items:center; justify-content:center;
  width:20px; height:20px; border-radius:999px; border:1px solid #d1d5db;
  font-size:12px;
}
.ltl-stepchip.active { border-color:#eed470 ; color:#eed470 ; }
.ltl-stepchip.active .num { border-color:#eed470 ; color:#eed470 ; }
.ltl-stepchip.done { background:#f3f4f6; border-color:#e5e7eb; color:#111827; }
.ltl-stepchip.done .num { background:#e5e7eb; }
.ltl-stepchip.clickable { cursor:pointer; }
@media (max-width:720px){
  .ltl-stepchip .lbl { display:none; } /* na mobilu zobraz jen kolečka s číslem */
}
.ltl-sign.error { border-color:#b91c1c; background:#fff; }
.ltl-sign-error { display:none; font-size:13px; color:#b91c1c; margin-top:6px; }
.ltl-sign.error + .ltl-sign-error { display:block; }
.ltl-error{
  background:#fef2f2; border:1px solid #fecaca; color:#991b1b;
  padding:10px 12px; border-radius:8px; margin:0 0 12px;
  font-size:14px;
}