/* PAINEL-V42-01 · the Painel to docs/mockups/lotus-painel-v42.html, theme "lotus".
   PAINEL-V42-FIDELITY-01 (owner 2026-10-05): rewritten to follow the MOCKUP — white cards on the light page, navy only
   where the mockup has navy (the selected tab, the solid buttons, the first ring colour) — and to the owner's B13 rules:
   every text reaches WCAG AA (≥ 4.5:1; ≥ 3:1 at ≥ 18 px); on navy, names #e6ebf2 or white; on white, secondary text no
   lighter than #5d6a7e; values ≥ 15 px, names ≥ 14 px, secondary ≥ 12 px, uppercase labels ≥ 11 px with letter-spacing
   ≤ .06em; Inter + system fallback, weights 400/600/800 only; no opacity-faded text. painel_v42_browser checks it.
   Scoped to #p42-root. Titles, tabs, small labels, pills and buttons are UPPERCASE HERE, by the sheet, never in the
   data (CAPITALS-BY-THE-SHEET-01). */
#p42-root{--bg:#f5f6f8;--s1:#ffffff;--s2:#eef1f4;--ln:#e3e7ed;--ln2:#d5dbe3;--ink:#101826;--mut:#435064;--dim:#5d6a7e;
  --gold:#c9a24a;--gl:#7a5a12;--pos:#0b6b49;--neg:#b42318;--wrn:#8a4f06;--t2:#1d2939;--sel:#0f1b2d;--onsel:#ffffff;
  --c0:#0f1b2d;--c1:#5b6b84;--c2:#c9a24a;--c3:#e6d3a3;--c4:#8fa3bd;--c5:#b9c3d1;
  color:var(--ink);font-family:"Inter",-apple-system,"Segoe UI",system-ui,sans-serif;font-weight:400;
  font-variant-numeric:tabular-nums;max-width:1180px;padding-bottom:28px}
#p42-root *{box-sizing:border-box}
#p42-root button{font:inherit;color:inherit;background:none;border:0;border-radius:0;cursor:pointer;text-align:inherit;margin:0;padding:0;min-height:0;box-shadow:none}
#p42-root a{color:inherit;text-decoration:none;cursor:pointer}
#p42-root h1,#p42-root h2,#p42-root h3,#p42-root h4{margin:0;color:var(--ink)}
#p42-root b,#p42-root strong{font-weight:600}
#p42-root .p42-cols{display:block}
#p42-root .p42-colA,#p42-root .p42-colB{min-width:0}
@media (min-width:1200px){#p42-root .p42-cols{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:0 24px;align-items:start}}

/* ---- the card: every section is a white card, 14 px apart (the mockup's lotus theme) */
#p42-root .p42-sec,#p42-root .p42-greet{background:var(--s1);border:1px solid var(--ln);border-radius:14px;padding:16px;margin-top:14px;min-width:0}
#p42-root .p42-sh{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-bottom:6px}
#p42-root .p42-sh h2{font-size:15px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}
#p42-root .p42-pla{font-size:12px;color:var(--mut);text-transform:uppercase;letter-spacing:.04em}
#p42-root .p42-eye{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 12px;border:1px solid var(--ln2)!important;border-radius:999px;
  font-size:12px!important;font-weight:800;color:var(--ink)!important;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}
/* PAINEL-VER-02 (owner, 2026-10-05): v42's .eyeb — while the values are HIDDEN the button is a filled navy pill with
   white «VER», so it reads as the way in; once open it is the quiet outline «OCULTAR». */
#p42-root .p42-eye[aria-pressed="false"]{background:var(--sel)!important;color:var(--onsel)!important;border-color:var(--sel)!important}
#p42-root .p42-eye[aria-pressed="true"]{background:transparent!important}
#p42-root .meye-dots{display:inline-block;width:4.6em;height:.62em;border-radius:.31em;background:#e3e8ee;vertical-align:.02em}
#p42-root .p42-na{margin:12px 0 0;font-size:13px;color:var(--mut)}
#p42-root .p42-note{margin:6px 0 0;font-size:12.5px;color:var(--mut)}
#p42-root .p42-go,#p42-root .p42-more{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;margin-top:14px;padding:12px;border:1px solid var(--ln2)!important;
  border-radius:10px;font-size:13px;font-weight:800;color:var(--ink);text-transform:uppercase;letter-spacing:.05em}
#p42-root .p42-go span,#p42-root .p42-more span{font-size:15px}
#p42-root .p42-go:hover,#p42-root .p42-more:hover{background:var(--s2)}
#p42-root .p42-sw{display:inline-block;width:10px;height:10px;border-radius:3px;flex:0 0 auto}
#p42-root .p42-c0{background:var(--c0);stroke:var(--c0)}#p42-root .p42-c1{background:var(--c1);stroke:var(--c1)}#p42-root .p42-c2{background:var(--c2);stroke:var(--c2)}
#p42-root .p42-c3{background:var(--c3);stroke:var(--c3)}#p42-root .p42-c4{background:var(--c4);stroke:var(--c4)}#p42-root .p42-c5{background:var(--c5);stroke:var(--c5)}
#p42-root .p42-c-empty{stroke:var(--ln2)}
#p42-root svg circle.p42-c0,#p42-root svg circle.p42-c1,#p42-root svg circle.p42-c2,#p42-root svg circle.p42-c3,#p42-root svg circle.p42-c4,#p42-root svg circle.p42-c5{background:none}

