/* Bureo shell M1: the Deadlines screen (app/m1-filings.js) and the shared pieces of the bridged classic screens (.m1v: Deadlines,
   Payroll & people app/m1-team.js, Year-end app/m1-yearend.js). Bridge only: the study's markup comes with the kit (m1-kit.css); this fits
   it into the app's pages and adds the few pieces the study does not draw (marked KIT GAP). Kit tokens only, scoped under html.b-m1
   (never in the classic suites' flag-on run, html.m1-chrome), so the classic layout is untouched. */

/* the board replaces the classic page (and, signed in, the gateway's cards: gw.js keeps .m1-board visible) */
html.b-m1:not(.m1-chrome) #main>section[data-view="filings"].m1-has-board>:not(#m1Filings){display:none!important}
html.b-m1:not(.m1-chrome) #main>section[data-view="filings"].m1-has-board:not([hidden]){display:flex;flex-direction:column;gap:10px}
html.b-m1:not(.m1-chrome) #main>section[data-view]>.m1v{display:flex;flex-direction:column;gap:10px;min-width:0}

/* ---------- shared: the bridged screens (.m1v) ---------- */
html.b-m1 .m1v .m1v-tabs{flex-wrap:wrap;align-self:flex-start;max-width:100%}
html.b-m1 .m1v .k-c2h{padding-right:0}
html.b-m1 .m1v .k-c2h b{min-width:0;overflow-wrap:break-word;hyphens:auto}
html.b-m1 .m1v .k-c2h .k-spill{flex:none}
html.b-m1 .m1v .m1v-sub{margin:-2px 0 2px}
html.b-m1 .m1v .m1v-p{margin:2px 0}
html.b-m1 .m1v .k-eyebrow.m1v-eb{margin:6px 0 0}
html.b-m1 .m1v .m1v-pills{margin:0}
/* buttons that are rows or tiles: the UA button look off */
html.b-m1 .m1v button.k-du,html.b-m1 .m1v button.k-kt{width:100%;border-left:0;border-right:0;border-bottom:0;background:none;text-align:left;color:inherit;cursor:pointer;font:inherit;font-size:var(--k-t-md)}
html.b-m1 .m1v button.k-kt{border:0;background:var(--ka-card)}
html.b-m1 .m1v .k-dues>.k-du:first-child{border-top:0}
html.b-m1 .m1v .k-du{align-items:center;flex-wrap:wrap;row-gap:4px}
html.b-m1 .m1v .m1v-who{display:flex;flex-direction:column;gap:1px;min-width:0;flex:1 1 180px}
html.b-m1 .m1v .m1v-who .m1v-t{overflow-wrap:break-word;word-break:normal;hyphens:auto}   /* whole words («Akontacija DDPO», never «Akontaci/ja»); sl hyphenates a long word at a syllable */
html.b-m1 .m1v .m1v-who small{overflow-wrap:break-word;hyphens:auto}
html.b-m1 .m1v .m1v-amt{display:flex;flex-direction:column;align-items:flex-end;white-space:nowrap;font-variant-numeric:tabular-nums}
html.b-m1 .m1v .m1v-amt small{font-size:var(--k-t-cap);color:var(--k-text-3)}
html.b-m1 .m1v .m1v-code{font-size:var(--k-t-cap);color:var(--k-text-3);margin-left:4px}
html.b-m1 .m1v .k-mini2 td{vertical-align:top}
html.b-m1 .m1v .k-mini2 td.k-r{white-space:nowrap;padding-left:10px}
html.b-m1 .m1v .k-mini2 tr:last-child td{border-bottom:0}
/* the actions of a card: the main one first (kit primary, its icon from the shell), the rest quiet */
html.b-m1 .m1v .m1v-act{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;margin-top:4px}
/* KIT GAP: a note line with a dot pill in front (the app's AI notes, "all paid at least the minimum wage") */
html.b-m1 .m1v .m1v-note{display:flex;gap:8px;align-items:flex-start;margin:4px 0 0}
html.b-m1 .m1v .m1v-note .k-spill{flex:none}
/* KIT GAP: a big light numeral inside a card (the tiles' type, .k-kt b) */
html.b-m1 .m1v .m1v-big b{font-weight:300;font-size:30px;letter-spacing:-.03em;line-height:1.15}
/* KIT GAP: a label + the kit's segmented pill (the app's own toggles) */
html.b-m1 .m1v .m1v-meth{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;margin:4px 0}
html.b-m1 .m1v .m1v-meth small{font-size:var(--k-t-cap);color:var(--k-text-3)}
html.b-m1 .m1v .m1v-seg.k-segp.k-sm{width:auto;max-width:100%;margin:0;flex-wrap:wrap}
html.b-m1 .m1v .m1v-seg.k-segp.k-sm button{flex:none;padding:5px 12px;white-space:nowrap}
/* KIT GAP: two bars to compare (paid this year vs the estimate): label + value, the split bar, the one lime = the estimate */
html.b-m1 .m1v .m1v-bars{display:flex;flex-direction:column;gap:10px;margin:4px 0}
html.b-m1 .m1v .m1v-barh{display:flex;justify-content:space-between;gap:10px;font-size:var(--k-t-xs);margin-bottom:6px}
html.b-m1 .m1v .m1v-barh b{font-weight:500}
html.b-m1 .m1v .m1v-bar .k-split{height:8px}
html.b-m1 .m1v .m1v-bar .k-split i{background:var(--k-text)}
html.b-m1 .m1v .m1v-bar .k-split i.m1v-hi{background:var(--k-accent)}
html.b-m1 .m1v .m1v-bar .k-split i.k-fc{background:repeating-linear-gradient(135deg,var(--k-line-strong) 0 2px,transparent 2px 7px)}
/* the gateway's numbers as the study's tiles */
html.b-m1 .m1v .m1v-kts{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}
html.b-m1 .m1v .m1v-kts .k-kt{background:var(--ka-canvas);box-shadow:none}
html.b-m1 .m1v .m1v-tw{overflow-x:auto;margin:0 -4px}
html.b-m1 .m1v .m1v-more>summary{margin:0 4px}
html.b-m1 .m1v .m1v-morein{display:flex;flex-direction:column;gap:10px;margin-top:6px}
html.b-m1 .m1v .m1v-state{padding:24px 12px}

