/* LUCRO-BRUTO-V12-01 — PORTED from docs/mockups/lotus-lucro-bruto-v12.html's <style> by the same mapping as v3
 (LUCRO-BRUTO-V3-01), values byte-identical: every class lb-, every id lb-, every var --lb-, scoped `html #lb-root`;
 the frame (.ctl .hint html body header.app .side nav.bn .av .brand .bodyw) dropped for the app shell; `main` is
 #lb-root itself; `.frame.desk X` -> @media(min-width:1200px) (BREAKPOINT-01's existing desktop step),
 `.frame:not(.desk) X` -> @media(max-width:1199.98px), each block in the prototype's own order (they won by
 specificity there and win by order here). App-only substitutions follow in the last block and are named there. */
html #lb-root *:where(:not(svg, svg *)){all:revert}
#lb-root{--lb-navy:#0f1b2d;--lb-navy2:#1a2c47;--lb-gold:#c9a24a;--lb-bg:#f3f4f7;--lb-line:#e9ecf1;--lb-line2:#e1e5eb;--lb-ink:#0b1220;--lb-ink2:#465467;--lb-muted:#8a94a6;--lb-faint:#b8c0cc;--lb-pos:#0e7f5a;--lb-neg:#c2410c;--lb-bad:#b91c1c;--lb-info:#1d4ed8;--lb-wa:#128c4a;--lb-bar:#0f1b2d;--lb-ghost:#d9dfe7;font-size:16px;line-height:normal;letter-spacing:normal;font-weight:400;text-align:start;text-transform:none;font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif;color:var(--lb-ink);-webkit-font-smoothing:antialiased;font-feature-settings:"cv11","tnum"}
html #lb-root *{box-sizing:border-box}
html #lb-root button{font:inherit;cursor:pointer;color:inherit;border:0;background:none;padding:0}
html #lb-root input{font:inherit;color:var(--lb-ink)}
html #lb-root svg{display:block}
html #lb-root *{box-sizing:border-box}
html #lb-root{flex:1;overflow:auto;padding:14px 16px 100px;min-width:0}
html #lb-root .lb-crumb{font-size:12.5px;font-weight:600;color:var(--lb-ink2);margin-bottom:6px;display:inline-block}
html #lb-root .lb-top{display:flex;justify-content:space-between;align-items:flex-end;gap:10px;margin-bottom:4px}
html #lb-root h1{margin:0;font-size:24px;font-weight:700;letter-spacing:-.5px}
html #lb-root .lb-lede{font-size:13px;color:var(--lb-muted);margin:0 0 14px}
html #lb-root .lb-ibtn{width:36px;height:36px;border-radius:10px;border:1px solid var(--lb-line2);background:#fff;display:inline-flex;align-items:center;justify-content:center;color:var(--lb-ink2)}
html #lb-root .lb-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;height:36px;padding:0 12px;border-radius:10px;font-size:13px;font-weight:600;white-space:nowrap}
html #lb-root .lb-btn.lb-pri{background:var(--lb-navy);color:#fff}
html #lb-root .lb-btn.lb-sec{background:#fff;border:1px solid var(--lb-line2)}
html #lb-root .lb-pbar{display:flex;gap:8px;align-items:center;margin-bottom:16px}
html #lb-root .lb-seg{display:flex;border:1px solid var(--lb-line2);border-radius:10px;overflow:hidden;background:#fff}
html #lb-root .lb-seg button{height:34px;padding:0 12px;font-size:12.5px;font-weight:600;color:var(--lb-ink2)}
html #lb-root .lb-seg button+button{border-left:1px solid var(--lb-line2)}
html #lb-root .lb-seg button.lb-on{background:var(--lb-navy);color:#fff}
html #lb-root .lb-step{display:flex;align-items:center;justify-content:space-between;flex:1;border:1px solid var(--lb-line2);border-radius:10px;height:36px;background:#fff;padding:0 2px}
html #lb-root .lb-step button{width:30px;height:30px;font-size:16px;color:var(--lb-ink2);border-radius:8px}
html #lb-root .lb-step button:disabled{opacity:.25;cursor:default}
html #lb-root .lb-step span{font-size:13px;font-weight:600}
html #lb-root .lb-sec{background:#fff;border:1px solid var(--lb-line);border-radius:14px;margin-bottom:12px}
html #lb-root .lb-sh{display:flex;justify-content:space-between;align-items:baseline;padding:14px 16px 0;gap:10px}
html #lb-root .lb-sh h2{margin:0;font-size:11px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;color:var(--lb-muted)}
html #lb-root .lb-sh span{font-size:11.5px;color:var(--lb-muted)}
html #lb-root .lb-G1{display:block}
html #lb-root .lb-G2{display:block}
html #lb-root .lb-sum{padding:16px}
html #lb-root .lb-k{font-size:12px;color:var(--lb-muted);font-weight:600}
html #lb-root .lb-big{font-size:36px;font-weight:700;letter-spacing:-1.3px;margin:4px 0 6px;line-height:1}
html #lb-root .lb-chips{display:flex;gap:6px;flex-wrap:wrap;align-items:center}
html #lb-root .lb-chip{font-size:12px;font-weight:600;border-radius:6px;padding:3px 7px;background:#f1f3f6;color:var(--lb-ink2)}
html #lb-root .lb-chip.lb-p{background:#e7f4ee;color:var(--lb-pos)}
html #lb-root .lb-chip.lb-n{background:#fbeee6;color:var(--lb-neg)}
html #lb-root .lb-dre{margin-top:16px;border-top:1px solid var(--lb-line)}
html #lb-root .lb-dre .lb-rw{display:grid;grid-template-columns:1fr auto auto;gap:14px;align-items:baseline;padding:9px 0;font-size:13.5px;border-bottom:1px solid var(--lb-line)}
html #lb-root .lb-dre .lb-rw span:nth-child(2),html #lb-root .lb-dre .lb-rw span:nth-child(3){text-align:right;white-space:nowrap}
html #lb-root .lb-dre .lb-rw span:nth-child(3){color:var(--lb-muted);font-size:12px;min-width:58px}
html #lb-root .lb-dre .lb-hd{font-size:10.5px;letter-spacing:1px;text-transform:uppercase;color:var(--lb-muted);font-weight:700;padding:8px 0 6px}
html #lb-root .lb-dre .lb-tot{font-weight:700;border-bottom:0;border-top:1.5px solid var(--lb-ink);padding-top:10px}
html #lb-root .lb-dre .lb-sub2{color:var(--lb-ink2)}
html #lb-root .lb-par{color:var(--lb-ink2)}
html #lb-root .lb-hero{padding:18px 16px 14px}
html #lb-root .lb-hero .lb-k{display:flex;justify-content:space-between;align-items:center}
html #lb-root .lb-hero .lb-k em{font-style:normal;font-size:11px;font-weight:700;color:var(--lb-info);background:#eef2fe;border-radius:6px;padding:2px 7px}
html #lb-root .lb-kpis{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--lb-line)}
html #lb-root .lb-kp{padding:12px 14px}
html #lb-root .lb-kp+.lb-kp{border-left:1px solid var(--lb-line)}
html #lb-root .lb-kp .lb-kl{font-size:10.5px;font-weight:700;letter-spacing:.9px;text-transform:uppercase;color:var(--lb-muted)}
html #lb-root .lb-kp .lb-kv{font-size:17px;font-weight:700;letter-spacing:-.4px;margin-top:5px;white-space:nowrap}
html #lb-root .lb-kp .lb-kd{font-size:11.5px;font-weight:600;margin-top:3px;white-space:nowrap}
html #lb-root .lb-kd.lb-p{color:var(--lb-pos)}
html #lb-root .lb-kd.lb-n{color:var(--lb-neg)}
html #lb-root .lb-kd.lb-z{color:var(--lb-muted)}
html #lb-root .lb-cmpn{font-size:11.5px;color:var(--lb-muted);padding:0 16px 12px}
html #lb-root details.lb-dd{border-top:1px solid var(--lb-line)}
html #lb-root details.lb-dd summary{list-style:none;cursor:pointer;padding:11px 16px;font-size:12.5px;font-weight:600;color:var(--lb-ink2);display:flex;justify-content:space-between}
html #lb-root details.lb-dd summary::-webkit-details-marker{display:none}
html #lb-root details.lb-dd[open] summary span:last-child{transform:rotate(90deg)}
html #lb-root details.lb-dd .lb-dre{margin:0 16px 14px;border-top:0}
html #lb-root .lb-cseg{display:flex;border:1px solid var(--lb-line2);border-radius:8px;overflow:hidden}
html #lb-root .lb-cseg button{height:26px;padding:0 9px;font-size:11.5px;font-weight:600;color:var(--lb-ink2)}
html #lb-root .lb-cseg button.lb-on{background:var(--lb-navy);color:#fff}
html #lb-root .lb-proj{display:flex;justify-content:space-between;align-items:baseline;margin-top:10px;padding-top:10px;border-top:1px dashed var(--lb-line2);font-size:12.5px;color:var(--lb-ink2)}
html #lb-root .lb-proj b{font-size:15px;color:var(--lb-ink)}
html #lb-root .lb-lh{display:grid;grid-template-columns:minmax(0,1fr) auto;padding:8px 16px;font-size:10.5px;font-weight:700;letter-spacing:.9px;text-transform:uppercase;color:var(--lb-muted);border-top:1px solid var(--lb-line);background:#fafbfc}
html #lb-root .lb-r5{display:block;width:100%;text-align:left;padding:12px 16px 0;border-top:1px solid var(--lb-line);position:relative}
html #lb-root .lb-r5:hover{background:#fafbfc}
html #lb-root .lb-r5 .lb-a{display:flex;justify-content:space-between;gap:12px;align-items:baseline}
html #lb-root .lb-r5 .lb-b{display:flex;justify-content:space-between;gap:12px;align-items:baseline;margin-top:4px;font-size:12.5px;color:var(--lb-ink2)}
html #lb-root .lb-r5 .lb-b b{color:var(--lb-ink);font-weight:700}
html #lb-root .lb-r5 .lb-sh2{height:3px;background:#f0f2f5;border-radius:2px;margin:10px 0 12px;overflow:hidden}
html #lb-root .lb-r5 .lb-sh2 i{display:block;height:100%;background:var(--lb-navy);border-radius:2px}
html #lb-root .lb-r5 .lb-nm small{display:inline-block;min-width:16px}
html #lb-root .lb-ins{display:grid;gap:10px;padding:4px 16px 14px}
html #lb-root .lb-ic{border:1px solid var(--lb-line);border-radius:12px;padding:12px 13px;text-align:left;display:flex;flex-direction:column;gap:6px;background:#fff;width:100%}
html #lb-root .lb-ic:hover{border-color:var(--lb-line2);box-shadow:0 2px 10px rgba(15,27,45,.06)}
html #lb-root .lb-ic .lb-t{display:flex;align-items:center;gap:7px;font-size:10.5px;font-weight:700;letter-spacing:.9px;text-transform:uppercase}
html #lb-root .lb-ic .lb-t i{width:7px;height:7px;border-radius:50%;display:block}
html #lb-root .lb-ic p{margin:0;font-size:13px;line-height:1.5;color:var(--lb-ink2)}
html #lb-root .lb-ic p b{color:var(--lb-ink)}
html #lb-root .lb-ic .lb-go{font-size:12px;font-weight:700;color:var(--lb-info);margin-top:2px}
html #lb-root .lb-qd{padding:4px 16px 14px;position:relative}
html #lb-root .lb-qd svg{display:block;max-width:100%}
html #lb-root .lb-qd .lb-bub{cursor:pointer}
html #lb-root .lb-qd .lb-bub:hover circle{stroke:#0f1b2d;stroke-width:2}
html #lb-root .lb-qleg{display:grid;grid-template-columns:1fr 1fr;gap:6px 14px;font-size:11.5px;color:var(--lb-ink2);margin-top:10px}
html #lb-root .lb-qleg b{color:var(--lb-ink);font-weight:700;display:block;font-size:12px}
html #lb-root .lb-wait{font-size:12.5px;color:var(--lb-muted);margin-top:10px;padding-top:10px;border-top:1px dashed var(--lb-line2);display:flex;gap:8px;align-items:center}
html #lb-root .lb-chart{padding:6px 16px 14px;position:relative}
html #lb-root .lb-chart svg{display:block;width:100%;height:150px}
html #lb-root .lb-ax{display:flex;justify-content:space-between;font-size:10.5px;color:var(--lb-muted);margin-top:4px}
html #lb-root .lb-lg{display:flex;gap:14px;font-size:11.5px;color:var(--lb-muted);margin-top:8px;flex-wrap:wrap}
html #lb-root .lb-lg i{display:inline-block;width:10px;height:10px;border-radius:2px;margin-right:6px;vertical-align:-1px}
html #lb-root .lb-lg i.lb-ln{height:0;border-top:1.5px dashed var(--lb-gold);width:14px;vertical-align:3px}
html #lb-root .lb-tip{position:absolute;background:var(--lb-navy);color:#fff;font-size:12px;padding:7px 9px;border-radius:8px;pointer-events:none;white-space:nowrap;transform:translate(-50%,-108%);display:none;z-index:3}
html #lb-root .lb-tip b{display:block;font-size:12.5px}
html #lb-root .lb-tip span{color:#a9b8cf}
html #lb-root .lb-notes{padding:4px 16px 8px}
html #lb-root .lb-nt{display:grid;grid-template-columns:22px 1fr 14px;gap:10px;padding:11px 0;width:100%;text-align:left;align-items:start}
html #lb-root .lb-nt+.lb-nt{border-top:1px solid var(--lb-line)}
html #lb-root .lb-nt .lb-n{font-size:11px;font-weight:700;color:var(--lb-muted);border:1px solid var(--lb-line2);border-radius:6px;height:20px;display:flex;align-items:center;justify-content:center;margin-top:1px}
html #lb-root .lb-nt .lb-n.lb-w{color:var(--lb-neg);border-color:#f3cdb6}
html #lb-root .lb-nt .lb-n.lb-i{color:var(--lb-info);border-color:#c7d5f7}
html #lb-root .lb-nt p{margin:0;font-size:13px;line-height:1.5;color:var(--lb-ink2)}
html #lb-root .lb-nt p b{color:var(--lb-ink);font-weight:600}
html #lb-root .lb-nt .lb-g{color:var(--lb-faint);font-size:15px;margin-top:1px}
html #lb-root .lb-tb{padding:0}
html #lb-root .lb-dims{display:flex;gap:16px;overflow-x:auto;padding:4px 16px 0;border-bottom:1px solid var(--lb-line);scrollbar-width:none}
html #lb-root .lb-dims::-webkit-scrollbar{display:none}
html #lb-root .lb-dim{flex:none;height:40px;font-size:13.5px;font-weight:600;color:var(--lb-muted);border-bottom:2px solid transparent;margin-bottom:-1px}
html #lb-root .lb-dim.lb-on{color:var(--lb-ink);border-bottom-color:var(--lb-ink)}
html #lb-root .lb-tl{display:flex;justify-content:space-between;align-items:center;padding:10px 16px;gap:8px}
html #lb-root .lb-tl label{font-size:12px;color:var(--lb-muted);font-weight:600;display:flex;align-items:center;gap:6px}
html #lb-root .lb-tl select{font:inherit;font-size:12.5px;font-weight:600;color:var(--lb-ink);border:1px solid var(--lb-line2);border-radius:8px;height:30px;padding:0 6px;background:#fff}
html #lb-root .lb-srch{display:none;padding:0 16px 10px}
html #lb-root .lb-srch.lb-on{display:block}
html #lb-root .lb-srch input{width:100%;height:38px;border:1px solid var(--lb-line2);border-radius:9px;padding:0 12px;outline:none;font-size:14px}
html #lb-root .lb-thd{display:none}
html #lb-root .lb-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 12px;padding:12px 16px;border-top:1px solid var(--lb-line);width:100%;text-align:left;align-items:center}
html #lb-root .lb-row:hover{background:#fafbfc}
html #lb-root .lb-nm{font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html #lb-root .lb-nm small{font-weight:600;color:var(--lb-faint);font-size:11px;margin-right:6px}
html #lb-root .lb-lv{font-size:14px;font-weight:700;text-align:right;white-space:nowrap}
html #lb-root .lb-l2{display:flex;align-items:center;gap:10px;min-width:0}
html #lb-root .lb-mg{font-size:12px;font-weight:600;color:var(--lb-ink2);white-space:nowrap;min-width:42px}
html #lb-root .lb-mg.lb-p{color:var(--lb-pos)}
html #lb-root .lb-mg.lb-n{color:var(--lb-neg)}
html #lb-root .lb-mg.lb-i{color:var(--lb-info)}
html #lb-root .lb-mg.lb-b{color:var(--lb-bad)}
html #lb-root .lb-dv{position:relative;height:8px;flex:1;max-width:120px;background:linear-gradient(var(--lb-line2),var(--lb-line2)) center/1px 100% no-repeat}
html #lb-root .lb-dv i{position:absolute;top:1px;height:6px;border-radius:2px}
html #lb-root .lb-vr{font-size:12px;font-weight:600;text-align:right;white-space:nowrap}
html #lb-root .lb-vr.lb-p{color:var(--lb-pos)}
html #lb-root .lb-vr.lb-n{color:var(--lb-neg)}
html #lb-root .lb-vr.lb-z{color:var(--lb-muted)}
html #lb-root .lb-spk{width:64px;height:20px;display:block}
html #lb-root .lb-qt{font-size:12px;font-weight:700;color:var(--lb-ink);white-space:nowrap;background:#f1f3f6;border-radius:6px;padding:2px 7px}
html #lb-root .lb-qt em{font-style:normal;font-weight:500;color:var(--lb-muted);margin-left:4px}
html #lb-root .lb-c{display:none}
html #lb-root .lb-row.lb-tot{background:#fafbfc;cursor:default}
html #lb-root .lb-mr{display:block}
html #lb-root .lb-mr .lb-t1{display:flex;justify-content:space-between;gap:10px;align-items:baseline}
html #lb-root .lb-mr .lb-t2{display:flex;align-items:center;gap:10px;margin-top:7px}
html #lb-root .lb-mr .lb-t2 .lb-vr{margin-left:auto}
html #lb-root .lb-ov{position:absolute;inset:0;background:rgba(11,18,32,.45);display:none;z-index:20;align-items:flex-end}
html #lb-root .lb-ov.lb-on{display:flex}
html #lb-root .lb-sheet{background:#fff;width:100%;border-radius:20px 20px 0 0;max-height:92%;display:flex;flex-direction:column;overflow:hidden}
html #lb-root .lb-grab{width:40px;height:5px;border-radius:3px;background:#dde2ea;margin:8px auto 0;flex:none}
html #lb-root .lb-dh{display:flex;align-items:center;gap:12px;padding:14px 18px;border-bottom:1px solid var(--lb-line);flex:none}
html #lb-root .lb-dh .lb-m{flex:1;min-width:0}
html #lb-root .lb-dh .lb-m b{display:block;font-size:17px;font-weight:700}
html #lb-root .lb-dh .lb-m span{font-size:12.5px;color:var(--lb-muted)}
html #lb-root .lb-dh .lb-x{width:32px;height:32px;border-radius:16px;background:#f1f3f6;color:var(--lb-ink2)}
html #lb-root .lb-sp{padding:16px 18px 20px;overflow:auto}
html #lb-root .lb-call{border-left:3px solid var(--lb-line2);padding:8px 12px;font-size:13px;line-height:1.5;color:var(--lb-ink2);margin:14px 0}
html #lb-root .lb-call.lb-w{border-color:var(--lb-neg)}
html #lb-root .lb-call.lb-i{border-color:var(--lb-info)}
html #lb-root .lb-call.lb-p{border-color:var(--lb-pos)}
html #lb-root .lb-call b{color:var(--lb-ink)}
html #lb-root .lb-h3{font-size:10.5px;font-weight:700;letter-spacing:1.1px;color:var(--lb-muted);text-transform:uppercase;margin:16px 0 6px}
html #lb-root .lb-mini{border-top:1px solid var(--lb-line)}
html #lb-root .lb-mini div{display:flex;justify-content:space-between;gap:10px;padding:9px 0;font-size:13.5px;border-bottom:1px solid var(--lb-line)}
html #lb-root .lb-mini em{font-style:normal;color:var(--lb-muted);font-size:12px;margin-left:6px}
html #lb-root .lb-full{width:100%;height:44px;font-size:14px;margin-top:16px}
html #lb-root .lb-ex{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
html #lb-root .lb-ex button{border:1px solid var(--lb-line2);border-radius:12px;padding:14px 0;display:flex;flex-direction:column;align-items:center;gap:8px;font-size:12.5px;font-weight:600;color:var(--lb-ink2)}
html #lb-root .lb-ex svg{color:var(--lb-navy)}
html #lb-root .lb-ex .lb-w svg{color:var(--lb-wa)}
html #lb-root .lb-msg{background:#f3f5f8;border-radius:10px;padding:12px 14px;font-size:12.5px;line-height:1.55;white-space:pre-wrap;margin-top:14px;color:var(--lb-ink2);font-family:ui-monospace,SFMono-Regular,Menlo,monospace}
html #lb-root .lb-dr{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:12px}
html #lb-root .lb-dr input{height:42px;border:1px solid var(--lb-line2);border-radius:9px;padding:0 10px}
html #lb-root .lb-toast{position:absolute;left:50%;bottom:92px;transform:translateX(-50%) translateY(20px);background:var(--lb-navy);color:#fff;font-size:13px;font-weight:600;padding:10px 14px;border-radius:10px;opacity:0;transition:.25s;z-index:40;white-space:nowrap;pointer-events:none}
html #lb-root .lb-toast.lb-on{opacity:1;transform:translateX(-50%) translateY(0)}
html #lb-root .lb-ov.lb-on~.lb-toast{bottom:auto;top:70px}
html #lb-root{padding:16px 16px 100px}
html #lb-root h1{font-size:26px;letter-spacing:-.7px}
html #lb-root .lb-lede{display:none}
html #lb-root .lb-top{margin-bottom:14px}
html #lb-root .lb-sec{border-radius:18px;border-color:#e8ebf0;box-shadow:0 1px 2px rgba(15,27,45,.04),0 8px 24px rgba(15,27,45,.04)}
html #lb-root .lb-sh{padding:18px 18px 4px}
html #lb-root .lb-sh h2{font-size:15px;letter-spacing:-.2px;text-transform:none;color:var(--lb-ink);font-weight:700}
html #lb-root .lb-sh span{font-size:12px}
html #lb-root .lb-seg,html #lb-root .lb-step{border-radius:12px}
html #lb-root #lb-sum{background:radial-gradient(120% 140% at 100% 0%,#22385c 0%,#0f1b2d 55%);border:0;color:#fff;overflow:hidden;position:relative}
html #lb-root #lb-sum::after{content:"";position:absolute;right:-40px;top:-40px;width:180px;height:180px;border-radius:50%;border:1px solid rgba(201,162,74,.25)}
html #lb-root #lb-sum .lb-hero{padding:20px 18px 6px;position:relative;z-index:1}
html #lb-root #lb-sum .lb-hero .lb-k{color:#9fb0c9;font-size:12.5px}
html #lb-root #lb-sum .lb-hero .lb-k em{background:rgba(201,162,74,.16);color:#e7c77d}
html #lb-root #lb-sum .lb-big{color:#fff;font-size:40px;letter-spacing:-1.6px;margin:8px 0 10px}
html #lb-root #lb-sum .lb-chip{background:rgba(255,255,255,.08);color:#d7e0ec}
html #lb-root #lb-sum .lb-chip.lb-p{background:rgba(52,199,123,.16);color:#6ee7a8}
html #lb-root #lb-sum .lb-chip.lb-n{background:rgba(249,115,22,.16);color:#fdba74}
html #lb-root .lb-headline{font-size:13.5px;line-height:1.5;color:#c9d4e3;margin:12px 0 4px;max-width:560px}
html #lb-root .lb-headline b{color:#fff;font-weight:600}
html #lb-root #lb-sum .lb-kpis{border-top:1px solid rgba(255,255,255,.1);margin-top:12px;position:relative;z-index:1}
html #lb-root #lb-sum .lb-kp+.lb-kp{border-left:1px solid rgba(255,255,255,.1)}
html #lb-root #lb-sum .lb-kp .lb-kl{color:#8193ad}
html #lb-root #lb-sum .lb-kp .lb-kv{color:#fff}
html #lb-root #lb-sum .lb-kd.lb-p{color:#6ee7a8}
html #lb-root #lb-sum .lb-kd.lb-n{color:#fdba74}
html #lb-root #lb-sum .lb-kd.lb-z{color:#8193ad}
html #lb-root #lb-sum .lb-cmpn{color:#8193ad;position:relative;z-index:1}
html #lb-root #lb-sum details.lb-dd{border-top:1px solid rgba(255,255,255,.1);position:relative;z-index:1}
html #lb-root #lb-sum details.lb-dd summary{color:#d7e0ec}
html #lb-root #lb-sum details.lb-dd .lb-dre .lb-rw{border-color:rgba(255,255,255,.1);color:#d7e0ec}
html #lb-root #lb-sum details.lb-dd .lb-dre .lb-tot{border-top-color:#e7c77d;color:#fff}
html #lb-root #lb-sum details.lb-dd .lb-dre .lb-rw span:nth-child(3){color:#8193ad}
html #lb-root .lb-cseg{border-radius:9px;background:#f3f4f7;border:0;padding:2px}
html #lb-root .lb-cseg button{border-radius:7px;height:24px}
html #lb-root .lb-cseg button.lb-on{background:#fff;color:var(--lb-ink);box-shadow:0 1px 3px rgba(15,27,45,.12)}
html #lb-root .lb-ic{border-radius:14px;padding:14px 15px;background:#fbfbfd}
html #lb-root .lb-ic .lb-t{text-transform:none;letter-spacing:0;font-size:12.5px}
html #lb-root .lb-ic .lb-t i{width:8px;height:8px;border-radius:50%}
html #lb-root .lb-ic p{font-size:13.5px}
html #lb-root .lb-dims{gap:6px;padding:12px 16px;border-bottom:0}
html #lb-root .lb-dim{height:32px;padding:0 13px;border-radius:999px;border:1px solid var(--lb-line2);margin:0;font-size:12.5px;background:#fff}
html #lb-root .lb-dim.lb-on{background:var(--lb-navy);color:#fff;border-color:var(--lb-navy)}
html #lb-root .lb-tl{padding:2px 16px 10px}
html #lb-root .lb-lh{background:transparent;border-top:1px solid var(--lb-line)}
html #lb-root .lb-r5 .lb-nm small{width:22px;height:22px;border-radius:7px;background:#f1f3f6;color:var(--lb-ink2);display:inline-flex;align-items:center;justify-content:center;font-size:11px;margin-right:9px;vertical-align:1px}
html #lb-root .lb-r5 .lb-sh2{background:#eef0f4;height:4px}
html #lb-root .lb-r5 .lb-sh2 i{background:linear-gradient(90deg,#0f1b2d,#2c4a78)}
html #lb-root .lb-row.lb-tot{background:#f7f8fa;border-radius:0 0 18px 18px}
html #lb-root #lb-sum .lb-hero{cursor:pointer;padding-right:48px}
html #lb-root .lb-hchev{position:absolute;right:20px;top:26px;width:9px;height:9px;border-right:2px solid #8193ad;border-bottom:2px solid #8193ad;transform:rotate(45deg);transition:transform .2s}
html #lb-root #lb-sum.lb-cl .lb-hchev{transform:rotate(-45deg)}
html #lb-root #lb-sum.lb-cl .lb-hx{display:none}
html #lb-root #lb-sum.lb-cl .lb-hero{padding:16px 48px 16px 18px}
html #lb-root #lb-sum.lb-cl .lb-big{font-size:30px;margin:4px 0 8px}
html #lb-root #lb-sum.lb-cl .lb-hero .lb-k em{display:none}
html #lb-root #lb-sum.lb-cl::after{display:none}
html #lb-root #lb-sum .lb-hx .lb-headline{margin-top:0}
html #lb-root .lb-chart .lb-wait svg{width:14px!important;height:14px!important;flex:none;display:inline-block}
html #lb-root #lb-cht,html #lb-root #lb-cht>span{color:var(--lb-ink)!important;font-size:15px!important;font-weight:700}
html #lb-root .lb-sec[data-col]>.lb-sh{cursor:pointer;position:relative;padding-right:44px;align-items:center;min-height:52px}
html #lb-root .lb-sec[data-col]>.lb-sh::after{content:"";position:absolute;right:18px;top:50%;width:8px;height:8px;border-right:2px solid #8a94a6;border-bottom:2px solid #8a94a6;transform:translateY(-70%) rotate(45deg);transition:transform .2s}
html #lb-root .lb-sec.lb-cl>.lb-sh::after{transform:translateY(-30%) rotate(-45deg)}
html #lb-root .lb-sec.lb-cl>.lb-sh{padding-bottom:16px}
html #lb-root .lb-sec[data-col].lb-cl>:not(.lb-sh){display:none!important}
html #lb-root .lb-sec.lb-cl .lb-cseg{display:none}
html #lb-root .lb-csum{display:none;font-size:12.5px;color:var(--lb-ink2);margin-top:4px;font-weight:500;letter-spacing:0;text-transform:none}
html #lb-root .lb-csum b{color:var(--lb-ink);font-weight:700}
html #lb-root .lb-csum .lb-p{color:var(--lb-pos);font-weight:700}
html #lb-root .lb-csum .lb-n{color:var(--lb-neg);font-weight:700}
html #lb-root .lb-sec.lb-cl .lb-csum{display:block}
html #lb-root .lb-sec[data-col]>.lb-sh>span:not(.lb-csum){white-space:nowrap}
html #lb-root .lb-sec.lb-cl>.lb-sh>span:not(.lb-csum){display:none}
html #lb-root .lb-sh .lb-hw{display:flex;flex-direction:column;min-width:0}
html #lb-root .lb-oall{display:flex;justify-content:flex-end;gap:6px;font-size:12px;font-weight:600;color:var(--lb-muted);margin:-6px 2px 10px}
html #lb-root .lb-oall button{color:var(--lb-info);font-weight:700;font-size:12px}
@media (min-width:1200px){html #lb-root{padding:26px 32px 36px}
html #lb-root .lb-step{flex:none;min-width:210px}
html #lb-root .lb-sec{margin:0}
html #lb-root .lb-G1{display:grid;grid-template-columns:400px minmax(0,1fr);gap:14px;margin-bottom:14px}
html #lb-root .lb-G2{display:grid;gap:14px;align-items:start}
html #lb-root .lb-lh{display:none}
html #lb-root .lb-r5{display:none}
html #lb-root .lb-ins{grid-template-columns:repeat(3,1fr)}
html #lb-root .lb-qleg{grid-template-columns:repeat(4,1fr)}
html #lb-root .lb-thd span[data-s]{cursor:pointer;user-select:none}
html #lb-root .lb-thd span[data-s]:hover{color:var(--lb-ink)}
html #lb-root .lb-thd span.lb-srt{color:var(--lb-ink)}
html #lb-root .lb-G2{grid-template-columns:1fr}
html #lb-root .lb-chart svg{height:236px}
html #lb-root .lb-thd{display:grid;font-size:10.5px;letter-spacing:1px;text-transform:uppercase;color:var(--lb-muted);font-weight:700;padding:9px 16px;border-top:1px solid var(--lb-line);background:#fafbfc}
html #lb-root .lb-thd,html #lb-root .lb-row{grid-template-columns:minmax(150px,1.5fr) 84px 108px 108px 104px 64px 130px 76px 58px;gap:12px}
html #lb-root .lb-thd .lb-r{text-align:right}
html #lb-root .lb-c{display:block;text-align:right;font-size:13.5px;white-space:nowrap}
html #lb-root .lb-c.lb-cl{text-align:left}
html #lb-root .lb-c.lb-cc{display:flex;justify-content:center}
html #lb-root .lb-m2{display:none}
html #lb-root .lb-lv{font-weight:700}
html #lb-root .lb-mr{display:none}
html #lb-root .lb-G2{grid-template-columns:1fr}
html #lb-root #lb-notesec{order:-2}
html #lb-root #lb-qsec{order:-1}
html #lb-root .lb-notes{display:grid;grid-template-columns:repeat(3,1fr);gap:0 20px}
html #lb-root .lb-nt+.lb-nt{border-top:0}
html #lb-root .lb-ov{align-items:center;justify-content:center}
html #lb-root .lb-sheet{width:520px;border-radius:16px;max-height:88%}
html #lb-root .lb-grab{display:none}
html #lb-root .lb-toast{bottom:28px}
html #lb-root .lb-thd{background:transparent}
html #lb-root{padding:28px 34px 40px}
html #lb-root #lb-sum .lb-big{font-size:46px}
html #lb-root .lb-G1{align-items:start}
html #lb-root .lb-oall{margin-top:-4px}
html #lb-root #lb-tb-marca{order:-6}
html #lb-root #lb-tb-produto{order:-5}
html #lb-root #lb-tb-vendedor{order:-4}
html #lb-root #lb-tb-categoria{order:-3}
html #lb-root #lb-tb-armazem{order:-2}
html #lb-root #lb-tb-cliente{order:-1}
html #lb-root #lb-notesec{order:1}
html #lb-root #lb-qsec{order:2}
html #lb-root .lb-G2{display:grid;grid-template-columns:1fr}}
@media (max-width:1199.98px){html #lb-root .lb-btn .lb-tx{display:none}
html #lb-root #lb-exp{width:36px;padding:0}
html #lb-root .lb-thd,html #lb-root .lb-row[data-n]{display:none!important}
html #lb-root .lb-mr .lb-spk{display:none}
html #lb-root .lb-row{display:block}
html #lb-root .lb-dk{display:none}
html #lb-root .lb-G2{display:flex;flex-direction:column}
html #lb-root #lb-notesec{order:-2}
html #lb-root #lb-qsec{order:-1}
html #lb-root{display:flex;flex-direction:column}
html #lb-root>*{flex:none}
html #lb-root .lb-crumb{align-self:flex-start}
html #lb-root .lb-G1,html #lb-root .lb-G2{display:contents}
html #lb-root #lb-sum{order:1}
html #lb-root #lb-tb-marca{order:2}
html #lb-root #lb-tb-produto{order:3}
html #lb-root #lb-tb-vendedor{order:4}
html #lb-root #lb-notesec{order:6}
html #lb-root #lb-qsec{order:7}
html #lb-root #lb-tb-categoria{order:5}
html #lb-root #lb-tb-armazem{order:6}
html #lb-root #lb-tb-cliente{order:7}
html #lb-root #lb-chsec{order:8}
html #lb-root #lb-notesec{order:9}
html #lb-root #lb-qsec{order:10}}
/* ---- APP SUBSTITUTIONS, each named (everything above is the prototype's own) ----------------------------------
   S1 the sheet and the toast are positioned against the PAGE, not the dropped frame: absolute -> fixed, above
      the app's bottom bar.
   S2 every colour the prototype's SCRIPT wrote inline (SVG fills and strokes, bar colours, legend swatches, insight
      tags, the quadrant's fills and bubbles) is a CLASS here, byte-identical values, because DESIGN-TOKENS-01
      forbids a raw colour in a .js file.
   S3 the prototype's inline style="" attributes become classes for the same reason, values unchanged.
   S4 #lb-root carries its own gutter: the prototype's <main> padding without the room it kept for its own nav. */
html #lb-root .lb-ov{position:fixed;z-index:90}
html #lb-root .lb-toast{position:fixed;z-index:95}
html #lb-root .lb-gl{stroke:#f0f2f5}
html #lb-root .lb-gh{fill:#e3e8ef}
html #lb-root .lb-cb{fill:#0f1b2d}
html #lb-root .lb-al{stroke:#c9a24a}
html #lb-root .lb-sp{stroke:#8a94a6}
html #lb-root .lb-sd{fill:#0f1b2d}
html #lb-root .lb-dvp{background:#0e7f5a}
html #lb-root .lb-dvn{background:#c2410c}
html #lb-root .lb-lgc{background:#0f1b2d}
html #lb-root .lb-lgg{background:#e3e8ef}
html #lb-root .lb-lgg2{background:#c3ccd8}
html #lb-root .lb-cg{stroke:#c3ccd8}
html #lb-root .lb-cc2{stroke:#0f1b2d}
html #lb-root .lb-pj{stroke:#c9a24a}
html #lb-root .lb-mb{fill:#dfe5ec}
html #lb-root .lb-mbo{fill:#0f1b2d}
html #lb-root .lb-mt{fill:#8a94a6}
html #lb-root .lb-t-neg{color:#c2410c} html #lb-root .lb-t-neg i{background:#c2410c}
html #lb-root .lb-t-pos{color:#0e7f5a} html #lb-root .lb-t-pos i{background:#0e7f5a}
html #lb-root .lb-t-warn{color:#b45309} html #lb-root .lb-t-warn i{background:#b45309}
html #lb-root .lb-t-info{color:#1d4ed8} html #lb-root .lb-t-info i{background:#1d4ed8}
html #lb-root .lb-t-bad{color:#b91c1c} html #lb-root .lb-t-bad i{background:#b91c1c}
html #lb-root .lb-qb-star{fill:#eef7f2}
html #lb-root .lb-qb-vol{fill:#fdf3ec}
html #lb-root .lb-qb-niche{fill:#eef2fe}
html #lb-root .lb-qb-rev{fill:#f6f7f9}
html #lb-root .lb-qax{stroke:#c9d1dc}
html #lb-root text.lb-q-star,html #lb-root .lb-q-star circle,html #lb-root .lb-q-star text{fill:#0e7f5a}
html #lb-root text.lb-q-vol,html #lb-root .lb-q-vol circle,html #lb-root .lb-q-vol text{fill:#c2410c}
html #lb-root text.lb-q-niche,html #lb-root .lb-q-niche circle,html #lb-root .lb-q-niche text{fill:#1d4ed8}
html #lb-root text.lb-q-rev,html #lb-root .lb-q-rev circle,html #lb-root .lb-q-rev text{fill:#8a94a6}
html #lb-root .lb-q-star circle{stroke:#0e7f5a} html #lb-root .lb-q-vol circle{stroke:#c2410c}
html #lb-root .lb-q-niche circle{stroke:#1d4ed8} html #lb-root .lb-q-rev circle{stroke:#8a94a6}
html #lb-root .lb-bub text.lb-qlab{fill:#0b1220}
html #lb-root b.lb-q-star{color:#0e7f5a} html #lb-root b.lb-q-vol{color:#c2410c}
html #lb-root b.lb-q-niche{color:#1d4ed8} html #lb-root b.lb-q-rev{color:#8a94a6}
html #lb-root .lb-qnum{display:grid;grid-template-columns:1fr 1fr;gap:4px 12px;font-size:11.5px;color:var(--lb-ink2);margin-top:8px}
html #lb-root .lb-qnum b{color:var(--lb-ink)}
html #lb-root .lb-acts{display:flex;gap:6px}
html #lb-root .lb-ink2{color:var(--lb-ink2)}
html #lb-root .lb-rw0{border:0;padding-bottom:0}
html #lb-root .lb-big30{font-size:30px}
html #lb-root .lb-tcen{text-align:center}
html #lb-root .lb-empty{display:block;text-align:center;color:var(--lb-muted)}
html #lb-root .lb-msvg{width:100%;height:84px;display:block}
html #lb-root .lb-mt0{margin-top:0}
html #lb-root .lb-hlpad{padding:0 18px}
html #lb-root .lb-chtw{display:flex;align-items:center;gap:10px}
html #lb-root .lb-mutd{color:var(--lb-muted)}
html #lb-root .lb-shr{color:var(--lb-muted);font-weight:500}
html #lb-root .lb-pernote{color:var(--lb-muted);font-size:12px}
html #lb-root .lb-noins{margin:0;padding:4px 2px 8px;font-size:13px;color:var(--lb-muted)}
html #lb-root{padding:14px 16px 24px}
html #lb-root[hidden]{display:none}
@media (min-width:1200px){html #lb-root{padding:6px 12px 36px}}