/* ---- greeting + briefing: one card, as the mockup's «brief» */
#p42-root .p42-greet h1{font-size:22px;font-weight:800;letter-spacing:-.02em}
#p42-root .p42-greet small{display:block;margin-top:4px;font-size:12px;color:var(--dim)}
#p42-root .p42-greet:has(+ .p42-brief){border-bottom:0;border-radius:14px 14px 0 0;padding-bottom:4px}
#p42-root .p42-greet + .p42-brief{margin-top:0;border-top:0;border-radius:0 0 14px 14px;padding-top:6px}
#p42-root .p42-brief{background:var(--s1);border:1px solid var(--ln);border-radius:14px;padding:16px;margin-top:14px}
#p42-root .p42-brief p{margin:0;font-size:15px;line-height:1.6;color:var(--mut);max-width:34em}
#p42-root .p42-brief small{display:block;margin-top:10px;font-size:12px;color:var(--dim)}

/* ---- quick actions */
#p42-root .p42-acts-w{margin-top:14px}
#p42-root .p42-acts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
#p42-root .p42-act{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:72px;padding:14px 4px 12px;background:var(--s1);
  border:1px solid var(--ln);border-radius:12px;font-size:11.5px;font-weight:800;color:var(--ink);text-align:center;text-transform:uppercase;letter-spacing:.04em}
#p42-root .p42-act svg{color:#0f1b2d}
#p42-root .p42-act:hover{background:var(--s2)}
#p42-root .p42-all{display:block;margin-top:10px;text-align:right;font-size:12px;font-weight:800;color:var(--ink);text-transform:uppercase;letter-spacing:.05em}

/* ---- VENDAS (white card, as the mockup) */
#p42-root .p42-sdh{display:flex;align-items:center;justify-content:space-between;gap:10px}
#p42-root .p42-sdl{font-size:12.5px;font-weight:600;letter-spacing:.05em;color:var(--mut);text-transform:uppercase}
#p42-root .p42-sdd{margin-left:auto;margin-right:8px;font-size:12px;color:var(--mut)}
#p42-root .p42-big{margin-top:8px;font-size:34px;font-weight:800;letter-spacing:-.03em;line-height:1.15}
#p42-root .p42-big.na{font-size:16px;font-weight:600;color:var(--mut)}
#p42-root .p42-cmp{margin:8px 0 0;font-size:13px;color:var(--mut);line-height:1.6}
#p42-root .p42-chip{display:inline-block;padding:2px 8px;border-radius:6px;font-size:13px;font-weight:800;white-space:nowrap}
#p42-root .p42-chip.up{background:#e3f3ea;color:var(--pos)}#p42-root .p42-chip.dn{background:#fdecea;color:var(--neg)}
#p42-root .p42-seg{display:grid;grid-template-columns:repeat(3,1fr);margin-top:14px;background:var(--s2);border-radius:10px;padding:3px}
#p42-root .p42-seg button{padding:8px 0!important;text-align:center!important;font-size:12px!important;font-weight:800;color:var(--mut)!important;border-radius:8px;text-transform:uppercase;letter-spacing:.05em}
#p42-root .p42-seg button.on{background:var(--s1)!important;color:var(--ink)!important;box-shadow:0 1px 2px rgba(15,27,45,.16)!important}
#p42-root .p42-sdw{display:flex;align-items:center;gap:14px;margin-top:16px;min-width:0}
/* the money keeps its full figures (the mockup's «1,71 M» would change its precision — not done without the owner's
   word): on a phone the ring sits centred above a full-width list, so names and values both fit; side by side ≥ 520 px */
