/* Slovenia 2 lane: the category 1 cards (app/m1-si2.js) in both shells. On the M1 kit's tokens where they exist (var(--k-*)),
   the classic look's otherwise. The M1 board rules hide every child of Overview / VAT & tax except their own boards; these two
   cards pass through them (selectors one id stronger, as those rules are !important). */
html.b-m1:not(.m1-chrome):not(.m1-otable) #main>section[data-view="overview"]>#si2Ov#si2Ov:not(#si2x),
html.b-m1:not(.m1-chrome) #main>section[data-view="taxes"].m1-has-board>#si2Sav#si2Sav:not(#si2x),
html.b-m1:not(.m1-chrome) #main>section[data-view="team"].m1-has-board>#si2Pay#si2Pay:not(#si2x),
html.b-m1:not(.m1-chrome) #main>section[data-view="taxes"].m1-has-board>#si2Np#si2Np:not(#si2x),html.b-m1:not(.m1-chrome) #main>section[data-view="taxes"].m1-has-board>#si2Farm#si2Farm:not(#si2x){display:block!important}
.si2-t tr.warn td:first-child{box-shadow:inset 3px 0 0 #b3261e}

.si2{padding:16px;border-radius:var(--k-r-lg,18px);background:var(--k-card,#fff);color:var(--k-text,#0B0B0C);box-shadow:var(--k-sh-1,0 0 0 1px rgba(0,0,0,.06));font-family:var(--k-font,inherit)}
.si2-head{display:flex;align-items:center;gap:10px;margin:0 0 12px}
.si2-head .si2-h{font-size:var(--k-t-md,16px);font-weight:var(--k-w-bold,600);margin:0}   /* a card head (k-c2h), never a page title: the shell draws the big title */
.si2-tag{font-size:14px;background:var(--k-bg-2,#F0F0EE);color:var(--k-text-2,#3a3a3c);border-radius:999px;padding:2px 10px}
html[data-theme="dark"] .si2-tag{background:rgba(255,255,255,.1);color:rgba(255,255,255,.8)}
.si2-sum{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin:0 0 12px}
.si2-st{border-radius:var(--k-r-md,14px);padding:12px 14px;background:var(--k-bg-2,#F6F6F4);display:flex;flex-direction:column;gap:2px;min-width:0}
.si2-st span{font-size:var(--k-t-xs,13px);color:var(--k-text-3,#6b6b70)}.si2-st b{font-size:24px;font-weight:600;font-variant-numeric:tabular-nums}.si2-st small{font-size:var(--k-t-xs,12px);color:var(--k-text-3,#6b6b70);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
html[data-theme="dark"] .si2-st{background:var(--k-bg-2,#2a2a2d)}
.si2-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:10px}
.si2-tile{border-radius:var(--k-r-md,14px);padding:14px;background:var(--k-bg-2,#F6F6F4);min-width:0}
.si2-tile h3{font-size:var(--k-t-sm,14px);font-weight:var(--k-w-med,500);margin:0 0 8px;color:var(--k-text-2,#3a3a3c)}
.si2-tile p{margin:6px 0;font-size:var(--k-t-sm,14px);line-height:1.45}
.si2-wide{grid-column:1/-1}
.si2-hero{background:var(--k-ink,#0B0B0C);color:#fff}.si2-hero h3,.si2-hero .si2-sub{color:rgba(255,255,255,.72)}
.si2-big{font-size:28px;font-weight:600;letter-spacing:-.01em;font-variant-numeric:tabular-nums}
.si2-sub{font-size:var(--k-t-xs,13px);color:var(--k-text-3,#6b6b70);margin-bottom:8px}
.si2-kv{display:flex;justify-content:space-between;gap:10px;padding:5px 0;font-size:var(--k-t-sm,14px);border-top:1px solid var(--k-line,rgba(0,0,0,.06))}
.si2-hero .si2-kv{border-color:rgba(255,255,255,.14)}
.si2-kv b{font-weight:var(--k-w-med,500);font-variant-numeric:tabular-nums;white-space:nowrap}
.si2-kv.tot b{font-size:16px}.si2-kv.muted{color:var(--k-text-2,#4a4a4f)}.si2-kv small.warn{color:#b3261e}
.si2-alert{border-left:4px solid #c9a227}.si2-alert.s7,.si2-alert.scrossed{border-left-color:#b3261e}.si2-alert.s30{border-left-color:#e07b00}.si2-alert.law{border-left-color:#3b6fd8}
.si2-src,.si2-note{font-size:var(--k-t-xs,12px)!important;color:var(--k-text-3,#6b6b70)}
.si2-hero .si2-src{color:rgba(255,255,255,.6)}
.si2-acts{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.si2-b{border:0;border-radius:999px;padding:7px 12px;font:inherit;font-size:var(--k-t-sm,13px);cursor:pointer;background:var(--k-card,#fff);color:var(--k-text,#0B0B0C);box-shadow:0 0 0 1px var(--k-line,rgba(0,0,0,.12))}
.si2-b.lime{background:var(--k-accent,#D4F24A);box-shadow:none}
.si2-b:focus-visible{outline:2px solid var(--k-focus,#3b6fd8);outline-offset:2px}
.si2{max-width:100%;overflow:hidden}.si2-tile{overflow-x:auto}
.si2 .si2-t{min-width:0!important;max-width:100%}
.si2-t{width:100%;border-collapse:collapse;font-size:var(--k-t-sm,14px);table-layout:fixed}
.si2-t td,.si2-t th{overflow-wrap:anywhere}.si2-t th:first-child,.si2-t td:first-child{width:38%}
.si2-t th,.si2-t td{text-align:left;padding:6px 8px;border-top:1px solid var(--k-line,rgba(0,0,0,.06));vertical-align:top}
.si2-t th{font-weight:var(--k-w-med,500);color:var(--k-text-3,#6b6b70)}
.si2-t td:not(:first-child),.si2-t th:not(:first-child){text-align:right;font-variant-numeric:tabular-nums}
.si2-t tr.best td{background:var(--k-accent-soft,#F2FBC4)}
.si2-t small{color:var(--k-text-3,#6b6b70)}
.si2-hl{animation:si2hl 1.6s ease}
@keyframes si2hl{0%{box-shadow:0 0 0 3px var(--k-accent,#D4F24A)}100%{box-shadow:var(--k-sh-1,0 0 0 1px rgba(0,0,0,.06))}}
html[data-theme="dark"] .si2{background:var(--k-card,#1c1c1e);color:var(--k-text,#f2f2f2)}
html[data-theme="dark"] .si2-tile{background:var(--k-bg-2,#2a2a2d)}
html[data-theme="dark"] .si2-hero{background:#26262a;box-shadow:inset 0 0 0 1px rgba(255,255,255,.12)}
@media (max-width:560px){.si2-sum{grid-template-columns:1fr 1fr;gap:8px}.si2-st{padding:10px 12px}.si2-st b{font-size:20px}.si2-t4 th:nth-child(2),.si2-t4 td:nth-child(2),.si2-t4 th:nth-child(3),.si2-t4 td:nth-child(3){display:none}.si2-t4 th:first-child,.si2-t4 td:first-child{width:60%}.si2{padding:12px}.si2-grid{grid-template-columns:1fr}.si2-tile{padding:12px}.si2-t{font-size:12px}.si2-t th,.si2-t td{padding:5px 3px}.si2-big{font-size:24px}}

/* HQ 36 shots review (546759e0): dark text on lime in both themes (#3), line icons (#4), rows ≥ 16 px (#8), table headers that do not
   wrap and footnotes ≥ 12 px (#6), the overview's «Prikaži več» (#5) */
.si2-b.lime,html[data-theme="dark"] .si2-b.lime{color:#0B0B0C}
.si2-b{display:inline-flex;align-items:center;gap:6px}
.si2-ic{width:16px;height:16px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.si2-kv,.si2-tile p{font-size:16px}
.si2-t{font-size:15px}.si2-t th{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.si2-src,.si2-note,.si2-t small,.si2-sub{font-size:12px!important}
.si2-more{margin-top:10px}
.si2-more>summary{cursor:pointer;list-style:none;display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border-radius:999px;font-size:14px;box-shadow:0 0 0 1px var(--k-line,rgba(0,0,0,.12))}
.si2-more>summary::-webkit-details-marker{display:none}
.si2-more[open]>summary{margin-bottom:10px}
@media (max-width:560px){.si2-kv,.si2-tile p{font-size:15px}.si2-t{font-size:13px}}
/* HQ 36 review d7957b90 #5: sub-lines and footnotes at 14 px at least */
.si2 .si2-st span,.si2 .si2-sub,.si2 .si2-src,.si2 .si2-note,.si2 .si2-st small,.si2 .si2-t small,.si2 .si2-kv small,.si2 summary{font-size:14px!important}
/* HQ 37 review 80e50721: on a phone the clock's action sits under the amount, above the rows (never behind the composer) */
@media (max-width:560px){.si2-hero{display:flex;flex-direction:column}.si2-hero>*{order:2}.si2-hero>h3,.si2-hero>.si2-big,.si2-hero>.si2-sub{order:0}.si2-hero>.si2-acts{order:1;margin:2px 0 10px}}
html[data-theme="dark"] .si2-kv.muted{color:rgba(255,255,255,.72)}
/* S384 «Urnik» (app/m1-si2-rota.js): a week grid per store, people × days; the shell draws the big title, these are card heads */
.si2-rota .si2-rwrap{overflow-x:auto;-webkit-overflow-scrolling:touch}
.si2 .si2-rt{table-layout:auto;min-width:560px!important;font-size:14px}
.si2-rt th:first-child,.si2-rt td:first-child{width:auto}
.si2-rt th,.si2-rt td{text-align:center!important;padding:6px 4px;white-space:nowrap}
.si2-rt th[scope="row"]{text-align:left!important;white-space:normal;min-width:120px;color:var(--k-text,#0B0B0C);font-weight:var(--k-w-med,500)}
.si2-rt th small{display:block;font-weight:400;color:var(--k-text-3,#6b6b70)}
.si2-rt td.on{font-variant-numeric:tabular-nums}
.si2-rt td.off{color:var(--k-text-3,#6b6b70)}
.si2-rt tr.open td.open{color:#8a4b00;font-weight:var(--k-w-med,500)}
.si2-rt tr.need td,.si2-rt tr.need th{color:var(--k-text-3,#6b6b70)}
.si2-rstate{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 12px;margin:4px 0 12px}
.si2-rstate p,p.si2-rstate{margin:0;font-size:16px}
.si2-rstate .si2-acts{margin:0}
.si2-note.err{color:#a3261b!important}
html[data-theme="dark"] .si2-rt th[scope="row"]{color:var(--k-text,#f2f2f2)}
html[data-theme="dark"] .si2-rt tr.open td.open{color:#f0b46a}
html[data-theme="dark"] .si2-note.err{color:#ff9b8f!important}
/* S384 staff view (tab «Pogled zaposlenega»): pick a person, their week as on the phone, a swap per shift */
.si2-rme{margin:0 0 12px}
.si2-rme .si2-b.on{background:var(--k-text,#0B0B0C);color:var(--k-card,#fff);box-shadow:none}
html[data-theme="dark"] .si2-rme .si2-b.on{background:#f2f2f2;color:#0B0B0C}
.si2-rme-l{list-style:none;margin:0;padding:0}
.si2-rme-l li{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border-top:1px solid var(--k-line,rgba(0,0,0,.06));font-size:16px}
.si2-rme-l li small{display:block;color:var(--k-text-3,#6b6b70);font-size:14px}
.si2-rota .si2-head .si2-sub{white-space:nowrap;margin-left:auto}