:root{
  --ink:#1B1D1B; --surface:#292B29; --surface-2:#333533; --surface-3:#3C3F3B;
  --line:#474A44; --line-soft:#3A3D38;
  --text:#F3F3EE; --muted:#A5A89B; --muted-2:#7E8177;
  --yellow:#FFE700; --yellow-ink:#2A2B25; --yellow-dim:#B9A800;
  --ok:#6FCF7B; --warn:#F2A54A; --bad:#EF6461;
  --radius:4px; color-scheme:dark;
}
*{box-sizing:border-box}
[hidden]{display:none!important}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--ink);color:var(--text);
  font-family:Roboto,-apple-system,"Segoe UI",sans-serif;font-weight:300;font-size:15px;line-height:1.5;
  -webkit-font-smoothing:antialiased}
h1,h2,h3,h4,.osw{font-family:Oswald,"Arial Narrow",Impact,sans-serif;font-weight:500;letter-spacing:.02em;margin:0}
.num{font-variant-numeric:tabular-nums}
a{color:var(--yellow)}
button{font:inherit;color:inherit;background:none;border:none;cursor:pointer;text-align:left;padding:0}
input,select,textarea{font:inherit;color:var(--text);background:var(--surface-2);border:1px solid var(--line);
  border-radius:var(--radius);padding:7px 9px}
input[type=number]{font-variant-numeric:tabular-nums;text-align:right}
textarea{width:100%;min-height:70px;resize:vertical}
select{padding-right:26px}
label.f{display:block;font-size:12px;color:var(--muted-2);text-transform:uppercase;letter-spacing:.09em;font-family:Oswald,sans-serif;margin-bottom:4px}
.field{display:flex;flex-direction:column;gap:2px;min-width:0}
.form{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px}
.form .wide{grid-column:1/-1}
:focus-visible{outline:2px solid var(--yellow);outline-offset:2px}

.wrap{max-width:1080px;margin:0 auto;padding-inline:16px;padding-block:14px 72px}
.wrap.phone{max-width:452px}

.brandbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:12px}
.logo{font-family:Oswald,sans-serif;font-weight:600;font-size:21px;line-height:1}
.logo .u{border-bottom:3px solid var(--yellow);padding-bottom:2px}
.who{text-align:right;font-size:12.5px;color:var(--muted);line-height:1.35}
.who strong{display:block;color:var(--text);font-weight:400}
.instance{font-family:Oswald,sans-serif;font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted-2)}
.instance.test{color:var(--warn)}

.segnav{position:sticky;top:0;z-index:30;background:var(--ink);display:flex;gap:2px;border-bottom:1px solid var(--line-soft);
  margin-inline:-16px;padding-inline:16px;overflow-x:auto;scrollbar-width:none}
.segnav::-webkit-scrollbar{display:none}
.segnav button{font-family:Oswald,sans-serif;font-size:13px;letter-spacing:.07em;text-transform:uppercase;
  color:var(--muted-2);padding:11px 2px;margin-right:18px;white-space:nowrap;border-bottom:2px solid transparent;margin-bottom:-1px}
.segnav button:last-child{margin-right:0}
.segnav button:hover{color:var(--muted)}
.segnav button[aria-pressed="true"]{color:var(--yellow);border-bottom-color:var(--yellow)}
.segnav .badge{display:inline-block;min-width:17px;padding:0 5px;margin-left:5px;border-radius:99px;background:var(--warn);color:var(--yellow-ink);
  font-size:11px;text-align:center;font-weight:600;vertical-align:1px}

.monthbar{display:flex;align-items:center;gap:6px;padding:12px 0 4px}
.monthbar .m{font-family:Oswald,sans-serif;font-size:19px;letter-spacing:.03em;min-width:150px;text-align:center}
.monthbar .step{width:34px;height:34px}
.monthbar .spacer{flex:1}

.eyebrow{font-family:Oswald,sans-serif;font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted-2)}
.card{background:var(--surface);border:1px solid var(--line-soft);border-radius:var(--radius);padding:16px}
.stack{display:flex;flex-direction:column;gap:14px}
.pad{padding-top:18px}