@media (max-width:519px){#p42-root .p42-sdw{flex-direction:column;align-items:stretch;gap:10px}#p42-root .p42-sdw .p42-ring{align-self:center}}
#p42-root .p42-sdw>.mg-dep{flex:1;min-width:0;margin:0;padding:0;border:0;background:none}
#p42-root .p42-sdw>.mg-dep h4{display:none}
#p42-root .p42-ring{width:112px;height:112px;flex:0 0 auto}
#p42-root .p42-ring.big{width:124px;height:124px}
#p42-root .p42-rk{font-size:11px;fill:var(--dim);text-transform:uppercase;letter-spacing:.06em;font-weight:600}
#p42-root .p42-rv{font-size:17px;fill:var(--ink);font-weight:800}
#p42-root .p42-rv.na{font-size:12px;fill:var(--mut);font-weight:600}
#p42-root .p42-list{flex:1;min-width:0;display:flex;flex-direction:column}
#p42-root .p42-li{display:grid!important;grid-template-columns:12px minmax(0,1fr) auto 10px;align-items:center;gap:10px;padding:9px 0!important;border-bottom:1px solid var(--ln)!important;font-size:14px;font-weight:800;text-align:left}
#p42-root .p42-li:last-child{border-bottom:0!important}
#p42-root .p42-li span{min-width:0;overflow-wrap:break-word}
#p42-root .p42-li small{display:block;font-size:12px;font-weight:400;color:var(--dim);margin-top:1px;text-transform:uppercase;letter-spacing:.04em}
#p42-root .p42-li small b{font-weight:800;color:var(--mut)}
#p42-root .p42-li small b.low{color:var(--neg)}#p42-root .p42-li small b.hi{color:var(--pos)}#p42-root .p42-li small b.w{color:var(--wrn)}
#p42-root .p42-mgk{font-weight:400}
#p42-root .p42-li em{font-style:normal;font-size:15px;font-weight:800;white-space:nowrap}
#p42-root .p42-li u{text-decoration:none;color:var(--dim);font-weight:400}
#p42-root .p42-kp{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:14px;border-top:1px solid var(--ln)}
#p42-root .p42-kp3{grid-template-columns:repeat(3,minmax(0,1fr))}
#p42-root .p42-kp>div{padding-top:12px;min-width:0}
#p42-root .p42-kp>div+div{padding-left:12px;border-left:1px solid var(--ln)}
#p42-root .p42-kp span{display:block;font-size:11px;color:var(--dim);text-transform:uppercase;letter-spacing:.05em;font-weight:600}
/* PAINEL-META-LUCRO-01 item 4, applied to every figure row (owner: "no ellipsis on money"): a value is never cut —
   it may wrap at the space after «R$» */
#p42-root .p42-kp b{display:block;margin-top:4px;font-size:16px;font-weight:800;white-space:normal;overflow:visible;text-overflow:clip;line-height:1.25}
#p42-root .p42-kp b.na{color:var(--mut)}
/* META-LUCRO-CAMBIO-01: the split under «Lucro até agora» — muted, small, never cut */
#p42-root .p42-msplit{display:block;margin-top:3px;font-size:12px;color:var(--dim);line-height:1.35;white-space:normal}
#p42-root .p42-meta .p42-kp{grid-template-columns:repeat(3,minmax(0,1fr))}
/* PAINEL-META-LUCRO-01 item 4: every money value in the Meta card shows IN FULL — never an ellipsis on money. It keeps the
   owner's 15 px floor (B13) and may wrap at the space after «R$» rather than be cut. */
#p42-root .p42-meta .p42-kp b{white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:normal;font-size:15px;line-height:1.25}
/* …and a seven-digit amount does not fit a third of a phone at 15 px, so on a phone the Meta's figures sit two per row */
@media (max-width:520px){
  #p42-root .p42-meta .p42-kp{grid-template-columns:repeat(2,minmax(0,1fr))}
  #p42-root .p42-meta .p42-kp>div:nth-child(odd){padding-left:0;border-left:0}
  #p42-root .p42-meta .p42-kp>div:nth-child(even){padding-left:12px;border-left:1px solid var(--ln)}
}
#p42-root .p42-meta .p42-kp+.p42-kp{margin-top:0}
#p42-root .p42-list.mg-dep{flex:1;min-width:0;margin:0;padding:0;border:0;background:none}
#p42-root .p42-list.mg-dep h4{display:none}
#p42-root .p42-list .mg-dep-r.p42-li{display:grid;grid-template-columns:12px minmax(0,1fr) auto 10px}
#p42-root .mg-dep-none,#p42-root .mg-dep-na,#p42-root .mg-dep-o,#p42-root .mg-dep-h{color:var(--mut);font-size:13px;padding:6px 0}

/* ---- CÂMBIO HOJE — the approved card: big Câmbio + 7-day difference beside the line; USDT · LOTUS; the alert row */
#p42-root .p42-fxg{display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-areas:"h b" "v l" "d l" "s s" "u lo";column-gap:16px;align-items:center}
#p42-root .p42-fxsep{grid-area:s;display:block;height:1px;background:var(--ln);margin-top:12px}
#p42-root .p42-fxh{grid-area:h;font-size:15px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}
#p42-root .p42-usdt{display:contents}
#p42-root .mg-usdt-go{grid-area:b;justify-self:end;font-size:12px;font-weight:800;color:var(--ink);text-transform:uppercase;letter-spacing:.05em;
  border-bottom:2px solid var(--gold);padding-bottom:1px}
#p42-root .mg-fxv{grid-area:v;margin-top:8px;font-size:40px;font-weight:800;letter-spacing:-.02em;line-height:1.05;color:#0f1b2d}
#p42-root .mg-fxv.na{font-size:15px;font-weight:600;color:var(--mut)}
#p42-root .p42-fxd{grid-area:d;margin-top:2px;font-size:14px;font-weight:800;white-space:nowrap}
#p42-root .p42-fxd.g{color:var(--pos)}#p42-root .p42-fxd.b{color:var(--neg)}
#p42-root .p42-cd{grid-area:l;min-width:0}
#p42-root .p42-cd svg{width:100%;height:56px;display:block}
#p42-root .p42-cdl.g{stroke:var(--pos)}#p42-root .p42-cdl.b{stroke:var(--neg)}
#p42-root .mg-fxu{grid-area:u;margin-top:10px;font-size:14px;color:var(--mut);white-space:nowrap}
#p42-root .p42-fxl{grid-area:lo;justify-self:end;margin-top:10px;text-align:right;font-size:14px;color:var(--gl);font-weight:600;white-space:nowrap}
#p42-root .mg-fxsr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
#p42-root .p42-fxal{display:flex;align-items:center;gap:8px;width:100%;margin-top:10px;font-size:14px;color:var(--ink)}
#p42-root .p42-fxal b{font-weight:800}
#p42-root .p42-fxal em{margin-left:auto;font-style:normal;font-size:12px;font-weight:800;color:var(--ink);text-transform:uppercase;letter-spacing:.05em;border-bottom:2px solid var(--gold)}
#p42-root .mg-fxbell{background:none;padding:0;font-size:14px;color:var(--ink)}
#p42-root .mg-fxs{font-weight:800}
#p42-root .mg-fxs.on{color:var(--pos)}#p42-root .mg-fxs.hit{color:var(--pos)}#p42-root .mg-fxs.off{color:var(--mut)}

