/* Shared workspace language: the same quiet surfaces and system typography as the public site.
   Other explicitly selected appearance profiles remain available. */
body:is([data-styl="web"],[data-styl="oldschool"],[data-styl="moderna"],[data-styl="uni"],[data-styl="astra"]) {
  --font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
  --display: var(--font);
  --mono: ui-monospace, "SFMono-Regular", Consolas, monospace;
  --radius: 14px; --radius-sm: 9px;
  --shadow-1: none; --shadow-2: 0 24px 70px #0004;
  --sirka-data: 1440px; --sirka-text: 860px;
  font-size: 14px; line-height: 1.55;
}
body:is([data-styl="web"],[data-styl="oldschool"],[data-styl="moderna"],[data-styl="uni"],[data-styl="astra"])[data-theme="dark"] {
  --bg: #101214; --bg-card: #191c20; --bg-elev: #20242a;
  --surface: #191c20; --border: #30353c; --border-strong: #424a55;
  --text: #edf0f4; --text-2: #abb4c1; --text-3: #949eac; --muted: #abb4c1;
  --green: #4dbf7a; --green-strong: #247a49; --green-soft: #4dbf7a18;
  --red: #b5464d; --red-strong: #f39c9f; --red-soft: #b5464d20;
}
body:is([data-styl="web"],[data-styl="oldschool"],[data-styl="moderna"],[data-styl="uni"],[data-styl="astra"]) :is(h1,h2,h3,h4,.side-brand) {font-family:var(--font);letter-spacing:-.025em;font-weight:600}
body:is([data-styl="web"],[data-styl="oldschool"],[data-styl="moderna"],[data-styl="uni"],[data-styl="astra"]) :is(.stat-value,.entry-nums,.day-total,.running-pill) {font-family:var(--mono);font-variant-numeric:tabular-nums}
body:is([data-styl="web"],[data-styl="oldschool"],[data-styl="moderna"],[data-styl="uni"],[data-styl="astra"]) .muted {font-size:13px;line-height:1.55}
body:is([data-styl="web"],[data-styl="oldschool"],[data-styl="moderna"],[data-styl="uni"],[data-styl="astra"]) :is(.view,.card,.stat,.entry,.timer-idle,.timer-running,.pulse-dot,#bigStartBtn,.side-brand,.auth-brand,.stage-title .tl) {animation:none!important}
body:is([data-styl="web"],[data-styl="oldschool"],[data-styl="moderna"],[data-styl="uni"],[data-styl="astra"]) :is(.stat:hover,.entry:hover,.card:hover) {transform:none;box-shadow:none}
body:is([data-styl="web"],[data-styl="oldschool"],[data-styl="moderna"],[data-styl="uni"],[data-styl="astra"]) .sidebar {width:218px;background:var(--bg);height:100dvh}
body:is([data-styl="web"],[data-styl="oldschool"],[data-styl="moderna"],[data-styl="uni"],[data-styl="astra"])[data-theme="dark"] .sidebar {background:#15171b}
body:is([data-styl="web"],[data-styl="oldschool"],[data-styl="moderna"],[data-styl="uni"],[data-styl="astra"]) .side-brand {padding:17px 20px;height:64px;min-height:64px;font-size:22px;gap:10px;text-decoration:none}
body:is([data-styl="web"],[data-styl="oldschool"],[data-styl="moderna"],[data-styl="uni"],[data-styl="astra"]) .side-nav {padding:8px 12px;overflow-y:auto;min-height:0;scrollbar-width:thin}
body:is([data-styl="web"],[data-styl="oldschool"],[data-styl="moderna"],[data-styl="uni"],[data-styl="astra"]) .nav-item {font-size:14px;font-weight:450;padding:10px 12px;min-height:42px;gap:12px;line-height:1.25}
body:is([data-styl="web"],[data-styl="oldschool"],[data-styl="moderna"],[data-styl="uni"],[data-styl="astra"]) .nav-item.active {font-weight:600;background:color-mix(in srgb,var(--accent) 12%,var(--bg-card))}
body:is([data-styl="web"],[data-styl="oldschool"],[data-styl="moderna"],[data-styl="uni"],[data-styl="astra"]) .nav-item.active::before {display:none}
body:is([data-styl="web"],[data-styl="oldschool"],[data-styl="moderna"],[data-styl="uni"],[data-styl="astra"]) .side-foot {padding:12px;border-top:1px solid var(--border)}
body:is([data-styl="web"],[data-styl="oldschool"],[data-styl="moderna"],[data-styl="uni"],[data-styl="astra"]) .side-user {padding:9px 8px;min-height:44px;font-size:13px}
body:is([data-styl="web"],[data-styl="oldschool"],[data-styl="moderna"],[data-styl="uni"],[data-styl="astra"]) .side-help {min-height:40px}
body:is([data-styl="web"],[data-styl="oldschool"],[data-styl="moderna"],[data-styl="uni"],[data-styl="astra"]) .avatar {background:var(--bg-elev);color:var(--text);border:1px solid var(--border)}
body:is([data-styl="web"],[data-styl="oldschool"],[data-styl="moderna"],[data-styl="uni"],[data-styl="astra"]) .topbar {min-height:64px;padding:12px 24px;background:var(--bg);backdrop-filter:none}
body:is([data-styl="web"],[data-styl="oldschool"],[data-styl="moderna"],[data-styl="uni"],[data-styl="astra"]) #pageTitle {font-size:20px;line-height:1.25}
body:is([data-styl="web"],[data-styl="oldschool"],[data-styl="moderna"],[data-styl="uni"],[data-styl="astra"]) .topbar-right {gap:10px}
body:is([data-styl="web"],[data-styl="oldschool"],[data-styl="moderna"],[data-styl="uni"],[data-styl="astra"]) .topbar-right .icon-btn {width:40px;height:40px}
body:is([data-styl="web"],[data-styl="oldschool"],[data-styl="moderna"],[data-styl="uni"],[data-styl="astra"]) .running-pill {background:var(--green-soft);border:1px solid color-mix(in srgb,var(--green) 22%,transparent);color:var(--text);font-size:13px;min-height:38px;padding:7px 13px}
body:is([data-styl="web"],[data-styl="oldschool"],[data-styl="moderna"],[data-styl="uni"],[data-styl="astra"]) .content {padding:24px 24px 36px}
body:is([data-styl="web"],[data-styl="oldschool"],[data-styl="moderna"],[data-styl="uni"],[data-styl="astra"]) .lista-obrazovky {gap:14px;min-height:44px;margin-bottom:24px}
body:is([data-styl="web"],[data-styl="oldschool"],[data-styl="moderna"],[data-styl="uni"],[data-styl="astra"]) :is(.day-label,.month-nav h3,.kal-titulek) {font:550 18px/1.4 var(--font);letter-spacing:-.02em}
body:is([data-styl="web"],[data-styl="oldschool"],[data-styl="moderna"],[data-styl="uni"],[data-styl="astra"]) .lista-obrazovky .souhrn {background:none;border:0;padding:0;font:400 13px var(--font);color:var(--text-2)}
body:is([data-styl="web"],[data-styl="oldschool"],[data-styl="moderna"],[data-styl="uni"],[data-styl="astra"]) .lista-obrazovky :is(.day-nav,.month-nav) {gap:10px}
body:is([data-styl="web"],[data-styl="oldschool"],[data-styl="moderna"],[data-styl="uni"],[data-styl="astra"]) .card {padding:18px;border-radius:var(--radius);box-shadow:none;margin-bottom:18px}
body:is([data-styl="web"],[data-styl="oldschool"],[data-styl="moderna"],[data-styl="uni"],[data-styl="astra"]) .card-head {margin-bottom:18px;gap:15px}
body:is([data-styl="web"],[data-styl="oldschool"],[data-styl="moderna"],[data-styl="uni"],[data-styl="astra"]) .card-head h4 {font-size:18px;font-weight:550;line-height:1.3}
body:is([data-styl="web"],[data-styl="oldschool"],[data-styl="moderna"],[data-styl="uni"],[data-styl="astra"]) .btn {min-height:40px;padding:9px 16px;font:500 13px/1.35 var(--font);border-radius:9px;box-shadow:none}
body:is([data-styl="web"],[data-styl="oldschool"],[data-styl="moderna"],[data-styl="uni"],[data-styl="astra"]) .btn:hover {box-shadow:none;filter:brightness(1.1)}
body:is([data-styl="web"],[data-styl="oldschool"],[data-styl="moderna"],[data-styl="uni"],[data-styl="astra"]) .btn:active {transform:none}
body:is([data-styl="web"],[data-styl="oldschool"],[data-styl="moderna"],[data-styl="uni"],[data-styl="astra"]) .btn.small {padding:7px 12px;font-size:12.5px;min-height:36px}
body:is([data-styl="web"],[data-styl="oldschool"],[data-styl="moderna"],[data-styl="uni"],[data-styl="astra"]) .btn.ghost {border-color:var(--border-strong);background:transparent}
body:is([data-styl="web"],[data-styl="oldschool"],[data-styl="moderna"],[data-styl="uni"],[data-styl="astra"]) .btn:disabled {filter:none;opacity:.5;cursor:not-allowed}
body:is([data-styl="web"],[data-styl="oldschool"],[data-styl="moderna"],[data-styl="uni"],[data-styl="astra"]) .field {margin-bottom:18px}
body:is([data-styl="web"],[data-styl="oldschool"],[data-styl="moderna"],[data-styl="uni"],[data-styl="astra"]) .field label {font-size:13px;margin-bottom:7px;font-weight:450;color:var(--text-2)}
body:is([data-styl="web"],[data-styl="oldschool"],[data-styl="moderna"],[data-styl="uni"],[data-styl="astra"]) :is(.field input,.field select,.field textarea,.timer-pole input) {font:400 14px/1.5 var(--font);border-radius:9px;min-height:44px;padding:10px 12px;background:var(--bg);border-color:var(--border-strong)}
body:is([data-styl="web"],[data-styl="oldschool"],[data-styl="moderna"],[data-styl="uni"],[data-styl="astra"]) :is(input,textarea)::placeholder {color:var(--text-3);opacity:1}
body:is([data-styl="web"],[data-styl="oldschool"],[data-styl="moderna"],[data-styl="uni"],[data-styl="astra"]) :is(button,a,input,select,textarea,summary):focus-visible {outline:2px solid var(--accent-ink);outline-offset:3px}
body:is([data-styl="web"],[data-styl="oldschool"],[data-styl="moderna"],[data-styl="uni"],[data-styl="astra"]) .workspace-section-title {font-size:17px;font-weight:550;margin:0 0 12px;line-height:1.4}
body:is([data-styl="web"],[data-styl="oldschool"],[data-styl="moderna"],[data-styl="uni"],[data-styl="astra"]) .den-mrizka {gap:20px}
body:is([data-styl="web"],[data-styl="oldschool"],[data-styl="moderna"],[data-styl="uni"],[data-styl="astra"]) :is(.den-vlevo,.den-vpravo) {min-width:0}
body:is([data-styl="web"],[data-styl="oldschool"],[data-styl="moderna"],[data-styl="uni"],[data-styl="astra"]) .timer-stage {padding:20px}
body:is([data-styl="web"],[data-styl="oldschool"],[data-styl="moderna"],[data-styl="uni"],[data-styl="astra"]) .timer-idle,body:is([data-styl="web"],[data-styl="oldschool"],[data-styl="moderna"],[data-styl="uni"],[data-styl="astra"]) .timer-running {gap:13px}
body:is([data-styl="web"],[data-styl="oldschool"],[data-styl="moderna"],[data-styl="uni"],[data-styl="astra"]) .timer-hlava {min-height:22px}
body:is([data-styl="web"],[data-styl="oldschool"],[data-styl="moderna"],[data-styl="uni"],[data-styl="astra"]) .timer-stav {font:500 11px var(--font);letter-spacing:.06em}
body:is([data-styl="web"],[data-styl="oldschool"],[data-styl="moderna"],[data-styl="uni"],[data-styl="astra"]) .timer-stav.bezi {color:#76d59b}
body:is([data-styl="web"],[data-styl="oldschool"],[data-styl="moderna"],[data-styl="uni"],[data-styl="astra"]) .timer-od {font:400 12px var(--font);color:var(--text-2)}
body:is([data-styl="web"],[data-styl="oldschool"],[data-styl="moderna"],[data-styl="uni"],[data-styl="astra"]) .timer-cas {font:500 clamp(34px,3.2vw,46px)/1.15 var(--mono);letter-spacing:-1.5px;margin:7px 0 3px}
body:is([data-styl="web"],[data-styl="oldschool"],[data-styl="moderna"],[data-styl="uni"],[data-styl="astra"]) .timer-cas.klid {color:var(--text-2)}
body:is([data-styl="web"],[data-styl="oldschool"],[data-styl="moderna"],[data-styl="uni"],[data-styl="astra"]) .timer-meta .cust {font-size:20px;font-weight:550}
body:is([data-styl="web"],[data-styl="oldschool"],[data-styl="moderna"],[data-styl="uni"],[data-styl="astra"]) .timer-meta .desc {font-size:14px;margin-top:4px;line-height:1.5}
body:is([data-styl="web"],[data-styl="oldschool"],[data-styl="moderna"],[data-styl="uni"],[data-styl="astra"]) .timer-btns {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:8px}
body:is([data-styl="web"],[data-styl="oldschool"],[data-styl="moderna"],[data-styl="uni"],[data-styl="astra"]) .timer-btns .btn {min-width:0;padding:9px 5px;font-size:12px;min-height:40px;gap:5px}
body:is([data-styl="web"],[data-styl="oldschool"],[data-styl="moderna"],[data-styl="uni"],[data-styl="astra"]) .timer-btns .btn.ghost {border-color:transparent;background:transparent}
body:is([data-styl="web"],[data-styl="oldschool"],[data-styl="moderna"],[data-styl="uni"],[data-styl="astra"]) .timer-btns .btn.ghost:hover {background:var(--bg-elev)}
body:is([data-styl="web"],[data-styl="oldschool"],[data-styl="moderna"],[data-styl="uni"],[data-styl="astra"]) .timer-btns :is(.btn.danger,.btn.block) {grid-column:1/-1;font-size:14px;min-height:46px}
body:is([data-styl="web"],[data-styl="oldschool"],[data-styl="moderna"],[data-styl="uni"],[data-styl="astra"]) .mini-label {font:400 12px var(--font);text-transform:none;letter-spacing:0;color:var(--text-2)}
body:is([data-styl="web"],[data-styl="oldschool"],[data-styl="moderna"],[data-styl="uni"],[data-styl="astra"]) .timer-project {align-self:flex-start;border:0;color:var(--accent-ink);padding:2px 0;min-height:30px;background:transparent}
body:is([data-styl="web"],[data-styl="oldschool"],[data-styl="moderna"],[data-styl="uni"],[data-styl="astra"]) .pichacka {padding:16px 20px;gap:12px;flex-wrap:nowrap}
body:is([data-styl="web"],[data-styl="oldschool"],[data-styl="moderna"],[data-styl="uni"],[data-styl="astra"]) .pichacka .t1 {font-size:14px;font-weight:500}
body:is([data-styl="web"],[data-styl="oldschool"],[data-styl="moderna"],[data-styl="uni"],[data-styl="astra"]) .pichacka .t2 {font-size:12px}
body:is([data-styl="web"],[data-styl="oldschool"],[data-styl="moderna"],[data-styl="uni"],[data-styl="astra"]) .pichacka-ico {background:transparent;color:var(--text-2);width:28px;height:28px}
body:is([data-styl="web"],[data-styl="oldschool"],[data-styl="moderna"],[data-styl="uni"],[data-styl="astra"]) #pichackaBtn {background:transparent;color:var(--text);border:1px solid var(--border-strong);min-width:68px}
body:is([data-styl="web"],[data-styl="oldschool"],[data-styl="moderna"],[data-styl="uni"],[data-styl="astra"]) .quick-add {padding:20px}
body:is([data-styl="web"],[data-styl="oldschool"],[data-styl="moderna"],[data-styl="uni"],[data-styl="astra"]) .quick-add-row {gap:8px}
body:is([data-styl="web"],[data-styl="oldschool"],[data-styl="moderna"],[data-styl="uni"],[data-styl="astra"]) .quick-add-row>svg {display:none}
body:is([data-styl="web"],[data-styl="oldschool"],[data-styl="moderna"],[data-styl="uni"],[data-styl="astra"]) #quickAdd {font:400 13px/1.5 var(--font);background:var(--bg);border:1px solid var(--border-strong);border-radius:9px;padding:10px;min-height:42px}
body:is([data-styl="web"],[data-styl="oldschool"],[data-styl="moderna"],[data-styl="uni"],[data-styl="astra"]) .quick-actions {gap:8px;margin-top:12px}
body:is([data-styl="web"],[data-styl="oldschool"],[data-styl="moderna"],[data-styl="uni"],[data-styl="astra"]) .quick-actions .btn {min-width:0;font-size:12px;flex:1;padding:8px 5px}
body:is([data-styl="web"],[data-styl="oldschool"],[data-styl="moderna"],[data-styl="uni"],[data-styl="astra"]) .day-tools {background:transparent;border:0;box-shadow:none;padding:0;gap:10px;align-items:end;margin:0 0 14px;animation:none}
body:is([data-styl="web"],[data-styl="oldschool"],[data-styl="moderna"],[data-styl="uni"],[data-styl="astra"]) .day-tools label {font:400 11px var(--font);color:var(--text-2);text-transform:none;letter-spacing:0}
body:is([data-styl="web"],[data-styl="oldschool"],[data-styl="moderna"],[data-styl="uni"],[data-styl="astra"]) .day-tools select {font:400 13px var(--font);min-height:40px;padding:8px 10px;border-color:var(--border-strong);background:var(--bg)}
body:is([data-styl="web"],[data-styl="oldschool"],[data-styl="moderna"],[data-styl="uni"],[data-styl="astra"]) .day-tools .sort-toggle {font:400 12px var(--font);min-height:40px}
body:is([data-styl="web"],[data-styl="oldschool"],[data-styl="moderna"],[data-styl="uni"],[data-styl="astra"]) #dayList {gap:0;background:var(--bg-card);border:1px solid var(--border);border-radius:14px;overflow:hidden}
body:is([data-styl="web"],[data-styl="oldschool"],[data-styl="moderna"],[data-styl="uni"],[data-styl="astra"]) #dayList .entry {border:0;border-bottom:1px solid var(--border);border-radius:0;background:none;box-shadow:none;padding:18px 14px;min-height:84px;margin:0}
body:is([data-styl="web"],[data-styl="oldschool"],[data-styl="moderna"],[data-styl="uni"],[data-styl="astra"]) .entry-main .t1 {font-size:14px;font-weight:550;line-height:1.4}
body:is([data-styl="web"],[data-styl="oldschool"],[data-styl="moderna"],[data-styl="uni"],[data-styl="astra"]) .entry-main .t2 {font-size:13px;margin-top:4px}
body:is([data-styl="web"],[data-styl="oldschool"],[data-styl="moderna"],[data-styl="uni"],[data-styl="astra"]) .entry-nums .n1 {font:500 13px var(--mono)}
body:is([data-styl="web"],[data-styl="oldschool"],[data-styl="moderna"],[data-styl="uni"],[data-styl="astra"]) .entry-nums .n2 {font:400 12px var(--mono);margin-top:5px;color:var(--text-2)}
body:is([data-styl="web"],[data-styl="oldschool"],[data-styl="moderna"],[data-styl="uni"],[data-styl="astra"]) .entry-actions .icon-btn {width:36px;height:40px;color:var(--text-2)}
body:is([data-styl="web"],[data-styl="oldschool"],[data-styl="moderna"],[data-styl="uni"],[data-styl="astra"]) .day-total {background:var(--bg);border:0;border-radius:0;padding:18px 16px;font-size:12px;line-height:1.65;gap:12px}
body:is([data-styl="web"],[data-styl="oldschool"],[data-styl="moderna"],[data-styl="uni"],[data-styl="astra"]) .empty-state {padding:40px 24px;font-size:14px;color:var(--text-2);line-height:1.7}
body:is([data-styl="web"],[data-styl="oldschool"],[data-styl="moderna"],[data-styl="uni"],[data-styl="astra"]) .stat-grid {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;background:var(--bg-card);border:1px solid var(--border);border-radius:14px;margin-bottom:24px;overflow:hidden}
body:is([data-styl="web"],[data-styl="oldschool"],[data-styl="moderna"],[data-styl="uni"],[data-styl="astra"]) .stat {border:0;border-radius:0;padding:24px;background:transparent;box-shadow:none;min-width:0}
body:is([data-styl="web"],[data-styl="oldschool"],[data-styl="moderna"],[data-styl="uni"],[data-styl="astra"]) .stat+.stat {border-left:1px solid var(--border)}
body:is([data-styl="web"],[data-styl="oldschool"],[data-styl="moderna"],[data-styl="uni"],[data-styl="astra"]) .stat.highlight {background:color-mix(in srgb,var(--accent) 7%,var(--bg-card))}
body:is([data-styl="web"],[data-styl="oldschool"],[data-styl="moderna"],[data-styl="uni"],[data-styl="astra"]) .stat.highlight .stat-value {color:var(--accent-ink)}
body:is([data-styl="web"],[data-styl="oldschool"],[data-styl="moderna"],[data-styl="uni"],[data-styl="astra"]) .stat .stat-label {font:400 13px/1.5 var(--font);color:var(--text-2);letter-spacing:0;text-transform:none}
body:is([data-styl="web"],[data-styl="oldschool"],[data-styl="moderna"],[data-styl="uni"],[data-styl="astra"]) .stat .stat-label svg {display:none}
body:is([data-styl="web"],[data-styl="oldschool"],[data-styl="moderna"],[data-styl="uni"],[data-styl="astra"]) .stat .stat-value {font:500 clamp(22px,2.1vw,30px)/1.3 var(--mono);color:var(--text);margin:14px 0 9px;letter-spacing:-1px;overflow-wrap:anywhere}
body:is([data-styl="web"],[data-styl="oldschool"],[data-styl="moderna"],[data-styl="uni"],[data-styl="astra"]) .stat .stat-value small {font:400 13px var(--font)}
body:is([data-styl="web"],[data-styl="oldschool"],[data-styl="moderna"],[data-styl="uni"],[data-styl="astra"]) .stat .stat-sub {font:400 12px/1.6 var(--font);color:var(--text-2)}
body:is([data-styl="web"],[data-styl="oldschool"],[data-styl="moderna"],[data-styl="uni"],[data-styl="astra"]) .overview-layout {display:grid;grid-template-columns:minmax(0,1.8fr) minmax(0,1fr);gap:22px;margin-bottom:22px}
body:is([data-styl="web"],[data-styl="oldschool"],[data-styl="moderna"],[data-styl="uni"],[data-styl="astra"]) .overview-layout>.card {margin:0;min-width:0}
body:is([data-styl="web"],[data-styl="oldschool"],[data-styl="moderna"],[data-styl="uni"],[data-styl="astra"]) .bar-chart {height:230px;padding-top:20px}
body:is([data-styl="web"],[data-styl="oldschool"],[data-styl="moderna"],[data-styl="uni"],[data-styl="astra"]) .bar {border-radius:4px 4px 0 0;background:var(--accent);box-shadow:none}
body:is([data-styl="web"],[data-styl="oldschool"],[data-styl="moderna"],[data-styl="uni"],[data-styl="astra"]) .breakdown-row {padding:18px 0;gap:18px;align-items:start;line-height:1.65;font-size:13px}
body:is([data-styl="web"],[data-styl="oldschool"],[data-styl="moderna"],[data-styl="uni"],[data-styl="astra"]) .breakdown-row .amount {font:500 13px/1.65 var(--mono);white-space:nowrap}
body:is([data-styl="web"],[data-styl="oldschool"],[data-styl="moderna"],[data-styl="uni"],[data-styl="astra"]) .breakdown-row:last-child {padding-top:22px;color:var(--text)}
body:is([data-styl="web"],[data-styl="oldschool"],[data-styl="moderna"],[data-styl="uni"],[data-styl="astra"]) #overviewTeamPanel {margin:0}
body:is([data-styl="web"],[data-styl="oldschool"],[data-styl="moderna"],[data-styl="uni"],[data-styl="astra"]) .sheet :is(th,td) {padding:14px 16px;font-size:13px;border-bottom:1px solid var(--border)}
body:is([data-styl="web"],[data-styl="oldschool"],[data-styl="moderna"],[data-styl="uni"],[data-styl="astra"]) .sheet th {font:500 12px/1.5 var(--font);text-transform:none;letter-spacing:0;color:var(--text-2);background:var(--bg-elev)}
body:is([data-styl="web"],[data-styl="oldschool"],[data-styl="moderna"],[data-styl="uni"],[data-styl="astra"]) .sheet tbody tr:hover td {background:var(--bg-elev)}
body:is([data-styl="web"],[data-styl="oldschool"],[data-styl="moderna"],[data-styl="uni"],[data-styl="astra"]) .table-card {padding:0;overflow:hidden}
body:is([data-styl="web"],[data-styl="oldschool"],[data-styl="moderna"],[data-styl="uni"],[data-styl="astra"]) .table-card .card-head {padding:20px 22px;margin:0}
body:is([data-styl="web"],[data-styl="oldschool"],[data-styl="moderna"],[data-styl="uni"],[data-styl="astra"]) .modal {max-width:540px;border-radius:16px;box-shadow:var(--shadow-2)}
body:is([data-styl="web"],[data-styl="oldschool"],[data-styl="moderna"],[data-styl="uni"],[data-styl="astra"]) .modal.siroky {max-width:min(800px,94vw)}
body:is([data-styl="web"],[data-styl="oldschool"],[data-styl="moderna"],[data-styl="uni"],[data-styl="astra"]) .modal-head {padding:22px 24px 0}
body:is([data-styl="web"],[data-styl="oldschool"],[data-styl="moderna"],[data-styl="uni"],[data-styl="astra"]) .modal-head h3 {font-size:21px}
body:is([data-styl="web"],[data-styl="oldschool"],[data-styl="moderna"],[data-styl="uni"],[data-styl="astra"]) .modal-body {padding:22px 24px 24px}
body:is([data-styl="web"],[data-styl="oldschool"],[data-styl="moderna"],[data-styl="uni"],[data-styl="astra"]) .modal-foot {padding-top:10px}
body:is([data-styl="web"],[data-styl="oldschool"],[data-styl="moderna"],[data-styl="uni"],[data-styl="astra"]) .modal-backdrop {background:#0009;backdrop-filter:blur(5px)}
body:is([data-styl="web"],[data-styl="oldschool"],[data-styl="moderna"],[data-styl="uni"],[data-styl="astra"]) .kal {--kal-vyska:calc(100dvh - 150px)}
body:is([data-styl="web"],[data-styl="oldschool"],[data-styl="moderna"],[data-styl="uni"],[data-styl="astra"]) .kal-bok {width:210px;flex-basis:210px}
body:is([data-styl="web"],[data-styl="oldschool"],[data-styl="moderna"],[data-styl="uni"],[data-styl="astra"]) :is(.picker-menu,.autocomplete-menu,.agenda-menu) {background:var(--bg-card);border:1px solid var(--border-strong);box-shadow:var(--shadow-2)}
body:is([data-styl="web"],[data-styl="oldschool"],[data-styl="moderna"],[data-styl="uni"],[data-styl="astra"]) .auth-card {border-radius:16px;padding:28px;box-shadow:none}
body:is([data-styl="web"],[data-styl="oldschool"],[data-styl="moderna"],[data-styl="uni"],[data-styl="astra"]) .auth-screen .blob {display:none}
body:is([data-styl="web"],[data-styl="oldschool"],[data-styl="moderna"],[data-styl="uni"],[data-styl="astra"]) .auth-stage .stage-title {font-family:var(--font);letter-spacing:-.035em}
body:is([data-styl="web"],[data-styl="oldschool"],[data-styl="moderna"],[data-styl="uni"],[data-styl="astra"]) .stage-title .tl {color:var(--text);background:none;-webkit-text-fill-color:currentColor;text-shadow:none;filter:none}
@media(min-width:1100px){body:is([data-styl="web"],[data-styl="oldschool"],[data-styl="moderna"],[data-styl="uni"],[data-styl="astra"]) .den-mrizka{grid-template-columns:minmax(320px,370px) minmax(0,1fr)}body:is([data-styl="web"],[data-styl="oldschool"],[data-styl="moderna"],[data-styl="uni"],[data-styl="astra"]) :is(.den-vlevo,.den-vpravo){gap:18px}body:is([data-styl="web"],[data-styl="oldschool"],[data-styl="moderna"],[data-styl="uni"],[data-styl="astra"]) .day-list-title{margin-bottom:0}body:is([data-styl="web"],[data-styl="oldschool"],[data-styl="moderna"],[data-styl="uni"],[data-styl="astra"]) .den-mrizka .card{margin-bottom:0}}
@media(max-width:1200px){body:is([data-styl="web"],[data-styl="oldschool"],[data-styl="moderna"],[data-styl="uni"],[data-styl="astra"]) .content{padding:24px}body:is([data-styl="web"],[data-styl="oldschool"],[data-styl="moderna"],[data-styl="uni"],[data-styl="astra"]) .overview-layout{grid-template-columns:1fr}body:is([data-styl="web"],[data-styl="oldschool"],[data-styl="moderna"],[data-styl="uni"],[data-styl="astra"]) .stat{padding:20px 16px}body:is([data-styl="web"],[data-styl="oldschool"],[data-styl="moderna"],[data-styl="uni"],[data-styl="astra"]) .stat .stat-value{font-size:23px}body:is([data-styl="web"],[data-styl="oldschool"],[data-styl="moderna"],[data-styl="uni"],[data-styl="astra"]) .entry-actions{gap:0}body:is([data-styl="web"],[data-styl="oldschool"],[data-styl="moderna"],[data-styl="uni"],[data-styl="astra"]) .entry-actions .icon-btn{width:30px}body:is([data-styl="web"],[data-styl="oldschool"],[data-styl="moderna"],[data-styl="uni"],[data-styl="astra"]) .topbar{padding-inline:24px}}
@media(min-width:821px) and (max-width:1099px){body:is([data-styl="web"],[data-styl="oldschool"],[data-styl="moderna"],[data-styl="uni"],[data-styl="astra"]) .den-vlevo{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px}body:is([data-styl="web"],[data-styl="oldschool"],[data-styl="moderna"],[data-styl="uni"],[data-styl="astra"]) .den-vlevo #timerStage{grid-row:span 2}body:is([data-styl="web"],[data-styl="oldschool"],[data-styl="moderna"],[data-styl="uni"],[data-styl="astra"]) .den-vlevo .card{margin-bottom:0}body:is([data-styl="web"],[data-styl="oldschool"],[data-styl="moderna"],[data-styl="uni"],[data-styl="astra"]) .pichacka{flex-wrap:wrap}body:is([data-styl="web"],[data-styl="oldschool"],[data-styl="moderna"],[data-styl="uni"],[data-styl="astra"]) .quick-actions{flex-direction:column}body:is([data-styl="web"],[data-styl="oldschool"],[data-styl="moderna"],[data-styl="uni"],[data-styl="astra"]) .timer-cas{font-size:34px}body:is([data-styl="web"],[data-styl="oldschool"],[data-styl="moderna"],[data-styl="uni"],[data-styl="astra"]) .timer-btns .btn{font-size:11px}body:is([data-styl="web"],[data-styl="oldschool"],[data-styl="moderna"],[data-styl="uni"],[data-styl="astra"]) .timer-btns .btn svg{display:none}}
@media(max-width:820px){
  body:is([data-styl="web"],[data-styl="oldschool"],[data-styl="moderna"],[data-styl="uni"],[data-styl="astra"]) .topbar{padding:12px 16px;min-height:64px;gap:10px}
  body:is([data-styl="web"],[data-styl="oldschool"],[data-styl="moderna"],[data-styl="uni"],[data-styl="astra"]) #pageTitle{font-size:20px}
  body:is([data-styl="web"],[data-styl="oldschool"],[data-styl="moderna"],[data-styl="uni"],[data-styl="astra"]) .topbar-right{gap:3px}
  body:is([data-styl="web"],[data-styl="oldschool"],[data-styl="moderna"],[data-styl="uni"],[data-styl="astra"]) .topbar-right .icon-btn{width:36px;height:40px}
  body:is([data-styl="web"],[data-styl="oldschool"],[data-styl="moderna"],[data-styl="uni"],[data-styl="astra"]) .topbar #topLogoutBtn{display:none}
  body:is([data-styl="web"],[data-styl="oldschool"],[data-styl="moderna"],[data-styl="uni"],[data-styl="astra"]) .topbar .running-pill{display:none}
  body:is([data-styl="web"],[data-styl="oldschool"],[data-styl="moderna"],[data-styl="uni"],[data-styl="astra"]) .content{padding:20px 16px calc(var(--nav-h) + 28px + env(safe-area-inset-bottom,0px))}
  body:is([data-styl="web"],[data-styl="oldschool"],[data-styl="moderna"],[data-styl="uni"],[data-styl="astra"]).ma-pruh .content{padding-bottom:calc(var(--nav-h) + 90px + env(safe-area-inset-bottom,0px))}
  body:is([data-styl="web"],[data-styl="oldschool"],[data-styl="moderna"],[data-styl="uni"],[data-styl="astra"]) .lista-obrazovky{flex-wrap:wrap;gap:6px;margin-bottom:18px}
  body:is([data-styl="web"],[data-styl="oldschool"],[data-styl="moderna"],[data-styl="uni"],[data-styl="astra"]) .lista-obrazovky .vpravo{flex-basis:100%;margin:2px 0 0;text-align:right;justify-content:flex-end}
  body:is([data-styl="web"],[data-styl="oldschool"],[data-styl="moderna"],[data-styl="uni"],[data-styl="astra"]) .lista-obrazovky .souhrn{font-size:12px}
  body:is([data-styl="web"],[data-styl="oldschool"],[data-styl="moderna"],[data-styl="uni"],[data-styl="astra"]) .lista-obrazovky .day-label{font-size:15px;padding:6px 2px}
  body:is([data-styl="web"],[data-styl="oldschool"],[data-styl="moderna"],[data-styl="uni"],[data-styl="astra"]) .lista-obrazovky .day-nav{gap:2px}
  body:is([data-styl="web"],[data-styl="oldschool"],[data-styl="moderna"],[data-styl="uni"],[data-styl="astra"]) .lista-obrazovky .icon-btn{width:36px;height:42px}
  body:is([data-styl="web"],[data-styl="oldschool"],[data-styl="moderna"],[data-styl="uni"],[data-styl="astra"]) .den-mrizka{gap:16px;align-items:stretch}
  body:is([data-styl="web"],[data-styl="oldschool"],[data-styl="moderna"],[data-styl="uni"],[data-styl="astra"]) .card{padding:18px;margin-bottom:16px}
  body:is([data-styl="web"],[data-styl="oldschool"],[data-styl="moderna"],[data-styl="uni"],[data-styl="astra"]) .timer-stage{width:100%;padding:20px;margin:0}
  body:is([data-styl="web"],[data-styl="oldschool"],[data-styl="moderna"],[data-styl="uni"],[data-styl="astra"]) .timer-cas{font-size:43px;margin:4px 0;letter-spacing:-1.5px}
  body:is([data-styl="web"],[data-styl="oldschool"],[data-styl="moderna"],[data-styl="uni"],[data-styl="astra"]) .timer-idle,body:is([data-styl="web"],[data-styl="oldschool"],[data-styl="moderna"],[data-styl="uni"],[data-styl="astra"]) .timer-running{gap:10px}
  body:is([data-styl="web"],[data-styl="oldschool"],[data-styl="moderna"],[data-styl="uni"],[data-styl="astra"]) .timer-btns .btn{min-height:42px}
  body:is([data-styl="web"],[data-styl="oldschool"],[data-styl="moderna"],[data-styl="uni"],[data-styl="astra"]) .timer-btns .btn.block,body:is([data-styl="web"],[data-styl="oldschool"],[data-styl="moderna"],[data-styl="uni"],[data-styl="astra"]) .timer-btns .btn.danger{min-height:46px}
  body:is([data-styl="web"],[data-styl="oldschool"],[data-styl="moderna"],[data-styl="uni"],[data-styl="astra"]) .timer-pole input{font-size:16px}
  body:is([data-styl="web"],[data-styl="oldschool"],[data-styl="moderna"],[data-styl="uni"],[data-styl="astra"]) .day-list-title{order:4;margin:8px 0 0;font-size:18px}
  body:is([data-styl="web"],[data-styl="oldschool"],[data-styl="moderna"],[data-styl="uni"],[data-styl="astra"]) #dayTools{order:4;margin:0}
  body:is([data-styl="web"],[data-styl="oldschool"],[data-styl="moderna"],[data-styl="uni"],[data-styl="astra"]) .day-tools .day-tool{flex-basis:100px}
  body:is([data-styl="web"],[data-styl="oldschool"],[data-styl="moderna"],[data-styl="uni"],[data-styl="astra"]) .day-tools select{min-height:40px;font-size:12px}
  body:is([data-styl="web"],[data-styl="oldschool"],[data-styl="moderna"],[data-styl="uni"],[data-styl="astra"]) #dayList{width:100%}
  body:is([data-styl="web"],[data-styl="oldschool"],[data-styl="moderna"],[data-styl="uni"],[data-styl="astra"]) #dayList .entry{padding:16px 12px;flex-wrap:wrap;gap:10px}
  body:is([data-styl="web"],[data-styl="oldschool"],[data-styl="moderna"],[data-styl="uni"],[data-styl="astra"]) .entry-main{min-width:120px}
  body:is([data-styl="web"],[data-styl="oldschool"],[data-styl="moderna"],[data-styl="uni"],[data-styl="astra"]) .entry-main .t1{white-space:normal;font-size:14px}
  body:is([data-styl="web"],[data-styl="oldschool"],[data-styl="moderna"],[data-styl="uni"],[data-styl="astra"]) .entry-actions{width:100%;justify-content:flex-end}
  body:is([data-styl="web"],[data-styl="oldschool"],[data-styl="moderna"],[data-styl="uni"],[data-styl="astra"]) .entry-actions .icon-btn{width:44px;height:44px}
  body:is([data-styl="web"],[data-styl="oldschool"],[data-styl="moderna"],[data-styl="uni"],[data-styl="astra"]) .day-total{flex-direction:column;align-items:flex-start;font-size:12px;padding:16px}
  body:is([data-styl="web"],[data-styl="oldschool"],[data-styl="moderna"],[data-styl="uni"],[data-styl="astra"]) .pichacka{width:100%;margin:0}
  body:is([data-styl="web"],[data-styl="oldschool"],[data-styl="moderna"],[data-styl="uni"],[data-styl="astra"]) .quick-add{width:100%;margin:0}
  body:is([data-styl="web"],[data-styl="oldschool"],[data-styl="moderna"],[data-styl="uni"],[data-styl="astra"]) .workspace-section-title{font-size:17px}
  body:is([data-styl="web"],[data-styl="oldschool"],[data-styl="moderna"],[data-styl="uni"],[data-styl="astra"]) .quick-add-row{flex-wrap:nowrap}
  body:is([data-styl="web"],[data-styl="oldschool"],[data-styl="moderna"],[data-styl="uni"],[data-styl="astra"]) #quickAdd{font-size:16px;min-width:0;padding:10px 8px}
  body:is([data-styl="web"],[data-styl="oldschool"],[data-styl="moderna"],[data-styl="uni"],[data-styl="astra"]) .quick-actions .btn{font-size:12px;min-height:42px}
  body:is([data-styl="web"],[data-styl="oldschool"],[data-styl="moderna"],[data-styl="uni"],[data-styl="astra"]) .stat-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:18px}
  body:is([data-styl="web"],[data-styl="oldschool"],[data-styl="moderna"],[data-styl="uni"],[data-styl="astra"]) .stat{padding:18px 16px}
  body:is([data-styl="web"],[data-styl="oldschool"],[data-styl="moderna"],[data-styl="uni"],[data-styl="astra"]) .stat:nth-child(3){border-left:0}
  body:is([data-styl="web"],[data-styl="oldschool"],[data-styl="moderna"],[data-styl="uni"],[data-styl="astra"]) .stat:nth-child(n+3){border-top:1px solid var(--border)}
  body:is([data-styl="web"],[data-styl="oldschool"],[data-styl="moderna"],[data-styl="uni"],[data-styl="astra"]) .stat .stat-value{font-size:25px;margin:11px 0 8px}
  body:is([data-styl="web"],[data-styl="oldschool"],[data-styl="moderna"],[data-styl="uni"],[data-styl="astra"]) .stat .stat-label{font-size:12px}
  body:is([data-styl="web"],[data-styl="oldschool"],[data-styl="moderna"],[data-styl="uni"],[data-styl="astra"]) .stat .stat-sub{font-size:11px}
  body:is([data-styl="web"],[data-styl="oldschool"],[data-styl="moderna"],[data-styl="uni"],[data-styl="astra"]) .overview-layout{gap:18px;margin-bottom:18px}
  body:is([data-styl="web"],[data-styl="oldschool"],[data-styl="moderna"],[data-styl="uni"],[data-styl="astra"]) .bar-chart{height:190px}
  body:is([data-styl="web"],[data-styl="oldschool"],[data-styl="moderna"],[data-styl="uni"],[data-styl="astra"]) .sheet :is(th,td){padding:12px;font-size:12px}
  body:is([data-styl="web"],[data-styl="oldschool"],[data-styl="moderna"],[data-styl="uni"],[data-styl="astra"]) .table-card{padding:0}
  body:is([data-styl="web"],[data-styl="oldschool"],[data-styl="moderna"],[data-styl="uni"],[data-styl="astra"]) .modal-backdrop{padding:12px}
  body:is([data-styl="web"],[data-styl="oldschool"],[data-styl="moderna"],[data-styl="uni"],[data-styl="astra"]) .modal{max-height:calc(100dvh - 24px);border-radius:14px}
  body:is([data-styl="web"],[data-styl="oldschool"],[data-styl="moderna"],[data-styl="uni"],[data-styl="astra"]) .modal-head{padding:18px 18px 0}
  body:is([data-styl="web"],[data-styl="oldschool"],[data-styl="moderna"],[data-styl="uni"],[data-styl="astra"]) .modal-body{padding:18px}
  body:is([data-styl="web"],[data-styl="oldschool"],[data-styl="moderna"],[data-styl="uni"],[data-styl="astra"]) .field :is(input,select,textarea){font-size:16px}
  body:is([data-styl="web"],[data-styl="oldschool"],[data-styl="moderna"],[data-styl="uni"],[data-styl="astra"]) .bottom-nav{background:var(--bg-card);border-top:1px solid var(--border);backdrop-filter:none}
  body:is([data-styl="web"],[data-styl="oldschool"],[data-styl="moderna"],[data-styl="uni"],[data-styl="astra"]) .mobilni-pruh{background:var(--bg);backdrop-filter:none;padding:8px 12px;border-top:1px solid var(--border)}
  body:is([data-styl="web"],[data-styl="oldschool"],[data-styl="moderna"],[data-styl="uni"],[data-styl="astra"]) .mobilni-pruh .btn{min-height:48px;border-radius:10px;font-size:15px}
  body:is([data-styl="web"],[data-styl="oldschool"],[data-styl="moderna"],[data-styl="uni"],[data-styl="astra"]) .kal{--kal-vyska:calc(100dvh - 175px);min-height:320px}
  body:is([data-styl="web"],[data-styl="oldschool"],[data-styl="moderna"],[data-styl="uni"],[data-styl="astra"]).ma-pruh .kal{--kal-vyska:calc(100dvh - 253px)}
}
@media(max-width:380px){body:is([data-styl="web"],[data-styl="oldschool"],[data-styl="moderna"],[data-styl="uni"],[data-styl="astra"]) .topbar{padding-inline:10px}body:is([data-styl="web"],[data-styl="oldschool"],[data-styl="moderna"],[data-styl="uni"],[data-styl="astra"]) #pageTitle{font-size:18px}body:is([data-styl="web"],[data-styl="oldschool"],[data-styl="moderna"],[data-styl="uni"],[data-styl="astra"]) .topbar-left{gap:6px}body:is([data-styl="web"],[data-styl="oldschool"],[data-styl="moderna"],[data-styl="uni"],[data-styl="astra"]) .topbar-right .icon-btn{width:31px}body:is([data-styl="web"],[data-styl="oldschool"],[data-styl="moderna"],[data-styl="uni"],[data-styl="astra"]) .stat{padding:16px 12px}body:is([data-styl="web"],[data-styl="oldschool"],[data-styl="moderna"],[data-styl="uni"],[data-styl="astra"]) .stat .stat-value{font-size:22px}body:is([data-styl="web"],[data-styl="oldschool"],[data-styl="moderna"],[data-styl="uni"],[data-styl="astra"]) .timer-cas{font-size:38px}body:is([data-styl="web"],[data-styl="oldschool"],[data-styl="moderna"],[data-styl="uni"],[data-styl="astra"]) .lista-obrazovky .day-label{font-size:13px}}
@media(prefers-reduced-motion:reduce){body:is([data-styl="web"],[data-styl="oldschool"],[data-styl="moderna"],[data-styl="uni"],[data-styl="astra"]) *,body:is([data-styl="web"],[data-styl="oldschool"],[data-styl="moderna"],[data-styl="uni"],[data-styl="astra"]) *::before,body:is([data-styl="web"],[data-styl="oldschool"],[data-styl="moderna"],[data-styl="uni"],[data-styl="astra"]) *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* Fakturace: seznam jako výchozí místo, soustředěná editace jednoho dokladu. */
.welcome-help{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}.welcome-help h3{margin:6px 0 10px}.welcome-help p{max-width:540px;line-height:1.6}.welcome-help .btn{flex-shrink:0}
.guide-progress{-webkit-appearance:none;appearance:none;border:0;border-radius:4px;overflow:hidden;background:var(--border)}.guide-progress::-webkit-progress-bar{background:var(--border)}.guide-progress::-webkit-progress-value{background:var(--accent)}.guide-progress::-moz-progress-bar{background:var(--accent)}
.welcome-progress{display:flex;gap:12px;list-style:none;padding:0 0 20px;margin:0 0 22px;border-bottom:1px solid var(--border)}.welcome-progress li{flex:1;color:var(--muted);font-size:12px;display:flex;align-items:center;gap:8px;min-width:0}.welcome-progress li>span{display:grid;place-items:center;flex-shrink:0;width:26px;height:26px;border-radius:50%;background:var(--bg-elev);border:1px solid var(--border)}.welcome-progress [aria-current]{color:var(--text);font-weight:600}.welcome-progress [aria-current]>span{background:var(--accent);color:white;border-color:var(--accent)}.welcome-progress .past>span{color:var(--accent)}
.welcome-content>p{line-height:1.65;margin-bottom:22px}.welcome-content .field{margin-bottom:16px}.welcome-ready{text-align:center;padding:12px 0 24px}.welcome-ready p{line-height:1.7;margin:14px 0}.welcome-symbol{display:grid;place-items:center;width:60px;height:60px;border:1px solid var(--border);border-radius:20px;margin:0 auto 20px;background:var(--accent-soft);color:var(--accent);font-size:26px}.welcome-actions{display:flex;flex-wrap:wrap;gap:8px}.welcome-note{text-align:center;margin-top:20px;font-size:12px}.welcome-form>.link-btn{display:block;margin:14px auto 0}.welcome-form .check-row{min-height:44px}
.guide-progress{width:100%;height:4px;accent-color:var(--accent);margin:4px 0 14px}.guide-try{margin-top:14px}.pruvodce.bez-cile{background:rgba(0,0,0,.6)}.pruvodce-bublina{box-sizing:border-box;max-width:calc(100vw - 24px);max-height:calc(100dvh - 32px);overflow:auto}.pruvodce-tlacitka{flex-wrap:wrap}.pruvodce button{min-height:40px}
@media(max-width:600px){.welcome-progress{gap:8px}.welcome-progress li{flex-direction:column;text-align:center;font-size:11px}.welcome-actions .btn{flex:1;min-height:44px}.welcome-actions .btn.primary{flex-basis:100%}.welcome-help .btn{width:100%}.pruvodce-bublina{left:12px!important;top:auto!important;bottom:16px;width:calc(100% - 24px)!important;max-height:65dvh;transform:none!important}.pruvodce button{min-height:44px}}
.invoice-tools{display:flex;gap:12px;margin-bottom:20px}.invoice-tools input{flex:1;min-width:0}.invoice-tools select{width:auto;min-width:160px}
#invoiceEditor:not(.hidden){display:grid;grid-template-columns:minmax(320px,1fr) minmax(360px,1.1fr);gap:24px;align-items:start}
#invoiceEditor>.card-head{grid-column:1/-1;margin-bottom:0}.invoice-compose-fields{min-width:0}.invoice-compose-fields>.field{margin-bottom:20px}
#invNewPartner{align-self:start;margin-top:6px}#invPreviewBox{min-width:0;overflow:auto;margin-top:0!important}#invPreviewBox>.card{margin:0;box-shadow:none}
.invoice-compose-fields{container-type:inline-size}
@container(max-width:640px){.invoice-item-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1.3fr) 40px}.invoice-item-row .invoice-item-name{grid-column:1/-1}}
.invoice-options{border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:16px 0;margin-bottom:20px}.invoice-options summary{cursor:pointer;color:var(--text-2);font-size:14px}.invoice-options[open] summary{margin-bottom:16px}
#invoiceEditor .card-foot{flex-wrap:wrap;gap:8px}#invoiceRegister .entry{align-items:center}#invoiceRegister .entry-actions{flex-wrap:wrap}
@media(max-width:1100px){#invoiceEditor:not(.hidden){grid-template-columns:1fr}#invoiceEditor>.card-head{grid-column:auto}}
@media(max-width:600px){.invoice-tools{flex-direction:column}.invoice-tools select{width:100%}#invoiceEditor .card-head{align-items:start;flex-wrap:wrap;gap:14px}#invoiceEditor .card-foot{position:sticky;bottom:72px;background:var(--bg-card);padding:12px 0;z-index:2}#invoiceEditor .card-foot .btn{flex:1;min-height:44px}#invClose{flex-basis:100%!important}#invoiceRegister .entry-actions{width:100%;justify-content:flex-end}#invPreviewBox .data-table{min-width:540px}}
@media(max-width:600px){#invPreviewBox .data-table{min-width:0;font-size:12px}#invPreviewBox .data-table th,#invPreviewBox .data-table td{padding:10px 6px}#invPreviewBox .data-table td:first-child{white-space:normal;overflow-wrap:anywhere}}
@media(max-width:600px){#invoiceEditor .card-foot{position:static;bottom:auto}#invoiceEditor .extra-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) 36px}#invoiceEditor .extra-row .ei-name{grid-column:1/-1}#invoiceEditor .extra-row input{min-width:0;width:100%}}
/* Compact day workflow shared by every appearance. */
body #timerStage .timer-ready {min-height:270px;display:flex;align-items:center;justify-content:center;gap:20px;text-align:center}
body #timerStage #bigStartBtn {width:180px;height:180px;min-height:180px;border-radius:50%;display:flex;flex-direction:column;justify-content:center;gap:16px;padding:24px;font:600 16px/1.3 var(--font);background:var(--green-strong,#247a49);color:#fff;box-shadow:0 0 0 10px var(--green-soft);animation:none;transition:transform .16s,box-shadow .16s}
body #timerStage #bigStartBtn:hover {transform:scale(1.035);box-shadow:0 0 0 16px var(--green-soft)}
body #timerStage .timer-btns {display:flex;align-items:start;gap:12px}
body #timerStage #stopTimerBtn {flex:1;min-height:48px;font-size:15px}
.timer-options {flex:1;min-width:0}
.timer-options summary,.quick-entry summary {cursor:pointer;white-space:nowrap;min-height:44px;padding:12px 4px;color:var(--text-2);font-size:14px}
.timer-options-list {display:flex;flex-direction:column;gap:6px;padding-top:8px}
body #timerStage .timer-options-list .btn {width:100%;justify-content:flex-start;min-height:40px}
.quick-entry .quick-add-row {margin-top:10px}
body .quick-add .quick-actions {margin-top:8px}
body #pichackaCard .t2 {display:none}
body #pichackaCard {padding:14px 18px}
body .view[data-view="prehled"] #statGrid {grid-template-columns:1.5fr 1fr 1fr}
body .view[data-view="prehled"] .overview-layout {display:flex;flex-direction:column;gap:12px}
body #overviewBreakdown {padding:20px 22px;background:var(--bg-card);border:1px solid var(--border);box-shadow:none}
body #overviewBreakdown .overview-summary-title {margin:0 0 8px;font-size:14px;font-weight:600;color:var(--text)}
body #overviewBreakdown .breakdown-row:last-child {padding-top:18px;padding-bottom:0}
body #overviewBreakdown .breakdown-total,body #overviewBreakdown .breakdown-total .amount {font-weight:700}
body[data-rozhrani="compact"] .view[data-view="den"] #dayTimeline {display:none}
body .view[data-view="den"] .den-mrizka {align-items:start}
/* Styles alter palette and typography while keeping controls in place. */
body[data-styl="oldschool"] {--font:Consolas,'Courier New',monospace;--display:var(--font);--mono:var(--font);--radius:8px;--radius-sm:6px;--accent:#65ba91;--accent-soft:#65ba9120}
body[data-styl="oldschool"][data-theme="dark"] {--bg:#111a17;--bg-card:#192620;--bg-elev:#21332a;--border:#344d40;--text:#e2eee7;--text-2:#afc5b8}
body[data-styl="moderna"] {--radius:22px;--radius-sm:14px;--accent:#6f9cf6;--accent-soft:#6f9cf620}
body[data-styl="moderna"][data-theme="dark"] {--bg:#12151c;--bg-card:#1e2430;--bg-elev:#272e3c;--border:#394254}
body[data-styl="uni"] {--radius:10px;--radius-sm:8px;--accent:#1687f8;--accent-soft:#1687f820}
body[data-styl="uni"][data-theme="dark"] {--bg:#11151b;--bg-card:#19212b;--bg-elev:#202b38;--border:#344251}
body[data-styl="astra"] {--radius:18px;--radius-sm:12px;--accent:#b0a0f2;--accent-soft:#b0a0f220}
body[data-styl="astra"][data-theme="dark"] {--bg:#17151e;--bg-card:#24212e;--bg-elev:#302b3b;--border:#443d54;--text:#f0edf5;--text-2:#bfb6d0}
body:is([data-styl="oldschool"],[data-styl="moderna"],[data-styl="uni"],[data-styl="astra"]) .sidebar {background:var(--bg-card)}
body:is([data-styl="oldschool"],[data-styl="moderna"],[data-styl="uni"],[data-styl="astra"]) :is(.card,.stat-grid,#dayList,.modal){border-radius:var(--radius)}
body:is([data-styl="oldschool"],[data-styl="moderna"],[data-styl="uni"],[data-styl="astra"]) .btn{border-radius:var(--radius-sm)}
.styl-nahled[data-n="oldschool"] {background:repeating-linear-gradient(0deg,#192620,#192620 9px,#294133 10px);border-radius:6px;color:#65ba91}
.styl-nahled[data-n="moderna"] {background:linear-gradient(140deg,#364769,#1e2430);border-radius:18px;color:#6f9cf6}
.styl-nahled[data-n="uni"] {background:linear-gradient(90deg,#1687f8 5%,#19212b 5%);border-radius:8px;color:#1687f8}
.styl-nahled[data-n="astra"] {background:radial-gradient(at top left,#69558e,#24212e 80%);border-radius:14px;color:#b0a0f2}
.styl-nahled:is([data-n="oldschool"],[data-n="moderna"],[data-n="uni"],[data-n="astra"]) i{background:currentColor;opacity:.65}
@media(max-width:600px){body .view[data-view="prehled"] #statGrid{grid-template-columns:1fr 1fr}body #statGrid .stat.highlight{grid-column:1/-1;border-bottom:1px solid var(--border)}body #timerStage .timer-ready{min-height:240px}body #timerStage #bigStartBtn{width:158px;height:158px;min-height:158px;font-size:15px}body #timerStage .timer-cas{font-size:42px}}
@media(prefers-reduced-motion:reduce){body #timerStage #bigStartBtn{transition:none}body #timerStage #bigStartBtn:hover{transform:none}}
@media(max-width:820px){body .table-card:has(> #plansTable),body .table-card:has(> #customersTable){overflow-x:auto}body .view[data-view="den"] #dayShrnuti{display:none}body #timerStage .timer-ready{min-height:205px}body #timerStage #bigStartBtn{width:144px;height:144px;min-height:144px}body .den-vlevo .quick-add{padding:10px 16px}}
body #barChart .bar{padding:0;border:0;cursor:pointer;min-width:0}
body #barChart .bar:focus-visible{outline:2px solid var(--text);outline-offset:3px}
@media(max-width:600px){body #timerStage{padding:16px}body #timerStage .timer-ready{min-height:180px;gap:12px}body #timerStage #bigStartBtn{width:132px;height:132px;min-height:132px;padding:16px}body .den-mrizka{gap:16px}}
body .view[data-view="den"] #dayShrnuti{display:none}

/* Summary stays visible; the optional detail uses the same monthly data. */
body #overviewBreakdown .overview-summary-title{margin:0}
#overviewSummaryDetail{margin-top:24px;border-top:1px solid var(--border);padding-top:20px}
#overviewSummaryDetail>h4{margin:0 0 16px;font-size:14px}
.overview-customer+.overview-customer{border-top:1px solid var(--border);margin-top:20px;padding-top:20px}
.overview-customer-head{display:flex;align-items:baseline;justify-content:space-between;gap:16px;font-size:13px}
.overview-customer-head h5{font-size:14px;margin:0;overflow-wrap:anywhere}
.overview-customer-head strong,.overview-customer-metrics dd,.overview-entry-amount{font-variant-numeric:tabular-nums}
.overview-customer-head strong{white-space:nowrap}
.overview-customer-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px;margin:14px 0 4px;font-size:12px}
.overview-customer-metrics dt{color:var(--muted)}.overview-customer-metrics dd{margin:3px 0 0}
.overview-entry-detail summary{cursor:pointer;padding:12px 0;min-height:44px;font-size:12px;color:var(--text-2)}
.overview-entry-detail ul{list-style:none;margin:0;padding:0}
.overview-entry-detail li{display:flex;justify-content:space-between;gap:16px;padding:12px 0;border-top:1px solid var(--border);font-size:12px}
.overview-entry-detail li>div{display:flex;flex-direction:column;gap:4px;min-width:0;overflow-wrap:anywhere}
.overview-entry-detail time{color:var(--muted)}.overview-entry-amount{text-align:right;flex-shrink:0}
@media(max-width:540px){body #overviewBreakdown{padding:18px 16px}.overview-customer-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* One personal display mode, or an independent mode for each authorized tab. */
body[data-rozhrani="compact"] .view .card{--display-card-space:18px}
body[data-rozhrani="expanded"] .view .card{--display-card-space:24px}
body[data-rozhrani] .view>.card:not(.table-card){padding:var(--display-card-space)}
body[data-rozhrani="compact"] .view .card-head>div>span.muted{display:none}
body[data-rozhrani="compact"] .view .data-table :is(th,td),body[data-rozhrani="compact"] .view .sheet :is(th,td){padding-block:10px}
body[data-rozhrani="expanded"] .view .data-table :is(th,td),body[data-rozhrani="expanded"] .view .sheet :is(th,td){padding-block:16px}
body[data-rozhrani="compact"] .view[data-view="prehled"] .chart-card{display:none}
body[data-rozhrani="compact"] .view[data-view="den"] .quick-entry:not([open]){display:none}
body[data-rozhrani="expanded"] #pichackaCard .t2{display:block}
body[data-rozhrani="compact"] .kal:not(.bok-otevreny) .kal-bok{display:none}
body[data-rozhrani="compact"] .kal-bok-prep{display:inline-flex}
.interface-tab-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(150px,220px);gap:16px;align-items:center;padding:10px 0;border-bottom:1px solid var(--border)}
.interface-tab-row label{font-size:14px;overflow-wrap:anywhere}.interface-tab-row select{width:100%;min-width:0;min-height:44px;padding:10px 12px;border:1px solid var(--border-strong,var(--border));border-radius:9px;background:var(--bg);color:var(--text);font:400 14px/1.5 var(--font)}
#interfaceSaveStatus:empty{display:none}
@media(max-width:540px){.interface-tab-row{grid-template-columns:minmax(0,1fr) minmax(130px,1fr);gap:10px}body[data-rozhrani="expanded"] .view .card{--display-card-space:18px}}

@media(prefers-reduced-motion:no-preference){
  #interfaceTabs:not([hidden]),#overviewSummaryDetail:not([hidden]){animation:displayDetailIn 180ms ease-out both}
  body[data-rozhrani] .view>.card:not(.table-card){transition:padding 180ms ease-out}
}
@keyframes displayDetailIn{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}
body[data-animace="klidne"] #interfaceTabs,body[data-animace="klidne"] #overviewSummaryDetail{animation:none}
body[data-animace="klidne"] .view>.card{transition:none}

/* The same records and actions in both modes; secondary information is disclosed in place. */
body[data-rozhrani="compact"] .display-expanded-only,
body[data-rozhrani="compact"] .display-extra-column,
body[data-rozhrani="expanded"] .display-compact-only{display:none!important}
.display-detail{margin-top:3px;min-width:0;font-size:13px;color:var(--muted);font-weight:400;text-align:left}
.display-detail>summary,.display-panel>summary{cursor:pointer;min-height:44px;align-content:center;border-radius:8px}
.display-detail>summary{width:fit-content;max-width:100%;padding:5px 8px 5px 0;font-size:12px}
.display-detail>summary:hover,.display-panel>summary:hover{color:var(--text)}
.display-detail>summary:focus-visible,.display-panel>summary:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.display-detail-body{line-height:1.6;overflow-wrap:anywhere;white-space:normal;padding:0 0 6px}
.display-detail-body p{margin:4px 0}
.display-detail-body pre{margin:0;font:12px/1.6 var(--mono,monospace);white-space:pre-wrap;overflow-wrap:anywhere;max-width:480px}
.display-panel{min-width:0}
.display-panel>summary{padding:3px 0;color:var(--text);font-weight:600}
.display-panel>summary h4{display:inline;margin:0;font-size:15px}
.display-panel-body{min-width:0;padding-top:12px}
.display-panel-body>.card-head:empty{display:none}
.table-card>.display-panel>summary{margin:8px 20px}
.table-card>.display-panel>.display-panel-body{padding-top:0}
.display-panel-body>.table-scroll{max-width:100%;overflow-x:auto}
body[data-rozhrani="expanded"] .entry:has(.display-detail[open]){align-items:start}
#customersTable .display-detail-body{min-width:0}
@media(prefers-reduced-motion:no-preference){
  body:not([data-animace="klidne"]) :is(.display-detail,.display-panel)[open] > :is(.display-detail-body,.display-panel-body){animation:display-detail-in 180ms ease-out}
}
@keyframes display-detail-in{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}

#tankSouhrn{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:12px 0 20px;gap:0}
body[data-rozhrani="compact"] #tankSouhrn{grid-template-columns:repeat(2,minmax(0,1fr))}
#tankSouhrn .stat{min-width:0;border:0;border-bottom:1px solid var(--border)}
#tankSouhrn .stat-value{overflow-wrap:anywhere}
@media(max-width:820px){#tankSouhrn{grid-template-columns:repeat(2,minmax(0,1fr))}body #tankSouhrn .stat-value{font-size:19px}}

/* Invoice workflow: deliberate issue, live totals and an explicit selection of work. */
body #invoiceEditor:not(.hidden){display:block;max-width:1100px;margin-inline:auto}
.invoice-steps{display:flex;gap:8px;margin:24px 0;border-bottom:1px solid var(--border);padding-bottom:16px}
.invoice-steps button{flex:1;min-height:44px;border:1px solid transparent;border-radius:10px;background:transparent;color:var(--muted);font:500 14px/1.4 var(--font);padding:10px;cursor:pointer}
.invoice-steps button.active{background:var(--accent-soft);border-color:var(--border);color:var(--text)}
.invoice-compose-fields [data-invoice-stage]{min-width:0}
.invoice-work-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.invoice-work-head h4{margin:0}
.invoice-work-list{max-height:440px;overflow-y:auto;overscroll-behavior:contain;border-block:1px solid var(--border);margin:12px 0 24px}
.invoice-work-row{display:grid;grid-template-columns:22px minmax(0,1fr) auto;gap:14px;align-items:center;padding:14px 4px;min-height:64px;border-bottom:1px solid var(--border);cursor:pointer;font-size:13px}
.invoice-work-row:last-child{border:0}.invoice-work-row span{min-width:0;overflow-wrap:anywhere}.invoice-work-row small{display:block;color:var(--muted);margin-top:4px;line-height:1.5}.invoice-work-row input{width:18px;height:18px}.invoice-work-row b{font-variant-numeric:tabular-nums;text-align:right}
body #invoiceEditor .invoice-flow-foot{position:sticky;bottom:0;z-index:4;background:var(--bg-card);padding:16px 0 8px;margin-top:24px;border-top:1px solid var(--border);align-items:center}
#invRunningTotal{margin-right:auto;font-size:14px;max-width:100%;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
#invPreviewBox .card{padding:18px}#invPreviewBox .data-table{width:100%;min-width:0;table-layout:fixed}#invPreviewBox .data-table td{white-space:normal;overflow-wrap:anywhere}
.invoice-register-summary{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:18px}.invoice-filter-chip{display:flex;gap:14px;align-items:center;min-height:44px;padding:10px 14px;border:1px solid var(--border);border-radius:10px;background:transparent;color:var(--muted);font:13px var(--font);cursor:pointer}.invoice-filter-chip b{color:var(--text)}.invoice-filter-chip.active{background:var(--accent-soft)}
#overviewActions:not(.hidden){display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:8px;padding:12px;margin-bottom:20px}
.overview-next{display:flex;align-items:center;justify-content:space-between;text-align:left;gap:16px;padding:14px;min-height:50px;background:transparent;color:var(--text);border:1px solid var(--border);border-radius:10px;font:13px/1.5 var(--font);cursor:pointer}.overview-next:hover{background:var(--accent-soft)}.overview-next strong{flex-shrink:0;font-variant-numeric:tabular-nums}
/* Shared editor shell with readable fields and persistent save actions. */
body .modal.editor-panel{max-width:min(680px,96vw);max-height:calc(100dvh - 32px)}
body .editor-panel .modal-head{padding:20px 24px 14px;border-bottom:1px solid var(--border);gap:16px}
body .editor-panel .modal-body{padding:20px 24px 0;overscroll-behavior:contain}
.editor-panel .field{margin-bottom:18px}.editor-panel .field input,.editor-panel .field select{min-height:44px}.editor-panel textarea{min-height:90px;resize:vertical}
body .editor-panel .modal-foot{position:sticky;bottom:0;z-index:3;background:var(--bg-card);margin:20px -24px 0;padding:14px 24px;border-top:1px solid var(--border)}
.editor-options{border-top:1px solid var(--border);margin-top:12px}.editor-options>summary{min-height:44px;align-content:center;color:var(--muted);cursor:pointer;margin-bottom:8px;font-size:13px}
@media(max-width:700px){body .modal-backdrop:has(.editor-panel){padding:0}body .modal.editor-panel{max-width:100%;width:100%;height:100dvh;max-height:100dvh;border-radius:0}.editor-panel .modal-body{flex:1}body .editor-panel .modal-foot{padding-bottom:calc(14px + env(safe-area-inset-bottom,0px))}.invoice-work-row{grid-template-columns:22px minmax(0,1fr);gap:10px}.invoice-work-row b{grid-column:2;text-align:left}body #invoiceEditor .invoice-flow-foot{bottom:calc(var(--nav-h,64px) + env(safe-area-inset-bottom,0px));padding:12px 0}#invRunningTotal{flex-basis:100%;margin-bottom:8px}body #invoiceEditor #invClose{flex-basis:auto!important}.invoice-steps{gap:4px}.invoice-steps button{font-size:12px;padding:8px 4px}.invoice-register-summary{gap:6px}.invoice-filter-chip{flex:1;padding:8px;gap:8px;font-size:12px}}
@media(prefers-reduced-motion:no-preference){body:not([data-animace="klidne"]) [data-invoice-stage]:not([hidden]){animation:display-detail-in 180ms ease-out}}

.invoice-row-menu{position:relative}.invoice-row-menu>summary{list-style:none;cursor:pointer;min-height:40px}.invoice-row-menu>summary::-webkit-details-marker{display:none}
.invoice-row-menu-body{position:absolute;right:0;top:calc(100% + 5px);z-index:15;width:245px;max-width:calc(100vw - 48px);padding:8px;background:var(--bg-card);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow-2);display:grid;gap:4px}
.invoice-row-menu-body .btn{width:100%;justify-content:flex-start;white-space:normal;text-align:left;min-height:44px;height:auto;gap:10px}
.invoice-row-menu-body .btn span{min-width:0}.invoice-row-menu-body .del{color:var(--red)}
#invoiceRegister .entry:has(.invoice-row-menu[open]){position:relative;z-index:10}
.invoice-row-menu summary:focus-visible{outline:2px solid var(--accent);outline-offset:2px}

#invoiceRegister .invoice-tools input,#invoiceRegister .invoice-tools select{min-height:44px;padding:10px 12px;background:var(--bg-input,var(--bg));color:var(--text);border:1px solid var(--border);border-radius:10px;font:inherit}
.invoice-row-menu-body{max-height:min(360px,60dvh);overflow-y:auto}

/* Quiet, consistent controls; full-width navigation for the thumb. */
body .seg{border-radius:12px;padding:4px;gap:4px}
body .seg-btn{min-height:36px;border-radius:8px;transition:background-color 160ms ease-out,color 160ms ease-out,box-shadow 160ms ease-out}
body .seg-btn.active{box-shadow:0 1px 4px #0002,inset 0 1px 0 #ffffff0b}
body :is(.seg-btn,.bnav-item,.set-tab,.picker-btn):focus-visible{outline:2px solid var(--accent);outline-offset:2px}
body .glass-tabs{scroll-padding-inline:8px;overscroll-behavior-x:contain}
body .glass-tabs .set-tab{scroll-margin-inline:8px}
body .editor-panel .modal-foot .btn{min-height:44px}
body #userPeekBtn .peek-icon{flex-shrink:0}
@media(max-width:820px){
  body .topbar{height:calc(68px + env(safe-area-inset-top,0px));min-height:68px;padding-top:calc(12px + env(safe-area-inset-top,0px))}
  body .topbar-left{min-width:0;flex:1}
  body #pageTitle{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  body[data-styl] .topbar-right .icon-btn,body #userPeekBtn{width:44px;min-width:44px;height:44px;min-height:44px}
  body #userPeekBtn{padding:0;gap:0;border-color:transparent;background:transparent}
  body #userPeekBtn>span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
  body #userPeekBtn>.dim{display:none}
  body #userPeekBtn .peek-icon{width:20px;height:20px}
  body #setTabs{position:sticky;top:calc(76px + env(safe-area-inset-top,0px));z-index:12;background:var(--bg-card);box-shadow:0 4px 16px #0002}
  body .bottom-nav{gap:4px;padding-inline:max(8px,env(safe-area-inset-left,0px)) max(8px,env(safe-area-inset-right,0px))}
  body .bottom-nav .bnav-item{flex:1;min-width:0;min-height:48px;padding:6px 2px;border-radius:12px;gap:4px}
  body .bottom-nav .bnav-item.active{background:var(--accent-soft);color:var(--accent-ink)}
  body .bottom-nav .bnav-item:active{transform:scale(.97)}
  body :is(.seg-btn,.btn.small,.btn.btn-sm,.set-tab){min-height:44px}
  body .seg.kal-pohledy{max-width:100%}
  body .seg.kal-pohledy .seg-btn{flex:1;padding-inline:12px}
  body .kal-titulek{white-space:normal;text-overflow:clip;line-height:1.35;text-align:left;font-size:14px}
  body .editor-panel .modal-head{padding-top:calc(18px + env(safe-area-inset-top,0px))}
  body .editor-panel .modal-head .icon-btn{width:44px;height:44px;flex-shrink:0}
}
.modal-discard{margin-top:18px;padding:16px;border:1px solid var(--border);border-radius:12px;background:var(--bg-elev);line-height:1.5}
.modal-discard p{margin:0 0 12px;font-weight:600}
.modal-discard .btn{min-height:44px}
.modal-discard-actions{display:flex;flex-wrap:wrap;gap:8px}
/* Issued documents retain their PDF paper inside the current app theme. */
body[data-styl] .modal.invoice-preview-dialog,body .modal.invoice-preview-dialog{width:100%;max-width:1000px;max-height:calc(100dvh - 40px);overflow:hidden}
body .modal.invoice-preview-dialog .modal-head{flex-shrink:0;padding:16px 20px;border-bottom:1px solid var(--border);gap:12px}
.invoice-preview-dialog #modalTitle{min-width:0;overflow-wrap:anywhere}
.invoice-preview-dialog .modal-head .icon-btn{width:44px;height:44px;flex-shrink:0}
body .modal.invoice-preview-dialog .modal-body{min-height:0;padding:0 20px 20px;overscroll-behavior:contain}
.invoice-preview-controls{position:sticky;top:0;z-index:1;padding:14px 0 12px;background:var(--bg-card)}
.invoice-preview-toolbar{display:flex;flex-wrap:wrap;gap:8px}
.invoice-preview-toolbar .btn,.invoice-preview-pages .btn{min-height:44px}
.invoice-preview-controls #issuedStatus{min-height:1.5em;margin:8px 0 0;line-height:1.5;overflow-wrap:anywhere}
.invoice-preview-navigation{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;margin-top:8px}
.invoice-preview-pages{display:flex;justify-content:center;align-items:center;gap:12px;font-size:13px;font-variant-numeric:tabular-nums}
.invoice-preview-navigation #issuedZoom{margin-inline-start:auto;min-height:44px}
.invoice-preview-pages .btn{min-width:44px}
.invoice-preview-paper{min-height:100px;border-radius:4px;overflow:hidden;background:#fff;box-shadow:0 2px 12px #0002}
.invoice-preview-paper canvas{display:block;width:100%;height:auto}
.invoice-preview-paper.zoomed{overflow-x:auto}
.invoice-preview-paper.zoomed canvas{width:1100px;max-width:none}
@media(max-width:700px){
  body .modal-backdrop:has(.invoice-preview-dialog){padding:0}
  body[data-styl] .modal.invoice-preview-dialog,body .modal.invoice-preview-dialog{max-width:100%;height:100dvh;max-height:100dvh;border-radius:0}
  body .modal.invoice-preview-dialog .modal-head{padding:calc(10px + env(safe-area-inset-top,0px)) 12px 10px}
  body .modal.invoice-preview-dialog .modal-body{flex:1;padding:0 12px calc(12px + env(safe-area-inset-bottom,0px))}
  .invoice-preview-toolbar .btn{flex:1 1 auto;white-space:normal;justify-content:center}
  .invoice-preview-toolbar .btn.primary{flex-basis:100%}
}
@media(prefers-reduced-motion:no-preference){
  body:not([data-animace="klidne"]) .bottom-nav .bnav-item{transition:background-color 160ms ease-out,color 160ms ease-out,transform 120ms ease-out}
}