:root{--ink:#192c3a;--muted:#637783;--paper:#eef3f1;--surface:#fbfcf8;--line:#d5dfda;--navy:#1e3a4a;--teal:#147b70;--teal-soft:#e0f1eb;--amber:#bb7722;--amber-soft:#fff0d8;--red:#b7483e;--red-soft:#fae6df;--blue:#416f91;--violet:#745985;--shadow:0 12px 32px rgba(26,48,57,.08);--radius:14px;--font:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--mono:ui-monospace,"SFMono-Regular",Consolas,monospace}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:14px/1.45 var(--font);min-height:100dvh}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}.app{min-height:100dvh}.topbar{height:68px;background:var(--navy);color:#f7f5ee;display:flex;align-items:center;gap:24px;padding:0 28px;position:sticky;top:0;z-index:10;box-shadow:0 5px 18px #152e3c22}.brand{display:flex;align-items:center;gap:11px;min-width:225px}.brand-mark{width:27px;height:27px;border:2px solid #d5a855;transform:rotate(45deg);position:relative}.brand-mark:after{content:"";position:absolute;inset:5px;background:#d5a855}.brand-name{font-size:17px;font-weight:800;letter-spacing:.075em}.brand-sub{font-size:10px;letter-spacing:.11em;color:#b8c8cc;text-transform:uppercase}.top-spacer{flex:1}.demo-pill{border:1px solid #66808c;color:#d5e4e5;border-radius:20px;padding:6px 11px;font-size:11px;letter-spacing:.025em}.role-select{color:#f8f5ed;background:#294b5b;border:1px solid #5d7883;border-radius:8px;padding:9px 30px 9px 11px;max-width:240px}.lang-switch{display:flex;border:1px solid #56717c;border-radius:8px;overflow:hidden}.lang-switch button{border:0;background:transparent;color:#d8e3e2;padding:8px 10px;font-size:11px}.lang-switch button.active{background:#d8e9e2;color:#183743;font-weight:800}.reset-btn{color:#d5e4e5;background:transparent;border:1px solid #56717c;border-radius:8px;padding:8px 10px;font-size:11px}.shell{display:grid;grid-template-columns:244px minmax(0,1fr);max-width:1660px;margin:auto}.sidebar{padding:22px 14px 30px 22px;position:sticky;top:68px;height:calc(100dvh - 68px);overflow:auto;border-right:1px solid var(--line);background:#e7efeb}.side-label{font-size:10px;text-transform:uppercase;letter-spacing:.13em;color:#71827f;font-weight:800;margin:9px 10px 9px}.nav-item{display:flex;align-items:center;gap:11px;width:100%;text-align:left;border:0;background:transparent;color:#52656d;padding:10px 12px;border-radius:9px;margin:2px 0;font-size:13px}.nav-item:hover{background:#dbe8e2;color:var(--ink)}.nav-item.active{color:#fff;background:var(--role,#147b70);font-weight:700}.nav-icon{width:18px;text-align:center;font-size:15px}.side-note{margin:22px 8px;background:#f7faf5;border:1px solid var(--line);border-radius:10px;padding:12px;color:var(--muted);font-size:11px}.side-note b{display:block;color:var(--ink);margin-bottom:4px}.main{padding:26px clamp(18px,3vw,44px) 60px;min-width:0}.page-head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin:0 0 21px}.eyebrow{text-transform:uppercase;letter-spacing:.14em;font-size:10px;color:var(--role,#147b70);font-weight:800}.page-title{font-size:27px;line-height:1.15;letter-spacing:-.035em;margin:5px 0 0;font-weight:760}.page-sub{margin:6px 0 0;color:var(--muted);font-size:13px}.head-actions{display:flex;gap:8px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--navy);color:white;border:1px solid var(--navy);border-radius:8px;padding:9px 13px;font-weight:700;font-size:12px;transition:transform .15s,opacity .15s}.btn:hover{transform:translateY(-1px)}.btn.secondary{background:var(--surface);border-color:var(--line);color:var(--ink)}.btn.accent{background:var(--role,#147b70);border-color:var(--role,#147b70)}.btn.warn{background:var(--amber);border-color:var(--amber)}.btn.small{padding:6px 9px;font-size:11px}.grid{display:grid;gap:15px}.grid.kpis{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:16px}.grid.two{grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr)}.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:17px 18px;box-shadow:var(--shadow);min-width:0}.panel + .panel{margin-top:15px}.panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:13px}.panel-title{font-size:14px;font-weight:800;margin:0;letter-spacing:-.01em}.panel-kicker{font-size:11px;color:var(--muted);margin-top:3px}.kpi{position:relative;overflow:hidden}.kpi:after{content:"";position:absolute;width:74px;height:74px;border:13px solid color-mix(in srgb,var(--role,#147b70) 9%,transparent);border-radius:50%;right:-15px;top:-20px}.kpi-label{font-size:11px;color:var(--muted);font-weight:650}.kpi-value{font:700 25px var(--mono);letter-spacing:-.06em;margin:11px 0 3px}.kpi-foot{font-size:10px;color:var(--teal);font-weight:700}.mono{font-family:var(--mono);font-variant-numeric:tabular-nums}.tag{display:inline-flex;align-items:center;gap:5px;border-radius:20px;padding:4px 8px;font-size:10px;font-weight:750;white-space:nowrap;background:#e9efeb;color:#566a70}.tag.green{background:var(--teal-soft);color:#17695f}.tag.amber{background:var(--amber-soft);color:#9a611b}.tag.red{background:var(--red-soft);color:#9d3d35}.tag.blue{background:#e4edf4;color:#426d88}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:12px}th{text-align:left;color:#74837e;text-transform:uppercase;letter-spacing:.08em;font-size:9px;padding:9px 8px;border-bottom:1px solid var(--line);white-space:nowrap}td{padding:10px 8px;border-bottom:1px solid #e9eeea;white-space:nowrap}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:#f4f7f3}.linkish{border:0;background:none;padding:0;color:#176d75;font-weight:750;text-decoration:underline;text-underline-offset:2px}.hero-trip{background:#203e4d;color:#f8f5eb;border-radius:16px;padding:22px 24px;position:relative;overflow:hidden;box-shadow:var(--shadow);margin-bottom:16px}.hero-trip:after{content:"";position:absolute;right:-60px;top:-120px;width:340px;height:340px;border:1px solid #68808a;border-radius:50%;box-shadow:0 0 0 34px #ffffff08,0 0 0 68px #ffffff06}.trip-top{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;position:relative;z-index:1}.trip-code{font:700 11px var(--mono);color:#b9cfca;letter-spacing:.08em}.trip-route{font-size:28px;letter-spacing:-.04em;font-weight:760;margin:7px 0 4px}.trip-meta{color:#c3d1ce;font-size:12px}.trip-stats{display:flex;gap:28px;margin-top:21px;position:relative;z-index:1}.trip-stat label{display:block;text-transform:uppercase;letter-spacing:.12em;color:#9cb6b4;font-size:9px;margin-bottom:4px}.trip-stat strong{font-size:14px}.trip-punch{margin-top:15px;border-radius:9px;background:#fff0d8;color:#793c23;padding:10px 12px;font-weight:800;font-size:13px;position:relative;z-index:1;width:max-content;max-width:100%}.warning{border-left:4px solid var(--amber);background:var(--amber-soft);padding:12px 14px;border-radius:7px;color:#774e1b}.warning strong{display:block;font-size:14px}.success{border-left:4px solid var(--teal);background:var(--teal-soft);padding:12px 14px;border-radius:7px;color:#17665d}.route-map{width:100%;height:auto;min-height:210px;background:#edf3ef;border:1px solid #d8e2dc;border-radius:11px}.map-label{font:11px var(--font);fill:#294350}.map-city{fill:#fff;stroke:#197b70;stroke-width:3}.route-line{fill:none;stroke:#c37d29;stroke-width:4;stroke-dasharray:7 5}.bar-list{display:grid;gap:12px}.bar-row{display:grid;grid-template-columns:90px 1fr 60px;gap:10px;align-items:center;font-size:11px}.bar-track{height:8px;background:#e7eeea;border-radius:9px;overflow:hidden}.bar-fill{height:100%;background:var(--role,#147b70);border-radius:9px}.inline-fields{display:flex;align-items:flex-end;gap:10px;flex-wrap:wrap}.field{display:grid;gap:5px;min-width:100px}.field label{font-size:10px;color:var(--muted);font-weight:750}.field input,.field select,.field textarea{width:100%;padding:9px 10px;border:1px solid #cbd8d2;border-radius:7px;background:#fffefa;color:var(--ink);outline:none}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--role,#147b70);box-shadow:0 0 0 3px color-mix(in srgb,var(--role,#147b70) 15%,transparent)}.field textarea{min-height:75px;resize:vertical}.mini{font-size:10px;color:var(--muted)}.timeline{display:flex;align-items:center;gap:0;margin:19px 0 5px}.timeline-step{flex:1;position:relative;text-align:center;font-size:10px;color:#879690}.timeline-step:not(:last-child):after{content:"";height:2px;background:#ccd8d2;position:absolute;left:55%;right:-45%;top:10px}.timeline-step.done:not(:last-child):after{background:var(--teal)}.dot{width:21px;height:21px;border-radius:50%;background:#d9e3dd;border:4px solid #f9fbf6;margin:0 auto 5px;position:relative;z-index:1}.done .dot{background:var(--teal)}.current .dot{background:#fff;border:5px solid var(--amber);box-shadow:0 0 0 2px #f1d9b4}.action-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:13px}.split{display:grid;grid-template-columns:1fr 1fr;gap:12px}.document{border:1px solid var(--line);border-radius:8px;padding:11px 12px;display:flex;justify-content:space-between;align-items:center;gap:10px;margin:7px 0;background:#fff}.document strong{font-size:12px}.document small{display:block;color:var(--muted);font-size:10px}.gantt{display:grid;grid-template-columns:105px minmax(600px,1fr);overflow:auto;border:1px solid var(--line);border-radius:10px}.gantt-head,.gantt-row{display:contents}.vehicle-label{position:sticky;left:0;background:#f2f6f2;z-index:2;padding:9px;border-bottom:1px solid var(--line);font:11px var(--mono)}.gantt-track{position:relative;min-height:48px;border-bottom:1px solid var(--line);background:repeating-linear-gradient(to right,transparent 0,transparent calc(14.285% - 1px),#e8eeea calc(14.285% - 1px),#e8eeea 14.285%)}.gantt-days{position:sticky;top:0;z-index:1;display:grid;grid-template-columns:repeat(7,1fr);grid-column:2;background:#f2f6f2;border-bottom:1px solid var(--line);font-size:10px;color:var(--muted)}.gantt-days span{padding:8px;border-left:1px solid #e2e9e4}.trip-block{position:absolute;top:7px;bottom:7px;left:var(--x);width:var(--w);min-width:75px;background:#dcece6;border-left:3px solid var(--teal);border-radius:5px;padding:4px 6px;overflow:hidden;font-size:9px;cursor:grab;color:#21564f}.trip-block:active{cursor:grabbing}.trip-block.alert{background:#fae6df;border-color:var(--red);color:#874038}.planner{display:grid;grid-template-columns:minmax(320px,1.1fr) minmax(290px,.9fr);gap:16px}.trailer{background:#f1f5f2;border:2px solid #759088;border-radius:10px;padding:12px;min-height:245px;position:relative}.pallet-grid{height:215px;display:grid;grid-template-columns:repeat(11,1fr);grid-template-rows:repeat(3,1fr);gap:4px}.pallet{border-radius:4px;background:#cbdfd3;border:1px solid #8eab9c;display:flex;align-items:center;justify-content:center;font:9px var(--mono);color:#36554a;cursor:grab;user-select:none}.pallet:nth-child(3n){background:#ebd8b4;border-color:#c3a36d}.pallet.dragging{opacity:.45}.empty-slot{border:1px dashed #d1ddd5;border-radius:4px}.signature{border:1px dashed #a5b6ac;border-radius:9px;background:#fffefa;width:100%;height:155px;touch-action:none}.driver-card{max-width:850px;margin:auto}.driver-big{font-size:20px;font-weight:800}.driver-status{font-size:12px;color:var(--muted)}.driver-next{font-size:16px;font-weight:800}.step-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.step-button{min-height:78px;border:1px solid var(--line);background:#fffefa;border-radius:10px;color:var(--ink);padding:10px 8px;text-align:left;font-size:12px;font-weight:750}.step-button span{display:block;color:var(--muted);font:10px var(--mono);margin-top:6px}.step-button.done{border-color:#75afa1;background:#e5f2ec}.step-button.next{border:2px solid var(--role,#147b70)}.role-driver{--role:#147b70}.role-office{--role:#b66d25}.role-management{--role:#416f91}.role-partner{--role:#745985}.role-customer{--role:#327a89}.modal-backdrop{position:fixed;inset:0;background:#152e3cb0;z-index:30;display:grid;place-items:center;padding:18px}.modal{background:var(--surface);border-radius:14px;box-shadow:0 25px 90px #11283355;max-width:760px;width:100%;max-height:90dvh;overflow:auto;padding:22px}.modal-title{font-size:20px;margin:0 0 14px}.modal-close{float:right;border:0;background:#e9efea;border-radius:50%;height:30px;width:30px;font-size:18px}.toast{position:fixed;bottom:22px;right:22px;z-index:40;background:#203e4d;color:#fff;padding:12px 16px;border-radius:9px;box-shadow:var(--shadow);animation:toast-in .25s ease-out}.splash{min-height:calc(100dvh - 68px);display:grid;place-items:center;padding:34px}.splash-inner{max-width:1120px;width:100%}.splash-title{font-size:clamp(32px,5vw,58px);letter-spacing:-.06em;margin:0 0 9px}.splash-copy{color:var(--muted);font-size:16px;margin:0 0 28px}.role-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.role-card{text-align:left;padding:21px;border:1px solid var(--line);border-radius:14px;background:var(--surface);min-height:150px;cursor:pointer;transition:transform .18s,border-color .18s;box-shadow:var(--shadow)}.role-card:hover{transform:translateY(-3px);border-color:#759c91}.role-card b{display:block;font-size:17px;margin:10px 0 5px}.role-card small{color:var(--muted);font-size:12px}.role-symbol{width:34px;height:34px;display:grid;place-items:center;background:#e1eee7;color:#23695e;border-radius:9px;font-weight:800}.subnav{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:16px}.subnav button{border:1px solid var(--line);background:#f9fbf7;color:#60717a;border-radius:20px;padding:7px 11px;font-size:11px}.subnav button.active{background:var(--role);border-color:var(--role);color:white}.roi-total{font-size:38px;font-weight:800;letter-spacing:-.055em;color:var(--teal);margin:12px 0}.callout{padding:14px;border-radius:9px;background:#e9f1ed;color:#44645c;font-size:12px}.hidden{display:none!important}.print-only{display:none}@keyframes toast-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1000px){.grid.kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.three{grid-template-columns:repeat(2,minmax(0,1fr))}.shell{grid-template-columns:205px minmax(0,1fr)}.brand{min-width:180px}}@media(max-width:720px){.topbar{padding:0 12px;height:60px;gap:9px}.brand{min-width:0;gap:8px}.brand-name{font-size:14px}.brand-sub,.demo-pill{display:none}.role-select{max-width:132px;padding:8px 6px;font-size:10px}.reset-btn{font-size:0}.reset-btn:after{content:"↺";font-size:17px}.shell{display:block}.sidebar{position:sticky;top:60px;z-index:8;height:auto;padding:7px 10px;border-right:0;border-bottom:1px solid var(--line);display:flex;gap:4px;overflow:auto;background:#e7efeb}.side-label,.side-note{display:none}.nav-item{width:auto;white-space:nowrap;padding:9px 10px;font-size:11px}.nav-icon{display:none}.main{padding:18px 13px 40px}.page-head{align-items:flex-start;flex-direction:column}.page-title{font-size:24px}.grid.kpis{gap:9px}.kpi{padding:13px}.kpi-value{font-size:19px}.grid.two,.grid.three,.planner{grid-template-columns:1fr}.hero-trip{padding:17px}.trip-route{font-size:23px}.trip-stats{gap:12px;flex-wrap:wrap}.trip-stat strong{font-size:12px}.role-cards{grid-template-columns:1fr}.splash{padding:28px 17px}.role-card{min-height:120px}.step-grid{grid-template-columns:repeat(2,1fr)}.split{grid-template-columns:1fr}.panel{padding:14px}.gantt{grid-template-columns:78px minmax(580px,1fr)}.modal{padding:16px}.page-head .head-actions{width:100%}.driver-card .panel{padding:15px}.trip-punch{font-size:12px}.lang-switch button{padding:7px 8px}}@media print{body{background:white;color:#111}.topbar,.sidebar,.no-print,.demo-pill{display:none!important}.shell{display:block;max-width:none}.main{padding:0}.panel,.hero-trip{box-shadow:none;border:1px solid #bbb;break-inside:avoid}.hero-trip{background:#fff;color:#111}.trip-meta,.trip-code,.trip-stat label{color:#444}.print-only{display:block}.page-head{margin-top:0}}

/* ---- v2 additions ---- */
button.brand{background:none;border:0;color:inherit;padding:0;text-align:left}
.topbar{min-height:68px;height:auto;flex-wrap:wrap;row-gap:8px;padding-top:8px;padding-bottom:8px}
.persp-label{font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:#b8c8cc}
.demo-banner{display:flex;gap:10px;flex-wrap:wrap;align-items:baseline;background:#fff0d8;color:#6f4a17;border-bottom:1px solid #ecd2a6;padding:7px 28px;font-size:12px;position:relative;z-index:9}
.storage-warn{background:var(--red-soft);color:#8d362e;padding:8px 28px;font-size:12px;border-bottom:1px solid #eac3b9}
.sidebar{top:0}
.why{display:inline-block;margin:0 6px;color:#8b5c20}
.error{border-left:4px solid var(--red);background:var(--red-soft);padding:12px 14px;border-radius:7px;color:#8d362e}
.empty{padding:26px;text-align:center;color:var(--muted);border:1px dashed var(--line);border-radius:10px}
.mt{margin-top:14px}.grow{flex:1}.chk{display:inline-flex;gap:6px;align-items:center;font-size:12px;margin-right:12px}
.calc{display:grid;gap:0;border:1px solid var(--line);border-radius:9px;overflow:hidden;margin-bottom:12px}
.calc>div{display:flex;justify-content:space-between;gap:12px;padding:8px 12px;border-bottom:1px solid #e9eeea;font-size:12px}
.calc>div:last-child{border-bottom:0}.calc b{font-family:var(--mono)}
.calc .total{background:var(--teal-soft);font-size:14px}.calc .total b{color:#17665d}
.big-num{font-size:24px;letter-spacing:-.04em}.price{font:800 30px var(--mono);letter-spacing:-.05em;color:var(--role,#147b70)}
.inv-total{font:800 20px var(--mono);text-align:right;margin-top:8px}
.btn.big{padding:13px 18px;font-size:14px}.btn.huge{padding:20px 22px;font-size:17px;width:100%;border-radius:12px}
.trip-punch.ok{background:#d8efe6;color:#145e55}.arrow{color:#d5a855}
.callout.cap{font-size:11px}
.timeline-step em{display:block;font:10px var(--mono);color:var(--teal);font-style:normal;min-height:13px}
.hero-trip .timeline-step{color:#b9cfca}.hero-trip .timeline-step em{color:#f2c779}
.step-cell{border:1px solid var(--line);border-radius:9px;padding:9px;background:#fffefa;font-size:12px}
.step-cell.done{background:#e5f2ec;border-color:#75afa1}.step-cell.next{border:2px solid var(--role,#147b70)}
.driver{max-width:720px;margin:auto}.big-text{font-size:18px;font-weight:800}
.trip-block.selected{outline:2px solid var(--amber);outline-offset:1px}
.trip-block.ret{background:#e4edf4;border-color:var(--blue);color:#2d5470}
.gantt-track.over{background-color:#fff6e6}
.vehicle-label small{display:block;color:var(--muted);font-size:9px;font-family:var(--font)}
.vehicle-label.head{font-weight:800}
.pager{display:flex;gap:8px;align-items:center;justify-content:flex-end;margin-top:10px;flex-wrap:wrap}
.row-loss td{background:#fdf1ec}
.bar-fill.warn{background:var(--amber)}
.scroll{max-height:420px;overflow:auto}
.grid.two-eq{grid-template-columns:repeat(2,minmax(0,1fr))}
.chart{width:100%;height:auto}.axis{font:10px var(--mono);fill:#637783}
.map-region{font:800 14px var(--font);fill:#a9bbb0;letter-spacing:.1em}
.map-pass{font:9px var(--font);fill:#6b5a3e}.map-km{font:700 12px var(--mono);fill:#bb7722}
.map-city.on{fill:#197b70;stroke:#fff}.map-label.on{font-weight:800;fill:#192c3a}
.trailer-wrap{overflow:auto;background:#f1f5f2;border:1px solid var(--line);border-radius:10px;padding:8px}
.trailer-svg{width:100%;min-width:520px;height:auto;touch-action:none;user-select:none;display:block}
.trailer-svg .deck{fill:#fffefa;stroke:#759088;stroke-width:4}
.trailer-svg .kingpin{fill:#759088}.trailer-svg .dim{font:22px var(--mono);fill:#637783}
.trailer-svg .mid{stroke:#bb7722;stroke-width:3;stroke-dasharray:12 8}
.trailer-svg .slot{fill:transparent;stroke:#d1ddd5;stroke-dasharray:6 5;stroke-width:2;cursor:pointer}
.trailer-svg .pallet{cursor:grab}
.trailer-svg .pallet rect{fill:#cbdfd3;stroke:#6e9180;stroke-width:3}
.trailer-svg .pallet text{font:20px var(--mono);fill:#2c4a40;pointer-events:none}
.trailer-svg .pallet.upper rect{fill:#ebd8b4;stroke:#b28b4b}
.trailer-svg .pallet.sel rect{stroke:var(--amber);stroke-width:7}
.trailer-svg .pallet.dragging{opacity:.6;cursor:grabbing}
.thumb{max-width:100%;max-height:220px;border-radius:9px;border:1px solid var(--line);display:block;margin-top:8px}
.mini-thumb{width:54px;height:40px;object-fit:cover;border-radius:5px;border:1px solid var(--line)}
.doc-preview{background:#fffefa;border:1px solid var(--line);border-radius:8px;padding:22px;font-size:12px;color:#1a2a33}
.doc-preview .doc-head{display:flex;justify-content:space-between;border-bottom:2px solid var(--navy);padding-bottom:8px;margin-bottom:12px}
.doc-preview .doc-t{font-size:18px;font-weight:800}.doc-preview table{margin:10px 0}
.doc-preview .doc-sig{border:1px dashed #a5b6ac;min-height:70px;margin-top:14px;padding:6px;border-radius:6px}
.doc-preview .doc-sig img{max-height:80px}
#printArea{display:none}
.role-card.role-management{border-top:4px solid #416f91}.role-card.role-office{border-top:4px solid #b66d25}.role-card.role-driver{border-top:4px solid #147b70}.role-card.role-partner{border-top:4px solid #745985}.role-card.role-customer{border-top:4px solid #327a89}
@media(max-width:720px){.topbar{padding:8px 12px}.persp-label{display:none}.demo-banner,.storage-warn{padding:6px 12px;font-size:11px}.sidebar{top:0}.grid.two-eq{grid-template-columns:1fr}.reset-btn{margin-left:auto}}
@media print{body.printing-doc #app,body.printing-doc .modal-backdrop,body.printing-doc .toast{display:none!important}body.printing-doc #printArea{display:block}.demo-banner,.storage-warn{display:none!important}}