/* ---- ESTOQUE POR ARMAZÉM */
#p42-root .p42-eh{display:block;width:100%;margin-top:4px;text-align:left}
#p42-root .p42-eh span{font-size:30px;font-weight:800;letter-spacing:-.02em}
#p42-root .p42-eh small{display:block;font-size:12.5px;color:var(--dim);margin-top:2px;text-transform:uppercase;letter-spacing:.05em}

/* ---- MAIS DETALHES */
#p42-root .p42-mdtabs{display:grid;grid-template-columns:repeat(3,1fr);background:var(--s2);border-radius:10px;padding:3px;margin-top:10px}
#p42-root .p42-mdtabs button{padding:8px 0!important;text-align:center!important;font-size:12px!important;font-weight:800;color:var(--mut)!important;border-radius:8px;text-transform:uppercase;letter-spacing:.05em}
#p42-root .p42-mdtabs button.on{background:var(--s1)!important;color:var(--ink)!important;box-shadow:0 1px 2px rgba(15,27,45,.14)!important}
/* PAINEL-DESPESAS-DIAG-01 2b: «Consolidado / Por depósito», the same segmented control, two segments */
#p42-root .p42-mdtabs.p42-dept{grid-template-columns:repeat(2,1fr);margin:8px 0 12px}
#p42-root .p42-mdp{padding-top:12px}
#p42-root .p42-mdk{font-size:11px;font-weight:600;letter-spacing:.05em;color:var(--dim);text-transform:uppercase}
#p42-root .p42-mdbm{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr) auto;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid var(--ln);font-size:14px}
#p42-root .p42-mdbm span{min-width:0;overflow-wrap:break-word}
#p42-root .p42-mdbm small{display:block;font-size:12px;color:var(--dim)}
#p42-root .p42-mdbm i{display:block;height:6px;border-radius:3px;background:var(--gold)}
#p42-root .p42-mdbm i.lo{background:var(--neg)}
#p42-root .p42-mdbm b{font-weight:800;white-space:nowrap}
#p42-root .p42-mdbm b.neg{color:var(--neg)}
#p42-root .p42-mt{margin:0 0 8px;font-size:15px;font-weight:800}
#p42-root .p42-tr{margin-top:4px}

/* ---- PULSO DO NEGÓCIO — one compact row of four small gauges (the mockup's «pl3»: the section itself is bare) */
#p42-root .p42-sec.p42-pl{background:none;border:0;padding:0}
#p42-root .p42-pl .p42-sh{padding:0 2px 8px}
#p42-root .p42-gs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
#p42-root .p42-gg{display:block!important;width:100%;background:var(--s1)!important;border:1px solid var(--ln)!important;border-radius:14px;padding:10px 6px 10px!important;text-align:center!important;min-width:0}
#p42-root .p42-gg:hover{border-color:var(--ln2)!important}
#p42-root .p42-gg svg{width:70%;height:auto;display:block;margin:0 auto}
#p42-root .p42-zg{stroke:#cfe8da}#p42-root .p42-zw{stroke:#f3e3c6}#p42-root .p42-gt{stroke:var(--pos)}#p42-root .p42-gn{stroke:var(--ink)}#p42-root .p42-gc{fill:var(--ink)}
#p42-root .p42-gv{font-size:19px;font-weight:800;margin-top:-4px;letter-spacing:-.02em}
#p42-root .p42-gv small{font-size:12px;color:var(--dim);margin-left:2px;font-weight:600}
#p42-root .p42-gk{font-size:11px;font-weight:800;color:var(--mut);margin-top:2px;text-transform:uppercase;letter-spacing:.04em;line-height:1.25}
#p42-root .p42-gs2{font-size:11px;font-weight:800;margin-top:3px;text-transform:uppercase;letter-spacing:.04em;color:var(--mut)}
#p42-root .p42-gs2.g{color:var(--pos)}#p42-root .p42-gs2.w{color:var(--wrn)}

