/* Bureo shell M1: the VAT & tax screen (app/m1-taxes.js, the study's "vat" screen). Bridge only: the study's markup comes with the kit
   (m1-kit.css); this fits it into the app's taxes page and adds the few pieces the study does not draw (marked KIT GAP). Kit tokens
   only, scoped under html.b-m1 so the classic layout is untouched. */
/* the board replaces the classic cards (they stay in the classic suites' flag-on run, html.m1-chrome); the company's salary-or-dividend
   estimate is rebuilt too (m1-taxes.js dooEst), so .m1t-keep is no longer set */
html.b-m1:not(.m1-chrome) #main>section[data-view="taxes"].m1-has-board:not([hidden]){display:flex;flex-direction:column;gap:10px}
html.b-m1:not(.m1-chrome) #main>section[data-view="taxes"].m1-has-board:not(.m1t-keep):not(.m1t-es)>:not(#m1Taxes){display:none!important}
html.b-m1:not(.m1-chrome) #main>section[data-view="taxes"].m1t-keep>.two>article:not(.calc),html.b-m1:not(.m1-chrome) #main>section[data-view="taxes"].m1t-keep>#txLife{display:none!important}
html.b-m1:not(.m1-chrome) #main>section[data-view="taxes"].m1t-keep>.two{display:block}
/* signed in: the board carries Spain's 303 / 130 (and their AEAT file buttons), so the gateway's books card steps back; the calendar stays */
html.b-m1:not(.m1-chrome) #main>section[data-view="taxes"].m1t-es>#gw-taxes-txb{display:none!important}
/* signed in the page shows only the gateway's cards (gw.js hides #main>section[data-gwlive]>:not(.gw-live), !important): the board is one of them */
html.b-m1:not(.m1-chrome) #main>section[data-view="taxes"][data-gwlive].m1t-es>#m1Taxes{display:flex!important}
/* the board's buttons that are rows or links: the UA button look off */
html.b-m1 .m1t button.k-du{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-xs)}
html.b-m1 .m1t .k-dues>.k-du:first-child{border-top:0}
html.b-m1 .m1t .k-c2h .k-faint{font-size:var(--k-t-cap);text-align:right}
html.b-m1 .m1t .k-mini2 td{vertical-align:top}
html.b-m1 .m1t .k-mini2 td.k-mono{width:34px;color:var(--k-text-3)}
html.b-m1 .m1t .k-mini2 td.k-r{white-space:nowrap;padding-left:10px}
html.b-m1 .m1t-foot{margin-top:4px}
/* declutter (docs/ux/m1-system.md): Review and sign is the screen's one main action (the kit's quiet button, the one lime is the
   return's bar), its note beside it; the calculator, limits, life events and deadlines sit in the fold (kit details.k-more) */