/* ---------- the Deadlines screen ---------- */
html.b-m1 .m1f .m1f-row[aria-current="true"]{background:var(--ka-canvas);border-radius:14px;padding-left:8px;padding-right:8px;border-top-color:transparent}
html.b-m1 .m1f .m1f-row[aria-current="true"]+.m1f-det{border-top:0}
html.b-m1 .m1f .m1f-row .k-dd{width:52px}
html.b-m1 .m1f .m1f-row[aria-current="true"]+.m1f-det+.k-du{border-top:0}
html.b-m1 .m1f .m1f-month .k-c2h b{display:inline-block}
html.b-m1 .m1f .m1f-month .k-c2h b::first-letter{text-transform:uppercase}
/* the open deadline: under its row, on the panel's soft ground */
html.b-m1 .m1f .m1f-det{display:flex;flex-direction:column;gap:4px;margin:2px 0 8px;padding:10px 12px;border-radius:14px;background:var(--ka-canvas)}
html.b-m1 .m1f .m1f-det .k-mini2 td{border-bottom-color:var(--ka-soft)}

@media (max-width:860px){
  html.b-m1 .m1v button.k-du,html.b-m1 .m1v .k-btn,html.b-m1 .m1v .k-lnk,html.b-m1 .m1v .k-tnav button,html.b-m1 .m1v .m1v-seg button,html.b-m1 .m1v .k-more>summary{min-height:var(--k-tap)}
  html.b-m1 .m1v .m1v-who{flex-basis:140px}
  html.b-m1 .m1f .m1f-row .k-dd{width:44px}
}
/* HQ prod 775bd48d #5: on the phone a view's tab row (Plače · Odsotnosti · Evidenca ur) stays one row and scrolls sideways, its right
   edge fading (a sticky gradient, not a mask: a mask inside the sheet's rounded scroller drew corner wedges); never a cut tab */
@media (max-width:860px){
  html.b-m1 .m1v .m1v-tabs{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;max-width:100%;align-self:stretch;padding-right:0}
  html.b-m1 .m1v .m1v-tabs::-webkit-scrollbar{display:none}
  html.b-m1 .m1v .m1v-tabs>button{flex:none;white-space:nowrap}
  html.b-m1 .m1v .m1v-tabs::after{content:"";position:sticky;right:-1px;flex:none;width:28px;margin-left:-28px;align-self:stretch;pointer-events:none;background:linear-gradient(to right,transparent,var(--k-work) 80%);opacity:0;animation:m1-edgefade linear both;animation-timeline:scroll(nearest inline)}   /* only while the row really scrolls (scroll timeline: inactive, so invisible, when it fits) and not at its end */
}
/* a deadline the chat just added (BureoApp.calAdd, m1-filings.js): it scrolls into view and glows for a moment */
html.b-m1 .m1f .m1f-row.m1f-new{background:var(--k-accent-soft);border-radius:12px;box-shadow:0 0 0 6px var(--k-accent-soft);transition:background 1.2s ease,box-shadow 1.2s ease}
@media (prefers-reduced-motion:reduce){html.b-m1 .m1f .m1f-row.m1f-new{transition:none}}