/* ---- META */
#p42-root .p42-mv{margin-top:6px;font-size:30px;font-weight:800;letter-spacing:-.02em}
#p42-root .p42-mbar{position:relative;height:6px;border-radius:3px;background:var(--s2);margin-top:10px}
#p42-root .p42-mbar i{display:block;height:100%;border-radius:3px;background:var(--gold)}
/* META-NET-01 (owner, 2026-10-13, approved mockup): the «esperado hoje» marker, the legend, the cascade, the Despesas block */
#p42-root .p42-mmark{position:absolute;top:-4px;bottom:-4px;width:2px;margin-left:-1px;border-radius:1px;background:var(--ink)}
#p42-root .p42-mleg{display:flex;justify-content:space-between;gap:8px;margin-top:6px;font-size:12px;color:var(--dim)}
#p42-root .p42-ml{margin:0;font-size:11px;font-weight:600;color:var(--dim);text-transform:uppercase;letter-spacing:.06em}
#p42-root .p42-mcas,#p42-root .p42-mexp{display:flex;flex-direction:column;gap:8px;margin-top:14px;padding-top:12px;border-top:1px solid var(--ln)}
#p42-root .p42-mrow{display:flex;justify-content:space-between;align-items:baseline;gap:12px;font-size:14px}
#p42-root .p42-mrow>span{min-width:0;color:var(--mut)}
#p42-root .p42-mrow>span small{display:block;font-size:12px;color:var(--dim)}
#p42-root .p42-mrow>b{white-space:nowrap;font-weight:800;color:var(--ink)}
#p42-root .p42-mrow.p42-msub{padding-top:8px;border-top:1px dashed var(--ln)}
#p42-root .p42-mrow.p42-msub>span,#p42-root .p42-mrow.p42-mtot>span{color:var(--ink);font-weight:800}
#p42-root .p42-mrow.p42-mtot{padding:10px 12px;border-radius:10px;background:var(--s2)}
#p42-root .p42-mrow.p42-mtot>b{font-size:16px;font-weight:800}
#p42-root .p42-mneg{color:var(--neg)!important}
#p42-root .p42-mh{margin:0;font-size:12px;color:var(--dim)}
#p42-root .p42-merow{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 12px;font-size:13.5px}
#p42-root .p42-merow>span{min-width:0;color:var(--mut)}
#p42-root .p42-merow>b{font-weight:800}
#p42-root .p42-merow>em{grid-column:1/-1;height:5px;border-radius:3px;background:var(--s2);overflow:hidden}
#p42-root .p42-merow>em i{display:block;height:100%;background:var(--neg);opacity:.5}
#p42-root .p42-kp small{display:block;margin-top:2px;font-size:12px;color:var(--dim)}
#p42-root .p42-st{display:inline-block;margin:12px 0 0;padding:3px 8px;border-radius:6px;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}
#p42-root .p42-st.g{background:#e3f3ea;color:var(--pos)}#p42-root .p42-st.w{background:#fdf1df;color:var(--wrn)}
#p42-root .p42-mf{display:flex;gap:8px;margin-top:12px}
#p42-root .p42-mf input{flex:1;min-width:0;height:44px;padding:0 12px;border:1px solid var(--ln2);border-radius:10px;font:inherit;font-size:15px;background:var(--s1);color:var(--ink)}
#p42-root .p42-mbtn{margin-top:10px;width:100%;height:44px;padding:0 16px!important;border-radius:10px;background:var(--sel)!important;color:var(--onsel)!important;
  font-size:13px!important;font-weight:800;text-align:center!important;text-transform:uppercase;letter-spacing:.05em}
#p42-root .p42-mf .p42-mbtn{margin-top:0;width:auto}

/* ---- PARA FAZER HOJE */
#p42-root .p42-ck{display:grid;grid-template-columns:24px minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--ln)}
#p42-root .p42-ck:last-child{border-bottom:0}
#p42-root .p42-ckb{width:22px;height:22px;border-radius:6px;border:1.5px solid var(--ln2)!important;background:var(--s1)!important}
#p42-root .p42-ck.dn .p42-ckb{background:var(--pos)!important;border-color:var(--pos)!important}
#p42-root .p42-ckn{display:inline-grid;place-items:center;border-color:var(--wrn)!important;color:var(--wrn);font-size:13px;font-weight:800}
#p42-root .p42-ckt{min-width:0}
#p42-root .p42-ckt b{display:block;font-size:14px;font-weight:800}
#p42-root .p42-ckt small{display:block;font-size:12.5px;color:var(--dim);margin-top:2px}
#p42-root .p42-ck.dn .p42-ckt b{text-decoration:line-through;color:var(--mut)}
#p42-root .p42-ck em{font-style:normal;font-size:15px;font-weight:800;white-space:nowrap}

/* ---- VALOR DA EMPRESA */
#p42-root .p42-vn{margin-top:8px;font-size:34px;font-weight:800;letter-spacing:-.03em;color:#0f1b2d}
#p42-root .p42-vn.na{font-size:14px;font-weight:600;color:var(--mut)}
#p42-root .p42-vr{display:block;margin-top:4px;font-size:12px;color:var(--dim)}
#p42-root .p42-vp{margin-top:10px}
#p42-root .p42-lk{color:var(--mut);display:inline-flex}
#p42-root .p42-vh .p42-mf input{letter-spacing:.2em}

/* ---- LIVROS — the mockup's last line */
#p42-root .p42-liv{display:flex;align-items:center;gap:8px;margin-top:16px;padding:0 4px;font-size:13px;font-weight:600;color:var(--pos)}
#p42-root .p42-liv i{width:8px;height:8px;border-radius:50%;background:var(--pos)}
#p42-root .p42-liv.err{color:var(--neg)}#p42-root .p42-liv.err i{background:var(--neg)}

