/* LK Creation — Evžen — společný moderní vzhled (v2.19)
 * Načítá se ZA vlastními styly stránky a sjednocuje vzhled: písmo, pozadí,
 * hlavičky, karty, sekce protokolů, pole, tlačítka, filtry, okna, plovoucí +.
 * Mění jen vzhled — rozložení stránek a logika zůstávají.
 * PDF se netýká (vyrábí se ve vlastním dokumentu bez tohoto souboru).
 * Úvodní stránka (index.html) má vlastní tmavý vzhled a tenhle soubor nenačítá.
 */
:root{
  --bg:#f3f5f9;--card:#fff;--brd:#e3e8ef;--lt:#f7f9fc;--txt:#0f172a;--muted:#64748b;
  --ev-navy:#0b1729;--ev-navy2:#14253e;--ev-blue:#2563eb;--ev-cyan:#22d3ee;
  --ev-r:18px;--ev-r-md:14px;--ev-r-sm:12px;
  --ev-line:rgba(15,23,42,.06);
  --ev-sh:0 1px 2px rgba(15,23,42,.04),0 8px 24px -12px rgba(15,23,42,.12);
  --ev-sh-up:0 -8px 30px -12px rgba(15,23,42,.18);
  --ev-ring:0 0 0 4px rgba(37,99,235,.14);
  --ev-grad:linear-gradient(135deg,#22d3ee 0%,#2563eb 62%);
}

/* ── ZÁKLAD ─────────────────────────────────────────────── */
body{
  font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  background:var(--bg);color:var(--txt);
  -webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;
  text-rendering:optimizeLegibility;
}
::selection{background:rgba(37,99,235,.18);}
.filters::-webkit-scrollbar,.tabs::-webkit-scrollbar{display:none;}
.filters,.tabs{scrollbar-width:none;}

/* ── HLAVIČKA ───────────────────────────────────────────── */
.hdr,.app-hdr{
  background:linear-gradient(180deg,var(--ev-navy2) 0%,var(--ev-navy) 100%);
  box-shadow:0 10px 28px -16px rgba(2,6,23,.55);
}
.hdr::after,.app-hdr::after{height:1px;opacity:.28;}
.hdr h1,.app-hdr h1{font-size:1.06rem;font-weight:700;letter-spacing:-.01em;}
.app-hdr p{opacity:.55;}
.hdr .back,.hdr a.back,.app-hdr .back,.app-hdr a.back,body>.hdr>.back{
  display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;
  width:36px;height:36px;padding:0 0 2px;border-radius:12px;
  background:rgba(255,255,255,.09);font-size:1.45rem;line-height:1;
  transition:background .15s;
}
.hdr .back:active,.app-hdr .back:active,.app-hdr a.back:active{background:rgba(255,255,255,.18);}
.hdr .scan{border-radius:12px;background:rgba(255,255,255,.1);}
.prog-wrap{background:var(--ev-navy);}
.prog-track{background:rgba(255,255,255,.12);height:6px;}
.prog-fill{background:var(--ev-grad);}

/* ── KARTY A SEKCE ──────────────────────────────────────── */
.sec{
  border-radius:var(--ev-r);border:1px solid var(--ev-line);
  box-shadow:var(--ev-sh);margin-bottom:16px;
}
.sec .sec-hdr{
  display:flex;align-items:center;gap:10px;
  background:#fff;color:var(--txt);
  padding:15px 16px 13px;font-size:.98rem;font-weight:700;letter-spacing:-.01em;
  border-bottom:1px solid #eef2f7;justify-content:flex-start;
}
.sec .sec-hdr>.sec-toggle,.sec .sec-hdr>.lkc-tgl,.sec .sec-hdr>button{margin-left:auto;}
.sec .sec-hdr::before{
  content:'';flex:0 0 auto;width:4px;height:18px;border-radius:4px;background:var(--ev-grad);
}
/* přepínač „do PDF" v hlavičce sekce — teď na světlém pozadí */
.sec .sec-hdr .lkc-tgl .sw{background:#cbd5e1;}
.sec .sec-hdr .lkc-tgl input:checked + .sw{background:var(--ev-blue);}
.sec.lkc-off .sec-hdr::after{color:var(--muted);}
/* číslo sekce místo proužku */
.sec .sec-hdr:has(.num)::before{display:none;}
.sec .sec-hdr .num{background:#e8f0ff;color:#1d4ed8;border-radius:9px;}
/* vlastní přepínače sekcí (nabídky, výkaz, servisní protokol) */
.sec .sec-hdr .sec-toggle .sw{background:#cbd5e1;}
.sec .sec-hdr .sec-toggle input:checked + .sw{background:var(--ev-blue);}
.sec .sec-hdr .sec-toggle .lbl-sw{color:var(--muted);}
.sec .sec-hdr button.sec-toggle{background:#ecfdf3;border:1px solid #bbf7d0;color:#15803d;border-radius:999px;}
.sec.off .sec-hdr button.sec-toggle{background:#fef2f2;border-color:#fecaca;color:#b91c1c;}
.ci{border-radius:var(--ev-r-md);border:1px solid var(--brd);}
.ci-hdr{background:var(--lt);}

.item,.sum-card{
  border-radius:var(--ev-r-md);border-color:var(--ev-line);box-shadow:var(--ev-sh);
}
.sum-card .v{letter-spacing:-.02em;font-variant-numeric:tabular-nums;}
.empty .ico{opacity:.35;}

/* ── POLE ───────────────────────────────────────────────── */
input[type=text],input[type=email],input[type=tel],input[type=number],input[type=date],
input[type=time],input[type=datetime-local],input[type=search],input[type=password],
input:not([type]),textarea,select{
  border:1px solid #d9e0ea;border-radius:var(--ev-r-sm);background:#fbfcfe;
  transition:border-color .15s,box-shadow .15s,background .15s;
}
input[type=text]:focus,input[type=email]:focus,input[type=tel]:focus,input[type=number]:focus,
input[type=date]:focus,input[type=time]:focus,input[type=datetime-local]:focus,
input[type=search]:focus,input[type=password]:focus,input:not([type]):focus,textarea:focus,select:focus{
  outline:none;border-color:var(--ev-blue);background:#fff;box-shadow:var(--ev-ring);
}
input[readonly]{background:var(--lt);}
label.lbl,.lbl{font-size:.7rem;font-weight:650;color:#6b7a90;letter-spacing:.06em;}
.search-bar{background:transparent;border-bottom:0;}
.search-bar input{background:#fff;border:1px solid var(--ev-line);box-shadow:var(--ev-sh);border-radius:14px;}

/* ── TLAČÍTKA ───────────────────────────────────────────── */
.btn,.btn-sec,.tbtn,.photo-btn,.save-btn{border-radius:var(--ev-r-sm);}
.btn{border-width:1px;transition:transform .12s,box-shadow .15s,background .15s;}
.btn:active,.btn-sec:active,.tbtn:active{transform:scale(.98);}
.btn.primary,.btn-pdf,.pdf-btn{
  background:var(--ev-grad);border:none;color:#fff;
  box-shadow:0 8px 18px -8px rgba(37,99,235,.55);
}
.btn:disabled,.btn[disabled]{opacity:.5;box-shadow:none;}
.photo-btn{border-width:1px;background:#f6f9fd;}
.btn-del{border-radius:var(--ev-r-sm);}

/* výběr z možností (typ předání, ano/ne…) */
.rbl{border-radius:999px;border-width:1px;padding:9px 15px;background:#fff;}
.rbl.active{background:var(--ev-navy2);border-color:var(--ev-navy2);color:#fff;}
.rb,.obt{border-width:1px;border-radius:var(--ev-r-sm);}

/* ── FILTRY / ZÁLOŽKY ───────────────────────────────────── */
.filters{background:transparent;border-bottom:0;padding-top:4px;}
.fl{border-width:1px;border-radius:999px;background:#fff;color:#475569;padding:8px 14px;box-shadow:0 1px 2px rgba(15,23,42,.04);}
.fl.active{background:var(--ev-navy2);border-color:var(--ev-navy2);color:#fff;box-shadow:0 6px 14px -8px rgba(11,23,41,.6);}
.fl.warn.active{background:linear-gradient(135deg,#f59e0b,#dc2626);border-color:transparent;}

/* ── OKNA (spodní panely) ───────────────────────────────── */
.modal{background:rgba(15,23,42,.42);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);}
.modal .sheet{border-radius:26px 26px 0 0;box-shadow:var(--ev-sh-up);}
.modal .sheet::before{
  content:'';display:block;width:42px;height:5px;border-radius:3px;background:#dfe5ee;margin:-6px auto 14px;
}
.modal .sheet h2{font-size:1.12rem;font-weight:750;letter-spacing:-.01em;}

/* ── PLOVOUCÍ + ──────────────────────────────────────────── */
.fab{
  width:58px;height:58px;border-radius:20px;background:var(--ev-grad);
  box-shadow:0 14px 28px -10px rgba(37,99,235,.65);
  transition:transform .12s;
}
.fab:active{transform:scale(.94);}

/* ── SEZNAM PROTOKOLŮ ───────────────────────────────────── */
.share-btn{background:#ecfdf3;color:#16a34a;border:1px solid #c9f2d9;border-radius:var(--ev-r-md);font-weight:700;}
.item-ico{border-radius:13px;}
.cat{letter-spacing:.09em;}

/* ── SPODNÍ LIŠTA PROTOKOLŮ (PDF / uložit) ───────────────── */
.pdf-bar{box-shadow:var(--ev-sh-up);}

/* Pruh rychlého přepínání sekcí má styly přímo v nav.js (nezávisí na verzi tohoto souboru v cache). */