html.b-m1 .m1t-act{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px}
html.b-m1 .m1t-act .k-faint{font-size:var(--k-t-cap)}
html.b-m1 .m1t .k-more>summary{margin:0 4px}
html.b-m1 .m1t-morein{display:flex;flex-direction:column;gap:10px;margin-top:6px}
@media (max-width:860px){html.b-m1 .m1t-act .k-btn{min-height:var(--k-tap)}}
html.b-m1 .m1t-foot .k-mono{font-size:var(--k-t-cap)}
html.b-m1 .m1t .k-segp.k-sm{width:auto;max-width:100%;align-self:flex-start}
html.b-m1 .m1t .k-segp.k-sm button{padding:5px 14px;white-space:nowrap}
/* KIT GAP: a big light numeral with a range under it (the income-tax estimate's revenue); the type is the tiles' (.k-kt b) */
html.b-m1 .m1t-rev{display:flex;flex-direction:column;gap:2px;margin:4px 0 2px}
html.b-m1 .m1t-rev small{font-size:var(--k-t-cap);color:var(--k-text-3)}
html.b-m1 .m1t-rev b{font-weight:300;font-size:30px;letter-spacing:-.03em;line-height:1.15;font-variant-numeric:tabular-nums}
html.b-m1 .m1t-range{width:100%;margin:8px 0 4px;accent-color:var(--k-text);height:24px}
/* KIT GAP: a dot pill in front of a note line (the calculator's AI notes) */
/* the card heads: the legend goes under the title when they do not fit side by side (phone, es), never squeezing it */
html.b-m1 .m1t .k-c2h{flex-wrap:wrap;row-gap:2px}
html.b-m1 .m1t .k-c2h>b,html.b-m1 .m1t .k-lgd>span{white-space:nowrap}
html.b-m1 .m1t-dc2{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin-top:4px}
html.b-m1 .m1t-dccol>small{display:block;font-size:var(--k-t-cap);text-transform:uppercase;letter-spacing:.05em;margin-bottom:2px}
html.b-m1 .m1t-note{display:flex;gap:8px;align-items:flex-start;margin:4px 0 0}
html.b-m1 .m1t-note .k-spill{flex:none}
/* KIT GAP: a limit = label + how far, the split bar (filled / hatched rest), the note; warn and lime fills of the split bar */
html.b-m1 .m1t-lims{display:flex;flex-direction:column}
html.b-m1 .m1t-lim{display:flex;flex-direction:column;gap:6px;padding:8px 0;border-top:1px solid var(--ka-soft)}
html.b-m1 .m1t-lim:first-child{border-top:0;padding-top:2px}
html.b-m1 .m1t-limh{display:flex;justify-content:space-between;gap:10px;font-size:var(--k-t-xs);min-width:0}
html.b-m1 .m1t-limh .k-faint{font-size:var(--k-t-cap);white-space:nowrap}
html.b-m1 .m1t-lim .k-split{height:8px}
html.b-m1 .m1t-lim .k-split i.k-warn{background:var(--k-warn)}
html.b-m1 .m1t-lim .k-split i.k-lime{background:var(--k-accent)}
html.b-m1 .m1t-lim p.k-faint{font-size:var(--k-t-cap);margin:0}
/* Transactions: the table scrolls inside its card when it must, never the page; the detail column goes on a phone */
html.b-m1 .m1t-tw{overflow-x:auto;margin:0 -4px}
html.b-m1 .m1t-rtab td.m1t-party{white-space:normal;min-width:120px}
html.b-m1 .m1t-ptabs{display:none}   /* the work head's own tabs show on the phone too (shell-m1.css): no second row */
@media (max-width:860px){
  html.b-m1 .m1t button.k-du{min-height:var(--k-tap)}
  html.b-m1 .m1t .k-lnk{min-height:var(--k-tap)}
  html.b-m1 .m1t .k-segp.k-sm button{min-height:var(--k-tap)}
  html.b-m1 .m1t-rtab .m1t-ncol,html.b-m1 .m1t-rtab tr>:last-child{display:none}   /* phone: date, who, amount (a sale is the green +, a bill the −); the kind and the detail fold away, nothing scrolls sideways */
  html.b-m1 .m1t-range{height:var(--k-tap)}
  html.b-m1 .m1t .k-cbars.m1t-12 .k-cb:nth-child(even) small{visibility:hidden}   /* twelve months on a phone: every other label, readable */
}
/* signed in: the gateway's own tax cards (gw.js, Spain's modelo 303 / 130 among them) on the kit's card look until they carry k- classes */
html.b-m1:not(.m1-chrome) #main>section[data-view="taxes"] [id^="gw-taxes"] .gw-nums{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:8px}
html.b-m1:not(.m1-chrome) #main>section[data-view="taxes"] [id^="gw-taxes"] .gw-nums>div{background:var(--ka-canvas);border-radius:14px;padding:10px 12px;display:flex;flex-direction:column;gap:2px}
html.b-m1:not(.m1-chrome) #main>section[data-view="taxes"] [id^="gw-taxes"] .gw-nums small{font-size:var(--k-t-cap);color:var(--k-text-3)}
html.b-m1:not(.m1-chrome) #main>section[data-view="taxes"] [id^="gw-taxes"] .gw-nums b{font-weight:300;font-size:22px;letter-spacing:-.02em}
/* SHELL FIX (fold into shell-m1.css): on a phone the sheet is a flex column and a long page squeezed the work head to 12 px */
html.b-m1 #m1WorkHead{flex:none}
/* KIT GAP: an empty slot in a bar chart (a period with no return yet): an outline only, no value */
html.b-m1 .m1t .k-bx.m1t-none{background:none;box-shadow:inset 0 0 0 1px var(--ka-soft)}

html.b-m1 .m1t-more{margin:4px 0 0;font-size:var(--k-t-sm)}
html.b-m1 .m1t-more .es-late{margin:4px 0}
html.b-m1 .m1t-umb{margin:4px 0 0;font-size:var(--k-t-sm);line-height:1.45;max-width:72ch}
html.b-m1 .m1t-lib{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin:4px 0 0}
/* type floor (owner, slice 1): body 16 px, labels 14 px, nothing smaller on these screens */
html.b-m1 .m1t :is(.k-faint,small,.k-spill,.k-lgd,.k-dd,.k-kh,.k-kt em,.k-rtab th,.k-cb small,.k-eyebrow,.k-c2h .k-faint){font-size:14px}
html.b-m1 .m1t :is(.k-mini2,.k-rtab,.k-du,.k-c2h,p:not(.k-faint)){font-size:16px}
/* a row title wraps to two lines instead of an ellipsis (phone: «Akontacija dohodni…») */
html.b-m1 .m1t .k-du .k-grow>.k-ell{white-space:normal;display:block!important;-webkit-line-clamp:unset;overflow:visible;text-overflow:clip}   /* HQ prod 775bd48d #4: the whole title, wrapped, never «socialno…» */
html.b-m1 .m1t .k-du .k-grow>small{display:block;white-space:normal}
html.b-m1 .m1t-limh{flex-wrap:wrap;row-gap:2px}
html.b-m1 .m1t-limh .k-ell{white-space:normal;overflow:visible;text-overflow:clip;min-width:0}
html.b-m1 .m1t .k-du .k-grow.k-ell{white-space:normal}