/* ---- shared rows carried into v42 sections (mg-row / mp-row / mg-dep): AA colours on white */
#p42-root .mg-row{font-size:14px}
#p42-root .mg-rl{color:var(--ink)}
#p42-root .mg-rv{font-size:15px;font-weight:800}
#p42-root .mg-chev{color:var(--dim)}
#p42-root .kpi-why summary{font-size:12px;color:var(--mut)}
#p42-root .kpi-why div{font-size:12.5px;color:var(--mut)}
#p42-root .mp-l{color:var(--ink)}
#p42-root .mp-v{font-weight:800}
#p42-root .mp-warn{color:var(--wrn);font-weight:600}
#p42-root .mg-dep-p{font-weight:600}

/* ---- the shared Trânsito card inside MAIS DETALHES (transito_card.css is a generated sheet and is NOT edited): on the
   Painel only, its muted text is raised to AA and its weights to the owner's 400/600/800 (B13) */
#p42-root .p42-tr #tk-root{--tk-muted:#5d6a7e}
#p42-root .p42-tr #tk-root .tk-kpi .tk-t b,#p42-root .p42-tr #tk-root .tk-li .tk-n{font-weight:600}
#p42-root .p42-tr #tk-root .tk-kpi .tk-t span strong,#p42-root .p42-tr #tk-root .tk-kpi .tk-v,#p42-root .p42-tr #tk-root .tk-li .tk-v,
#p42-root .p42-tr #tk-root .tk-tr,#p42-root .p42-tr #tk-root .tk-r .tk-v,#p42-root .p42-tr #tk-root .tk-hd h2{font-weight:800}
#p42-root .p42-tr #tk-root .tk-grn{font-size:12px}
/* VENDAS rows are drawn by the shared depBlock (mg-dep-*): on the Painel the name is 14 px like every other row */
#p42-root .p42-li.mg-dep-r,#p42-root .p42-li.mg-dep-r>span{font-size:14px}

/* PAINEL-COLLAPSE-01 (owner, 2026-10-05): the compact card and its «VER MAIS ⌄» / «VER MENOS ⌃». The expandable part
   animates its height (grid rows 0fr → 1fr, ≈200 ms); under prefers-reduced-motion nothing moves. */
