/* Bureo shell M1: Spanish invoicing (app/m1-es-inv.js) on the kit (k-paper through BureoM1Inv.paperHtml, k-spill, k-more, k-rlist,
   k-btn, k-card2, k-check, k-field). Bridge rules only, kit tokens only, under html.b-m1 (never the classic look). */

/* ---------- the paper: the QR tributario at the top of page 1, the issuer beside it (AEAT QR spec v0.5.0, N35) ---------- */
html.b-m1 .m1-paper .m1-pp-qrrow{display:flex;align-items:flex-start;gap:18px}
html.b-m1 .m1-paper .m1-pp-qrrow>:is(.k-grow,.m1k-grow){min-width:0;flex:1}
html.b-m1 .m1-esqr{margin:0;flex:none;display:flex;flex-direction:column;align-items:center;gap:3px;width:136px;text-align:center}
html.b-m1 .m1-esqr figcaption{font-size:var(--k-t-xs);font-weight:600;color:var(--k-text);align-self:flex-start}
html.b-m1 .m1-esqr svg{width:104px;height:104px;display:block;border-radius:6px}
html.b-m1 .m1-esqr small{font-size:var(--k-t-cap);line-height:1.3;color:var(--k-text-2)}
html.b-m1 .m1-esqr--slot .m1-esqr-box{width:104px;height:104px;border-radius:var(--ka-pad);border:1px dashed var(--k-text-3);display:grid;place-items:center;color:var(--k-text-2);font-size:var(--k-t-xs);padding:8px}
/* a phone's folded line under the item (qty × price · IVA) and the total under the customer: phone / narrow panel only */
html.b-m1 .m1-paper .m1-ivunit:has(.m1-esunit),html.b-m1 .m1-paper .m1-eslead{display:none}
html.b-m1 .m1-paper .m1-eslead{margin:10px 0 0;align-items:baseline;justify-content:space-between;gap:12px;padding:10px 0;border-top:1px solid var(--ka-soft);border-bottom:1px solid var(--ka-soft)}
html.b-m1 .m1-paper .m1-eslead b{font-size:20px;font-weight:500;font-variant-numeric:tabular-nums;white-space:nowrap}
html.b-m1 .m1-paper .m1-pp-foot{justify-content:flex-start}
/* how to pay, on the paper: ONE «Pagar» and the payment QR (labelled apart from the tax QR); no row of logos */
html.b-m1 .m1-espay-btn{text-decoration:none}
html.b-m1 .m1-espay-row{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-top:8px}
html.b-m1 .m1-esepc{margin:0;display:grid;grid-template-columns:auto auto;grid-template-rows:auto auto;column-gap:10px;align-items:center}
html.b-m1 .m1-esepc figcaption{grid-column:1/3;font-size:var(--k-t-xs);font-weight:600;color:var(--k-text);margin-bottom:3px}
html.b-m1 .m1-esepc svg{width:76px;height:76px;display:block;border-radius:5px;grid-row:2/span 2}
html.b-m1 .m1-esepc small{font-size:var(--k-t-xs);color:var(--k-text-2);max-width:130px;line-height:1.35}
html.b-m1 .m1-espaid{margin:8px 0 0;color:var(--k-ok-ink);font-weight:500;font-size:var(--k-t-md)}
/* one main action and one lime per view: while a confirm card waits in the chat, the paper's «Pagar» steps back */
html.b-m1:has(#bDock .b-confirm:not([data-state])) .m1-espay-btn{background:none;border-color:var(--k-line-strong);color:var(--k-text)}
html.b-m1:has(#bDock .b-confirm:not([data-state])) #m1EsDoc :is(.k-btn,.m1k-btn).m1-esmain{background:none;border-color:var(--k-line-strong);color:var(--k-text)}

/* ---------- the issued factura in the work panel: the paper, the pill + record, the actions ---------- */
html.b-m1 #m1EsDoc{display:none}
/* the same doc for a signed-in company's factura (app-gw/gw.js esDocM1: #gwIv.m1-esdoc, html.gw-esdoc-on), on these rules */
html.b-m1.m1-esdoc-on #main>section[data-view="invoices"]>:not(#m1EsDoc),html.b-m1.gw-esdoc-on #main>section[data-view="invoices"]>:not(#gwIv){display:none!important}
html.b-m1:is(.m1-esdoc-on,.gw-esdoc-on) #main>section[data-view="invoices"]:not([hidden]){display:flex!important;flex-direction:column}
html.b-m1.m1-esdoc-on #main>section[data-view="invoices"]>#m1EsDoc#m1EsDoc,html.b-m1.gw-esdoc-on #main>section[data-view="invoices"]>#gwIv#gwIv.m1-esdoc{display:flex!important;flex-direction:column;gap:12px;min-width:0;container-type:inline-size;padding-bottom:28px;background:none}
/* the top bar: ← Invoices on the left, the factura's actions (PDF, Rectificativa…) on the right: always in view */
html.b-m1 :is(#m1EsDoc,#gwIv.m1-esdoc) .m1-esbar{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;max-width:620px;width:100%;margin:0 auto;position:sticky;top:0;z-index:2;padding:6px 0;background:var(--km-work)}
/* whatever scrolls under the bar fades out under a soft edge, never a half-cut line (HQ 24 S8) */
html.b-m1 :is(#m1EsDoc,#gwIv.m1-esdoc) .m1-esbar::after{content:"";position:absolute;left:0;right:0;top:100%;height:18px;pointer-events:none;background:linear-gradient(var(--km-work),transparent)}
html.b-m1 :is(#m1EsDoc,#gwIv.m1-esdoc) .m1-esdoc-paper{margin:0 auto;color:var(--k-text);width:100%}
html.b-m1 :is(#m1EsDoc,#gwIv.m1-esdoc) .m1-esdoc-paper :is(.k-mark,.m1k-mark) :is(.k-s1,.m1k-s1){fill:var(--k-accent)}
html.b-m1 :is(#m1EsDoc,#gwIv.m1-esdoc) .m1-esdoc-paper :is(.k-mark,.m1k-mark) :is(.k-s2,.m1k-s2){fill:var(--k-mark-2)}
html.b-m1 :is(#m1EsDoc,#gwIv.m1-esdoc) :is(.m1-esstate,.m1-esrect){max-width:620px;width:100%;margin:0 auto}
/* the record lines up with the paper's text (its inset), not with the paper's edge */
html.b-m1 :is(#m1EsDoc,#gwIv.m1-esdoc) .m1-esstate{display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:0 34px}
html.b-m1 :is(#m1EsDoc,#gwIv.m1-esdoc) .m1-esrec{width:100%}
/* the record: the headline (its summary), three label + value rows (k-rlist), the rest behind "More"; fingerprints short, the
   full value on hover */
html.b-m1 :is(#m1EsDoc,#gwIv.m1-esdoc) .m1-esrec>summary,html.b-m1 :is(#m1EsDoc,#gwIv.m1-esdoc) .m1-esrec-more>summary{list-style:none;cursor:pointer;display:inline-flex;align-items:center}
html.b-m1 :is(#m1EsDoc,#gwIv.m1-esdoc) :is(.m1-esrec,.m1-esrec-more)>summary::-webkit-details-marker{display:none}
html.b-m1 :is(#m1EsDoc,#gwIv.m1-esdoc) .m1-esrec-more{margin-top:6px}
html.b-m1 :is(#m1EsDoc,#gwIv.m1-esdoc) .m1-esrec-more>summary{color:var(--k-text-2);font-size:var(--k-t-sm);text-decoration:underline;text-underline-offset:3px;padding:4px 0}
html.b-m1 :is(#m1EsDoc,#gwIv.m1-esdoc) .m1-esrec dl{margin:6px 0 0;padding:0;display:grid;gap:4px;font-size:var(--k-t-sm)}
html.b-m1 :is(#m1EsDoc,#gwIv.m1-esdoc) .m1-esrec dl>div{display:grid;grid-template-columns:150px 1fr;gap:12px;align-items:baseline}
html.b-m1 :is(#m1EsDoc,#gwIv.m1-esdoc) .m1-esrec dt{color:var(--k-text-3)}
html.b-m1 :is(#m1EsDoc,#gwIv.m1-esdoc) .m1-esrec dd{margin:0;min-width:0;color:var(--k-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html.b-m1 :is(#m1EsDoc,#gwIv.m1-esdoc) .m1-esrec code{font-family:var(--k-mono);font-size:var(--k-t-xs)}
html.b-m1 :is(#m1EsDoc,#gwIv.m1-esdoc) .m1-eslink,html.b-m1 :is(#m1EsDoc,#gwIv.m1-esdoc) .m1-essys a{color:var(--k-text-2);text-underline-offset:3px}
html.b-m1 :is(#m1EsDoc,#gwIv.m1-esdoc) .m1-essys{margin:8px 0 0;font-size:var(--k-t-sm)}
html.b-m1 :is(#m1EsDoc,#gwIv.m1-esdoc) .m1-esacts{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
/* a 347 px phone (S74 size A: 390 / 1.125): "← Facturas · PDF · Factura rectificativa" stay one row (a wrapped, 108 px sticky bar
   covered most of a half sheet and the «Pagar» under it); narrower side padding and gaps, the taps stay 44 px tall */
@container (max-width:340px){
  html.b-m1 :is(#m1EsDoc,#gwIv.m1-esdoc) .m1-esbar,html.b-m1 :is(#m1EsDoc,#gwIv.m1-esdoc) .m1-esacts{gap:6px}
  html.b-m1 :is(#m1EsDoc,#gwIv.m1-esdoc) .m1-esbar :is(.k-btn,.m1k-btn):is(.k-sm,.m1k-sm){padding-left:8px;padding-right:8px}
}
/* the one main action (Send, Prepare): the view's one black pill (Feel 5) */
html.b-m1 :is(#m1EsDoc,#gwIv.m1-esdoc) :is(.k-btn,.m1k-btn).m1-esmain{background:var(--k-text);color:var(--ka-card);border-color:transparent}
/* the rectificativa form: on the panel's own ground (one container, no card in a card), the work head names the invoice; the
   paper folded away while it is open; its labels in one style; its main action stays in view (sticky at the foot) */
html.b-m1 :is(#m1EsDoc,#gwIv.m1-esdoc) .m1-esrect{display:flex;flex-direction:column;gap:14px;padding:4px 2px 0}
html.b-m1 :is(#m1EsDoc,#gwIv.m1-esdoc) .m1-esrect fieldset{border:0;padding:0;margin:0;display:flex;flex-direction:column;gap:4px}
html.b-m1 :is(#m1EsDoc,#gwIv.m1-esdoc) .m1-esrect legend{padding:0;margin-bottom:6px}
html.b-m1 :is(#m1EsDoc,#gwIv.m1-esdoc) .m1-esrect .k-check{margin:0;font-size:var(--k-t-base)}
html.b-m1 :is(#m1EsDoc,#gwIv.m1-esdoc) .m1-eserr{margin:0;color:var(--k-warn-ink);font-size:var(--k-t-md)}
/* a narrow panel (the phone sheet): the issuer and the title first, the QR below them; the record's rows stacked */
@container (max-width:520px){
  html.b-m1 :is(#m1EsDoc,#gwIv.m1-esdoc) .m1-pp-qrrow{flex-direction:column;gap:10px}
  html.b-m1 :is(#m1EsDoc,#gwIv.m1-esdoc) .m1-esqr{flex-direction:row;flex-wrap:wrap;width:auto;text-align:left;align-items:flex-end;gap:4px 10px}
  html.b-m1 :is(#m1EsDoc,#gwIv.m1-esdoc) .m1-esqr figcaption{width:100%}
  html.b-m1 :is(#m1EsDoc,#gwIv.m1-esdoc) .m1-esqr small{max-width:160px}
  html.b-m1 :is(#m1EsDoc,#gwIv.m1-esdoc) .m1-esrec dl>div{grid-template-columns:1fr;gap:0}
  html.b-m1 :is(#m1EsDoc,#gwIv.m1-esdoc) .m1-esstate{padding:0 4px}
  /* the paper's order on a phone: the title, the customer and the total first; the issuer and the QR below them */
  html.b-m1 :is(#m1EsDoc,#gwIv.m1-esdoc) .m1-esdoc-paper{display:flex;flex-direction:column}
  html.b-m1 :is(#m1EsDoc,#gwIv.m1-esdoc) .m1-esdoc-paper>.m1-pp-qrrow{order:1;margin-top:16px}
  html.b-m1 :is(#m1EsDoc,#gwIv.m1-esdoc) .m1-esdoc-paper>:is(.m1-pp-foot,.m1-pp-pay){order:2}
  html.b-m1 :is(#m1EsDoc,#gwIv.m1-esdoc) .m1-esdoc-paper>h2{margin-top:0!important}
  /* two columns (item + amount; qty × price · IVA under the item) and the total under the customer (HQ 24 E6, E8) */
  html.b-m1 :is(#m1EsDoc,#gwIv.m1-esdoc) .m1-esdoc-paper .m1-pp-wide :is(thead tr,tr[tabindex])>:is(:nth-child(2),:nth-child(3),:nth-child(4)){display:none}
  html.b-m1 :is(#m1EsDoc,#gwIv.m1-esdoc) .m1-esdoc-paper .m1-ivunit:has(.m1-esunit){display:block}
  /* folded to two columns, the rows are flex lines: the totals' label cell keeps its colspan (5 columns on the desk) and would push
     its amount out of the IMPORTE column once qty, price and IVA are hidden (money audit: misaligned on a phone) */
  html.b-m1 :is(#m1EsDoc,#gwIv.m1-esdoc) .m1-esdoc-paper .m1-pp-wide{display:block}
  html.b-m1 :is(#m1EsDoc,#gwIv.m1-esdoc) .m1-esdoc-paper .m1-pp-wide>:is(thead,tbody){display:block}
  html.b-m1 :is(#m1EsDoc,#gwIv.m1-esdoc) .m1-esdoc-paper .m1-pp-wide tr{display:flex;align-items:stretch}
  html.b-m1 :is(#m1EsDoc,#gwIv.m1-esdoc) .m1-esdoc-paper .m1-pp-wide tr>:first-child{flex:1 1 auto;min-width:0}
  html.b-m1 :is(#m1EsDoc,#gwIv.m1-esdoc) .m1-esdoc-paper .m1-pp-wide tr>:last-child{flex:none;text-align:right}
  html.b-m1 :is(#m1EsDoc,#gwIv.m1-esdoc) .m1-esdoc-paper .m1-eslead{display:flex}
}
/* the draft on a phone too: the QR row under the issuer, not squeezed beside it */
@media (max-width:640px){
  html.b-m1 .m1-paper .m1-pp-qrrow{flex-direction:column;gap:10px}
  html.b-m1 .m1-paper .m1-esqr{flex-direction:row;flex-wrap:wrap;width:auto;text-align:left;align-items:flex-end;gap:4px 10px}
  html.b-m1 .m1-paper .m1-esqr figcaption{width:100%}
  html.b-m1 .m1-paper .m1-esqr small{max-width:160px}
  html.b-m1 .m1-paper .m1-esqr--slot .m1-esqr-box{width:auto;min-width:160px;height:44px}
  /* the draft too (the Spanish draft carries .m1-eslead): the title, the customer and the total first; the issuer (and the QR slot) below them */
  html.b-m1 #bDraft.m1-paper:has(.m1-eslead){display:flex;flex-direction:column}
  html.b-m1 #bDraft.m1-paper:has(.m1-eslead)>.m1-pp-qrrow{order:1;margin-top:16px}
  html.b-m1 #bDraft.m1-paper:has(.m1-eslead)>:is(.m1-pp-foot,.m1-pp-pay){order:2}
  html.b-m1 #bDraft.m1-paper:has(.m1-eslead)>h2{margin-top:0!important}
  /* E8: the total stays in the visible half sheet: title, customer, due, TOTAL first; the issuer (name, domicilio, NIF) and the lines below it */
  html.b-m1 #bDraft.m1-paper:has(.m1-eslead)>:is(.m1-pp-head,.m1-ivfrom){order:1}
  html.b-m1 #bDraft.m1-paper:has(.m1-eslead)>.m1-ivfrom{margin-bottom:4px}
  html.b-m1 #bDraft.m1-paper:has(.m1-eslead)>.m1-pp-lines{order:2}
  html.b-m1 #bDraft.m1-paper:has(.m1-eslead) .m1-pp-wide :is(thead tr,tr[tabindex])>:is(:nth-child(2),:nth-child(3),:nth-child(4)){display:none}
  html.b-m1 #bDraft.m1-paper:has(.m1-eslead) .m1-ivunit:has(.m1-esunit){display:block}
  /* folded to two columns, the rows are flex lines: the totals' label cell keeps its colspan (5 columns on the desk) and would push
     its amount out of the IMPORTE column once qty, price and IVA are hidden (money audit: misaligned on a phone) */
  html.b-m1 #bDraft.m1-paper:has(.m1-eslead) .m1-pp-wide{display:block}
  html.b-m1 #bDraft.m1-paper:has(.m1-eslead) .m1-pp-wide>:is(thead,tbody){display:block}
  html.b-m1 #bDraft.m1-paper:has(.m1-eslead) .m1-pp-wide tr{display:flex;align-items:stretch}
  html.b-m1 #bDraft.m1-paper:has(.m1-eslead) .m1-pp-wide tr>:first-child{flex:1 1 auto;min-width:0}
  html.b-m1 #bDraft.m1-paper:has(.m1-eslead) .m1-pp-wide tr>:last-child{flex:none;text-align:right}
  html.b-m1 #bDraft.m1-paper:has(.m1-eslead) .m1-eslead{display:flex}
}
@media (max-width:860px){
  html.b-m1 :is(#m1EsDoc,#gwIv.m1-esdoc) :is(.k-btn,.m1k-btn){min-height:var(--k-tap)}
  html.b-m1 :is(#m1EsDoc,#gwIv.m1-esdoc) .m1-esrec>summary{min-height:var(--k-tap)}
}

/* ---------- the payer's page: its own page (a browser bar with its address, its own ground), Stripe in test mode ---------- */
html.b-m1.m1-espay-on{overflow:hidden}
html.b-m1 #m1EsPay{position:fixed;inset:0;z-index:90;display:flex;flex-direction:column;background:var(--ka-canvas);color:var(--k-text);overflow:auto}
html.b-m1 #m1EsPay .m1-espay-url{position:sticky;top:0;display:flex;align-items:center;gap:12px;padding:10px 16px;background:var(--ka-card);border-bottom:1px solid var(--ka-soft);z-index:1}
html.b-m1 #m1EsPay .m1-espay-addr{flex:1;min-width:0;text-align:center;font-size:var(--k-t-md);color:var(--k-text-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
html.b-m1 #m1EsPay .m1-espay-sheet{width:min(440px,100% - 32px);margin:28px auto 40px;padding:22px 24px;display:flex;flex-direction:column;gap:16px;border-radius:var(--ka-r);background:var(--ka-card);box-shadow:0 20px 60px -34px rgba(20,22,30,.4)}
html.b-m1 #m1EsPay .m1-espay-who{display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center}
html.b-m1 #m1EsPay .m1-espay-who p{margin:4px 0 0;color:var(--k-text-2);font-size:var(--k-t-base)}
html.b-m1 #m1EsPay .m1-espay-av{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:var(--ka-soft);color:var(--k-text);font-weight:600;font-size:var(--k-t-base)}
html.b-m1 #m1EsPay .m1-espay-big{font-size:36px;font-weight:300;letter-spacing:-.03em;font-variant-numeric:tabular-nums;line-height:1.15}
html.b-m1 #m1EsPay .m1-espay-step{display:flex;flex-direction:column;gap:12px}
html.b-m1 #m1EsPay .m1-espay-meth{display:flex;flex-direction:column;gap:6px}
html.b-m1 #m1EsPay .m1-espay-m{display:flex;gap:10px;align-items:flex-start;padding:10px 12px;border-radius:var(--ka-in);background:var(--ka-canvas);cursor:pointer;min-height:var(--k-tap);box-shadow:0 0 0 1px transparent}
/* the chosen way: a soft tint and a soft ring */
html.b-m1 #m1EsPay .m1-espay-m:has(input:checked){background:var(--ka-chip);box-shadow:0 0 0 1px var(--ka-soft)}
html.b-m1 #m1EsPay .m1-espay-m input{margin-top:3px;accent-color:var(--k-text)}
html.b-m1 #m1EsPay .m1-espay-m span{display:flex;flex-direction:column;gap:1px;min-width:0}
html.b-m1 #m1EsPay .m1-espay-m b{font-weight:500;font-size:var(--k-t-base)}
html.b-m1 #m1EsPay .m1-espay-m small{color:var(--k-text-3);font-size:var(--k-t-sm);overflow-wrap:anywhere}
html.b-m1 #m1EsPay .m1-espay-m.is-off{cursor:default;opacity:.55}
html.b-m1 #m1EsPay .m1-espay-tr{display:flex;gap:14px;align-items:center;padding:6px 12px 10px}
html.b-m1 #m1EsPay .m1-espay-tr[hidden]{display:none}
html.b-m1 #m1EsPay .m1-espay-tr svg{width:112px;height:112px;flex:none;border-radius:6px}
html.b-m1 #m1EsPay .m1-espay-tr dl{margin:0;padding:0;display:grid;gap:4px;font-size:var(--k-t-sm);min-width:0}
html.b-m1 #m1EsPay .m1-espay-tr dt{color:var(--k-text-3);font-size:var(--k-t-xs)}
html.b-m1 #m1EsPay .m1-espay-tr dd{margin:0;overflow-wrap:anywhere}
html.b-m1 #m1EsPay .m1-espay-go{width:100%;min-height:var(--k-tap)}
html.b-m1 #m1EsPay .m1-espay-note{margin:0;font-size:var(--k-t-sm);text-align:center}
html.b-m1 #m1EsPay .m1-espay-done{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;padding:10px 0}
html.b-m1 #m1EsPay .m1-espay-ok{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:var(--k-ok-soft);color:var(--k-ok-ink);font-size:20px}
@media (max-width:640px){
  html.b-m1 #m1EsPay .m1-espay-sheet{width:auto;margin:12px;padding:18px 16px}
}

/* ---------- the e-mail preview card in the chat ---------- */
html.b-m1 .m1-esmail .ag-kv span:last-child{overflow-wrap:anywhere;text-align:right}
/* S74 size A: on a phone the address goes under «Para», whole (at 112.5 % its domain is wider than the value column; it breaks after the @ only) */
@media (max-width:860px){html.b-m1 #agThread .m1-esmail .ag-kv:has(.m1-mail){display:block}html.b-m1 #agThread .m1-esmail .ag-kv:has(.m1-mail)>span{display:block;text-align:left}html.b-m1 #agThread .m1-esmail .ag-kv:has(.m1-mail)>span:last-child{margin-top:2px}}

/* ---------- PDF: the paper alone in its own document (m1-es-inv.js printHtml): the QR at its printed size ---------- */
html.m1-esprint :is(#m1EsDoc,#gwIv.m1-esdoc) .m1-espay-btn{border:1px solid #000}
/* qrSvg's own width / height in mm: a 30 mm code + its quiet zone (AEAT QR spec: 30–40 mm) */
html.m1-esprint :is(#m1EsDoc,#gwIv.m1-esdoc) :is(.m1-esqr,.m1-esepc) svg{width:auto;height:auto}
html.m1-esprint :is(#m1EsDoc,#gwIv.m1-esdoc) .m1-esqr{width:auto}


/* E14: the Spanish paper's five columns (qty, price, IVA) breathe on desk: ≥ 16 px between PRECIO / IVA and the amounts (negative prices on the R1) */
@container (min-width:521px){
  html.b-m1 :is(#m1EsDoc,#gwIv.m1-esdoc) .m1-esdoc-paper .m1-pp-wide :is(th,td):is(:nth-child(3),:nth-child(4),:nth-child(5)){padding-left:18px}
}
@media (min-width:641px){
  html.b-m1 #bDraft.m1-paper:has(.m1-eslead) .m1-pp-wide :is(th,td):is(:nth-child(3),:nth-child(4),:nth-child(5)){padding-left:18px}
}

/* E13b: a confirm «to» row with name and NIF on two lines (name, then NIF), no dangling «·» */
html.b-m1 .b-confirm:is(.k-cc,.m1k-cc) .m1-to li b{white-space:pre-line}
/* the phone sheet already keeps its work head (title, tabs) stuck at the top; a second sticky bar under it left a thin window
   between the bars and the composer (the payer link could sit under either). On the phone the factura's bar scrolls with it */
@media (max-width:860px){html.b-m1 :is(#m1EsDoc,#gwIv.m1-esdoc) .m1-esbar{position:static}html.b-m1 :is(#m1EsDoc,#gwIv.m1-esdoc) .m1-esbar::after{display:none}}