.saldo{background:linear-gradient(180deg,var(--surface-2),var(--surface));border:1px solid var(--line);border-radius:var(--radius);padding:18px 16px}
.saldo .big{font-family:Oswald,sans-serif;font-weight:500;font-size:44px;line-height:1;font-variant-numeric:tabular-nums;display:block;margin:6px 0 2px}
.plus{color:var(--yellow)} .minus{color:var(--text)}
.saldo .sub{font-size:13px;color:var(--muted)}
.rows{margin-top:14px;padding-top:12px;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:7px}
.row{display:flex;justify-content:space-between;align-items:baseline;gap:12px;font-size:13.5px}
.row .k{color:var(--muted)} .row .k em{font-style:normal;color:var(--muted-2)}
.row .v{font-variant-numeric:tabular-nums;white-space:nowrap}
.row.tot{border-top:1px solid var(--line-soft);margin-top:4px;padding-top:9px;font-size:15px}
.row.tot .k{color:var(--text)}

.tip{border:1px dashed var(--yellow-dim);border-radius:var(--radius);padding:13px 14px;background:rgba(255,231,0,.05)}
.tip .lead{font-family:Oswald,sans-serif;font-size:14px;letter-spacing:.03em;color:var(--yellow);margin-bottom:4px;text-transform:uppercase}
.tip p{margin:0;font-size:13px;color:var(--muted);line-height:1.45}
.tip b{color:var(--text);font-weight:400}
.meter{height:6px;border-radius:99px;background:var(--surface-3);margin-top:11px;overflow:hidden}
.meter i{display:block;height:100%;background:var(--yellow);border-radius:99px}

.alert{display:flex;gap:10px;align-items:flex-start;border:1px solid rgba(242,165,74,.45);background:rgba(242,165,74,.07);
  border-radius:var(--radius);padding:12px 13px;font-size:13.5px;color:var(--muted)}
.alert b{color:var(--text);font-weight:400}
.alert.bad{border-color:rgba(239,100,97,.5);background:rgba(239,100,97,.08)}
.alert.ok{border-color:rgba(111,207,123,.45);background:rgba(111,207,123,.07)}

.days{display:flex;flex-direction:column}
.day{display:flex;align-items:center;gap:11px;width:100%;padding:11px 8px;margin-inline:-8px;border-top:1px solid var(--line-soft);font-size:14px;border-radius:3px}
.day:first-child{border-top:none}
.day .dn{font-family:Oswald,sans-serif;color:var(--muted);min-width:56px;font-size:13px;letter-spacing:.03em}
.day .what{flex:1;min-width:0}
.day .what em{font-style:normal;color:var(--muted-2)}
.day .amt{font-variant-numeric:tabular-nums;color:var(--muted);white-space:nowrap;font-size:13.5px}
.day .amt.p{color:var(--yellow)}
.day.today{background:rgba(255,231,0,.06)}
.day.today .dn{color:var(--yellow)}
.day.future{opacity:.42;cursor:default}
.day.miss .what{color:var(--warn)}
button.day:hover:not(.future){background:var(--surface-2)}
.day .chev{color:var(--muted-2);font-size:12px;font-family:Oswald,sans-serif}

.detail{border:1px solid var(--line);border-top:none;border-radius:0 0 var(--radius) var(--radius);background:var(--surface-2);padding:14px;margin:0 -8px 4px}
.detail h4{font-size:14px;letter-spacing:.04em;margin-bottom:11px;color:var(--text)}
.loc{display:flex;align-items:center;gap:10px;background:var(--surface);border:1px solid var(--line-soft);border-radius:var(--radius);padding:8px 9px 8px 12px;margin-bottom:7px}
.loc .nm{flex:1;font-size:14px}
.loc .ct{font-family:Oswald,sans-serif;font-size:20px;min-width:34px;text-align:center;font-variant-numeric:tabular-nums;color:var(--muted-2)}
.loc .ct.on{color:var(--yellow)}
.step{width:36px;height:36px;border:1px solid var(--line);border-radius:var(--radius);font-family:Oswald,sans-serif;font-size:18px;line-height:1;
  display:grid;place-items:center;color:var(--muted);flex:none}