#p42-root .p42-xtra{display:grid;grid-template-rows:0fr;transition:grid-template-rows .2s ease}
#p42-root .p42-xtra>div{overflow:hidden;min-height:0}
#p42-root .p42-open>.p42-xtra{grid-template-rows:1fr}
#p42-root .p42-xp{margin-top:12px}
#p42-root .p42-matg{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:12px}
#p42-root .p42-matg>span{font-size:11px;color:var(--dim);text-transform:uppercase;letter-spacing:.05em;font-weight:600}
#p42-root .p42-matg>b{font-size:16px;font-weight:800}
#p42-root .p42-matg .p42-st{margin:0 0 0 auto}
/* the eye, icon-only */
#p42-root .p42-eye{width:32px;padding:0!important;justify-content:center}
@media (prefers-reduced-motion:reduce){#p42-root .p42-xtra{transition:none}}

/* PAINEL-STOCK-SKELETON-01: the hidden ESTOQUE head — one bar, «UN. · N ARMAZÉNS» on its baseline, one line */
#p42-root .p42-eh.p42-ehh{display:flex;align-items:baseline;gap:10px;flex-wrap:nowrap}
#p42-root .p42-eh.p42-ehh small{margin:0;white-space:nowrap}

/* ---- VENDAS-HOJE-K-01 (owner, 2026-10-05): the VENDAS card to docs/mockups/lotus-vendas-hoje-K.html, under B13 (labels
   ≥ 11 px at ≤ .06em, secondary ≥ 12 px, weights 400/600/800, no opacity-faded text: a dimmed row is grey ink, not alpha) */
#p42-root .p42-vk{--gbg:#f7f0dd;--pbg:#e4f3ec;--nbg:#fde8e6;--sk:#e4e7ec;--cst:#c9d0db;border-radius:22px;padding:18px 16px 14px}
#p42-root .p42-vk-ch{display:flex;align-items:center;gap:10px}
#p42-root .p42-vk-ch h2{font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
#p42-root .p42-vk-dt{margin-left:auto;font-size:12px;color:var(--dim)}
#p42-root .p42-vk .p42-eye{width:36px;height:36px;padding:0!important;border-radius:50%;background:var(--sel)!important;color:#fff!important;border:0!important;justify-content:center}
#p42-root .p42-vk-big{font-size:34px;font-weight:800;letter-spacing:-.02em;margin-top:14px;line-height:1.1;overflow-wrap:anywhere}
#p42-root .p42-vk-big.na{font-size:15px;color:var(--dim)}
#p42-root .p42-vk-cmp{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:9px;font-size:12.5px;color:var(--mut)}
#p42-root .p42-vk-pill{display:inline-flex;align-items:center;gap:4px;font-weight:800;font-size:12px;padding:3px 8px;border-radius:7px}
#p42-root .p42-vk-pill.up{background:var(--pbg);color:var(--pos)}#p42-root .p42-vk-pill.dn{background:var(--nbg);color:var(--neg)}
#p42-root .p42-vk-sum{display:grid;grid-template-columns:1fr 1fr;margin-top:14px;border:1px solid var(--ln);border-radius:14px;overflow:hidden}
#p42-root .p42-vk-sum>*{padding:11px 12px;min-width:0;text-align:left}
#p42-root .p42-vk-sum>*+*{border-left:1px solid var(--ln)}
#p42-root .p42-vk-sum small{display:block;font-size:11px;font-weight:800;letter-spacing:.06em;color:var(--mut);text-transform:uppercase}
#p42-root .p42-vk-sum b{display:block;font-size:17px;font-weight:800;margin-top:4px;white-space:nowrap}
#p42-root .p42-vk-sum .l{background:var(--gbg)}#p42-root .p42-vk-sum .l small,#p42-root .p42-vk-sum .l b{color:var(--gl)}
#p42-root .p42-vk-sum.s3{grid-template-columns:1.15fr .75fr 1.1fr;margin-top:12px}
#p42-root .p42-vk-sum.s3 b{font-size:15px}
#p42-root .p42-vk-sum .nv{background:var(--sel);display:flex;align-items:center;justify-content:center;padding:0 6px}
#p42-root .p42-vk-sum .nv span{color:#fff;font-size:12px;text-transform:uppercase;font-weight:800;letter-spacing:.04em;white-space:nowrap}
#p42-root .p42-vk-seg{display:flex;background:var(--s2);border-radius:12px;padding:3px;gap:3px;margin-top:14px}
#p42-root .p42-vk-seg button{flex:1;padding:8px 4px;border-radius:9px;font-size:12px;text-transform:uppercase;font-weight:800;letter-spacing:.06em;color:var(--mut);text-align:center}
#p42-root .p42-vk-seg button.on{background:#fff;color:var(--ink);box-shadow:0 1px 3px rgba(15,27,45,.12)}
#p42-root .p42-vk-sec{display:flex;justify-content:space-between;align-items:baseline;margin:18px 2px 10px}
#p42-root .p42-vk-sec h3{font-size:12px;text-transform:uppercase;font-weight:800;letter-spacing:.06em;color:var(--mut)}
#p42-root .p42-vk-sec span{font-size:12px;color:var(--dim)}
#p42-root .p42-vk-ac{border:1px solid var(--ln);border-radius:16px;margin-bottom:8px;overflow:hidden;background:#fff}
#p42-root .p42-vk-ac.open{border-color:var(--ln2);box-shadow:0 4px 14px rgba(15,27,45,.06)}
#p42-root .p42-vk-ah{display:flex;align-items:center;gap:12px;width:100%;padding:12px 12px 12px 14px;text-align:left}
#p42-root .p42-vk-ah[disabled]{cursor:default}
#p42-root .p42-vk-ic{width:38px;height:38px;border-radius:11px;background:var(--bg);display:grid;place-items:center;font-size:18px;flex:none}
#p42-root .p42-vk-n{flex:1;min-width:0}
#p42-root .p42-vk-n b{display:block;font-size:14px;font-weight:600;overflow-wrap:anywhere}
#p42-root .p42-vk-n small{display:block;font-size:12px;color:var(--dim);margin-top:3px}
#p42-root .p42-vk-mb{display:block;height:4px;background:var(--s2);border-radius:99px;margin-top:7px;overflow:hidden;max-width:150px}
#p42-root .p42-vk-mb i,#p42-root .p42-vk-pt i{display:block;height:100%;border-radius:99px;transform-origin:left;animation:p42vkGrow .9s cubic-bezier(.33,1,.68,1)}
#p42-root .p42-vk-mb i{background:var(--gold)}
#p42-root .p42-vk-v{text-align:right;flex:none}
#p42-root .p42-vk-v b{display:block;font-size:16px;font-weight:800;color:var(--gl)}
#p42-root .p42-vk-v small{display:block;font-size:12px;font-weight:600;margin-top:3px}
#p42-root .p42-vk-g{color:var(--pos)}#p42-root .p42-vk-w{color:var(--wrn)}#p42-root .p42-vk-mn{color:var(--dim)}
#p42-root .p42-vk-chev{color:#8a96a8;flex:none;transition:transform .2s}
#p42-root .p42-vk-ac.open .p42-vk-chev{transform:rotate(90deg)}
#p42-root .p42-vk-ac.z{background:var(--bg)}#p42-root .p42-vk-ac.z .p42-vk-n b,#p42-root .p42-vk-ac.z .p42-vk-v b{color:var(--dim)}
#p42-root .p42-vk-bi{padding:2px 14px 14px}
#p42-root .p42-vk-split{display:flex;height:8px;border-radius:99px;overflow:hidden;gap:2px;margin:6px 0 10px}
#p42-root .p42-vk-split i{display:block;height:100%;transform-origin:left;animation:p42vkGrow .9s cubic-bezier(.33,1,.68,1)}
#p42-root .p42-vk-split .c{flex:1}#p42-root .p42-vk-split .c,#p42-root .p42-vk-kv i.c{background:var(--cst)}#p42-root .p42-vk-split .l,#p42-root .p42-vk-kv i.l{background:var(--gold)}
#p42-root .p42-vk-kv{display:flex;justify-content:space-between;gap:10px;padding:8px 0;border-bottom:1px solid var(--ln);font-size:13px}
#p42-root .p42-vk-kv span{color:var(--mut);display:flex;align-items:center;gap:7px}
#p42-root .p42-vk-kv i{width:8px;height:8px;border-radius:2px;display:inline-block}
#p42-root .p42-vk-kv b{white-space:nowrap;font-weight:800}#p42-root .p42-vk-gl{color:var(--gl)}
#p42-root .p42-vk-pt{height:6px;background:var(--s2);border-radius:99px;overflow:hidden;margin:4px 0 4px}
#p42-root .p42-vk-lnk{display:block;width:100%;margin-top:8px;height:36px;border-radius:10px;background:var(--bg);font-size:12px;text-transform:uppercase;font-weight:800;letter-spacing:.06em;text-align:center}
@keyframes p42vkGrow{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@media (prefers-reduced-motion:reduce){#p42-root .p42-vk-mb i,#p42-root .p42-vk-pt i,#p42-root .p42-vk-split i{animation:none}#p42-root .p42-vk-chev{transition:none}}
/* PAINEL-LUCRO-CATEGORIA-01 — Celulares / Demais / Total under «Lucro por depósito»; the card's tokens only */
#p42-root .p42-lc{display:grid;grid-template-columns:auto repeat(3,auto);justify-content:space-between;font-variant-numeric:tabular-nums}
#p42-root .p42-lc>*{padding:8px 2px;border-bottom:1px solid var(--ln);text-align:right;font-size:12px;white-space:nowrap;min-width:0}
#p42-root .p42-lc .hd{font-size:11px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--mut)}
#p42-root .p42-lc .lab{text-align:left;color:var(--dim)}
#p42-root .p42-lc b{font-weight:600;color:var(--ink)}
#p42-root .p42-lc b.t{font-weight:800}
#p42-root .p42-lc b.mg{color:var(--pos)}
#p42-root .p42-lc-bar{display:flex;height:8px;border-radius:5px;overflow:hidden;margin:12px 0 6px;background:var(--c4)}
#p42-root .p42-lc-bar i{display:block;background:var(--gold)}
#p42-root .p42-lc-leg{font-size:12px;color:var(--dim)}
#p42-root .p42-lc b.mg.ng{color:var(--neg)}
/* PAINEL-SPEED-01: a streamed card's slot adds no box — the layout is the one-shot page's */
#p42-root .p42-slot{display:contents}

/* ---- LOJA-RESULT-01 (owner, 2026-10-13/14): «LUCRO POR LOJA — <MÊS>», to his approved simplified mockup — three rows,
   each opens on a tap (<details>), then LUCRO LÍQUIDO on the gold band. This sheet's B13 rules: values 18/22 px, names
   15 px, lines 14 px, the uppercase title 13 px at .06em; weights 400/600/800; AA colours on white. */
#p42-root .p42-lj{--perf:#7a3e9d;--main:#155e75;--geral:#5b6476;margin-top:18px;padding-top:14px;border-top:1px solid var(--ln)}
#p42-root .p42-ljt{font-size:13px;font-weight:800;letter-spacing:.06em;color:var(--ink);margin:0 0 4px}
#p42-root .p42-ljr{border-bottom:1px solid var(--ln)}
#p42-root .p42-ljr summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 0;cursor:pointer}
#p42-root .p42-ljr summary::-webkit-details-marker{display:none}
#p42-root .p42-ljn{display:flex;align-items:center;gap:10px;font-size:15px;font-weight:800;letter-spacing:.03em}
#p42-root .p42-ljd{width:10px;height:10px;border-radius:50%;flex:none}
#p42-root .p42-ljd.perf{background:var(--perf)} #p42-root .p42-ljd.main{background:var(--main)} #p42-root .p42-ljd.geral{background:var(--geral)}
#p42-root .p42-ljv{font-size:18px;font-weight:800;display:flex;align-items:center;gap:8px;white-space:nowrap}
#p42-root .p42-ljv::after{content:"›";color:var(--dim);font-weight:400;transition:transform .2s}
#p42-root .p42-ljr[open] .p42-ljv::after{transform:rotate(90deg)}
#p42-root .p42-ljx{padding:0 0 12px 20px;display:flex;flex-direction:column;gap:7px}
#p42-root .p42-ljl{display:flex;justify-content:space-between;gap:12px;font-size:14px;color:var(--mut)}
#p42-root .p42-ljl b{font-weight:600;color:var(--ink);white-space:nowrap}
#p42-root .p42-ljl b.neg{color:var(--neg)} #p42-root .p42-ljl b.pos{color:var(--pos)}
#p42-root .p42-ljtot{margin-top:14px;background:#f8efdc;border-radius:12px;padding:14px 16px;display:flex;justify-content:space-between;align-items:center;gap:12px}
#p42-root .p42-ljtot span{color:var(--gl);font-weight:800;font-size:13px;letter-spacing:.06em}
#p42-root .p42-ljtot b{font-size:22px;font-weight:800;white-space:nowrap}
@media (prefers-reduced-motion:reduce){#p42-root .p42-ljv::after{transition:none}}