/* Bureo shell M1: the invoices screen (app/m1-invoices.js) on the kit (m1-kit.css .k-paper .k-prev .k-spill .k-rtab .k-card2 :is(.k-btn,.m1k-btn));
   :is(.k-more,.m1k-more) and .k-rlist are built here (scoped to #m1Inv) until the kit carries them.
   Bridge rules only, kit tokens only, all under html.b-m1 and never in the classic suites' flag-on run (html.m1-chrome). */

/* ---------- the paper (the app's #bDraft reshaped as the study's .paper) ---------- */
html.b-m1:not(.m1-chrome) #bDraft.k-paper{margin:6px auto 16px;color:var(--k-text)}
html.b-m1:not(.m1-chrome) #bDraft.k-paper :is(.k-mark,.m1k-mark) :is(.k-s1,.m1k-s1){fill:var(--k-accent)}
html.b-m1:not(.m1-chrome) #bDraft.k-paper :is(.k-mark,.m1k-mark) :is(.k-s2,.m1k-s2){fill:var(--k-mark-2)}
html.b-m1 .m1-paper .m1-ivfrom{font-size:var(--k-t-sm);margin-top:2px}
html.b-m1 .m1-paper .m1-ivtax{font-size:var(--k-t-sm);margin-top:2px}
html.b-m1 .m1-paper td,html.b-m1 .m1-paper th{font-variant-numeric:tabular-nums}
html.b-m1 .m1-paper td.k-r{white-space:nowrap}
html.b-m1 .m1-paper .m1-ivunit{display:block;font-size:var(--k-t-xs)}
/* a quantity of 1: the unit price (still editable) shows on hover or focus of its row */
html.b-m1 .m1-paper tr:not(:hover):not(:focus-within) .m1-ivunit.m1-q1{display:none}
html.b-m1 .m1-paper tr:focus{outline:0}
/* the inline edits (shell.js data-b-edit): a quiet hover, the study's selection colour while editing */
html.b-m1 .m1-ivp [data-b-edit]{cursor:text;border-radius:3px}
html.b-m1 .m1-ivp [data-b-edit]:hover{box-shadow:0 0 0 2px var(--ka-soft)}
html.b-m1 .m1-ivp [data-b-edit][contenteditable="true"]{outline:0;background:var(--ka-chip);color:var(--ka-chip-ink);box-shadow:0 0 0 2px var(--ka-chip)}
/* below it: the earlier invoices to the same customer, only beside the document; on the panel's own ground (no band) */
html.b-m1 #m1Earlier{display:none}
html.b-m1.m1-doc:not(.m1-chrome) #m1Earlier:not([hidden]){display:flex;margin:12px auto 0;max-width:620px;background:none}

/* ---------- the demo under M1 (html.m1-ivdemo, app/m1-invoices.js): the classic page never shows. Its cards (the old table,
   the dark New invoice form, Who owes us, the price list …) stay in the DOM for the app's own code; each tab shows ONE M1 view:
   Issued / History = #m1Inv, Preview = the draft's paper, Data = #m1IvData (beside a draft) or #m1IvOwe (Who owes us),
   an issued invoice = #m1IvDoc (html[data-m1iv] names the view) ---------- */