.step:hover{border-color:var(--muted-2);color:var(--text)}
.step.add{background:var(--yellow);color:var(--yellow-ink);border-color:var(--yellow);font-weight:600}
.step.add:hover{background:#fff04d}
.step.half{font-size:14px}
.step[disabled]{opacity:.35;cursor:not-allowed}

.lesson{display:flex;gap:11px;align-items:flex-start;padding:11px 0;border-top:1px solid var(--line-soft)}
.lesson:first-of-type{border-top:none;padding-top:0}
.lesson .time{font-family:Oswald,sans-serif;font-size:14px;color:var(--muted);min-width:46px;padding-top:1px}
.lesson .body{flex:1;min-width:0}
.lesson .t1{font-size:14px}
.lesson .t2{font-size:12.5px;color:var(--muted);margin-top:2px}
.lesson .pay{font-family:Oswald,sans-serif;font-size:16px;color:var(--yellow);white-space:nowrap;font-variant-numeric:tabular-nums}
.chip{display:inline-flex;align-items:center;gap:5px;font-size:11px;letter-spacing:.06em;text-transform:uppercase;font-family:Oswald,sans-serif;
  padding:2px 7px;border-radius:99px;border:1px solid var(--line);color:var(--muted-2);white-space:nowrap}
.chip.ok{color:var(--ok);border-color:rgba(111,207,123,.4)}
.chip.warn{color:var(--warn);border-color:rgba(242,165,74,.4)}
.chip.bad{color:var(--bad);border-color:rgba(239,100,97,.45)}
.chip.yel{color:var(--yellow);border-color:var(--yellow-dim)}
.linkbtn{font-size:12.5px;color:var(--muted);text-decoration:underline;text-underline-offset:3px;margin-top:6px}
.linkbtn:hover{color:var(--yellow)}

.cta{display:block;width:100%;background:var(--yellow);color:var(--yellow-ink);font-family:Oswald,sans-serif;font-size:16px;letter-spacing:.09em;
  text-transform:uppercase;font-weight:500;padding:14px;border-radius:var(--radius);text-align:center}
.cta:hover{background:#fff04d}
.cta.ghost{background:none;color:var(--text);border:1px solid var(--line)}
.cta.ghost:hover{background:var(--surface-2)}
.cta[disabled]{background:var(--surface-3);color:var(--muted-2);cursor:not-allowed}
.btn{font-family:Oswald,sans-serif;font-size:13px;letter-spacing:.07em;text-transform:uppercase;padding:8px 13px;border:1px solid var(--line);
  border-radius:var(--radius);color:var(--text);white-space:nowrap}
.btn:hover{border-color:var(--muted-2);background:var(--surface-2)}
.btn.y{background:var(--yellow);color:var(--yellow-ink);border-color:var(--yellow);font-weight:500}
.btn.y:hover{background:#fff04d}
.btn.sm{font-size:11.5px;padding:5px 9px}
.btn.danger{color:var(--bad);border-color:rgba(239,100,97,.45)}
.btn[disabled]{opacity:.4;cursor:not-allowed}
.btns{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.note{font-size:12.5px;color:var(--muted-2);margin-top:10px;line-height:1.45}
.note.c{text-align:center}
.muted{color:var(--muted)} .muted2{color:var(--muted-2)}
.warn{color:var(--warn)} .bad{color:var(--bad)} .ok{color:var(--ok)} .yel{color:var(--yellow)}
.small{font-size:12.5px}

.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}
.kpi{background:var(--surface);border:1px solid var(--line-soft);border-radius:var(--radius);padding:13px 14px}
.kpi .k{font-family:Oswald,sans-serif;font-size:11px;letter-spacing:.13em;text-transform:uppercase;color:var(--muted-2)}
.kpi .v{font-family:Oswald,sans-serif;font-size:27px;line-height:1.15;font-variant-numeric:tabular-nums;margin-top:5px}
.kpi .v small{font-size:14px;color:var(--muted);font-weight:300}
.cols{display:grid;grid-template-columns:1.15fr .85fr;gap:14px;align-items:start}
@media (max-width:760px){.cols{grid-template-columns:1fr}}

h3.sec{font-size:15px;letter-spacing:.06em;text-transform:uppercase;font-weight:400;margin-bottom:10px;display:flex;align-items:center;gap:9px}
h3.sec .count{font-size:12px;color:var(--yellow-ink);background:var(--yellow);border-radius:99px;padding:1px 8px;font-weight:600}
h3.sec .sp{flex:1}

.q{border-top:1px solid var(--line-soft);padding:13px 0}
.q:first-of-type{border-top:none;padding-top:2px}
.q .head{display:flex;justify-content:space-between;gap:10px;align-items:baseline}
.q .when{font-size:12px;color:var(--muted-2);white-space:nowrap}
.q .txt{font-size:13.5px;color:var(--muted);margin-top:5px;line-height:1.5}
.q .txt b{color:var(--text);font-weight:400}
.q .acts{display:flex;gap:7px;margin-top:10px;flex-wrap:wrap}

.tbl-wrap{overflow-x:auto;border:1px solid var(--line-soft);border-radius:var(--radius);background:var(--surface)}
table{border-collapse:collapse;width:100%;font-size:13px;min-width:560px}
th,td{text-align:left;padding:8px 11px;border-bottom:1px solid var(--line-soft);white-space:nowrap;vertical-align:middle}
th{font-family:Oswald,sans-serif;font-weight:400;font-size:11px;letter-spacing:.11em;text-transform:uppercase;color:var(--muted-2);background:var(--surface-2);position:sticky;top:0}
td.n,th.n{text-align:right}
td.n{font-variant-numeric:tabular-nums}
tr:last-child td{border-bottom:none}
tr.grp td{background:var(--surface-2);font-family:Oswald,sans-serif;letter-spacing:.09em;text-transform:uppercase;font-size:11.5px;color:var(--yellow)}
tr.click{cursor:pointer} tr.click:hover td{background:var(--surface-2)}
tr.sel td{background:rgba(255,231,0,.07)}
td input[type=number],td input[inputmode]{width:70px;padding:4px 6px}
td input[type=text]{width:160px;padding:4px 6px}
.period{display:inline-block;background:var(--yellow);color:var(--yellow-ink);font-family:Oswald,sans-serif;font-weight:600;letter-spacing:.06em;padding:2px 10px;border-radius:var(--radius);font-size:13px}

.seg{display:flex;gap:4px;margin-bottom:14px;flex-wrap:wrap}
.seg button{font-family:Oswald,sans-serif;font-size:12.5px;letter-spacing:.08em;text-transform:uppercase;padding:7px 12px;border:1px solid var(--line);border-radius:var(--radius);color:var(--muted)}
.seg button[aria-pressed="true"]{background:var(--surface-3);color:var(--text);border-color:var(--muted-2)}

.slevarow{display:flex;align-items:center;gap:10px;padding:10px 0;border-top:1px solid var(--line-soft);flex-wrap:wrap}
.slevarow .nm{flex:1;min-width:120px;font-size:14px}
.slevarow input[type=number],.slevarow input[inputmode]{width:74px}
.slevarow input[type=text]{flex:2;min-width:150px;font-size:13px}
.slevarow .unit{color:var(--muted);font-size:13px}
.blocker{display:flex;gap:9px;align-items:flex-start;font-size:13.5px;padding:7px 0}
.stepper{display:flex;align-items:center;gap:8px}
.stepper .val{font-family:Oswald,sans-serif;font-size:26px;min-width:44px;text-align:center;font-variant-numeric:tabular-nums}
.stepper .val.zero{color:var(--muted-2)}
.stepper.big .step{width:52px;height:52px;font-size:24px}
.stepper.big .val{font-size:40px;min-width:64px}

.fakt-head{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;align-items:flex-start}
.fakt-head .kv{font-size:13px;color:var(--muted);line-height:1.7}
.fakt-head .kv b{color:var(--text);font-weight:400;display:block}
pre.mail{white-space:pre-wrap;font:13px/1.5 ui-monospace,Menlo,monospace;background:var(--surface-2);border:1px solid var(--line);border-radius:var(--radius);padding:12px;margin:0;color:var(--text)}
code{font:12.5px ui-monospace,Menlo,monospace;background:var(--surface-2);padding:1px 5px;border-radius:3px;color:var(--muted)}

.toast{position:fixed;left:50%;bottom:22px;transform:translateX(-50%) translateY(14px);background:var(--yellow);color:var(--yellow-ink);font-size:13.5px;
  padding:11px 17px;border-radius:var(--radius);box-shadow:0 8px 26px rgba(0,0,0,.45);opacity:0;pointer-events:none;transition:.22s;z-index:60;max-width:calc(100% - 32px);text-align:center}
.toast.on{opacity:1;transform:translateX(-50%) translateY(0)}
.toast.bad{background:var(--bad);color:#fff}

.foot{margin-top:26px;padding-top:16px;border-top:1px solid var(--line-soft);font-size:12.5px;color:var(--muted-2);line-height:1.6}
.empty{padding:26px 12px;text-align:center;color:var(--muted-2);font-size:13.5px}
.offline{position:fixed;top:0;left:0;right:0;background:var(--bad);color:#fff;text-align:center;font-size:13px;padding:6px;z-index:70}
dialog{background:var(--surface);color:var(--text);border:1px solid var(--line);border-radius:var(--radius);padding:18px;max-width:min(520px,calc(100% - 32px))}
dialog::backdrop{background:rgba(0,0,0,.6)}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}
@media print{body{background:#fff;color:#000}.segnav,.brandbar,.btns,.btn,.cta{display:none!important}.card,.tbl-wrap{border-color:#ccc}}

/* ---- Ceník ---- */
.cenikseg{align-items:center}
.cenikseg .sp{flex:1}
.pkarty{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:12px}
.pk{cursor:pointer;transition:border-color .15s}
.pk:hover{border-color:var(--muted-2)}
.pk .big{font-family:Oswald,sans-serif;font-size:32px;line-height:1.1;margin-top:6px;font-variant-numeric:tabular-nums}
.pk .big small{font-family:Roboto,sans-serif;font-size:13px;color:var(--muted);font-weight:300}
.pk .go{margin-top:12px;font-family:Oswald,sans-serif;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--yellow)}
.explain ol.kroky{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:6px;font-size:13.5px;color:var(--muted);line-height:1.5}
.explain ol.kroky b{color:var(--text);font-weight:400}
.vzory{display:grid;gap:12px}
.vzor{background:var(--surface);border:1px solid var(--line-soft);border-radius:var(--radius);padding:14px 16px}
.vzor .hd{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.vzor .nm{font-family:Oswald,sans-serif;font-size:18px;letter-spacing:.02em}
.vzor .cnt{color:var(--muted);font-size:13px}
.vzor .sp{flex:1}
.strip{display:grid;grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:3px;margin-top:10px}
.strip.osoby{grid-template-columns:repeat(auto-fill,minmax(40px,1fr))}
.strip.wide{grid-template-columns:repeat(2,minmax(120px,max-content))}
.strip .c{border-radius:3px;padding:5px 4px 6px;text-align:center;border:1px solid var(--line-soft)}
.strip .c .t{font-family:Oswald,sans-serif;font-size:10.5px;letter-spacing:.04em;color:var(--muted)}
.strip .c .v{font-variant-numeric:tabular-nums;font-size:13px;color:var(--text);white-space:nowrap}
.strip.wide .c{padding:8px 14px;text-align:left}
.strip.wide .c .v{font-size:16px}
.calc{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:10px;font-size:13px;color:var(--muted)}
.calc b{color:var(--yellow);font-weight:400}
.calc input{padding:4px 6px}
.lidechips{display:flex;flex-wrap:wrap;gap:5px;margin-top:10px}
.pchip{font-size:12.5px;padding:3px 10px;border:1px solid var(--line);border-radius:99px;color:var(--muted);background:none;display:inline-flex;gap:6px;align-items:baseline}
.pchip small{font-family:Oswald,sans-serif;font-size:9.5px;letter-spacing:.08em;color:var(--muted-2)}
.pchip:hover{color:var(--text);border-color:var(--muted-2)}
.pchip.more{color:var(--yellow);border-color:var(--yellow-dim)}
details.skryte{margin-top:6px}
details.skryte summary{cursor:pointer;color:var(--muted);font-size:13px;padding:6px 0}
details.skryte .vzory{margin-top:8px}
.picker{max-height:240px;overflow:auto;border:1px solid var(--line-soft);border-radius:var(--radius);padding:6px 10px;background:var(--surface-2)}
.picker label{display:flex;gap:8px;align-items:center;padding:3px 0;font-size:13.5px}
.grid5{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}
.grid5 label.os{display:flex;flex-direction:column;gap:2px;font-size:11px;color:var(--muted-2);font-family:Oswald,sans-serif;letter-spacing:.04em}
.grid5 label.os input{width:100%;padding:5px 6px}
@media (max-width:560px){.grid5{grid-template-columns:repeat(3,minmax(0,1fr))}}
table.pasma{min-width:0;width:auto}
table.pasma td,table.pasma th{padding:5px 8px;background:none}
table.pasma input{width:80px;padding:4px 6px}
.srow{display:grid;grid-template-columns:190px 1fr;gap:14px;padding:12px 0;border-top:1px solid var(--line-soft)}
.srow .sk{font-size:14px}
@media (max-width:620px){.srow{grid-template-columns:1fr;gap:6px}}
@media (min-width:900px){.strip.osoby{grid-template-columns:repeat(25,minmax(0,1fr))}}
.strip.osoby .c .v{font-size:12px}
.vzor.kompakt{padding:10px 14px}
.vzor.kompakt .nm{font-size:15px}
.vzor.kompakt .strip{margin-top:6px}
button.nm.link{color:var(--text);text-align:left}
button.nm.link:hover{color:var(--yellow)}
dialog{max-height:calc(100vh - 32px);overflow:auto}
.note.warn{color:var(--warn)}
@media (max-width:620px){.monthbar{flex-wrap:wrap}.monthbar .spacer{flex-basis:100%;height:0}.monthbar select{width:100%}}
/* ---- kalendář ---- */
dialog.kal{max-width:min(380px,calc(100% - 24px));width:100%;padding:18px 18px 16px}
.kal-obal h3{font-size:17px}
.kal-rychle{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}
.kal-hlava{display:flex;align-items:center;justify-content:space-between;margin:14px 0 8px}
.kal-mesic{font-family:Oswald,sans-serif;font-size:18px;letter-spacing:.03em;text-transform:capitalize}
.kal-mrizka{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}
.kal-dt{font-family:Oswald,sans-serif;font-size:11px;letter-spacing:.08em;color:var(--muted-2);text-align:center;padding-bottom:4px}
.den{display:flex;align-items:center;justify-content:center;aspect-ratio:1/1;border-radius:var(--radius);border:1px solid transparent;font-variant-numeric:tabular-nums;font-size:14px;color:var(--text);background:var(--surface-2)}
.den:hover:not([disabled]){border-color:var(--muted-2)}
.den.vikend{color:var(--muted)}
.den.dnes{border-color:var(--muted-2)}
.den.vybrany{background:var(--yellow);color:var(--yellow-ink);font-weight:500}
.den.zakazany{background:none;color:var(--line);cursor:not-allowed;text-decoration:line-through}
.den.prazdny{background:none}
.kal-vybrano{margin:12px 0 10px;font-size:13.5px;color:var(--muted)}
.kal-vybrano b{color:var(--text);font-weight:400}
.datumpole{display:flex;align-items:center;gap:10px;width:100%;text-align:left;padding:10px 12px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-2);font-size:15px;color:var(--text)}
.datumpole:hover{border-color:var(--muted-2)}
.datumpole .ikona{font-size:16px}
/* ---- naplánované změny ---- */
.plan{border:1px solid var(--yellow-dim);background:rgba(255,231,0,.05);border-radius:var(--radius);padding:12px 14px}
.plan .ph{display:flex;align-items:center;gap:8px;font-family:Oswald,sans-serif;letter-spacing:.06em;text-transform:uppercase;font-size:13px;color:var(--yellow)}
.plan-radek{display:flex;align-items:center;gap:10px;flex-wrap:wrap;width:100%;text-align:left;padding:9px 0;border-top:1px solid rgba(255,231,0,.15);font-size:13.5px;color:var(--text)}
.plan-radek:first-of-type{border-top:none}
.plan-radek:hover .sipka{color:var(--yellow)}
.plan-radek .kdy{font-family:Oswald,sans-serif;font-size:14px;color:var(--yellow);min-width:92px}
.plan-radek .co{color:var(--muted)}
.plan-radek .sipka{margin-left:auto;color:var(--muted-2);font-family:Oswald,sans-serif;font-size:12px;letter-spacing:.06em;text-transform:uppercase}
.vzor .zmena{display:flex;align-items:center;gap:8px;flex-wrap:wrap;width:100%;margin-top:10px;padding:8px 10px;border:1px dashed var(--yellow-dim);border-radius:var(--radius);font-size:13px;color:var(--text);text-align:left;background:rgba(255,231,0,.04)}
.vzor .zmena b{color:var(--yellow);font-weight:400}
.vzor .zmena:hover{background:rgba(255,231,0,.09)}
.chip.plan-chip{color:var(--yellow);border-color:var(--yellow-dim);cursor:pointer}
.cenik-den{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:-4px 0 4px}
.cenik-den .datumpole{width:auto;padding:7px 12px;font-size:14px}
tr.budouci td{background:rgba(255,231,0,.04)}
/* číselná pole bez šipek nahoru/dolů – částky se píšou */
input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
input[type=number]{-moz-appearance:textfield;appearance:textfield}
input[inputmode=numeric],input[inputmode=decimal]{font-variant-numeric:tabular-nums;text-align:right}
/* políčko s rozbalovací šipkou */
.grid5 .os{display:flex;flex-direction:column;gap:2px;font-size:11px;color:var(--muted-2);font-family:Oswald,sans-serif;letter-spacing:.04em;min-width:0}
.inwrap{position:relative;display:flex}
.inwrap input{flex:1;min-width:0;width:100%;padding:5px 6px;border-top-right-radius:0;border-bottom-right-radius:0}
.inwrap .dd{border:1px solid var(--line);border-left:none;background:var(--surface-2);color:var(--muted);padding:0 8px;border-radius:0 var(--radius) var(--radius) 0;font-size:12px}
.inwrap .dd:hover{color:var(--yellow)}
.ddmenu{position:absolute;top:100%;right:0;z-index:5;margin-top:4px;background:var(--surface-3);border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 8px 24px rgba(0,0,0,.45);min-width:230px;padding:4px;font-family:Roboto,sans-serif;letter-spacing:0}
.ddmenu button{display:block;width:100%;text-align:left;padding:8px 10px;border-radius:3px;color:var(--text);font-size:13.5px}
.ddmenu button:hover{background:var(--surface-2)}
.ddmenu small{display:block;color:var(--muted-2);font-size:12px;margin-top:2px}
/* výběr lidí klikáním */
.komu{border:1px solid var(--line-soft);border-radius:var(--radius);padding:10px 12px;background:var(--surface-2)}
.komu-hlava{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.komu-sekce{margin-top:10px}
.komu-titul{display:flex;align-items:center;gap:12px;font-size:13px;color:var(--muted)}
.komu-titul .sp{flex:1}
.komu-titul .linkbtn{margin-top:0}
details.komu-sekce summary{cursor:pointer;font-size:13px;color:var(--muted);padding:4px 0}
.pchip.vyber{cursor:pointer}
.pchip.vyber.on{color:var(--yellow-ink);background:var(--yellow);border-color:var(--yellow)}
.pchip.vyber.on small{color:var(--yellow-ink);opacity:.7}
.pchip.vyber.on{color:var(--yellow);background:rgba(255,231,0,.13);border-color:var(--yellow-dim)}
.pchip.vyber.on small{color:var(--yellow);opacity:.75}
/* tlačítka Uložit/Zrušit v dlouhých dialozích zůstávají vidět */
dialog .stack > .btns:last-child{position:sticky;bottom:-18px;background:var(--surface);padding:12px 0 14px;margin-bottom:-4px;border-top:1px solid var(--line-soft);z-index:3}

/* výběr pobočky – obdélníčky s logem */
.pobseg{margin:6px 0 4px}
.pobseg button{display:inline-flex;align-items:center;gap:8px;padding:6px 12px}
.pobseg button[aria-pressed="true"]{border-color:var(--yellow-dim);color:var(--text);background:rgba(255,231,0,.08)}
.plogo{--s:20px;flex:none;display:inline-block;width:var(--s);height:var(--s);border-radius:50%;background-repeat:no-repeat;
  background-size:calc(var(--s) * var(--lk)) auto;background-position:calc(var(--s) * var(--lx) * -1) calc(var(--s) * var(--ly) * -1)}
.pobseg.form-pob{margin:0}
.pobseg.form-pob button{padding:5px 10px;font-size:12px}
.pobseg.form-pob .plogo{--s:17px}
.rezsync{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.rezsync .co{flex:1;min-width:240px}
#bar > .pobseg:first-child{margin-top:14px}

/* okna ve stylu appky (potvrzení, dotaz) */
dialog.okno{max-width:min(460px,calc(100% - 32px));width:100%;border-color:var(--muted-2)}
dialog.okno h3{margin:0}
dialog.okno .btns{justify-content:flex-end}
/* denní rozpis ve výkazu – klikací dny, připomínky a úpravy */
.day.klik{cursor:pointer;text-align:left;background:none;border-left:none;border-right:none;border-bottom:none;color:inherit;font:inherit}
.day.klik:hover{background:rgba(255,255,255,.035)}
.day .chev{color:var(--muted-2)}
.day .pripom{color:var(--yellow);font-weight:400}
.day .upraveno{color:var(--yellow-dim);font-size:12.5px}
.pripombox{border:1px solid var(--yellow-dim);background:rgba(255,231,0,.06);border-radius:var(--radius);padding:10px 12px;font-size:14px}
.denradek{display:flex;align-items:center;gap:10px;padding:8px 0;border-top:1px solid var(--line-soft);flex-wrap:wrap}
.denradek:first-child{border-top:none}
.denradek.oddel{margin-top:6px;border-top:1px solid var(--line)}
.denradek .nm{flex:1;min-width:140px}
.denradek.smazano .nm{text-decoration:line-through;color:var(--muted-2)}
.pocitadlo{display:inline-flex;align-items:center;gap:4px}
.pocitadlo .step{width:32px;height:32px}
.oznameni{border-left:3px solid var(--yellow);padding:8px 10px;margin:8px 0;background:rgba(255,231,0,.05);border-radius:3px}
.oznameni.videno{border-left-color:var(--line);background:none}
.oznameni .kdy{font-size:12px;color:var(--muted-2)}
.oznameni pre{margin:4px 0 0;font:inherit;white-space:pre-wrap}
.vyjimka{margin-top:16px;padding-top:12px;border-top:1px solid var(--line-soft)}
td.yel{color:var(--yellow)}
/* podsegmenty (Šéftrenér → Výkazy / Připomínky, Uzávěrka → Fakturace / Podklad pro mzdy) */
.podseg{margin:14px 0 0}
.podseg button[aria-pressed="true"]{background:var(--surface-3);color:var(--text);border-color:var(--yellow-dim)}
/* trenér – Přehled: měsíce v roce */
.months{display:flex;flex-direction:column}
.mrow{display:flex;align-items:center;gap:11px;width:100%;padding:12px 8px;margin-inline:-8px;border:none;border-top:1px solid var(--line-soft);background:none;color:inherit;font:inherit;font-size:14px;text-align:left;cursor:pointer;border-radius:3px}
.mrow:first-child{border-top:none}
.mrow:hover{background:rgba(255,255,255,.035)}
.mrow.on{background:rgba(255,231,0,.06)}
.mrow .mn{font-family:Oswald,sans-serif;min-width:72px;letter-spacing:.03em;text-transform:capitalize}
.mrow.on .mn{color:var(--yellow)}
.mrow .mi{flex:1;min-width:0;color:var(--muted)}
.mrow .mi em{font-style:normal;color:var(--muted-2);font-size:13px}
.mrow .amt{font-variant-numeric:tabular-nums;white-space:nowrap;font-size:13.5px;color:var(--muted)}
.mrow .amt.p{color:var(--yellow)}
.mrow .chev{color:var(--muted-2);font-family:Oswald,sans-serif}
/* trenér – skupinovky v detailu dne */
.detail .lesson .pripom{color:var(--yellow);margin-top:3px}
.pridat-lekci{margin:10px 0 0;padding:12px}
.pridat-lekci .row-in{display:flex;gap:8px;flex-wrap:wrap;margin-top:6px}
.detail .pocitadlo{display:flex;align-items:center;gap:8px}
.detail .pocitadlo .ct{min-width:22px;text-align:center}

#ukazka-prouzek{position:sticky;top:0;z-index:50;display:flex;gap:14px;align-items:center;justify-content:space-between;flex-wrap:wrap;padding:7px 16px;
  background:var(--yellow);color:var(--yellow-ink);font-size:12.5px;font-family:Roboto,sans-serif}
#ukazka-prouzek a{color:var(--yellow-ink);font-weight:600;text-decoration:none}
@media (max-width:600px){#ukazka-prouzek span{display:none}}