html.b-m1.m1-ivdemo:not(.m1-chrome) #main>section[data-view="invoices"]:not(.bureo-v2-on)>:not(#m1Inv,#bDraft,#m1Earlier,#m1EsDoc,#m1IvDoc,#m1IvOwe,#m1IvData,#m1IvQt){display:none!important}
html.b-m1 :is(#m1IvDoc,#m1IvOwe,#m1IvData,#m1IvQt){display:none}
html.b-m1.m1-ivdemo:not(.m1-chrome)[data-m1iv] #main>section[data-view="invoices"]:not(.bureo-v2-on)>:not(#m1IvDoc,#m1IvOwe,#m1IvData,#m1IvQt){display:none!important}
html.b-m1.m1-ivdemo:not(.m1-chrome)[data-m1iv] #main>section[data-view="invoices"]:not([hidden]){display:flex;flex-direction:column;gap:10px}
html.b-m1.m1-ivdemo:not(.m1-chrome)[data-m1iv="doc"] #m1IvDoc,html.b-m1.m1-ivdemo:not(.m1-chrome)[data-m1iv="owe"] #m1IvOwe,html.b-m1.m1-ivdemo:not(.m1-chrome)[data-m1iv="data"] #m1IvData,html.b-m1.m1-ivdemo:not(.m1-chrome)[data-m1iv="quotes"] #m1IvQt{display:flex;flex-direction:column;gap:10px;min-width:0;background:none;padding-bottom:24px}

/* one issued invoice: the bar (← Invoices · its actions), the state, the paper */
html.b-m1 #m1IvDoc .m1-ivbar{gap:8px;flex-wrap:wrap;position:sticky;top:0;z-index:1;padding:4px 0;background:none}
html.b-m1 #m1IvDoc .m1-ivstate{justify-content:flex-start;background:none}
html.b-m1 #m1IvDoc .m1-ivdocp{margin:0 auto;width:100%;max-width:620px;color:var(--k-text)}
html.b-m1 #m1IvDoc :is(.k-mark,.m1k-mark) :is(.k-s1,.m1k-s1){fill:var(--k-accent)}
html.b-m1 #m1IvDoc :is(.k-mark,.m1k-mark) :is(.k-s2,.m1k-s2){fill:var(--k-mark-2)}

/* Who owes us: the headline + the reminder switch, the open invoices (name · line · amount · actions), the reminder plan and the channels */
html.b-m1 #m1IvOwe .k-card2{padding:16px 18px;gap:10px}
html.b-m1 #m1IvOwe .m1-owhead :is(.k-grow,.m1k-grow){display:flex;flex-direction:column;gap:2px;min-width:0}
html.b-m1 #m1IvOwe .m1-owt{font-size:var(--k-t-md);font-weight:600}
html.b-m1 #m1IvOwe .m1-owsw{display:inline-flex;align-items:center;gap:8px;min-height:var(--k-tap,44px);border:0;background:none;padding:0;cursor:pointer;color:var(--k-text);font-size:var(--k-t-sm);text-align:left}
html.b-m1 #m1IvOwe .m1-owsw i{flex:none;width:36px;height:22px;border-radius:999px;background:var(--ka-soft);position:relative;transition:background .15s}
html.b-m1 #m1IvOwe .m1-owsw i:after{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:var(--ka-card);box-shadow:0 1px 3px rgba(0,0,0,.25);transition:transform .15s}
html.b-m1 #m1IvOwe .m1-owsw[aria-checked="true"] i{background:var(--k-text)}
html.b-m1 #m1IvOwe .m1-owsw[aria-checked="true"] i:after{transform:translateX(14px)}
html.b-m1 #m1IvOwe .m1-owsw:focus-visible{outline:2px solid var(--k-focus);outline-offset:2px;border-radius:8px}
html.b-m1 #m1IvOwe .m1-owpeace{margin:0;font-size:var(--k-t-sm);color:var(--k-text-2)}
html.b-m1 #m1IvOwe .m1-owpeace.m1-off{color:var(--k-text-3)}
html.b-m1 #m1IvOwe .m1-owrows{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
html.b-m1 #m1IvOwe .m1-owr{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 12px;align-items:center;padding:10px 0;border-bottom:1px solid var(--ka-soft)}
html.b-m1 #m1IvOwe .m1-owr:last-child{border-bottom:0}
html.b-m1 #m1IvOwe .m1-owwho{display:flex;flex-direction:column;gap:2px;align-items:flex-start;min-width:0;border:0;background:none;padding:0;text-align:left;cursor:pointer;color:var(--k-text);font:inherit}
html.b-m1 #m1IvOwe .m1-owwho b{font-weight:600}
html.b-m1 #m1IvOwe .m1-owwho small{font-size:var(--k-t-sm)}
html.b-m1 #m1IvOwe .m1-owwho:focus-visible{outline:2px solid var(--k-focus);outline-offset:2px;border-radius:6px}
html.b-m1 #m1IvOwe .m1-ivwarn{color:var(--k-warn-ink)}
html.b-m1 #m1IvOwe .m1-owamt{font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:500}
html.b-m1 #m1IvOwe .m1-owacts{grid-column:1/-1;gap:8px;flex-wrap:wrap}
html.b-m1 #m1IvOwe .m1-owplan{margin:0;font-size:var(--k-t-sm);line-height:1.6}
html.b-m1 #m1IvOwe .m1-owplan b{font-weight:600}
html.b-m1 #m1IvOwe .m1-owopt{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;font-size:var(--k-t-sm)}
html.b-m1 #m1IvOwe .m1-owopt>.k-faint{margin-right:4px}
html.b-m1 #m1IvOwe .m1-owtg{padding:6px 12px;font-size:var(--k-t-sm);cursor:pointer;border:1px solid var(--ka-soft);background:none;color:var(--k-text-2)}
html.b-m1 #m1IvOwe .m1-owtg[aria-pressed="true"]{background:var(--ka-chip);color:var(--ka-chip-ink);border-color:transparent}
html.b-m1 #m1IvOwe .m1-owtg[aria-pressed="true"]:before{content:"✓ "}

/* Data beside a draft: the kit's fields; the lines as description · qty · price */
html.b-m1 #m1IvData .m1-ivdf{padding:16px 18px;gap:12px}
html.b-m1 #m1IvData .m1-ivdg{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}
html.b-m1 #m1IvData .m1-ivdh{font-weight:600}
html.b-m1 #m1IvData .m1-ivdls{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
html.b-m1 #m1IvData .m1-ivdl{display:grid;grid-template-columns:minmax(0,1fr) 80px 120px auto;gap:8px;align-items:end}
html.b-m1 #m1IvData .m1-ivdx{width:42px;height:42px;font-size:20px;line-height:1}
html.b-m1 #m1IvData .m1-ivdtot{justify-content:space-between;border-top:1px solid var(--ka-soft);padding-top:10px;font-variant-numeric:tabular-nums}
html.b-m1 #m1IvData input[type=number]{font-variant-numeric:tabular-nums}
@container (max-width:520px){
  html.b-m1 #m1IvData .m1-ivdl{grid-template-columns:1fr 1fr auto}
  html.b-m1 #m1IvData .m1-ivdd{grid-column:1/-1}
}
html.b-m1 :is(#m1IvData,#m1IvOwe,#m1IvDoc){container-type:inline-size}
@container (max-width:520px){
  html.b-m1 #m1IvOwe .m1-owhead>.k-row{flex-wrap:wrap}
  html.b-m1 #m1IvOwe .m1-owhead :is(.k-grow,.m1k-grow){flex-basis:100%}
}
/* phone: every control 44 px to tap */
@media (max-width:860px){
  html.b-m1 :is(#m1IvDoc,#m1IvOwe,#m1IvData) :is(:is(.k-btn,.m1k-btn),:is(.k-chip,.m1k-chip),:is(.k-lnk,.m1k-lnk),.m1-owsw){min-height:44px}
  html.b-m1 :is(#m1IvOwe,#m1IvData) :is(:is(.k-lnk,.m1k-lnk)){display:inline-flex;align-items:center}
  html.b-m1 #m1IvData .m1-ivdx{width:44px;height:44px}
}

/* ---------- the list: "Issued" (no draft) and "History" (beside a draft); "Data" = the app's whole page ---------- */
html.b-m1 #m1Inv{display:none}
html.b-m1.m1-ivview:is([data-m1wtab="list"],[data-m1wtab="history"]) #main>section[data-view="invoices"].m1-has-ivlist:not(.bureo-v2-on)>:not(#m1Inv){display:none!important}
html.b-m1.m1-ivview:is([data-m1wtab="list"],[data-m1wtab="history"]) #main>section[data-view="invoices"].m1-has-ivlist:not([hidden]){display:flex;flex-direction:column;gap:10px}
html.b-m1.m1-ivview:is([data-m1wtab="list"],[data-m1wtab="history"]) #m1Inv{display:flex;flex-direction:column;gap:10px;min-width:0;background:none}
/* the headline: owed to us, one big light number (the kit's tile numeral), and the one action */
html.b-m1 :is(#m1Inv,#m1IvQt) .m1-ivhead{flex-direction:row;align-items:center;gap:16px;padding:16px 18px}
html.b-m1 :is(#m1Inv,#m1IvQt) .m1-ivhead>div{display:flex;flex-direction:column;gap:2px;min-width:0}
html.b-m1 :is(#m1Inv,#m1IvQt) .m1-ivbig{font-size:26px;font-weight:300;letter-spacing:-.03em;font-variant-numeric:tabular-nums;white-space:nowrap;line-height:1.25}
html.b-m1 :is(#m1Inv,#m1IvQt) .m1-ivwarn{color:var(--k-warn-ink)}
html.b-m1 :is(#m1Inv,#m1IvQt) .m1-ivtab{min-width:0}
html.b-m1 :is(#m1Inv,#m1IvQt) .k-rtab tbody tr{cursor:pointer}
@media (hover:hover){html.b-m1 :is(#m1Inv,#m1IvQt) .k-rtab tbody tr:hover td{background:var(--ka-canvas)}}
html.b-m1 :is(#m1Inv,#m1IvQt) .k-rtab tbody tr:focus-visible{outline:2px solid var(--k-focus);outline-offset:-2px}
html.b-m1 :is(#m1Inv,#m1IvQt) .k-rtab .m1-ivc{white-space:normal;min-width:120px}
html.b-m1 :is(#m1Inv,#m1IvQt) .k-rtab td.k-r{font-variant-numeric:tabular-nums}
/* the state as a plain coloured word (Declutter 5: no column of pills), number and date in the UI font, tabular (HQ 24 E3) */
html.b-m1 :is(#m1Inv,#m1IvQt) .k-rtab :is(.m1-ivno,.m1-ivdt){font-variant-numeric:tabular-nums;white-space:nowrap}
html.b-m1 :is(#m1Inv,#m1IvQt) .m1-st{font-size:var(--k-t-sm);color:var(--k-text-2)}
html.b-m1 :is(#m1Inv,#m1IvQt) .m1-st.k-warn{color:var(--k-warn-ink)}html.b-m1 :is(#m1Inv,#m1IvQt) .m1-st.k-ok{color:var(--k-ok-ink)}html.b-m1 :is(#m1Inv,#m1IvQt) .m1-st.k-info{color:var(--k-info-ink)}
/* Show all (k-more): a quiet disclosure under the table, no box */
html.b-m1 :is(#m1Inv,#m1IvQt) :is(.k-more,.m1k-more){margin-top:6px}
html.b-m1 :is(#m1Inv,#m1IvQt) :is(.k-more,.m1k-more)>summary{list-style:none;cursor:pointer;color:var(--k-text-2);font-size:var(--k-t-sm);text-decoration:underline;text-underline-offset:3px;display:inline-flex;padding:6px 0}
html.b-m1 :is(#m1Inv,#m1IvQt) :is(.k-more,.m1k-more)>summary::-webkit-details-marker{display:none}
/* a narrow panel (phone sheet, a slim work panel): label + value (k-rlist); number · date · status under the customer */
html.b-m1 :is(#m1Inv,#m1IvQt){container-type:inline-size}
html.b-m1 :is(#m1Inv,#m1IvQt) .m1-ivsub{display:none}
@container (max-width:520px){
  html.b-m1 :is(#m1Inv,#m1IvQt) .k-rlist :is(.m1-ivno,.m1-ivdt,.m1-ivst){display:none}
  html.b-m1 :is(#m1Inv,#m1IvQt) .k-rlist thead{display:none}
  html.b-m1 :is(#m1Inv,#m1IvQt) .m1-ivsub{display:block;color:var(--k-text-3);font-size:var(--k-t-xs);margin-top:2px}
  html.b-m1 :is(#m1Inv,#m1IvQt) .m1-st.k-warn{color:var(--k-warn-ink)}
  html.b-m1 :is(#m1Inv,#m1IvQt) .k-rlist .m1-ivc{min-width:0;width:100%;font-weight:500}
  html.b-m1 :is(#m1Inv,#m1IvQt) .k-rlist td{border:0;padding:10px 4px}
  /* the headline on one slim line, so the invoice rows (overdue first) show in a half-height sheet */
  html.b-m1 :is(#m1Inv,#m1IvQt) .m1-ivhead{padding:10px 14px}
  html.b-m1 :is(#m1Inv,#m1IvQt) .m1-ivhead>div{flex-direction:row;flex-wrap:wrap;align-items:baseline;gap:0 8px}
  html.b-m1 :is(#m1Inv,#m1IvQt) .m1-ivbig{font-size:22px}
}

/* ---------- the chat: no quick-chip row under a confirm card that waits (the study shows the card alone) ---------- */
html.b-m1:not(.m1-chrome):has(#bDock .b-confirm:not([data-state])) #agChips{display:none}

/* ---------- phone: list rows 44 px to tap ---------- */
@media (max-width:860px){
  html.b-m1 :is(#m1Inv,#m1IvQt) .k-rtab tbody td{padding-top:13px;padding-bottom:13px}
}

/* ---------- the confirm card in the chat column as the study's (mix.css .chat .cc): its type and soft ring ---------- */
html.b-m1:not(.m1-chrome) .agent .b-confirm:is(.k-cc,.m1k-cc){display:block;gap:normal;font-size:var(--k-t-base);line-height:1.55;box-shadow:0 14px 40px -26px rgba(20,22,30,.45),0 0 0 1px var(--ka-soft)}
/* What and To keep the app's .b-confirm-what hook (shell.js) but not its grey box: the study's plain .kv grid */
html.b-m1:not(.m1-chrome) .agent :is(.k-cc,.m1k-cc) .b-confirm-what{padding:0;border-radius:0;background:none;font-size:inherit}
html.b-m1:not(.m1-chrome) .agent :is(.k-cc,.m1k-cc) :is(.k-kv,.m1k-kv).b-confirm-what{gap:3px 12px}

/* ---------- Spain (Spain 7, gw.js esViewHtml): an issued ES invoice under VERI*FACTU is the same paper as the draft above
   (the shared rules name both: .es-inv-* and the m1-pp-* parts of BureoM1Inv.paperHtml, so a factura built with it looks the same).
   Its elements all stay (issuer / customer / date with NIF, Price and IVA per line as Spanish invoices need, base + IVA + total,
   the QR with «QR tributario:» and the AEAT legend, the AEAT status pill, Rectificativa); only the look is the study's ---------- */
html.b-m1 .sign.iv-sheet:has(.es-inv){width:min(700px,94vw)}
html.b-m1 .es-inv .es-inv-paper.k-paper{max-width:620px;width:100%;margin:6px auto 12px;border:0;border-radius:26px;padding:30px 34px;background:var(--ka-card);color:var(--k-text);box-shadow:0 20px 60px -30px rgba(20,22,30,.4);font-size:var(--k-t-base);line-height:1.6}
/* the parties: the study's head line (who issues it, bold) and the customer, with their NIF in mono */
html.b-m1 .es-inv .es-inv-parties{gap:14px}
html.b-m1 .es-inv .es-inv-parties>div{font-size:var(--k-t-md);gap:1px}
html.b-m1 .es-inv .es-inv-parties .k-muted{font-size:var(--k-t-xs);color:var(--k-text-3);font-weight:600;text-transform:uppercase;letter-spacing:.05em}
html.b-m1 .es-inv .es-inv-parties b{font-weight:600;font-size:var(--k-t-base)}
html.b-m1 .es-inv .es-inv-parties .k-mono{font-family:var(--k-mono);font-size:var(--k-t-sm);color:var(--k-text-2)}
/* the lines: the kit paper's table (ITEM / QTY / AMOUNT look); Price and IVA quieter */
html.b-m1 :is(.es-inv .es-inv-lines,.m1-pp-lines.m1-pp-wide){font-size:var(--k-t-md);margin:16px 0 8px}
html.b-m1 :is(.es-inv .es-inv-lines,.m1-pp-lines.m1-pp-wide) th{font-size:var(--k-t-xs);color:var(--k-text-3);font-weight:600;text-transform:uppercase;letter-spacing:.05em;padding:7px 4px;border-bottom:1px solid var(--ka-soft)}
html.b-m1 :is(.es-inv .es-inv-lines,.m1-pp-lines.m1-pp-wide) td{padding:7px 4px;border-bottom:1px solid var(--ka-soft);font-variant-numeric:tabular-nums}
html.b-m1 :is(.es-inv .es-inv-lines,.m1-pp-lines.m1-pp-wide) td:nth-child(3),html.b-m1 :is(.es-inv .es-inv-lines,.m1-pp-lines.m1-pp-wide) td:nth-child(4),html.b-m1 .m1-paper .m1-pp-q{color:var(--k-text-2)}
/* the foot: the QR on the left, the totals on the right as the paper's VAT and Total rows */
html.b-m1 :is(.es-inv .es-inv-foot,.m1-paper .m1-pp-foot){display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;align-items:flex-end;margin-top:6px}
html.b-m1 .es-inv .es-inv-tot{gap:3px 0;font-size:var(--k-t-md);margin-left:auto}
html.b-m1 .es-inv .es-inv-tot dd{padding-left:22px}
html.b-m1 .es-inv .es-inv-tot dt{color:var(--k-text-2)}
html.b-m1 .es-inv .es-inv-tot dt:last-of-type,html.b-m1 .es-inv .es-inv-tot dd:last-of-type{border-top:1px solid var(--ka-soft);padding-top:6px;margin-top:3px;color:var(--k-text);font-size:var(--k-t-base)}
html.b-m1 :is(.es-inv,.m1-paper) .vf-qr{border:1px solid var(--ka-soft)!important;border-radius:var(--ka-pad)!important}
html.b-m1 :is(.es-inv,.m1-paper) .vf-qr figcaption{font-size:var(--k-t-sm)!important}
html.b-m1 :is(.es-inv,.m1-paper) .vf-qr p{font-size:var(--k-t-xs)!important}
/* the AEAT status: the kit's dot pill */
html.b-m1 .es-pill.k-spill{gap:6px;padding:3px 9px 3px 7px;font-size:var(--k-t-xs);background:var(--ka-canvas);color:var(--k-text-2);border:1px solid var(--ka-soft)}
html.b-m1 .es-pill.k-spill i{background:var(--k-text-3)}
html.b-m1 .es-pill.k-spill.k-ok i{background:var(--k-ok)}
html.b-m1 .es-pill.k-spill.k-warn i,html.b-m1 .es-pill.es-pill-bad.k-spill i{background:var(--k-warn)}
html.b-m1 .es-pill.k-spill.k-info i{background:var(--k-info)}
/* the rectificativa form: the kit's check rows */
html.b-m1 .es-radio label.k-check{margin:0;font-size:var(--k-t-base)}
@media (max-width:640px){
  html.b-m1 .es-inv .es-inv-paper.k-paper{padding:22px 18px;border-radius:var(--ka-in)}
  html.b-m1 :is(.es-inv .es-inv-foot,.m1-paper .m1-pp-foot){display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;flex-direction:column-reverse;align-items:stretch}
  html.b-m1 .es-inv .es-inv-tot{margin-left:0}
  /* a narrow sheet: each line is two rows (concept · amount, then qty · price · IVA), so every column stays and nothing scrolls */
  html.b-m1 :is(.es-inv .es-inv-lines,.m1-pp-lines.m1-pp-wide),html.b-m1 :is(.es-inv .es-inv-lines,.m1-pp-lines.m1-pp-wide) thead,html.b-m1 :is(.es-inv .es-inv-lines,.m1-pp-lines.m1-pp-wide) tbody{display:block;table-layout:auto;min-width:0;width:100%}
  html.b-m1 :is(.es-inv .es-inv-lines,.m1-pp-lines.m1-pp-wide) tr{display:grid;grid-template-columns:auto auto auto 1fr auto;column-gap:10px;padding:6px 0;border-bottom:1px solid var(--ka-soft)}
  html.b-m1 :is(.es-inv .es-inv-lines,.m1-pp-lines.m1-pp-wide) td,html.b-m1 :is(.es-inv .es-inv-lines,.m1-pp-lines.m1-pp-wide) th{border:0;padding:1px 0;width:auto!important;min-width:0}
  html.b-m1 :is(.es-inv .es-inv-lines,.m1-pp-lines.m1-pp-wide) :is(td,th):first-child{grid-column:1/5;grid-row:1;overflow-wrap:anywhere}
  html.b-m1 :is(.es-inv .es-inv-lines,.m1-pp-lines.m1-pp-wide) :is(td,th):nth-child(5){grid-column:5;grid-row:1;text-align:right}
  html.b-m1 :is(.es-inv .es-inv-lines,.m1-pp-lines.m1-pp-wide) :is(td,th):is(:nth-child(2),:nth-child(3),:nth-child(4)){grid-row:2;text-align:left;font-size:var(--k-t-sm);color:var(--k-text-3)}
}
html.b-m1 :is(#m1Inv,#m1IvQt) .m1-ivhead2{padding:12px 18px}
html.b-m1 :is(#m1Inv,#m1IvQt) .m1-ivlt{font-size:16px;font-weight:500;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}