:root{color-scheme:light;--danger:#ad3434}
:root[data-theme=dark]{color-scheme:dark;--danger:#ffb4af}
*{box-sizing:border-box}body{margin:0;color:var(--ink);font:15px/1.65 system-ui,Arial,sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}a{color:var(--accent)}header{display:flex;align-items:center;border-bottom:1px solid var(--border);flex-wrap:wrap}.brand{font-weight:850;}.brand small{display:block;color:var(--muted)}.top-controls{margin-inline-start:auto;display:flex;flex-wrap:wrap}.top-controls select{width:auto;}.shell{display:grid;margin:auto}nav{display:flex;flex-direction:column;border-inline-end:1px solid var(--border);min-height:80vh}nav button{border:0;background:transparent;text-align:start;}nav button.active{font-weight:750}main{min-width:0}h1{font-size:25px;margin:0 0 6px}h2{font-size:18px;margin:0 0 12px}h3{font-size:15px}.demo{color:var(--danger);font-weight:700}.muted{color:var(--muted);font-size:13px}.panel{background:var(--surface);border:1px solid var(--border);margin:18px 0}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px}.stat{padding:19px;border:1px solid var(--border);background:var(--surface);border-radius:14px}.stat strong{display:block;font-size:29px;color:var(--accent)}label{display:flex;flex-direction:column;gap:5px;font-size:13px;color:var(--muted)}input,select,textarea{width:100%;min-width:0;padding:9px 11px;border:1px solid var(--border);color:var(--ink);background:var(--surface)}input:focus,select:focus,textarea:focus{outline:2px solid var(--accent);outline-offset:2px}.row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.row>*{flex:1}.row button{flex:none}.btn{border:1px solid var(--border);background:var(--surface);color:var(--ink)}.primary{font-weight:750}.danger{color:var(--danger)}.actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:15px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:13px}th,td{text-align:start;border-bottom:1px solid var(--border);vertical-align:top}th{color:var(--muted);font-weight:600;white-space:nowrap}td .btn{padding:5px 8px}.badge{display:inline-block;background:var(--soft);border-radius:7px;padding:3px 9px;color:var(--accent)}.line{padding:12px;border:1px solid var(--border);border-radius:10px;margin:10px 0}.line select{min-width:160px}.feedback{position:sticky;bottom:15px;background:var(--ink);color:var(--bg);padding:12px 18px;border-radius:12px;box-shadow:0 4px 20px #0002;z-index:5}.setup{max-width:650px;margin:60px auto;padding:24px}pre{white-space:pre-wrap;overflow-wrap:anywhere;max-height:300px;overflow:auto;font:12px/1.7 monospace}details{margin:10px 0}summary{cursor:pointer}input[type=checkbox]{width:auto}#preview-total{font-size:24px;font-weight:800;color:var(--accent)}.carrier{border-inline-start:4px solid var(--accent)}.mobile-label{display:none}
@media(max-width:800px){nav{border:0;}nav button{white-space:nowrap;}header{gap:10px}.top-controls{margin:0;}.top-controls>*{flex:1;min-width:80px}.grid{grid-template-columns:repeat(auto-fit,minmax(145px,1fr))}.panel{padding:15px}h1{font-size:22px}}
@media print{header,nav,.notice,.actions,.feedback,form{display:none}.shell{display:block}main{padding:0}.panel{border:0}body{background:#fff;color:#000}}

/* Reference-inspired SOUQI workspace. All surfaces use the same live data. */
:root{--bg:#f5f5f5;--surface:#fff;--ink:#0c171c;--muted:#75797b;--border:#e7e8e9;--accent:#101b20;--soft:#edf2f4;--chart-dark:#0c1b20;--chart-pale:#c5d8ea;--signal:#00a96b;--truck-body:#f2f4f5;--truck-window:#adc7d3}
:root[data-theme=dark]{--bg:#08090a;--surface:#111315;--ink:#f1f3f4;--muted:#989da1;--border:#2b2e31;--accent:#54f3ee;--soft:#162b2e;--chart-dark:#54f3ee;--chart-pale:#315359;--signal:#54f3ee;--truck-body:#cdd3d7;--truck-window:#395e69}
body{font-size:14px;background:var(--bg)}#app{max-width:1800px;margin:auto}header{padding:24px 32px;background:var(--bg);border:0;gap:24px}.brand{display:flex;align-items:center;gap:12px;font-size:23px;letter-spacing:.7px;color:var(--ink)}.brand-symbol{width:40px;height:40px;display:grid;place-items:center;border-radius:50%;background:var(--ink);color:var(--bg)}.brand-symbol svg{width:25px;height:25px}.brand small{font-size:10px;letter-spacing:1px;font-weight:500}.top-controls{gap:10px;align-items:center}.top-controls select{border-radius:30px;padding:11px 15px;font-size:12px;max-width:210px;background:var(--surface)}.theme-button{border-radius:50%;width:43px;height:43px;display:grid;place-items:center;padding:9px}.theme-button svg{width:22px;height:22px}.notice{background:var(--surface);border:0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);color:var(--muted);font-size:11px;padding:7px 32px}.shell{grid-template-columns:178px minmax(0,1fr);max-width:none}nav{border:0;padding:28px 14px;gap:8px}.nav-caption{font-size:9px;letter-spacing:1.7px;color:var(--muted);padding:0 15px 18px}nav button{display:flex;align-items:center;gap:12px;border-radius:40px;font-size:12px;padding:12px 14px;color:var(--muted)}nav button svg{width:19px;height:19px;flex:none}nav button.active{background:var(--ink);color:var(--bg)}nav a{font-size:11px;padding:18px 14px;color:var(--muted)}nav>.muted{font-size:10px;padding:12px 14px;margin-top:auto}main{padding:20px 30px 35px}.dashboard-main>h1{font-size:15px;letter-spacing:.2px;font-weight:550;display:inline-block;margin:0}.dashboard-main>p.muted{display:inline-block;margin:0 10px;font-size:11px}.panel{border-radius:22px;border-color:var(--border);box-shadow:none;padding:22px}.btn{border-radius:30px;font-size:12px;padding:10px 17px}.primary{background:var(--ink);border-color:var(--ink);color:var(--bg)}input,select,textarea{border-radius:12px}th,td{padding:16px 12px}th{font-size:11px}.dash-hero{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:25px 0 28px}.eyebrow{font-size:14px;margin:0 0 5px}.dash-hero h2{font-size:clamp(25px,2.6vw,42px);font-weight:500;line-height:1.35;letter-spacing:-1px;margin:0}.dash-hero p.muted{margin:8px 0 0;font-size:12px}.hero-tools{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:7px;border-radius:50px;background:var(--surface)}.date-pill{display:flex;align-items:center;gap:8px;padding:7px 13px;background:var(--bg);border-radius:30px;font-size:11px}.date-pill svg{width:18px;height:18px}.demo-pill{display:inline-block;border-radius:20px;background:#fff4d9;color:#835914;font-size:10px;font-weight:650;padding:3px 10px;margin-inline-start:8px}.dashboard-layout{display:grid;grid-template-columns:minmax(0,1.85fr) minmax(210px,.9fr) minmax(245px,.95fr);gap:18px;align-items:stretch}.dashboard-primary{display:flex;flex-direction:column;gap:22px;min-width:0}.dash-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;min-height:75px}.dash-metric{display:flex;align-items:center;gap:14px}.metric-icon{width:56px;height:56px;flex:none;border-radius:50%;background:var(--surface);display:grid;place-items:center}.metric-icon svg{width:24px;height:24px}.dash-metric strong{font-size:30px;font-weight:550;line-height:1}.dash-metric p{font-size:11px;color:var(--muted);margin:7px 0 0}.dash-card{background:var(--surface);border-radius:24px;padding:20px;min-width:0}.card-heading{display:flex;justify-content:space-between;gap:8px;align-items:flex-start}.card-heading h3,.activity-heading h3{font-size:14px;font-weight:600;line-height:1.4;margin:0}.card-heading p{font-size:10px;color:var(--muted);margin:5px 0 0}.card-heading>svg{width:22px;height:22px;color:var(--muted);flex:none}.chart-card{flex:1;display:flex;flex-direction:column}.chart-legend{display:flex;gap:12px;padding-top:3px;flex-wrap:wrap;font-size:9px}.chart-legend span{display:flex;align-items:center;gap:6px}.chart-legend i{display:inline-block;width:9px;height:9px;border-radius:50%;background:var(--chart-dark)}.chart-legend i.pale{background:var(--chart-pale)}.shipment-chart{width:100%;flex:1;min-height:240px;margin-top:25px;direction:ltr;overflow:visible}.shipment-chart text{font:11px system-ui;fill:var(--muted)}.chart-grid{stroke:var(--border);stroke-dasharray:5 6;stroke-width:1}.bar-created{fill:var(--chart-dark)}.bar-delivered{fill:var(--chart-pale)}.dashboard-secondary{display:flex;flex-direction:column;gap:18px}.completion-card{min-height:210px}.gauge{position:relative;padding-top:12px;max-width:290px;margin:auto}.gauge svg{width:100%;display:block}.gauge path{fill:none;stroke-width:24}.gauge-bg{stroke:var(--soft)}.gauge-value{stroke:var(--chart-pale)}.gauge>div{position:absolute;inset:auto 0 3px;text-align:center}.gauge strong{font-size:32px;font-weight:600}.gauge p{font-size:10px;color:var(--muted);margin:3px 0}.value-card{position:relative;overflow:hidden;flex:1;min-height:210px}.order-value{margin:28px 0 8px;position:relative;z-index:1}.order-value>strong{display:block;font-size:26px;font-weight:550;line-height:1.4}.order-value small{font-size:13px;color:var(--muted)}.value-card>.muted{font-size:10px;max-width:180px;margin:0;position:relative;z-index:1}.active-note{display:flex;align-items:center;gap:8px;font-size:10px;color:var(--signal);margin:26px 0 0;position:relative;z-index:1}.active-note>span{width:9px;height:9px;border-radius:50%;background:var(--signal)}.truck-art{position:absolute;inset-inline-end:-15px;bottom:0;width:155px;opacity:.75;pointer-events:none}.truck-art svg{width:100%}.tracking-card{display:flex;flex-direction:column}.route-schematic{position:relative;margin-top:18px;border-radius:15px;background:var(--bg);overflow:hidden;min-height:145px;direction:ltr}.route-schematic svg{width:100%;display:block}.street{fill:none;stroke:var(--border);stroke-width:9}.route-line{fill:none;stroke:var(--signal);stroke-width:3}.route-schematic circle{fill:var(--ink);stroke:var(--surface);stroke-width:3}.route-place{position:absolute;font-size:9px;font-weight:600;background:var(--surface);padding:3px 8px;border-radius:5px;max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.origin-place{left:14px;bottom:35px}.destination-place{right:12px;top:25px}.route-schematic>span{position:absolute;bottom:6px;left:9px;right:9px;font-size:8px;color:var(--muted);text-align:center}.tracking-id{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:18px 0 12px}.tracking-id small,.tracking-carrier small,.tracking-route small{display:block;font-size:10px;color:var(--muted)}.tracking-id b{display:block;font-size:12px;overflow-wrap:anywhere}.status-pill{display:inline-block;font-size:10px;padding:5px 11px;border-radius:30px;background:var(--soft);color:var(--muted);white-space:nowrap}.status-delivered{color:#00895d;background:#e3f7ef}.status-in_transit,.status-shipped{color:#244c68;background:#dceaf7}.status-cancelled,.status-returned,.status-failed{color:#aa3f3f;background:#fff0ee}.tracking-route{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.tracking-route svg{width:18px;height:18px;color:var(--muted)}.tracking-route b{font-size:10px}.tracking-timeline{list-style:none;padding:4px 0 0;margin:12px 0;flex:1}.tracking-timeline li{position:relative;margin:0;padding:0 0 17px;padding-inline-start:18px;border-inline-start:1px dashed var(--border)}.tracking-timeline li:before{content:'';position:absolute;inset-inline-start:-4px;top:4px;width:7px;height:7px;border-radius:50%;background:var(--chart-pale)}.tracking-timeline li.current:before{background:var(--signal);box-shadow:0 0 0 3px var(--soft)}.tracking-timeline li:last-child{border:0;padding-bottom:4px}.tracking-timeline b{font-size:10px;font-weight:600}.tracking-timeline time{display:block;font-size:9px;color:var(--muted)}.tracking-carrier{display:flex;align-items:center;gap:9px;border-radius:40px;background:var(--bg);padding:6px;font-size:11px}.carrier-avatar{width:35px;height:35px;border-radius:50%;background:var(--surface);display:grid;place-items:center}.carrier-avatar svg{width:19px;height:19px}.shipment-activity{margin-top:20px}.activity-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:18px}.activity-heading p{font-size:10px;margin:4px 0}.activity-tabs{display:flex;gap:2px;border:1px solid var(--border);border-radius:40px;padding:4px;flex-wrap:wrap}.activity-tabs button{padding:9px 13px;background:transparent;border:0;border-radius:30px;font-size:10px;color:var(--muted)}.activity-tabs button.active{background:var(--ink);color:var(--bg)}.shipment-activity table th{background:var(--bg);font-weight:550}.shipment-activity th:first-child{border-start-start-radius:25px;border-end-start-radius:25px}.shipment-activity th:last-child{border-start-end-radius:25px;border-end-end-radius:25px}.shipment-activity td{font-size:11px}.shipment-activity td small{display:block;color:var(--muted);font-size:9px;margin-top:4px}.track-button{display:flex;align-items:center;gap:5px;font-size:10px}.track-button svg{width:14px;height:14px}.empty-row{text-align:center!important;color:var(--muted);padding:40px}.dashboard-footer{display:grid;grid-template-columns:1fr 2fr;gap:18px;margin-top:18px}.count-pill{background:var(--soft);border-radius:30px;padding:3px 10px;font-size:12px}.stock-alert{display:flex;justify-content:space-between;gap:10px;padding:12px 0;border-bottom:1px solid var(--border);font-size:11px}.stock-alert span{color:var(--danger)}.carrier-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px;margin-top:16px}.carrier-summary>div{background:var(--bg);border-radius:13px;padding:12px}.carrier-summary b{font-size:11px;display:block;margin-bottom:8px}.carrier-summary button{display:flex;justify-content:space-between;gap:8px;width:100%;border:0;background:transparent;padding:5px 0;color:var(--muted);font-size:10px}.carrier-summary strong{color:var(--ink)}.chart-empty,.empty-tracking{display:grid;place-items:center;color:var(--muted);padding:55px 15px;text-align:center;flex:1}.chart-empty svg,.empty-tracking svg{width:42px;height:42px;color:var(--chart-pale)}.chart-empty p,.empty-tracking p{font-size:12px}.dashboard-main{min-width:0}.dash-card h3{letter-spacing:-.2px}
:root[data-theme=dark] .dash-card{background:linear-gradient(145deg,#141618,#101113);border:1px solid #24272a;border-radius:20px}:root[data-theme=dark] header{background:#050607}:root[data-theme=dark] nav{background:#101214}:root[data-theme=dark] nav button.active{background:#1b3034;color:var(--accent);box-shadow:inset 3px 0 var(--accent)}:root[data-theme=dark] .dash-hero h2{font-size:32px;letter-spacing:-.8px}:root[data-theme=dark] .hero-tools{background:#161819}:root[data-theme=dark] .primary{background:var(--accent);border-color:var(--accent);color:#052126}:root[data-theme=dark] .metric-icon{background:#192125;color:var(--accent)}:root[data-theme=dark] .route-schematic{background:#202426}:root[data-theme=dark] .route-schematic .street{stroke:#323638}:root[data-theme=dark] .status-delivered{background:#143e30;color:#8ce9b8}:root[data-theme=dark] .status-in_transit,:root[data-theme=dark] .status-shipped{background:#14383d;color:#65f5ef}:root[data-theme=dark] .status-cancelled,:root[data-theme=dark] .status-returned,:root[data-theme=dark] .status-failed{background:#3c2426;color:#ffb4af}:root[data-theme=dark] .demo-pill{background:#3a301e;color:#eccc88}:root[data-theme=dark] .activity-tabs button.active{background:#274449;color:var(--accent)}
@media(min-width:1650px){.dashboard-layout{gap:22px}.dash-card{padding:24px}.shipment-chart{min-height:300px}.tracking-card{min-height:530px}}
@media(max-width:1200px){.shell{grid-template-columns:74px minmax(0,1fr)}nav{padding:24px 9px}nav button{justify-content:center;padding:13px}nav button span,.nav-caption,nav>a,nav>.muted{display:none}nav button svg{width:23px;height:23px}main{padding:20px}.dashboard-layout{grid-template-columns:minmax(0,1.7fr) minmax(220px,1fr)}.dashboard-secondary{display:grid;grid-template-columns:1fr 1fr;grid-column:1;grid-row:2}.tracking-card{grid-column:2;grid-row:1/span 2}.dash-hero{align-items:flex-start}.hero-tools{max-width:290px}.dash-metric{gap:9px}.metric-icon{width:42px;height:42px}.dash-metric strong{font-size:26px}.dashboard-footer{grid-template-columns:1fr 1.5fr}}
@media(max-width:800px){header{padding:17px}.shell{grid-template-columns:1fr}nav{min-height:0;flex-direction:row;overflow:auto;padding:9px;background:var(--bg)!important}nav button{gap:6px;flex:none;padding:10px 14px}nav button span{display:block;font-size:11px}nav button svg{width:16px;height:16px}main{padding:16px}.top-controls{width:100%;gap:7px}.top-controls select{font-size:11px;padding:9px;max-width:none}.notice{padding:7px 17px}.dashboard-layout{grid-template-columns:minmax(0,1fr) minmax(205px,.8fr)}.dash-metrics{gap:8px}.dash-metric{display:block}.metric-icon{width:35px;height:35px;margin-bottom:8px}.dash-metric strong{font-size:25px}.dash-metric p{font-size:10px}.dash-card{padding:17px}.dashboard-secondary{grid-template-columns:1fr 1fr}.dashboard-footer{grid-template-columns:1fr 1fr}.dash-hero{display:block;margin:22px 0}.dash-hero h2{font-size:29px}.hero-tools{max-width:none;width:fit-content;margin-top:16px}.activity-heading{display:block}.activity-tabs{width:fit-content;margin-top:13px}.chart-legend{font-size:8px;gap:7px}.shipment-chart{min-height:190px}.card-heading h3{font-size:13px}}
@media(max-width:600px){.dashboard-layout{grid-template-columns:1fr;gap:14px}.dashboard-primary{gap:16px}.dash-metrics{grid-template-columns:repeat(3,1fr)}.dash-metric{display:flex;gap:8px}.metric-icon{margin:0;width:38px;height:38px}.dash-metric strong{font-size:24px}.dash-metric p{font-size:9px}.dashboard-secondary{grid-column:1;grid-row:auto;gap:14px}.tracking-card{grid-column:1;grid-row:auto}.route-schematic{height:175px}.route-schematic svg{height:100%}.tracking-timeline{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.dashboard-footer{grid-template-columns:1fr;gap:14px}.order-value>strong{font-size:23px}.value-card{min-height:215px}.completion-card{min-height:200px}.gauge{padding-top:22px}.gauge strong{font-size:28px}.truck-art{width:115px;opacity:.55}.dash-hero h2{font-size:26px}.hero-tools .date-pill{display:none}.hero-tools .btn{font-size:11px}.shipment-activity{padding:15px}.activity-tabs{flex-wrap:nowrap;overflow-x:auto;max-width:100%}.activity-tabs button{white-space:nowrap;padding:9px 10px}.shipment-chart{margin-top:17px}.top-controls select{max-width:40%;min-width:70px}.dash-card{border-radius:20px}header .brand{font-size:21px}.dashboard-main>p.muted{font-size:10px}.dash-hero .eyebrow{font-size:12px}}
@media print{.dashboard-layout{display:block}.dash-card{break-inside:avoid;border:1px solid #ddd;margin-bottom:16px}.activity-tabs,.hero-tools,.track-button{display:none}.dashboard-footer{display:block}}
.finance-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-top:20px}.finance-metrics .stat strong{font-size:23px}.finance-metrics small{font-size:12px}.return-card{border:1px solid var(--border);border-radius:16px;padding:18px;margin:13px 0}.return-input-line{display:grid;grid-template-columns:1fr 90px 140px;gap:12px;align-items:center;padding:10px;background:var(--bg);border-radius:12px;margin:8px 0}.return-input-line b small{color:var(--muted)}#return-line-fields{grid-column:1/-1}.return-card .card-heading p{font-size:12px}.return-card .btn{margin-bottom:5px}@media(max-width:600px){.return-input-line{grid-template-columns:1fr 90px}.return-input-line>label:last-child{grid-column:1/-1}.finance-metrics{grid-template-columns:1fr 1fr}.finance-metrics .stat{padding:13px}.finance-metrics .stat strong{font-size:19px}}

/* SOUQI Atelier: locally rendered typography, no remote fonts or tracking. */
:root{--bg:#f3f6fa;--surface:#fff;--ink:#152b44;--muted:#586e86;--border:#dfe7ef;--accent:#087e8b;--soft:#e7f2f4;--chart-dark:#163b54;--chart-pale:#b9dfe1;--signal:#07896e;--gold:#b08d48;--shadow:0 12px 40px #243d5910;--radius:24px}
:root[data-theme=dark]{--bg:#080f1c;--surface:#101c30;--ink:#eef4ff;--muted:#b2c0d5;--border:#25344c;--accent:#71e3ca;--soft:#173831;--chart-dark:#72dfcf;--chart-pale:#435f81;--signal:#80e3b7;--gold:#dfc289;--shadow:0 14px 35px #0003;--truck-body:#d5dfe9;--truck-window:#426076}
body{font-family:'Segoe UI',Tahoma,'Noto Sans Arabic',Arial,sans-serif;font-size:15px;line-height:1.8;background:radial-gradient(ellipse at 88% 0,#dfeef680,transparent 42%),var(--bg);letter-spacing:.05px}button,input,select,textarea{font-family:inherit}button{transition:background .18s,color .18s,box-shadow .18s,transform .18s}button:active{transform:translateY(1px)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:4px}.souqi-icon{width:21px;height:21px;flex:none}.btn>.souqi-icon{width:17px;height:17px}.btn{display:inline-flex;justify-content:center;align-items:center;gap:8px;padding:11px 18px;font-size:13px;font-weight:650;border-radius:13px;background:var(--surface);border-color:var(--border);box-shadow:0 2px 3px #15354a05}.btn:hover{border-color:var(--accent);background:var(--soft);box-shadow:0 4px 12px #087e8b12}.btn.primary{background:linear-gradient(115deg,#0e526b,#087e8b);border-color:#0b6c80;color:#fff;box-shadow:0 5px 15px #0b6c8025}.btn.primary:hover{background:linear-gradient(115deg,#08718b,#078f91)}.btn.danger{color:#b93b48;background:#fff5f5}.btn:disabled{box-shadow:none;transform:none}header{padding:22px 30px;background:var(--surface);border-bottom:1px solid var(--border);box-shadow:0 5px 20px #213a4e04}.brand{font-size:26px;font-weight:850;letter-spacing:1.3px}.brand-symbol{width:44px;height:44px;border-radius:14px;background:linear-gradient(140deg,#0c334c,#0d8391);color:#eafff9;box-shadow:0 5px 12px #0e4d6420}.brand small{font-size:11px;color:var(--muted);font-weight:550;letter-spacing:.3px}.top-controls select{border-radius:12px;padding:10px 14px;font-size:13px;font-weight:550;max-width:220px;background:var(--bg);border:1px solid var(--border)}.theme-button{border-radius:12px;width:44px;height:44px}.notice{padding:7px 30px;font-size:11px;background:var(--surface);color:var(--muted);border-bottom:1px solid var(--border)}.shell{grid-template-columns:220px minmax(0,1fr)}nav{position:sticky;top:0;align-self:start;height:calc(100vh - 10px);overflow-y:auto;background:var(--surface);border-inline-end:1px solid var(--border);padding:24px 14px;gap:5px;scrollbar-width:thin}.nav-caption{font-size:10px;font-weight:700;letter-spacing:2px;padding:0 14px 14px;color:var(--muted)}nav button{border-radius:12px;padding:11px 14px;font-size:13px;color:var(--muted);position:relative;line-height:1.65;font-weight:550}nav button svg{width:21px;height:21px;color:var(--muted)}nav button.active{color:var(--ink);background:var(--soft);font-weight:750;box-shadow:none}nav button.active svg{color:var(--accent)}nav button.active:before{content:'';height:22px;width:3px;border-radius:4px;background:var(--accent);position:absolute;inset-inline-start:0}nav button:hover{background:var(--bg);color:var(--ink)}nav a{font-size:11px;text-decoration:none;margin-top:8px}nav>.muted{padding-top:20px}main{padding:26px 30px 45px}main>h1{font-size:28px;letter-spacing:-.7px;font-weight:750}main>p.muted{font-size:13px}.dashboard-main>h1{font-size:16px;font-weight:650}.dashboard-main>p.muted{font-size:12px}.panel,.dash-card{border:1px solid var(--border);box-shadow:var(--shadow);border-radius:var(--radius);padding:24px}.panel h2{font-size:20px;letter-spacing:-.3px;margin-bottom:18px;font-weight:700}.panel h3{font-size:16px}.grid{grid-template-columns:repeat(auto-fit,minmax(205px,1fr));gap:17px}label{color:var(--ink);font-size:13px;font-weight:600;gap:7px}input,select,textarea{padding:11px 13px;min-height:45px;font-size:14px;color:var(--ink);background:var(--surface);border-radius:10px;border-color:var(--border);line-height:1.5}input::placeholder,textarea::placeholder{color:var(--muted)}textarea{line-height:1.8}input[type=checkbox]{min-height:18px;width:18px;height:18px;accent-color:var(--accent);vertical-align:middle}table{font-size:14px}th{font-size:12px;color:var(--muted);font-weight:650;padding:14px 12px}td{font-size:13px;padding:15px 12px;color:var(--ink)}tr:last-child td{border-bottom:0}.table-wrap{border:1px solid var(--border);border-radius:15px;overflow:auto}thead{background:var(--bg)}tbody tr:hover{background:color-mix(in srgb,var(--soft) 45%,transparent)}.table-wrap .btn{font-size:11px;padding:7px 10px;border-radius:9px}.dash-hero{margin:25px 0 27px;gap:26px}.dash-hero .eyebrow{font-size:15px;font-weight:600;color:var(--muted)}.dash-hero h2{font-size:clamp(30px,2.65vw,45px);font-weight:750;letter-spacing:-1.4px;line-height:1.45}.dash-hero p.muted{font-size:13px}.hero-tools{background:transparent;padding:0;gap:8px}.hero-tools .btn{border-radius:14px}.dash-metric{gap:14px}.metric-icon{background:linear-gradient(130deg,var(--surface),var(--soft));border:1px solid var(--border);border-radius:17px;box-shadow:0 5px 10px #1a3e5110;width:58px;height:58px;color:var(--accent)}.metric-icon svg{width:27px;height:27px}.dash-metric strong{font-size:36px;font-weight:700;letter-spacing:-1px}.dash-metric p{font-size:12px;font-weight:550;color:var(--muted)}.dash-metrics{min-height:82px;margin-bottom:1px}.dashboard-layout{grid-template-columns:minmax(0,1.8fr) minmax(210px,.9fr) minmax(260px,1fr);gap:18px}.card-heading h3,.activity-heading h3{font-size:16px;font-weight:700}.card-heading p{font-size:11px;line-height:1.7;margin-top:5px}.card-heading>svg{color:var(--accent);padding:6px;box-sizing:content-box;border-radius:10px;background:var(--soft)}.chart-legend{font-size:11px;font-weight:550}.chart-legend i{width:10px;height:10px}.shipment-chart{min-height:270px}.shipment-chart text{font-size:12px;fill:var(--muted)}.bar-created{fill:var(--chart-dark)}.gauge strong{font-size:36px;font-weight:750}.gauge p{font-size:11px}.gauge-value{stroke:var(--accent)}.gauge-bg{stroke:var(--soft)}.completion-card{min-height:240px}.order-value>strong{font-size:29px;font-weight:700}.order-value small{font-size:14px}.value-card>.muted{font-size:11px;line-height:1.9;max-width:190px}.active-note{font-size:11px;font-weight:650;margin-top:27px}.truck-art{width:155px;opacity:.6;inset-inline-end:-10px;bottom:2px}.route-schematic{background:linear-gradient(135deg,var(--bg),var(--soft));border:1px solid var(--border);min-height:145px}.route-schematic>span{font-size:9px;bottom:8px}.route-place{font-size:10px;padding:4px 8px;font-weight:700}.route-line{stroke:var(--accent);stroke-width:4}.tracking-id small,.tracking-carrier small,.tracking-route small{font-size:11px}.tracking-id b{font-size:12px;font-weight:700}.tracking-route b{font-size:11px}.tracking-timeline li{padding-bottom:20px;padding-inline-start:20px}.tracking-timeline b{font-size:12px}.tracking-timeline time{font-size:10px;line-height:1.8}.tracking-carrier{border:1px solid var(--border);padding:8px;border-radius:14px;font-size:12px}.status-pill{font-size:11px;font-weight:650;padding:6px 12px}.status-delivered{background:#e4f7ef;color:#137453}.status-in_transit,.status-shipped{background:#e5f1f8;color:#225a7d}.status-new,.status-confirmed,.status-preparing,.status-ready{background:#f9f2e6;color:#8e6930}.shipment-activity{margin-top:22px;padding:24px}.activity-tabs{border-radius:13px;padding:4px;background:var(--bg)}.activity-tabs button{border-radius:10px;font-size:12px;font-weight:600;padding:9px 15px}.activity-tabs button.active{background:var(--surface);color:var(--accent);box-shadow:0 2px 6px #14354a12}.activity-heading p{font-size:11px}.shipment-activity td{font-size:12px}.shipment-activity td small{font-size:10px}.shipment-activity table th{background:var(--bg);font-size:11px}.shipment-activity th:first-child,.shipment-activity th:last-child{border-radius:0}.carrier-summary{gap:12px}.carrier-summary>div{padding:15px;border:1px solid var(--border)}.carrier-summary b{font-size:13px}.carrier-summary button{font-size:12px;padding:7px 0}.stock-alert{font-size:13px;padding:13px 0}.stock-alert span{font-size:12px}.finance-metrics .stat{border-radius:16px;padding:20px;background:linear-gradient(145deg,var(--surface),var(--bg))}.finance-metrics .stat>span{font-size:13px;color:var(--muted);font-weight:600}.finance-metrics .stat strong{font-size:27px;font-weight:700;color:var(--ink);margin-top:12px}.finance-metrics .stat small{font-size:12px;font-weight:600;color:var(--muted)}.return-card{background:var(--surface);box-shadow:0 3px 15px #102a4005;border-radius:18px;padding:21px}.return-card>p.muted{font-size:12px}.return-card .card-heading h3{font-size:15px}.return-card pre{font-size:11px}.return-input-line{padding:14px;border:1px solid var(--border)}.copy-product-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px}.copy-product-list label{display:flex;flex-direction:row;align-items:center;gap:10px;padding:12px;border:1px solid var(--border);border-radius:10px}.backup-review{border:1px solid var(--accent);border-radius:15px;padding:20px;margin-top:22px}.carrier-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(245px,1fr));gap:18px;margin:20px 0}.carrier-card{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:22px;padding:22px}.carrier-emblem{width:44px;height:44px;display:grid;place-items:center;background:var(--soft);color:var(--accent);font-size:22px;font-weight:750;border-radius:13px}.carrier-card>h3{font-size:17px;margin:12px 0 4px}.carrier-card>span{font-size:12px;color:var(--muted)}details>summary{font-size:13px;font-weight:650;color:var(--accent);padding:7px 0}.advanced-form{border:1px solid var(--border);border-radius:14px;padding:12px 16px;margin-top:20px}.advanced-form .grid{margin-top:16px}.form-section-heading{display:flex;align-items:center;gap:10px;font-size:17px;font-weight:750;margin-bottom:20px}.form-section-heading svg{color:var(--accent)}.order-form-footer{display:flex;justify-content:space-between;align-items:center;gap:15px;background:var(--bg);border:1px solid var(--border);padding:15px 18px;border-radius:15px;margin-top:24px}.order-form-footer>span{font-size:13px;font-weight:600}.order-form-footer output{font-size:24px!important;margin-inline-start:8px}.product-cell{display:flex;align-items:center;gap:12px}.product-cell img{width:45px;height:45px;object-fit:cover;border:1px solid var(--border);border-radius:11px}.product-cell b{font-size:13px}.feedback{font-size:13px;background:var(--ink);box-shadow:0 8px 25px #001a2930;border-radius:14px;padding:14px 20px}.setup{max-width:720px;margin:45px auto;background:var(--surface);border:1px solid var(--border);border-radius:30px;box-shadow:var(--shadow);padding:28px}.setup>.brand{font-size:32px}.setup>.notice{border-radius:12px;padding:10px 14px;margin:18px 0}.auth-shell{display:grid;grid-template-columns:1.1fr 1fr;max-width:1120px;min-height:650px;margin:8vh auto;padding:0;border:1px solid var(--border);border-radius:30px;overflow:hidden;background:var(--surface);box-shadow:0 30px 80px #183d5718}.auth-intro{position:relative;overflow:hidden;padding:55px;background:linear-gradient(140deg,#0b2a40,#075f6c);color:#fff}.auth-intro .brand{color:white}.auth-kicker{display:block;margin-top:55px;font-size:10px;letter-spacing:3px;color:#a6d5d9}.auth-intro h1{font-size:42px;line-height:1.45;font-weight:750;letter-spacing:-1px;margin:16px 0 20px}.auth-intro p{font-size:15px;max-width:340px;color:#c4e2e6;line-height:2}.auth-form{padding:65px 45px}.auth-form h2{font-size:25px;margin:0}.auth-form form{display:grid;gap:17px;margin-top:30px}.auth-form .actions{margin:8px 0}.auth-orbit{border:1px solid #74d2ca40;position:absolute;width:230px;height:230px;bottom:-85px;inset-inline-end:-45px;border-radius:50%;display:grid;place-items:center;box-shadow:0 0 0 30px #92e7dd08,0 0 0 60px #92e7dd05}.auth-orbit span{font-size:130px;color:#99e4d85c}.auth-form #auth-error{color:#af2f45;font-size:12px;margin:0}.permission-matrix th:first-child{position:sticky;inset-inline-start:0;background:var(--surface)}.permission-matrix td{text-align:center}.demo-pill{font-size:11px;padding:4px 12px;background:#fff1d7;color:#816023}.actions{gap:9px;margin-top:18px}
:root[data-theme=dark] body{background:radial-gradient(ellipse at top,#11333f6e,transparent 50%),var(--bg)}:root[data-theme=dark] header{background:#0c1728}:root[data-theme=dark] nav{background:#0c1728}:root[data-theme=dark] nav button.active{background:#193534;box-shadow:none;color:#d7f7e9}:root[data-theme=dark] .dash-card{background:linear-gradient(135deg,#122035,#0e192c);border-color:var(--border);box-shadow:var(--shadow);border-radius:var(--radius)}:root[data-theme=dark] .hero-tools{background:transparent}:root[data-theme=dark] .btn.primary{background:linear-gradient(120deg,#48cbb4,#8ce8cc);color:#09252f;border-color:#55ccb5}:root[data-theme=dark] .btn.primary:hover{background:#8ce8cc}:root[data-theme=dark] .metric-icon{background:linear-gradient(130deg,#153845,#15332f);color:#8aead2}:root[data-theme=dark] .route-schematic{background:linear-gradient(135deg,#122536,#112d30)}:root[data-theme=dark] .street{stroke:#26374c}:root[data-theme=dark] .status-new,:root[data-theme=dark] .status-confirmed,:root[data-theme=dark] .status-preparing,:root[data-theme=dark] .status-ready{background:#393221;color:#efcf9c}:root[data-theme=dark] .status-delivered{background:#153d30;color:#9ee7c0}:root[data-theme=dark] .status-in_transit,:root[data-theme=dark] .status-shipped{background:#153742;color:#83def0}:root[data-theme=dark] .activity-tabs button.active{background:#213e43;color:#b4f1e0;box-shadow:0 2px 8px #0002}:root[data-theme=dark] .dash-hero h2{font-size:clamp(30px,2.65vw,45px)}:root[data-theme=dark] .demo-pill{background:#423621;color:#efd8ac}:root[data-theme=dark] .btn.danger{background:#39202a;color:#ffc1ca}
@media(min-width:1650px){.dashboard-layout{gap:23px}.dash-card{padding:26px}.shipment-chart{min-height:330px}.shell{grid-template-columns:235px 1fr}main{padding:28px 36px}.card-heading h3{font-size:18px}.chart-legend{font-size:12px}}
@media(max-width:1320px){.shell{grid-template-columns:195px minmax(0,1fr)}nav{padding:22px 10px}nav button{font-size:12px;padding:10px 12px}.dashboard-layout{grid-template-columns:minmax(0,1.55fr) minmax(240px,1fr)}.dashboard-secondary{grid-column:1;grid-row:2;display:grid;grid-template-columns:1fr 1fr}.tracking-card{grid-column:2;grid-row:1/span 2}.metric-icon{width:43px;height:43px}.dash-metric{gap:10px}.dash-metric strong{font-size:29px}.dash-metric p{font-size:11px}.dash-card{padding:20px}.hero-tools{max-width:310px}.dash-hero h2{font-size:34px}:root[data-theme=dark] .dash-hero h2{font-size:34px}.order-value>strong{font-size:25px}.grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}}
@media(max-width:1050px){.shell{grid-template-columns:76px minmax(0,1fr)}nav button{justify-content:center;padding:13px}nav button span,.nav-caption,nav a,nav>.muted{display:none}nav button svg{width:23px;height:23px}header{padding:19px 22px}.top-controls select{max-width:185px;font-size:12px}main{padding:22px}.dash-hero{display:block}.hero-tools{max-width:none;width:fit-content;margin-top:16px}.auth-shell{margin:30px 20px}.auth-intro{padding:38px}.auth-form{padding:50px 30px}}
@media(max-width:760px){.shell{display:block}nav{position:sticky;top:0;z-index:25;display:flex;flex-direction:row;height:auto;min-height:0;padding:9px 12px;gap:6px;overflow:auto;border:0;border-bottom:1px solid var(--border);background:var(--surface)!important;box-shadow:0 6px 15px #21354a09}nav button{display:flex;flex-direction:column;gap:4px;padding:9px 14px;min-width:68px;line-height:1.2;flex:none;border-radius:12px}nav button span{display:block;font-size:10px;white-space:nowrap}nav button svg{width:21px;height:21px}nav button.active:before{width:20px;height:2px;bottom:2px;top:auto;inset-inline-start:calc(50% - 10px)}header{padding:17px 18px;gap:14px}.brand{font-size:24px}.top-controls{gap:7px;flex-wrap:nowrap;width:100%}.top-controls select{font-size:12px;padding:10px;max-width:none;min-width:0}.top-controls #actor-select{display:none}.top-controls #company-select{flex:2}.top-controls #language{flex:1}.top-controls .theme-button{flex:none}.notice{font-size:10px;padding:8px 18px;line-height:1.7}main{padding:20px 16px 35px}.dashboard-main>h1{font-size:15px}.dashboard-main>p.muted{font-size:11px}.dashboard-layout{grid-template-columns:1fr;gap:15px}.dashboard-primary{gap:18px}.dashboard-secondary{grid-column:1;grid-row:auto;grid-template-columns:1fr 1fr;gap:15px}.tracking-card{grid-column:1;grid-row:auto}.dash-metrics{grid-template-columns:repeat(3,1fr);gap:8px}.dash-metric{display:flex;gap:8px}.metric-icon{width:39px;height:39px;margin:0;border-radius:12px}.metric-icon svg{width:22px;height:22px}.dash-metric strong{font-size:28px}.dash-metric p{font-size:10px;line-height:1.4}.dash-hero{margin:20px 0}.dash-hero h2,:root[data-theme=dark] .dash-hero h2{font-size:31px;letter-spacing:-.6px}.dash-hero .eyebrow{font-size:13px}.dash-hero p.muted{font-size:12px;line-height:1.8}.hero-tools .btn{font-size:12px;padding:10px 12px;min-height:42px}.hero-tools{gap:7px;flex-wrap:wrap}.panel,.dash-card{padding:19px;border-radius:20px}.card-heading h3{font-size:15px}.card-heading p{font-size:11px}.chart-legend{font-size:10px;gap:9px}.shipment-chart{min-height:225px;margin-top:22px}.completion-card{min-height:205px}.gauge strong{font-size:31px}.value-card{min-height:240px}.value-card>.muted{font-size:10px}.order-value{margin-top:23px}.order-value>strong{font-size:25px}.order-value small{font-size:11px}.truck-art{width:120px}.route-schematic{height:185px}.route-schematic svg{height:100%}.tracking-timeline{display:block}.tracking-timeline li{padding-bottom:18px}.tracking-timeline b{font-size:12px}.tracking-timeline time{font-size:11px}.tracking-id b{font-size:14px}.tracking-route b{font-size:12px}.tracking-carrier{font-size:13px}.activity-heading{display:block}.activity-tabs{margin-top:15px;max-width:100%;overflow:auto;flex-wrap:nowrap}.activity-tabs button{white-space:nowrap;font-size:11px;padding:8px 11px}.dashboard-footer{grid-template-columns:1fr;gap:15px}.shipment-activity{padding:18px}.table-wrap{border-radius:12px}.shipment-activity td{font-size:12px}.grid{grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:14px}.finance-metrics{grid-template-columns:1fr 1fr;gap:12px}.finance-metrics .stat{padding:17px}.finance-metrics .stat strong{font-size:22px;line-height:1.5}.finance-metrics .stat>span{font-size:11px}.panel h2{font-size:19px}.return-input-line{grid-template-columns:1fr 90px}.carrier-grid{grid-template-columns:1fr}.order-form-footer{flex-wrap:wrap;padding:14px}.order-form-footer>span{flex:1 1 100%}.auth-shell{grid-template-columns:1fr;margin:20px 15px}.auth-intro{padding:30px}.auth-kicker{margin-top:24px}.auth-intro h1{font-size:30px}.auth-intro p{font-size:13px}.auth-form{padding:30px}.auth-form h2{font-size:22px}.auth-orbit{width:130px;height:130px;bottom:-50px}.auth-orbit span{font-size:80px}main>h1{font-size:25px}.top-controls .btn{font-size:11px;padding:9px}.copy-product-list{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}@media print{.notice,nav,header,.actions,.feedback{display:none!important}.panel,.dash-card{box-shadow:none!important;border:1px solid #ddd!important}body{background:white;color:#111}}

.action-queue{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:22px}.queue-tile{display:flex;align-items:center;gap:12px;padding:20px;border:1px solid var(--border);border-radius:18px;background:var(--bg);color:var(--ink);font:inherit;text-align:start;cursor:pointer}.queue-tile svg{width:24px;flex-shrink:0;color:var(--accent)}.queue-tile strong{font-size:27px;margin-inline-start:auto}.queue-tile:focus-visible{outline:3px solid var(--accent)}.product-cell small{display:block;color:var(--muted);font-size:12px}@media(max-width:700px){.card-heading p,.dash-metric p,.chart-legend,.value-card>.muted,.notice,.activity-tabs button,.finance-metrics .stat>span{font-size:12px}.action-queue{grid-template-columns:1fr}}

/* Dedicated customer entry screen, kept separate from the customer list. */
.customer-toolbar{display:flex;justify-content:flex-start;margin:20px 0 24px}.customer-add{gap:12px;padding:13px 22px}.customer-editor{max-width:1120px;margin:22px auto}.customer-editor-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:28px}.customer-editor-title{display:flex;align-items:center;gap:16px}.customer-editor-title>svg{width:48px;height:48px;padding:12px;border-radius:15px;background:var(--soft);color:var(--accent)}.customer-editor-title h2{margin:0}.customer-editor-title p{margin:5px 0 0;font-size:13px}.customer-editor-layout{display:grid;grid-template-columns:240px minmax(0,1fr);gap:30px}.customer-photo-card{display:flex;flex-direction:column;align-items:center;text-align:center;padding:26px 18px;background:var(--bg);border:1px dashed var(--border);border-radius:22px;gap:15px}.customer-avatar{width:130px;height:130px;background:var(--soft);border-radius:28px;display:grid;place-items:center;overflow:hidden;color:var(--accent);border:1px solid var(--border)}.customer-avatar>svg{width:58px;height:58px}.customer-avatar img{width:100%;height:100%;object-fit:cover}.customer-photo-card>b{font-size:14px}.customer-photo-upload{position:relative;display:flex;flex-direction:row;align-items:center;gap:8px;cursor:pointer;border:1px solid var(--border);background:var(--surface);border-radius:12px;padding:10px 15px;font-size:13px}.customer-photo-upload>svg{width:18px;height:18px}.customer-photo-upload input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.customer-photo-upload:focus-within{outline:3px solid var(--accent);outline-offset:3px}.customer-photo-card p{font-size:12px;margin:0}.customer-details-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-content:start}.customer-details-grid input,.customer-details-grid textarea{width:100%;min-width:0}.customer-address{grid-column:1/-1}.customer-editor-footer{display:flex;justify-content:flex-end;border-top:1px solid var(--border);padding-top:23px;margin-top:28px}.customer-editor-footer .btn{padding:13px 26px}.customer-list-name{display:flex;align-items:center;gap:12px}.customer-list-name>img,.customer-list-name>svg{width:40px;height:40px;border-radius:12px;object-fit:cover;flex-shrink:0;background:var(--soft);color:var(--accent)}.customer-list-name>svg{padding:9px}.customer-list-name small{display:block;direction:ltr;font-size:12px;color:var(--muted);margin-top:3px}@media(max-width:760px){.customer-editor-layout{grid-template-columns:1fr;gap:22px}.customer-editor-heading{align-items:flex-start;flex-wrap:wrap}.customer-photo-card{padding:20px}.customer-avatar{width:100px;height:100px;border-radius:24px}.customer-editor{padding:20px}.customer-editor-heading>.btn{font-size:12px}}@media(max-width:480px){.customer-details-grid{grid-template-columns:1fr;gap:17px}.customer-editor-footer .btn{width:100%}.customer-editor-title>svg{width:42px;height:42px}.customer-editor-title h2{font-size:19px}.customer-editor-title p{font-size:12px}}

.product-stock-note{font-size:12px;margin-top:18px;padding:12px 15px;background:var(--soft);border-radius:12px}.product-editor .customer-avatar img{object-fit:contain;background:var(--surface)}

.stock-quantity-cell{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.stock-quantity-cell>span{min-width:24px;font-weight:700}.stock-quantity-cell>.btn{padding:7px 10px;font-size:12px;min-height:34px;white-space:nowrap}.stock-shortcut-hint{padding:12px 16px;background:var(--soft);border-radius:12px}.stock-shortcut-hint+.muted{font-size:13px;margin-bottom:18px}

.company-editor .customer-avatar img,.company-list-name>img{object-fit:contain;background:var(--surface)}

.carrier-grid{align-items:start}.carrier-rate-action{margin-top:18px}.carrier-rate-action>.btn{width:100%}.carrier-rates-dialog{padding:0;border:1px solid var(--border);border-radius:24px;background:var(--surface);color:var(--ink);width:min(1080px,calc(100vw - 48px));max-width:none;max-height:88dvh;box-shadow:0 30px 100px #0005;overflow:hidden}.carrier-rates-dialog::backdrop{background:#07172b99;backdrop-filter:blur(5px)}.rates-dialog-inner{display:flex;flex-direction:column;max-height:88dvh}.rates-dialog-header{display:flex;align-items:center;justify-content:space-between;padding:24px;gap:16px;flex-shrink:0}.rates-dialog-title{display:flex;align-items:center;gap:15px}.rates-dialog-title>svg{width:44px;height:44px;padding:10px;background:var(--soft);border-radius:14px;color:var(--accent)}.rates-dialog-title h2{margin:0;font-size:20px;line-height:1.6}.rates-dialog-title p{font-size:13px;margin:3px 0 0;color:var(--muted)}.rates-dialog-filters{display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:16px;padding:18px 24px;background:var(--bg);flex-shrink:0}.rates-dialog-filters input,.rates-dialog-filters select{width:100%}.rates-dialog-body{margin:0 24px;overflow:auto;min-height:100px;border-radius:0;flex:1}.rates-table{width:100%;min-width:0}.rates-table th{position:sticky;top:0;background:var(--surface);font-size:13px;z-index:1}.rates-table td{font-size:14px;white-space:normal;padding:15px 13px}.rates-dialog-footer{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:18px 24px;border-top:1px solid var(--border);font-size:13px;flex-shrink:0}.rates-dialog-footer>div{display:flex;align-items:center;gap:12px}.rates-dialog-footer .btn{min-height:38px;padding:8px 14px}@media(max-width:640px){.carrier-rates-dialog{width:calc(100vw - 20px);border-radius:18px;max-height:94dvh}.rates-dialog-inner{max-height:94dvh}.rates-dialog-header{padding:17px;align-items:flex-start}.rates-dialog-title{gap:10px}.rates-dialog-title h2{font-size:16px}.rates-dialog-title>svg{width:36px;height:36px;flex-shrink:0}.rates-dialog-header>.btn{padding:8px}.rates-dialog-header>.btn span{display:none}.rates-dialog-filters{grid-template-columns:1fr;padding:15px;gap:12px}.rates-dialog-body{margin:0 15px}.rates-table,.rates-table tbody{display:block}.rates-table thead{display:none}.rates-table tr{display:grid;grid-template-columns:1fr 1fr;padding:10px 0;border-bottom:1px solid var(--border)}.rates-table td{display:flex;flex-direction:column;gap:4px;border:0;padding:9px;font-size:14px}.rates-table td:before{content:attr(data-label);font-size:12px;color:var(--muted)}.rates-table .empty-row{grid-column:1/-1}.rates-table .empty-row:before{display:none}.rates-dialog-footer{padding:15px;flex-wrap:wrap;justify-content:center}.rates-dialog-footer>span{width:100%;text-align:center}}

.rates-dialog-guide{padding:13px 24px 0;flex-shrink:0}.rates-dialog-guide p{font-size:12px;line-height:1.6;margin:0 0 8px;color:var(--muted)}.rates-dialog-guide .rates-reference-note{color:var(--gold)}.rates-dialog-tools{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 24px 8px;flex-wrap:wrap;flex-shrink:0}.rates-dialog-tools>div{display:flex;gap:10px;flex-wrap:wrap}.rates-dialog-tools .btn{font-size:12px;padding:8px 12px;min-height:36px}.rates-export-scope{font-size:12px;color:var(--muted);margin:0;padding:0 24px 10px;flex-shrink:0}.rates-operation-message{font-size:12px;color:var(--signal);margin:0;padding:0 24px;flex-shrink:0}.rates-operation-message:empty{display:none}.rate-copy-button{padding:8px!important;min-height:32px}.rates-table .rate-copy-cell{width:70px;text-align:center}.rates-table th.rate-copy-cell{font-size:11px}.rates-print-only{display:none}.rates-table bdi{font-variant-numeric:tabular-nums}@media(max-width:640px){.rates-dialog-guide,.rates-dialog-tools{padding-inline:15px}.rates-export-scope,.rates-operation-message{padding-inline:15px}.rates-table td.rate-copy-cell{grid-column:1/-1;width:auto;align-items:flex-end}.rates-table td.rate-copy-cell:before{display:none}.rates-dialog-tools{gap:8px}.rates-dialog-tools>div{gap:8px}}
@media print{body:has(.carrier-rates-dialog[data-print-rates]) #app{display:none!important}.carrier-rates-dialog[data-print-rates]{display:block!important;position:static!important;inset:auto!important;width:100%!important;max-width:none!important;height:auto!important;max-height:none!important;border:0!important;border-radius:0!important;box-shadow:none!important;overflow:visible!important;margin:0!important;background:white!important;color:#111!important}.carrier-rates-dialog[data-print-rates]::backdrop{display:none}.carrier-rates-dialog[data-print-rates] .rates-dialog-inner{display:block!important;max-height:none!important;overflow:visible!important}.carrier-rates-dialog[data-print-rates] .rates-dialog-header{display:flex!important;padding:0 0 12px!important;border-bottom:1px solid #ccc!important;background:white!important;color:#111!important;box-shadow:none!important}.carrier-rates-dialog[data-print-rates] .rates-dialog-title h2{font-size:18px!important}.carrier-rates-dialog[data-print-rates] .rates-dialog-header button,.carrier-rates-dialog[data-print-rates] .rates-dialog-filters,.carrier-rates-dialog[data-print-rates] .rates-dialog-tools,.carrier-rates-dialog[data-print-rates] .rates-export-scope,.carrier-rates-dialog[data-print-rates] .rates-dialog-footer,.carrier-rates-dialog[data-print-rates] .rate-copy-cell,.carrier-rates-dialog[data-print-rates] .rates-operation-message{display:none!important}.carrier-rates-dialog[data-print-rates] .rates-dialog-body{overflow:visible!important;margin:0!important;display:block!important;border:0!important}.carrier-rates-dialog[data-print-rates] .rates-dialog-guide{padding:10px 0!important}.carrier-rates-dialog[data-print-rates] .rates-print-only{display:block!important;font-size:11px!important;line-height:1.6!important;margin:10px 0!important}.carrier-rates-dialog[data-print-rates] .rates-table{display:table!important;width:100%!important;border-collapse:collapse!important}.carrier-rates-dialog[data-print-rates] .rates-table thead{display:table-header-group!important}.carrier-rates-dialog[data-print-rates] .rates-table tbody{display:table-row-group!important}.carrier-rates-dialog[data-print-rates] .rates-table tr{display:table-row!important;break-inside:avoid!important}.carrier-rates-dialog[data-print-rates] .rates-table td,.carrier-rates-dialog[data-print-rates] .rates-table th{display:table-cell!important;position:static!important;background:white!important;color:#111!important;border-bottom:1px solid #ddd!important;padding:8px 6px!important;font-size:11px!important}.carrier-rates-dialog[data-print-rates] .rates-table td:before{display:none!important}.carrier-rates-dialog[data-print-rates] .rates-table .rate-copy-cell{display:none!important}}

.animated-number{display:inline-block;font-variant-numeric:tabular-nums}[data-motion="bar"]{transform-box:fill-box;transform-origin:center bottom}@media(prefers-reduced-motion:reduce){[data-motion="bar"]{transform:none!important;opacity:1!important}}@media print{[data-motion="bar"]{transform:none!important;opacity:1!important}}

.report-charts-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin:24px 0}.report-chart-card{min-width:0}.report-chart-card .card-heading p{line-height:1.7}.report-chart-legend{display:flex;flex-wrap:wrap;gap:14px;font-size:12px;color:var(--muted);margin:16px 0}.report-chart-legend>span{display:flex;align-items:center;gap:7px}.report-chart-legend i,.report-status-legend i{display:inline-block;width:10px;height:10px;border-radius:4px;flex-shrink:0}.report-bar-list{display:flex;flex-direction:column;gap:17px;margin-top:22px}.report-bar-row{display:grid;grid-template-columns:minmax(80px,1fr) minmax(70px,1.5fr) auto;gap:14px;align-items:center}.report-bar-row>b{font-size:13px;line-height:1.6;overflow-wrap:anywhere}.report-bar-plot svg{display:block;width:100%;height:auto;min-height:16px;max-height:58px}.report-bar-values{display:flex;flex-direction:column;gap:3px;text-align:end;font-size:13px;line-height:1.3;white-space:nowrap}.report-bar-values small{color:var(--muted)}.report-bar-track{fill:var(--soft)}.report-fill-0{fill:var(--chart-dark);background:var(--chart-dark)}.report-fill-1{fill:var(--signal);background:var(--signal)}.report-fill-2{fill:var(--gold);background:var(--gold)}[data-motion="bar"][data-motion-axis="x"]{transform-origin:left center}[dir="rtl"] [data-motion="bar"][data-motion-axis="x"]{transform-origin:right center}.report-status-layout{display:grid;align-items:center;margin-top:20px}.report-donut{position:relative;max-width:230px;margin:auto;width:100%}.report-donut svg{width:100%;display:block}.report-donut circle{fill:none;stroke-width:21}.report-donut-track{stroke:var(--soft)}.report-donut>div{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;pointer-events:none}.report-donut strong{font-size:34px}.report-donut>div>span{font-size:12px;color:var(--muted)}.report-tone-0{stroke:#087e8b;background:#087e8b}.report-tone-1{stroke:#7da3cc;background:#7da3cc}.report-tone-2{stroke:#07a680;background:#07a680}.report-tone-3{stroke:#bd9349;background:#bd9349}.report-tone-4{stroke:#8e78bd;background:#8e78bd}.report-tone-5{stroke:#ce6f75;background:#ce6f75}.report-tone-6{stroke:#5e8792;background:#5e8792}.report-tone-7{stroke:#a5a768;background:#a5a768}.report-status-legend{flex-direction:column;}.report-status-legend>div{display:flex;align-items:center;gap:8px;}.report-status-legend span{flex:1}.report-status-legend small{color:var(--muted);text-align:end}.report-chart-empty{min-height:190px;display:grid;align-content:center;justify-items:center;gap:14px;color:var(--muted);text-align:center;font-size:13px}.report-chart-empty>svg{width:40px;height:40px;opacity:.5}@media(max-width:1000px){.report-charts-grid{grid-template-columns:1fr}}@media(max-width:550px){.report-status-layout{grid-template-columns:1fr}.report-donut{max-width:200px}.report-bar-row{grid-template-columns:minmax(65px,1fr) minmax(65px,1.1fr) auto;gap:9px}.report-bar-row>b{font-size:12px}.report-bar-values{font-size:12px}.report-bar-values small{font-size:10px}.report-chart-card{padding:18px}}@media print{.report-charts-grid{display:block}.report-chart-card{break-inside:avoid;margin-bottom:20px}.report-bar-plot [data-motion]{transform:none!important;opacity:1!important}}

.report-tone-8{stroke:#3e6889;background:#3e6889}.report-tone-9{stroke:#ad7f57;background:#ad7f57}.report-bar-values small{font-size:11px}

.report-donut-3d{width:100%;isolation:isolate}.report-status-3d-svg{width:100%;height:auto;overflow:visible}.report-3d-shadow{fill:var(--ink);opacity:.1;filter:blur(4px);pointer-events:none}.report-3d-wall{stroke:#0001;stroke-width:.5;stroke-linejoin:round}.report-3d-top{stroke-linejoin:round}.report-3d-slice{transform-box:fill-box;transition:filter .2s}.report-3d-total{fill:var(--ink);font-size:37px;font-weight:750}.report-3d-label{fill:var(--muted);font-size:16px;font-weight:550}@media(prefers-reduced-motion:reduce){.report-3d-slice{transition:none}}@media print{.report-3d-slice{transform:none!important;opacity:1!important}.report-3d-shadow{filter:none}}

.report-status-layout{grid-template-columns:1fr;gap:20px}.report-status-visual{display:flex;flex-direction:column;align-items:center;gap:12px;width:100%}.report-status-total{display:flex;align-items:center;gap:13px;width:min(100%,270px);padding:14px 20px;border:1px solid var(--accent);border-radius:18px;background:linear-gradient(125deg,var(--soft),var(--surface));box-shadow:0 7px 22px #087e8b16;color:var(--ink)}.report-status-total>svg{width:36px;height:36px;padding:7px;background:var(--surface);border-radius:11px;color:var(--accent);flex-shrink:0}.report-status-total>span{font-size:14px;font-weight:650}.report-status-total>strong{font-size:34px;font-weight:800;margin-inline-start:auto;line-height:1.1}.report-donut-3d{max-width:340px}.report-status-legend{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.report-status-legend>div{padding:9px 11px;border:1px solid var(--border);border-radius:12px;background:var(--bg);font-size:12px;line-height:1.6}.report-status-legend>div>span{min-width:0;overflow-wrap:anywhere}.report-status-legend b{font-size:13px}.report-status-legend small{font-size:11px;flex-shrink:0;width:43px}.report-3d-top{stroke:#ffffff9c;stroke-width:1}.report-3d-slice{filter:drop-shadow(0 1px 1px #071b2816)}.report-3d-slice:hover{filter:brightness(1.1) drop-shadow(0 2px 3px #071b2826)}@media(max-width:550px){.report-donut-3d{max-width:310px}.report-status-total{width:min(100%,260px)}.report-status-legend>div{padding:8px}.report-status-legend small{width:38px}.report-status-legend{gap:8px}}@media(max-width:380px){.report-status-legend{grid-template-columns:1fr}}@media print{.report-status-total{box-shadow:none;border-color:#bbb;background:white}.report-3d-slice{filter:none!important}}

.report-charts-grid>.report-chart-card:first-child{grid-column:1/-1}@media(min-width:901px){.report-charts-grid>.report-chart-card:first-child .report-status-layout{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:30px}.report-charts-grid>.report-chart-card:first-child .report-status-legend{grid-template-columns:1fr}.report-charts-grid>.report-chart-card:first-child .report-status-legend>div{font-size:13px;padding:9px 14px}}

/* Separate order editor: same visual language as customer/product editors. */
.order-editor{max-width:1180px}.order-editor #order-form>.grid,.order-editor .advanced-form>.grid{grid-template-columns:repeat(3,minmax(0,1fr))}.order-editor #order-items>.line{display:grid;grid-template-columns:minmax(180px,2fr) minmax(100px,1fr) minmax(120px,1fr) auto;align-items:end}.order-editor .line select{min-width:0}.order-editor .order-form-footer>.btn{padding:13px 24px}.order-editor .customer-editor-title h2{margin:0}@media(max-width:900px){.order-editor #order-form>.grid,.order-editor .advanced-form>.grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.order-editor #order-items>.line{grid-template-columns:repeat(2,minmax(0,1fr))}.order-editor #order-items>.line>label:first-child{grid-column:1/-1}.order-editor #order-items>.line>.btn{grid-column:1/-1}.order-editor .order-form-footer>.btn{width:100%}}@media(max-width:480px){.order-editor #order-form>.grid,.order-editor .advanced-form>.grid{grid-template-columns:1fr}}

/* Chart details on hover, keyboard focus, or touch. */
.report-3d-slice[data-chart-tooltip]{cursor:help}.report-3d-slice:focus-visible{outline:none;filter:brightness(1.16) drop-shadow(0 2px 4px #087e8b66)}.report-3d-slice:focus-visible .report-3d-top{stroke:var(--ink);stroke-width:2.5}.chart-tooltip{position:fixed;z-index:1000;max-width:min(280px,calc(100vw - 24px));min-width:min(230px,calc(100vw - 24px));padding:16px 18px;background:var(--surface);color:var(--ink);border:1px solid var(--accent);border-radius:16px;box-shadow:0 12px 35px #08293830;direction:inherit;font-size:13px;line-height:1.6;overflow-wrap:anywhere}.chart-tooltip[hidden]{display:none}.chart-tooltip-heading{display:flex;align-items:center;gap:10px;padding-bottom:11px;margin-bottom:9px;border-bottom:1px solid var(--border)}.chart-tooltip-title{font-size:15px}.chart-tooltip-dot{width:12px;height:12px;flex-shrink:0;border-radius:4px;box-shadow:0 0 0 4px var(--soft)}.chart-tooltip-row{display:flex;justify-content:space-between;align-items:center;gap:22px;margin-top:6px}.chart-tooltip-row>span{color:var(--muted)}.chart-tooltip-value{font-size:15px;direction:ltr;unicode-bidi:isolate}.chart-tooltip-row:nth-child(2) .chart-tooltip-value{font-size:19px}@media print{.chart-tooltip{display:none!important}}

/* Company-scoped team and professional member profiles. */
.user-toolbar{gap:12px;flex-wrap:wrap}.user-list-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.user-list-heading h2{margin:0}.user-team-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(245px,1fr));gap:20px}.user-team-card{position:relative;overflow:hidden;text-align:center;border:1px solid var(--border);border-radius:22px;padding:0 20px 23px;background:var(--surface)}.user-card-band{height:64px;margin:0 -20px 0;background:linear-gradient(120deg,var(--soft),color-mix(in srgb,var(--accent) 20%,var(--surface)))}.user-avatar{width:42px;height:42px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:50%;background:linear-gradient(140deg,var(--soft),var(--bg));color:var(--accent);border:1px solid var(--border);overflow:hidden}.user-avatar>img{width:100%;height:100%;object-fit:cover}.user-avatar>.souqi-icon{width:22px;height:22px}.user-avatar-large{width:94px;height:94px;border:5px solid var(--surface);box-shadow:0 5px 18px #102b4317}.user-avatar-large>.souqi-icon{width:44px;height:44px}.user-team-card>.user-avatar{margin-top:-35px;position:relative}.user-team-card h3{margin:12px 0 4px;font-size:18px}.user-team-card p{margin:6px 0}.user-team-card .actions{justify-content:center}.user-team-card .actions>.btn{font-size:12px;padding:9px 12px}.user-role-pill{display:inline-flex;align-items:center;gap:6px;background:var(--soft);color:var(--accent);border:1px solid var(--border);border-radius:25px;padding:4px 11px;font-size:12px;font-weight:650}.user-email{font-size:12px;overflow-wrap:anywhere;color:var(--muted)}.user-account-button{padding:4px 10px 4px 5px!important;border-radius:30px;gap:9px;background:var(--surface)!important}.user-account-button>.user-avatar{width:34px;height:34px}.user-account-button>span:last-child{max-width:135px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.user-invitation-list{display:grid;gap:14px}.user-invitation{display:flex;align-items:center;gap:20px;justify-content:space-between;flex-wrap:wrap;padding:17px;background:var(--bg);border:1px solid var(--border);border-radius:17px}.user-invitation-person{display:flex;align-items:center;gap:12px}.user-invitation small{display:block;color:var(--muted);font-size:12px;margin-top:4px}.user-invitation p{margin:6px 0 0}.user-invitation .actions{margin:0}.user-editor{max-width:1180px}.user-photo-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:24px 0}.user-photo-option{display:flex;flex-direction:column;align-items:center;gap:12px;background:var(--bg);border:1px dashed var(--border);padding:20px;border-radius:19px}.user-photo-option>p{margin:0;font-size:12px}.user-photo-preview{width:84px;height:84px;border:1px solid var(--border);display:grid;place-items:center;background:var(--soft);color:var(--accent);border-radius:50%;overflow:hidden}.user-photo-preview>svg{width:38px;height:38px}.user-photo-preview>img{width:100%;height:100%;object-fit:cover}.user-cover-preview{width:100%;max-width:260px;height:100px;border-radius:14px}.user-permission-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:24px 0 15px}.user-permission-heading h3{display:flex;align-items:center;gap:10px;margin:0}.user-permission-heading p{margin:0}.user-permission-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:17px;align-items:start}.user-permission-module{border:1px solid var(--border);border-radius:15px;padding:6px 14px;margin:0;background:var(--surface)}.user-permission-module>summary{display:flex;align-items:center;gap:9px;padding:9px 0;color:var(--ink)}.user-permission-module>summary>small{margin-inline-start:auto;background:var(--soft);border-radius:8px;padding:2px 8px;color:var(--accent)}.user-permission-module>summary:after{content:'+';font-size:19px;color:var(--accent);margin-inline-start:4px}.user-permission-module[open]>summary:after{content:'−'}.user-permission-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px 9px;border-top:1px solid var(--border);padding:15px 0}.user-permission-options>label{display:flex;flex-direction:row;align-items:center;gap:7px;font-size:12px;font-weight:550}.user-permission-options input{flex-shrink:0}.user-permission-options input:disabled{cursor:default}.user-invite-note{padding:13px 16px;border-radius:12px;margin:24px 0 0}.user-profile-hero{border-radius:26px;border:1px solid var(--border);overflow:hidden;background:var(--surface);box-shadow:var(--shadow);margin:22px 0}.user-profile-cover{height:250px;overflow:hidden;background:linear-gradient(120deg,#083048,#087e8b);position:relative}.user-profile-cover>img{width:100%;height:100%;object-fit:cover;object-position:center}.user-default-cover{height:100%;display:flex;flex-direction:column;justify-content:center;gap:10px;padding:35px 55px;color:#efffff;position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 15% 20%,#25c7bc44,transparent 55%),linear-gradient(120deg,#0c2542,#096e7a)}.user-default-cover>span{font-size:11px;letter-spacing:4px;opacity:.85}.user-default-cover>b{font-size:clamp(23px,2.4vw,35px);font-weight:650;letter-spacing:-.6px}.user-default-cover>i{position:absolute;inset-inline-end:6%;top:-70px;width:340px;height:340px;border:1px solid #bdfff22e;border-radius:50%;box-shadow:0 0 0 45px #bdfff212,0 0 0 90px #bdfff20a;z-index:-1}.user-profile-identity{display:flex;align-items:center;gap:24px;padding:0 32px 28px;position:relative;flex-wrap:wrap}.user-profile-identity #profile-avatar{margin-top:-45px}.user-profile-identity .user-avatar-large{width:138px;height:138px;border-width:7px}.user-profile-identity .user-avatar-large>svg{width:60px;height:60px}.user-profile-name{padding-top:18px;flex:1;min-width:160px}.user-profile-name>h2{margin:0;font-size:27px;letter-spacing:-.5px}.user-profile-name>p{font-size:13px;color:var(--muted);margin:5px 0 10px}.user-profile-identity .actions{padding-top:18px;margin:0}.user-profile-layout{display:grid;grid-template-columns:300px minmax(0,1fr);gap:22px;align-items:start}.user-profile-layout .panel{margin:0 0 22px}.user-profile-about h3{margin-top:0}.user-bio{font-size:14px;white-space:pre-wrap;overflow-wrap:anywhere}.user-profile-about dl{margin:24px 0}.user-profile-about dl>div{padding:12px 0;border-bottom:1px solid var(--border)}.user-profile-about dt{font-size:11px;color:var(--muted);margin-bottom:5px}.user-profile-about dd{font-size:13px;margin:0;overflow-wrap:anywhere}.user-profile-main{min-width:0}.user-profile-main .user-permission-heading{margin-top:0}.user-profile-main .user-permission-grid{grid-template-columns:1fr}.user-profile-main .user-permission-options{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(min-width:1250px){.user-profile-main .user-permission-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:1100px){.user-profile-layout{grid-template-columns:250px minmax(0,1fr)}.user-account-button>span:last-child{display:none}.user-account-button{padding:4px!important}}
@media(max-width:850px){.user-profile-layout{grid-template-columns:1fr}.user-profile-about dl{display:grid;grid-template-columns:1fr 1fr;gap:10px 20px}.user-profile-cover{height:210px}.user-profile-identity{padding:0 24px 24px;gap:18px}.user-profile-identity .user-avatar-large{width:115px;height:115px}.user-profile-name>h2{font-size:24px}.user-permission-grid{grid-template-columns:1fr}.user-account-button{width:44px;flex:none}.user-account-button>.user-avatar{width:32px;height:32px}}
@media(max-width:550px){.user-profile-cover{height:175px}.user-default-cover{padding:25px}.user-default-cover>span{font-size:10px;letter-spacing:2px}.user-default-cover>b{font-size:23px}.user-profile-identity{gap:12px;padding:0 18px 22px}.user-profile-identity #profile-avatar{margin-top:-35px}.user-profile-identity .user-avatar-large{width:98px;height:98px}.user-profile-name{min-width:130px}.user-profile-name>h2{font-size:21px}.user-profile-identity .actions{width:100%;padding-top:4px}.user-profile-identity .actions>.btn{flex:1;font-size:12px}.user-photo-grid{grid-template-columns:1fr}.user-profile-about dl{grid-template-columns:1fr}.user-permission-options,.user-profile-main .user-permission-options{grid-template-columns:repeat(2,minmax(0,1fr))}.user-editor .customer-editor-heading>.btn{width:100%}.user-invitation .actions{width:100%}.user-team-grid{grid-template-columns:1fr}.top-controls{flex-wrap:wrap}.top-controls .user-account-button{min-width:40px}}
@media print{.user-profile-hero{box-shadow:none}.user-profile-identity .actions,.user-account-button,.user-photo-grid{display:none}.user-profile-cover{height:160px}}

/* Direct camera controls keep file selection anchored to the actual photo. */
#profile-avatar{position:relative}.user-profile-cover-visual{height:100%;width:100%}.user-profile-cover-visual>img{width:100%;height:100%;object-fit:cover;object-position:center}.profile-photo-controls{position:absolute;display:flex;align-items:center;gap:7px;z-index:2}.profile-photo-controls-avatar{inset-inline-end:1px;bottom:3px}.profile-photo-controls-cover{inset-inline-end:18px;bottom:18px}.profile-camera-control,.profile-photo-remove{position:relative;width:38px;height:38px;min-height:38px;display:flex;align-items:center;justify-content:center;flex:none;border:2px solid var(--surface);border-radius:50%;background:var(--accent);color:var(--surface);box-shadow:0 3px 12px #08233335;cursor:pointer;padding:0}.profile-photo-remove{width:30px;height:30px;min-height:30px;background:var(--surface);color:var(--muted);border:1px solid var(--border)}.profile-camera-control>.souqi-icon{width:19px;height:19px}.profile-photo-remove>.souqi-icon{width:14px;height:14px}.profile-camera-control input{position:absolute;inset:0;opacity:0;width:100%;height:100%;min-height:0;padding:0;border:0;border-radius:50%;cursor:pointer}.profile-camera-control:hover{filter:brightness(1.12)}.profile-camera-control:focus-within,.profile-photo-remove:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.profile-photo-remove[hidden],.profile-photo-actions[hidden]{display:none}.profile-photo-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap;padding:0 32px 22px}.profile-photo-actions>.btn{font-size:12px}.profile-photo-controls-cover .profile-camera-control{border-color:#ffffffbb;background:#ffffffee;color:#15354a}.profile-photo-controls-cover .profile-photo-remove{background:#ffffffee;color:#15354a}@media(max-width:550px){.profile-photo-controls-avatar .profile-camera-control{width:34px;height:34px;min-height:34px}.profile-photo-controls-cover{bottom:12px;inset-inline-end:12px}.profile-photo-actions{padding:0 18px 20px}.profile-photo-actions>.btn{flex:1}}@media print{.profile-photo-controls,.profile-photo-actions{display:none!important}}

/* Internal company messaging: private, responsive conversations. */
.message-header-button{position:relative;width:44px;height:44px;padding:9px!important;flex:none}.message-header-button>.souqi-icon{width:22px;height:22px}.message-unread-badge{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 6px;background:#c33f59;color:#fff;border-radius:30px;font-size:11px;font-weight:750;font-style:normal;line-height:1}.message-unread-badge[hidden]{display:none}.message-header-button>.message-unread-badge{position:absolute;top:-7px;inset-inline-end:-6px;border:2px solid var(--surface);height:23px}.message-page-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:20px 0}.message-workspace{display:grid;grid-template-columns:310px minmax(0,1fr);min-height:580px;background:var(--surface);border:1px solid var(--border);border-radius:24px;overflow:hidden;box-shadow:var(--shadow)}.message-sidebar{border-inline-end:1px solid var(--border);padding:23px 18px;background:var(--surface)}.message-sidebar h2{font-size:21px}.message-sidebar>label{font-size:12px}.message-peers{display:grid;gap:9px;max-height:440px;overflow-y:auto;margin-top:22px}.message-peer{display:flex;align-items:center;gap:11px;text-align:start;padding:13px 10px;border:1px solid transparent;background:transparent;color:var(--ink);border-radius:14px;min-width:0}.message-peer:hover,.message-peer.active{background:var(--soft);border-color:var(--border)}.message-peer>span:nth-child(2){min-width:0;flex:1}.message-peer b{font-size:13px;display:block}.message-peer small{font-size:11px;color:var(--muted);display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:170px;margin-top:3px}.message-conversation{display:flex;flex-direction:column;min-width:0;min-height:580px;background:linear-gradient(135deg,var(--bg),var(--surface))}.message-conversation-heading{display:flex;align-items:center;gap:12px;padding:20px 25px;border-bottom:1px solid var(--border);background:var(--surface)}.message-conversation-heading h3{margin:0;font-size:17px}.message-conversation-heading small{font-size:11px;color:var(--muted)}.message-thread{display:flex;flex-direction:column;gap:16px;padding:25px;overflow-y:auto;max-height:470px;min-height:350px;flex:1;scrollbar-width:thin}.message-bubble{padding:13px 17px;max-width:82%;border:1px solid var(--border);border-radius:18px;background:var(--surface);box-shadow:0 3px 10px #102e4308;align-self:flex-start}.message-bubble.outgoing{align-self:flex-end;background:var(--soft);border-color:color-mix(in srgb,var(--accent) 25%,var(--border));border-end-end-radius:5px}.message-bubble.incoming{border-end-start-radius:5px}.message-bubble>p{margin:0;font-size:14px;line-height:1.85;white-space:pre-wrap;overflow-wrap:anywhere;text-align:start}.message-bubble footer{display:flex;justify-content:flex-end;gap:12px;font-size:10px;color:var(--muted);margin-top:8px;flex-wrap:wrap}.message-bubble footer>span{display:flex;align-items:center;gap:4px}.message-bubble footer .souqi-icon{width:13px;height:13px}.message-compose{display:flex;align-items:flex-end;gap:13px;padding:20px;border-top:1px solid var(--border);background:var(--surface)}.message-compose-field{flex:1;min-width:0}.message-compose textarea{resize:vertical;min-height:63px;max-height:160px}.message-compose .btn{min-height:48px;flex:none}.message-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:10px;flex:1;padding:35px;color:var(--muted)}.message-empty>span{display:grid;place-items:center;width:76px;height:76px;border-radius:24px;background:var(--soft);color:var(--accent)}.message-empty>span>.souqi-icon{width:34px;height:34px}.message-empty h3{font-size:19px;color:var(--ink);margin:8px 0}.message-empty p{font-size:13px;margin:0}.message-empty-note{padding:18px;line-height:1.9}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:1000px){.message-workspace{grid-template-columns:250px minmax(0,1fr)}.message-sidebar{padding:20px 12px}.message-peer small{max-width:125px}.message-thread{padding:20px}}@media(max-width:700px){.message-workspace{grid-template-columns:1fr}.message-sidebar{border-inline-end:0;border-bottom:1px solid var(--border)}.message-peers{display:flex;overflow-x:auto;max-height:130px;margin-top:15px;gap:8px}.message-peer{flex:none;min-width:175px}.message-peer small{max-width:130px}.message-conversation{min-height:440px}.message-thread{max-height:400px;min-height:260px;padding:18px}.message-bubble{max-width:90%}.message-compose{padding:15px;gap:8px}.message-compose .btn{padding:12px}.message-compose .btn span{display:none}.message-conversation-heading{padding:16px 20px}.message-page-heading{align-items:flex-start}.message-page-heading>.btn{font-size:11px}.message-header-button{min-width:40px;width:40px}.message-workspace{border-radius:20px}}@media print{.message-compose,.message-sidebar,.message-header-button{display:none}.message-workspace{display:block;box-shadow:none}.message-thread{max-height:none;overflow:visible}}

.demo-message-tools{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:20px 0;padding:14px 18px;border:1px dashed var(--border);border-radius:15px;background:var(--surface)}.demo-message-tools>p{margin:0;flex:1;min-width:200px}.demo-message-tools .demo-pill{flex-shrink:0}
@media(max-width:760px){html[data-portable-messaging-demo=enabled] .top-controls{flex-wrap:wrap}html[data-portable-messaging-demo=enabled] #actor-select{display:block!important;max-width:none;min-width:170px;flex:1 1 200px}}

/* Order workspace: live values, frozen line items and permission-aware sections. */
.order-open-link{display:inline-flex;align-items:center;gap:7px;max-width:100%;border:0;border-bottom:1px dashed color-mix(in srgb,var(--accent) 35%,transparent);border-radius:0;padding:3px 0;margin:4px 0;background:transparent;color:var(--accent);font-size:12px;font-weight:700;text-align:start;cursor:pointer}.order-open-link:hover{color:var(--ink);border-bottom-color:var(--accent)}.order-open-link>svg{width:15px;height:15px}.order-detail-hero{display:flex;justify-content:space-between;align-items:center;gap:22px;padding:28px 30px;margin:23px 0;background:linear-gradient(125deg,var(--surface),var(--soft));border:1px solid var(--border);border-radius:25px;box-shadow:var(--shadow)}.order-detail-eyebrow{color:var(--muted);font-size:11px;letter-spacing:1.5px;margin:0 0 8px;font-weight:650}.order-detail-hero h2{font-size:clamp(18px,1.75vw,28px);font-weight:750;margin:0 0 15px;overflow-wrap:anywhere;text-align:start;letter-spacing:.3px}.order-detail-meta{display:flex;align-items:center;gap:15px;flex-wrap:wrap;color:var(--muted);font-size:12px}.order-detail-meta>span{display:flex;align-items:center;gap:6px}.order-detail-meta .souqi-icon{width:16px;height:16px}.order-detail-tools{display:flex;gap:8px;flex-wrap:wrap;flex-shrink:0;max-width:350px}.order-detail-tools .btn{font-size:12px;padding:10px 14px}.order-detail-status-control{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;padding:17px 20px;background:var(--surface);border:1px solid var(--border);border-radius:16px;margin:0 0 23px}.order-detail-status-control>label{min-width:215px}.order-detail-status-control>p{margin:0 0 11px;font-size:12px}.order-detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 325px;gap:22px;align-items:start}.order-detail-main,.order-detail-side{min-width:0;display:flex;flex-direction:column;gap:20px}.order-detail-card{margin:0;padding:23px;border-radius:23px}.order-detail-heading{display:flex;align-items:center;gap:11px;margin-bottom:19px}.order-detail-heading>svg{width:36px;height:36px;border-radius:11px;padding:8px;background:var(--soft);color:var(--accent)}.order-detail-heading>h2{font-size:18px;margin:0;letter-spacing:-.3px}.order-detail-main .table-wrap th{font-size:11px}.order-detail-main .table-wrap td{font-size:12px}.order-detail-card>.muted{font-size:12px;margin:0 0 17px}.order-detail-person{display:flex;align-items:center;gap:13px;margin-bottom:18px}.order-detail-person>img,.order-detail-person>span{width:52px;height:52px;display:grid;place-items:center;background:var(--soft);color:var(--accent);border-radius:16px;object-fit:cover;flex-shrink:0}.order-detail-person h3{font-size:16px;margin:0 0 3px}.order-detail-person bdi{font-size:13px;color:var(--muted)}.order-detail-facts{margin:0;display:grid;gap:13px}.order-detail-facts>div{display:flex;justify-content:space-between;align-items:flex-start;gap:15px;padding-bottom:11px;border-bottom:1px solid var(--border)}.order-detail-facts>div:last-child{border-bottom:0;padding-bottom:0}.order-detail-facts dt{font-size:11px;color:var(--muted);flex-shrink:0;max-width:45%}.order-detail-facts dd{font-size:12px;font-weight:600;text-align:end;margin:0;overflow-wrap:anywhere;min-width:0}.order-amounts{margin:0;display:grid;gap:13px}.order-amounts>div{display:flex;justify-content:space-between;gap:15px;font-size:13px}.order-amounts dt{color:var(--muted)}.order-amounts dd{margin:0;font-weight:650;direction:ltr;text-align:end}.order-amounts .order-grand-total{border-top:1px solid var(--border);margin-top:7px;padding-top:19px;align-items:center}.order-grand-total>dt{color:var(--ink);font-weight:700}.order-grand-total>dd{font-size:22px;font-weight:800;color:var(--accent)}.order-finance-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;margin-bottom:24px}.order-finance-metrics>div{padding:17px;background:var(--bg);border:1px solid var(--border);border-radius:16px}.order-finance-metrics small{font-size:11px;color:var(--muted)}.order-finance-metrics strong{display:block;font-size:21px;font-weight:750;margin-top:7px;overflow-wrap:anywhere}.order-payment-list{display:grid;gap:11px}.order-payment-list>div{display:flex;justify-content:space-between;align-items:center;gap:13px;padding:12px 0;border-bottom:1px solid var(--border);font-size:13px}.order-payment-list small{display:block;color:var(--muted);font-size:11px;margin-top:4px}.order-payment-voided{opacity:.6}.order-payment-voided>b{text-decoration:line-through}.order-detail-stock{display:flex;gap:9px;align-items:center;padding:12px;margin-top:18px;background:var(--soft);border-radius:12px;font-size:12px;color:var(--accent)}.order-detail-side .advanced-form{padding:10px}.order-detail-side .customer-details-grid{grid-template-columns:1fr;gap:12px}.order-detail-side textarea,.order-detail-side input{font-size:12px}.order-history-list{list-style:none;padding:0;margin:0}.order-history-list li{position:relative;display:flex;gap:15px;padding:0 0 24px}.order-history-list li:before{content:'';position:absolute;inset-inline-start:5px;top:10px;bottom:0;border-inline-start:1px dashed var(--border)}.order-history-list li:last-child{padding-bottom:0}.order-history-list li:last-child:before{display:none}.order-history-list li>i{position:relative;flex:none;width:11px;height:11px;border-radius:50%;background:var(--chart-pale);margin-top:7px}.order-history-list li.latest>i{background:var(--accent);box-shadow:0 0 0 4px var(--soft)}.order-history-list b{font-size:13px;display:block}.order-history-list time,.order-history-list small{display:block;color:var(--muted);font-size:11px;margin-top:3px}.order-comments-list{display:grid;gap:14px}.order-comments-list>article{padding:16px;border:1px solid var(--border);border-radius:15px;background:var(--bg)}.order-comments-list>article>div{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.order-comments-list b{font-size:12px}.order-comment-avatar{display:grid;place-items:center;width:29px;height:29px;background:var(--surface);color:var(--accent);border-radius:50%}.order-comment-avatar>svg{width:16px;height:16px}.order-comments-list time{margin-inline-start:auto;font-size:10px;color:var(--muted)}.order-comments-list p{font-size:13px;line-height:1.9;white-space:pre-wrap;overflow-wrap:anywhere;margin:11px 0 0}.order-comment-compose{display:grid;gap:12px;margin-top:22px}.order-comment-compose>.btn{justify-self:end;font-size:12px}.order-detail-notes{white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px;line-height:1.9;margin:0}.order-document-buttons{display:grid;grid-template-columns:1fr 1fr;gap:10px}.order-document-buttons>.btn{font-size:11px;padding:10px 8px;white-space:normal}.order-return-list{display:grid;gap:11px}.order-return-list>div{display:flex;align-items:center;gap:10px;padding:12px;border:1px solid var(--border);border-radius:13px;flex-wrap:wrap;font-size:13px}.order-return-list small{margin-inline-start:auto;color:var(--muted)}.order-detail-extras{margin:0}.order-detail-extras>.order-detail-card{margin-top:13px}.order-detail-extras>summary{padding:11px 15px;border:1px solid var(--border);border-radius:12px;background:var(--surface);font-size:12px}
@media(max-width:1250px){.order-detail-layout{grid-template-columns:minmax(0,1fr) 285px;gap:17px}.order-detail-card{padding:19px}.order-detail-hero{flex-wrap:wrap}.order-detail-hero h2{font-size:23px}.order-grand-total>dd{font-size:20px}.order-finance-metrics strong{font-size:19px}}@media(max-width:1000px){.order-detail-layout{grid-template-columns:1fr}.order-detail-side{display:grid;grid-template-columns:1fr 1fr;align-items:start;gap:18px}.order-detail-status-control{flex-wrap:wrap}.order-detail-status-control>p{margin:0}.order-detail-side .advanced-form .customer-details-grid{grid-template-columns:1fr}}@media(max-width:600px){.order-detail-hero{padding:22px 18px;gap:17px;margin-top:18px}.order-detail-hero h2{font-size:18px;line-height:1.7}.order-detail-meta{gap:10px;font-size:11px}.order-detail-tools{width:100%;max-width:none}.order-detail-tools>.btn{flex:1;font-size:11px;padding:10px}.order-detail-side{grid-template-columns:1fr}.order-detail-status-control>label{width:100%;min-width:0}.order-finance-metrics strong{font-size:17px}.order-finance-metrics>div{padding:13px}.order-detail-heading>h2{font-size:17px}.order-detail-card{padding:18px}.order-comments-list time{width:100%;margin-inline-start:38px}.order-comment-compose>.btn{width:100%}.order-detail-main,.order-detail-side{gap:16px}.order-detail-main .customer-details-grid{grid-template-columns:1fr}}
@media print{.order-detail-tools,.order-detail-status-control,.order-comment-compose,.order-document-buttons{display:none}.order-detail-layout{display:block}.order-detail-side{display:block}.order-detail-hero{box-shadow:none;background:#fff}.order-detail-card{box-shadow:none;border-radius:0;margin:15px 0}}

/* Shipment card: only recorded order data, ready for a future carrier reader. */
.shipment-tracking-card{padding:26px;overflow:hidden}.shipment-tracking-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:18px}.shipment-tracking-heading .order-detail-heading{margin:0}.shipment-tracking-source{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:30px;border:1px solid var(--border);color:var(--muted);font-size:11px;background:var(--bg)}.shipment-tracking-source svg{width:14px;height:14px}.shipment-tracking-status{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:18px}.shipment-tracking-status>span:last-child{font-size:11px;color:var(--muted)}.shipment-tracking-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:0;padding:20px;border:1px solid var(--border);border-radius:16px;background:linear-gradient(130deg,var(--soft),var(--bg))}.shipment-tracking-facts dt{font-size:11px;color:var(--muted);margin-bottom:5px}.shipment-tracking-facts dd{font-size:15px;font-weight:700;overflow-wrap:anywhere;margin:0;text-align:start}.shipment-fact-tracking dd{font-family:ui-monospace,monospace}.shipment-fact-cost dd{color:var(--accent)}.shipment-tracking-actions{display:flex;justify-content:flex-end;margin-top:12px}.shipment-tracking-actions .btn{font-size:11px;padding:8px 12px}.shipment-timeline-title{font-size:13px;margin:25px 0 20px}.shipment-timeline{padding:0;margin:0;list-style:none}.shipment-timeline li{position:relative;display:flex;gap:18px;padding:0 0 25px;min-height:65px}.shipment-timeline li:last-child{padding-bottom:0}.shipment-timeline li:not(:last-child):before{position:absolute;content:'';inset-inline-start:9px;top:21px;bottom:0;border-inline-start:2px solid var(--border)}.shipment-timeline-dot{position:relative;flex:none;display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:var(--soft);border:1px solid color-mix(in srgb,var(--accent) 25%,var(--border));color:var(--accent);margin-top:2px;box-shadow:0 0 0 5px var(--surface)}.shipment-timeline-dot svg{width:12px;height:12px}.shipment-event-heading{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.shipment-event-heading b{font-size:14px}.shipment-event-heading>span{font-size:10px;background:var(--soft);color:var(--accent);border-radius:20px;padding:3px 9px}.shipment-timeline time,.shipment-timeline small{display:block;font-size:11px;color:var(--muted);margin-top:5px}.shipment-timeline .current .shipment-event-heading b{color:var(--accent)}.shipment-timeline .current .shipment-timeline-dot{background:var(--accent);color:var(--surface);border-color:var(--accent)}.shipment-timeline .active .shipment-timeline-dot:after{content:'';position:absolute;inset:-5px;border:1px solid var(--accent);border-radius:50%;animation:shipment-status-pulse 2.4s ease-out infinite}.shipment-tracking-note{display:flex;align-items:flex-start;gap:10px;border-top:1px solid var(--border);margin-top:24px;padding-top:17px;color:var(--muted)}.shipment-tracking-note>svg{width:20px;height:20px;flex:none;color:var(--accent);margin-top:3px}.shipment-tracking-note p{margin:0;font-size:11px;line-height:1.9}.shipment-tracking-note small{display:block;margin-top:4px;font-size:11px}.shipment-tracking-empty{color:var(--muted);font-size:13px;padding:14px 0}.shipment-tracking-card .status-pill{font-size:12px}
@keyframes shipment-status-pulse{0%{transform:scale(.85);opacity:.65}80%,100%{transform:scale(1.6);opacity:0}}
@media(prefers-reduced-motion:reduce){.shipment-timeline .active .shipment-timeline-dot:after{animation:none;opacity:.3}}
@media(max-width:600px){.shipment-tracking-card{padding:18px}.shipment-tracking-facts{gap:17px;padding:16px}.shipment-tracking-facts dd{font-size:13px}.shipment-tracking-heading .order-detail-heading h2{font-size:16px}.shipment-tracking-status{align-items:flex-start}.shipment-timeline li{gap:15px}.shipment-tracking-source{font-size:10px}}
@media(max-width:360px){.shipment-tracking-facts{grid-template-columns:1fr}}
@media print{.shipment-tracking-actions{display:none}.shipment-timeline .active .shipment-timeline-dot:after{animation:none}}
.shipment-live-controls{border-top:1px solid var(--border);padding-top:16px;margin-top:18px}.shipment-live-controls .actions{margin-top:0}.shipment-live-controls .btn{font-size:12px}.shipment-auto{display:flex;flex-direction:row;align-items:center;gap:9px;margin-top:15px;font-size:12px}.shipment-auto input{accent-color:var(--accent);width:16px;height:16px;flex:none}.shipment-send-review{margin-top:22px;padding:20px;border:1px solid var(--accent);border-radius:17px;background:var(--bg)}.shipment-send-review h3{margin-top:0}.shipment-send-review>p{font-size:12px;overflow-wrap:anywhere}.shipment-send-review .shipment-tracking-facts{background:var(--surface);gap:14px;padding:16px}.shipment-send-review .carrier-hub-replace{margin-top:18px}.shipment-send-review .actions{margin-top:16px}.order-quote-note{grid-column:1/-1;margin:0;font-size:11px;line-height:1.8;color:var(--muted)}.order-quote-note[data-available=true]{color:var(--accent)}
@media(max-width:600px){.shipment-live-controls .actions .btn{flex:1;white-space:normal}.shipment-send-review{padding:14px}.shipment-send-review .shipment-tracking-facts{grid-template-columns:1fr}.shipment-auto{align-items:flex-start}}
@media print{.shipment-live-controls{display:none}}
.shipment-receipt{display:flex;align-items:center;gap:7px;font-size:11px;color:var(--accent);overflow-wrap:anywhere}.shipment-receipt>svg{width:16px;height:16px;flex:none}
.order-office-info{display:flex;flex-direction:column;gap:5px;margin-top:9px;padding:12px;border:1px solid var(--border);border-radius:12px;background:var(--soft);font-size:11px;font-weight:400;line-height:1.8;overflow-wrap:anywhere;color:var(--muted)}.order-office-info strong{color:var(--ink);font-size:12px}.order-office-info[hidden]{display:none}

/* Daily workspace enhancements: responsive, scoped business tools. */
.team-task-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,290px),1fr));gap:20px}.team-task{padding:24px;display:flex;flex-direction:column;gap:8px}.team-task h3{margin:0;overflow-wrap:anywhere}.team-task p{white-space:pre-wrap;overflow-wrap:anywhere}.task-overdue{border-inline-start:4px solid #bd9349}.team-task .actions{margin-top:auto}.team-task select{max-width:180px}.settlement-summary{display:flex;gap:12px;flex-wrap:wrap}.settlement-summary .stat{flex:1;min-width:220px}.saved-report-filters{display:flex;gap:12px;flex-wrap:wrap;margin-top:16px}.saved-filter{display:flex;gap:4px;padding:4px;border:1px solid var(--border);border-radius:16px}.barcode-preview{background:white;padding:8px;border-radius:10px;min-width:180px;max-width:300px}.product-barcode{width:100%;min-height:55px}#order-items .line{grid-template-columns:2fr 1.5fr 1fr 1fr auto}.report-bar-plot [role=button],.report-3d-slice[role=button]{cursor:pointer}.report-bar-plot [role=button]:focus{outline:2px solid #087e8b;outline-offset:2px}.report-drill-results{scroll-margin-top:20px}@media(max-width:760px){#order-items .line{grid-template-columns:1fr 1fr}#order-items .line>label:first-child{grid-column:1/-1}.settlement-summary .stat{min-width:100%}.team-task{padding:18px}}

/* Detailed delivery vehicle; reserve its space so totals and status stay legible. */
.value-card .truck-art{position:relative;inset:auto;display:block;width:calc(100% + 10px);max-width:245px;opacity:1;pointer-events:none;margin-block:6px -16px;margin-inline-start:auto;margin-inline-end:-12px;line-height:0}.truck-art .delivery-truck-illustration{display:block;width:100%;height:auto;overflow:visible}.value-card .active-note{margin-top:22px}.delivery-truck-illustration text{direction:ltr;unicode-bidi:isolate}@media(max-width:700px){.value-card .truck-art{max-width:220px;margin-inline-end:-8px}}

/* Shared carrier identity and locally saved carrier profiles. */
.carrier-logo{display:inline-flex;align-items:center;justify-content:center;flex:none;background:var(--soft);color:var(--accent);border:1px solid var(--border);border-radius:12px;vertical-align:middle;overflow:hidden}.carrier-logo img{display:block;width:100%;height:100%;object-fit:contain;background:var(--surface)}.carrier-logo>svg{width:55%;height:55%;flex:none}.carrier-logo-small{width:34px;height:34px}.carrier-logo-medium{width:58px;height:58px;border-radius:17px}.carrier-logo-large{width:120px;height:120px;border:6px solid var(--surface);border-radius:28px;box-shadow:0 8px 26px #102b4020}.carrier-brand{display:inline-flex;align-items:center;gap:10px;color:inherit;max-width:100%;text-align:start;font:inherit}.carrier-brand>span:last-child{overflow-wrap:anywhere}.carrier-brand-link{border:0;background:transparent;padding:0;cursor:pointer}.carrier-brand-link:hover{color:var(--accent)}.carrier-brand-link:focus-visible{outline:2px solid var(--accent);outline-offset:4px;border-radius:7px}.carrier-summary .carrier-brand-link{justify-content:flex-start;width:auto;flex:none;font-weight:650}.order-carrier-brand{margin-top:10px;font-size:11px}.carrier-card>.carrier-logo,.carrier-hub-card>.carrier-logo{margin-bottom:10px}.carrier-profile-hero{margin-top:20px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow)}.carrier-profile-cover{height:220px;position:relative;background:var(--soft)}#carrier-cover-visual,#carrier-cover-visual>img,.carrier-default-cover{height:100%;width:100%}#carrier-cover-visual>img{object-fit:cover}.carrier-default-cover{position:relative;display:flex;flex-direction:column;justify-content:center;gap:12px;padding:30px 40px;color:var(--ink);background:radial-gradient(ellipse at 15% 100%,color-mix(in srgb,var(--accent) 24%,transparent),transparent 65%),linear-gradient(120deg,var(--soft),var(--surface));overflow:hidden}.carrier-default-cover>span{font-size:10px;letter-spacing:3px;opacity:.7}.carrier-default-cover>b{font-size:28px;max-width:75%;overflow-wrap:anywhere}.carrier-default-cover>svg{position:absolute;width:190px;height:190px;inset-inline-end:7%;opacity:.12;transform:rotate(-8deg)}.carrier-profile-identity{display:flex;align-items:center;gap:22px;padding:0 28px 25px;position:relative;flex-wrap:wrap}.carrier-profile-logo-wrap{position:relative;margin-top:-35px;flex:none}.carrier-profile-title{padding-top:18px;flex:1;min-width:180px}.carrier-profile-title h2{margin:5px 0 8px;font-size:26px;overflow-wrap:anywhere}.carrier-profile-title>.muted{font-size:11px}.carrier-profile-kicker{font-size:10px;color:var(--accent)}.carrier-profile-identity>.actions{padding-top:15px}.carrier-photo-tools{position:absolute;display:flex;gap:6px;inset-inline-end:15px;bottom:15px}.carrier-profile-logo-wrap>.carrier-photo-tools{inset-inline-end:-14px;bottom:0}.carrier-photo-tools .btn{min-width:32px;width:34px;height:34px;min-height:34px;padding:6px;border-radius:50%;background:var(--surface);box-shadow:0 4px 12px #102b4020}.carrier-photo-tools .btn svg{width:16px;height:16px}.carrier-photo-picker{position:relative;overflow:hidden;cursor:pointer}.carrier-photo-picker input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.carrier-profile-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:22px 0}.carrier-profile-metrics>div{display:flex;flex-direction:column;gap:8px;border:1px solid var(--border);border-radius:17px;padding:18px;background:var(--surface)}.carrier-profile-metrics span{font-size:11px;color:var(--muted)}.carrier-profile-metrics strong{font-size:27px;color:var(--ink)}.carrier-profile-toolbar{display:flex;flex-direction:column;gap:15px;margin:22px 0}.carrier-profile-tabs{display:flex;gap:6px;overflow-x:auto;padding:5px;background:var(--soft);border:1px solid var(--border);border-radius:15px;width:fit-content;max-width:100%}.carrier-profile-tabs .btn{flex:none;border-color:transparent;background:transparent;box-shadow:none;font-size:12px}.carrier-profile-tabs .selected{background:var(--surface);color:var(--accent);box-shadow:0 2px 7px #102b4010}.carrier-profile-overview{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);gap:20px}.carrier-profile-overview>.panel{min-width:0}.carrier-profile-overview p{line-height:1.9;white-space:pre-wrap;overflow-wrap:anywhere}.carrier-region-chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:15px}.carrier-region-chips span{font-size:11px;line-height:1.8;padding:5px 10px;background:var(--soft);border-radius:9px}.carrier-profile-contact dl{margin:10px 0}.carrier-profile-contact dl>div{padding:14px 0;border-bottom:1px solid var(--border)}.carrier-profile-contact dt{font-size:11px;color:var(--muted)}.carrier-profile-contact dd{font-size:13px;margin:7px 0 0;overflow-wrap:anywhere}.carrier-profile-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.carrier-profile-fields label{min-width:0}.carrier-profile-wide{grid-column:1/-1}.carrier-profile-filters{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr) auto;gap:15px;align-items:end;margin:18px 0}.carrier-profile-pagination{display:flex;gap:15px;align-items:center;justify-content:space-between;margin-top:18px;font-size:12px;color:var(--muted)}.carrier-profile-pagination .actions{margin:0}.carrier-profile-table td{font-size:12px;line-height:1.8;max-width:290px;overflow-wrap:anywhere}.carrier-profile-table td:first-child{font-weight:600}
@media(max-width:760px){.carrier-profile-cover{height:170px}.carrier-profile-identity{padding:0 18px 20px;gap:15px}.carrier-logo-large{width:95px;height:95px;border-radius:24px}.carrier-profile-title h2{font-size:21px}.carrier-profile-title{min-width:130px}.carrier-profile-overview{grid-template-columns:1fr}.carrier-profile-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.carrier-profile-filters{grid-template-columns:1fr}.carrier-profile-fields{grid-template-columns:1fr}.carrier-profile-wide{grid-column:auto}.carrier-default-cover{padding:25px}.carrier-default-cover>b{font-size:24px}.carrier-default-cover>svg{width:145px;height:145px}.carrier-profile-identity>.actions{padding:0;flex-basis:100%}}
/* Structured recipient, products and delivery entry. */
.order-entry-form [hidden]{display:none!important}
.order-entry-form{display:grid;gap:20px}.order-entry-section{padding:22px;border:1px solid var(--border);border-radius:18px;background:var(--surface)}.order-entry-heading{display:flex;align-items:center;gap:12px;margin-bottom:20px}.order-entry-heading h3{margin:0;font-size:17px}.order-entry-heading p{margin:2px 0 0;font-size:12px}.order-step{display:grid;place-items:center;flex:none;width:36px;height:36px;border-radius:12px;background:var(--soft);color:var(--accent);font-weight:800}.order-entry-form .grid{gap:18px}.order-saved-customer{max-width:480px;margin-bottom:18px}.order-entry-form .order-contact-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.order-contact-grid>label:nth-child(5){grid-column:1/-1}.order-entry-form .order-delivery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.order-delivery-grid>label:first-child{grid-column:1/-1}.order-entry-form #order-items .line{margin-bottom:12px;background:var(--soft);border-radius:14px;padding:16px;align-items:end;grid-template-columns:minmax(150px,2fr) minmax(120px,1.2fr) 90px 120px auto}.order-entry-form .order-quote-note{grid-column:1/-1;margin:0;padding:12px 16px;border-radius:12px;background:var(--soft)}.order-summary{padding:20px;border:1px solid var(--border);border-radius:18px;background:var(--surface)}.order-summary>div:first-child{max-width:240px}.order-summary .order-form-footer{margin-top:16px;padding-top:16px;border-top:1px solid var(--border)}.order-summary output{font-size:24px;font-weight:800;direction:ltr;display:inline-block}.order-entry-form input[type=tel]{direction:ltr;text-align:start}.order-extra{margin:0}.order-entry-form label{min-width:0}.order-entry-form .order-office-info{font-size:12px}
@media(max-width:900px){.order-entry-form #order-items .line{grid-template-columns:repeat(2,minmax(0,1fr))}.order-entry-form #order-items .line>label:first-child{grid-column:1/-1}}
@media(max-width:600px){.order-entry-section,.order-summary{padding:16px}.order-entry-form .order-contact-grid,.order-entry-form .order-delivery-grid{grid-template-columns:1fr}.order-saved-customer{max-width:none}.order-entry-heading{align-items:flex-start}.order-summary .order-form-footer{gap:14px;align-items:stretch;flex-direction:column}.order-summary .btn{width:100%}}

/* Company identity at one edge; compact personal utilities at the other. */
.workspace-header{position:relative;z-index:40;display:flex;align-items:center;justify-content:space-between;flex-wrap:nowrap;gap:28px;min-height:94px;padding:18px 30px;background:var(--surface);border-bottom:1px solid var(--border);box-shadow:0 5px 24px #15334e04}
.header-company-area{min-width:0;flex:0 1 390px}.header-dropdown{position:relative}.header-dropdown>summary{list-style:none;cursor:pointer;user-select:none}.header-dropdown>summary::-webkit-details-marker{display:none}.header-dropdown summary:focus-visible,.workspace-header button:focus-visible{outline:3px solid color-mix(in srgb,var(--accent) 65%,transparent);outline-offset:4px}.header-company-trigger{display:flex;align-items:center;gap:13px;min-width:0;border-radius:16px;width:fit-content;max-width:100%;color:var(--ink)}.header-company-logo{display:grid;place-items:center;width:50px;height:50px;border-radius:15px;flex:none;overflow:hidden;background:var(--soft);box-shadow:0 5px 15px #163b4f0b}.header-company-logo>img{width:100%;height:100%;object-fit:contain}.header-company-fallback{display:grid;place-items:center;width:100%;height:100%;color:var(--accent)}.header-company-fallback>.souqi-icon{width:27px;height:27px}.header-company-identity{display:flex;flex-direction:column;gap:5px;min-width:0;text-align:start}.header-company-identity>strong{font-size:18px;font-weight:800;line-height:1.5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:280px}.header-company-identity>small{font-size:10px;color:var(--muted);letter-spacing:.2px}.header-company-toggle{width:28px;height:28px;display:grid;place-items:center;flex:none;border:1px solid var(--border);border-radius:9px;color:var(--muted);background:var(--bg);transition:background .2s,color .2s}.header-chevron{width:15px;height:15px;transition:transform .2s}.header-dropdown[open]>summary .header-chevron{transform:rotate(180deg)}.header-company-trigger:hover .header-company-toggle{color:var(--accent);background:var(--soft)}
.header-utilities{display:flex;align-items:center;gap:10px;flex:none;min-width:0}.workspace-header .header-icon-button,.workspace-header .message-header-button{display:grid;place-items:center;width:42px;height:42px;min-width:42px;padding:10px!important;border:1px solid transparent;background:transparent;color:var(--ink);box-shadow:none;border-radius:13px;position:relative;flex:none}.workspace-header .header-icon-button:hover,.workspace-header .message-header-button:hover,.header-dropdown[open]>.header-icon-button{background:var(--soft);color:var(--accent);border-color:var(--border)}.workspace-header .header-icon-button>.souqi-icon,.workspace-header .message-header-button>.souqi-icon{width:21px;height:21px}.header-user-divider{width:1px;height:31px;background:var(--border);margin-inline:5px}
.header-profile-button{display:flex;align-items:center;gap:11px;padding:5px;border:0;border-radius:14px;background:transparent;color:var(--ink);cursor:pointer;min-width:0;text-align:start;flex:none}.header-profile-button:hover{background:var(--bg)}.header-profile-photo{position:relative;display:block;flex:none}.header-profile-photo>.user-avatar{width:43px;height:43px;border-radius:50%;background:var(--soft);border:1px solid var(--border)}.header-profile-photo>.user-avatar>img{width:100%;height:100%;object-fit:cover}.header-presence-dot{position:absolute;bottom:1px;inset-inline-end:-1px;width:12px;height:12px;border:2.5px solid var(--surface);border-radius:50%;background:#0cb779;box-shadow:0 0 0 1px #0cb77924}.header-presence-dot.away{background:#94a3b8;box-shadow:none}.header-profile-copy{display:flex;flex-direction:column;gap:4px;max-width:155px;min-width:0}.header-profile-copy>strong{font-size:13px;font-weight:750;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.5}.header-profile-copy>small{font-size:10px;color:var(--muted);line-height:1.4}.header-local-trigger{display:grid;place-items:center;width:24px;height:36px;color:var(--muted);border-radius:9px}.header-local-trigger:hover{background:var(--soft)}
.header-language-trigger{display:flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:8px 10px;border-radius:12px;color:var(--ink);font-size:12px;font-weight:650;white-space:nowrap}.header-language-trigger:hover,.header-language-dropdown[open]>.header-language-trigger{background:var(--soft)}.header-language-flag{width:25px;height:17px;border-radius:3px;box-shadow:0 0 0 1px #16334b16;flex:none;overflow:hidden}.header-popover{position:absolute;top:calc(100% + 14px);inset-inline-end:0;width:280px;max-width:calc(100vw - 28px);background:var(--surface);color:var(--ink);border:1px solid var(--border);border-radius:18px;padding:9px;box-shadow:0 16px 50px #09233726;z-index:50;animation:header-popover-in .16s ease-out}.header-company-popover{inset-inline-start:0;inset-inline-end:auto;width:330px}.header-popover-title{font-size:11px;font-weight:650;color:var(--muted);padding:8px 10px 12px;margin:0}.header-company-list{display:flex;flex-direction:column;gap:4px;max-height:320px;overflow:auto;overscroll-behavior:contain}.header-company-option,.header-language-option{display:flex;align-items:center;gap:11px;width:100%;min-height:54px;padding:9px 11px;border:0;border-radius:11px;background:transparent;color:var(--ink);cursor:pointer;text-align:start;font:inherit;font-size:12px}.header-company-option:hover,.header-language-option:hover,.header-company-option.selected,.header-language-option.selected{background:var(--soft)}.header-company-option>span:nth-child(2),.header-language-option>span{flex:1;min-width:0;overflow-wrap:anywhere}.header-company-option>.souqi-icon,.header-language-option>.souqi-icon{width:17px;height:17px;color:var(--accent);flex:none}.header-company-mini{width:35px;height:35px;border-radius:10px;overflow:hidden;background:var(--bg);flex:none}.header-company-mini>img{width:100%;height:100%;object-fit:contain}.header-company-mini .souqi-icon{width:20px;height:20px}.header-language-popover{width:175px}.header-language-option{min-height:44px;font-size:13px}.header-local-popover{width:260px}.header-local-popover label{font-size:11px;padding:8px;display:grid;gap:12px;color:var(--muted)}.header-local-popover #actor-select{display:block!important;width:100%;min-width:0;max-width:100%;padding:10px;font-size:12px}
.header-unread-badge{display:grid;place-items:center;position:absolute;top:-2px;inset-inline-end:-2px;min-width:18px;height:18px;padding:0 4px;border:2px solid var(--surface);border-radius:20px;background:#e25567;color:white;font-size:9px;font-weight:800;font-style:normal;line-height:1}.header-unread-badge[hidden]{display:none}.workspace-header .message-unread-badge{top:-2px;inset-inline-end:-2px;min-width:18px;height:18px;padding:0 4px;font-size:9px;background:#e25567}.header-tasks-popover{width:345px}.header-popover-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 11px;border-bottom:1px solid var(--border)}.header-popover-heading>strong{font-size:13px}.header-popover-heading>span{display:grid;place-items:center;background:var(--soft);color:var(--accent);min-width:24px;height:24px;border-radius:8px;font-size:11px}.header-task-items{max-height:310px;overflow:auto;overscroll-behavior:contain}.header-task-item{display:flex;align-items:center;gap:10px;width:100%;padding:14px 10px;background:transparent;color:var(--ink);text-align:start;border:0;border-bottom:1px solid var(--border);cursor:pointer}.header-task-item:hover{background:var(--soft)}.header-task-symbol{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:var(--soft);color:var(--accent);flex:none}.header-task-symbol>.souqi-icon{width:18px;height:18px}.header-task-item>span:nth-child(2){min-width:0;flex:1;display:grid;gap:5px}.header-task-item strong{font-size:12px;line-height:1.7;overflow-wrap:anywhere}.header-task-item time{font-size:10px;color:var(--muted)}.header-task-dot{width:6px;height:6px;border-radius:50%;background:var(--accent);flex:none}.header-empty-state{min-height:140px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:13px;text-align:center;padding:22px;color:var(--muted);font-size:12px;line-height:1.8}.header-empty-state>.souqi-icon{width:29px;height:29px;color:var(--accent)}.header-popover-footer{display:flex;gap:6px;padding:12px 5px 3px}.header-popover-footer>.btn{font-size:10px;min-height:38px;padding:9px!important;flex:1;justify-content:center}.header-company-area>select[hidden],.header-utilities>select[hidden]{display:none!important}
@keyframes header-popover-in{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:761px) and (max-width:1100px){.workspace-header{gap:14px;padding:17px 22px}.header-company-area{flex-basis:290px}.header-company-identity>strong{max-width:200px;font-size:16px}.header-profile-copy{max-width:100px}.header-utilities{gap:5px}.header-user-divider{margin-inline:2px}}
@media(max-width:760px){.workspace-header{padding:14px 17px;gap:14px;flex-wrap:wrap;align-items:center}.header-company-area{flex:1 1 100%}.header-company-trigger{width:100%;gap:11px}.header-company-identity{flex:1}.header-company-identity>strong{max-width:none;font-size:16px}.header-company-logo{width:43px;height:43px;border-radius:13px}.header-company-toggle{margin-inline-start:auto}.header-utilities{width:100%;gap:7px;justify-content:flex-end}.header-utilities>.header-language-dropdown{margin-inline-end:auto}.workspace-header .header-icon-button,.workspace-header .message-header-button{min-width:36px;width:36px;height:38px;padding:8px!important}.header-profile-copy{display:none}.header-profile-photo>.user-avatar{width:37px;height:37px}.header-profile-button{padding:2px}.header-user-divider{display:none}.header-language-trigger{padding:6px;font-size:11px;gap:7px}.header-local-trigger{width:22px}.header-company-popover{width:100%}.header-tasks-popover{position:fixed;inset-inline:14px;top:148px;width:auto;max-width:none}.header-language-popover{inset-inline-start:0;inset-inline-end:auto}.header-popover{border-radius:15px}.header-language-flag{width:23px;height:16px}}
@media(max-width:360px){.workspace-header{padding-inline:12px}.header-utilities{gap:4px}.header-language-trigger{padding-inline:2px}.workspace-header .header-icon-button,.workspace-header .message-header-button{width:33px;min-width:33px}.header-profile-photo>.user-avatar{width:34px;height:34px}}
@media(prefers-reduced-motion:reduce){.header-popover{animation:none}.header-chevron{transition:none}}
@media print{.workspace-header{display:none!important}}

@media(max-width:760px){.header-tasks-popover{max-height:calc(100dvh - 160px);overflow-y:auto}.header-task-items{max-height:min(310px,calc(100dvh - 300px))}}

.company-directory-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,290px),1fr));gap:22px;margin:20px 0}.company-directory-card{border:1px solid var(--border);border-radius:23px;background:var(--surface);overflow:hidden;box-shadow:var(--shadow);padding-bottom:22px;position:relative}.company-directory-band{height:105px;background:linear-gradient(120deg,#0e3146,#087e8b);position:relative;display:flex;align-items:flex-start;justify-content:flex-end;padding:15px}.company-directory-band>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.company-directory-band>span:first-child:not(.company-state){margin-inline-end:auto;color:#ffffff8c;font-size:9px;letter-spacing:2px;padding-top:5px}.company-state{display:inline-flex;align-items:center;gap:6px;border-radius:30px;background:var(--soft);color:var(--accent);padding:5px 11px;font-size:10px;line-height:1.5;font-weight:650;position:relative}.company-state:before{content:'';width:5px;height:5px;background:currentColor;border-radius:50%}.company-state.archived{color:#ac7a28;background:#fff2d8}.company-directory-band>.company-state{background:#fffffff2;color:#08765f}.company-directory-band>.company-state.archived{color:#946715}.company-directory-logo{width:70px;height:70px;border:4px solid var(--surface);border-radius:20px;background:var(--soft);color:var(--accent);position:relative;margin:-28px 23px 13px;display:grid;place-items:center;overflow:hidden;box-shadow:0 6px 16px #102a3e12}.company-directory-logo>img{width:100%;height:100%;object-fit:contain}.company-directory-logo>.souqi-icon{width:30px;height:30px}.company-directory-card>h2,.company-directory-card>p{margin:8px 23px;overflow-wrap:anywhere}.company-directory-card>h2{font-size:18px;line-height:1.7}.company-directory-card>.actions{padding:0 23px}.company-directory-card>.actions>.btn{font-size:11px;padding:9px 12px}.company-archive-section{margin-top:30px;background:var(--bg)}
.company-profile-hero{overflow:hidden;border-radius:25px;border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow);margin:22px 0}.company-profile-cover{position:relative;height:240px;background:var(--soft)}#company-cover-visual{width:100%;height:100%;overflow:hidden}#company-cover-visual>img{width:100%;height:100%;object-fit:cover}.company-default-cover{width:100%;height:100%;position:relative;overflow:hidden;padding:35px 45px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:14px;background:linear-gradient(120deg,#0c2538,#0b7180);color:white}.company-default-cover>span{font-size:10px;letter-spacing:3px;color:#ffffffad;z-index:1}.company-default-cover>b{font-size:29px;max-width:75%;line-height:1.7;overflow-wrap:anywhere;z-index:1}.company-default-cover:before,.company-default-cover:after{content:'';position:absolute;width:260px;height:260px;border:1px solid #ffffff1c;border-radius:60px;transform:rotate(35deg);inset-inline-end:-35px;top:-100px}.company-default-cover:after{top:20px;inset-inline-end:70px;background:#ffffff06}.company-profile-identity{display:flex;align-items:center;gap:22px;padding:0 30px 26px;position:relative}.company-profile-logo-wrap{position:relative;flex:none;margin-top:-35px}.company-profile-logo{width:120px;height:120px;display:grid;place-items:center;overflow:hidden;border:6px solid var(--surface);background:var(--soft);color:var(--accent);border-radius:30px;box-shadow:0 6px 20px #16394c16}.company-profile-logo>img{width:100%;height:100%;object-fit:contain}.company-profile-logo>.souqi-icon{width:45px;height:45px}.company-profile-title{flex:1;min-width:0;padding-top:18px}.company-profile-title>h2{font-size:25px;margin:0;line-height:1.6;overflow-wrap:anywhere}.company-profile-title>p{font-size:12px;color:var(--muted);margin:4px 0 10px}.company-profile-identity>.actions{margin:15px 0 0;justify-content:flex-end}.company-profile-identity .btn{font-size:12px}.company-image-actions{position:absolute;bottom:14px;inset-inline-end:14px;display:flex;gap:7px;z-index:2}.company-profile-logo-wrap>.company-image-actions{bottom:-6px;inset-inline-end:-6px;gap:3px}.company-image-actions>.btn{width:35px;height:35px;min-width:35px;display:grid;place-items:center;padding:8px;box-shadow:0 4px 14px #102a3e20;border-radius:12px;background:var(--surface);color:var(--ink);cursor:pointer}.company-image-picker input{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden}.company-image-picker:focus-within{outline:3px solid var(--accent);outline-offset:2px}.company-image-actions .souqi-icon{width:17px;height:17px}
.company-profile-layout{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(250px,1fr);gap:22px;align-items:start}.company-profile-layout>.panel{margin:0}.company-profile-about>p{white-space:pre-wrap;line-height:2;color:var(--muted);font-size:14px;overflow-wrap:anywhere}.company-profile-about>h3{margin-top:26px}.company-profile-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.company-profile-metrics>.stat{position:relative;padding:18px;display:flex;align-items:center;flex-wrap:wrap;gap:8px}.company-profile-metrics .souqi-icon{width:19px;height:19px;color:var(--accent)}.company-profile-metrics span{font-size:12px;color:var(--muted)}.company-profile-metrics strong{flex-basis:100%;font-size:27px;margin-top:9px}.company-info-list{margin:0}.company-info-list>div{padding:14px 0;border-bottom:1px solid var(--border);display:grid;gap:8px}.company-info-list>div:last-child{border:0;padding-bottom:0}.company-info-list dt{font-size:11px;color:var(--muted)}.company-info-list dd{font-size:13px;margin:0;line-height:1.8;overflow-wrap:anywhere}.company-info-list a{color:var(--accent)}.company-profile-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.company-profile-fields label{gap:8px}.company-field-wide{grid-column:1/-1}.company-management-actions .actions{margin:0}.company-management-actions:has(.actions:empty){display:none}.company-delete-panel{border-color:#ce6f7580}.company-delete-panel>p{font-size:13px;line-height:1.9;color:var(--muted)}.company-delete-counts{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;margin:20px 0}.company-delete-counts>span{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px;border:1px solid var(--border);border-radius:12px;font-size:11px;color:var(--muted)}.company-delete-counts b{color:var(--ink)}#company-delete-form{display:grid;gap:20px;max-width:700px}.company-delete-ack{flex-direction:row;align-items:flex-start;gap:10px;line-height:1.9}.company-delete-ack>input{width:18px;height:18px;margin-top:4px;flex:none}.company-danger-button{background:#b13e4c;color:white;border-color:#b13e4c;justify-content:center}.company-danger-button:hover{background:#942f3c}
@media(max-width:850px){.company-profile-layout{grid-template-columns:1fr}.company-profile-identity{gap:17px;padding-inline:22px;flex-wrap:wrap}.company-profile-identity>.actions{flex-basis:100%;justify-content:flex-start;margin-top:0}.company-profile-title>h2{font-size:22px}}
@media(max-width:550px){.company-profile-cover{height:180px}.company-default-cover{padding:25px}.company-default-cover>b{font-size:22px;max-width:90%}.company-default-cover>span{font-size:8px;letter-spacing:1px}.company-profile-logo{width:93px;height:93px;border-radius:24px;border-width:5px}.company-profile-logo-wrap{margin-top:-27px}.company-profile-identity{padding:0 18px 22px;gap:14px}.company-profile-title{padding-top:13px;min-width:130px}.company-profile-title>h2{font-size:20px}.company-profile-fields{grid-template-columns:1fr}.company-profile-identity .btn{flex:1;font-size:11px}.company-profile-metrics{gap:9px}.company-profile-metrics>.stat{padding:14px}.company-image-actions>.btn{width:32px;height:32px;min-width:32px}.company-directory-grid{gap:16px}.company-delete-counts{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media print{.company-profile-hero .actions,.company-image-actions,.company-management-actions,.company-delete-panel{display:none!important}.company-profile-layout{display:block}}

.workspace-sidebar{display:block;padding:22px 12px;height:calc(100dvh - 10px);min-height:0;max-height:calc(100dvh - 10px);overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;overscroll-behavior:contain}.workspace-sidebar details{margin:0}.sidebar-content{display:flex;flex-direction:column;gap:7px;min-width:0}.workspace-sidebar .nav-caption{display:block;padding:3px 12px 16px;font-size:9px;letter-spacing:1.8px}.workspace-sidebar summary{list-style:none;cursor:pointer}.workspace-sidebar summary::-webkit-details-marker{display:none}.workspace-sidebar .sidebar-link{display:flex;align-items:center;gap:10px;width:100%;min-width:0;min-height:43px;padding:10px 11px;text-align:start;flex-direction:row;font-size:12px;border:0;border-radius:11px;background:transparent;color:var(--muted);line-height:1.65}.workspace-sidebar .sidebar-link>.souqi-icon{width:19px;height:19px;flex:none}.workspace-sidebar .sidebar-link>.sidebar-link-label{display:block;flex:1;min-width:0;white-space:normal}.workspace-sidebar .sidebar-link:hover{background:var(--bg);color:var(--ink)}.workspace-sidebar .sidebar-link.active{background:var(--soft);color:var(--ink);font-weight:750}.workspace-sidebar .sidebar-link.active>.souqi-icon{color:var(--accent)}.workspace-sidebar .sidebar-link.active:before{height:20px;width:3px;inset-inline-start:0;bottom:auto;top:calc(50% - 10px)}.sidebar-group>summary{display:flex;align-items:center;gap:10px;padding:11px;min-height:46px;border-radius:11px;color:var(--muted);font-size:12px;font-weight:600;line-height:1.7;transition:background .18s,color .18s}.sidebar-group>summary:hover,.sidebar-group[open]>summary{background:var(--bg);color:var(--ink)}.sidebar-group.contains-active>summary{color:var(--accent)}.sidebar-group>summary>.souqi-icon{width:20px;height:20px;flex:none}.sidebar-group-title{flex:1;min-width:0}.sidebar-chevron{width:14px;height:14px;flex:none;transition:transform .2s}.sidebar-group[open]>summary>.sidebar-chevron,.sidebar-sections[open]>.sidebar-mobile-toggle>.sidebar-chevron{transform:rotate(180deg)}.sidebar-children{display:flex;flex-direction:column;gap:4px;margin:5px 7px 8px 0;padding-inline-start:11px;border-inline-start:1px solid var(--border)}.workspace-sidebar .sidebar-children .sidebar-link{font-size:11px;padding:9px 10px;min-height:40px}.workspace-sidebar .sidebar-children .sidebar-link>.souqi-icon{width:17px;height:17px}.sidebar-count{display:inline-grid!important;place-items:center;flex:none;min-width:21px;height:21px;padding:0 5px;border-radius:7px;background:var(--soft);color:var(--accent);font-size:10px!important;line-height:1}.sidebar-unread-dot{width:6px;height:6px;border-radius:50%;background:#cf6372;flex:none}.workspace-sidebar .sidebar-legacy-link{display:flex;align-items:center;gap:9px;margin:8px 0 0;padding:9px 10px;text-decoration:none;font-size:10px;line-height:1.7;color:var(--muted);border-top:1px solid var(--border)}.sidebar-legacy-link>.souqi-icon{width:17px;height:17px;flex:none}.workspace-sidebar .sidebar-version{display:block;padding:15px 11px 6px;font-size:9px;color:var(--muted);opacity:.75}.workspace-sidebar .sidebar-mobile-toggle{display:none}.workspace-sidebar summary:focus-visible,.workspace-sidebar button:focus-visible,.sidebar-legacy-link:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.scroll-top-button{position:fixed;bottom:calc(22px + env(safe-area-inset-bottom,0px));inset-inline-end:24px;width:46px;height:46px;border-radius:15px;border:1px solid color-mix(in srgb,var(--accent) 70%,var(--border));background:var(--accent);box-shadow:0 7px 22px #0c53663b;display:grid;place-items:center;padding:10px;z-index:45;cursor:pointer;transition:transform .18s,box-shadow .18s}.scroll-top-button[hidden]{display:none}.scroll-top-button>svg{width:23px;height:23px}.scroll-top-button:hover{transform:translateY(-3px);box-shadow:0 10px 25px #0c536650}.scroll-top-button:focus-visible{outline:3px solid var(--ink);outline-offset:4px}
@media(min-width:761px) and (max-width:1000px){.shell{grid-template-columns:195px minmax(0,1fr)}.workspace-sidebar{padding-inline:9px}.sidebar-group>summary{gap:8px;padding-inline:10px;font-size:11px}}
@media(max-width:760px){.workspace-sidebar{height:auto;max-height:none;padding:8px 14px;min-height:0;position:sticky;top:0;z-index:25;border-bottom:1px solid var(--border)}.workspace-sidebar .sidebar-mobile-toggle{display:flex;align-items:center;gap:10px;padding:10px 6px;font-size:12px;font-weight:650;color:var(--ink)}.sidebar-mobile-toggle>.souqi-icon{width:20px;height:20px;color:var(--accent)}.sidebar-mobile-toggle>span{flex:1}.sidebar-content{max-height:55dvh;overflow-y:auto;overscroll-behavior:contain;padding:8px 3px 12px}.workspace-sidebar .nav-caption{display:none}.sidebar-group>summary{min-height:44px;font-size:12px}.workspace-sidebar .sidebar-link{min-width:0;flex-direction:row;padding:10px 11px;gap:10px}.workspace-sidebar .sidebar-link>.sidebar-link-label{display:block;font-size:12px;white-space:normal}.workspace-sidebar .sidebar-children .sidebar-link>.sidebar-link-label{font-size:11px}.workspace-sidebar .sidebar-version{display:none}.workspace-sidebar .sidebar-legacy-link{display:flex}.scroll-top-button{width:43px;height:43px;border-radius:14px;inset-inline-end:16px;bottom:calc(17px + env(safe-area-inset-bottom,0px))}}
@media(prefers-reduced-motion:reduce){.sidebar-chevron,.sidebar-group>summary,.scroll-top-button{transition:none}.scroll-top-button:hover{transform:none}}
/* Explicit fallback for browsers with different native details styling. */
.sidebar-group:not([open])>.sidebar-children,.sidebar-sections:not([open])>.sidebar-content{display:none}
.scroll-top-button{color:var(--bg)}
@media print{.workspace-sidebar,.scroll-top-button{display:none!important}}

.integration-center{--integration-accent:var(--accent);min-width:0}.integration-hero{display:flex;align-items:center;gap:18px;padding:25px;border:1px solid var(--border);border-radius:22px;background:linear-gradient(120deg,var(--surface),var(--soft));margin-bottom:18px}.integration-hero-icon,.integration-saved-emblem{display:grid;place-items:center;flex:none;width:54px;height:54px;border-radius:17px;background:var(--surface);color:var(--accent);box-shadow:0 6px 20px #102b4110}.integration-hero svg{width:25px;height:25px}.integration-hero h2{font-size:21px;margin:0 0 8px}.integration-hero p{margin:0;max-width:720px;color:var(--muted);line-height:1.9}.integration-hero>.btn{margin-inline-start:auto;flex:none}.integration-methods{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:18px}.integration-methods>a,.integration-methods>div{display:grid;grid-template-columns:36px minmax(0,1fr);gap:4px 12px;padding:20px;border:1px solid var(--border);border-radius:18px;background:var(--surface);color:var(--ink);text-decoration:none}.integration-methods svg{grid-row:span 2;color:var(--accent);width:25px;height:25px}.integration-methods span{font-size:12px;line-height:1.8;color:var(--muted)}.integration-methods a:hover{border-color:var(--accent);box-shadow:0 7px 22px #102b4110}.integration-add-carrier,.integration-requirements{padding:20px;margin-bottom:20px;background:var(--surface);border:1px solid var(--border);border-radius:18px}.integration-center summary,.integration-import summary{font-weight:600;cursor:pointer;padding:5px 0}.integration-center summary svg{width:19px;height:19px;vertical-align:middle;margin-inline-end:9px;color:var(--accent)}.integration-add-carrier .primary{margin-top:16px}.integration-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.integration-wizard{border-color:var(--accent);box-shadow:0 16px 50px #1235450d;scroll-margin-top:20px}.integration-wizard fieldset{padding:0;margin:0;border:0;min-width:0}.integration-wizard label{display:flex;flex-direction:column;gap:8px;min-width:0;font-size:13px;font-weight:550}.integration-wizard input,.integration-wizard select,.integration-wizard textarea{width:100%;min-width:0;max-width:100%;font-weight:400;box-sizing:border-box}.integration-wizard input:focus-visible,.integration-wizard select:focus-visible,.integration-wizard textarea:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.integration-wizard label small{font-weight:400;line-height:1.8;color:var(--muted);font-size:11px}.integration-wizard textarea{font-family:ui-monospace,Consolas,monospace;font-size:12px;line-height:1.8;resize:vertical;min-height:130px}.integration-wizard h2{font-size:19px;margin:24px 0 22px}.integration-wizard h3{font-size:14px;margin:20px 0 12px}.integration-wizard .muted{line-height:1.9}.integration-steps{list-style:none;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin:0;padding:0 0 20px;border-bottom:1px solid var(--border)}.integration-steps li{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--muted);line-height:1.6}.integration-steps b{display:grid;place-items:center;flex:none;width:29px;height:29px;background:var(--bg);border:1px solid var(--border);border-radius:50%;font-size:12px}.integration-steps .current{color:var(--ink);font-weight:700}.integration-steps .current b{background:var(--accent);color:var(--surface);border-color:var(--accent)}.integration-steps .complete b{color:var(--accent);border-color:var(--accent);background:var(--soft)}.integration-presets{display:flex;flex-wrap:wrap;gap:10px}.integration-hint{display:flex;align-items:flex-start;gap:10px;line-height:1.9;font-size:12px;padding:15px 18px;border-radius:13px;background:var(--soft);color:var(--ink);overflow-wrap:anywhere;flex-wrap:wrap}.integration-hint svg{width:19px;height:19px;flex:none}.integration-hint a{color:var(--accent)}.integration-map{margin:22px 0;border:1px solid var(--border);border-radius:15px;padding:16px;background:var(--surface)}.integration-map h3{margin:0 0 14px}.integration-map-head,.integration-map [data-map-row]{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr) 40px;gap:10px;margin:9px 0}.integration-map-head{color:var(--muted);font-size:11px}.integration-map>.btn{margin-top:10px}.integration-remove{justify-content:center;padding:5px!important;font-size:22px!important}.integration-advanced{margin-top:22px;padding:16px;border:1px solid var(--border);border-radius:14px;background:var(--bg)}.integration-advanced[open] summary{margin-bottom:18px}.integration-result{background:var(--soft);padding:18px;border:1px solid var(--border);border-radius:15px;margin-top:18px}.integration-result h3{color:var(--accent);display:flex;align-items:center;gap:9px}.integration-result h3 svg{width:19px;height:19px}.integration-result pre{max-height:300px;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px;text-align:start;line-height:1.8}.integration-review dl{display:grid;grid-template-columns:170px minmax(0,1fr);gap:13px;background:var(--bg);padding:20px;border-radius:15px}.integration-review dt{color:var(--muted);font-size:12px}.integration-review dd{margin:0;font-size:13px;overflow-wrap:anywhere}.integration-review>p{line-height:1.9}.integration-status{display:inline-block;color:var(--accent);font-size:11px;background:var(--soft);padding:5px 11px;border-radius:30px}.integration-wizard-footer{display:flex;flex-wrap:wrap;gap:10px;margin-top:25px;padding-top:20px;border-top:1px solid var(--border)}.integration-wizard-footer>.primary{margin-inline-start:auto}.integration-error{padding:13px 16px;border:1px solid var(--danger);color:var(--danger);background:var(--bg);border-radius:12px;line-height:1.8}.integration-saved-list{display:grid;gap:12px}.integration-saved-list article{display:flex;align-items:center;gap:14px;padding:18px;border:1px solid var(--border);border-radius:16px}.integration-saved-list article>div{flex:1;min-width:0}.integration-saved-list h3{margin:0 0 5px;font-size:15px;overflow-wrap:anywhere}.integration-saved-list p{font-size:12px;color:var(--muted);margin:0 0 8px}.integration-saved-emblem{background:var(--soft);width:44px;height:44px}.integration-saved-emblem svg{width:22px;height:22px}.integration-requirements p{line-height:1.9;font-size:13px}.integration-import{scroll-margin-top:25px}.integration-import>details>.panel{margin-top:15px}.integration-import>.panel>p{line-height:1.9}
@media(max-width:1000px){.integration-hero{flex-wrap:wrap}.integration-hero>.btn{margin-inline-start:72px}.integration-steps li{flex-direction:column;align-items:flex-start}.integration-methods{gap:8px}.integration-methods>a,.integration-methods>div{padding:14px;grid-template-columns:1fr}.integration-methods svg{grid-row:auto}.integration-fields{gap:14px}}
@media(max-width:600px){.integration-hero{padding:18px;gap:12px}.integration-hero-icon{width:43px;height:43px}.integration-hero h2{font-size:17px}.integration-hero>div:nth-child(2){flex:1}.integration-hero p{font-size:12px}.integration-hero>.btn{margin:0;width:100%;justify-content:center}.integration-methods{grid-template-columns:1fr}.integration-methods>a,.integration-methods>div{grid-template-columns:30px 1fr;padding:14px}.integration-methods svg{grid-row:span 2;width:21px;height:21px}.integration-fields{grid-template-columns:1fr}.integration-steps{gap:5px}.integration-steps li{font-size:9px}.integration-steps b{width:25px;height:25px}.integration-map{padding:12px}.integration-map-head,.integration-map [data-map-row]{gap:6px;grid-template-columns:minmax(0,1fr) minmax(0,1fr) 30px}.integration-map input{padding:9px!important;font-size:11px}.integration-review dl{grid-template-columns:1fr;gap:7px;padding:15px}.integration-review dd{margin-bottom:9px}.integration-saved-list article{flex-wrap:wrap;padding:14px}.integration-saved-list article>.btn{width:100%;justify-content:center}.integration-wizard-footer>.primary{width:100%;justify-content:center}.integration-hint{padding:12px}.integration-wizard{padding:16px}}
.carrier-rate-action{display:grid;gap:9px}.carrier-rate-action [data-action="carrier-delete-review"]{color:var(--danger);border-color:var(--border);font-size:11px}.carrier-rate-action [data-action="carrier-delete-review"]:hover{border-color:var(--danger);background:var(--bg)}.carrier-delete-dialog{width:min(680px,calc(100vw - 28px));max-width:none;max-height:90dvh;padding:0;border:1px solid var(--border);border-radius:22px;background:var(--surface);color:var(--ink);box-shadow:0 30px 100px #071c3c40;overflow:auto}.carrier-delete-dialog::backdrop{background:#081b36a6;backdrop-filter:blur(5px)}.carrier-delete-inner{padding:25px}.carrier-delete-heading{display:flex;gap:12px;align-items:center}.carrier-delete-heading>svg{width:24px;height:24px;color:var(--danger)}.carrier-delete-heading h2{margin:0;font-size:20px}.carrier-delete-inner h3{font-size:17px;overflow-wrap:anywhere;margin:18px 0 8px}.carrier-delete-inner>p{line-height:1.9;font-size:13px}.carrier-delete-inner dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:20px 0}.carrier-delete-inner dl>div{border:1px solid var(--border);border-radius:13px;padding:12px;background:var(--bg)}.carrier-delete-inner dt{color:var(--muted);font-size:11px}.carrier-delete-inner dd{margin:5px 0 0;font-size:22px;font-weight:650}.carrier-delete-inner form{display:grid;gap:17px}.carrier-delete-inner label{display:grid;gap:8px;font-size:13px}.carrier-delete-inner input[name="name"]{width:100%;box-sizing:border-box}.carrier-delete-inner label.carrier-delete-confirm{display:flex;gap:9px;align-items:center;line-height:1.8}.carrier-delete-confirm input{width:18px;height:18px;flex:none}.carrier-delete-button{background:var(--danger);border-color:var(--danger);color:#fff}.carrier-delete-inner .feedback{position:static!important;inset:auto!important;margin-top:15px;width:auto;max-width:none}.carrier-delete-inner .integration-hint{margin-top:14px}.carrier-delete-dialog :focus-visible{outline:2px solid var(--accent);outline-offset:3px}@media(max-width:600px){.carrier-delete-inner{padding:18px}.carrier-delete-inner dl{grid-template-columns:repeat(2,minmax(0,1fr))}.carrier-delete-heading h2{font-size:17px}.carrier-delete-inner .actions{display:grid;grid-template-columns:1fr}.carrier-delete-inner .btn{justify-content:center}}@media print{.carrier-delete-dialog{display:none!important}}
.carrier-hub{min-width:0}.carrier-hub-hero{display:flex;gap:18px;align-items:center;padding:25px;margin-bottom:22px;border:1px solid var(--border);border-radius:22px;background:linear-gradient(120deg,var(--surface),var(--soft))}.carrier-hub-mark{display:grid;place-items:center;width:57px;height:57px;border-radius:18px;background:var(--surface);color:var(--accent);flex:none;box-shadow:0 6px 20px #102b4110}.carrier-hub-mark svg{width:30px;height:30px}.carrier-hub-hero h2{font-size:22px;margin:0 0 9px}.carrier-hub-hero p{font-size:13px;line-height:1.9;color:var(--muted);margin:0;max-width:650px}.carrier-hub-hero>.btn{flex:none;margin-inline-start:auto;background:var(--accent);color:var(--surface)}.carrier-hub-directory{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px;margin-bottom:25px}.carrier-hub-card{padding:24px;border:1px solid var(--border);border-radius:22px;background:var(--surface);min-width:0;box-shadow:0 10px 35px #102b4108}.carrier-hub-emblem{display:grid;place-items:center;width:49px;height:49px;border-radius:16px;background:var(--soft);color:var(--accent);font-size:21px;font-weight:700}.carrier-hub-card h3{font-size:18px;overflow-wrap:anywhere;margin:16px 0 9px}.carrier-hub-status{display:inline-block;background:var(--soft);color:var(--muted);border:1px solid var(--border);border-radius:30px;font-size:10px;line-height:1.7;padding:5px 10px}.carrier-hub-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:12px;margin:22px 0}.carrier-hub-metrics>div{display:flex;flex-direction:column;gap:6px;padding:13px;border-radius:13px;background:var(--bg);min-width:0}.carrier-hub-metrics strong{font-size:25px;color:var(--ink);font-weight:650}.carrier-hub-metrics span{font-size:11px;color:var(--muted);line-height:1.7}.carrier-hub-card-actions{display:grid;gap:9px}.carrier-hub-card-actions>.btn{justify-content:center}.carrier-hub-card-actions>[data-action="carrier-hub-open"]{background:var(--soft);border-color:var(--accent);color:var(--accent)}.carrier-hub-card-actions>[data-action="carrier-delete-review"]{border-color:transparent;background:transparent;color:var(--danger);font-size:11px}.carrier-hub-empty{grid-column:1/-1;text-align:center;padding:45px}.carrier-hub-empty>svg{width:50px;height:50px;color:var(--accent)}.carrier-hub-details p,.carrier-hub-editor p{line-height:1.9}.carrier-hub-detail-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:22px}.carrier-hub-detail-heading h2{margin:0 0 10px;font-size:21px;overflow-wrap:anywhere}.carrier-hub-service-actions{display:flex;flex-wrap:wrap;gap:10px;padding:16px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);margin-bottom:25px}.carrier-hub label{display:flex;flex-direction:column;gap:8px;font-size:13px;min-width:0}.carrier-hub input,.carrier-hub select{width:100%;box-sizing:border-box;min-width:0}.carrier-hub input[type="file"]{font-size:11px;padding:11px}.carrier-hub label small{font-size:11px;color:var(--muted);line-height:1.8}.carrier-hub form>.actions{margin-top:22px}.carrier-hub form>.muted{font-size:11px}.carrier-hub-review{border:1px solid var(--border);border-radius:18px;margin-top:22px;padding:20px;background:var(--surface)}.carrier-hub-review h3{font-size:17px;margin-top:0}.carrier-hub-review summary{cursor:pointer;font-weight:600;padding:10px 0}.carrier-hub-review details{margin:15px 0;padding:14px;border-radius:13px;background:var(--bg)}.carrier-hub-review details form>.btn{margin-top:18px}.carrier-hub-review .table-wrap{margin-top:20px}.carrier-hub-review .table-wrap th{white-space:nowrap}.carrier-hub-review .table-wrap td{font-size:12px}.carrier-hub-review>ul{font-size:12px;line-height:1.9;color:var(--danger)}.carrier-hub label.carrier-hub-replace{flex-direction:row;align-items:flex-start;line-height:1.8;margin:20px 0}.carrier-hub-replace input{width:18px;height:18px;flex:none;margin-top:3px}.carrier-hub-connect{padding:22px;background:var(--bg);border:1px solid var(--border);border-radius:17px}.carrier-hub-connect h3{font-size:17px;margin-top:0}.carrier-hub-connect p{font-size:13px;max-width:750px}.carrier-hub-connect button[disabled]{opacity:.65;cursor:not-allowed;white-space:normal}.carrier-hub-advanced{border:1px solid var(--border);padding:18px 22px;border-radius:18px;margin-top:20px;background:var(--surface)}.carrier-hub-advanced>summary{cursor:pointer;color:var(--muted);font-size:12px;font-weight:600;padding:5px}.carrier-hub-advanced>p{font-size:12px;line-height:1.8}.carrier-hub-advanced[open]>.integration-center{margin-top:20px}.carrier-hub :focus-visible{outline:2px solid var(--accent);outline-offset:3px}@media(max-width:900px){.carrier-hub-hero{flex-wrap:wrap}.carrier-hub-hero>.btn{margin-inline-start:75px}.carrier-hub-directory{grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}}@media(max-width:600px){.carrier-hub-hero{padding:18px;gap:12px}.carrier-hub-mark{width:43px;height:43px}.carrier-hub-hero>div{flex:1;min-width:0}.carrier-hub-hero h2{font-size:18px}.carrier-hub-hero p{font-size:12px}.carrier-hub-hero>.btn{width:100%;margin:0;justify-content:center}.carrier-hub-directory{grid-template-columns:1fr}.carrier-hub-card{padding:20px}.carrier-hub-detail-heading{align-items:flex-start;flex-direction:column}.carrier-hub-service-actions{display:grid}.carrier-hub-service-actions>.btn{justify-content:center}.carrier-hub-review{padding:14px}.carrier-hub-connect{padding:16px}.carrier-hub-advanced{padding:14px}.carrier-hub-metrics{gap:8px}.carrier-hub-metrics>div{padding:10px}.carrier-hub-metrics strong{font-size:22px}.carrier-hub-review .primary{width:100%;justify-content:center;white-space:normal}}
.carrier-hub-connect form{margin-top:20px}.carrier-hub-connect form>.btn{margin-top:16px;margin-inline-end:8px}.carrier-hub-connect form+form{border-top:1px solid var(--border);padding-top:22px}.carrier-remote-preview{margin-top:24px;padding:18px;border:1px solid var(--border);border-radius:16px;background:var(--surface)}.carrier-remote-preview .table-wrap{margin:18px 0}.carrier-remote-preview th{white-space:nowrap}.carrier-remote-preview td{font-size:12px;overflow-wrap:anywhere}.carrier-remote-preview .carrier-hub-replace{line-height:1.9}.carrier-hub-connect input[type="password"]{letter-spacing:.05em}@media(max-width:600px){.carrier-hub-connect form>.btn{width:100%;margin-inline-end:0;justify-content:center;white-space:normal}.carrier-remote-preview{padding:12px}}

/* SOUQI visual layer inspired by the supplied logistics ERP reference.
   Business actions, permissions and data stay in the existing application. */
.auth-form [hidden]{display:none!important}
:root{--bg:#f8fafc;--surface:#ffffff;--ink:#0f172a;--muted:#64748b;--border:#e2e8f0;--accent:#0369a1;--soft:#f0f7ff;--chart-dark:#0284c7;--chart-pale:#a5b4fc;--signal:#059669;--radius:16px;--shadow:0 1px 3px #0f172a06,0 1px 2px #0f172a03}
:root[data-theme=dark]{--bg:#0f172a;--surface:#1e293b;--ink:#f1f5f9;--muted:#94a3b8;--border:#334155;--accent:#38bdf8;--soft:#0c4a6e40;--chart-dark:#38bdf8;--chart-pale:#818cf8;--signal:#34d399;--shadow:0 1px 3px #02061730}
body,:root[data-theme=dark] body{background:var(--bg);font-family:'Segoe UI',Tahoma,Arial,sans-serif;font-size:14px;line-height:1.7;letter-spacing:0;color:var(--ink)}
#app{max-width:none;margin:0}button,input,select,textarea{font-family:inherit}button{transition:background .16s,color .16s,border-color .16s,box-shadow .16s}
.workspace-header{position:sticky;top:0;min-height:76px;padding:12px 28px;gap:20px;background:var(--surface);border-bottom:1px solid var(--border);box-shadow:0 1px 3px #0f172a05;z-index:40}
.header-company-logo{width:42px;height:42px;border-radius:12px}.header-company-fallback{background:linear-gradient(135deg,#0369a1,#4f46e5);border-radius:12px}.header-company-identity strong{font-size:16px;font-weight:800;max-width:330px}.header-company-identity small{font-size:10px;color:var(--muted)}.header-utilities{gap:10px}.header-icon-button,.header-language-trigger{border-radius:11px;background:var(--bg);border:1px solid transparent;box-shadow:none}.header-icon-button:hover,.header-language-trigger:hover{background:var(--soft);color:var(--accent)}.header-profile-trigger{border-inline-start:1px solid var(--border);padding-inline-start:15px}.header-popover{border-radius:14px;box-shadow:0 12px 35px #0f172a14;background:var(--surface)}
.notice{font-size:10px;padding:5px 28px;color:var(--muted);background:var(--surface);border-color:var(--border)}
.shell{display:grid;grid-template-columns:244px minmax(0,1fr);align-items:start;max-width:none;min-height:calc(100dvh - 100px)}
.workspace-sidebar,:root[data-theme=dark] .workspace-sidebar{position:sticky;top:76px;height:calc(100dvh - 76px);max-height:calc(100dvh - 76px);padding:22px 14px;background:var(--surface);border-inline-end:1px solid var(--border);box-shadow:none;scrollbar-width:thin}
.workspace-sidebar .nav-caption{font-size:10px;letter-spacing:1px;font-weight:750;color:var(--muted);padding:0 12px 15px}.sidebar-content{gap:6px}.workspace-sidebar .sidebar-link,.sidebar-group>summary{border-radius:11px;font-size:12px;min-height:44px;padding:11px 12px;font-weight:600;color:var(--muted)}.workspace-sidebar .sidebar-link>.souqi-icon,.sidebar-group>summary>.souqi-icon{width:18px;height:18px}.workspace-sidebar .sidebar-link.active,:root[data-theme=dark] .workspace-sidebar .sidebar-link.active{background:var(--soft);color:var(--accent);box-shadow:none;font-weight:750}.workspace-sidebar .sidebar-link.active:before{display:none}.sidebar-group.contains-active>summary{color:var(--accent)}.sidebar-group[open]>summary{background:var(--bg)}.sidebar-children{margin:4px 6px 8px;padding-inline-start:12px}.workspace-sidebar .sidebar-children .sidebar-link{font-size:11px}.workspace-sidebar .sidebar-version{border-top:1px solid var(--border);margin-top:24px;padding-top:16px;font-size:10px}.sidebar-count{background:var(--soft);border-radius:6px}.sidebar-chevron{width:13px}
main{padding:26px 30px 40px;min-width:0}main>h1,.dashboard-main>h1{display:block;font-size:22px;font-weight:800;line-height:1.4;margin:0 0 5px;letter-spacing:0}main>p.muted,.dashboard-main>p.muted{display:block;margin:0 0 24px;font-size:11px;color:var(--muted)}
.panel,.dash-card,.carrier-card,.return-card,:root[data-theme=dark] .dash-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow);padding:22px}.panel h2{font-size:17px;font-weight:750;margin:0 0 18px}.panel h3{font-size:14px}.card-heading h3,.activity-heading h3{font-weight:800;letter-spacing:0}.card-heading p,.activity-heading p{font-size:11px;margin-top:5px}.card-heading>svg{background:var(--soft);color:var(--accent)}
.btn{font-size:12px;padding:9px 15px;font-weight:700;background:var(--surface);color:var(--ink);border:1px solid var(--border);box-shadow:none;min-height:38px}.btn:hover{border-color:#94a3b8;background:var(--bg);box-shadow:none}.btn.primary,:root[data-theme=dark] .btn.primary{color:#fff;box-shadow:0 4px 9px #0284c71a}.btn.primary:hover,:root[data-theme=dark] .btn.primary:hover{background:#0284c7;border-color:#0284c7}.btn.danger{background:#fff1f2;color:#be123c;border-color:#ffe4e6}
label{font-size:12px;font-weight:600;color:var(--ink)}input,select,textarea{border-radius:10px;padding:10px 12px;min-height:42px;font-size:12px;background:var(--surface);color:var(--ink);border:1px solid var(--border);box-shadow:none}input:focus,select:focus,textarea:focus{border-color:var(--accent);outline:2px solid color-mix(in srgb,var(--accent) 15%,transparent);outline-offset:1px}.grid{gap:17px}input[type=checkbox]{min-height:auto;accent-color:var(--accent)}
.table-wrap{border:1px solid var(--border);border-radius:12px;overflow:auto}thead,th{background:var(--bg)}th{font-size:11px;font-weight:750;color:var(--muted);padding:13px 15px}td{font-size:12px;padding:15px;border-bottom:1px solid var(--border)}tbody tr:hover{background:color-mix(in srgb,var(--soft) 45%,transparent)}.table-wrap .btn{padding:6px 10px;min-height:30px}.status-pill{font-weight:700}.status-delivered{background:#ecfdf5;color:#047857}.status-in_transit,.status-shipped{background:#eff6ff;color:#1d4ed8}.status-new,.status-confirmed,.status-preparing,.status-ready{background:#fffbeb;color:#b45309}
.dash-hero{border:1px solid var(--border);border-radius:16px;margin:0 0 20px;gap:20px;box-shadow:var(--shadow)}.dash-hero h2,:root[data-theme=dark] .dash-hero h2{font-weight:800;letter-spacing:0}.dash-hero p.muted{font-size:11px;margin:5px 0 0}.hero-tools{display:flex;flex-wrap:wrap;gap:8px;max-width:none;padding:0;background:transparent}.hero-tools .btn{font-size:11px;border-radius:10px}.demo-pill{font-size:9px;padding:2px 8px}.dashboard-layout{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:start}.dashboard-primary{display:contents}.dash-metrics{grid-column:1/-1;grid-row:1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;min-height:0;margin:0}.dash-metric{position:relative;display:flex;flex-direction:column;align-items:stretch;background:var(--surface);border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow)}.dash-metric .metric-icon{width:38px;height:38px;border:0;box-shadow:none;border-radius:11px;align-self:flex-start}.dash-metric:nth-child(2) .metric-icon{background:#fff7ed;color:#ea580c}.dash-metric:nth-child(3) .metric-icon{background:#ecfdf5;color:#059669}.dash-metric:nth-child(4) .metric-icon{background:#eef2ff;color:#4f46e5}.metric-icon svg{width:20px;height:20px}.dash-metric>div{display:flex;flex-direction:column-reverse;gap:9px}.dash-metric strong{line-height:1.2;letter-spacing:0}.dash-metric p{font-size:11px;font-weight:650;color:var(--muted);margin:0}.dash-metric .metric-icon{position:absolute;inset-inline-end:18px;top:18px}.dash-metric>div>p{padding-inline-end:42px;display:flex;align-items:center}
.dashboard-layout>.dashboard-primary>.chart-card{grid-column:1/3;grid-row:2;min-height:330px}.chart-legend{font-size:10px;gap:10px}.chart-legend i{width:8px;height:8px}.bar-created{fill:var(--chart-dark)}.bar-delivered{fill:var(--chart-pale)}.dashboard-layout>.tracking-card{grid-column:3;grid-row:2/4;align-self:stretch}.dashboard-layout>.dashboard-secondary{grid-column:1/3;grid-row:3;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.completion-card,.value-card{min-height:220px}.gauge{max-width:220px}.gauge strong{font-size:30px}.order-value{margin:18px 0 8px}.order-value>strong{font-size:25px;font-weight:800}.truck-art{width:145px;inset-inline-end:12px;bottom:5px;opacity:1}.active-note{font-size:10px;margin-top:18px}.route-schematic{background:var(--bg);min-height:125px;border-radius:12px}.route-line{stroke:#0284c7}.route-schematic>span{font-size:8px}.tracking-id b{font-size:11px}.tracking-carrier{border-radius:11px;background:var(--bg)}.tracking-timeline b{font-size:11px}.tracking-timeline time{font-size:10px}.shipment-activity{margin-top:20px}.activity-tabs{border:0;background:var(--bg)}.activity-tabs button.active,:root[data-theme=dark] .activity-tabs button.active{background:var(--surface);color:var(--accent);box-shadow:0 1px 3px #0f172a15}.dashboard-footer{gap:20px;margin-top:20px}.carrier-summary>div{border-radius:11px;border:1px solid var(--border)}
.carrier-emblem,.carrier-logo{border-radius:11px}.order-entry-section,.order-summary,.advanced-form{border-radius:13px}.order-entry-heading h3{font-size:15px}.order-step{background:var(--soft);color:var(--accent);border-radius:10px}.order-form-footer{border-radius:11px}.order-entry-form #order-items .line{background:var(--bg)}.order-detail-card,.customer-editor,.company-profile-hero,.carrier-profile-hero{border-radius:16px}.finance-metrics .stat{border-radius:13px;background:var(--surface);box-shadow:none}.report-chart-card{border-radius:16px}.scroll-top-button{background:#0369a1;border-radius:12px;box-shadow:0 4px 12px #0284c72a}
:root[data-theme=dark] .dash-metric .metric-icon{background:#1e3a5f;color:#7dd3fc}:root[data-theme=dark] .dash-metric:nth-child(2) .metric-icon{background:#7c2d122b;color:#fdba74}:root[data-theme=dark] .dash-metric:nth-child(3) .metric-icon{background:#064e3b66;color:#6ee7b7}:root[data-theme=dark] .dash-metric:nth-child(4) .metric-icon{background:#312e8166;color:#a5b4fc}:root[data-theme=dark] .btn.danger{background:#88133733;color:#fda4af;border-color:#9f123944}
@media(min-width:1600px){main{padding:30px 38px 45px}.shell{grid-template-columns:256px minmax(0,1fr)}.dash-hero{padding:26px 28px}}
@media(max-width:1150px){.shell{grid-template-columns:210px minmax(0,1fr)}main{padding:22px}.workspace-sidebar{padding:20px 10px}.dash-hero{display:block}.hero-tools{margin-top:17px}.dashboard-layout{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.dash-metrics{gap:12px}.dash-metric{padding:16px}.dash-metric strong{font-size:25px}.dashboard-layout>.tracking-card{padding:17px}.header-company-identity strong{max-width:240px;font-size:14px}}
@media(max-width:950px){.shell{grid-template-columns:190px minmax(0,1fr)}.dash-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-layout{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-layout>.dashboard-primary>.chart-card{grid-column:1/-1;grid-row:2}.dashboard-layout>.tracking-card{grid-column:2;grid-row:3}.dashboard-layout>.dashboard-secondary{grid-column:1;grid-row:3;grid-template-columns:1fr}.workspace-header{padding:12px 20px}.workspace-sidebar .sidebar-link>.sidebar-link-label{display:block}.workspace-sidebar .sidebar-version{display:block}.workspace-sidebar .sidebar-link{justify-content:flex-start}.workspace-header .header-company-identity strong{max-width:190px}.workspace-header .header-utilities{gap:5px}}
@media(max-width:760px){.workspace-header{position:relative;min-height:70px;padding:12px 16px;flex-wrap:wrap;gap:10px}.header-company-identity strong{max-width:210px}.shell{display:block}.workspace-sidebar,:root[data-theme=dark] .workspace-sidebar{position:relative;top:auto;height:auto;max-height:none;padding:10px 16px;border-inline-end:0;border-bottom:1px solid var(--border)}.workspace-sidebar .sidebar-mobile-toggle{display:flex}.workspace-sidebar .sidebar-content{padding-top:10px}.workspace-sidebar .sidebar-version{margin-top:10px}.workspace-sidebar .nav-caption{padding-bottom:8px}.workspace-sidebar .sidebar-link,.sidebar-group>summary{min-height:42px}.workspace-sidebar .sidebar-sections:not([open])>.sidebar-content{display:none}.notice{padding:5px 16px;font-size:9px}main{padding:18px 16px 35px}.dashboard-main>h1,main>h1{font-size:20px}.dash-hero{padding:20px}.dash-hero h2,:root[data-theme=dark] .dash-hero h2{font-size:23px}.dashboard-layout{gap:15px}.dashboard-footer{grid-template-columns:1fr}.panel,.dash-card,.carrier-card{padding:18px}.header-profile-trigger{padding-inline-start:8px}.header-profile-name{max-width:100px}}
@media(max-width:520px){.dash-metrics{gap:10px}.dash-metric{padding:15px}.dash-metric strong{font-size:25px}.dash-metric p{font-size:10px}.dash-metric .metric-icon{width:30px;height:30px;inset-inline-end:12px;top:16px}.dash-metric>div>p{padding-inline-end:32px}.dashboard-layout{grid-template-columns:minmax(0,1fr)}.dashboard-layout>.dashboard-primary>.chart-card{grid-column:1;grid-row:2;min-height:280px}.dashboard-layout>.tracking-card{grid-column:1;grid-row:3}.dashboard-layout>.dashboard-secondary{grid-column:1;grid-row:4;grid-template-columns:1fr}.activity-heading{align-items:flex-start;flex-direction:column}.activity-tabs{width:100%;gap:3px}.activity-tabs button{flex:1;padding:7px}.hero-tools .btn{flex:1}.header-company-identity strong{max-width:180px}.header-utilities{width:100%;justify-content:space-between}.shipment-chart{min-height:200px}.dashboard-footer{grid-template-columns:minmax(0,1fr)}}
@media(prefers-reduced-motion:reduce){button,input,select,textarea{transition:none}}
.shipment-digital-route{margin:18px 0 20px;border:1px solid #1d4c79;border-radius:16px;overflow:hidden;}.digital-route-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.digital-route-heading h3{margin:0!important;font-size:14px}.digital-route-heading>span{display:flex;align-items:center;gap:6px;font-size:10px;color:#94b8d4}.digital-route-heading>span>i{width:6px;height:6px;background:var(--route-signal);border-radius:50%;box-shadow:0 0 10px var(--route-signal)}.digital-route-endpoints{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px 0 10px}.digital-route-endpoints>div{min-width:0;flex:1}.digital-route-endpoints small{display:block;color:#8bacc9;font-size:10px}.digital-route-endpoints strong{display:block;color:#e0f2fe;font-size:12px;overflow-wrap:anywhere}.digital-route-endpoints>span{color:var(--route-signal);font-size:30px}.digital-map-canvas{margin:0 -18px;}.digital-route-svg{display:block;}.digital-map-land{fill:#163d62;stroke:#32648a;stroke-width:1;opacity:.65}.digital-map-guides{fill:none;stroke:#2d6a93;stroke-dasharray:3 12;opacity:.5}.digital-route-base{fill:none;stroke-width:3;stroke-dasharray:4 7;}.digital-route-progress{fill:none;stroke-linecap:round;}.digital-stop-ring{stroke-width:1}.digital-stop-halo{fill:none;stroke:var(--route-signal);stroke-width:2;opacity:0}.digital-route-stop.is-recorded .digital-stop-ring{stroke:var(--route-recorded)}.digital-route-stop.is-recorded .digital-stop-dot{fill:var(--route-recorded)}.digital-route-stop.is-current .digital-stop-ring{stroke:var(--route-signal);}.digital-route-stop.is-current .digital-stop-dot{fill:var(--route-signal);filter:drop-shadow(0 0 5px var(--route-signal))}.digital-route-stop.is-current .digital-stop-halo{transform-box:fill-box;transform-origin:center;}.digital-map-coordinates text{font:9px monospace;letter-spacing:2px}.digital-route-stages{justify-content:space-between;margin-top:12px}.digital-route-stages>span{display:flex;align-items:center;gap:5px;font-size:10px;}.digital-route-stages i{width:6px;height:6px;flex:none;border:1px solid #69829a;border-radius:50%}.digital-route-stages .is-recorded{color:#8de8ce}.digital-route-stages .is-recorded i{background:var(--route-recorded);border-color:var(--route-recorded)}.digital-route-stages .is-current{color:#e0f2fe;font-weight:750}.digital-route-stages .is-current i{background:var(--route-signal);border-color:var(--route-signal);box-shadow:0 0 9px var(--route-signal)}.digital-route-caption{border-top:1px solid #285072;display:grid;gap:5px}.digital-route-caption strong{font-size:11px;}.digital-route-caption span{font-size:11px;color:#e2e8f0}.digital-route-caption small{font-size:10px;line-height:1.7;color:#8aabc4}.route-stopped .digital-route-moving-arrow{display:none}
@keyframes digital-stage-pulse{0%{r:12;opacity:.9}100%{r:30;opacity:0}}
@media(max-width:520px){.digital-map-canvas{margin:0 -14px}.digital-route-heading{align-items:flex-start;flex-direction:column;gap:5px}.digital-route-stages{gap:4px}.digital-route-stages>span{flex-direction:column;gap:6px}.digital-route-endpoints strong{font-size:11px}}
@media(prefers-reduced-motion:reduce){.digital-route-stop.is-current .digital-stop-halo{animation:none;opacity:.4}.digital-route-moving-arrow{display:none}}
.digital-route-endpoints,.digital-route-stages{direction:ltr}.digital-route-endpoints>div:first-child{ text-align:left}.digital-route-endpoints>div:last-child{text-align:right}.digital-route-endpoints strong,.digital-route-endpoints small{text-align:inherit}.digital-route-stages>span{direction:inherit}
/* Photographic stage scenes replace the world-map artwork; route motion is retained. */
.digital-map-canvas{position:relative;}.digital-route-svg{width:100%;}.shipment-stage-image{animation:shipment-scene-reveal .55s ease-out}.digital-map-coordinates text{paint-order:stroke;stroke-width:2px;stroke-linejoin:round}.digital-route-progress{stroke-width:4.5;}.digital-route-moving-arrow{filter:drop-shadow(0 0 4px #071526) drop-shadow(0 0 5px #38bdf8)}
@keyframes shipment-scene-reveal{from{opacity:.55}to{opacity:1}}
@media(prefers-reduced-motion:reduce){.shipment-stage-image{animation:none}}
/* Compact 3D stage symbols spread across the original digital route. */
.digital-route-svg{max-height:none;}.shipment-route-floor{fill:none;stroke:#60a5fa;stroke-width:.7;opacity:.1}.shipment-stage-object{transition:opacity .3s;isolation:isolate}.stage-object-art{filter:drop-shadow(0 5px 4px #010a16aa)}.shipment-stage-object.is-current .stage-object-art{filter:drop-shadow(0 0 8px #38bdf84d) drop-shadow(0 5px 4px #010a16aa)}.stage-object-shadow{stroke-width:.75}.shipment-stage-object.is-current .stage-object-shadow{stroke-width:1.3}.stage-object-link{fill:none;stroke-width:1.2;stroke-dasharray:2 2}.shipment-stage-object.is-current .stage-object-link{stroke:var(--route-signal)}.digital-route-current-arrow{filter:drop-shadow(0 0 4px #38bdf8)}.digital-map-coordinates text{font-size:8px;}.digital-route-caption{margin-top:12px;padding-top:12px}
@media(max-width:520px){.digital-route-svg{min-width:0;}.shipment-stage-object{opacity:.7}}
@media(prefers-reduced-motion:reduce){.shipment-stage-object{transition:none}}

/* Supplied transparent 3D symbols on a compact, straight shipment route. */
.shipment-digital-route{max-width:640px;width:100%;margin-inline:auto;box-sizing:border-box;padding:16px}
.digital-route-svg{aspect-ratio:760/220;min-height:0}.digital-map-canvas{margin-inline:-8px;border-radius:10px;overflow:hidden}.shipment-stage-object.is-recorded{opacity:.92}
.shipment-stage-object.is-recorded .stage-object-art{filter:drop-shadow(0 0 5px #38bdf860)}
.digital-route-stages{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;text-align:center}.digital-route-stages>span{justify-content:center}.digital-route-current-arrow{fill:var(--route-signal)}
@keyframes supplied-symbol-glow{0%,100%{filter:drop-shadow(0 0 4px #38bdf866);opacity:.88}50%{filter:drop-shadow(0 0 12px #38bdf8bb);opacity:1}}
@media(max-width:520px){.shipment-digital-route{padding:12px}.digital-route-svg{aspect-ratio:760/220;min-height:0}.digital-map-canvas{margin-inline:-8px}.digital-route-stages>span{font-size:9px}}
@media(prefers-reduced-motion:reduce){}

.shipment-stage-object.is-reached{opacity:.95}.shipment-stage-object.is-reached .stage-object-art{filter:drop-shadow(0 0 6px #38bdf87a)}

/* Status control and recorded events share a bounded panel alongside the route. */
.shipment-tracking-card{container-type:inline-size}
.shipment-tracking-workspace{display:grid;grid-template-columns:minmax(0,1fr) 230px;gap:16px;align-items:stretch}
.shipment-route-column{min-width:0}.shipment-route-column>.shipment-digital-route{margin-block:0;height:100%}
.shipment-history-panel{position:relative;min-width:0;min-height:0;border:1px solid var(--border);border-radius:15px;background:var(--bg);overflow:hidden}
.shipment-history-inner{position:absolute;inset:0;display:flex;flex-direction:column;padding:16px;gap:14px;box-sizing:border-box}
.shipment-history-inner>.order-detail-status-control{display:block;padding:0;margin:0;background:none;border:0;box-shadow:none;flex:none}
.shipment-history-inner>.order-detail-status-control>label{display:grid;gap:6px;min-width:0;width:100%}
.shipment-history-inner .status-select{width:100%;min-width:0}.shipment-history-inner>.order-detail-status-control>p{margin:8px 0 0;font-size:10px;line-height:1.6}
.shipment-history-inner>.shipment-timeline-title{margin:0;font-size:12px;flex:none}
.shipment-timeline-scroll{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#94a3b8 transparent;padding:5px 5px 5px 9px;outline-offset:-2px}
.shipment-timeline-scroll .shipment-timeline li{gap:10px;padding-bottom:18px;min-height:68px}.shipment-timeline-scroll .shipment-event-heading{gap:5px}.shipment-timeline-scroll .shipment-event-heading b{font-size:12px}.shipment-timeline-scroll .shipment-timeline time,.shipment-timeline-scroll .shipment-timeline small{font-size:10px;overflow-wrap:anywhere}
@container(max-width:560px){.shipment-tracking-workspace{grid-template-columns:minmax(0,1fr)}.shipment-history-panel{height:320px}.shipment-history-inner{padding:14px}}
@media print{.shipment-tracking-workspace{display:block}.shipment-history-panel{overflow:visible;height:auto}.shipment-history-inner{position:static}.shipment-timeline-scroll{overflow:visible}.shipment-history-inner>.order-detail-status-control{display:none}}

/* Fill the detail route column; separate artwork from compact progress markers. */
.shipment-route-column>.shipment-digital-route{max-width:none;width:100%;margin-inline:0}
.digital-route-stop.is-current .digital-stop-halo{animation:compact-route-pulse 2.2s ease-out infinite;stroke-width:1.2}
.digital-route-stop.is-current .digital-stop-ring{stroke-width:1.3}
@keyframes compact-route-pulse{0%{r:6;opacity:.65}100%{r:12;opacity:0}}
.shipment-timeline-dot{width:12px;height:12px;margin-top:4px;box-shadow:0 0 0 2px var(--surface)}.shipment-timeline-dot svg{width:8px;height:8px}
.shipment-timeline li:not(:last-child):before{inset-inline-start:5px;top:17px;border-inline-start-width:1px}
.shipment-timeline .active .shipment-timeline-dot:after{inset:-2px;animation:compact-history-pulse 2.4s ease-out infinite}
@keyframes compact-history-pulse{0%{transform:scale(.9);opacity:.5}100%{transform:scale(1.2);opacity:0}}
@media(prefers-reduced-motion:reduce){.digital-route-stop.is-current .digital-stop-halo,.shipment-timeline .active .shipment-timeline-dot:after{animation:none;opacity:.3}}

/* Personal workspace layout and four calm accent palettes. */
:root[data-workspace-palette=teal]{--accent:#0f766e;--soft:#edf7f5;--chart-dark:#16857b;--chart-pale:#a3cfc6}
:root[data-workspace-palette=sage]{--accent:#62634b;--soft:#f4f4ef;--chart-dark:#73745a;--chart-pale:#c8c8b5}
:root[data-workspace-palette=violet]{--accent:#665283;--soft:#f4f0f8;--chart-dark:#796394;--chart-pale:#c7bbd7}
:root[data-theme=dark][data-workspace-palette=teal]{--accent:#69c5b6;--soft:#153d3b;--chart-dark:#69c5b6}
:root[data-theme=dark][data-workspace-palette=sage]{--accent:#c8c8ae;--soft:#33352b;--chart-dark:#c8c8ae}
:root[data-theme=dark][data-workspace-palette=violet]{--accent:#c2afe2;--soft:#30263f;--chart-dark:#c2afe2}
.btn.primary,:root[data-theme=dark] .btn.primary{background:var(--accent);border-color:var(--accent)}.btn.primary:hover{filter:brightness(1.08)}.metric-icon,.header-company-fallback{color:var(--accent)}
.workspace-customization-toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:18px}.workspace-customization-toolbar .btn{font-size:11px;min-height:34px;padding:6px 11px}
.sidebar-custom-controls{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 8px 16px;border-bottom:1px solid var(--border);margin-bottom:15px}.sidebar-color-picker{display:flex;gap:7px;align-items:center}.workspace-color-swatch{width:22px;height:22px;min-height:0;border-radius:50%;padding:0;background:var(--swatch);border:3px solid var(--surface);box-shadow:0 0 0 1px var(--border)}.workspace-color-swatch[aria-pressed=true]{box-shadow:0 0 0 2px var(--swatch)}.workspace-color-swatch:focus-visible{outline:2px solid var(--ink);outline-offset:3px}.sidebar-collapse-button{border:1px solid var(--border);background:var(--bg);color:var(--ink);cursor:pointer}
.custom-frame-hidden,.custom-nav-hidden{display:none!important}
.custom-frame-handle{display:none;align-items:center;gap:6px;padding:5px 7px;border:1px dashed var(--accent);border-radius:9px;margin-bottom:12px;background:var(--soft);color:var(--accent);font-size:10px;cursor:default}.custom-frame-handle>span{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.custom-frame-handle button{background:var(--surface);border:1px solid var(--border);color:var(--accent);border-radius:6px;min-width:25px;height:25px;cursor:pointer}.custom-frame-handle .custom-drag-grip{cursor:grab;touch-action:none;font-size:19px}.custom-frame-handle .custom-drag-grip:active{cursor:grabbing}
#app[data-layout-editing=true] .custom-frame-handle{display:flex}#app[data-layout-editing=true] [data-custom-frame]{outline:1px dashed color-mix(in srgb,var(--accent) 35%,transparent);outline-offset:3px}
.dashboard-layout.customizable-dashboard{grid-auto-flow:row dense}.dashboard-layout.customizable-dashboard>.dash-metrics{grid-column:1/-1;grid-row:auto}.dashboard-layout.customizable-dashboard>.chart-card{grid-column:span 2;grid-row:auto;}.dashboard-layout.customizable-dashboard>.tracking-card{grid-column:auto;align-self:stretch}.dashboard-layout.customizable-dashboard>.completion-card,.dashboard-layout.customizable-dashboard>.value-card{grid-column:auto;grid-row:auto}
.workspace-customization-dialog{width:min(720px,calc(100vw - 32px));max-height:85dvh;border:1px solid var(--border);border-radius:18px;background:var(--surface);color:var(--ink);padding:24px;box-sizing:border-box;overflow-y:auto;box-shadow:0 20px 70px #0f172a35}.workspace-customization-dialog::backdrop{background:#0f172a66;backdrop-filter:blur(3px)}.customization-dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.customization-dialog-heading h2{font-size:18px;margin:0}.workspace-customization-dialog>p{font-size:12px;color:var(--muted);line-height:1.9}.customization-dialog-content{display:grid;grid-template-columns:1fr 1fr;gap:20px}.customization-dialog-content h3{font-size:13px}.customization-dialog-content label{display:flex;gap:10px;align-items:center;padding:9px 0;border-bottom:1px solid var(--border);font-size:12px}.customization-dialog-content input{width:16px;height:16px;min-height:0;flex:none;accent-color:var(--accent)}.customization-status{color:#b45309;font-size:12px}.customization-local-note{border-top:1px solid var(--border);padding-top:12px}
@media(max-width:950px){.dashboard-layout.customizable-dashboard>.chart-card{grid-column:1/-1}}
@media(max-width:520px){.dashboard-layout.customizable-dashboard>.chart-card{grid-column:1}.dashboard-layout.customizable-dashboard>.tracking-card{grid-column:1}.customization-dialog-content{grid-template-columns:1fr}.workspace-customization-dialog{padding:18px}.sidebar-custom-controls{padding-top:5px}.workspace-customization-toolbar .btn{font-size:10px}.custom-frame-handle>span{max-width:130px}}
@media print{.workspace-customization-toolbar,.sidebar-custom-controls,.custom-frame-handle,.workspace-customization-dialog{display:none!important}}
#app[data-layout-editing=false] .custom-frame-handle{display:none!important}
.dash-metrics>.custom-frame-handle{grid-column:1/-1}.dash-metric>.custom-frame-handle{flex-direction:row;align-items:center;padding:4px;margin-bottom:8px}
@media(max-width:520px){.dashboard-layout.customizable-dashboard>.tracking-card{grid-row:auto}}

.workspace-sidebar .workspace-color-swatch{background:var(--swatch);border-color:var(--surface)}.header-company-fallback{color:white}
.custom-frame-handle>button{flex-shrink:0}#app[data-layout-editing=true] .dash-metric .metric-icon{top:65px}
.workspace-color-swatch[data-custom-palette=blue]{--swatch:#0369a1}.workspace-color-swatch[data-custom-palette=teal]{--swatch:#0f766e}.workspace-color-swatch[data-custom-palette=sage]{--swatch:#62634b}.workspace-color-swatch[data-custom-palette=violet]{--swatch:#665283}
.customization-dialog-content label>span{min-width:0;overflow-wrap:anywhere}
.customization-dialog-content label{flex-direction:row;text-align:start}.workspace-customization-dialog{overscroll-behavior:contain}.customization-dialog-heading{position:sticky;top:0;z-index:1;background:var(--surface);padding-bottom:10px}

/* Header menus, compact panel tools and icon-only sidebar rail. */
.header-menu-option{display:flex;align-items:center;gap:10px;width:100%;min-height:42px;text-align:start;padding:10px 12px;border:0;border-radius:9px;background:transparent;color:var(--ink);font-size:12px;cursor:pointer}.header-menu-option:hover{background:var(--soft)}.header-menu-option>.souqi-icon{width:17px;height:17px;flex:none;color:var(--accent)}.header-menu-option>span{flex:1}.header-menu-option[aria-pressed=true]{background:var(--soft);color:var(--accent)}.header-profile-popover{width:250px}.profile-signout{border-top:1px solid var(--border);border-radius:0 0 9px 9px;margin-top:6px;color:#be123c}.profile-signout>.souqi-icon{color:inherit}.header-profile-button>.header-chevron{width:13px;height:13px;color:var(--muted)}.header-customization-popover{width:250px}
#app[data-layout-editing=true] .custom-frame-handle{width:max-content;max-width:100%;padding:3px;gap:3px;border:1px solid var(--border);border-radius:8px;background:var(--surface);box-shadow:0 2px 5px #0f172a08;margin-inline-start:auto;margin-bottom:10px;outline:none;box-sizing:border-box}.custom-frame-handle button,.custom-frame-handle .custom-drag-grip{display:grid;place-items:center;min-width:22px;width:22px;height:22px;padding:3px;border:0;background:transparent;font-size:12px}.custom-frame-handle button:hover{background:var(--soft)}.custom-frame-handle button>svg{width:14px;height:14px}.custom-frame-handle>.visually-hidden{flex:0;max-width:0}.custom-frame-handle .custom-frame-remove{color:#b45365}.custom-frame-handle .custom-frame-remove:hover{background:#fff1f2}.dash-metrics>.custom-frame-handle{justify-self:end}.custom-frame-dragging{opacity:.25!important}.custom-frame-drop{outline:2px dashed var(--accent)!important;outline-offset:4px;background:color-mix(in srgb,var(--soft) 45%,var(--surface))}
.workspace-frame-ghost{position:fixed!important;left:0;top:0;z-index:200;max-height:190px;overflow:hidden;pointer-events:none!important;opacity:.7!important;box-shadow:0 18px 48px #0f172a38;border:1px solid var(--accent);border-radius:14px;background:var(--surface);transform-origin:top left;margin:0!important;box-sizing:border-box}.workspace-frame-ghost .custom-frame-handle{display:none!important}
#app[data-sidebar-collapsed=true]>.shell{display:grid;grid-template-columns:72px minmax(0,1fr)}#app[data-sidebar-collapsed=true]>.shell>.workspace-sidebar{display:block;padding:16px 7px;min-width:0}
#app[data-sidebar-collapsed=true] .workspace-sidebar .sidebar-link-label,#app[data-sidebar-collapsed=true] .workspace-sidebar .sidebar-group-title,#app[data-sidebar-collapsed=true] .workspace-sidebar .sidebar-chevron,#app[data-sidebar-collapsed=true] .workspace-sidebar .sidebar-count,#app[data-sidebar-collapsed=true] .workspace-sidebar .sidebar-unread-dot,#app[data-sidebar-collapsed=true] .workspace-sidebar .nav-caption,#app[data-sidebar-collapsed=true] .workspace-sidebar .sidebar-version,#app[data-sidebar-collapsed=true] .workspace-sidebar .sidebar-color-picker,#app[data-sidebar-collapsed=true] .workspace-sidebar .sidebar-mobile-toggle{display:none!important}
#app[data-sidebar-collapsed=true] .sidebar-custom-controls{padding:0 0 12px;justify-content:center}#app[data-sidebar-collapsed=true] .workspace-sidebar .sidebar-sections>.sidebar-content{display:flex!important;padding:0}#app[data-sidebar-collapsed=true] .workspace-sidebar .sidebar-link,#app[data-sidebar-collapsed=true] .workspace-sidebar .sidebar-group>summary{display:flex;align-items:center;justify-content:center;padding:10px;min-height:42px}#app[data-sidebar-collapsed=true] .workspace-sidebar .sidebar-children{margin:3px 0;padding:0;border:0}#app[data-sidebar-collapsed=true] .sidebar-content{gap:6px}
[data-custom-frame]{min-width:0;box-sizing:border-box}.order-detail-main>[data-custom-frame],.order-detail-side>[data-custom-frame]{width:100%;max-width:none}
@media(max-width:760px){.header-customization-popover,.header-profile-popover{position:fixed;inset-inline:12px;top:145px;width:auto;max-width:none}#app[data-sidebar-collapsed=true]>.shell{grid-template-columns:58px minmax(0,1fr)}#app[data-sidebar-collapsed=true]>.shell>.workspace-sidebar{position:sticky;top:0;height:100dvh;max-height:100dvh;border-bottom:0;border-inline-end:1px solid var(--border);padding:12px 5px}#app[data-sidebar-collapsed=true] .shell>main{padding-inline:12px}}
@media print{.custom-frame-handle,.workspace-frame-ghost{display:none!important}#app[data-sidebar-collapsed=true]>.shell{display:block}}

/* Clear information hierarchy, restrained charts and comfortable reading. */
.workspace-sidebar .workspace-color-swatch{box-sizing:border-box;width:15px;min-width:15px;max-width:15px;height:15px;min-height:15px;max-height:15px;flex:0 0 15px;aspect-ratio:1;padding:0;border-radius:50%}.workspace-sidebar .sidebar-color-picker{flex-wrap:nowrap}
.dashboard-main{container-type:inline-size}.dashboard-main>h1{font-size:21px}.dashboard-main>p.muted{margin-bottom:18px}
.dash-hero{position:relative;display:flex;align-items:center;justify-content:space-between;padding:22px 26px;background:linear-gradient(110deg,var(--surface) 45%,var(--soft));overflow:hidden}.dash-hero h2,:root[data-theme=dark] .dash-hero h2{font-size:25px;line-height:1.55}.hero-tools{margin-top:0}.dash-card,.panel{box-shadow:0 2px 6px #0f172a03}.card-heading{gap:14px;}.card-heading h3,.activity-heading h3{font-size:14px;line-height:1.6;margin:0}.card-heading p{line-height:1.7}
.dashboard-layout.customizable-dashboard{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:stretch}.dashboard-layout.customizable-dashboard>.chart-card{min-height:350px}.dashboard-layout.customizable-dashboard>.tracking-card{grid-row:span 2;min-width:0}.dashboard-layout.customizable-dashboard>.completion-card,.dashboard-layout.customizable-dashboard>.value-card{min-height:320px}
.dash-metric{padding:19px 21px;gap:14px;overflow:hidden}.dash-metric strong{font-size:31px;font-variant-numeric:tabular-nums;font-weight:750}.dash-metric>div:not(.metric-context):not(.custom-frame-handle){gap:10px}.dash-metric>div>p{min-height:30px}.metric-context{display:flex!important;flex-direction:row!important;align-items:center;justify-content:space-between;gap:10px!important;min-height:29px;border-top:1px solid var(--border);padding-top:12px;color:var(--muted);font-size:10px}.metric-context>span{line-height:1.6}.metric-spark{width:78px;height:25px;fill:var(--chart-dark);opacity:.65;flex:none}.dash-metric .metric-icon{background:var(--soft);color:var(--accent)}
.shipment-chart{display:block;width:100%;margin-top:12px;max-height:260px;min-height:190px;overflow:visible}.shipment-chart text{fill:var(--muted);font-size:11px}.shipment-chart rect:focus{outline:none;stroke:var(--ink);stroke-width:2}.chart-grid{stroke:var(--border);stroke-dasharray:3 6}.chart-footnote{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;padding-top:14px;border-top:1px solid var(--border);font-size:9px;color:var(--muted);line-height:1.7}.chart-legend{flex-wrap:wrap;justify-content:flex-end;line-height:1.7}
.completion-card .gauge{max-width:175px;margin:0 auto 10px}.completion-card .gauge strong{font-size:27px}.completion-card .gauge p{font-size:10px}.status-overview{border-top:1px solid var(--border);padding-top:15px}.insight-subheading{display:grid;gap:3px}.insight-subheading strong{font-size:12px}.insight-subheading small{font-size:10px;color:var(--muted)}.status-segment-chart{display:flex;gap:3px;height:9px;border-radius:6px;overflow:hidden;background:var(--bg);margin:15px 0}.status-segment-chart>span{display:block;background:var(--segment);border-radius:3px;transform-origin:center}.status-overview-legend{display:grid;gap:10px}.status-overview-legend>div{display:grid;grid-template-columns:7px 1fr auto 32px;align-items:center;gap:8px;font-size:11px}.status-overview-legend i{width:6px;height:6px;border-radius:50%}.status-overview-legend b{font-size:12px;font-variant-numeric:tabular-nums}.status-overview-legend small{font-size:10px;color:var(--muted);text-align:end}
.value-card{display:flex;flex-direction:column}.value-card .order-value{display:grid;gap:12px;margin:4px 0 12px}.currency-value-row{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:5px 12px;border:1px solid var(--border);background:var(--bg);border-radius:12px;padding:16px;direction:ltr}.currency-code{color:var(--accent);font-size:11px;font-weight:750;letter-spacing:1px}.currency-value-row strong{font-size:25px;font-weight:750;text-align:end;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.currency-value-row>small{grid-column:1/-1;font-size:10px;color:var(--muted);text-align:end;direction:rtl}.value-card>.muted{max-width:none;font-size:10px;line-height:1.8;margin:0}.value-card .active-note{margin-top:auto;padding-top:18px;border-top:1px solid var(--border)}
.tracking-card .shipment-digital-route{margin-bottom:6px}.tracking-card .tracking-timeline{max-height:215px;overflow-y:auto;scrollbar-width:thin}.tracking-card .tracking-carrier{margin-top:16px}.tracking-card .tracking-id{gap:10px}.tracking-card .tracking-id b{overflow-wrap:anywhere}.tracking-card .digital-route-heading{flex-wrap:wrap;gap:5px}
.shipment-activity{padding:0;overflow:hidden}.shipment-activity .activity-heading{margin:0;border-bottom:1px solid var(--border);}.shipment-activity table{margin:0;border:0}.shipment-activity th{background:var(--bg);font-size:10px;white-space:nowrap;padding-block:13px}.shipment-activity td{padding-block:16px;font-size:12px}.shipment-activity tbody tr:hover{background:color-mix(in srgb,var(--soft) 55%,var(--surface))}.shipment-activity .track-button{font-size:10px;padding:6px 10px;min-height:32px}.activity-tabs{display:flex;flex-wrap:wrap}.dashboard-footer{grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);align-items:start}.dashboard-footer .dash-card{min-width:0}.inventory-overview .stock-alert{display:block;padding:14px 0;border-bottom:1px solid var(--border)}.stock-alert>div{display:flex;justify-content:space-between;gap:12px;font-size:12px}.stock-alert span{color:var(--muted);font-variant-numeric:tabular-nums}.stock-alert meter{display:block;width:100%;height:7px;margin-top:10px;accent-color:#d59478}.carrier-summary{display:grid;gap:12px}.carrier-summary>div{padding:15px;background:var(--surface);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.carrier-summary>div>.carrier-brand{grid-column:1/-1}.carrier-summary button{padding:8px 5px;background:var(--bg);border:1px solid var(--border);border-radius:8px;font-size:10px;color:var(--muted);display:grid;gap:4px}.carrier-summary button strong{color:var(--ink);font-size:16px}.carrier-load{grid-column:1/-1;display:grid;grid-template-columns:1fr auto;gap:6px;font-size:10px;color:var(--muted);margin:3px 0 5px}.carrier-load>div{grid-column:1/-1;height:5px;border-radius:3px;background:var(--bg);overflow:hidden}.carrier-load i{display:block;height:100%;background:var(--chart-dark);border-radius:3px}.carrier-load b{color:var(--ink)}
@container(max-width:950px){.dashboard-layout.customizable-dashboard{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-layout.customizable-dashboard>.chart-card{grid-column:1/-1}.dashboard-layout.customizable-dashboard>.tracking-card{grid-row:span 2}.dash-hero{display:block}.hero-tools{margin-top:16px}.dash-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-footer{grid-template-columns:1fr}.chart-footnote{font-size:10px}}
@container(max-width:570px){.dashboard-layout.customizable-dashboard{grid-template-columns:minmax(0,1fr);gap:14px}.dashboard-layout.customizable-dashboard>.tracking-card{grid-row:auto;grid-column:1}.dashboard-layout.customizable-dashboard>.chart-card{grid-column:1;min-height:0}.dash-hero{padding:18px}.dash-hero h2,:root[data-theme=dark] .dash-hero h2{font-size:21px}.dash-metric{padding:15px}.dash-metric strong{font-size:27px}.metric-context{font-size:9px}.metric-spark{width:42px}.dash-card{padding:17px}.shipment-activity{padding:0}.shipment-activity .activity-heading{padding:17px}.chart-legend{justify-content:flex-start}.chart-card .card-heading{flex-direction:column}.shipment-chart{min-height:145px}.dashboard-layout.customizable-dashboard>.completion-card,.dashboard-layout.customizable-dashboard>.value-card{min-height:0}}
@media(prefers-reduced-motion:reduce){.dash-card,.dash-metric,.shipment-chart *{animation:none!important;transition:none!important}}

/* Keep timeline markers inside the scrollable box, including their full ring. */
.tracking-card .tracking-timeline{padding:10px 0;margin:18px 0;box-sizing:border-box;overflow-x:hidden;scrollbar-gutter:stable}.tracking-card .tracking-timeline li{position:relative;margin:0;padding-inline-start:24px;padding-inline-end:6px;min-height:55px}.tracking-card .tracking-timeline li:before{inset-inline-start:6px;inset-inline-end:auto;top:7px;width:7px;height:7px;box-sizing:border-box;border:2px solid var(--surface);box-shadow:0 0 0 1px var(--chart-pale);border-radius:50%;background:var(--chart-pale);z-index:1}.tracking-card .tracking-timeline li.current:before{background:var(--signal);box-shadow:0 0 0 1px var(--signal)}.tracking-card .tracking-timeline li:after{inset-inline-start:9px;inset-inline-end:auto;top:17px;bottom:3px;width:0;height:auto;border-inline-start:1px dashed var(--border);background:none}.tracking-card .tracking-timeline li:last-child:after{display:none}
.activity-tools{display:flex;flex-wrap:wrap;justify-content:flex-end}.order-view-controls{display:flex;align-items:center;border:1px solid var(--border);background:var(--bg)}.order-view-controls button{display:grid;place-items:center;border:0;background:transparent;color:var(--muted);cursor:pointer}.order-view-controls button:hover{color:var(--accent);background:var(--soft)}.order-view-controls button[aria-pressed=true]{color:var(--accent);background:var(--surface);box-shadow:0 1px 4px #0f172a18}.order-view-controls button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.tracking-card .tracking-timeline li{border:0}.tracking-card .tracking-timeline li:after{content:'';position:absolute}
.order-card-grid{display:grid;gap:18px;padding:22px;}.order-card-grid-medium{grid-template-columns:repeat(auto-fit,minmax(min(100%,270px),1fr))}.order-display-card{min-width:0;background:var(--surface);border:1px solid var(--border);border-radius:14px;overflow:hidden;box-shadow:var(--shadow)}.order-card-top{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:15px;border-bottom:1px solid var(--border)}.order-card-top .status-pill{flex:none}.order-card-products{padding:16px;display:grid;gap:12px;background:var(--bg)}.order-card-product{display:flex;align-items:center;gap:13px;min-width:0}.order-product-picture{display:grid;place-items:center;width:66px;height:66px;flex:none;background:var(--surface);border:1px solid var(--border);border-radius:11px;overflow:hidden;color:var(--accent)}.order-product-picture img{width:100%;height:100%;object-fit:contain}.order-product-picture svg{width:28px;height:28px}.order-card-product>div:last-child{display:grid;gap:4px;min-width:0}.order-card-product strong{overflow-wrap:anywhere}.order-card-product small{color:var(--muted);overflow-wrap:anywhere}.order-card-product b{font-size:11px;color:var(--accent);font-variant-numeric:tabular-nums}.order-card-facts{margin:0;padding:0 16px;display:grid;grid-template-columns:1fr 1fr;gap:0 14px}.order-card-facts>div{min-width:0;padding:12px 0;border-bottom:1px solid var(--border)}.order-card-facts>div:nth-last-child(-n+2){grid-column:1/-1}.order-card-facts dt{font-size:10px;color:var(--muted)}.order-card-facts dd{margin:4px 0 0;font-size:11px;}.order-card-bottom{padding:16px;display:flex;align-items:center;justify-content:space-between;gap:12px}.order-card-bottom>div{display:grid;gap:4px;min-width:0}.order-card-bottom small{font-size:10px;color:var(--muted)}.order-card-bottom strong{color:var(--accent);overflow-wrap:anywhere}.order-card-grid-large .order-card-top,.order-card-grid-large .order-card-products,.order-card-grid-large .order-card-bottom{padding:20px}
@media(max-width:700px){.activity-tools{justify-content:flex-start;width:100%;gap:10px}.activity-tools .activity-tabs{margin-top:0;width:auto;flex:1}.order-card-grid{padding:14px;gap:14px}.order-card-grid-medium,.order-card-grid-large{grid-template-columns:minmax(0,1fr)}.order-card-grid-large .order-product-picture{width:100px;height:100px}}

/* Storefront-style large order cards: full-width artwork and four desktop columns. */
.order-card-grid-large{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;padding:20px;align-items:stretch}
.order-card-grid-large .order-display-card{display:flex;flex-direction:column;border-radius:16px;transition:box-shadow .2s,border-color .2s}
.order-card-grid-large .order-display-card:hover{border-color:color-mix(in srgb,var(--accent) 45%,var(--border));box-shadow:0 7px 22px #0f172a0b}
.order-card-grid-large .order-card-products{order:0;padding:0;background:var(--surface);gap:0}
.order-card-grid-large .order-card-product{display:flex;flex-direction:column;align-items:stretch;gap:0}
.order-card-grid-large .order-product-picture{width:100%;height:auto;aspect-ratio:1/1;border:0;border-radius:0;background:linear-gradient(145deg,var(--bg),var(--soft));box-sizing:border-box;overflow:hidden}
.order-card-grid-large .order-product-picture img{display:block;width:100%;height:100%;min-height:0;object-fit:contain}
.order-card-grid-large .order-product-picture svg{width:62px;height:62px;stroke-width:1.2;opacity:.65}
.order-card-grid-large .order-card-product>div:last-child{padding:16px 15px 13px;gap:7px}
.order-card-grid-large .order-card-product strong{font-size:15px;line-height:1.65;font-weight:750}
.order-card-grid-large .order-card-product small{font-size:11px;line-height:1.7}
.order-card-grid-large .order-card-product b{font-size:15px;line-height:1.5}
.order-card-grid-large .order-card-top{order:1;padding:11px 15px;border-top:1px solid var(--border);background:var(--bg);gap:8px;flex-wrap:wrap}
.order-card-grid-large .order-card-top .order-open-link{max-width:100%;font-size:11px}
.order-card-grid-large .order-card-top .status-pill{font-size:10px}
.order-card-grid-large .order-card-facts{order:2;padding:0 15px;gap:0 12px;grid-template-columns:1fr}
.order-card-grid-large .order-card-facts>div{grid-column:1/-1;display:flex;align-items:baseline;justify-content:space-between;gap:10px;padding:9px 0}
.order-card-grid-large .order-card-facts dt{font-size:11px;flex:none}
.order-card-grid-large .order-card-facts dd{font-size:12px;font-weight:600;line-height:1.7;text-align:end;margin:0;min-width:0}
.order-card-grid-large .order-card-bottom{order:3;padding:16px 15px;flex-wrap:wrap;gap:12px}
.order-card-grid-large .order-card-bottom strong{font-size:22px;line-height:1.4}
.order-card-grid-large .order-card-bottom>.track-button{width:100%;font-size:12px;min-height:36px}
@container(max-width:900px){.order-card-grid-large{grid-template-columns:repeat(3,minmax(0,1fr))}}
@container(max-width:680px){.order-card-grid-large{grid-template-columns:repeat(2,minmax(0,1fr));padding:14px;gap:12px}}
@container(max-width:420px){.order-card-grid-large{grid-template-columns:minmax(0,1fr)}.order-card-grid-large .order-product-picture{aspect-ratio:4/3}}
@media(prefers-reduced-motion:reduce){.order-card-grid-large .order-display-card{transition:none}}

/* Shipment route follows the workspace palette and light/dark surfaces. */
.shipment-digital-route{--route-signal:var(--accent);--route-recorded:var(--chart-dark);background:linear-gradient(145deg,var(--surface),var(--soft));border-color:var(--border);color:var(--ink);box-shadow:none}
.digital-route-heading h3{color:var(--ink)}.digital-route-heading>span,.digital-route-endpoints small,.digital-route-caption small{color:var(--muted)}.digital-route-endpoints strong,.digital-route-caption span{color:var(--ink)}
.digital-map-canvas{background:radial-gradient(ellipse at 50% 45%,var(--soft),var(--surface) 85%);border:1px solid var(--border)}.digital-map-grid{color:var(--accent);opacity:.12}
.digital-route-base{stroke:color-mix(in srgb,var(--accent) 35%,var(--border));opacity:.85}.digital-route-progress{stroke:var(--route-signal);filter:drop-shadow(0 0 3px color-mix(in srgb,var(--route-signal) 35%,transparent))}
.digital-stop-ring{fill:var(--surface);stroke:var(--border)}.digital-stop-dot{fill:var(--muted)}.digital-route-current-arrow,.digital-route-moving-arrow{fill:var(--route-signal);filter:drop-shadow(0 0 3px color-mix(in srgb,var(--route-signal) 40%,transparent))}
.digital-route-stages>span{color:var(--muted)}.digital-route-stages i{border-color:var(--muted)}.digital-route-stages .is-recorded,.digital-route-stages .is-current{color:var(--accent)}.digital-route-caption{border-top-color:var(--border)}.digital-route-caption strong{color:var(--accent)}
.digital-map-coordinates text{fill:var(--muted);stroke:none;opacity:.65}.stage-object-shadow{fill:color-mix(in srgb,var(--accent) 8%,transparent);stroke:color-mix(in srgb,var(--accent) 30%,var(--border))}.shipment-stage-object.is-current .stage-object-shadow{fill:var(--soft);stroke:var(--route-signal)}.stage-object-link{stroke:var(--border)}.shipment-stage-object.is-recorded,.shipment-stage-object.is-reached{opacity:.9}
.stage-object-art,.shipment-stage-object.is-recorded .stage-object-art,.shipment-stage-object.is-reached .stage-object-art{filter:url(#shipment-symbol-theme) drop-shadow(0 3px 3px #0f172a18)}
.shipment-stage-object.is-current .stage-object-art{animation:themed-shipment-symbol 2.4s ease-in-out infinite}
.shipment-stage-object.is-exception .stage-object-art{animation:none;filter:url(#shipment-symbol-theme) drop-shadow(0 0 5px #d5947866)}
.shipment-digital-route.route-exception{--route-signal:var(--accent);border-color:var(--border)}.route-exception .digital-route-caption strong{color:var(--accent)}
@keyframes themed-shipment-symbol{0%,100%{filter:url(#shipment-symbol-theme) drop-shadow(0 0 3px color-mix(in srgb,var(--accent) 25%,transparent));opacity:.88}50%{filter:url(#shipment-symbol-theme) drop-shadow(0 0 8px color-mix(in srgb,var(--accent) 45%,transparent));opacity:1}}
@media(prefers-reduced-motion:reduce){.shipment-stage-object.is-current .stage-object-art{animation:none;filter:url(#shipment-symbol-theme) drop-shadow(0 0 4px color-mix(in srgb,var(--accent) 35%,transparent))}}

/* Quiet flat stage symbols; only the current stage makes a gentle rise. */
.shipment-digital-route .digital-map-canvas{background:var(--surface);border-color:var(--border)}.shipment-digital-route .digital-map-grid{opacity:.055}.shipment-digital-route .digital-map-coordinates{display:none}
.flat-stage-symbol{color:var(--muted)}.flat-stage-tile{fill:var(--bg);stroke:var(--border);stroke-width:1.5}.flat-stage-glyph{color:inherit}.shipment-stage-object{opacity:.55}.shipment-stage-object.is-reached,.shipment-stage-object.is-recorded{opacity:1}.is-reached>.flat-stage-symbol,.is-recorded>.flat-stage-symbol{color:var(--accent)}.is-reached .flat-stage-tile,.is-recorded .flat-stage-tile{fill:var(--soft);stroke:color-mix(in srgb,var(--accent) 20%,var(--border))}
.shipment-stage-object.is-current{opacity:1}.is-current>.flat-stage-symbol{color:var(--accent);animation:flat-stage-rise 3s ease-in-out infinite}.is-current .flat-stage-tile{fill:var(--soft);stroke:var(--accent);stroke-width:2}.shipment-stage-object.is-exception .flat-stage-tile{stroke-dasharray:5 4}
.shipment-digital-route .digital-route-stop.is-current .digital-stop-halo{animation:none;opacity:0}.shipment-digital-route .digital-route-stop.is-current .digital-stop-dot,.shipment-digital-route .digital-route-current-arrow,.shipment-digital-route .digital-route-moving-arrow,.shipment-digital-route .digital-route-progress{filter:none}.shipment-digital-route .digital-route-heading>span>i,.shipment-digital-route .digital-route-stages .is-current i{box-shadow:none}.shipment-digital-route .stage-object-link{stroke:var(--border)}
@keyframes flat-stage-rise{0%,65%,100%{transform:translateY(0)}30%{transform:translateY(-5px)}}
@media(prefers-reduced-motion:reduce){.is-current>.flat-stage-symbol{animation:none}}

/* Immediate action summary precedes all dashboard charts and metrics. */
.dashboard-attention-area{margin-bottom:20px}.dashboard-attention-area>.panel{margin:0;border-inline-start:3px solid var(--accent);background:linear-gradient(110deg,var(--surface),var(--soft));padding:20px 22px}.dashboard-attention-area h2{font-size:16px;margin-bottom:15px}.dashboard-attention-area .action-queue{margin-bottom:12px}.dashboard-attention-area .queue-tile{background:var(--surface)}

/* One quiet settings entry per section; operational content remains in the page. */
.section-settings{margin:0 0 20px;border:0}.section-settings>summary{list-style:none;display:flex;align-items:center;gap:14px;justify-content:space-between;width:max-content;max-width:100%;margin-inline-start:auto;border:1px solid var(--border);background:var(--surface);color:var(--accent);font-size:12px;font-weight:650;cursor:pointer}.section-settings>summary::-webkit-details-marker{display:none}.section-settings>summary:hover{background:var(--soft)}.section-settings>summary:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.section-settings-chevron{font-size:17px;line-height:1;transition:transform .15s}.section-settings[open]>summary .section-settings-chevron{transform:rotate(180deg)}.section-settings-content{padding:20px;margin-top:12px;border:1px solid var(--border);border-radius:14px;background:var(--surface);box-shadow:var(--shadow)}.section-settings-content>.muted{font-size:12px;line-height:1.8;margin:0 0 20px}.section-settings-content>.section-settings-panel{background:transparent;border:0;border-radius:0;box-shadow:none;padding:0;margin:0 0 22px}.section-settings-content>.section-settings-panel:last-child{margin-bottom:0}.section-settings-content>.section-settings-panel+.section-settings-panel{padding-top:22px;border-top:1px solid var(--border)}.section-settings-content h2{font-size:15px}.section-settings-content .grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr))}.section-settings-advanced{grid-column:1/-1;border-top:1px solid var(--border);padding-top:12px;margin-top:8px}.section-settings-advanced>summary{font-size:12px;color:var(--muted);cursor:pointer}.section-settings-advanced>label{margin-top:12px}.section-settings-content textarea{width:100%;box-sizing:border-box}
@media(max-width:600px){.section-settings-content{padding:16px}.section-settings>summary{font-size:11px}.section-settings-content>.muted{font-size:11px}}
@media print{.section-settings{display:none!important}}

/* Unified compact collection headers and balanced icon controls. */
:root{--control-radius:8px;--control-height:30px;--control-icon:16px}
.shipment-activity .activity-heading{padding:11px 16px;min-height:44px;gap:12px;align-items:center}.activity-heading h3,.collection-toolbar h2,.user-list-heading h2{font-size:14px;line-height:1.5;margin:0}.activity-heading p{font-size:10px;margin:2px 0 0;line-height:1.5}.activity-tools{gap:8px;align-items:center}.order-view-controls{padding:3px;gap:2px;border-radius:var(--control-radius);height:36px;box-sizing:border-box}.order-view-controls button{width:28px;height:28px;min-height:28px;padding:6px;border-radius:6px;flex:none}.order-view-controls button svg{width:var(--control-icon);height:var(--control-icon);stroke-width:1.65}.activity-tabs{padding:3px;gap:2px;align-items:center;margin:0;min-height:36px;box-sizing:border-box;border-radius:var(--control-radius)}.activity-tabs button{min-height:28px;padding:4px 9px;font-size:10px;line-height:1.5;border-radius:6px;margin:0}.btn>.souqi-icon{width:16px;height:16px;stroke-width:1.65}.header-icon-button{width:34px;height:34px;min-height:34px;padding:8px;border-radius:var(--control-radius);display:inline-flex;align-items:center;justify-content:center}.header-icon-button>.souqi-icon{width:18px;height:18px}.card-heading{align-items:center;margin-bottom:14px}.card-heading>svg{width:18px;height:18px;padding:7px;box-sizing:content-box;border-radius:var(--control-radius)}.btn{gap:7px;border-radius:var(--control-radius)}.sidebar-collapse-button{width:30px;height:30px;padding:5px;border-radius:var(--control-radius);display:grid;place-items:center}.section-settings>summary{min-height:32px;padding:5px 12px;border-radius:var(--control-radius);box-sizing:border-box}
.collection-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:38px;margin:0 0 14px}.collection-toolbar>h2,.collection-toolbar>h3{flex:1;margin:0;font-size:14px}.collection-toolbar>div{margin-inline-start:auto}.collection-cards{display:grid;gap:16px}.collection-cards[hidden],.table-wrap[hidden]{display:none!important}.collection-cards-medium{grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr))}.collection-cards-large{grid-template-columns:repeat(4,minmax(0,1fr))}.collection-card{min-width:0;border:1px solid var(--border);border-radius:13px;background:var(--surface);overflow:hidden;display:flex;flex-direction:column}.collection-card-media{display:grid;place-items:center;aspect-ratio:4/3;background:var(--bg);border-bottom:1px solid var(--border);overflow:hidden}.collection-card-media>img{width:100%;height:100%;object-fit:contain;min-height:0}.collection-cards-medium .collection-card-media{aspect-ratio:2/1}.collection-avatar{display:grid;place-items:center;width:76px;height:76px;border-radius:50%;font-size:32px;font-weight:750;color:var(--accent);background:var(--soft)}.collection-card-facts{margin:0;padding:8px 15px 15px;display:grid;gap:0;flex:1}.collection-field{display:flex;align-items:baseline;justify-content:space-between;gap:12px;border-bottom:1px solid var(--border);padding:10px 0;min-width:0}.collection-field dt{font-size:10px;color:var(--muted);flex:none}.collection-field dd{margin:0;font-size:12px;min-width:0;text-align:end;overflow-wrap:anywhere}.collection-field .product-cell>img,.collection-field .customer-list-name>img{display:none}.collection-field .product-cell,.collection-field .customer-list-name{gap:0}.collection-actions{align-self:end;display:block;border:0;padding-bottom:0}.collection-actions dt{display:none}.collection-actions dd{display:flex;align-items:center;flex-wrap:wrap;gap:6px}.collection-actions .btn,.collection-field .stock-quantity-cell .btn{font-size:10px;min-height:30px;padding:6px 9px}.collection-field .status-select{min-width:0;width:100%;min-height:34px;font-size:11px}.collection-field .stock-quantity-cell{flex-wrap:wrap;justify-content:flex-end;gap:8px}.collection-field .order-open-link{font-size:11px;max-width:100%;overflow-wrap:anywhere}.collection-field .carrier-brand{max-width:100%;flex-wrap:wrap}
.collection-existing[data-collection-view=large]{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.collection-existing[data-collection-view=list]{display:grid;grid-template-columns:minmax(0,1fr);gap:10px}.collection-existing[data-collection-view=list]>:is(.carrier-card,.company-directory-card,.user-team-card){display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding:15px 18px;min-width:0}.collection-existing[data-collection-view=list]>*>:is(h2,h3){font-size:14px;flex:1;min-width:140px;margin:0}.collection-existing[data-collection-view=list] .company-directory-band,.collection-existing[data-collection-view=list] .user-card-band{width:100px;height:65px;min-height:65px;flex:none;border-radius:8px;overflow:hidden;padding:5px}.collection-existing[data-collection-view=list] .company-directory-logo{margin:0;position:static;width:46px;height:46px;flex:none}.collection-existing[data-collection-view=list] .carrier-rate-action{display:flex;gap:6px;flex-wrap:wrap;margin:0}.collection-existing[data-collection-view=list] .carrier-logo{margin:0}.collection-existing[data-collection-view=large]>*{min-width:0;overflow-wrap:anywhere}.collection-existing[data-collection-view=large] .user-card-band{height:110px}
@media(max-width:1150px){.collection-cards-large,.collection-existing[data-collection-view=large]{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:850px){.collection-cards-large,.collection-existing[data-collection-view=large]{grid-template-columns:repeat(2,minmax(0,1fr))}.shipment-activity .activity-heading{flex-wrap:wrap}.activity-tools{justify-content:flex-start}.activity-tabs{flex:none;width:auto}.collection-toolbar{gap:8px}}
@media(max-width:550px){.collection-cards-large,.collection-cards-medium,.collection-existing[data-collection-view=large]{grid-template-columns:minmax(0,1fr)}.activity-heading .activity-tools{width:100%;flex-wrap:wrap}.activity-tools .activity-tabs{width:auto;flex-wrap:wrap;overflow:visible;max-width:100%}.activity-tabs button{flex:none}.shipment-activity .activity-heading{padding:10px 13px}.collection-toolbar h2{font-size:13px}.collection-existing[data-collection-view=list]>:is(.carrier-card,.company-directory-card,.user-team-card){gap:10px;padding:13px}}

/* Compact page-level file tools; import workflows live in a focused dialog. */
.data-transfer-toolbar{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin:0 0 14px}.data-transfer-group{display:flex;align-items:center;border-radius:9px}.data-transfer-icon,.data-export-menu>summary{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;min-height:32px;box-sizing:border-box;padding:7px;border:0;border-radius:7px;background:transparent;color:var(--muted);box-shadow:none;cursor:pointer;flex:none}.data-transfer-icon>.souqi-icon,.data-export-menu>summary>.souqi-icon{width:17px;height:17px}.data-transfer-icon:hover,.data-export-menu>summary:hover{color:var(--accent);background:var(--soft)}.data-export-menu{position:relative}.data-export-menu>summary{list-style:none}.data-export-menu>summary::-webkit-details-marker{display:none}.data-export-menu>summary:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.data-export-menu[open]>summary{color:var(--accent);background:var(--soft)}.data-export-options{position:absolute;z-index:35;inset-inline-end:0;top:calc(100% + 8px);min-width:180px;padding:6px;border:1px solid var(--border);border-radius:11px;background:var(--surface);box-shadow:0 10px 30px #0f172a14;display:grid;gap:3px}.data-export-options>.btn{justify-content:flex-start;width:100%;border:0;font-size:12px;text-align:start;padding:9px 11px}
.data-transfer-dialog{width:min(800px,calc(100vw - 28px));max-height:86dvh;box-sizing:border-box;padding:22px;border:1px solid var(--border);border-radius:16px;background:var(--surface);color:var(--ink);overflow:auto;overscroll-behavior:contain;box-shadow:0 18px 70px #0f172a35}.data-transfer-dialog::backdrop{background:#0f172a66;backdrop-filter:blur(3px)}.data-transfer-dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;position:sticky;top:-22px;z-index:1;background:var(--surface);padding:6px 0 12px;border-bottom:1px solid var(--border);margin-bottom:12px}.data-transfer-dialog-heading>h2{font-size:17px;margin:0}.data-transfer-dialog>.muted{font-size:12px;line-height:1.8}.data-transfer-dialog>.data-transfer-source{border:0;box-shadow:none;border-radius:0;padding:0;margin:16px 0 0;background:transparent}.data-transfer-source>h2:first-child,.data-transfer-source>h3:first-child{display:none}.data-transfer-dialog input[type=file]{width:100%;box-sizing:border-box;background:var(--bg);padding:14px;border:1px dashed var(--border);border-radius:10px;font-size:12px}.data-transfer-dialog pre{max-height:260px;overflow:auto;padding:12px;border:1px solid var(--border);background:var(--bg);border-radius:8px;white-space:pre-wrap;overflow-wrap:anywhere;font-size:11px}.data-transfer-dialog .actions{align-items:center;gap:10px}.data-transfer-dialog .actions>label{flex:1;min-width:0}.data-transfer-dialog .grid,.data-transfer-dialog .integration-fields{grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr))}.data-transfer-dialog textarea{max-width:100%;box-sizing:border-box}
@media(max-width:600px){.data-transfer-dialog{padding:16px}.data-transfer-dialog-heading{top:-16px}.data-export-options{inset-inline-end:0;min-width:160px}.data-transfer-toolbar{gap:6px;flex-wrap:wrap}.data-transfer-dialog-heading>h2{font-size:15px}}
@media print{.data-transfer-toolbar,.data-transfer-dialog{display:none!important}}
.page-data-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:0 0 16px}.page-data-actions>.data-transfer-toolbar{margin:0}

/* Matching primary page actions and evenly inset, tighter collection frames. */
:root{--frame-radius:10px;--frame-inset:14px}
.data-transfer-group{background:transparent;border:0;padding:0;gap:8px;flex-wrap:wrap}.data-transfer-toolbar{flex-wrap:wrap}
.data-transfer-toolbar .data-transfer-icon,.data-transfer-toolbar .data-export-menu>summary,.page-data-actions>.customer-add{width:auto;min-width:0;height:38px;min-height:38px;padding:8px 13px;gap:7px;border:1px solid var(--accent);border-radius:8px;background:var(--accent);color:#fff;font-size:12px;font-weight:700;line-height:1.5;box-shadow:0 3px 8px #0f172a0a;white-space:nowrap;text-decoration:none}
.data-transfer-toolbar .data-transfer-icon:hover,.data-transfer-toolbar .data-export-menu>summary:hover{background:var(--accent);color:#fff;filter:brightness(1.08)}.data-transfer-toolbar .data-export-menu[open]>summary{background:var(--accent);color:#fff}.data-transfer-toolbar .data-transfer-icon>.souqi-icon,.data-transfer-toolbar .data-export-menu>summary>.souqi-icon,.page-data-actions>.customer-add>.souqi-icon{width:16px;height:16px;flex:none}.data-transfer-dialog .data-transfer-icon{width:32px;height:32px}
.shell main .panel:not(.section-settings-panel):not(.data-transfer-source),.shell main .dash-card:not(.shipment-activity),.shell main .carrier-card,.shell main .return-card{padding:var(--frame-inset);border-radius:var(--frame-radius);border-width:1px;box-sizing:border-box}
.shell main .panel>.collection-toolbar{margin:0 0 10px;min-height:36px}.shell main .panel>.table-wrap{margin:0;border-radius:8px}.shell main .panel>.collection-toolbar+.table-wrap{margin:0}.shell main .shipment-activity{padding:0;border-radius:var(--frame-radius);border-width:1px}.shell main .shipment-activity>.activity-heading{padding:10px 14px}.shell main .table-wrap{border-width:1px;border-radius:8px}.shell main .collection-card,.shell main .order-display-card,.shell main .company-directory-card,.shell main .user-team-card{border-radius:var(--frame-radius);border-width:1px}
@media(max-width:600px){.page-data-actions{align-items:center;gap:10px}.data-transfer-toolbar .data-transfer-icon,.data-transfer-toolbar .data-export-menu>summary,.page-data-actions>.customer-add{font-size:11px;padding-inline:10px;min-height:36px;height:36px}.data-transfer-group{gap:6px}:root{--frame-inset:12px}}
/* Company overview: quiet hierarchy, consistent cards and clear data basis. */
.dashboard-main>.dash-hero{position:relative;overflow:hidden;display:flex;justify-content:space-between;align-items:center;gap:24px;margin:0 0 18px;padding:26px 28px;border:1px solid var(--border);border-inline-start:4px solid var(--accent);border-radius:12px;background:linear-gradient(115deg,var(--surface) 30%,var(--soft));box-shadow:var(--shadow)}
.dash-hero .hero-copy{min-width:0}.dash-hero .eyebrow{margin:0 0 6px;color:var(--accent);font-size:12px;font-weight:650}.dash-hero h2{font-size:clamp(23px,2.5vw,32px);line-height:1.5;margin:0 0 6px;font-weight:800}.dash-hero .hero-company{display:inline-flex;align-items:center;gap:6px;color:var(--muted);font-size:11px}.hero-company svg{width:14px;height:14px}.dash-hero .muted{font-size:12px;margin:7px 0 0}.dash-hero .hero-tools{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px;max-width:340px}.dash-hero .hero-tools .btn{font-size:11px}
.overview-heading{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:8px;margin:24px 0 12px}.overview-heading h2{font-size:18px;margin:0}.overview-heading p{font-size:11px;color:var(--muted);margin:0}
.dashboard-overviews{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:20px}.overview-card{display:flex;flex-direction:column;gap:12px;min-width:0;margin:0}.overview-card .card-heading{margin:0 0 2px;align-items:center}.overview-card h3{font-size:14px}.overview-card .card-heading>.souqi-icon{box-sizing:content-box;width:18px;height:18px;background:var(--soft);color:var(--accent);padding:8px;border-radius:9px}
.overview-numbers{display:flex;flex-wrap:wrap;gap:12px;padding:10px 0;border-bottom:1px solid var(--border)}.overview-numbers>div{flex:1;min-width:64px;display:flex;flex-direction:column;gap:4px}.overview-numbers span{font-size:10px;color:var(--muted)}.overview-numbers strong{font-size:25px;line-height:1.4;font-variant-numeric:tabular-nums}
.overview-link{display:inline-flex;align-items:center;justify-content:space-between;gap:8px;margin-top:auto;padding:9px 0 0;color:var(--accent);background:none;border:0;border-top:1px solid var(--border);border-radius:0;font-size:11px;font-weight:650;text-align:start;cursor:pointer}.overview-link svg{width:15px;height:15px}:dir(rtl) .overview-link svg{transform:rotate(180deg)}.overview-link:hover{color:var(--ink)}
.overview-subtitle{font-size:10px;color:var(--muted);margin:0}.overview-ranking{list-style:none;margin:0 0 6px;padding:0;display:grid;gap:10px}.overview-ranking li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 10px;font-size:11px}.overview-ranking li span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.overview-ranking li b{font-variant-numeric:tabular-nums}.overview-ranking i,.overview-money i,.overview-progress i{display:block;grid-column:1/-1;height:4px;border-radius:4px;background:var(--soft);overflow:hidden}.overview-ranking em,.overview-money em,.overview-progress em{display:block;height:100%;background:var(--accent);border-radius:inherit}.overview-empty{font-size:11px;color:var(--muted);margin:8px 0 18px}
.overview-currency{font-size:10px;letter-spacing:1px;color:var(--accent);font-weight:700}.overview-money{display:grid;gap:10px}.overview-money>div{display:grid;grid-template-columns:1fr auto;gap:4px;font-size:11px}.overview-money strong{font-size:14px;font-variant-numeric:tabular-nums}.overview-money em.negative{background:#dc6262}.overview-footnote{font-size:10px;color:var(--muted);margin:0}.overview-chips{display:flex;flex-wrap:wrap;gap:6px}.overview-chips span{background:var(--soft);border-radius:6px;padding:4px 7px;font-size:10px;color:var(--muted)}.overview-chips b{color:var(--ink);margin-inline-start:5px}
.overview-progress>span{display:flex;justify-content:space-between;font-size:10px;color:var(--muted);margin-bottom:5px}.overview-task-list{padding:0;margin:0;list-style:none;display:grid;gap:8px}.overview-task-list li{display:flex;justify-content:space-between;gap:8px;font-size:11px}.overview-task-list small{color:var(--muted);white-space:nowrap}.overview-shortcuts{display:grid;gap:4px}.overview-shortcuts .overview-link{border:0;padding:4px 0}
.dashboard-sections{margin-top:20px}.dashboard-sections .card-heading p{font-size:11px;color:var(--muted);margin:4px 0}.section-summary-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}.section-summary-grid>div{min-width:0}.section-summary-grid h4{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--accent);margin:8px 0 10px}.section-summary-grid h4 svg{width:16px;height:16px}.section-summary-grid button{display:flex;align-items:center;justify-content:space-between;gap:5px;width:100%;text-align:start;background:none;border:0;border-radius:6px;padding:7px 6px;font-size:11px;color:var(--muted);cursor:pointer}.section-summary-grid button:hover{background:var(--soft);color:var(--accent)}.section-summary-grid button svg{width:13px;height:13px}.section-summary-grid button b{font-size:10px;color:var(--ink);background:var(--soft);padding:0 6px;border-radius:4px}
@media(max-width:1100px){.dashboard-overviews{grid-template-columns:repeat(2,minmax(0,1fr))}.section-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.dashboard-main>.dash-hero{padding:22px;gap:16px}.dash-hero .hero-tools{max-width:230px}}
@media(max-width:600px){.dashboard-main>.dash-hero{flex-direction:column;align-items:stretch;padding:18px}.dash-hero .hero-tools{max-width:none;justify-content:flex-start}.dashboard-overviews{grid-template-columns:1fr;gap:12px}.section-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.overview-heading{margin-top:18px}.overview-numbers strong{font-size:23px}}

.overview-bar{display:block;width:100%;height:4px;grid-column:1/-1;overflow:hidden}.overview-bar-track{fill:var(--soft)}.overview-bar-fill{fill:var(--accent);transform-box:fill-box;transform-origin:center}.overview-bar-fill.negative{fill:#dc6262}
/* Consistent visual rhythm and semantic state colours across the workspace. */
:root{--ui-control-radius:8px;--ui-control-height:34px;--state-success:#047857;--state-success-bg:#ecfdf5;--state-wait:#a16207;--state-wait-bg:#fffbeb;--state-error:#b91c1c;--state-error-bg:#fef2f2;--state-info:#1d4ed8;--state-info-bg:#eff6ff}
:root[data-theme=dark]{--state-success:#6ee7b7;--state-success-bg:#064e3b;--state-wait:#fde68a;--state-wait-bg:#422e0b;--state-error:#fca5a5;--state-error-bg:#451a1a;--state-info:#93c5fd;--state-info-bg:#172f50}
.shell main .btn{min-height:var(--ui-control-height);border-radius:var(--ui-control-radius);font-size:12px;line-height:1.4;padding:7px 11px;gap:6px;display:inline-flex;align-items:center;justify-content:center}.shell main .btn>.souqi-icon{width:16px;height:16px;flex:none}.shell main .btn:disabled{cursor:wait;opacity:.65}.shell main h2{line-height:1.5}.shell main .panel>h2,.shell main .card-heading h3{margin-block:0 10px;font-size:14px;line-height:1.5}.shell main .card-heading{gap:10px;margin-bottom:12px}.shell main .card-heading h3{margin:0}.shell main input,.shell main select,.shell main textarea{border-radius:8px;font-size:12px}.shell main .actions{gap:8px}.shell main td{padding:12px;font-size:12px;line-height:1.6}.shell main th{padding:10px 12px;font-size:11px}.shell main .table-wrap .btn{min-height:30px;padding:5px 9px;font-size:11px}
.status-pill{display:inline-flex;align-items:center;gap:5px;max-width:100%;border-radius:6px;padding:3px 8px;font-size:10px;line-height:1.6;white-space:normal}.status-pill::before{content:'';width:5px;height:5px;border-radius:50%;background:currentColor;flex:none}.status-pill.status-delivered,.status-pill.status-closed,.status-pill.status-done{background:var(--state-success-bg);color:var(--state-success)}.status-pill.status-new,.status-pill.status-confirmed,.status-pill.status-preparing,.status-pill.status-ready,.status-pill.status-todo,.status-pill.status-doing{background:var(--state-wait-bg);color:var(--state-wait)}.status-pill.status-cancelled,.status-pill.status-failed,.status-pill.status-returned,.status-pill.status-rejected{background:var(--state-error-bg);color:var(--state-error)}.status-pill.status-shipped,.status-pill.status-in_transit{background:var(--state-info-bg);color:var(--state-info)}
.dashboard-disclosure{margin:16px 0;background:var(--surface);border:1px solid var(--border);border-radius:var(--frame-radius)}.dashboard-disclosure>summary{display:flex;align-items:center;gap:8px;padding:12px 14px;font-size:12px;font-weight:650;color:var(--muted);cursor:pointer;list-style:none}.dashboard-disclosure>summary::-webkit-details-marker{display:none}.dashboard-disclosure>summary>.souqi-icon{width:16px;height:16px;color:var(--accent)}.dashboard-disclosure>summary::after{content:'⌄';margin-inline-start:auto;font-size:16px;transition:transform .15s}.dashboard-disclosure[open]>summary::after{transform:rotate(180deg)}.dashboard-disclosure>.dashboard-footer{margin:0;padding:0 12px 12px}.dashboard-disclosure>.panel{margin:0 12px 12px}.dashboard-activity-link{display:flex;justify-content:flex-end;margin:10px 0}.dashboard-activity-link svg{width:14px;height:14px}.chart-period{display:block;color:var(--muted);font-size:10px;direction:ltr;text-align:start;margin-top:5px;font-variant-numeric:tabular-nums}
.order-card-top .order-open-link{min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}.order-card-top .status-pill{flex-shrink:0}.order-card-details{margin:0 12px 12px;border-top:1px solid var(--border)}.order-card-details>summary{padding:10px 0 4px;font-size:11px;color:var(--muted);cursor:pointer}.order-card-details .order-card-facts{padding:8px 0 0;margin:0}.order-card-facts dd{overflow-wrap:anywhere}.order-card-primary{padding-block:10px!important;gap:8px!important}.order-card-primary>div{padding-bottom:6px!important}.order-card-product strong{font-size:14px;line-height:1.6}.order-card-product small{font-size:10px}.order-card-bottom strong{font-size:20px}
.empty-state{display:flex;flex-direction:column;align-items:center;gap:8px;padding:28px 16px;text-align:center;color:var(--muted);background:var(--bg);border:1px dashed var(--border);border-radius:8px}.empty-state>.souqi-icon{width:28px;height:28px;color:var(--accent)}.empty-state strong{font-size:13px;font-weight:650}.empty-state>span{font-size:11px;max-width:360px}.empty-row{padding:28px 16px!important;text-align:center;color:var(--muted);font-size:12px}
.feedback{position:fixed;inset-inline-start:20px;bottom:20px;max-width:min(460px,calc(100vw - 40px));display:flex;align-items:center;gap:14px;padding:12px 16px;border:1px solid var(--state-success);border-inline-start:4px solid var(--state-success);background:var(--state-success-bg);color:var(--state-success);border-radius:10px;box-shadow:0 6px 24px #0f172a16;font-size:12px;z-index:150;overflow-wrap:anywhere}.feedback-error{background:var(--state-error-bg);color:var(--state-error);border-color:var(--state-error)}.feedback-close{flex:none;width:24px;height:24px;border:0;border-radius:5px;background:transparent;color:inherit;font-size:20px;cursor:pointer}.feedback-close:hover{background:#80808018}.btn[data-busy=true]::before{content:'';display:inline-block;flex:none;width:12px;height:12px;border:2px solid currentColor;border-inline-end-color:transparent;border-radius:50%;animation:control-wait .8s linear infinite}.btn[data-busy=true]>.souqi-icon{display:none}@keyframes control-wait{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.btn[data-busy=true]::before{animation:none}.dashboard-disclosure>summary::after{transition:none}}
@media(max-width:600px){.shell main .btn{font-size:11px;min-height:34px}.dashboard-disclosure>.dashboard-footer{grid-template-columns:1fr;padding:0 10px 10px}.feedback{inset-inline-start:12px;bottom:12px;max-width:calc(100vw - 24px)}.dash-hero .hero-tools{background:none;padding:0}.dash-hero .hero-tools .btn{flex:1;white-space:nowrap}}

.status-segment-svg{display:block;width:100%;height:8px;overflow:hidden;border-radius:5px}.status-segment-svg .segment-preparation{fill:var(--state-wait)}.status-segment-svg .segment-moving{fill:var(--state-info)}.status-segment-svg .segment-delivered{fill:var(--state-success)}.status-segment-svg .segment-exceptions{fill:var(--state-error)}.status-segment-svg .segment-other{fill:var(--muted)}.status-overview-legend i.segment-preparation{background:var(--state-wait)}.status-overview-legend i.segment-moving{background:var(--state-info)}.status-overview-legend i.segment-delivered{background:var(--state-success)}.status-overview-legend i.segment-exceptions{background:var(--state-error)}.status-overview-legend i.segment-other{background:var(--muted)}
.order-card-grid{align-items:start}.order-display-card>.order-card-details{order:3;margin-bottom:8px}.order-display-card>.order-card-bottom{order:4}.order-display-card>.order-card-primary{order:2}.order-card-grid-large .order-display-card{min-height:0}.order-card-grid-large .order-card-bottom{margin-top:0}
.payroll-panel{margin-block:16px}.payroll-period{display:flex;align-items:end;gap:8px;margin-block:12px}.payroll-period label{max-width:220px;font-size:11px}.payroll-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:14px 0}.payroll-metrics>div{padding:14px;background:var(--bg);border:1px solid var(--border);border-radius:8px;display:flex;flex-direction:column;gap:8px;min-width:0}.payroll-metrics small{font-size:11px;color:var(--muted)}.payroll-metrics strong{font-size:22px;line-height:1.5}.payroll-estimates{display:flex;gap:16px;flex-wrap:wrap}.payroll-estimates>strong{font-size:26px;color:var(--accent)}.payroll-estimates small{font-size:12px}.payroll-caution{color:var(--state-wait);font-size:11px;background:var(--state-wait-bg);border-radius:7px;padding:8px 12px}.payroll-settings{border:1px solid var(--border);border-radius:8px;padding:10px 12px;margin-block:12px}.payroll-settings>summary{display:flex;gap:8px;align-items:center;color:var(--accent);font-weight:650;font-size:12px;cursor:pointer}.payroll-settings>summary svg{width:16px;height:16px}.payroll-settings form{display:grid;gap:12px;margin-top:14px}.payroll-settings label{font-size:12px}.payroll-settings form>.btn{justify-self:start}.payroll-settings .grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.payroll-history{font-size:11px;color:var(--muted)}.payroll-history p{padding:8px;border-bottom:1px solid var(--border)}.payroll-methods{display:flex;flex-wrap:wrap;gap:18px}.payroll-methods label{display:flex;align-items:center;gap:7px}.payroll-days{display:grid;gap:8px;max-height:230px;overflow:auto;padding:10px 0}.payroll-days>div{display:grid;grid-template-columns:90px minmax(0,1fr) 65px;align-items:center;gap:10px;font-size:11px}.payroll-days svg{width:100%;height:5px}.payroll-day-track{fill:var(--soft)}.payroll-day-fill{fill:var(--accent)}.payroll-team{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-block:14px}.payroll-team article{border:1px solid var(--border);border-radius:8px;padding:14px;min-width:0}.payroll-team h3{font-size:14px;margin:0 0 8px}.payroll-team p{font-size:11px}.payroll-team article>div{display:flex;flex-wrap:wrap;gap:12px;font-variant-numeric:tabular-nums}.payroll-team strong{color:var(--accent)}@media(max-width:900px){.payroll-team{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.payroll-team{grid-template-columns:1fr}.payroll-metrics{gap:6px}.payroll-metrics>div{padding:10px}.payroll-metrics strong{font-size:16px}.payroll-settings .grid{grid-template-columns:1fr}}

.user-profile-hero:has(+.profile-workspace){border-radius:14px;margin:16px 0;background:var(--surface)}
.user-profile-hero:has(+.profile-workspace) .user-profile-cover{height:155px}
.user-profile-hero:has(+.profile-workspace) .user-profile-identity{padding:0 26px 20px;gap:18px}
.user-profile-hero:has(+.profile-workspace) .user-profile-identity .user-avatar-large{width:132px;height:132px}
.profile-workspace{--pw-blue:#345ff3;--pw-purple:#9745df;--pw-green:#159d79;font-size:13px}
.pw-order-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:16px}
.pw-order-stats article,.pw-money article{border:1px solid var(--border);border-radius:12px;padding:16px;display:flex;align-items:center;gap:18px;background:var(--surface)}
.pw-order-stats article>span{color:var(--pw-blue);padding:10px;background:#4563ef12;border-radius:50%}.pw-order-stats article:nth-child(2)>span{color:var(--pw-green)}.pw-order-stats article:nth-child(3)>span{color:#e99c21}.pw-order-stats article:nth-child(4)>span{color:var(--pw-purple)}
.pw-order-stats article>div{display:flex;flex-direction:column;gap:4px;flex:1}.pw-order-stats strong{font-size:22px}.pw-order-stats small{color:var(--muted)}
.pw-layout{display:grid;grid-template-columns:minmax(0,1fr) 275px;gap:16px}.pw-main,.pw-layout aside{min-width:0}.pw-card.panel{padding:18px;margin:0 0 16px;border-radius:12px;box-shadow:none}.pw-card h3{font-size:15px;margin:0 0 17px}.pw-money{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.pw-money article{background:linear-gradient(140deg,var(--surface),#496af011);display:block;padding:16px 12px;color:var(--pw-blue)}.pw-money article:nth-child(2){color:var(--pw-green);background:linear-gradient(140deg,var(--surface),#10b98112)}.pw-money article:nth-child(4){color:var(--pw-purple);background:linear-gradient(140deg,var(--surface),#a855f716)}.pw-money strong{display:block;font-size:21px;margin-top:10px;overflow-wrap:anywhere}.pw-money strong small{font-size:11px}.pw-balance-note{font-size:11px;margin:9px 0 14px}.pw-charts,.pw-lower{display:grid;grid-template-columns:1.15fr 1fr;gap:16px}.pw-trend{width:100%;height:170px;color:var(--pw-blue);background:repeating-linear-gradient(0deg,transparent,transparent 39px,var(--border) 40px)}.pw-distribution{display:flex;gap:10px;align-items:center;margin:20px 0}.pw-distribution span{min-width:55px}.pw-distribution progress{width:100%;accent-color:var(--pw-blue);height:9px}.pw-distribution b{min-width:45px}.pw-completion{display:flex;align-items:center;gap:12px}.pw-completion svg{width:90px;flex:none;overflow:visible}.pw-ring-track,.pw-ring{fill:none;stroke-width:9;stroke:var(--border)}.pw-ring{stroke:var(--pw-green);transform:rotate(-90deg);transform-origin:center}.pw-completion text{font-size:19px;fill:var(--text);font-weight:700}.pw-completion ul{list-style:none;padding:0;margin:0;font-size:11px;line-height:2.3}.pw-task{display:grid;grid-template-columns:1fr auto;gap:5px;border-bottom:1px solid var(--border);padding:12px 0}.pw-task small{color:var(--muted)}.pw-task span{font-size:11px;color:var(--pw-blue)}.pw-table-wrap{overflow:auto}.pw-table-wrap table{width:100%;font-size:11px}.pw-table-wrap td,.pw-table-wrap th{padding:12px 7px;text-align:start;white-space:nowrap}.pw-activity{display:flex;flex-direction:column;gap:6px;border-bottom:1px solid var(--border);padding-bottom:12px;overflow-wrap:anywhere}.pw-activity time{font-size:10px;color:var(--muted)}.profile-settings{margin:15px 0}.profile-settings>summary{cursor:pointer;padding:16px;border:1px solid var(--border);border-radius:12px;background:var(--surface);margin-bottom:15px}.profile-workspace .pw-card details>summary{cursor:pointer}.profile-workspace .pw-card .grid{margin:16px 0}
@media(max-width:1200px){.pw-layout{grid-template-columns:minmax(0,1fr) 235px}.pw-money{grid-template-columns:repeat(2,minmax(0,1fr))}.pw-charts,.pw-lower{grid-template-columns:1fr}}
@media(max-width:850px){.pw-layout{grid-template-columns:1fr}.pw-layout aside{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.pw-order-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.user-profile-hero:has(+.profile-workspace) .user-profile-cover{height:140px}}
@media(max-width:480px){.pw-layout aside{display:block}.pw-order-stats article{padding:10px;gap:8px}.pw-order-stats strong{font-size:19px}.pw-money strong{font-size:18px}.pw-order-stats small{font-size:11px}.pw-money{gap:8px}.pw-card.panel{padding:14px}}
@media print{.profile-workspace form,.profile-settings{display:none}.pw-layout{display:block}.pw-layout aside{display:none}}

/* Reference composition, using the existing SOUQI light/dark palette. */
.sidebar-brand{display:flex;align-items:center;gap:12px;padding:6px 10px 24px}.sidebar-brand>.souqi-icon{width:32px;height:32px;color:var(--accent)}.sidebar-brand strong{font-size:29px;line-height:1.1;letter-spacing:1px}.sidebar-brand small{display:block;font-size:9px;margin-top:8px;opacity:.75}.sidebar-profile-link{margin-top:12px}.workspace-header{min-height:64px;padding:9px 18px;gap:16px}.header-company-area{flex:0 1 275px}.header-company-logo{width:33px;height:33px;border-radius:8px}.header-company-identity>strong{font-size:12px;max-width:210px}.header-company-identity>small{display:none}.header-company-trigger{gap:8px;border:1px solid var(--border);padding:5px 8px;border-radius:9px}.header-company-fallback{background:var(--soft);color:var(--accent)}.header-company-fallback>.souqi-icon{width:20px;height:20px}.header-company-toggle{border:0;width:20px}.header-utilities{gap:5px}.header-profile-copy{max-width:130px}.header-profile-copy>strong{font-size:12px}.header-profile-photo>.user-avatar{width:35px;height:35px}.workspace-header .header-icon-button,.workspace-header .message-header-button{padding:8px!important}.header-language-trigger{min-height:34px;padding:5px}.header-language-trigger>span{font-size:10px}.header-user-divider{margin-inline:1px}.header-local-trigger{width:21px}.header-profile-button{gap:7px}.header-language-trigger>.language-flag{width:22px}
.workspace-search{display:flex;align-items:center;gap:9px;position:relative;flex:1;min-width:110px;max-width:650px;padding:0 11px;border:1px solid var(--border);background:var(--bg);border-radius:9px;height:39px}.workspace-search>.souqi-icon{width:18px;height:18px;color:var(--muted);flex:none}.workspace-search input{border:0;background:transparent;box-shadow:none!important;min-height:35px;padding:4px 0;width:100%;font-size:12px;outline:none}.workspace-search kbd{font:12px system-ui;color:var(--muted);background:var(--surface);padding:1px 6px;border:1px solid var(--border);border-radius:4px}.workspace-search-results{position:absolute;inset-inline:0;top:calc(100% + 8px);border:1px solid var(--border);background:var(--surface);border-radius:12px;padding:6px;box-shadow:var(--shadow);max-height:360px;overflow:auto;z-index:70}.workspace-search-results[hidden]{display:none}.workspace-search-results button{width:100%;display:flex;align-items:center;gap:10px;padding:12px;border:0;border-radius:8px;background:transparent;color:var(--ink);text-align:start}.workspace-search-results button:hover,.workspace-search-results button:focus-visible{background:var(--soft)}.workspace-search-results button>.souqi-icon{width:19px;height:19px;color:var(--accent);flex:none}.workspace-search-results button>span{display:flex;flex-direction:column;gap:3px;min-width:0}.workspace-search-results b{font-size:12px;overflow-wrap:anywhere}.workspace-search-results small{font-size:10px;color:var(--muted)}.workspace-search-results>p{padding:10px;font-size:12px}
.shell>main{padding:18px 18px 35px}.shell>main>h1{font-size:21px}.shell>main>p.muted{margin-bottom:18px}.panel,.dash-card,.carrier-card,.return-card{border-radius:13px;box-shadow:0 3px 14px color-mix(in srgb,var(--ink) 3%,transparent)}.btn{border-radius:8px}.btn.primary{background:var(--accent);border-color:var(--accent)}.shell>main:has(.user-profile-hero)>h1,.shell>main:has(.user-profile-hero)>p.muted{display:none}.user-profile-hero:has(+.profile-workspace){margin:0 0 14px;border-radius:13px;box-shadow:none}.user-profile-hero:has(+.profile-workspace) .user-profile-identity{padding:0 28px 20px;gap:18px}.user-profile-hero:has(+.profile-workspace) .user-profile-identity .user-avatar-large{width:140px;height:140px;border:5px solid var(--surface);box-shadow:0 0 0 1px var(--border)}.user-initials{display:grid;place-items:center;font-weight:800;font-size:inherit;color:var(--accent);background:linear-gradient(135deg,var(--soft),var(--surface));letter-spacing:1px}.user-avatar-large .user-initials{font-size:36px}.user-profile-name>p{font-size:13px;margin:3px 0 7px}.profile-contact-line{display:flex;gap:17px;flex-wrap:wrap;font-size:11px;color:var(--muted)}.profile-contact-line>span{display:flex;align-items:center;gap:7px;overflow-wrap:anywhere}.profile-contact-line .souqi-icon{width:15px;height:15px;flex:none}.user-profile-identity .actions{align-self:flex-start;padding-top:12px;gap:9px}.user-profile-identity .actions>.btn{min-width:130px;font-size:12px}.user-profile-identity .actions>.btn:last-child{min-width:auto}.profile-photo-controls-cover{inset-inline-end:auto;inset-inline-start:17px;top:17px;bottom:auto}.profile-photo-controls-cover .profile-camera-control{width:42px;height:34px;min-height:34px;border-radius:7px;background:color-mix(in srgb,var(--ink) 65%,transparent);color:#fff;border:1px solid #ffffff80}.user-default-cover{padding:20px 30px;justify-content:center;background:linear-gradient(120deg,color-mix(in srgb,var(--accent) 45%,var(--ink)),var(--chart-dark));isolation:isolate}.user-default-cover>span,.user-default-cover>b{position:relative;z-index:1;text-shadow:0 1px 7px #0008;max-width:38%}.user-default-cover>b{font-size:20px;line-height:1.5}.user-default-cover>span{font-size:9px;letter-spacing:3px}.user-default-cover>i{display:none}.profile-logistics-scene{position:absolute;inset:0;overflow:hidden;opacity:.82;pointer-events:none}.profile-logistics-scene:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent 30%,color-mix(in srgb,var(--ink) 45%,transparent));z-index:1}.profile-warehouse{position:absolute;inset-inline-start:0;bottom:-4px;width:56%;height:88%;transform:skewY(-6deg);background:repeating-linear-gradient(90deg,transparent 0 58px,#ffffff22 59px 61px),repeating-linear-gradient(0deg,#ffffff0a 0 26px,#ffffff20 27px 29px),linear-gradient(var(--ink),var(--chart-dark));border-top:7px solid #ffffff38}.profile-logistics-scene>.delivery-truck-illustration{position:absolute;width:350px;height:175px;bottom:-25px;inset-inline-start:35%;filter:drop-shadow(0 9px 9px #0005)}
.profile-workspace{--pw-blue:var(--accent);--pw-purple:var(--chart-dark);--pw-green:var(--signal)}.pw-order-stats{margin-bottom:14px;gap:14px}.pw-order-stats article{padding:12px 18px;min-height:72px;flex-direction:row-reverse;border-radius:10px;gap:14px}.pw-order-stats article>div{align-items:flex-start}.pw-order-stats strong{font-size:22px;color:var(--ink);line-height:1.3}.pw-order-stats small{font-size:11px}.pw-order-stats article>span{padding:10px;color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,transparent)}.pw-order-stats article:nth-child(2)>span{color:var(--signal);background:color-mix(in srgb,var(--signal) 12%,transparent)}.pw-order-stats article:nth-child(3)>span{color:var(--gold,#b08d48);background:color-mix(in srgb,var(--gold,#b08d48) 10%,transparent)}.pw-order-stats article:nth-child(4)>span{color:var(--chart-dark);background:color-mix(in srgb,var(--chart-dark) 10%,transparent)}.pw-layout{grid-template-columns:255px minmax(0,1fr);gap:14px}.pw-layout>.pw-main{grid-column:2;grid-row:1}.pw-layout>aside{grid-column:1;grid-row:1}.pw-card.panel{border-radius:12px;padding:17px;margin-bottom:14px}.pw-card h3{font-size:14px;margin-bottom:16px}.pw-main{min-width:0}.pw-period-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px;font-size:12px;color:var(--muted)}.pw-period-row form{display:flex;align-items:center;gap:7px}.pw-period-row input{min-height:30px;padding:4px 8px;font-size:11px;width:145px}.pw-period-row button{min-height:30px;padding:4px 10px;font-size:11px}.pw-money{gap:10px;background:var(--surface);padding:8px;border-radius:12px;border:1px solid var(--border)}.pw-money article{position:relative;border:0;border-radius:9px;padding:15px 13px;min-height:97px;background:linear-gradient(140deg,var(--surface),color-mix(in srgb,var(--accent) 9%,var(--surface)));color:var(--accent)}.pw-money article:nth-child(2){color:var(--signal);background:linear-gradient(140deg,var(--surface),color-mix(in srgb,var(--signal) 8%,var(--surface)))}.pw-money article:nth-child(3){color:var(--accent)}.pw-money article:nth-child(4){color:var(--chart-dark);background:linear-gradient(140deg,var(--surface),color-mix(in srgb,var(--chart-dark) 8%,var(--surface)))}.pw-money article>small{font-size:11px}.pw-money strong{font-size:23px;line-height:1.45;margin-top:8px}.pw-money strong small{font-size:11px;font-weight:500}.pw-money-icon{position:absolute;inset-inline-end:12px;bottom:18px;opacity:.65}.pw-money-icon>.souqi-icon{width:25px;height:25px}.pw-balance-note{font-size:10px;margin:7px 4px 12px}.pw-charts,.pw-lower{grid-template-columns:minmax(0,.9fr) minmax(0,1.3fr);gap:14px}.pw-charts>.pw-card:first-child,.pw-lower>.pw-card:first-child{grid-column:2;grid-row:1}.pw-charts>.pw-card:nth-child(2),.pw-lower>.pw-card:nth-child(2){grid-column:1;grid-row:1}.pw-trend{height:185px;color:var(--accent);background:none}.pw-chart-caption{display:flex;justify-content:space-between;font-size:10px;color:var(--muted)}.pw-donut-layout{display:flex;align-items:center;justify-content:center;gap:15px;min-height:190px;flex-wrap:wrap}.pw-donut{width:148px;height:148px;flex:none;overflow:visible}.pw-donut circle{fill:none;stroke-width:18}.pw-donut .pw-donut-track{stroke:var(--border)}.pw-donut .pw-donut-number{font-size:11px;font-weight:800;fill:var(--ink)}.pw-donut .pw-donut-label{font-size:8px;fill:var(--muted)}.pw-donut-legend{flex:1;min-width:115px}.pw-donut-legend>div{display:flex;align-items:center;gap:7px;margin:15px 0;font-size:10px;color:var(--muted)}.pw-donut-legend i{width:8px;height:8px;border-radius:50%;background:var(--segment);flex:none}.pw-donut-legend strong{margin-inline-start:auto;color:var(--ink);font-size:10px}.pw-table-wrap table{min-width:0;font-size:10px}.pw-table-wrap th{color:var(--muted);font-weight:500;background:var(--bg)}.pw-table-wrap td,.pw-table-wrap th{padding:12px 6px}.pw-table-wrap td:last-child{max-width:145px;overflow:hidden;text-overflow:ellipsis}.pw-kind{display:inline-block;padding:3px 7px;border-radius:6px;background:var(--soft);color:var(--accent)}.pw-kind-payment{background:color-mix(in srgb,var(--signal) 12%,transparent);color:var(--signal)}.pw-kind-settlement{background:color-mix(in srgb,var(--gold,#b08d48) 12%,transparent);color:var(--gold,#b08d48)}.pw-completion{flex-direction:row-reverse;gap:12px}.pw-completion ul{flex:1;font-size:11px}.pw-completion svg{width:80px}.pw-completion text{fill:var(--ink);font-size:19px}.pw-ring{stroke:var(--signal)}.pw-completion-action{width:100%;margin-top:13px;color:var(--accent);background:var(--soft);border-color:color-mix(in srgb,var(--accent) 15%,var(--border))}.pw-method-row{display:flex;align-items:center;gap:10px;background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:10px}.pw-method-row>.souqi-icon{width:25px;height:25px;color:var(--accent);flex:none}.pw-method-row>div{min-width:0;flex:1}.pw-method-row p{margin:0;font-size:12px}.pw-method-row bdi{font-size:10px;color:var(--muted)}.pw-task{padding:11px 0;font-size:11px}.pw-task b{font-weight:600}.pw-task span{background:var(--soft);border-radius:5px;padding:2px 6px}.pw-task small{font-size:10px}.pw-activity{display:flex;flex-direction:row;align-items:start;gap:8px;padding-bottom:12px;font-size:10px}.pw-activity:before{content:'';width:9px;height:9px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 6px var(--soft);margin:7px;flex:none}.pw-activity>span{overflow-wrap:anywhere}.pw-activity time{margin-inline-start:auto;white-space:nowrap;font-size:9px}.profile-settings>summary,.profile-pay-settings>summary{font-size:12px;padding:13px 16px;list-style-position:inside;background:var(--surface);border:1px solid var(--border);border-radius:10px;cursor:pointer}.profile-pay-settings{margin-top:14px}.profile-pay-settings>.payroll-panel{margin-top:12px}.profile-settings .user-profile-layout{margin-top:12px}
@media(min-width:1100px){.shell{grid-template-columns:216px minmax(0,1fr);min-height:calc(100dvh - 90px)}.shell>main{grid-column:2}.workspace-header,.notice,body>.portable-toolbar{margin-inline-start:216px}.workspace-sidebar,:root[data-theme=dark] .workspace-sidebar{position:fixed;inset-inline-start:0;top:0;width:216px;height:100dvh;max-height:100dvh;padding:20px 9px;background:var(--ink);color:var(--surface);border:0;z-index:45}.workspace-sidebar .sidebar-link{color:#dce6f0;border-radius:8px;min-height:41px;padding:9px 12px;font-weight:450;font-size:12px}.workspace-sidebar .sidebar-link>.souqi-icon{width:20px;height:20px}.workspace-sidebar .sidebar-link:hover{background:#ffffff0c;color:#fff}.workspace-sidebar .sidebar-link.active,:root[data-theme=dark] .workspace-sidebar .sidebar-link.active{background:var(--accent);color:var(--surface);box-shadow:0 4px 18px color-mix(in srgb,var(--accent) 22%,transparent)}.workspace-sidebar .sidebar-link.active>.souqi-icon{color:inherit}.workspace-sidebar .sidebar-group>summary{display:none}.workspace-sidebar .sidebar-group>.sidebar-children{display:flex!important;margin:0;padding:0;border:0;gap:5px}.workspace-sidebar .sidebar-children .sidebar-link{font-size:12px;min-height:41px;padding:9px 12px}.workspace-sidebar .sidebar-children .sidebar-link>.souqi-icon{width:20px;height:20px}.workspace-sidebar .sidebar-content{gap:6px}.workspace-sidebar .sidebar-version{color:#b4c5d4;border-color:#ffffff20;font-size:9px;margin-top:14px;padding:14px 12px 0}.sidebar-brand{color:#fff}.sidebar-brand>.souqi-icon{color:#fff}.workspace-sidebar .sidebar-count{font-size:9px;background:#ffffff18;color:#fff}.workspace-sidebar .sidebar-profile-link{margin-top:12px;border:1px solid #ffffff30}.workspace-sidebar .sidebar-profile-link.active{color:#fff}body>.portable-toolbar{padding:6px 16px;min-height:35px;font-size:10px;background:var(--surface);color:var(--muted);border-bottom:1px solid var(--border)}body>.portable-toolbar button{font-size:10px;padding:4px 8px;color:var(--accent);background:var(--soft);border-color:var(--border)}body>.portable-toolbar details{font-size:10px}body>.portable-toolbar>span{font-size:10px}:root[data-theme=dark] .workspace-sidebar{background:var(--bg)}:root[data-theme=dark] .workspace-sidebar .sidebar-link.active{color:var(--bg)}}
@media(max-width:1350px) and (min-width:1100px){.header-language-trigger>span,.header-profile-copy>small{display:none}.header-company-area{flex-basis:220px}.header-company-identity>strong{max-width:155px}.header-profile-copy{max-width:100px}.header-user-divider{display:none}.pw-layout{grid-template-columns:235px minmax(0,1fr)}.pw-money strong{font-size:20px}.pw-donut{width:128px;height:128px}}
@media(max-width:1099px){.workspace-search{max-width:none}.header-profile-copy{display:none}.header-company-area{flex-basis:230px}.pw-layout{grid-template-columns:220px minmax(0,1fr)}.pw-charts,.pw-lower{grid-template-columns:1fr}.pw-charts>.pw-card:first-child,.pw-lower>.pw-card:first-child,.pw-charts>.pw-card:nth-child(2),.pw-lower>.pw-card:nth-child(2){grid-column:auto;grid-row:auto}.pw-charts>.pw-card:first-child{order:0}.pw-layout aside{display:block}.sidebar-brand{padding:0 7px 16px}.sidebar-brand strong{font-size:23px}.user-profile-identity .actions>.btn{min-width:100px}.user-profile-name>h2{font-size:22px}.profile-contact-line{gap:8px;font-size:10px}}
@media(max-width:850px){.workspace-header{flex-wrap:wrap;gap:8px;padding:9px 12px}.header-company-area{flex:1}.header-utilities{order:1}.workspace-search{order:2;flex-basis:100%;max-width:none}.pw-layout{grid-template-columns:minmax(0,1fr)}.pw-layout>.pw-main,.pw-layout>aside{grid-column:auto;grid-row:auto}.pw-layout>aside{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.pw-order-stats{gap:9px}.user-profile-hero:has(+.profile-workspace) .user-profile-identity{padding:0 17px 17px}.user-profile-hero:has(+.profile-workspace) .user-profile-identity .user-avatar-large{width:112px;height:112px}.user-default-cover>b{font-size:17px}.user-default-cover>span,.user-default-cover>b{max-width:45%}.profile-logistics-scene>.delivery-truck-illustration{inset-inline-start:20%;width:300px}.pw-charts,.pw-lower{grid-template-columns:1fr}.shell>main{padding:14px}.pw-order-stats article{padding:12px}.pw-money strong{font-size:23px}.header-language-trigger>span{display:none}}
@media(max-width:480px){.header-company-logo{width:27px;height:27px}.header-utilities{gap:0}.header-language-dropdown,.header-user-divider{display:none}.header-profile-photo>.user-avatar{width:31px;height:31px}.user-profile-hero:has(+.profile-workspace) .user-profile-cover{height:125px}.user-profile-hero:has(+.profile-workspace) .user-profile-identity{gap:12px}.user-profile-hero:has(+.profile-workspace) .user-profile-identity .user-avatar-large{width:85px;height:85px}.user-profile-name>p{font-size:11px}.profile-contact-line{font-size:9px}.user-profile-identity .actions{width:100%;padding-top:5px}.user-default-cover>span{display:none}.user-default-cover>b{font-size:14px}.user-default-cover{padding:17px}.profile-logistics-scene>.delivery-truck-illustration{width:240px;height:140px;bottom:-25px;inset-inline-start:18%}.pw-order-stats article{gap:8px;padding:10px}.pw-order-stats article>span{padding:7px}.pw-order-stats strong{font-size:20px}.pw-money-icon{display:none}.pw-period-row{flex-wrap:wrap}.pw-period-row form{width:100%}.pw-period-row input{flex:1}.pw-donut-layout{min-height:180px}body>.portable-toolbar{padding:7px 10px;font-size:10px}body>.portable-toolbar button{padding:5px 7px;font-size:10px}body>.portable-toolbar span{font-size:10px}.sidebar-brand{padding-top:9px}.profile-settings .user-profile-about dl{display:block}}
@media print{.workspace-header,.workspace-search,.workspace-sidebar,body>.portable-toolbar,.pw-period-row,.profile-pay-settings{display:none!important}.shell{display:block}.shell>main{padding:0}.pw-main{grid-column:auto}.profile-workspace .pw-layout{display:block}.user-default-cover{print-color-adjust:exact;-webkit-print-color-adjust:exact}}

.pw-donut-legend .pw-segment-0{background:var(--accent)}.pw-donut-legend .pw-segment-1{background:var(--chart-pale)}.pw-donut-legend .pw-segment-2{background:var(--gold,#b08d48)}
#app:has(.user-profile-hero)>.notice{display:none}.shell>main:has(.user-profile-hero){padding-top:12px}.user-profile-hero:has(+.profile-workspace) .user-profile-cover{height:118px}.user-profile-hero:has(+.profile-workspace) .user-profile-identity{padding-bottom:14px}.user-profile-hero:has(+.profile-workspace) .user-profile-identity #profile-avatar{margin-top:-60px}.user-profile-name>h2{font-size:24px;line-height:1.35}.user-profile-name{padding-top:9px}
@media(min-width:1100px){body>.portable-toolbar{flex-wrap:nowrap;gap:7px}body>.portable-toolbar>span{max-width:190px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}body>.portable-toolbar>button{white-space:nowrap}body>.portable-toolbar>small{max-width:105px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}body>.portable-toolbar:has(details[open]){flex-wrap:wrap}body>.portable-toolbar details[open]{flex-basis:100%}}
@media(max-width:480px){.user-profile-hero:has(+.profile-workspace) .user-profile-identity #profile-avatar{margin-top:-30px}.user-profile-name>h2{font-size:19px}.user-profile-name{padding-top:9px}}
/* Collapsing means hiding the complete navigation, including its grid column. */
.header-sidebar-toggle{display:grid;place-items:center;width:34px;height:34px;min-height:34px;padding:7px;flex:none;color:var(--accent);background:var(--soft);border:1px solid var(--border);border-radius:8px}.header-sidebar-toggle>.souqi-icon{width:19px;height:19px}
#app .workspace-sidebar[hidden],#app[data-sidebar-collapsed=true]>.shell>.workspace-sidebar{display:none!important}
#app[data-sidebar-collapsed=true]>.shell>main{width:auto;min-width:0}
@media(min-width:1100px){.workspace-sidebar[data-sidebar-mode=flat] .sidebar-group>.sidebar-children{display:flex!important}.workspace-sidebar[data-sidebar-mode=flat] .sidebar-group>summary{display:none!important}}
@media print{.header-sidebar-toggle{display:none!important}}
/* The navigation follows the user's current template palette on every viewport. */
:root .workspace-sidebar,:root[data-theme=dark] .workspace-sidebar{--sidebar-background:var(--accent);--sidebar-foreground:#fff;color:var(--sidebar-foreground);}
:root[data-theme=dark] .workspace-sidebar{--sidebar-foreground:var(--bg)}
:root .workspace-sidebar .sidebar-link,:root .workspace-sidebar .sidebar-group>summary,:root .workspace-sidebar .sidebar-mobile-toggle{color:var(--sidebar-foreground)}
:root .workspace-sidebar .sidebar-link>.souqi-icon,:root .workspace-sidebar .sidebar-group>summary>.souqi-icon,:root .workspace-sidebar .sidebar-mobile-toggle>.souqi-icon{color:inherit}
:root .workspace-sidebar .sidebar-link:hover,:root .workspace-sidebar .sidebar-group>summary:hover{background:color-mix(in srgb,var(--sidebar-foreground) 10%,transparent);color:var(--sidebar-foreground)}
:root .workspace-sidebar .sidebar-link.active,:root[data-theme=dark] .workspace-sidebar .sidebar-link.active{background:color-mix(in srgb,var(--sidebar-foreground) 18%,transparent);color:var(--sidebar-foreground);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--sidebar-foreground) 20%,transparent);font-weight:750}
:root .workspace-sidebar .sidebar-link.active>.souqi-icon{color:inherit}
:root .workspace-sidebar .sidebar-brand,:root .workspace-sidebar .sidebar-brand>.souqi-icon{color:var(--sidebar-foreground)}
:root .workspace-sidebar .sidebar-version{color:color-mix(in srgb,var(--sidebar-foreground) 80%,transparent);border-color:color-mix(in srgb,var(--sidebar-foreground) 22%,transparent)}
:root .workspace-sidebar .sidebar-children,:root .workspace-sidebar .sidebar-custom-controls,:root .workspace-sidebar .sidebar-profile-link{border-color:color-mix(in srgb,var(--sidebar-foreground) 28%,transparent)}
:root .workspace-sidebar .sidebar-count,:root .workspace-sidebar .sidebar-collapse-button{background:color-mix(in srgb,var(--sidebar-foreground) 15%,transparent);color:var(--sidebar-foreground);border-color:color-mix(in srgb,var(--sidebar-foreground) 30%,transparent)}
:root .workspace-sidebar .workspace-color-swatch{border-color:color-mix(in srgb,var(--sidebar-foreground) 85%,transparent)}
/* Grouped navigation and a compact icon rail share one toggle. */
:root .workspace-sidebar,:root[data-theme=dark] .workspace-sidebar{background:color-mix(in srgb,var(--sidebar-background) 92%,transparent);box-shadow:0 8px 32px color-mix(in srgb,var(--accent) 12%,transparent);border-inline-end:1px solid color-mix(in srgb,var(--sidebar-foreground) 19%,transparent)}
.workspace-sidebar .sidebar-sections{height:calc(100% - 53px);min-height:0}.workspace-sidebar .sidebar-content{height:100%;overflow-y:auto;overflow-x:visible;scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--sidebar-foreground) 30%,transparent) transparent;padding-bottom:6px;gap:7px}
.workspace-sidebar .sidebar-brand{padding:5px 9px 18px}.workspace-sidebar .sidebar-brand strong{font-size:26px}.workspace-sidebar .sidebar-brand small{font-size:8px;opacity:.75}
:root .workspace-sidebar .sidebar-group>summary,:root .workspace-sidebar[data-sidebar-mode=groups] .sidebar-group>summary{display:flex!important;align-items:center;gap:10px;min-height:46px;padding:11px 12px;border-radius:10px;font-weight:550;font-size:12px;color:var(--sidebar-foreground)}
:root .workspace-sidebar .sidebar-group>.sidebar-children{display:flex;margin:4px 10px 7px 0;padding-inline-start:12px;border-inline-start:1px solid color-mix(in srgb,var(--sidebar-foreground) 20%,transparent)}
:root .workspace-sidebar .sidebar-group:not([open])>.sidebar-children{display:none!important}
:root .workspace-sidebar .sidebar-group[open]>summary{background:color-mix(in srgb,var(--sidebar-foreground) 12%,transparent)}
.workspace-sidebar .sidebar-custom-controls{padding:2px 6px 14px;margin-bottom:15px;min-height:40px}.workspace-sidebar .sidebar-color-picker{gap:9px;align-items:center;padding:4px}
:root .workspace-sidebar .workspace-color-swatch{box-sizing:border-box;display:block;width:15px;min-width:15px;max-width:15px;height:15px;min-height:15px;max-height:15px;flex:0 0 15px;aspect-ratio:1;padding:0;border-radius:50%;border-width:2px;box-shadow:none;transition:box-shadow .15s,transform .15s}.workspace-sidebar .workspace-color-swatch:hover{transform:scale(1.12)}
:root .workspace-sidebar .workspace-color-swatch[aria-pressed=true]{box-shadow:0 0 0 2px var(--sidebar-background),0 0 0 3px var(--sidebar-foreground)}
:root .workspace-sidebar .sidebar-collapse-button{width:29px;height:29px;min-height:29px;padding:0;display:grid;place-items:center;border-radius:9px;font-size:15px;background:color-mix(in srgb,var(--sidebar-foreground) 10%,transparent)}
:root .workspace-sidebar .sidebar-profile-link{position:sticky;bottom:0;display:flex;align-items:center;justify-content:flex-start;gap:10px;min-height:64px;margin-top:auto;padding:10px 9px;background:var(--sidebar-background);border:1px solid color-mix(in srgb,var(--sidebar-foreground) 21%,transparent);border-radius:12px;flex:none;z-index:4}
.sidebar-profile-avatar{position:relative;display:block;flex:none;width:36px;height:36px}.sidebar-profile-avatar>.user-avatar{width:36px;height:36px;display:block;border:2px solid color-mix(in srgb,var(--sidebar-foreground) 80%,transparent);border-radius:50%;overflow:hidden}.sidebar-profile-avatar .user-initials{font-size:13px;letter-spacing:0}.sidebar-profile-avatar img{width:100%;height:100%;object-fit:cover}
.sidebar-profile-avatar>.sidebar-presence-dot{width:10px;height:10px;border:2px solid var(--sidebar-background);bottom:0;inset-inline-end:-1px;background:#22c55e;box-shadow:0 0 0 1px #ffffff40}.sidebar-profile-avatar>.sidebar-presence-dot.away{background:#94a3b8}
.sidebar-profile-copy{display:flex;flex-direction:column;gap:3px;min-width:0;text-align:start}.sidebar-profile-copy strong{font-size:11px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-weight:650}.sidebar-profile-copy small{font-size:9px;opacity:.75}.workspace-sidebar .sidebar-version{display:none}
#app[data-sidebar-collapsed=true]>.shell>.workspace-sidebar{display:block!important;position:fixed!important;inset-inline-start:0;top:0;height:100dvh!important;max-height:100dvh!important;padding:15px 8px!important;overflow:visible;z-index:60}
#app[data-sidebar-collapsed=true]>.shell{display:grid!important;}
#app[data-sidebar-collapsed=true]>.shell>main{grid-column:2!important}
#app[data-sidebar-collapsed=true] .workspace-sidebar .sidebar-custom-controls{flex-direction:column-reverse;padding:0 0 15px;justify-content:center;}
#app[data-sidebar-collapsed=true] .workspace-sidebar .sidebar-color-picker{display:none!important}
#app[data-sidebar-collapsed=true] .workspace-sidebar .sidebar-custom-controls{min-height:42px;gap:0;padding-bottom:12px;margin-bottom:14px}
#app[data-sidebar-collapsed=true] .workspace-sidebar .sidebar-brand{padding:0 0 14px;justify-content:center;gap:0}#app[data-sidebar-collapsed=true] .workspace-sidebar .sidebar-brand>div{display:none}#app[data-sidebar-collapsed=true] .workspace-sidebar .sidebar-brand>.souqi-icon{width:26px;height:26px}
#app[data-sidebar-collapsed=true] .workspace-sidebar .sidebar-sections{height:calc(100% - 110px)}#app[data-sidebar-collapsed=true] .workspace-sidebar .sidebar-content{height:100%;overflow:visible;gap:8px;padding:0}
#app[data-sidebar-collapsed=true] .workspace-sidebar .sidebar-group>summary{display:flex!important;justify-content:center;min-height:44px;padding:10px;border-radius:11px}
#app[data-sidebar-collapsed=true] .workspace-sidebar .sidebar-group>.sidebar-children{position:fixed;top:130px;width:220px;max-height:calc(100dvh - 32px);overflow:auto;margin:0;padding:8px;border:1px solid color-mix(in srgb,var(--sidebar-foreground) 20%,transparent);border-radius:13px;background:var(--sidebar-background);box-shadow:0 12px 35px #0f172a30;z-index:80;gap:4px}
#app[data-sidebar-collapsed=true] .workspace-sidebar .sidebar-group .sidebar-children .sidebar-link{justify-content:flex-start;gap:10px;padding:10px;text-align:start;min-height:40px}
#app[data-sidebar-collapsed=true] .workspace-sidebar .sidebar-group .sidebar-children .sidebar-link-label{display:block!important;flex:1;font-size:11px;white-space:normal}
#app[data-sidebar-collapsed=true] .workspace-sidebar .sidebar-group .sidebar-children .sidebar-count{display:grid!important}
#app[data-sidebar-collapsed=true] .workspace-sidebar .sidebar-profile-link{justify-content:center;padding:9px 6px;min-height:56px;border-radius:12px;margin-top:auto}
#app[data-sidebar-collapsed=true] .workspace-sidebar .sidebar-profile-copy{display:none!important}
@media(max-width:1099px){#app:not([data-sidebar-collapsed=true]) .workspace-sidebar .sidebar-sections,#app:not([data-sidebar-collapsed=true]) .workspace-sidebar .sidebar-content{height:auto}.workspace-sidebar .sidebar-brand{padding-top:8px}}

/* Quiet, palette-aware navigation and visual rhythm. */
:root{--souqi-ease:cubic-bezier(.22,1,.36,1)}
.workspace-sidebar,.workspace-sidebar .sidebar-content,.workspace-sidebar .sidebar-children{scrollbar-width:none!important;-ms-overflow-style:none}
.workspace-sidebar::-webkit-scrollbar,.workspace-sidebar .sidebar-content::-webkit-scrollbar,.workspace-sidebar .sidebar-children::-webkit-scrollbar{display:none;width:0;height:0}
#app>.shell{transition:grid-template-columns 340ms var(--souqi-ease)}
#app>.shell>.workspace-sidebar{transition:width 340ms var(--souqi-ease),min-width 340ms var(--souqi-ease),padding 340ms var(--souqi-ease),background-color 240ms ease}
#app>.workspace-header,#app>.notice,body>.portable-toolbar{transition:margin-inline-start 340ms var(--souqi-ease)}
.workspace-sidebar .sidebar-link,.workspace-sidebar .sidebar-group>summary{transition:background-color 220ms ease,box-shadow 220ms ease,color 220ms ease}
.workspace-sidebar .sidebar-chevron{transition:transform 260ms var(--souqi-ease)}
.workspace-sidebar .sidebar-group[open]>.sidebar-children,.header-dropdown[open]>.header-popover,.workspace-search-results:not([hidden]){animation:souqi-menu-enter 260ms var(--souqi-ease) both}
@keyframes souqi-menu-enter{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}
@supports(interpolate-size:allow-keywords){.workspace-sidebar .sidebar-group{interpolate-size:allow-keywords}.workspace-sidebar .sidebar-group::details-content{height:0;overflow:clip;transition:height 280ms var(--souqi-ease),content-visibility 280ms allow-discrete}.workspace-sidebar .sidebar-group[open]::details-content{height:auto}}
.workspace-header .header-icon-button,.workspace-header .message-header-button{box-sizing:border-box;width:36px;height:36px;min-width:36px;display:grid;place-items:center;border-radius:11px;border:1px solid color-mix(in srgb,var(--accent) 13%,var(--border));background:color-mix(in srgb,var(--accent) 5%,var(--surface));color:var(--accent);box-shadow:0 2px 5px color-mix(in srgb,var(--accent) 5%,transparent)}
.workspace-header .header-icon-button:hover,.workspace-header .message-header-button:hover{background:color-mix(in srgb,var(--accent) 12%,var(--surface));border-color:color-mix(in srgb,var(--accent) 35%,var(--border))}
.workspace-header .header-icon-button svg,.workspace-header .message-header-button svg{width:19px;height:19px;stroke-width:1.75}
.pw-order-stats article>span,.pw-money-icon{box-sizing:border-box;display:grid;place-items:center;width:42px;height:42px;min-width:42px;border-radius:14px;background:color-mix(in srgb,var(--accent) 9%,var(--surface));color:var(--accent);border:1px solid color-mix(in srgb,var(--accent) 13%,transparent)}
.pw-order-stats article>span>.souqi-icon,.pw-money-icon>.souqi-icon{width:21px;height:21px;stroke-width:1.75}
#app .scroll-top-button{background:var(--accent);border-color:var(--accent);color:#fff;box-shadow:0 5px 16px color-mix(in srgb,var(--accent) 25%,transparent);transition:background-color 240ms ease,box-shadow 240ms ease,transform 180ms ease}
#app .scroll-top-button:hover{background:color-mix(in srgb,var(--accent) 86%,black);transform:translateY(-2px)}
[data-motion=count]{font-variant-numeric:tabular-nums}
@media(prefers-reduced-motion:reduce){#app>.shell,#app>.shell>.workspace-sidebar,#app>.workspace-header,#app>.notice,body>.portable-toolbar,.workspace-sidebar *,.workspace-sidebar .sidebar-group::details-content{transition:none!important;animation:none!important}.header-popover,.workspace-search-results{animation:none!important}}

/* Shipping chart fills the available card rather than a fixed-width canvas. */
.chart-card{min-width:0;display:flex;flex-direction:column}.shipping-explorer{width:100%;min-width:0;flex:1;display:flex;flex-direction:column;gap:8px}.sc-controls{display:flex;justify-content:space-between;gap:12px;direction:ltr;margin-top:14px;flex-wrap:wrap}.sc-types,.sc-ranges{display:flex;align-items:center;gap:4px;padding:4px;background:var(--bg);border:1px solid var(--border);border-radius:11px}.sc-types button,.sc-ranges button{border:0;background:transparent;color:var(--muted);border-radius:7px;cursor:pointer;display:grid;place-items:center;min-height:31px;padding:6px 10px}.sc-types button{width:32px;padding:6px}.sc-types svg{width:19px;height:19px}.sc-ranges{direction:inherit}.sc-ranges button{font-size:11px}.sc-controls button[aria-pressed=true]{background:var(--surface);color:var(--accent);box-shadow:0 2px 8px color-mix(in srgb,var(--accent) 12%,transparent)}.sc-period{display:flex;justify-content:center;align-items:center;gap:14px;direction:ltr;color:var(--muted);font-size:11px}.sc-period button{width:28px;height:28px;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--accent);font-size:19px;line-height:1;padding:0}.sc-plot{position:relative;min-width:0;width:100%;flex:1;display:grid;align-items:center;outline-offset:3px}.sc-svg{width:100%;height:auto;display:block;overflow:visible;min-height:220px;max-height:none}.sc-svg text{font:10px 'Segoe UI',sans-serif;fill:var(--muted)}.sc-grid{stroke:var(--border);stroke-dasharray:3 5;fill:none}.sc-primary{fill:var(--accent);stroke:var(--accent)}.sc-secondary{fill:var(--chart-pale);stroke:var(--chart-pale)}.sc-bar{stroke:none;transform-box:fill-box;transform-origin:center bottom;animation:sc-grow 650ms var(--souqi-ease) both}.sc-line{fill:none;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;animation:sc-fade 650ms ease both}.sc-area{fill:color-mix(in srgb,var(--accent) 13%,transparent);animation:sc-fade 650ms ease both}.sc-dot{stroke:var(--surface);stroke-width:1.5;animation:sc-fade 650ms ease both}.sc-empty{position:absolute;inset:45% 10% auto;text-align:center;color:var(--muted);font-size:12px;pointer-events:none}.sc-hint,.sc-basis{margin:0;text-align:center;color:var(--muted);font-size:10px}.sc-basis{font-size:9px}.chart-card:has(.shipping-explorer)>.chart-footnote{display:none}@keyframes sc-grow{from{transform:scaleY(.02);opacity:.15}to{transform:scaleY(1);opacity:1}}@keyframes sc-fade{from{opacity:0}to{opacity:1}}@media(max-width:600px){.sc-controls{gap:6px}.sc-types,.sc-ranges{gap:1px;padding:3px}.sc-ranges button{padding:5px 8px}.sc-svg{min-height:170px}.sc-hint{font-size:9px}}@media(prefers-reduced-motion:reduce){.sc-svg *{animation:none!important}}

.chart-card:has(.sc-svg)>.sc-initial-empty{display:none}
.sc-series{display:flex;flex-wrap:wrap;gap:6px;margin:4px 0 2px}.sc-series button{display:inline-flex;align-items:center;gap:6px;padding:6px 9px;border:1px solid var(--border);border-radius:9px;background:var(--surface);color:var(--muted);font-size:10px;line-height:1.5;cursor:pointer}.sc-series button i{width:7px;height:7px;border-radius:50%;opacity:.4}.sc-series button b{font-size:10px;font-weight:650;padding:0 5px;min-width:17px;border-radius:5px;background:var(--bg);font-variant-numeric:tabular-nums}.sc-series button[aria-pressed=true]{color:var(--ink);}.sc-series button[aria-pressed=true] i{opacity:1;box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 7%,transparent)}.sc-series button[aria-pressed=false] span{opacity:.65}.sc-series button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.sc-date-tools{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:6px;direction:inherit}.sc-dates{display:flex;gap:6px;align-items:center;padding:4px;background:var(--bg);border:1px solid var(--border);border-radius:11px}.sc-dates label{display:flex;flex-direction:row;align-items:center;gap:5px;font-size:10px;font-weight:400;color:var(--muted);margin:0;padding-inline:5px}.sc-dates input{width:119px;min-height:31px;height:31px;padding:4px 5px;border:0;border-radius:7px;background:var(--surface);color:var(--ink);font:11px 'Segoe UI',sans-serif;box-shadow:none;direction:ltr}.sc-dates input:focus{outline:2px solid var(--accent);outline-offset:0}.sc-date-tools .sc-ranges{align-self:stretch}.sc-controls{align-items:flex-start}.sc-series+ .sc-controls{margin-top:3px}.sc-series button{transition:background-color 180ms ease,border-color 180ms ease,color 180ms ease}@media(max-width:700px){.sc-date-tools{width:100%;justify-content:space-between}.sc-date-tools .sc-dates{flex:1;justify-content:space-between}.sc-series{gap:4px}.sc-series button{padding:5px 7px}.sc-date-tools .sc-ranges{flex-wrap:wrap}.sc-dates input{width:110px}}@media(max-width:430px){.sc-date-tools .sc-ranges{width:100%;justify-content:space-between}.sc-dates{width:100%}.sc-series button b{padding:0 3px}}
/* Small-screen containment: each card adapts to its actual available width. */
.chart-card{container-type:inline-size}.dashboard-primary,.dashboard-secondary,.dashboard-layout,.pw-main,.pw-layout>aside,.pc-main,.pc-settings{min-width:0}.sc-date-tools,.sc-dates,.sc-ranges{min-width:0}.sc-dates input{min-width:0;max-width:100%}
@container(max-width:480px){.sc-controls{gap:8px}.sc-date-tools{width:100%;flex-direction:column;align-items:stretch}.sc-date-tools .sc-ranges{width:100%;justify-content:space-between}.sc-date-tools .sc-dates{width:100%;box-sizing:border-box;flex-wrap:wrap}.sc-dates label{flex:1 1 120px;min-width:0}.sc-dates input{width:100%;flex:1;min-width:0}.sc-types button,.sc-ranges button{min-height:40px}.sc-svg{min-height:0;aspect-ratio:1000/305}.sc-series button{min-height:36px}.sc-hint{line-height:1.8}}
@media(max-width:1099px){
 #app>.shell>main{min-width:0;max-width:100%;box-sizing:border-box}.workspace-header,.header-company-area,.header-company-trigger,.header-company-identity,.header-utilities{min-width:0}.header-company-trigger{max-width:100%}.header-company-identity>strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header-utilities{flex-wrap:wrap;max-width:100%}.workspace-search{box-sizing:border-box;width:100%;min-width:0}.workspace-search-results{max-height:50dvh}.header-popover{max-width:calc(100vw - 24px);box-sizing:border-box}
 .shell>main .grid{grid-template-columns:minmax(0,1fr)}.shell>main input,.shell>main select,.shell>main textarea{max-width:100%;box-sizing:border-box;min-width:0}.shell>main form,.shell>main fieldset{min-width:0}.table-wrap,.pw-table-wrap,.pc-history-scroll{max-width:100%;overflow-x:auto;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch}
 #app[data-sidebar-collapsed=true] .workspace-sidebar .sidebar-group>.sidebar-children{box-sizing:border-box;overflow-y:auto;overscroll-behavior:contain}
 .pw-order-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.pw-money{grid-template-columns:repeat(2,minmax(0,1fr))}.pw-money article{min-width:0}.pw-money strong{overflow-wrap:anywhere}.pw-order-stats article{min-width:0}.pw-donut-layout{flex-wrap:wrap}.profile-contact-line>span{min-width:0;overflow-wrap:anywhere}
 .pc-modern .pc-period,.pc-period label{min-width:0}.pc-period input{min-width:0}.pc-header-copy{min-width:0}.pc-modern .pc-header h2{overflow-wrap:anywhere}.pc-modern .pc-close{flex:none}.pc-setting-top{flex-wrap:wrap}.chat-window{max-height:calc(100dvh - 150px)}.chat-thread,.chat-directory{touch-action:pan-y}.chat-icon-btn{min-width:40px;height:40px}.chat-compose textarea{font-size:16px}.chat-compose .btn{min-height:44px}.pc-modern input,.pc-modern select,.pc-modern textarea{font-size:16px!important}
 body>.portable-toolbar{box-sizing:border-box;max-width:100%;flex-wrap:wrap;overflow-wrap:anywhere}body>.portable-toolbar>span{min-width:0;max-width:100%}.portable-error{overflow-wrap:anywhere;white-space:pre-wrap}
}
@media(max-width:480px){
 .workspace-header .header-icon-button,.workspace-header .message-header-button{width:40px;height:40px;min-width:40px}.header-company-area{flex-basis:100%}.header-company-identity>strong{max-width:100%}.header-utilities{justify-content:flex-start}.shell>main{padding:12px!important}.dash-card,.panel{padding:14px}.dash-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.dash-metric{min-width:0;flex-wrap:wrap}.dash-metric strong{font-size:23px;overflow-wrap:anywhere}.metric-context{max-width:100%}.dashboard-secondary,.dashboard-footer{grid-template-columns:minmax(0,1fr)}.dashboard-layout{gap:12px}.pw-layout>aside{display:block}.pw-charts,.pw-lower{grid-template-columns:minmax(0,1fr)}.pw-money strong{font-size:18px}.pw-money article{padding:12px 9px}.pw-money article>small{overflow-wrap:anywhere}.user-profile-identity .actions{flex-wrap:wrap}.user-profile-name{min-width:0}.profile-contact-line{flex-direction:column}.sc-dates label{padding-inline:2px}.pc-period{flex-wrap:wrap}.pc-period input{width:100%;flex:1}.pc-toolbar>span{line-height:1.8}
}
@media(max-height:500px) and (max-width:1000px){.payout-center.pc-modern{max-height:96dvh}.pc-modern>.pc-header{position:static}.chat-dock{bottom:10px}.chat-window{height:calc(100dvh - 80px);max-height:calc(100dvh - 80px)}.chat-window>header{min-height:45px;padding:6px 10px}.chat-launcher{width:40px;height:40px}}
@media(max-width:1099px){.shell>main input:not([type=checkbox]):not([type=radio]),.shell>main select,.shell>main textarea{font-size:16px}.workspace-search input{font-size:16px}.pc-modern .pc-header{padding-top:max(12px,env(safe-area-inset-top,0px))}.chat-compose{padding-bottom:max(10px,env(safe-area-inset-bottom,0px))}}
/* Portrait rail: independent from the legacy horizontal mobile navigation. */
@media(max-width:1099px){
 #app[data-sidebar-collapsed=true]>.shell>.workspace-sidebar{display:flex!important;flex-direction:column!important;position:fixed!important;top:0!important;bottom:0!important;inset-inline-start:0!important;height:100dvh!important;max-height:100dvh!important;overflow:visible!important;background:var(--sidebar-background)!important;color:var(--sidebar-foreground)!important;padding:12px 8px!important;box-sizing:border-box}
 #app[data-sidebar-collapsed=true] .workspace-sidebar>.sidebar-custom-controls{display:flex!important;flex:0 0 auto!important;min-height:44px!important;height:44px!important;margin:0 0 10px!important;padding:0 0 10px!important;justify-content:center!important;align-items:center!important}
 #app[data-sidebar-collapsed=true] .workspace-sidebar .sidebar-collapse-button{display:grid!important;place-items:center;width:36px;height:36px;min-height:36px}
 #app[data-sidebar-collapsed=true] .workspace-sidebar>.sidebar-sections{display:block!important;flex:1!important;min-height:0!important;height:auto!important;max-height:none!important;overflow:visible!important}
 #app[data-sidebar-collapsed=true] .workspace-sidebar .sidebar-sections>.sidebar-content{display:flex!important;flex-direction:column!important;align-items:stretch!important;height:100%!important;max-height:none!important;min-height:0!important;overflow-y:auto!important;overflow-x:hidden!important;padding:0!important;gap:8px!important;box-sizing:border-box}
 #app[data-sidebar-collapsed=true] .workspace-sidebar .sidebar-brand{display:flex!important;flex:0 0 auto;min-height:35px}
 #app[data-sidebar-collapsed=true] .workspace-sidebar .sidebar-group{display:block!important;flex:0 0 auto!important;min-height:44px;margin:0!important}
 #app[data-sidebar-collapsed=true] .workspace-sidebar .sidebar-group>summary,#app[data-sidebar-collapsed=true] .workspace-sidebar .sidebar-link{display:flex!important;flex:0 0 auto;min-height:44px!important;align-items:center;justify-content:center}
 #app[data-sidebar-collapsed=true] .workspace-sidebar .sidebar-group>summary>.souqi-icon,#app[data-sidebar-collapsed=true] .workspace-sidebar .sidebar-link>.souqi-icon{display:block!important;width:21px;height:21px;color:inherit}
 #app[data-sidebar-collapsed=true] .workspace-sidebar .sidebar-profile-link{position:static!important;margin-top:auto!important;margin-bottom:8px!important;min-height:56px!important}
 #app[data-sidebar-collapsed=true] .workspace-sidebar .sidebar-group>.sidebar-children{position:fixed!important;max-height:calc(100dvh - 24px)!important;background:var(--sidebar-background)!important;z-index:90}
}
@media(max-width:1099px){
 #app:not([data-sidebar-collapsed=true])>.shell>.workspace-sidebar{background:var(--sidebar-background)!important;color:var(--sidebar-foreground)!important;box-sizing:border-box}
 #app:not([data-sidebar-collapsed=true]) .workspace-sidebar .sidebar-mobile-toggle{display:none!important}
 #app:not([data-sidebar-collapsed=true]) .workspace-sidebar .sidebar-sections>.sidebar-content{display:flex!important;flex-direction:column!important;overflow-x:hidden!important;gap:6px;padding:4px 0!important}
 #app:not([data-sidebar-collapsed=true]) .workspace-sidebar .sidebar-custom-controls{display:flex!important;flex-direction:row!important;align-items:center;justify-content:space-between;min-height:44px;padding:0 4px 10px!important;margin-bottom:8px}
 #app:not([data-sidebar-collapsed=true]) .workspace-sidebar .sidebar-collapse-button{display:grid!important;place-items:center;width:36px;height:36px;color:var(--sidebar-foreground)!important}
 #app:not([data-sidebar-collapsed=true]) .workspace-sidebar .sidebar-brand{padding:4px 10px 12px}
 #app:not([data-sidebar-collapsed=true]) .workspace-sidebar .sidebar-profile-link{position:static;margin-top:10px}
}
/* Mobile navigation is an overlay drawer, never a block above the page. */
.sidebar-mobile-backdrop{display:none}
@media(max-width:1099px){
 #app:not([data-sidebar-collapsed=true])>.shell{display:grid!important;}
 #app:not([data-sidebar-collapsed=true])>.shell>main{grid-column:2!important}
 body:has(#app:not([data-sidebar-collapsed=true]))>.portable-toolbar{box-sizing:border-box}
 #app:not([data-sidebar-collapsed=true])>.shell>.workspace-sidebar{position:fixed!important;inset-inline-start:0!important;inset-inline-end:auto!important;top:0!important;bottom:0!important;width:min(300px,calc(100vw - 48px))!important;min-width:0!important;height:100dvh!important;max-height:100dvh!important;display:flex!important;flex-direction:column!important;padding:14px 10px max(12px,env(safe-area-inset-bottom))!important;overflow:hidden!important;z-index:90!important;box-shadow:0 16px 60px #0f172a40;border-radius:0}
 #app:not([data-sidebar-collapsed=true]) .workspace-sidebar>.sidebar-custom-controls{flex:none!important;min-height:44px!important}
 #app:not([data-sidebar-collapsed=true]) .workspace-sidebar>.sidebar-sections{flex:1!important;min-height:0!important;height:0!important;max-height:none!important;overflow:hidden!important}
 #app:not([data-sidebar-collapsed=true]) .workspace-sidebar .sidebar-sections>.sidebar-content{height:100%!important;max-height:none!important;overflow-y:auto!important;overscroll-behavior:contain;padding-bottom:8px!important}
 #app:not([data-sidebar-collapsed=true]) .workspace-sidebar .sidebar-content>.sidebar-brand,#app:not([data-sidebar-collapsed=true]) .workspace-sidebar .sidebar-content>.sidebar-link,#app:not([data-sidebar-collapsed=true]) .workspace-sidebar .sidebar-content>.sidebar-group{flex-shrink:0}
 #app:not([data-sidebar-collapsed=true])>.sidebar-mobile-backdrop{display:block;position:fixed;inset:0;width:100%;height:100dvh;border:0;margin:0;padding:0;background:#0f172a55;backdrop-filter:blur(2px);z-index:85;cursor:pointer;animation:souqi-menu-enter 220ms ease both}
 body:has(#app:not([data-sidebar-collapsed=true])){overflow:hidden}
}
@media print{.sidebar-mobile-backdrop{display:none!important}}
/* Compact rail width shared by its content offset and flyout position. */
#app[data-sidebar-collapsed=true]>.shell{grid-template-columns:64px minmax(0,1fr)!important}
#app[data-sidebar-collapsed=true]>.shell>.workspace-sidebar{width:64px!important;min-width:64px!important;padding-inline:6px!important}
#app[data-sidebar-collapsed=true]>.workspace-header,#app[data-sidebar-collapsed=true]>.notice{margin-inline-start:64px!important}
body:has(#app[data-sidebar-collapsed=true])>.portable-toolbar{margin-inline-start:64px!important}
#app[data-sidebar-collapsed=true] .workspace-sidebar .sidebar-group>.sidebar-children{inset-inline-start:70px!important}
@media(max-width:1099px){
 #app[data-sidebar-collapsed=true]>.shell>.workspace-sidebar{width:64px!important;min-width:64px!important;padding-inline:6px!important}
 body:has(#app[data-sidebar-collapsed=true])>.portable-toolbar{width:calc(100% - 64px)!important}
 #app[data-sidebar-collapsed=true] .workspace-sidebar .sidebar-group>.sidebar-children{width:min(220px,calc(100vw - 82px))!important;inset-inline-start:70px!important}
 #app:not([data-sidebar-collapsed=true])>.shell{grid-template-columns:64px minmax(0,1fr)!important}
 #app:not([data-sidebar-collapsed=true])>.workspace-header,#app:not([data-sidebar-collapsed=true])>.notice{margin-inline-start:64px!important}
 body:has(#app:not([data-sidebar-collapsed=true]))>.portable-toolbar{margin-inline-start:64px!important;width:calc(100% - 64px)!important}
}

.user-default-cover,.company-default-cover,.carrier-default-cover{position:relative;overflow:hidden}.user-default-cover>*,.company-default-cover>*,.carrier-default-cover>*{display:none!important}.user-default-cover::before,.user-default-cover::after,.company-default-cover::before,.company-default-cover::after{display:none!important}.user-initials,.carrier-logo:not(:has(img)),.company-profile-logo:not(:has(img)){background-color:var(--accent)!important;background-image:var(--souqi-bloom),linear-gradient(140deg,color-mix(in srgb,var(--accent) 55%,white),var(--accent))!important;background-repeat:no-repeat!important;background-position:center!important;background-size:155%,cover!important;color:transparent!important;font-size:0!important}.carrier-logo:not(:has(img))>.souqi-icon,.company-profile-logo:not(:has(img))>.souqi-icon{visibility:hidden}.profile-photo-control,.company-image-picker,.carrier-image-picker{backdrop-filter:blur(12px);box-shadow:0 4px 16px #0f172a24!important;border:1px solid color-mix(in srgb,var(--accent) 20%,var(--surface))!important;border-radius:11px!important;background:color-mix(in srgb,var(--surface) 90%,transparent)!important;color:var(--accent)!important}.profile-photo-control svg,.company-image-picker svg,.carrier-image-picker svg{width:18px!important;height:18px!important;stroke-width:1.65!important}.pc-period{flex-wrap:wrap}.pc-period label{min-width:0}.pc-period input[type=date]{width:133px;min-width:0}@media(max-width:480px){.pc-period label{flex:1 1 120px}.pc-period input[type=date]{width:100%}}
.user-photo-preview:not(:has(img)),.customer-avatar:not(:has(img)){background-color:var(--accent)!important;background-image:var(--souqi-bloom),linear-gradient(140deg,color-mix(in srgb,var(--accent) 50%,white),var(--accent))!important;background-size:155%,cover!important;background-position:center!important;color:transparent!important}.user-photo-preview:not(:has(img))>.souqi-icon,.customer-avatar:not(:has(img))>.souqi-icon{visibility:hidden}.profile-camera-control,.carrier-photo-picker,.company-image-picker{display:grid!important;place-items:center;width:36px!important;height:36px!important;min-width:36px!important;min-height:36px!important;padding:8px!important;border-radius:11px!important;background:color-mix(in srgb,var(--surface) 94%,transparent)!important;color:var(--accent)!important;border:1px solid color-mix(in srgb,var(--accent) 24%,var(--border))!important;box-shadow:0 4px 14px #0f172a20!important;cursor:pointer}.profile-camera-control>.souqi-icon,.carrier-photo-picker>.souqi-icon{width:18px!important;height:18px!important;stroke-width:1.65}.profile-camera-control:focus-within,.carrier-photo-picker:focus-within{outline:2px solid var(--accent);outline-offset:3px}.user-profile-cover-visual>img,#company-cover-visual>img,#carrier-cover-visual>img{display:block;width:100%!important;height:100%!important;object-position:center}.chat-launcher{background:transparent!important;border:0!important;box-shadow:none!important;color:var(--accent)!important;border-radius:50%;width:44px;height:44px}.chat-launcher>.souqi-icon{width:29px;height:29px;stroke-width:1.8}.chat-launcher>b{display:none}.chat-launcher:hover{background:var(--soft)!important}
.image-adjust-dialog{width:min(720px,calc(100vw - 24px));max-height:94dvh;overflow:auto;padding:0;border:1px solid var(--border);border-radius:18px;background:var(--surface);color:var(--ink);box-shadow:0 24px 80px #0f172a40}.image-adjust-dialog::backdrop{background:#0f172a77;backdrop-filter:blur(5px)}.image-adjust-dialog>header{position:static;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 22px;border-bottom:1px solid var(--border);background:var(--surface)}.image-adjust-dialog h2{font-size:18px;margin:0}.image-adjust-dialog p{font-size:12px;color:var(--muted);margin:5px 0 0}.image-adjust-dialog button{min-height:40px;border:1px solid var(--border);border-radius:9px;background:var(--bg);color:var(--ink);padding:8px 13px;cursor:pointer;font:inherit;font-size:12px}.image-adjust-dialog>header>button{min-width:40px;font-size:22px;padding:4px}.image-adjust-stage{padding:20px;background:var(--bg);display:grid;place-items:center;overflow:hidden}.image-adjust-stage canvas{display:block;max-width:100%;max-height:45dvh;width:auto;height:auto;box-shadow:0 0 0 1px var(--border);border-radius:10px;touch-action:none;cursor:grab}.image-adjust-stage canvas:active{cursor:grabbing}.image-adjust-tools{padding:16px 22px;display:grid;gap:14px}.image-adjust-tools>label{display:flex;align-items:center;gap:16px;font-size:12px}.image-adjust-tools input{flex:1;min-width:0;accent-color:var(--accent)}.image-adjust-tools>div{display:flex;gap:7px;flex-wrap:wrap}.image-adjust-tools button[aria-pressed=true]{color:var(--accent);border-color:var(--accent);background:var(--soft)}.image-adjust-dialog>footer{padding:14px 22px;border-top:1px solid var(--border);display:flex;justify-content:flex-end;gap:8px}.image-adjust-dialog button.primary{background:var(--accent);color:#fff;border-color:var(--accent)}.image-adjust-dialog button:focus-visible,.image-adjust-stage canvas:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.user-profile-cover-visual>img,#company-cover-visual>img,#carrier-cover-visual>img{object-fit:contain!important;background:var(--soft)}@media(max-width:600px){.image-adjust-dialog>header,.image-adjust-tools{padding:14px}.image-adjust-stage{padding:12px}.image-adjust-dialog h2{font-size:16px}.image-adjust-dialog p{font-size:11px}.image-adjust-dialog button{min-height:44px}.image-adjust-dialog>footer{padding:12px}}

/* Original flowing ribbon artwork; no reference bitmap is embedded. */

.user-default-cover,.company-default-cover,.carrier-default-cover{background-color:var(--accent)!important;}.user-initials,.carrier-logo:not(:has(img)),.company-profile-logo:not(:has(img)),.user-photo-preview:not(:has(img)),.customer-avatar:not(:has(img)){background-blend-mode:normal!important;background-color:var(--accent)!important}

/* The decorative SVG follows the full cover frame, without intrinsic letterboxing. */
.user-default-cover,.company-default-cover,.carrier-default-cover{width:100%!important;height:100%!important;min-width:0;box-sizing:border-box;background-position:center!important;background-repeat:no-repeat!important}
/* One sizing rule for every photo frame, including uploaded images. */
.user-profile-cover,.company-profile-cover,.carrier-profile-cover{position:relative;overflow:hidden}
#profile-cover-visual,#company-cover-visual,#carrier-cover-visual{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;display:block!important;min-height:0!important;padding:0!important;margin:0!important}
#profile-cover-visual>.user-default-cover,#company-cover-visual>.company-default-cover,#carrier-cover-visual>.carrier-default-cover{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;margin:0!important;padding:0!important}
#profile-cover-visual>img,#company-cover-visual>img,#carrier-cover-visual>img{position:absolute!important;inset:0!important;display:block!important;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;object-fit:cover!important;object-position:center!important;margin:0!important}
.user-avatar>img,.customer-avatar>img,.carrier-logo>img,.company-profile-logo>img,.user-photo-preview>img,.company-directory-logo>img{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important}
.user-initials{width:100%!important;height:100%!important;box-sizing:border-box}

/* Minimal palette-based default: soft gradient and three restrained flowing waves. */
:root{--souqi-bloom:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%201600%20600%22%20preserveAspectRatio%3D%22none%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22s%22%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%221%22%20y2%3D%221%22%3E%3Cstop%20stop-color%3D%22white%22%20stop-opacity%3D%22.04%22%2F%3E%3Cstop%20offset%3D%22.55%22%20stop-color%3D%22white%22%20stop-opacity%3D%22.18%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22white%22%20stop-opacity%3D%22.03%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cpath%20d%3D%22M-100%20400C350%2070%20650%20650%201100%20260S1540%2050%201740%20170V650H-100Z%22%20fill%3D%22url(%23s)%22%2F%3E%3Cpath%20d%3D%22M-100%20420C350%2090%20650%20670%201100%20280S1540%2070%201740%20190%22%20fill%3D%22none%22%20stroke%3D%22white%22%20stroke-opacity%3D%22.22%22%20stroke-width%3D%221.2%22%2F%3E%3Cpath%20d%3D%22M-100%20460C350%20130%20650%20710%201100%20320S1540%20110%201740%20230%22%20fill%3D%22none%22%20stroke%3D%22white%22%20stroke-opacity%3D%22.10%22%20stroke-width%3D%221%22%2F%3E%3C%2Fsvg%3E")}
.user-default-cover,.company-default-cover,.carrier-default-cover{background-image:var(--souqi-bloom),linear-gradient(115deg,color-mix(in srgb,var(--accent) 80%,#12253a),var(--accent) 55%,color-mix(in srgb,var(--accent) 78%,white))!important;background-size:100% 100%,cover!important;background-blend-mode:normal!important}.user-initials,.carrier-logo:not(:has(img)),.company-profile-logo:not(:has(img)),.user-photo-preview:not(:has(img)),.customer-avatar:not(:has(img)){background-image:var(--souqi-bloom),linear-gradient(135deg,var(--accent),color-mix(in srgb,var(--accent) 65%,white))!important;background-size:100% 100%,cover!important;background-position:center!important}
.order-card-grid{align-items:stretch!important}.order-card-grid .order-display-card{display:flex!important;flex-direction:column!important;min-width:0}.order-card-grid .order-card-top{order:0!important}.order-gallery{order:1;min-width:0;background:var(--surface)}.order-gallery-main{height:190px;width:100%;display:grid;place-items:center;background:var(--bg);overflow:hidden;border-bottom:1px solid var(--border)}.order-gallery-main>img{display:block;width:100%;height:100%;object-fit:contain}.order-gallery-main>.souqi-icon{width:40px;height:40px;color:var(--accent)}.order-gallery-thumbs{display:flex;gap:6px;padding:10px 13px;overflow-x:auto;min-height:64px;box-sizing:border-box;overscroll-behavior-inline:contain}.order-gallery-thumbs>button{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;min-height:44px;min-width:44px;padding:3px;border-radius:8px;border:1px solid var(--border);background:var(--bg);color:var(--accent);cursor:pointer;font-size:12px;font-weight:650}.order-gallery-thumbs>button[aria-pressed=true]{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.order-gallery-thumbs img{width:100%;height:100%;object-fit:contain;border-radius:5px}.order-gallery-thumbs span{font-size:8px;line-height:1.2;font-weight:400}.order-gallery-caption{display:grid;gap:5px;padding:0 14px 14px;min-height:86px;box-sizing:border-box}.order-gallery-caption>strong{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.order-gallery-caption>small{font-size:10px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.order-gallery-caption>b{font-size:12px;color:var(--accent)}.order-card-grid .order-card-primary{order:2!important}.order-card-grid .order-card-details{order:3!important}.order-card-grid .order-card-bottom{order:4!important;margin-top:auto!important}.order-items-summary{list-style:none;margin:0;padding:8px 16px;display:grid;gap:8px}.order-items-summary li{display:grid;gap:4px;padding-bottom:8px;border-bottom:1px solid var(--border)}.order-items-summary strong{font-size:11px;overflow-wrap:anywhere}.order-items-summary span{font-size:10px;color:var(--muted)}@media(max-width:600px){.order-gallery-thumbs{touch-action:pan-x}.order-gallery-main{height:180px}.order-gallery-thumbs>button{flex-basis:44px}.order-gallery-caption>strong{font-size:13px}}
/* Order cards: explicit image bounds, compact medium cards and two-column large view. */
.order-card-grid .order-gallery-main{position:relative;overflow:hidden}
.order-card-grid .order-gallery-main>img{position:absolute!important;min-height:0!important;max-height:100%!important;max-width:100%!important;margin:0!important;display:block!important}
.order-card-grid .order-card-top{padding:10px 12px!important;min-height:42px;box-sizing:border-box}
.order-card-grid .order-gallery-caption{padding:0 12px 10px;min-height:64px;gap:3px}
.order-card-grid .order-gallery-thumbs{padding:7px 12px;min-height:58px;gap:5px}
.order-card-grid .order-card-primary{padding:0 12px!important;grid-template-columns:minmax(0,1fr)!important;gap:0!important}
.order-card-grid .order-card-primary>div{display:flex;align-items:baseline;justify-content:space-between;gap:9px;grid-column:auto!important;padding:7px 0!important;min-height:0!important}
.order-card-grid .order-card-primary dd{margin:0!important;text-align:end;line-height:1.6;font-size:11px!important}
.order-card-grid .order-card-primary dt{flex:none;line-height:1.6;font-size:10px!important}
.order-card-grid .order-card-details{padding:7px 12px!important;margin:0!important;min-height:0!important}
.order-card-grid .order-card-details>summary{padding:0!important;font-size:10px;line-height:1.7}
.order-card-grid .order-card-bottom{padding:10px 12px!important;gap:8px!important;display:flex!important;flex-direction:row!important;align-items:center!important}
.order-card-grid .order-card-bottom>div{gap:2px!important}.order-card-grid .order-card-bottom strong{font-size:19px!important;line-height:1.4}
.order-card-grid .order-card-bottom .track-button{width:auto!important;padding:7px 10px!important;min-height:34px;font-size:11px}
.order-card-grid-medium{grid-template-columns:repeat(auto-fit,minmax(min(100%,235px),1fr))!important;gap:12px!important}
.order-card-grid-medium .order-gallery-main{height:155px!important}
.order-card-grid-large{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px!important}
.order-card-grid-large .order-display-card{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1.12fr);grid-template-rows:auto auto auto 1fr auto;align-content:start;column-gap:0}
.order-card-grid-large .order-card-top{grid-column:1/-1;grid-row:1}
.order-card-grid-large .order-gallery{grid-column:1;border-inline-end:1px solid var(--border);display:flex;flex-direction:column}
.order-card-grid-large .order-gallery-main{height:200px!important;flex:1;min-height:180px}
.order-card-grid-large .order-gallery-caption{min-height:65px}
.order-card-grid-large .order-card-primary{grid-column:2;grid-row:2;padding-top:8px!important}
.order-card-grid-large .order-card-details{grid-column:2;grid-row:3;min-width:0}
.order-card-grid-large .order-card-bottom{grid-column:2;grid-row:5;flex-wrap:wrap;margin-top:0!important;border-top:1px solid var(--border)}
.order-card-grid-large .order-card-bottom .track-button{flex:1;justify-content:center}
.order-card-grid-large .order-card-primary>div{display:grid;gap:3px;padding:8px 0!important}
.order-card-grid-large .order-card-primary dd{text-align:start}
.chat-dock .chat-launcher,#app .scroll-top-button{box-sizing:border-box;width:38px!important;height:38px!important;min-width:38px!important;min-height:38px!important;padding:9px!important;border-radius:11px!important;background:var(--accent)!important;color:#fff!important;border:1px solid color-mix(in srgb,var(--accent) 80%,white)!important;box-shadow:0 4px 13px color-mix(in srgb,var(--accent) 22%,transparent)!important;display:grid;place-items:center}
.chat-dock .chat-launcher>.souqi-icon,#app .scroll-top-button>svg{width:19px!important;height:19px!important;stroke-width:1.75}
.chat-dock{bottom:72px;inset-inline-end:24px}#app .scroll-top-button{bottom:calc(22px + env(safe-area-inset-bottom,0px))}
@media(max-width:900px){.order-card-grid-large{grid-template-columns:minmax(0,1fr)!important}}
@media(max-width:480px){.order-card-grid-large .order-display-card{display:flex!important;flex-direction:column!important}.order-card-grid-large .order-gallery{border-inline-end:0}.order-card-grid-large .order-gallery-main{height:180px!important;flex:none}.order-card-grid-large .order-card-primary>div{display:flex;gap:8px}.order-card-grid-large .order-card-bottom{flex-wrap:nowrap;margin-top:auto!important}.order-card-grid-medium{grid-template-columns:minmax(0,1fr)!important}.chat-dock,#app .scroll-top-button{inset-inline-end:12px!important}.chat-dock{bottom:67px}}
/* Visibility state must take precedence over the floating-button appearance. */
#app .scroll-top-button[hidden]{display:none!important}
/* Product hero images fill the frame with a centered proportional crop. */
.order-card-grid .order-gallery-main>img{object-fit:cover!important;object-position:50% 50%!important;width:100%!important;height:100%!important;inset:0!important;aspect-ratio:auto!important}
/* Consistent, legible horizontal statistics and progress bars. */
:root{--stat-bar-height:10px}
.overview-bar{height:var(--stat-bar-height)!important;min-height:var(--stat-bar-height);border-radius:999px;overflow:hidden}
.overview-bar-track{fill:color-mix(in srgb,var(--accent) 10%,var(--surface))}
.overview-bar rect{rx:2px;ry:2px}
.carrier-load>div{height:var(--stat-bar-height)!important;border-radius:999px;background:color-mix(in srgb,var(--accent) 10%,var(--surface))}
.carrier-load i{border-radius:999px}
.stock-alert meter,.pw-distribution progress{height:var(--stat-bar-height)!important;border-radius:999px;overflow:hidden}
.status-segment-chart{height:var(--stat-bar-height)!important;border-radius:999px}
.status-segment-chart>span{border-radius:5px}
@media(max-width:480px){:root{--stat-bar-height:9px}}
.sc-svg .sc-donut-total{font-size:30px;font-weight:700;fill:var(--ink)}.sc-donut-segment{animation:sc-fade 600ms ease both}.sc-horizontal-bar{transform-box:fill-box;transform-origin:left center;animation:sc-horizontal-enter 600ms var(--souqi-ease) both}@keyframes sc-horizontal-enter{from{transform:scaleX(.01);opacity:.2}to{transform:scaleX(1);opacity:1}}@media(prefers-reduced-motion:reduce){.sc-donut-segment,.sc-horizontal-bar{animation:none!important}}
.orders-world-map{width:100%;min-width:0;--map-ocean:color-mix(in srgb,var(--accent) 4%,var(--surface));background:var(--map-ocean);border:1px solid var(--border);border-radius:12px;overflow:hidden}.map-toolbar{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap;padding:10px 12px;font-size:11px;color:var(--muted);background:var(--surface);border-bottom:1px solid var(--border)}.map-toolbar>div{display:flex;gap:4px}.map-toolbar button,.map-destination-list button{min-height:32px;padding:4px 9px;border:1px solid var(--border);border-radius:7px;background:var(--surface);color:var(--accent);font-size:10px;cursor:pointer}.map-toolbar button:first-child,.map-toolbar button:nth-child(2){min-width:32px;font-size:17px}.orders-map-svg{width:100%;height:auto;aspect-ratio:2;display:block;touch-action:none;cursor:grab;direction:ltr}.orders-map-svg:active{cursor:grabbing}.map-country{fill:color-mix(in srgb,var(--accent) 8%,var(--surface));stroke:color-mix(in srgb,var(--accent) 28%,var(--surface));stroke-width:.6;vector-effect:non-scaling-stroke;transition:fill 250ms ease}.map-country.has-orders{cursor:pointer;stroke:var(--accent);stroke-width:.9}.map-country:hover,.map-country:focus,.map-country.is-map-selected{stroke:var(--ink);stroke-width:1.6;outline:none;filter:brightness(1.08)}.map-country-info{padding:9px 12px;background:var(--surface);font-size:11px;color:var(--ink);min-height:35px;box-sizing:border-box;border-top:1px solid var(--border)}.map-destination-list{display:flex;flex-wrap:wrap;gap:6px;padding:8px 12px}.map-destination-list button{display:flex;align-items:center;gap:10px}.map-destination-list b{background:var(--soft);padding:1px 6px;border-radius:5px}.map-note{font-size:10px;color:var(--muted);padding:0 12px;overflow-wrap:anywhere}.map-attribution{display:block;padding:4px 12px 10px;font-size:9px;color:var(--muted)}@media(max-width:600px){.map-toolbar{padding:8px}.map-toolbar>span{width:100%}.map-toolbar button{min-height:40px}.map-destination-list button{min-height:40px}.orders-map-svg{min-height:200px;aspect-ratio:auto;height:220px}.map-country-info{font-size:10px;line-height:1.8}}@media(prefers-reduced-motion:reduce){.map-country{transition:none}}
.unified-order-collection[hidden]{display:none!important}.unified-order-collection{min-width:0}.unified-order-collection>.order-card-grid{padding:8px 0!important}.order-card-management{order:5;grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;padding:9px 12px;border-top:1px solid var(--border);background:var(--bg)}.order-card-manage-status{min-width:0;flex:1}.order-card-manage-status select{width:100%;max-width:170px;font-size:11px;min-height:34px;padding:5px 8px}.order-card-manage-actions{display:flex;gap:4px;flex-wrap:wrap}.order-card-manage-actions .btn{min-height:32px;padding:5px 8px;font-size:10px}.order-card-manage-actions .btn>.souqi-icon{width:14px;height:14px}.order-card-grid-large .order-card-management{grid-row:6}.order-card-grid-large .order-gallery{grid-row:2/6}@media(max-width:600px){.order-card-management{gap:7px}.order-card-manage-actions .btn,.order-card-manage-status select{min-height:40px}}
/* Slightly richer theme tints shared by sections, menus and selected controls. */
:root[data-workspace-palette]{--soft:color-mix(in srgb,var(--accent) 12%,var(--surface));--border:color-mix(in srgb,var(--accent) 17%,var(--surface));--section-tint:color-mix(in srgb,var(--accent) 7%,var(--surface));--section-tint-strong:color-mix(in srgb,var(--accent) 16%,var(--surface))}
:root[data-theme=dark][data-workspace-palette]{--soft:color-mix(in srgb,var(--accent) 17%,var(--surface));--border:color-mix(in srgb,var(--accent) 23%,var(--surface));--section-tint:color-mix(in srgb,var(--accent) 9%,var(--surface));--section-tint-strong:color-mix(in srgb,var(--accent) 20%,var(--surface))}
.dash-hero{background:linear-gradient(110deg,var(--section-tint),var(--section-tint-strong))!important}
.dashboard-attention-area{background:linear-gradient(110deg,var(--surface),var(--soft));border-radius:14px}
.overview-card,.collection-toolbar,.section-settings>summary,.header-popover-title{background:var(--section-tint)}
.header-menu-option:hover,.header-menu-option[aria-pressed=true],.workspace-search-results button:hover,.workspace-search-results button:focus-visible,.activity-tabs button.active,.order-view-controls button[aria-pressed=true],.sc-controls button[aria-pressed=true]{background:var(--soft)!important}
.sc-series button[aria-pressed=true]{background:color-mix(in srgb,var(--accent) 10%,var(--surface))!important;border-color:color-mix(in srgb,var(--accent) 38%,var(--surface))!important}

.payout-center{width:min(900px,calc(100vw - 30px));max-height:88dvh;padding:0;border:1px solid var(--border);border-radius:20px;background:var(--bg);color:var(--ink);box-shadow:0 24px 90px #0f172a40;overflow:auto}.payout-center::backdrop{background:#0f172a80;backdrop-filter:blur(5px)}.payout-center>header{position:sticky;top:0;z-index:3;padding:18px 24px;display:flex;justify-content:space-between;gap:16px;background:var(--surface);border-bottom:1px solid var(--border)}.payout-center header h2{font-size:20px;margin:2px 0 0}.payout-center header small{font-size:10px;color:var(--accent);letter-spacing:2px}.payout-tabs{position:static;height:auto;max-height:none;display:flex;gap:6px;padding:12px 22px;background:var(--surface);border:0;overflow-x:auto;box-shadow:none}.payout-tabs>button{display:block;flex:1;white-space:nowrap;padding:10px 12px;min-height:38px;border:0;border-radius:9px;font-size:12px;color:var(--muted);background:transparent}.payout-tabs>button.active{background:var(--soft);color:var(--accent);font-weight:700;box-shadow:none}.payout-tabs>button:before{display:none}.payout-period{padding:14px 24px;display:flex;gap:10px;align-items:flex-end}.payout-period label{display:flex;flex-direction:row;align-items:center;gap:10px}.payout-period input{min-height:34px;padding:6px 10px;font-size:12px}.payout-content{padding:0 24px 24px}.payout-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px;margin-bottom:18px}.payout-summary article{border:1px solid var(--border);background:var(--surface);border-radius:13px;padding:18px}.payout-summary article>small{color:var(--accent);font-size:12px}.payout-summary article>div{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:11px 0;border-bottom:1px solid var(--border);font-size:12px}.payout-summary article>div:last-child{border:0}.payout-summary strong{font-size:20px;color:var(--accent)}.payout-chart{border:1px solid var(--border);border-radius:13px;background:var(--surface);padding:18px}.payout-chart h3{font-size:14px;margin:0 0 12px}.payout-chart p{font-size:11px;color:var(--muted)}.payout-chart svg{width:100%;height:210px}.payout-edit{display:grid;grid-template-columns:1fr 1fr;gap:16px;background:var(--surface);border:1px solid var(--border);padding:20px;border-radius:12px}.payout-edit>.btn{grid-column:1/-1;justify-self:start}.payout-content>.payroll-panel{margin:0;padding:20px;box-shadow:none}.payout-company-methods{margin-top:20px;padding:20px;border:1px solid var(--border);background:var(--surface);border-radius:12px}.payout-company-methods h3{font-size:14px}.payout-method-options{display:flex;gap:20px;flex-wrap:wrap;margin:15px 0}.payout-method-options label{display:flex;flex-direction:row;align-items:center;gap:8px}.payout-status{font-size:10px;border-radius:6px;padding:4px 8px;background:var(--soft);color:var(--accent)}.payout-content table{min-width:0;font-size:12px}.payout-content td{font-size:12px;overflow-wrap:anywhere}.payout-content .table-wrap{background:var(--surface)}
.profile-chat-card h3{display:flex;align-items:center;gap:8px}.profile-chat-card h3>.souqi-icon{width:19px;height:19px;color:var(--accent)}.chat-peer{display:flex;align-items:center;gap:9px;width:100%;padding:11px 3px;border:0;border-bottom:1px solid var(--border);background:transparent;color:var(--ink);text-align:start;cursor:pointer}.chat-peer:hover{background:var(--soft);border-radius:8px}.chat-peer>.user-avatar{width:34px;height:34px;flex:none;overflow:hidden;border-radius:50%;border:1px solid var(--border)}.chat-peer .user-initials{font-size:11px}.chat-peer>span:not(.user-avatar){display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}.chat-peer b{font-size:11px;line-height:1.5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-peer small{font-size:10px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-peer>i{font-size:10px;font-style:normal;background:var(--accent);color:var(--surface);border-radius:10px;padding:1px 6px;flex:none}.profile-chat-peers{max-height:305px;overflow:auto}.chat-dock{position:fixed;inset-inline-end:24px;bottom:82px;z-index:65;width:auto;height:auto;max-height:none;padding:0;border:0;background:none;box-shadow:none;overflow:visible}.chat-launcher{position:relative;display:grid;place-items:center;width:50px;height:50px;border:1px solid color-mix(in srgb,var(--accent) 80%,var(--surface));border-radius:17px;background:var(--accent);color:var(--surface);box-shadow:0 7px 24px color-mix(in srgb,var(--accent) 30%,transparent);margin-inline-start:auto}.chat-launcher>.souqi-icon{width:24px;height:24px}.chat-launcher>b{position:absolute;top:-6px;inset-inline-end:-5px;border-radius:11px;padding:2px 6px;font-size:10px;background:var(--danger);color:var(--surface);border:2px solid var(--surface)}.chat-window{width:360px;height:480px;max-height:calc(100dvh - 175px);display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--border);border-radius:17px;box-shadow:0 16px 60px #0f172a30;margin-bottom:12px;overflow:hidden}.chat-window>header{position:static;display:flex;flex-wrap:nowrap;align-items:center;gap:9px;padding:13px;background:var(--accent);color:var(--surface);min-height:61px;box-shadow:none;border:0}.chat-window header>strong{font-size:12px;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-window header>.user-avatar{width:33px;height:33px;flex:none;overflow:hidden;border-radius:50%}.chat-window header .user-initials{font-size:11px}.chat-icon-btn{padding:4px;border:1px solid #ffffff50;background:#ffffff12;color:inherit;border-radius:8px;min-width:28px;height:28px;font-size:18px;line-height:1}.chat-directory{overflow:auto;padding:10px;flex:1;min-height:0}.chat-thread{overflow:auto;padding:15px;display:flex;flex-direction:column;gap:10px;flex:1;min-height:0;background:var(--bg);overscroll-behavior:contain}.chat-thread .message-bubble{max-width:88%;padding:9px 12px;border-radius:13px;border:1px solid var(--border);box-shadow:none;min-width:70px}.chat-thread .message-bubble p{font-size:12px;margin:0;white-space:pre-wrap;overflow-wrap:anywhere}.chat-thread .message-bubble time{display:block;margin-top:4px;font-size:9px;opacity:.65}.chat-thread .outgoing{align-self:flex-start;background:var(--soft);color:var(--ink);border-color:color-mix(in srgb,var(--accent) 20%,var(--border))}.chat-thread .incoming{align-self:flex-end;background:var(--surface);color:var(--ink)}.chat-compose{display:flex;align-items:flex-end;gap:8px;padding:10px;background:var(--surface);border-top:1px solid var(--border)}.chat-compose textarea{flex:1;width:0;min-height:42px;max-height:120px;resize:vertical;padding:9px 10px;font-size:12px}.chat-compose .btn{min-height:42px;font-size:11px;padding:8px 10px}.chat-readonly{padding:12px;font-size:11px;color:var(--muted);margin:0}.chat-directory>.muted{font-size:12px;padding:10px}
@media(max-width:600px){.payout-center{width:calc(100vw - 18px);max-height:92dvh;border-radius:14px}.payout-center>header{padding:14px}.payout-center header h2{font-size:16px}.payout-tabs{padding:8px}.payout-tabs>button{font-size:10px;padding:8px}.payout-period{padding:12px}.payout-content{padding:0 12px 15px}.payout-edit{grid-template-columns:1fr;padding:14px}.payout-chart svg{height:165px}.chat-dock{inset-inline-end:12px;bottom:73px}.chat-window{width:min(360px,calc(100vw - 24px));height:440px;max-height:calc(100dvh - 155px)}.chat-launcher{width:44px;height:44px;border-radius:15px}}
@media print{.chat-dock,.payout-center{display:none!important}}
.profile-settings-personal .user-profile-layout{grid-template-columns:1fr}.profile-settings-personal .user-profile-main:empty{display:none}
.payout-error{margin:0 24px 15px;padding:12px 15px;border:1px solid color-mix(in srgb,var(--danger) 25%,var(--border));border-radius:9px;background:color-mix(in srgb,var(--danger) 7%,var(--surface));color:var(--danger);font-size:12px}.payout-error[hidden]{display:none}
/* Isolated payment workspace: no global nav, sidebar or nested-page styles. */
.payout-center.pc-modern{width:min(1020px,calc(100vw - 40px));max-height:90dvh;border-radius:18px;overflow:auto;background:var(--bg);padding:0;line-height:1.6}
.pc-modern>.pc-header{display:flex;align-items:center;flex-wrap:nowrap;gap:14px;padding:20px 24px;position:sticky;top:0;z-index:4;background:var(--surface);border-bottom:1px solid var(--border);box-shadow:none;min-height:0}.pc-heading-icon{display:grid;place-items:center;width:46px;height:46px;flex:none;background:var(--soft);border:1px solid color-mix(in srgb,var(--accent) 15%,var(--border));border-radius:14px;color:var(--accent)}.pc-heading-icon>.souqi-icon{width:23px;height:23px}.pc-modern .pc-header>div{flex:1;min-width:0}.pc-modern .pc-header h2{margin:2px 0;font-size:19px;font-weight:750;line-height:1.5}.pc-modern .pc-header small{font-size:10px;letter-spacing:.7px;color:var(--muted)}.pc-modern .pc-header p{margin:4px 0 0;font-size:11px;color:var(--muted)}.pc-close{display:grid;place-items:center;width:32px;height:32px;flex:none;padding:0;border:1px solid var(--border);border-radius:9px;background:var(--bg);color:var(--muted);font:23px/1 system-ui;cursor:pointer}.pc-close:hover{background:var(--soft);color:var(--accent)}
.pc-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 24px;border-bottom:1px solid var(--border);background:var(--surface)}.pc-toolbar>span{display:flex;align-items:center;gap:7px;font-size:11px;color:var(--muted)}.pc-toolbar>span>.souqi-icon{width:15px;height:15px;color:var(--signal)}.pc-period{display:flex;align-items:center;gap:8px}.pc-period label{display:flex;align-items:center;flex-direction:row;gap:8px;color:var(--muted);font-size:11px}.pc-period input{min-height:32px;padding:5px 8px;font-size:11px;width:145px;border-radius:8px;background:var(--bg)}.pc-period>.btn{min-height:32px;padding:5px 12px;font-size:11px}
.pc-layout{padding:20px 24px 24px;display:grid;grid-template-columns:310px minmax(0,1fr);gap:18px;align-items:start}.pc-settings,.pc-main{min-width:0;display:flex;flex-direction:column;gap:14px}.pc-setting{background:var(--surface);border:1px solid var(--border);border-radius:13px;overflow:hidden;box-shadow:0 2px 8px #0f172a03}.pc-setting.is-editing{border-color:color-mix(in srgb,var(--accent) 40%,var(--border));box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 5%,transparent)}.pc-setting-top{display:flex;align-items:center;gap:10px;padding:17px 14px}.pc-setting-icon{display:grid;place-items:center;width:34px;height:34px;flex:none;border-radius:10px;color:var(--accent);background:var(--soft)}.pc-setting-icon>.souqi-icon{width:18px;height:18px}.pc-setting-top>div{flex:1;min-width:0}.pc-setting-top h3{font-size:12px;margin:0 0 5px;font-weight:700;line-height:1.5}.pc-setting-top p{font-size:10px;line-height:1.6;margin:0;color:var(--muted);overflow-wrap:anywhere}.pc-edit{border:0;border-radius:7px;padding:5px 7px;background:var(--soft);color:var(--accent);font-size:10px;font-weight:650;cursor:pointer;white-space:nowrap;flex:none}.pc-edit:hover{box-shadow:inset 0 0 0 1px var(--accent)}.pc-editor{padding:0 15px 16px;border-top:1px solid var(--border)}.pc-note{font-size:10px;line-height:1.8;color:var(--muted);margin:12px 0}.pc-inline-form{display:flex;flex-direction:column;gap:12px;margin-top:13px}.pc-inline-form label{display:flex;flex-direction:column;gap:6px;font-size:11px;font-weight:550}.pc-inline-form input,.pc-inline-form select{width:100%;font-size:12px;min-height:37px;padding:8px 10px;border-radius:8px;background:var(--bg)}.pc-inline-form>.btn{width:100%;font-size:11px;min-height:36px;border-radius:8px;padding:8px}.pc-form-pair{display:grid;grid-template-columns:1fr 80px;gap:10px}.pc-form-pair label{min-width:0}.pc-company-methods{margin-top:17px;padding-top:14px;border-top:1px solid var(--border)}.pc-company-methods h4{font-size:11px;margin:0 0 12px;font-weight:650}.pc-company-methods .btn{width:100%;font-size:10px;min-height:33px;padding:6px}.pc-method-choices{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:13px}.pc-method-choices label{display:flex;align-items:center;flex-direction:row;gap:5px;border:1px solid var(--border);border-radius:7px;background:var(--bg);padding:6px 8px;font-size:10px}.pc-method-choices input{width:13px;height:13px;min-height:13px;margin:0}.pc-saved{display:flex;align-items:center;gap:6px;margin:12px 0;padding:9px 10px;border-radius:8px;background:color-mix(in srgb,var(--signal) 9%,var(--surface));color:var(--signal);font-size:10px}.pc-saved>.souqi-icon{width:14px;height:14px}.pc-work-metrics{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:14px}.pc-work-metrics>div{display:flex;flex-direction:column;gap:5px;padding:10px;border:1px solid var(--border);border-radius:8px;background:var(--bg)}.pc-work-metrics strong{font-size:18px;color:var(--ink)}.pc-work-metrics small{font-size:10px;color:var(--muted)}.pc-plan-history{margin-top:15px;font-size:10px}.pc-plan-history summary{cursor:pointer;color:var(--accent);padding:8px 0}.pc-plan-history>div{display:flex;align-items:center;gap:8px;justify-content:space-between;padding:9px 0;border-top:1px solid var(--border);font-size:10px}.pc-privacy-note{display:flex;gap:10px;padding:1px 5px;color:var(--muted)}.pc-privacy-note>.souqi-icon{width:15px;height:15px;flex:none;margin-top:5px;color:var(--accent)}.pc-privacy-note p{font-size:10px;line-height:1.8;margin:0}
.pc-balances{display:flex;flex-direction:column;gap:10px}.pc-currency{background:var(--surface);border:1px solid var(--border);border-radius:13px;padding:16px 18px}.pc-currency-label{display:block;font-size:10px;color:var(--muted);margin-bottom:12px}.pc-balance-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.pc-balance-grid>div{min-width:0;border-inline-start:1px solid var(--border);padding-inline-start:12px}.pc-balance-grid>div:first-child{border:0;padding:0}.pc-balance-grid small{font-size:10px;color:var(--muted);display:block;line-height:1.6;min-height:30px}.pc-balance-grid strong{font-size:22px;letter-spacing:-.5px;line-height:1.6;color:var(--ink);overflow-wrap:anywhere;display:block}.pc-balance-grid>div:first-child strong{color:var(--accent)}.pc-balance-grid em{font-size:9px;font-style:normal;font-weight:500;letter-spacing:0;margin-inline-start:4px;color:var(--muted)}.pc-modern .pc-chart{background:var(--surface);border:1px solid var(--border);border-radius:13px;padding:17px 18px}.pc-section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.pc-section-heading h3{font-size:12px;margin:0 0 4px;line-height:1.6}.pc-section-heading p{font-size:10px;margin:0;color:var(--muted)}.pc-chip{flex:none;font-size:9px;border:1px solid var(--border);padding:4px 8px;border-radius:6px;color:var(--accent);background:var(--soft)}.pc-modern .pc-chart svg{height:175px;width:100%;display:block}.pc-chart-footer{display:flex;justify-content:space-between;padding-top:8px;font-size:10px;color:var(--muted)}.pc-chart-footer b{font-size:12px;color:var(--accent)}.pc-empty{display:grid;place-items:center;min-height:140px;color:var(--muted);font-size:11px}.pc-empty>.souqi-icon{width:30px;height:30px;color:var(--accent)}.pc-empty p{font-size:11px}.pc-history{grid-column:1/-1;background:var(--surface);border:1px solid var(--border);border-radius:13px;overflow:hidden}.pc-history>.pc-section-heading{padding:16px 18px 8px;margin:0}.pc-history-scroll{overflow:auto}.pc-history table{width:100%;min-width:480px;border-collapse:collapse}.pc-history th{font-size:10px;font-weight:550;padding:11px 18px;text-align:start;background:var(--bg);color:var(--muted)}.pc-history td{font-size:11px;padding:13px 18px;text-align:start;max-width:290px;overflow-wrap:anywhere;border-bottom:1px solid var(--border)}.pc-history td:nth-child(2){font-weight:700;white-space:nowrap}.pc-history td small{font-size:9px;font-weight:500;color:var(--muted)}.pc-history tr:last-child td{border-bottom:0}.pc-history td.pc-no-history{text-align:center;padding:24px;color:var(--muted)}.pc-status{display:inline-flex;align-items:center;gap:5px;color:var(--signal);background:color-mix(in srgb,var(--signal) 8%,var(--surface));font-size:9px;padding:4px 8px;border-radius:6px;white-space:nowrap}.pc-status:before{content:'';width:5px;height:5px;border-radius:50%;background:currentColor}.pc-status.is-reversed{color:var(--muted);background:var(--bg)}
@media(max-width:760px){.payout-center.pc-modern{width:calc(100vw - 18px);max-height:93dvh;border-radius:14px}.pc-modern>.pc-header{padding:15px;gap:10px}.pc-modern .pc-header h2{font-size:16px}.pc-modern .pc-header p{font-size:10px}.pc-heading-icon{width:36px;height:36px;border-radius:10px}.pc-toolbar{padding:10px 15px;flex-wrap:wrap}.pc-toolbar>span{font-size:10px}.pc-layout{padding:14px;grid-template-columns:1fr;gap:14px}.pc-main{grid-row:1}.pc-settings{grid-row:2;display:grid;grid-template-columns:1fr 1fr;align-items:start}.pc-privacy-note{grid-column:1/-1}.pc-history{grid-row:3}.pc-balance-grid strong{font-size:23px}.pc-setting-top{padding:14px 10px;gap:7px}.pc-setting-icon{width:28px;height:28px}.pc-setting-top h3{font-size:11px}.pc-editor{padding:0 10px 13px}}
@media(max-width:480px){.pc-settings{grid-template-columns:1fr}.pc-modern .pc-header h2{font-size:14px}.pc-modern .pc-header p{display:none}.pc-balance-grid{gap:8px}.pc-balance-grid>div{padding-inline-start:8px}.pc-balance-grid strong{font-size:18px}.pc-balance-grid em{display:block}.pc-period{width:100%}.pc-period label{flex:1}.pc-period input{flex:1;width:120px}.pc-modern .pc-chart svg{height:145px}.pc-history td,.pc-history th{padding:11px 12px}}
.pc-editor>.payout-error{margin:12px 0;padding:10px;font-size:10px}

/* Readable typography and clearer priority, shared across the refined edition. */
:root{--reading-small:12px;--reading-body:14px;--reading-line:1.7}
body{font-size:var(--reading-body);line-height:var(--reading-line)}
.panel h2,.dash-card h3,.card-heading h3{font-size:16px;line-height:1.5}
.panel p.muted,.dash-card p.muted,.overview-footnote,.overview-subtitle,.chart-footnote,.sc-hint,.sc-basis,.map-country-info,.pc-note,.pc-section-heading p{font-size:12px;line-height:1.75}
.overview-numbers span,.overview-money span,.overview-ranking li,.overview-ranking b,.overview-link,.order-card-facts dt,.order-card-facts dd,.order-gallery-caption>small{font-size:12px!important;line-height:1.65}
.order-gallery-caption>strong{font-size:14px}
.order-card-top .order-open-link{font-size:12px}
.order-card-bottom .track-button{font-size:12px!important}
.workspace-sidebar .sidebar-group>summary,.workspace-sidebar .sidebar-link{font-size:13px!important}
.workspace-sidebar .sidebar-children .sidebar-link{font-size:12px!important}
.shell>main table th{font-size:12px}
.shell>main table td{font-size:13px;line-height:1.6}
.shell>main label{font-size:13px}
.sc-ranges button,.sc-types button,.sc-series button,.sc-dates label,.map-toolbar,.map-toolbar button{font-size:12px}
.sc-series button b{font-size:11px}
.sc-dates input{font-size:13px;width:130px}
.dash-hero{padding:20px 22px;gap:18px}
.dash-hero h2{font-size:25px!important;line-height:1.45}
.dash-hero .eyebrow{font-size:12px}
.hero-copy>p.muted{font-size:13px!important;max-width:65ch}
.hero-tools{display:flex;gap:8px;flex-wrap:wrap}
.dashboard-more-insights{margin:18px 0;border:1px solid var(--border);border-radius:13px;background:var(--surface);overflow:hidden}
.dashboard-more-insights>summary{padding:14px 18px;cursor:pointer;color:var(--accent);font-size:13px;font-weight:650;list-style-position:inside;background:var(--section-tint)}
.dashboard-more-insights>.dashboard-overviews{padding:16px;margin:0}
.dashboard-more-insights>.dashboard-sections{margin:0;border:0;box-shadow:none}
.dashboard-more-insights summary:focus-visible{outline:2px solid var(--accent);outline-offset:-3px}
.payout-center .pc-balance-grid small,.payout-center .pc-history th,.payout-center .pc-history td,.pc-setting-top p,.pc-setting-top h3{font-size:12px}
.pc-privacy-note p,.map-attribution{font-size:11px;line-height:1.7}
@media(max-width:600px){
.dash-hero{padding:17px}
.dash-hero h2{font-size:22px!important}
.hero-tools{width:100%;margin-top:14px}
.hero-tools .btn{flex:1;min-height:44px;justify-content:center}
.dashboard-more-insights>.dashboard-overviews{padding:12px}
.sc-date-tools{width:100%}
.sc-dates{flex-wrap:wrap}
.sc-dates label{flex:1 1 130px}
.sc-dates input{width:100%;font-size:16px}
.sc-series button{min-height:40px}
.panel p.muted,.dash-card p.muted{font-size:12px}
.order-card-management button{min-height:40px}
}
@media print{
.dashboard-more-insights{border:0}
.dashboard-more-insights>summary{display:none}
.dashboard-more-insights::details-content{content-visibility:visible;height:auto}
}
.collection-toolbar{flex-wrap:wrap;align-items:center;gap:10px}
.collection-toolbar>h2{flex:0 0 auto}
.orders-list-filter{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-inline-start:auto}
.orders-list-filter>label{display:flex;align-items:center;gap:5px;font-size:12px;font-weight:500}
.orders-list-filter input[type=date]{min-height:35px;width:132px;padding:5px 7px;font-size:12px}
.orders-list-filter .btn{min-height:35px;padding:6px 10px;font-size:12px}
.order-status-filter{position:relative;margin:0}
.order-status-filter>summary{cursor:pointer;padding:7px 10px;border:1px solid var(--border);border-radius:8px;color:var(--accent);background:var(--surface);font-size:12px;list-style:none;min-height:35px;box-sizing:border-box;display:flex;align-items:center;gap:8px}
.order-status-filter b{font-size:10px;background:var(--soft);padding:1px 6px;border-radius:5px}
.order-status-filter>div{position:absolute;top:calc(100% + 6px);inset-inline-start:0;width:220px;max-height:320px;overflow:auto;background:var(--surface);border:1px solid var(--border);padding:8px;box-shadow:0 10px 30px #0f172a20;border-radius:10px;z-index:40}
.order-status-filter label{display:flex;align-items:center;gap:8px;padding:7px;font-size:12px;cursor:pointer}
.order-status-filter input{width:16px;height:16px;accent-color:var(--accent)}
.orders-filter-count{font-size:12px;color:var(--muted);margin:5px 0 10px}
.order-edit-locked{position:relative;cursor:help!important;opacity:.75}
.order-edit-tooltip{display:none;position:absolute;top:calc(100% + 7px);inset-inline-end:0;z-index:100;width:245px;max-width:70vw;white-space:normal;text-align:start;background:var(--ink);color:var(--surface);padding:10px 12px;border-radius:9px;font-size:12px;line-height:1.7;box-shadow:0 6px 20px #0f172a25;pointer-events:none;font-weight:400}
.order-edit-locked:hover,.order-edit-locked:focus{opacity:1}
.order-edit-locked:hover>.order-edit-tooltip,.order-edit-locked:focus>.order-edit-tooltip{display:block}
@media(max-width:700px){
.orders-list-filter{width:100%;margin:0;gap:6px}
.orders-list-filter>label{flex:1 1 130px;min-width:0}
.orders-list-filter input[type=date]{width:100%;min-width:0;font-size:16px}
.orders-list-filter .btn,.order-status-filter>summary{min-height:42px}
.order-status-filter>div{width:min(240px,calc(100vw - 110px))}
.collection-toolbar>h2{font-size:16px}
}
/* Status picker and view switcher share one compact control rhythm. */
.collection-toolbar{align-items:center!important;padding-block:10px!important;min-height:58px;box-sizing:border-box}
.collection-toolbar>h2{margin:0!important}
.collection-toolbar .orders-list-filter{align-items:center!important;gap:7px}
.collection-toolbar .order-view-controls{height:38px!important;min-height:38px!important;border-radius:9px!important;padding:4px!important;box-sizing:border-box}
.collection-toolbar .order-view-controls button{height:28px!important;min-height:28px!important;border-radius:6px!important}
.orders-list-filter>label{flex-direction:row!important;align-items:center!important;gap:6px!important;white-space:nowrap;margin:0!important;font-size:11px!important}
.orders-list-filter input[type=date]{height:38px!important;min-height:38px!important;margin:0!important;border-radius:9px!important}
.orders-list-filter>.btn{height:38px;min-height:38px;border-radius:9px!important}
.order-status-filter{align-self:center}
.order-status-filter>summary{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:flex-start;gap:7px!important;height:38px!important;min-height:38px!important;white-space:nowrap;border-radius:9px!important;font-size:12px;font-weight:550;background:var(--surface);box-sizing:border-box}
.order-status-filter>summary::-webkit-details-marker{display:none}
.order-filter-symbol{width:17px;height:17px;flex:none}
.order-filter-chevron{width:12px;height:12px;flex:none;transition:transform 180ms ease}
.order-status-filter[open] .order-filter-chevron{transform:rotate(180deg)}
.order-status-filter[open]>summary{border-color:var(--accent);background:var(--soft)}
:is(#orders-list-filter,#products-stock-filter) .order-status-filter>div{display:flex;flex-direction:column;gap:2px;width:235px;max-height:340px;padding:7px;box-sizing:border-box;border-radius:11px;background:var(--surface);box-shadow:0 10px 30px #0f172a20;scrollbar-width:thin}
:is(#orders-list-filter,#products-stock-filter) .order-status-filter>div>label{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:flex-start!important;gap:9px!important;min-height:35px!important;width:100%!important;margin:0!important;padding:7px 9px!important;box-sizing:border-box;border-radius:7px;font-size:12px;line-height:1.5;text-align:start;cursor:pointer}
:is(#orders-list-filter,#products-stock-filter) .order-status-filter>div>label:hover,:is(#orders-list-filter,#products-stock-filter) .order-status-filter>div>label:has(input:checked){background:var(--soft)}
:is(#orders-list-filter,#products-stock-filter) .order-status-filter input[type=checkbox]{display:block!important;width:15px!important;height:15px!important;min-width:15px!important;min-height:15px!important;max-width:15px!important;flex:0 0 15px!important;margin:0!important;padding:0!important;box-shadow:none!important;border-radius:4px;accent-color:var(--accent)}
.order-filter-dot{display:block;width:6px;height:6px;flex:none;border-radius:50%;background:var(--accent)}
.order-filter-dot-delivered{background:#059669}
.order-filter-dot-in_transit,.order-filter-dot-shipped{background:#0284c7}
.order-filter-dot-confirmed,.order-filter-dot-ready{background:#d08a20}
.order-filter-dot-cancelled,.order-filter-dot-failed{background:#d35e67}
.order-filter-dot-returned{background:#8b69b3}
.order-filter-dot-preparing{background:#6c7d96}
@media(max-width:700px){
.collection-toolbar .orders-list-filter{gap:8px;width:100%}
.orders-list-filter>label{flex:1 1 140px}
.orders-list-filter input[type=date]{width:100%;height:42px!important;min-height:42px!important;font-size:16px}
.order-status-filter>summary,.orders-list-filter>.btn{height:42px!important;min-height:42px!important}
:is(#orders-list-filter,#products-stock-filter) .order-status-filter>div{width:min(250px,calc(100vw - 108px));max-height:50dvh}
:is(#orders-list-filter,#products-stock-filter) .order-status-filter>div>label{min-height:42px!important}
}
@media(prefers-reduced-motion:reduce){
.order-filter-chevron{transition:none}
}
.order-edit-floating-help{position:fixed;z-index:10000;max-width:min(290px,calc(100vw - 20px));box-sizing:border-box;padding:11px 14px;border-radius:10px;border:1px solid color-mix(in srgb,var(--surface) 18%,var(--ink));background:var(--ink);color:var(--surface);box-shadow:0 8px 28px #0f172a30;font-size:12px;line-height:1.75;text-align:start;white-space:normal;overflow-wrap:anywhere;pointer-events:none}
.order-edit-locked[data-floating-help=true]>.order-edit-tooltip{display:none!important}
.stock-list-filter select,.stock-list-filter input[type=search]{height:38px;min-height:38px;max-width:190px;min-width:0;font-size:12px;padding:6px 9px;border-radius:9px}
.stock-dot-available{background:#059669}
.stock-dot-low{background:#d08a20}
.stock-dot-out{background:#d35e67}
@media(max-width:700px){
.stock-list-filter select,.stock-list-filter input[type=search]{height:42px;min-height:42px;max-width:100%;width:100%;font-size:16px}
.stock-list-filter>label{flex:1 1 150px}
}
/* Refined order composer: compact sections and a persistent desktop summary. */
.order-editor{max-width:1380px;padding:24px;background:var(--surface)}
.order-editor .customer-editor-heading{padding-bottom:22px;border-bottom:1px solid var(--border);margin-bottom:22px}
.order-editor .order-entry-form{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:18px;align-items:start}
.order-editor .order-entry-form>section,.order-editor .order-entry-form>details{grid-column:1;min-width:0}
.order-editor .order-entry-section{padding:20px;border-radius:13px;background:var(--surface);box-shadow:0 3px 12px #0f172a03}
.order-editor .order-entry-heading{padding-bottom:14px;border-bottom:1px solid var(--border);margin-bottom:17px;gap:10px}
.order-editor .order-entry-heading h3{font-size:15px;font-weight:700}
.order-editor .order-entry-heading p{font-size:11px;line-height:1.7;margin-top:4px}
.order-editor .order-step{width:30px;height:30px;border-radius:9px;font-size:12px}
.order-editor .order-saved-customer{max-width:none;padding:12px;background:var(--bg);border-radius:9px;margin-bottom:16px}
.order-editor .order-entry-form label{font-size:12px;gap:6px}
.order-editor .order-entry-form input,.order-editor .order-entry-form select{min-height:42px;background:var(--surface);border-radius:8px;padding:9px 11px;width:100%;box-sizing:border-box}
.order-editor .order-entry-form input:focus,.order-editor .order-entry-form select:focus{outline:2px solid color-mix(in srgb,var(--accent) 22%,transparent);outline-offset:1px;border-color:var(--accent)}
.order-editor .order-entry-form .grid{gap:14px}
.order-editor .order-entry-form #order-items .line{display:grid;grid-template-columns:46px minmax(0,1fr) 85px 110px;gap:12px;padding:14px;margin:0 0 12px;background:var(--bg);border:1px solid var(--border);border-radius:11px}
.order-item-visual{grid-column:1;grid-row:1/3;width:46px;height:58px;background:var(--surface);border:1px solid var(--border);border-radius:9px;display:grid;place-items:center;overflow:hidden;color:var(--accent)}
.order-item-visual img{width:100%;height:100%;object-fit:contain;object-position:center}
.order-item-visual svg{width:24px;height:24px}
.order-editor #order-items .line>label:first-of-type{grid-column:2/-1}
.order-editor #order-items .line>label:nth-of-type(2){grid-column:2/-1}
.order-editor #order-items .line>.btn{grid-column:4;min-height:38px;align-self:end;justify-self:stretch}
.order-editor .order-summary{grid-column:2;grid-row:1/6;position:sticky;top:94px;padding:20px;border-radius:13px;background:var(--surface);border-top:3px solid var(--accent);box-shadow:0 6px 24px #0f172a06}
.order-summary h3{margin:0;font-size:16px}
.order-summary>p{font-size:11px;line-height:1.8;margin:7px 0 20px}
.order-cost-breakdown{margin:0 0 20px;display:grid;gap:12px}
.order-cost-breakdown>div{display:flex;justify-content:space-between;gap:10px;font-size:12px}
.order-cost-breakdown dt{color:var(--muted)}
.order-cost-breakdown dd{margin:0;font-weight:650;direction:ltr}
.order-editor .order-summary>div{max-width:none}
.order-editor .order-summary .order-form-footer{display:flex;flex-direction:column;align-items:stretch;gap:20px;margin-top:18px;padding:18px 0 0;background:transparent}
.order-editor .order-form-footer>span{display:flex;flex-direction:column;gap:5px;font-size:12px;color:var(--muted)}
.order-editor .order-summary output{font-size:27px;color:var(--ink);text-align:start}
.order-editor .order-form-footer .btn{width:100%;min-height:44px;justify-content:center}
.order-editor .advanced-form{padding:14px;border:1px solid var(--border);border-radius:11px;background:var(--surface);margin:0}
.order-editor .advanced-form>summary{font-size:12px;cursor:pointer}
.order-editor .advanced-form[open]>.grid{margin-top:18px}
@media(max-width:1150px){
.order-editor .order-entry-form{grid-template-columns:minmax(0,1fr) 240px}
.order-editor .order-entry-form #order-items .line{grid-template-columns:42px minmax(0,1fr) 75px 90px;gap:9px}
.order-editor .order-entry-section{padding:16px}
}
@media(max-width:900px){
.order-editor .order-entry-form{grid-template-columns:minmax(0,1fr)}
.order-editor .order-summary{grid-column:1;grid-row:auto;position:static}
.order-editor .order-summary .order-form-footer{flex-direction:row;align-items:center}
.order-editor .order-form-footer .btn{width:auto}
.order-editor .order-form-footer>span{flex:1}
}
@media(max-width:600px){
.order-editor{padding:16px}
.order-editor .order-entry-form #order-items .line{grid-template-columns:42px minmax(0,1fr) minmax(0,1fr)}
.order-editor #order-items .line>label:nth-of-type(3){grid-column:2}
.order-editor #order-items .line>label:nth-of-type(4){grid-column:3}
.order-editor #order-items .line>.btn{grid-column:2/-1}
.order-editor .order-summary .order-form-footer{flex-direction:column;align-items:stretch}
.order-editor .order-form-footer .btn{width:100%}
.order-editor .order-entry-form input,.order-editor .order-entry-form select{font-size:16px;min-height:44px}
}
.order-editor .order-scope{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0 0 18px;padding:0;border:0;min-width:0}
.order-scope legend{font-size:12px;font-weight:650;margin-bottom:10px}
.order-editor .order-scope>label{position:relative;display:flex;flex-direction:row;align-items:center;gap:10px;padding:14px;border:1px solid var(--border);border-radius:11px;background:var(--surface);cursor:pointer}
.order-editor .order-scope input[type=radio]{position:absolute;opacity:0;width:1px;min-height:0;height:1px;padding:0}
.order-scope>label:has(input:checked){border-color:var(--accent);background:var(--soft);box-shadow:0 0 0 1px var(--accent)}
.order-scope>label:focus-within{outline:2px solid var(--accent);outline-offset:3px}
.order-scope .souqi-icon{width:24px;height:24px;flex:none;color:var(--accent)}
.order-scope b{display:block;font-size:13px}
.order-scope small{display:block;font-size:10px;color:var(--muted);line-height:1.7;margin-top:4px}
.order-editor .order-route-grid{grid-template-columns:1fr 1fr;padding-bottom:18px;margin-bottom:18px;border-bottom:1px solid var(--border)}
.order-editor [data-international-details][hidden]{display:none!important}
.order-editor .order-contact-grid>label:nth-child(5){grid-column:1/-1}
@media(max-width:600px){
.order-editor .order-scope,.order-editor .order-route-grid{grid-template-columns:1fr}
.order-editor .order-scope>label{padding:12px}
}
.order-editor .order-route-grid[hidden],.order-editor .order-domestic-note[hidden]{display:none!important}
.order-domestic-note{padding:12px 14px;background:var(--soft);color:var(--accent);border:1px solid var(--border);border-radius:9px;font-size:12px;margin:0 0 18px;line-height:1.8}
.company-profile-fields select{width:100%;min-height:42px;padding:9px 11px;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--ink);font-family:inherit}
.country-native-select{position:absolute!important;opacity:0!important;width:1px!important;height:1px!important;min-height:0!important;padding:0!important;pointer-events:none}
.country-search{position:relative;min-width:0}
.country-search>summary{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:42px;padding:9px 11px;box-sizing:border-box;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--ink);font-size:13px;font-weight:400;list-style:none;cursor:pointer}
.country-search>summary::-webkit-details-marker{display:none}
.country-search>summary:after{content:'⌄';color:var(--muted)}
.country-search[open]>summary,.country-search>summary:focus-visible{border-color:var(--accent);outline:2px solid color-mix(in srgb,var(--accent) 20%,transparent)}
.country-search-popup{position:absolute;inset-inline:0;top:calc(100% + 6px);z-index:60;min-width:210px;padding:8px;border:1px solid var(--border);border-radius:11px;background:var(--surface);box-shadow:0 12px 35px #0f172a20}
.country-search-popup>input{width:100%;min-height:40px!important;margin:0 0 6px;font-family:inherit}
.country-search-results{max-height:230px;overflow:auto;overscroll-behavior:contain}
.country-search-results>button{display:block;width:100%;text-align:start;padding:10px;border:0;border-radius:7px;background:transparent;color:var(--ink);font-family:inherit;font-size:12px;cursor:pointer}
.country-search-results>button:hover,.country-search-results>button:focus-visible,.country-search-results>button[aria-pressed=true]{background:var(--soft);color:var(--accent)}
.country-search-results>p{font-size:12px;color:var(--muted);padding:10px}
@media(max-width:600px){
.country-search-popup>input{font-size:16px!important}
.country-search-results>button{min-height:44px}
.country-search-popup{min-width:0}
}
.country-search-field{display:flex;flex-direction:column;gap:6px;min-width:0;font-size:12px;font-weight:550}
.country-search-field>.country-search{width:100%}
.order-editor [data-domestic-options][hidden]{display:none!important}
.order-editor .order-contact-grid>label:nth-child(5){grid-column:auto}
.order-editor .order-contact-grid>label:last-child{grid-column:1/-1}
.product-editor{max-width:1200px;padding:24px}
.product-editor .customer-editor-heading{padding-bottom:20px;border-bottom:1px solid var(--border);margin-bottom:22px}
.product-editor .customer-editor-layout{grid-template-columns:230px minmax(0,1fr);gap:24px;align-items:start}
.product-editor .customer-photo-card{position:sticky;top:94px;border-style:solid;border-radius:14px;background:var(--bg);padding:24px 16px}
.product-editor .customer-avatar{width:160px;height:160px;border-radius:14px;background:var(--surface)}
.product-editor .customer-avatar img{object-fit:contain}
.product-form-section{border:1px solid var(--border);border-radius:13px;padding:20px;margin-bottom:16px;background:var(--surface)}
.product-form-section h3{display:flex;gap:9px;align-items:center;font-size:14px;margin:0 0 18px;padding-bottom:13px;border-bottom:1px solid var(--border)}
.product-form-section h3 svg{width:20px;height:20px;color:var(--accent)}
.product-editor .customer-details-grid{gap:15px}
.product-editor label{font-size:12px;gap:7px}
.product-editor input,.product-editor select,.product-editor textarea{min-height:42px;padding:10px 12px;border-radius:8px;box-sizing:border-box;background:var(--surface);width:100%}
.product-editor input:focus,.product-editor textarea:focus,.product-editor select:focus{outline:2px solid color-mix(in srgb,var(--accent) 22%,transparent);outline-offset:1px;border-color:var(--accent)}
.product-dimensions-note{font-size:11px;margin:0 0 18px}
.product-editor .customer-editor-footer{margin-top:8px;padding-top:18px}
.product-editor input[readonly]{background:var(--bg);color:var(--muted)}
@media(max-width:800px){
.product-editor .customer-editor-layout{grid-template-columns:minmax(0,1fr)}
.product-editor .customer-photo-card{position:static}
.product-editor .customer-avatar{width:130px;height:130px}
}
@media(max-width:600px){
.product-editor{padding:16px}
.product-form-section{padding:16px}
.product-editor input,.product-editor select,.product-editor textarea{font-size:16px}
.product-editor .customer-details-grid{grid-template-columns:1fr}
}
/* Compact operational heading replaces the decorative welcome banner. */
.dashboard-main:has(.dashboard-masthead)>h1,.dashboard-main:has(.dashboard-masthead)>h1+p.muted{display:none}
.dashboard-main .dash-hero.dashboard-masthead{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:0;padding:8px 0 22px;margin:0 0 20px;border:0;border-bottom:1px solid var(--border);border-radius:0;background:none;box-shadow:none;overflow:visible}
.dashboard-masthead:before,.dashboard-masthead:after{display:none!important}
.dashboard-masthead .hero-copy{min-width:0}
.dashboard-masthead .eyebrow{display:flex;align-items:center;flex-wrap:wrap;gap:9px;margin:0 0 6px;font-size:12px;font-weight:500;color:var(--muted);line-height:1.7}
.dashboard-masthead .demo-pill{font-size:9px;padding:2px 7px;line-height:1.5}
.dashboard-main .dashboard-masthead h2{font-size:27px;line-height:1.35;font-weight:750;letter-spacing:-.5px;margin:0 0 7px;color:var(--ink)}
.dashboard-masthead .hero-copy>p.muted{font-size:12px;margin:0;line-height:1.7}
.dashboard-masthead .hero-tools{display:flex;gap:8px;align-items:center;flex-wrap:wrap;flex-shrink:0}
.dashboard-masthead .hero-tools>.btn{display:flex;gap:7px;align-items:center;min-height:38px;padding:9px 13px;font-size:12px;border-radius:9px}
.dashboard-masthead .hero-tools svg{width:16px;height:16px}
.dashboard-demo-menu{position:relative}
.dashboard-demo-menu>summary{display:grid;place-items:center;cursor:pointer;list-style:none;width:38px;height:38px;box-sizing:border-box;border:1px solid var(--border);border-radius:9px;background:var(--surface);color:var(--muted)}
.dashboard-demo-menu>summary::-webkit-details-marker{display:none}
.dashboard-demo-menu>div{position:absolute;inset-inline-end:0;top:calc(100% + 7px);padding:6px;border:1px solid var(--border);border-radius:10px;background:var(--surface);box-shadow:0 10px 24px #0f172a15;z-index:30;white-space:nowrap}
.dashboard-demo-menu .btn{width:100%;border:0}
.dashboard-demo-menu>summary:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
@media(max-width:760px){
.dashboard-main .dash-hero.dashboard-masthead{align-items:flex-start;flex-direction:column;gap:16px;padding:2px 0 18px;margin-bottom:16px}
.dashboard-main .dashboard-masthead h2{font-size:24px}
.dashboard-masthead .hero-tools{width:100%;margin:0;justify-content:flex-start}
.dashboard-masthead .hero-tools>.btn{min-height:42px}
.dashboard-masthead .hero-tools>.primary{flex:1;justify-content:center}
}
/* Welcome cover uses the same theme-aware artwork as profile covers. */
.dashboard-main .dash-hero.dashboard-masthead.dashboard-welcome{position:relative;isolation:isolate;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:22px;min-height:270px;padding:32px 38px;margin:0 0 22px;box-sizing:border-box;border:1px solid color-mix(in srgb,var(--accent) 35%,transparent)!important;border-radius:19px!important;background:var(--accent)!important;overflow:visible;box-shadow:0 9px 30px color-mix(in srgb,var(--accent) 13%,transparent)}
.dashboard-welcome .welcome-cover{position:absolute;inset:0;z-index:-1;overflow:hidden;border-radius:18px;background-image:var(--souqi-bloom),linear-gradient(115deg,color-mix(in srgb,var(--accent) 65%,#12253a),var(--accent) 65%,color-mix(in srgb,var(--accent) 78%,white));background-size:100% 100%,cover;background-position:center}
.welcome-cover>img{width:100%;height:100%;object-fit:cover;object-position:center}
.welcome-cover:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#071a2a12,#071a2a75)}
[dir=ltr] .welcome-cover:after{background:linear-gradient(90deg,#071a2a75,#071a2a12)}
.dashboard-welcome .hero-copy{max-width:75%;position:relative}
.dashboard-welcome .hero-copy .eyebrow{color:#fff!important;font-size:12px!important;opacity:.9;margin-bottom:12px}
.dashboard-main .dashboard-welcome .hero-copy h2{color:#fff!important;font-size:clamp(25px,2.6vw,37px)!important;line-height:1.4!important;letter-spacing:-.5px;margin:0 0 9px!important;font-weight:700}
.dashboard-welcome .hero-copy>p.muted{color:#ffffffe0!important;font-size:13px!important}
.dashboard-welcome .demo-pill{background:#ffffff20;color:#fff;border:1px solid #ffffff30}
.dashboard-welcome .hero-tools{position:relative;gap:9px}
.dashboard-welcome .hero-tools>.primary{background:#fff!important;color:color-mix(in srgb,var(--accent) 75%,#081d2b)!important;border-color:#fff!important;box-shadow:0 3px 12px #071a2a18}
.dashboard-welcome .hero-tools>.btn:not(.primary),.dashboard-welcome .dashboard-demo-menu>summary{background:#ffffff14!important;color:white!important;border:1px solid #ffffff55!important;backdrop-filter:blur(8px)}
.dashboard-welcome .hero-tools>.btn{min-height:40px;padding:10px 16px}
.welcome-image-tools{position:absolute;top:16px;inset-inline-end:16px;display:flex;gap:6px;z-index:3}
.welcome-image-tools>button,.welcome-image-picker{position:relative;display:grid;place-items:center;width:34px;height:34px;padding:8px;box-sizing:border-box;border:1px solid #ffffff50;border-radius:9px;background:#09243535;color:white;cursor:pointer;backdrop-filter:blur(8px)}
.welcome-image-tools svg{width:17px;height:17px}
.welcome-image-picker input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}
.welcome-image-picker:focus-within,.welcome-image-tools>button:focus-visible{outline:2px solid white;outline-offset:3px}
.dashboard-welcome .dashboard-demo-menu>div{z-index:50}
@media(max-width:760px){
.dashboard-main .dash-hero.dashboard-masthead.dashboard-welcome{min-height:260px;padding:30px 24px;gap:22px}
.dashboard-welcome .hero-copy{max-width:100%;padding-top:20px}
.dashboard-welcome .hero-copy .eyebrow{font-size:11px!important}
.dashboard-welcome .hero-tools{width:auto}
.dashboard-welcome .hero-tools>.primary{flex:none}
.dashboard-welcome .hero-copy>p.muted{font-size:12px!important}
}
@media(max-width:420px){
.dashboard-main .dash-hero.dashboard-masthead.dashboard-welcome{padding:24px 18px}
.dashboard-welcome .hero-tools{width:100%}
.dashboard-welcome .hero-tools>.primary{flex:1}
.dashboard-welcome .hero-tools>.btn{padding:9px 12px;font-size:11px}
}
/* Flat shipment symbols: crisp strokes and restrained state animation. */
.shipment-digital-route{border-radius:14px!important;background:var(--surface)!important}
.shipment-digital-route .digital-map-canvas{background:var(--bg)!important;border-radius:12px!important;box-shadow:none!important}
.shipment-stage-object .flat-stage-symbol{animation:none!important;filter:none!important}
.flat-icon-wash{fill:currentColor;fill-opacity:.1;stroke:none}
.flat-stage-glyph{stroke-width:1.8}
.shipment-stage-object .flat-stage-tile{fill:var(--surface);stroke:var(--border);stroke-width:1.4}
.shipment-stage-object.is-recorded .flat-stage-tile{fill:var(--soft);stroke:color-mix(in srgb,var(--accent) 35%,var(--border))}
.shipment-stage-object.is-current .flat-stage-tile{fill:var(--soft);stroke:var(--accent);stroke-width:2.2}
.shipment-stage-object.is-current[data-symbol=transport] .flat-stage-glyph{animation:shipment-flat-drive 2.8s ease-in-out infinite;transform-box:fill-box;transform-origin:center}
.flat-truck-streak{stroke:currentColor;stroke-width:1.2;opacity:0}
.is-current[data-symbol=transport] .flat-truck-streak{animation:shipment-flat-streak 1.4s ease-in-out infinite}
.shipment-stage-object.is-current[data-symbol=processing] .flat-icon-wash{animation:shipment-flat-pack 2.6s ease-in-out infinite}
.shipment-digital-route.route-stopped .flat-stage-glyph,.shipment-digital-route.route-stopped .flat-truck-streak,.shipment-digital-route.route-stopped .flat-icon-wash{animation:none!important}
.shipment-digital-route .digital-route-heading h3{font-size:14px}
.shipment-digital-route .digital-route-heading>span{font-size:10px}
.shipment-digital-route .digital-route-stages span{font-size:10px}
.shipment-digital-route .digital-map-grid{opacity:.025}
@keyframes shipment-flat-drive{0%,100%{transform:translateX(0)}45%,65%{transform:translateX(2px)}}
@keyframes shipment-flat-streak{0%,100%{opacity:0}35%,65%{opacity:.65}}
@keyframes shipment-flat-pack{0%,100%{fill-opacity:.08}50%{fill-opacity:.24}}
@media(prefers-reduced-motion:reduce){
.shipment-digital-route .flat-stage-glyph,.shipment-digital-route .flat-truck-streak,.shipment-digital-route .flat-icon-wash{animation:none!important}
.shipment-digital-route .digital-route-moving-arrow{display:none!important}
}
.sc-series-heading{display:flex;justify-content:space-between;gap:12px;align-items:center;margin:17px 0 9px}
.sc-series-heading>span{font-size:12px;font-weight:650;color:var(--ink)}
.sc-series-heading>small{font-size:10px;color:var(--muted)}
.shipping-explorer .sc-series{display:grid;grid-template-columns:repeat(auto-fit,minmax(112px,1fr));gap:7px;padding:0;margin:0 0 16px;background:none;border:0}
.shipping-explorer .sc-series>button{display:flex;align-items:center;justify-content:flex-start;gap:7px;min-height:35px;padding:7px 9px;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--muted);font-size:11px;opacity:1;box-shadow:none}
.shipping-explorer .sc-series>button>i{width:6px;height:6px;flex:none;box-shadow:none}
.shipping-explorer .sc-series>button>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.shipping-explorer .sc-series>button>b{margin-inline-start:auto;min-width:21px;text-align:center;font-size:10px;font-variant-numeric:tabular-nums;padding:1px 4px;border-radius:4px;background:var(--bg);color:var(--ink)}
.shipping-explorer .sc-series>button[aria-pressed=true]{background:var(--soft);border-color:color-mix(in srgb,var(--accent) 55%,var(--border));color:var(--ink)}
.shipping-explorer .sc-series>button[aria-pressed=true]>b{color:var(--accent);background:var(--surface)}
.shipping-explorer .sc-series>button:hover{border-color:var(--accent)}
.shipping-explorer .sc-series>button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.dashboard-top-products{padding-top:16px;margin-top:16px;border-top:1px solid var(--border)}
.dashboard-top-products>h4{font-size:12px;font-weight:650;margin:0 0 13px}
.dashboard-top-products>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 10px}
.dashboard-top-product{display:flex;align-items:center;gap:9px;min-width:0}
.top-product-image{display:grid;place-items:center;flex:none;width:43px;height:43px;padding:3px;box-sizing:border-box;border:1px solid var(--border);border-radius:9px;background:var(--surface);overflow:hidden;color:var(--accent)}
.top-product-image img{width:100%;height:100%;object-fit:contain;object-position:center}
.top-product-image svg{width:22px;height:22px}
.dashboard-top-product>span:last-child{min-width:0}
.dashboard-top-product b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:600;line-height:1.5}
.dashboard-top-product small{display:block;color:var(--muted);font-size:10px;margin-top:3px;line-height:1.5}
@media(max-width:600px){
.shipping-explorer .sc-series{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.shipping-explorer .sc-series>button{min-height:40px;padding:7px 6px;font-size:10px;gap:4px}
.sc-series-heading>small{font-size:9px}
.dashboard-top-products>div{gap:12px}
}
@media(max-width:360px){
.shipping-explorer .sc-series{grid-template-columns:repeat(2,minmax(0,1fr))}
.dashboard-top-products>div{grid-template-columns:1fr}
}
/* Theme changes update colors in place; reserve scrollbar space to prevent lateral shifts. */
html{scrollbar-gutter:stable}
.workspace-header .theme-button{box-sizing:border-box;flex-shrink:0}
.workspace-header .theme-button>.souqi-icon{width:21px;height:21px;min-width:21px;display:block}
.workspace-header,.workspace-header .header-utilities{transition:background-color .18s,color .18s,border-color .18s}
.shipping-workspace{display:grid;gap:18px}
.shipping-page-intro{display:flex;align-items:center;gap:13px;padding:4px 0 6px}
.shipping-intro-icon{width:45px;height:45px;display:grid;place-items:center;border-radius:12px;background:var(--soft);color:var(--accent);flex:none}
.shipping-intro-icon svg{width:24px;height:24px}
.shipping-page-intro h2{margin:0;font-size:18px}
.shipping-page-intro p{margin:4px 0 0;font-size:12px;color:var(--muted)}
.shipping-provider-count{margin-inline-start:auto;padding:5px 11px;border:1px solid var(--border);border-radius:8px;font-size:13px;color:var(--accent);background:var(--surface)}
.shipping-provider-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.shipping-provider-card{padding:20px;border:1px solid var(--border);border-radius:14px;background:var(--surface);min-width:0;box-shadow:0 3px 12px #0f172a04}
.shipping-provider-heading{display:flex;align-items:center;gap:12px}
.shipping-provider-heading>img,.shipping-provider-heading>.carrier-logo{width:46px!important;height:46px!important;min-width:46px;object-fit:contain;border-radius:11px}
.shipping-provider-heading>div:last-child{min-width:0}
.shipping-provider-heading h3{font-size:14px;line-height:1.6;margin:0;overflow-wrap:anywhere}
.shipping-provider-heading span{font-size:11px;color:var(--muted)}
.shipping-provider-stats{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:20px 0;padding:15px 0;border-block:1px solid var(--border)}
.shipping-provider-stats>div{display:grid;grid-template-columns:18px 1fr;align-items:center;gap:3px 7px}
.shipping-provider-stats svg{width:16px;height:16px;color:var(--accent)}
.shipping-provider-stats b{font-size:17px;line-height:1.3}
.shipping-provider-stats span{grid-column:1/-1;font-size:10px;color:var(--muted);margin-top:4px}
.shipping-provider-actions{display:flex;gap:6px;align-items:center}
.shipping-provider-actions>.btn{min-height:35px;padding:8px 10px;font-size:11px;flex:1;white-space:nowrap;justify-content:center;border-radius:8px}
.shipping-provider-actions>.shipping-delete{flex:none;width:35px;padding:8px}
.shipping-provider-actions .souqi-icon{width:15px;height:15px}
.shipping-tool{border:1px solid var(--border);border-radius:12px;background:var(--surface);min-width:0}
.shipping-tool>summary{display:flex;align-items:center;gap:10px;min-height:54px;padding:15px 18px;box-sizing:border-box;font-size:13px;font-weight:600;cursor:pointer;list-style:none}
.shipping-tool>summary::-webkit-details-marker{display:none}
.shipping-tool>summary>.souqi-icon{width:19px;height:19px;color:var(--accent);flex:none}
.shipping-tool-chevron{margin-inline-start:auto;color:var(--muted);font-size:16px}
.shipping-tool[open]>summary{border-bottom:1px solid var(--border)}
.shipping-tool[open] .shipping-tool-chevron{transform:rotate(180deg)}
.shipping-tool-content{padding:20px}
.shipping-tool-content>p{font-size:12px;margin:0 0 16px;line-height:1.8}
.shipping-tools{display:grid;gap:10px}
.shipping-tools>h2{font-size:14px;margin:5px 0 2px}
.shipping-workspace form>.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:start}
.shipping-workspace form label{font-size:12px;gap:7px}
.shipping-workspace form input,.shipping-workspace form select{min-height:42px;width:100%;padding:9px 11px;border-radius:8px;box-sizing:border-box;font-family:inherit}
.shipping-workspace form>.btn{min-height:38px;margin-top:15px;padding:9px 17px;border-radius:8px;font-size:12px}
.shipping-weight-options{grid-column:1/-1;padding:12px 14px;border:1px solid var(--border);border-radius:9px;background:var(--bg)}
.shipping-weight-options>summary{font-size:11px;color:var(--muted);cursor:pointer}
.shipping-weight-options>.grid{margin-top:15px;grid-template-columns:1fr 1fr}
.shipping-weight-options>label{margin-top:12px}
.shipping-empty{grid-column:1/-1;text-align:center;padding:30px;border:1px dashed var(--border);border-radius:12px;color:var(--muted);font-size:13px}
@media(max-width:1150px){
.shipping-provider-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:650px){
.shipping-provider-grid{grid-template-columns:1fr}
.shipping-workspace form>.grid,.shipping-weight-options>.grid{grid-template-columns:1fr}
.shipping-tool-content{padding:16px}
.shipping-workspace form input,.shipping-workspace form select{font-size:16px;min-height:44px}
.shipping-provider-actions>.btn{min-height:40px}
.shipping-page-intro p{font-size:11px}
.shipping-tool>summary{padding:14px 16px}
}
.carrier-api-information{display:flex;align-items:flex-start;gap:13px;padding:18px 20px;margin-top:18px;border:1px solid var(--border);border-radius:12px;background:var(--surface)}
.carrier-api-information>span{display:grid;place-items:center;width:36px;height:36px;border-radius:9px;background:var(--soft);color:var(--accent);flex:none}
.carrier-api-information svg{width:20px;height:20px}
.carrier-api-information h3{font-size:13px;margin:0 0 6px}
.carrier-api-information p{font-size:12px;color:var(--muted);line-height:1.8;margin:0;max-width:80ch}
.carrier-manual-tools{display:grid;gap:12px;margin-top:18px}
.carrier-manual-section{border:1px solid var(--border);border-radius:10px;background:var(--surface)}
.carrier-manual-section>summary{padding:14px 16px;font-size:13px;font-weight:600;cursor:pointer}
.carrier-manual-section>form{padding:0 16px 16px}
.carrier-manual-section .integration-fields{grid-template-columns:repeat(2,minmax(0,1fr))}
.carrier-manual-section form>.btn{margin-top:15px}
@media(max-width:600px){
.carrier-manual-section .integration-fields{grid-template-columns:1fr}
.carrier-api-information{padding:16px}
.carrier-manual-section input,.carrier-manual-section select{font-size:16px}
}
.carrier-import-intro{font-size:12px;line-height:1.8;color:var(--muted);margin:0 0 16px}
.carrier-import-picker{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;min-height:155px;padding:24px 18px;box-sizing:border-box;border:1px dashed color-mix(in srgb,var(--accent) 50%,var(--border));border-radius:13px;background:var(--bg);text-align:center;cursor:pointer}
.carrier-import-picker>svg{width:32px;height:32px;padding:12px;box-sizing:content-box;background:var(--soft);border-radius:12px;color:var(--accent)}
.carrier-import-picker>strong{font-size:14px;color:var(--accent)}
.carrier-import-picker>span{font-size:11px;font-weight:400;line-height:1.8;color:var(--muted);direction:ltr}
.carrier-import-picker>input[type=file]{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}
.carrier-import-picker:hover{border-color:var(--accent);background:var(--soft)}
.carrier-import-picker:focus-within{outline:2px solid var(--accent);outline-offset:3px}
.carrier-import-formats{font-size:11px!important;line-height:1.8;margin:13px 0 0!important}
.reports-filter-toolbar{margin-bottom:18px;padding-bottom:15px;border-bottom:1px solid var(--border)}
.reports-filter-toolbar #report-range{display:flex;gap:9px;align-items:flex-end}
.reports-filter-toolbar #report-range>.grid{display:grid;flex:1;grid-template-columns:repeat(6,minmax(0,1fr));gap:9px;margin:0;min-width:0}
.reports-filter-toolbar label{font-size:11px;gap:6px;min-width:0}
.reports-filter-toolbar input,.reports-filter-toolbar select{width:100%;min-width:0;min-height:38px;padding:8px 9px;border-radius:8px;font-size:12px;box-sizing:border-box}
.reports-filter-toolbar #report-range>.btn{margin:0;min-height:38px;padding:9px 12px;border-radius:8px;font-size:11px;white-space:nowrap;flex:none}
.reports-filter-options{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin-top:10px}
.reports-filter-options>.btn{border:0;background:transparent;box-shadow:none;color:var(--muted);font-size:11px;min-height:30px;padding:5px 8px}
.report-saved-options{position:relative;font-size:11px}
.report-saved-options>summary{cursor:pointer;color:var(--accent);padding:6px 8px}
.report-saved-options>div{position:absolute;top:calc(100% + 5px);inset-inline-end:0;z-index:30;width:260px;max-width:80vw;padding:12px;background:var(--surface);border:1px solid var(--border);border-radius:10px;box-shadow:0 10px 25px #0f172a15}
.report-saved-options .saved-report-filters{display:grid;gap:6px;margin-top:8px}
.report-saved-options .saved-filter{display:flex;justify-content:space-between;gap:4px}
.report-saved-options .btn{font-size:11px;padding:7px 9px}
.panel:has(.reports-filter-toolbar)>h2{font-size:16px;margin-bottom:16px}
.panel:has(.reports-filter-toolbar)>.muted{font-size:11px;max-width:100ch}
.panel:has(.reports-filter-toolbar) .finance-metrics{gap:12px}
.panel:has(.reports-filter-toolbar) .finance-metrics>.stat{padding:16px;border-radius:10px}
.panel:has(.reports-filter-toolbar) .finance-metrics strong{font-size:25px}
.report-chart-card{--report-tone-0:var(--accent);--report-tone-1:#7da3cc;--report-tone-2:#07a680;--report-tone-3:#bd9349;--report-tone-4:#8e78bd;--report-tone-5:#dc6b79;--report-tone-6:#5b8a95;--report-tone-7:#a7aa64;--report-tone-8:#3b688a;--report-tone-9:#b37e50}
.report-status-types{display:flex;align-items:center;padding:3px;gap:3px;border:1px solid var(--border);border-radius:9px;background:var(--bg);flex:none}
.report-status-types>button{display:grid;place-items:center;width:32px;height:30px;padding:6px;background:transparent;border:0;border-radius:6px;color:var(--muted);cursor:pointer;font-size:10px;font-weight:600}
.report-status-types>button>svg{width:18px;height:18px}
.report-status-types>button[aria-pressed=true]{color:var(--accent);background:var(--surface);box-shadow:0 1px 4px #0f172a0a}
.report-status-types>button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.report-status-chart{width:100%;max-width:350px;margin:auto}
.report-status-chart>svg{display:block;width:100%;height:auto}
.report-flat-donut{max-width:275px;margin:auto;overflow:visible}
.report-flat-donut circle[role=button]{cursor:pointer;transition:stroke-width .15s,opacity .15s}
.report-flat-donut circle[role=button]:hover,.report-flat-donut circle[role=button]:focus-visible{stroke-width:34;outline:none}
.report-donut-count{font-size:32px;font-weight:750;fill:var(--ink)}
.report-donut-caption{font-size:12px;fill:var(--muted)}
.report-status-visual:has(.report-status-chart-donut)>.report-status-total{display:none}
.report-charts-grid>.report-chart-card:first-child .report-status-layout{grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);gap:26px;margin-top:18px}
.report-charts-grid>.report-chart-card:first-child .report-status-legend{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.report-charts-grid>.report-chart-card:first-child .report-status-legend>div{padding:9px 10px;font-size:11px;border-radius:8px;gap:7px}
.report-status-legend small{font-size:10px}
.report-status-visual>.report-status-total{box-shadow:none;margin:0 auto 18px;padding:10px 13px;max-width:270px;border-radius:10px}
.report-status-total>strong{font-size:25px}
.report-status-total>span{font-size:11px}
.report-flat-bars{display:grid;gap:9px}
.report-flat-bars>button{display:grid;grid-template-columns:100px minmax(0,1fr) 28px;gap:8px;align-items:center;width:100%;padding:2px 0;border:0;background:transparent;color:var(--ink);cursor:pointer;text-align:start;font-size:10px}
.report-flat-bars>button>i{display:block;height:9px;background:var(--bg);border-radius:4px;overflow:hidden}
.report-flat-bars i>b{display:block;height:100%;border-radius:4px}
.report-flat-bars strong{font-size:11px;text-align:end}
.report-flat-columns text{fill:var(--muted);font-size:10px}
.report-column-axis{stroke:var(--border);stroke-width:1}
.report-flat-columns rect[role=button]{cursor:pointer}
.report-flat-columns rect[role=button]:hover{opacity:.75}
@media(max-width:1150px){
.reports-filter-toolbar #report-range>.grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.report-charts-grid>.report-chart-card:first-child .report-status-layout{grid-template-columns:1fr 1fr}
.report-charts-grid>.report-chart-card:first-child .report-status-legend{grid-template-columns:1fr}
}
@media(max-width:650px){
.reports-filter-toolbar #report-range{flex-direction:column;align-items:stretch}
.reports-filter-toolbar #report-range>.grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.reports-filter-toolbar input,.reports-filter-toolbar select{font-size:16px;min-height:44px}
.reports-filter-toolbar #report-range>.btn{min-height:42px}
.report-charts-grid>.report-chart-card:first-child .report-status-layout{grid-template-columns:1fr;gap:18px}
.report-charts-grid>.report-chart-card:first-child .report-status-legend{grid-template-columns:repeat(2,minmax(0,1fr))}
.report-chart-card .card-heading:has(.report-status-types){flex-wrap:wrap;gap:12px}
.report-status-types>button{width:36px;height:34px}
.report-status-chart{max-width:330px}
}
.report-sales-card{margin-top:20px;min-width:0}
.sales-trend-tools{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;padding:4px 0 18px;border-bottom:1px solid var(--border);margin-bottom:20px}
.sales-trend-periods{display:flex;padding:3px;gap:3px;border:1px solid var(--border);border-radius:9px;background:var(--bg)}
.sales-trend-periods>button{padding:8px 13px;min-height:34px;border:0;border-radius:6px;background:transparent;color:var(--muted);font:inherit;font-size:11px;cursor:pointer}
.sales-trend-periods>button[aria-pressed=true]{color:var(--accent);background:var(--surface);box-shadow:0 1px 4px #0f172a09}
#report-sales-range{display:flex;gap:9px;align-items:end}
#report-sales-range label{font-size:10px;gap:4px}
#report-sales-range input{min-height:36px;padding:7px 9px;font-size:12px;border-radius:7px;width:148px;box-sizing:border-box}
#report-sales-range .btn{min-height:36px;border-radius:7px;padding:8px 13px;font-size:11px}
.sales-trend-summary{display:flex;gap:10px;align-items:baseline;margin-bottom:12px}
.sales-trend-summary>span{font-size:12px;font-weight:650;color:var(--accent)}
.sales-trend-summary>strong{font-size:25px;line-height:1.4}
.sales-trend-summary>small{font-size:11px;color:var(--muted)}
.sales-trend-series+.sales-trend-series{border-top:1px solid var(--border);margin-top:20px;padding-top:20px}
.sales-trend-plot{direction:ltr;width:100%;overflow:hidden}
.sales-trend-plot svg{display:block;width:100%;height:auto;min-height:190px;max-height:350px;overflow:visible}
.sales-trend-grid{stroke:var(--border);stroke-dasharray:3 5;stroke-width:1}
.sales-trend-plot text{fill:var(--muted);font-size:10px;font-family:inherit}
.sales-trend-line{fill:none;stroke:var(--accent);stroke-width:3;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}
.sales-trend-point{fill:var(--surface);stroke:var(--accent);stroke-width:2}
.sales-trend-point:hover{r:5}
.sales-trend-note,.sales-trend-empty{font-size:11px;line-height:1.8;color:var(--muted);margin:15px 0 0}
.sales-trend-empty{padding:35px 15px;text-align:center}
@media(max-width:650px){
.sales-trend-tools{align-items:stretch;flex-direction:column;gap:12px}
.sales-trend-periods>button{flex:1;min-height:40px}
#report-sales-range{display:grid;grid-template-columns:1fr 1fr auto}
#report-sales-range input{width:100%;min-width:0;font-size:16px;min-height:42px}
#report-sales-range .btn{min-height:42px}
.sales-trend-summary{flex-wrap:wrap}
.sales-trend-summary>strong{font-size:22px}
.sales-trend-summary>small{font-size:10px}
.sales-trend-plot svg{min-height:150px}
}
/* Put emphasis on report data; keep chart controls and the total quiet. */
.report-status-types{padding:3px;gap:2px;border-radius:8px}
.report-status-types>button{width:27px;height:26px;padding:5px}
.report-status-types>button>svg{width:15px;height:15px}
.report-status-data{min-width:0;align-self:center}
.report-charts-grid>.report-chart-card:first-child .report-status-legend>div{display:grid;grid-template-columns:8px minmax(0,1fr) auto auto;gap:9px;align-items:center;min-height:45px;padding:10px 12px;font-size:13px;line-height:1.6}
.report-charts-grid>.report-chart-card:first-child .report-status-legend i{width:7px;height:7px;border-radius:3px}
.report-charts-grid>.report-chart-card:first-child .report-status-legend b{font-size:17px;font-weight:700;font-variant-numeric:tabular-nums}
.report-charts-grid>.report-chart-card:first-child .report-status-legend small{width:auto;min-width:42px;font-size:12px;color:var(--muted);text-align:end}
.report-status-footer{display:flex;align-items:center;gap:7px;margin-top:13px;padding:11px 2px 0;border-top:1px solid var(--border);font-size:11px;color:var(--muted)}
.report-status-footer>svg{width:14px;height:14px;color:var(--accent)}
.report-status-footer>strong{margin-inline-start:auto;font-size:14px;font-weight:650;color:var(--ink);font-variant-numeric:tabular-nums}
.report-charts-grid>.report-chart-card:first-child .report-status-layout{grid-template-columns:minmax(0,.9fr) minmax(0,1.4fr);gap:28px}
.report-flat-columns text{font-size:12px}
.report-flat-bars>button{font-size:12px;grid-template-columns:110px minmax(0,1fr) 32px}
.report-flat-bars strong{font-size:13px}
@media(max-width:1150px){
.report-charts-grid>.report-chart-card:first-child .report-status-layout{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr)}
.report-charts-grid>.report-chart-card:first-child .report-status-legend{grid-template-columns:1fr}
}
@media(max-width:650px){
.report-charts-grid>.report-chart-card:first-child .report-status-layout{grid-template-columns:1fr;gap:18px}
.report-charts-grid>.report-chart-card:first-child .report-status-legend{grid-template-columns:1fr 1fr}
.report-charts-grid>.report-chart-card:first-child .report-status-legend>div{gap:5px;padding:9px 8px;font-size:12px}
.report-charts-grid>.report-chart-card:first-child .report-status-legend b{font-size:16px}
.report-charts-grid>.report-chart-card:first-child .report-status-legend small{font-size:11px;min-width:34px}
.report-status-types>button{width:32px;height:32px}
}
@media(max-width:400px){
.report-charts-grid>.report-chart-card:first-child .report-status-legend{grid-template-columns:1fr}
}
/* A task-oriented report center: one section at a time, shared filters and on-demand details. */
.report-center{display:grid;gap:18px;min-width:0}
.rc-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:0!important;background:none!important;border:0!important;box-shadow:none!important}
.rc-heading>div>span{font-size:11px;color:var(--muted)}
.rc-heading h2{font-size:23px;line-height:1.4;margin:5px 0 0;font-weight:700}
.rc-heading>.btn{font-size:12px;min-height:38px;padding:9px 13px;border-radius:9px}
.report-center .rc-tabs{position:static!important;display:flex!important;flex-direction:row!important;align-items:center;gap:5px;width:auto;height:auto!important;min-height:0;max-height:none!important;overflow-x:auto;overflow-y:visible;padding:5px!important;margin:0;background:var(--surface)!important;border:1px solid var(--border)!important;border-radius:11px;box-shadow:none;scrollbar-width:thin}
.rc-tabs>button{display:flex;align-items:center;justify-content:center;gap:8px;flex:1;min-height:40px;padding:10px 14px;border:0;border-radius:7px;background:transparent;color:var(--muted);font-size:12px;line-height:1.5;white-space:nowrap;cursor:pointer}
.rc-tabs>button>.souqi-icon{width:17px;height:17px;color:inherit}
.rc-tabs>button[aria-current=page]{color:var(--accent);background:var(--soft);font-weight:650}
.rc-tabs>button:hover{background:var(--bg)}
.rc-tabs>button[aria-current=page]:hover{background:var(--soft)}
.rc-filter-card,.rc-card{padding:20px;border:1px solid var(--border);border-radius:13px;background:var(--surface);min-width:0}
.rc-filter-card{padding:15px 18px}
.rc-filter-card .reports-filter-toolbar{margin:0;padding:0;border:0}
.rc-filter-card .reports-filter-options{margin-top:7px}
.rc-content{display:grid;gap:18px;min-width:0}
.rc-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.rc-metric{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:19px;border:1px solid var(--border);border-radius:12px;background:var(--surface);min-width:0}
.rc-metric>.rc-metric-icon{position:absolute;inset-inline-end:15px;top:15px;width:31px;height:31px;display:grid;place-items:center;background:var(--soft);color:var(--accent);border-radius:8px}
.rc-metric-icon svg{width:17px;height:17px}
.rc-metric>span:not(.rc-metric-icon){padding-inline-end:30px;font-size:11px;color:var(--muted);min-height:24px}
.rc-metric>strong{font-size:26px;font-weight:700;line-height:1.4;max-width:100%;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
.rc-metric strong>span{display:block;font-size:22px}
.rc-metric strong small{font-size:11px;font-weight:500;color:var(--muted)}
.rc-metric>small{font-size:10px;line-height:1.6;color:var(--muted)}
.rc-overview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:start}
.rc-card-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}
.rc-card h2,.rc-card-heading h2{font-size:14px;margin:0;font-weight:650}
.rc-card-heading p{margin:5px 0 0;font-size:11px;color:var(--muted);line-height:1.7}
.rc-content .report-sales-card{margin:0;padding:22px;border-radius:13px;box-shadow:none}
.rc-content .report-sales-card h3{font-size:15px}
.rc-content .report-sales-card .card-heading>svg{display:none}
.rc-content .sales-trend-summary>strong{font-size:23px}
.rc-content .sales-trend-plot svg{max-height:270px}
.rc-quick-status{display:grid;gap:0}
.rc-quick-status>div{display:flex;align-items:center;gap:10px;padding:15px 0;border-bottom:1px solid var(--border);font-size:12px}
.rc-quick-status svg{width:18px;height:18px;color:var(--accent)}
.rc-quick-status strong{margin-inline-start:auto;font-size:22px;font-weight:650}
.rc-text-link{display:flex;align-items:center;gap:7px;margin-top:18px;background:none;border:0;padding:0;color:var(--accent);font-family:inherit;font-size:11px;cursor:pointer}
.rc-text-link svg{width:15px;height:15px}
.rc-ranking{display:grid;gap:0}
.rc-ranking>button{display:flex;gap:12px;align-items:center;padding:13px 0;border:0;border-bottom:1px solid var(--border);width:100%;background:transparent;text-align:start;font-family:inherit;color:var(--ink);cursor:pointer}
.rc-ranking>button:first-child{padding-top:0}
.rc-ranking>button:last-child{border-bottom:0;padding-bottom:0}
.rc-ranking>button:hover .rc-rank-copy>b{color:var(--accent)}
.rc-rank-image{flex:none;display:grid;place-items:center;width:43px;height:43px;padding:4px;box-sizing:border-box;border:1px solid var(--border);border-radius:9px;background:var(--bg);overflow:hidden;color:var(--accent)}
.rc-rank-image>img{width:100%;height:100%;object-fit:contain}
.rc-rank-image>svg{width:21px;height:21px}
.rc-rank-copy{flex:1;min-width:0}
.rc-rank-copy>b{display:block;font-size:12px;font-weight:600;overflow-wrap:anywhere;line-height:1.5}
.rc-rank-copy>small{display:block;margin-top:3px;font-size:10px;color:var(--muted);line-height:1.5}
.rc-rank-copy>i{display:block;height:4px;border-radius:4px;background:var(--bg);overflow:hidden;margin-top:8px}
.rc-rank-copy em{display:block;height:100%;border-radius:4px;background:var(--accent)}
.rc-ranking>button>strong{font-size:19px;font-weight:650;min-width:40px;text-align:end}
.rc-ranking strong>small{display:block;font-size:9px;color:var(--muted);font-weight:400}
.rc-status-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 22px}
.rc-status-list>button{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px 12px;width:100%;padding:10px 0;border:0;background:transparent;text-align:start;font-family:inherit;color:var(--ink);cursor:pointer}
.rc-status-list>button>span{font-size:12px}
.rc-status-list>button>b{font-size:17px;font-weight:650}
.rc-status-list>button>i{display:block;align-self:center;height:6px;background:var(--bg);border-radius:4px;overflow:hidden}
.rc-status-list em{display:block;height:100%;background:var(--accent);border-radius:4px}
.rc-status-list small{font-size:10px;text-align:end;color:var(--muted)}
.rc-details{border:1px solid var(--border);border-radius:11px;background:var(--surface);min-width:0}
.rc-details>summary{display:flex;align-items:center;gap:9px;padding:15px 18px;font-size:12px;font-weight:600;cursor:pointer}
.rc-details>summary:after{content:'⌄';margin-inline-start:auto;color:var(--muted)}
.rc-details>summary svg{width:18px;height:18px;color:var(--accent)}
.rc-details>div{padding:0 18px 18px;overflow:auto}
.rc-details table{width:100%}
.rc-details td,.rc-details th{font-size:12px}
.rc-details .order-open-link{max-width:240px}
.rc-finance-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}
.rc-metrics-products{grid-template-columns:repeat(2,minmax(0,1fr))}
.rc-financial-lines{display:grid;gap:0}
.rc-financial-lines>div{display:flex;align-items:center;gap:20px;justify-content:space-between;padding:13px 0;border-bottom:1px solid var(--border);font-size:12px}
.rc-financial-lines>div:last-child{border:0;font-weight:700}
.rc-financial-lines strong{font-size:16px;font-variant-numeric:tabular-nums}
.rc-financial-lines small{font-size:10px;color:var(--muted);font-weight:400}
.rc-finance-scope>p,.rc-note,.rc-empty{font-size:12px;line-height:1.8;color:var(--muted);margin:0 0 15px}
.rc-finance-scope>form{display:flex;align-items:end;gap:12px}
.rc-finance-scope label{font-size:11px}
.rc-finance-scope input{min-height:40px;font-size:13px;padding:9px;border-radius:8px}
.rc-finance-scope .btn{min-height:40px;border-radius:8px;font-size:12px}
.rc-empty{padding:25px 10px;text-align:center;margin:0}
@media(max-width:1050px){
.rc-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}
.rc-finance-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}
.rc-status-list{grid-template-columns:1fr}
.rc-overview-grid{gap:14px}
}
@media(max-width:650px){
.report-center{gap:14px}
.rc-heading h2{font-size:21px}
.rc-heading>.btn{font-size:10px;padding:8px 10px}
.report-center .rc-tabs{gap:3px}
.rc-tabs>button{flex:none;min-height:40px;padding:9px 12px;gap:6px;font-size:11px}
.rc-metrics{gap:10px}
.rc-metric{padding:15px;gap:6px}
.rc-metric>strong{font-size:24px}
.rc-metric strong>span{font-size:19px}
.rc-metric>.rc-metric-icon{width:26px;height:26px;inset-inline-end:12px;top:12px}
.rc-metric-icon svg{width:15px;height:15px}
.rc-metric>span:not(.rc-metric-icon){font-size:10px;min-height:27px}
.rc-overview-grid{grid-template-columns:1fr}
.rc-card,.rc-filter-card{padding:16px}
.rc-content .report-sales-card{padding:16px}
.rc-finance-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}
.rc-finance-scope>form{display:grid;grid-template-columns:1fr 1fr}
.rc-finance-scope input{width:100%;min-width:0;font-size:16px}
.rc-finance-scope .btn{grid-column:1/-1}
.rc-details>div{padding:0 12px 12px}
}
/* Shared filter and contextual settings controls. */
.section-settings-dock{display:flex;justify-content:flex-end;align-items:center;gap:10px;margin:0 0 16px;padding-bottom:12px;border-bottom:1px solid var(--border)}
.section-settings-dock .section-settings{margin:0}
.section-settings>summary{height:38px!important;min-height:38px!important;padding:8px 12px!important;gap:8px!important;border-radius:9px!important;font-size:12px!important;box-shadow:none!important}
.section-settings>summary>.souqi-icon{width:17px;height:17px;flex:none}
.section-settings-chevron{display:grid;place-items:center;margin-inline-start:8px}
.section-settings-chevron svg{width:13px;height:13px}
.section-settings[open] .section-settings-chevron{transform:rotate(90deg)}
.section-settings[open]>.section-settings-content{position:fixed;inset-block:12px;inset-inline-end:12px;z-index:180;width:min(520px,calc(100vw - 24px));max-height:calc(100dvh - 24px);overflow-y:auto;overscroll-behavior:contain;box-sizing:border-box;margin:0;padding:24px;background:var(--surface);border:1px solid var(--border);border-radius:16px;box-shadow:0 18px 75px #0f172a30;text-align:start}
.settings-sheet-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid var(--border);padding-bottom:16px;margin-bottom:14px}
.settings-sheet-heading>h2{margin:0!important;font-size:17px!important}
.settings-sheet-close{display:grid;place-items:center;width:34px;height:34px;padding:8px;flex:none;border:1px solid var(--border);border-radius:9px;background:var(--bg);color:var(--muted);cursor:pointer}
.settings-sheet-close svg{width:17px;height:17px}
.settings-sheet-close:hover{color:var(--accent);background:var(--soft)}
.section-settings-content>.muted{font-size:11px;line-height:1.8;margin-bottom:20px}
.section-settings-content .section-settings-panel{padding:0 0 22px!important;margin:0 0 22px!important;border:0!important;border-bottom:1px solid var(--border)!important;border-radius:0!important;background:none!important;box-shadow:none!important}
.section-settings-content .section-settings-panel:last-child{border:0!important;margin-bottom:0!important}
.section-settings-content .section-settings-panel>h2{font-size:13px!important;margin:0 0 16px!important;color:var(--ink)}
.section-settings-content .grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px!important}
.section-settings-content label{min-width:0;font-size:11px;line-height:1.6;gap:7px}
.section-settings-content input,.section-settings-content select,.section-settings-content textarea{width:100%;min-width:0;border:1px solid var(--border);background:var(--bg);color:var(--ink);border-radius:9px;box-sizing:border-box;padding:10px 11px;font-size:12px;min-height:41px}
.section-settings-content .btn{height:38px;min-height:38px;padding:8px 16px;font-size:12px;border-radius:9px;margin-top:16px}
.section-settings-content .btn svg{width:16px;height:16px;flex:none}
.section-settings-content input:focus,.section-settings-content select:focus,.section-settings-content textarea:focus{outline:2px solid color-mix(in srgb,var(--accent) 24%,transparent);outline-offset:2px;border-color:var(--accent)}
main :is([data-control-toolbar],.reports-filter-toolbar,.orders-list-filter,.stock-list-filter,#finance-range,#report-finance-range,#report-sales-range){gap:10px;align-items:end}
main :is(#finance-range,#report-finance-range,#report-sales-range){display:flex;flex-wrap:wrap;padding:14px;background:var(--bg);border:1px solid var(--border);border-radius:11px;margin:0 0 16px}
main :is(#finance-range,#report-finance-range,#report-sales-range)>.grid{display:flex;flex-wrap:wrap;gap:10px;flex:1;margin:0}
main :is([data-control-toolbar],.reports-filter-toolbar,.orders-list-filter,.stock-list-filter,#finance-range,#report-finance-range,#report-sales-range) label{font-size:11px;line-height:1.6;gap:6px;min-width:0}
main :is([data-control-toolbar],.reports-filter-toolbar,.orders-list-filter,.stock-list-filter,#finance-range,#report-finance-range,#report-sales-range) :is(input:not([type=checkbox]),select){height:40px!important;min-height:40px!important;box-sizing:border-box;border-radius:9px!important;border:1px solid var(--border);background:var(--surface);padding:9px 11px;font-size:12px;color:var(--ink)}
main :is([data-control-toolbar],.reports-filter-toolbar,.orders-list-filter,.stock-list-filter,#finance-range,#report-finance-range,#report-sales-range) .btn{min-height:40px!important;height:40px;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;gap:7px;border-radius:9px!important;padding:8px 13px!important;margin-block:0;font-size:12px;white-space:nowrap}
main :is([data-control-toolbar],.reports-filter-toolbar,.orders-list-filter,.stock-list-filter,#finance-range,#report-finance-range,#report-sales-range) .btn>.souqi-icon{width:16px;height:16px;flex:none}
main :is([data-control-toolbar],.reports-filter-toolbar,.orders-list-filter,.stock-list-filter,#finance-range,#report-finance-range,#report-sales-range) :is(input,select):focus-visible{outline:2px solid color-mix(in srgb,var(--accent) 24%,transparent);outline-offset:2px;border-color:var(--accent)}
@media(max-width:650px){
.section-settings[open]>.section-settings-content{padding:20px;inset-block:8px;inset-inline-end:8px;width:calc(100vw - 16px);max-height:calc(100dvh - 16px)}
.section-settings-content .grid{grid-template-columns:1fr!important}
.section-settings-content :is(input,select,textarea),main :is([data-control-toolbar],.reports-filter-toolbar,.orders-list-filter,.stock-list-filter,#finance-range,#report-finance-range,#report-sales-range) :is(input:not([type=checkbox]),select){font-size:16px!important;min-height:44px!important}
main :is(#finance-range,#report-finance-range,#report-sales-range)>label{flex:1 1 135px}
main :is(#finance-range,#report-finance-range,#report-sales-range)>.btn{flex:1 1 100%}
}
@media print{
.section-settings-dock{display:none!important}
}
main [data-control-toolbar]{display:flex;flex-wrap:wrap;align-items:flex-end;gap:10px}
main [data-control-toolbar]>label{flex:1 1 140px;max-width:260px}
main [data-control-toolbar]>.grid{flex:1;min-width:0}
main [data-control-toolbar] input[type=checkbox]{accent-color:var(--accent)}
/* One compact report filter row, including apply and reset. */
.rc-filter-card .reports-filter-toolbar{display:block!important;margin:0;padding:0}
.rc-filter-card #report-range{display:flex!important;flex-wrap:nowrap!important;align-items:flex-end;gap:8px;width:100%;margin:0}
.rc-filter-card #report-range>.grid{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;flex:1 1 0!important;gap:8px;min-width:0;margin:0}
.rc-filter-card #report-range>.grid>label{min-width:0;max-width:none;font-size:11px}
.rc-filter-card #report-range input,.rc-filter-card #report-range select{width:100%;min-width:0;padding-inline:8px!important;font-size:12px}
.rc-filter-card #report-range>.btn{flex:0 0 auto!important;font-size:11px;padding-inline:10px!important;white-space:nowrap}
.rc-filter-card #report-range>.report-reset-inline{color:var(--muted);background:var(--surface);border:1px solid var(--border)}
@media(max-width:850px){
.rc-filter-card{overflow-x:auto}
.rc-filter-card #report-range{min-width:850px}
.rc-filter-card #report-range input,.rc-filter-card #report-range select{font-size:16px!important}
}
/* Sales period and date controls share one baseline and control height. */
.report-sales-card .sales-trend-tools{align-items:flex-end;gap:12px;padding:0 0 16px;margin-bottom:20px}
.report-sales-card .sales-trend-periods{height:40px;min-height:40px;box-sizing:border-box;display:grid;grid-template-columns:repeat(4,1fr);align-items:stretch;gap:2px;padding:3px;border-radius:9px;flex:0 0 auto}
.report-sales-card .sales-trend-periods>button{display:flex;align-items:center;justify-content:center;box-sizing:border-box;min-width:58px;height:32px;min-height:32px;margin:0;padding:6px 12px;line-height:20px;font-size:12px;border-radius:6px}
.report-sales-card #report-sales-range{display:flex;align-items:flex-end;flex-wrap:nowrap;gap:8px;background:transparent;border:0;border-radius:0;padding:0;margin:0;width:auto}
.report-sales-card #report-sales-range>label{display:flex;flex-direction:column;flex:0 0 148px;max-width:none;gap:6px;margin:0;line-height:1.5;font-size:11px}
.report-sales-card #report-sales-range input{height:40px!important;min-height:40px!important;width:148px;padding:8px 10px!important;box-sizing:border-box;line-height:22px}
.report-sales-card #report-sales-range>.btn{height:40px!important;min-height:40px!important;flex:0 0 auto;margin:0;padding:8px 14px!important;line-height:22px;font-size:12px}
@media(max-width:650px){
.report-sales-card .sales-trend-tools{align-items:stretch;gap:14px}
.report-sales-card .sales-trend-periods{height:44px;min-height:44px;width:100%}
.report-sales-card .sales-trend-periods>button{height:36px;min-height:36px;min-width:0}
.report-sales-card #report-sales-range{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;width:100%}
.report-sales-card #report-sales-range>label{min-width:0}
.report-sales-card #report-sales-range input{width:100%;height:44px!important;min-height:44px!important;font-size:16px!important}
.report-sales-card #report-sales-range>.btn{height:44px!important;min-height:44px!important;grid-column:auto}
}
/* Light, content-sized filter bars: no nested cards or stretched empty space. */
main :is(#finance-range,#report-finance-range,#report-sales-range){width:fit-content;max-width:100%;padding:0!important;margin:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;gap:10px;align-items:flex-end}
main :is(#finance-range,#report-finance-range)>label{flex:0 1 174px;max-width:174px}
main :is(#finance-range,#report-finance-range)>.grid{flex:0 1 auto;width:auto}
main :is(#finance-range,#report-finance-range)>.grid>label{width:174px;max-width:174px;flex:0 1 174px}
main :is(#finance-range,#report-finance-range) input{width:100%;min-width:0}
main :is(#finance-range,#report-finance-range)>.btn{flex:0 0 auto!important;margin:0!important}
.rc-finance-scope{padding:17px 20px!important}
.rc-finance-scope>p{font-size:11px;line-height:1.8;margin:0 0 14px;max-width:100ch}
main :is([data-control-toolbar],.reports-filter-toolbar,.orders-list-filter,.stock-list-filter) :is(input:not([type=checkbox]),select){border-color:color-mix(in srgb,var(--border) 72%,var(--surface))!important;background:var(--surface)!important;box-shadow:0 1px 2px #0f172a03;border-radius:8px!important;font-weight:400}
main :is([data-control-toolbar],.reports-filter-toolbar,.orders-list-filter,.stock-list-filter) label{color:var(--muted);font-weight:500}
main :is([data-control-toolbar],.reports-filter-toolbar,.orders-list-filter,.stock-list-filter) .btn{box-shadow:none!important;font-weight:500}
.rc-filter-card{padding:14px 16px!important;border-color:color-mix(in srgb,var(--border) 75%,var(--surface));border-radius:11px}
.rc-finance-scope #report-finance-range{margin-bottom:0!important}
@media(max-width:650px){
main :is(#finance-range,#report-finance-range){display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;width:100%;gap:8px}
main :is(#finance-range,#report-finance-range)>label{max-width:none;min-width:0}
main :is(#finance-range,#report-finance-range)>.grid{display:contents}
main :is(#finance-range,#report-finance-range)>.grid>label{width:auto;max-width:none;min-width:0}
main :is(#finance-range,#report-finance-range)>.btn{grid-column:auto;padding-inline:10px!important;font-size:11px}
.rc-finance-scope{padding:16px!important}
}
/* Editorial analytics layout with distinct overview, sales and financial stories. */
.report-center{--insight-green:#12a88b;--insight-amber:#dfaa59;--insight-blue:#5b9ac7;gap:20px}
.report-center .rc-heading{padding-block:2px!important}
.report-center .rc-heading h2{font-size:25px;letter-spacing:-.5px}
.report-center .rc-tabs{background:var(--surface)!important;padding:6px!important;border-radius:13px}
.report-center .rc-tabs>button{min-height:42px;border-radius:8px}
.report-center .rc-content{gap:20px}
.insight-intro{padding:4px 1px 0}
.insight-intro>span{font-size:10px;color:var(--accent);font-weight:650;letter-spacing:.3px}
.insight-intro>h3{font-size:25px;line-height:1.5;letter-spacing:-.4px;margin:6px 0;font-weight:700;color:var(--ink)}
.insight-intro>p{font-size:12px;line-height:1.8;color:var(--muted);margin:0}
.report-center .rc-metric{padding:20px 22px;border-radius:14px;gap:9px;background:linear-gradient(125deg,var(--surface),color-mix(in srgb,var(--soft) 32%,var(--surface)));border-color:color-mix(in srgb,var(--border) 80%,var(--surface))}
.report-center .rc-metric>strong{font-size:29px;letter-spacing:-.6px}
.report-center .rc-metric strong>span{font-size:24px}
.report-center .rc-metric>.rc-metric-icon{width:30px;height:30px;top:18px;inset-inline-end:18px;background:var(--surface);border:1px solid var(--border)}
.report-center .rc-metric:nth-child(3) .rc-metric-icon{color:var(--insight-green)}
.report-center .rc-metric:nth-child(4) .rc-metric-icon{color:var(--insight-blue)}
.insight-overview-grid,.insight-finance-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:20px;align-items:stretch}
.insight-overview-grid>.rc-card,.insight-finance-grid>.rc-card{padding:24px;border-radius:15px;display:flex;flex-direction:column;min-width:0;box-shadow:0 3px 12px #0f172a03}
.insight-overview-grid .rc-card-heading,.insight-finance-grid .rc-card-heading{margin-bottom:22px}
.insight-overview-grid h2,.insight-finance-grid h2{font-size:15px}
.insight-link{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;margin-top:auto;padding:17px 0 0;border:0;border-top:1px solid var(--border);background:none;color:var(--accent);font-family:inherit;font-size:11px;font-weight:600;cursor:pointer;text-align:start}
.insight-link>.souqi-icon{width:16px;height:16px}
.insight-link:hover{color:var(--ink)}
.overview-sales{flex:1;margin-bottom:18px}
.overview-sales-series+ .overview-sales-series{border-top:1px solid var(--border);padding-top:20px;margin-top:20px}
.overview-sales-series>div:first-child{display:flex;flex-direction:column;gap:6px}
.overview-sales-series strong{font-size:30px;letter-spacing:-.5px;line-height:1.4;font-weight:700}
.overview-sales-series strong small{font-size:11px;color:var(--muted);font-weight:500}
.overview-sales-series>div>span{font-size:10px;line-height:1.7;color:var(--muted)}
.overview-columns{height:155px;display:flex;align-items:stretch;gap:9px;padding:12px 0 25px;margin:15px 0 0;border-bottom:1px solid var(--border);background:repeating-linear-gradient(to top,transparent 0,transparent 37px,var(--border) 38px,transparent 39px)}
.overview-columns>div{flex:1;min-width:0;position:relative;display:flex;align-items:flex-end;justify-content:center}
.overview-columns i{display:block;width:100%;max-width:32px;min-height:2px;border-radius:5px 5px 2px 2px;background:color-mix(in srgb,var(--accent) 65%,var(--surface));transition:background .15s}
.overview-columns>div:last-child i{background:var(--accent)}
.overview-columns>div:hover i{background:var(--insight-green)}
.overview-columns small{position:absolute;top:calc(100% + 9px);font-size:9px;white-space:nowrap;color:var(--muted);direction:ltr}
.insight-delivery{display:flex;align-items:center;gap:24px;flex:1;margin:0 0 22px}
.insight-ring{width:175px;height:175px;position:relative;flex:0 0 175px}
.insight-ring>svg{width:100%;height:100%}
.insight-ring>div{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px}
.insight-ring strong{font-size:29px;font-weight:700;letter-spacing:-.5px}
.insight-ring small{font-size:10px;color:var(--muted)}
.ring-success{stroke:var(--insight-green)}
.ring-accent{stroke:var(--accent)}
.ring-warning{stroke:var(--insight-amber)}
.insight-ring-legend{display:grid;gap:18px;flex:1}
.insight-ring-legend>div{display:grid;grid-template-columns:7px minmax(0,1fr) auto;align-items:center;gap:9px;font-size:11px;color:var(--muted)}
.insight-ring-legend b{font-size:16px;color:var(--ink);font-weight:650}
.insight-ring-legend i,.insight-key i{width:7px;height:7px;border-radius:50%;display:inline-block;flex:none}
.dot-success{background:var(--insight-green)}
.dot-accent{background:var(--accent)}
.dot-warning{background:var(--insight-amber)}
.financial-visual{display:grid;gap:18px;margin:0 0 22px;flex:1}
.financial-bar>div{display:flex;gap:14px;align-items:baseline;justify-content:space-between;margin-bottom:8px}
.financial-bar span{font-size:11px;color:var(--muted)}
.financial-bar strong{font-size:15px;font-weight:650;font-variant-numeric:tabular-nums}
.financial-bar strong small{font-size:9px;color:var(--muted);font-weight:400}
.financial-bar>i{display:block;height:9px;border-radius:9px;background:var(--bg);overflow:hidden}
.financial-bar i>b{display:block;height:100%;border-radius:9px;background:var(--accent)}
.financial-bar.tone-1 i>b{background:var(--insight-blue)}
.financial-bar.tone-2 i>b{background:var(--insight-amber)}
.financial-bar.tone-3 i>b{background:#c58b91}
.financial-bar.tone-4 i>b{background:var(--insight-green)}
.insight-scope-note{font-size:10px;line-height:1.7;color:var(--muted);margin:0 0 14px}
.insight-overview-grid .rc-ranking{flex:1;margin-bottom:19px}
.insight-overview-grid .rc-ranking>button{padding-block:12px}
.insight-overview-grid .rc-rank-image{width:39px;height:39px}
.insight-overview-grid .rc-ranking>button>strong{font-size:18px}
.report-center .sales-specific-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}
.sales-chart-modes{display:flex;gap:3px;border:1px solid var(--border);padding:3px;border-radius:9px;background:var(--bg)}
.sales-chart-modes>button{display:grid;place-items:center;width:32px;height:32px;padding:7px;border:0;border-radius:6px;background:transparent;color:var(--muted);cursor:pointer}
.sales-chart-modes>button[aria-pressed=true]{color:var(--accent);background:var(--surface);box-shadow:0 1px 3px #0f172a08}
.sales-chart-modes svg{width:17px;height:17px}
.sales-chart-modes>button:hover{color:var(--accent)}
.sales-value-column{opacity:.85}
.sales-value-column:hover{fill:var(--insight-green);opacity:1}
.report-center .sales-trend-plot svg{max-height:330px}
.report-center .sales-trend-line{stroke-width:2.5}
.report-center .sales-trend-grid{opacity:.55}
.report-center .rc-content .report-sales-card{padding:24px;border-radius:15px}
.carrier-comparison{display:flex;gap:18px;align-items:stretch;min-height:255px;padding-top:16px}
.carrier-comparison>button{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;gap:9px;border:0;padding:0;background:none;color:var(--ink);font-family:inherit;cursor:pointer}
.carrier-column-pair{display:flex;align-items:flex-end;justify-content:center;gap:5px;width:100%;height:170px;border-bottom:1px solid var(--border);background:repeating-linear-gradient(to top,transparent 0,transparent 40px,var(--border) 41px,transparent 42px)}
.carrier-column-pair i{width:24px;max-width:35%;min-height:1px;background:var(--accent);border-radius:5px 5px 0 0;opacity:.85}
.carrier-column-pair i+i{background:var(--insight-green)}
.carrier-comparison>button>strong{font-size:19px;font-weight:650}
.carrier-comparison>button>span{font-size:10px;line-height:1.6;text-align:center;color:var(--muted);overflow-wrap:anywhere}
.insight-key{display:flex;justify-content:center;gap:19px;margin-top:12px}
.insight-key>span{display:flex;align-items:center;gap:7px;font-size:10px;color:var(--muted)}
.collection-spotlight{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:18px 0;flex:1}
.collection-spotlight>svg{width:24px;height:24px;padding:14px;border-radius:16px;box-sizing:content-box;color:var(--insight-green);background:color-mix(in srgb,var(--insight-green) 9%,var(--surface))}
.collection-spotlight>strong{font-size:34px;letter-spacing:-.7px;font-weight:700;margin-top:7px}
.collection-spotlight small{font-size:11px;color:var(--muted)}
.collection-spotlight>div{display:flex;justify-content:space-between;align-items:center;width:100%;gap:16px;padding-top:22px;margin-top:20px;border-top:1px solid var(--border);font-size:11px;color:var(--muted)}
.collection-spotlight>div>b{font-size:17px;color:var(--ink)}
.report-center[data-report-tab=products] .rc-ranking{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
.report-center[data-report-tab=products] .rc-ranking>button{flex-direction:column;align-items:stretch;padding:18px;border:1px solid var(--border);border-radius:13px;background:var(--bg);gap:12px}
.report-center[data-report-tab=products] .rc-rank-image{width:100%;height:125px;background:var(--surface);border:0;padding:12px}
.report-center[data-report-tab=products] .rc-rank-copy>b{font-size:13px}
.report-center[data-report-tab=products] .rc-ranking>button>strong{text-align:start;font-size:24px}
.report-center[data-report-tab=products] .rc-ranking strong>small{display:inline;margin-inline-start:7px;font-size:10px}
.report-center .rc-details{border-radius:12px}
.report-center .rc-details>summary{padding:17px 20px}
.report-center .rc-status-list>button{border-bottom:1px solid var(--border);padding:13px 0}
.report-center .rc-status-list>button>i{height:5px}
.report-center .rc-finance-scope{display:flex;flex-wrap:wrap;gap:16px 28px;align-items:center;justify-content:space-between}
.report-center .rc-finance-scope>p{flex:1 1 360px;margin:0;font-size:11px}
.report-center .rc-finance-scope>form{flex:0 1 auto}
.report-center .rc-finance-metrics{gap:14px}
.report-center[data-report-tab=finance] .rc-metric:first-child{border-top:3px solid var(--accent)}
.report-center[data-report-tab=finance] .rc-metric:nth-child(3){border-top:3px solid var(--insight-green)}
@media(max-width:1150px){
.insight-overview-grid,.insight-finance-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.insight-delivery{flex-direction:column;gap:15px}
.insight-ring-legend{width:100%;gap:12px}
.insight-overview-grid>.rc-card,.insight-finance-grid>.rc-card{padding:20px}
.overview-columns{gap:5px}
.overview-columns small{font-size:8px}
.overview-sales-series strong{font-size:25px}
}
@media(max-width:700px){
.insight-intro>h3{font-size:22px}
.insight-overview-grid,.insight-finance-grid{grid-template-columns:1fr}
.insight-delivery{flex-direction:row;gap:16px}
.insight-ring{width:145px;height:145px;flex-basis:145px}
.insight-ring strong{font-size:25px}
.report-center .sales-specific-metrics{grid-template-columns:1fr}
.report-center[data-report-tab=products] .rc-ranking{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.report-center[data-report-tab=products] .rc-ranking>button{padding:12px}
.report-center[data-report-tab=products] .rc-rank-image{height:100px}
.report-center .rc-content .report-sales-card{padding:17px}
.report-center .rc-metric{padding:17px}
.report-center .rc-metric>strong{font-size:26px}
.report-center .rc-finance-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}
.collection-spotlight>strong{font-size:28px}
.sales-chart-modes>button{width:34px;height:34px}
.carrier-comparison{gap:10px}
.carrier-column-pair i{width:19px}
.insight-ring-legend>div{font-size:10px}
.insight-ring-legend b{font-size:14px}
}
@media(prefers-reduced-motion:reduce){
.overview-columns i{transition:none}
}
/* Each report owns only the controls relevant to its analysis. */
.rc-filter-card .reports-filter-toolbar #report-range>.grid{grid-template-columns:repeat(var(--report-filter-count,2),minmax(0,1fr))!important}
.rc-filter-card:has([data-filter-section=overview]) #report-range{width:min(100%,570px);min-width:0}
.rc-filter-card:has([data-filter-section=overview]){padding-block:14px!important}
.rc-filter-card:has([data-filter-section=shipping]) #report-range{max-width:900px}
.rc-filter-card:has([data-filter-section=products]) #report-range{max-width:900px}
@media(max-width:850px){
.rc-filter-card .reports-filter-toolbar #report-range{min-width:700px}
.rc-filter-card:has([data-filter-section=overview]) #report-range{min-width:450px;width:100%}
.rc-filter-card:has([data-filter-section=shipping]) #report-range,.rc-filter-card:has([data-filter-section=products]) #report-range{min-width:600px}
}
/* Daily finance operations: concise totals, contextual entry and searchable registers. */
.finance-operations{display:grid;gap:20px;min-width:0}
.finance-operations>.finance-operation-summary{padding:22px!important;border-radius:15px!important}
.finance-operation-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;flex-wrap:wrap}
.finance-operation-heading>div>span{font-size:10px;font-weight:600;color:var(--accent)}
.finance-operation-heading h2{font-size:21px!important;line-height:1.5;margin:6px 0 0!important;letter-spacing:-.3px}
.finance-operation-heading #finance-range{width:auto;flex:none}
.finance-operation-heading #finance-range label{width:148px!important;flex:none!important}
.finance-operation-heading #finance-range>.grid{gap:8px}
.finance-operation-heading #finance-range .btn{min-height:40px;margin:0}
.finance-scope-hint{font-size:10px;line-height:1.8;color:var(--muted);margin:17px 0 20px}
.finance-operation-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.finance-op-stat{background:var(--bg);border:1px solid var(--border);border-radius:12px;padding:18px;display:flex;flex-direction:column;gap:18px;min-width:0}
.finance-op-stat>span{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:11px;line-height:1.6}
.finance-op-stat svg{width:17px;height:17px;color:var(--accent);flex:none}
.finance-op-stat:first-child svg{color:#12a88b}
.finance-op-stat>strong{font-size:26px;font-weight:700;letter-spacing:-.4px;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
.finance-op-stat small{font-size:10px;color:var(--muted);font-weight:400;letter-spacing:0}
.finance-accounting-details{margin-top:18px}
.finance-accounting-details>summary{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--accent);cursor:pointer;padding:8px 0;list-style:none}
.finance-accounting-details svg{width:16px;height:16px}
.finance-accounting-details>summary:after{content:'⌄';margin-inline-start:auto}
.finance-accounting-details .finance-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:14px}
.finance-accounting-details .stat{padding:16px;border:1px solid var(--border);border-radius:9px}
.finance-accounting-details .stat strong{font-size:21px}
.finance-accounting-details>.muted{font-size:10px;line-height:1.8}
.finance-entry-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:start}
.finance-operation-editor{background:var(--surface);border:1px solid var(--border);border-radius:13px;min-width:0}
.finance-operation-editor>summary{display:flex;gap:11px;align-items:center;padding:18px;list-style:none;cursor:pointer;font-size:13px;font-weight:600;color:var(--ink)}
.finance-operation-editor>summary>.souqi-icon{width:19px;height:19px;color:var(--accent);flex:none}
.finance-operation-editor>summary>i{display:grid;place-items:center;width:27px;height:27px;margin-inline-start:auto;background:var(--soft);border-radius:7px;color:var(--accent)}
.finance-operation-editor summary i svg{width:15px;height:15px}
.finance-operation-editor[open] summary i{transform:rotate(45deg)}
.finance-operation-editor>div{padding:0 18px 18px}
.finance-operation-editor .panel{padding:0!important;border:0!important;box-shadow:none!important;background:none!important;margin:0!important}
.finance-operation-editor .panel>h2{display:none}
.finance-operation-editor .grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.finance-operation-editor label{min-width:0;font-size:11px;gap:7px}
.finance-operation-editor input,.finance-operation-editor select,.finance-operation-editor textarea{width:100%;min-width:0;box-sizing:border-box;min-height:40px;padding:9px 11px;border-radius:8px;font-size:12px;background:var(--bg)}
.finance-operation-editor textarea{min-height:70px}
.finance-operation-editor form>.btn{margin-top:14px;min-height:40px;padding:9px 18px}
.finance-records{display:grid;gap:20px;min-width:0}
.finance-records>.panel{border-radius:14px!important;min-width:0;padding:22px!important}
.finance-records>.panel>h2{font-size:15px;margin-bottom:17px}
.finance-record-filters{display:flex;align-items:flex-end;gap:9px;flex-wrap:wrap;padding-bottom:17px;margin-bottom:16px;border-bottom:1px solid var(--border)}
.finance-record-filters>label{flex:1 1 120px!important;max-width:185px!important;min-width:0;font-size:11px}
.finance-record-filters>.finance-search{flex:2 1 220px!important;max-width:none!important}
.finance-record-filters :is(input,select){width:100%;min-width:0;font-size:12px}
.finance-record-filters>.btn{flex:none;min-height:40px;font-size:11px}
.finance-records .table-wrap{border:1px solid var(--border);border-radius:10px;overflow:auto;max-height:440px}
.finance-records table{width:100%;border-collapse:collapse}
.finance-records th{background:var(--bg);position:sticky;top:0;z-index:1;font-size:10px;font-weight:600;padding:12px}
.finance-records td{padding:13px 12px;font-size:12px;vertical-align:middle;border-bottom:1px solid var(--border)}
.finance-records .btn{font-size:10px;min-height:29px;padding:5px 9px}
.finance-settlement-section{margin-top:20px;border:1px solid var(--border);border-radius:13px;background:var(--surface)}
.finance-settlement-section>summary{display:flex;align-items:center;gap:9px;padding:18px 20px;cursor:pointer;font-size:13px;list-style:none}
.finance-settlement-section>summary>svg{width:18px;height:18px;color:var(--accent)}
.finance-settlement-section>summary:after{content:'⌄';margin-inline-start:auto;color:var(--muted)}
.finance-settlement-section>div{padding:0 20px 20px}
.finance-settlement-section .panel{border:0!important;margin:0!important;padding:0!important;box-shadow:none!important}
.finance-settlement-section .panel>h2{display:none}
.finance-operations .section-settings-dock{margin-bottom:15px}
.finance-operation-editor[open]>summary{border-bottom:1px solid var(--border);margin-bottom:18px}
@media(max-width:1050px){
.finance-operation-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}
.finance-entry-actions{grid-template-columns:1fr}
.finance-operation-heading{align-items:start}
.finance-operation-heading #finance-range{flex-wrap:wrap}
.finance-record-filters>label{max-width:none!important}
}
@media(max-width:650px){
.finance-operations>.finance-operation-summary,.finance-records>.panel{padding:16px!important}
.finance-operation-heading{display:block}
.finance-operation-heading #finance-range{margin-top:16px!important;width:100%}
.finance-operation-heading #finance-range label{width:auto!important}
.finance-operation-heading #finance-range>.grid{display:contents}
.finance-operation-metrics{gap:9px}
.finance-op-stat{padding:14px;gap:13px}
.finance-op-stat>strong{font-size:23px}
.finance-op-stat>span{font-size:10px}
.finance-accounting-details .finance-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}
.finance-operation-editor .grid{grid-template-columns:1fr}
.finance-operation-editor :is(input,select,textarea){font-size:16px;min-height:44px}
.finance-record-filters>.finance-search{flex-basis:100%!important}
.finance-record-filters>label{flex-basis:110px!important}
.finance-record-filters>.btn{flex:1 1 auto}
.finance-records td{white-space:nowrap}
.finance-operation-heading h2{font-size:19px!important}
}
/* High-contrast unread marker, consistent across sidebar palettes. */
.workspace-sidebar .sidebar-unread-dot{display:inline-block;width:10px!important;height:10px!important;min-width:10px;flex:0 0 10px;border:2px solid #fff;border-radius:50%;box-sizing:border-box;background:#ff203b!important;opacity:1!important;box-shadow:0 0 0 3px #ff203b30,0 1px 4px #0002;margin-inline:3px;vertical-align:middle}
/* Subtle square unread marker matching message badge geometry. */
.workspace-sidebar .sidebar-unread-dot{width:12px!important;height:12px!important;min-width:12px;flex:0 0 12px;border:0!important;border-radius:4px!important;background:#dc6473!important;box-shadow:none!important;margin-inline:2px}
.workspace-sidebar .sidebar-group-count{background:#bd5264!important;color:#fff!important;opacity:1;box-shadow:none;border:0;flex:none}
.workspace-sidebar .sidebar-unread-dot{width:6px!important;height:6px!important;min-width:6px;flex:0 0 6px;border:0!important;border-radius:50%!important;background:#e26879!important;box-shadow:none!important;margin-inline:0;opacity:1!important}
.workspace-sidebar .sidebar-link:is([data-page="messages"],[data-page="notifications"])>.sidebar-count{background:#c9475f!important;color:#fff!important;opacity:1;border:0;box-shadow:none}
.workspace-sidebar .sidebar-link[data-page="tasks"]>.sidebar-count{background:#c9475f!important;color:#fff!important;opacity:1;border:0;box-shadow:none}
/* Slightly wider expanded desktop navigation, with matching workspace offsets. */
@media(min-width:1100px){
#app:not([data-sidebar-collapsed=true])>.shell{grid-template-columns:236px minmax(0,1fr)}
#app:not([data-sidebar-collapsed=true])>.shell>.workspace-sidebar{width:236px;box-sizing:border-box;padding-inline:11px}
#app:not([data-sidebar-collapsed=true])>.workspace-header,#app:not([data-sidebar-collapsed=true])>.notice,body:has(#app:not([data-sidebar-collapsed=true]))>.portable-toolbar{margin-inline-start:236px}
#app:not([data-sidebar-collapsed=true]) .workspace-sidebar .sidebar-link,#app:not([data-sidebar-collapsed=true]) .workspace-sidebar .sidebar-group>summary{padding-inline:14px;gap:11px}
}
.header-language-symbol{display:block;width:20px;height:20px;flex:0 0 20px;color:var(--accent)}
.header-language-trigger>.header-language-symbol{margin-inline:2px}
.demo-auth-language .header-language-symbol,.demo-auth-language-menu .header-language-symbol{width:20px;height:20px}
.section-settings-dock.collection-settings-dock{justify-content:space-between;gap:12px;margin-bottom:12px;padding-bottom:12px}
.collection-display-slot{display:flex;align-items:center}
.collection-settings-dock .order-view-controls{margin:0}
.collection-toolbar.collection-filter-only{justify-content:flex-start;background:transparent;padding:0 0 12px;border:0;min-height:0}
.collection-filter-only .orders-list-filter{margin:0}
/* Buyer-facing settings lists: named items instead of code or comma-separated editors. */
.settings-list-editor{grid-column:1/-1;min-width:0;padding:16px;margin:0;border:1px solid var(--border);border-radius:11px;background:var(--bg)}
.settings-list-editor>legend{padding-inline:5px;font-size:12px;font-weight:600;color:var(--ink)}
.settings-list-editor>p{font-size:10px;line-height:1.7;color:var(--muted);margin:0 0 12px}
.settings-list-items{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:12px}
.settings-list-items>span{display:flex;align-items:center;gap:6px;max-width:100%;padding:5px 7px 5px 10px;background:var(--surface);border:1px solid var(--border);border-radius:7px}
.settings-list-items b{font-size:11px;font-weight:500;overflow-wrap:anywhere}
.settings-list-items button{display:grid;place-items:center;width:22px;height:22px;border:0;border-radius:5px;padding:4px;background:transparent;color:var(--muted);cursor:pointer}
.settings-list-items button:hover{background:var(--soft);color:#c9475f}
.settings-list-items svg{width:13px;height:13px}
.settings-list-add{display:flex;gap:8px}
.section-settings-content .settings-list-add input{flex:1;min-width:0;background:var(--surface)}
.section-settings-content .settings-list-add>.btn{margin:0;flex:none;height:41px;min-height:41px;padding:8px 12px}
.settings-list-add button>svg{width:15px;height:15px}
/* Team payroll: aligned tools, payout method cards and member identity. */
.payroll-team-panel .payroll-team-toolbar{display:flex;align-items:flex-end;justify-content:space-between;gap:22px;flex-wrap:wrap;margin-bottom:20px}
.payroll-team-toolbar>div>span{font-size:10px;color:var(--accent);font-weight:600}
.payroll-team-toolbar h2{font-size:20px!important;line-height:1.5;margin:6px 0 0!important}
.payroll-toolbar-actions{display:flex;align-items:flex-end;gap:10px;flex-wrap:wrap}
.payroll-team-panel .payroll-period{display:flex;gap:8px;align-items:flex-end;margin:0!important;padding:0;background:none;border:0}
.payroll-period label{font-size:11px;gap:6px}
.payroll-team-panel .payroll-period input{height:40px;min-height:40px;box-sizing:border-box;width:155px;padding:9px 11px;border-radius:9px;font-size:12px}
.payroll-team-panel .payroll-period>.btn,.payroll-company-settings>summary{min-height:40px;height:40px;box-sizing:border-box;border-radius:9px;display:flex;align-items:center;justify-content:center;gap:8px;padding:9px 12px;font-size:12px;line-height:20px;white-space:nowrap;margin:0}
.payroll-team-panel .payroll-period>.btn>svg,.payroll-company-settings>summary>svg{width:17px;height:17px;flex:none}
.payroll-company-settings{position:relative;margin:0!important;border:0!important}
.payroll-company-settings>summary{list-style:none;cursor:pointer;border:1px solid var(--border);background:var(--surface);color:var(--accent)}
.payroll-company-settings>summary::-webkit-details-marker{display:none}
.payroll-company-settings[open]>summary{background:var(--soft);border-color:var(--accent)}
.payroll-company-settings>div{position:absolute;top:calc(100% + 10px);inset-inline-end:0;z-index:50;width:min(460px,calc(100vw - 50px));max-height:65dvh;overflow:auto;box-sizing:border-box;padding:20px;background:var(--surface);border:1px solid var(--border);border-radius:14px;box-shadow:0 12px 40px #0f172a20}
.payroll-method-editor>p{font-size:11px;line-height:1.8;color:var(--muted);margin:0 0 15px}
.payroll-method-options{display:grid;gap:9px;margin-bottom:18px}
.payroll-method-options>label{display:flex!important;flex-direction:row!important;align-items:center;gap:10px!important;padding:12px;border:1px solid var(--border);border-radius:10px;background:var(--bg);cursor:pointer;position:relative}
.payroll-method-options input[type=checkbox]{width:16px!important;height:16px!important;min-height:16px!important;flex:0 0 16px!important;margin:0!important;padding:0!important;accent-color:var(--accent)}
.payroll-method-symbol{display:grid;place-items:center;width:30px;height:30px;background:var(--surface);border:1px solid var(--border);border-radius:8px;color:var(--accent);flex:none}
.payroll-method-symbol svg{width:17px;height:17px}
.payroll-method-options b{font-size:12px;font-weight:500;overflow-wrap:anywhere}
.payroll-method-check{display:none;margin-inline-start:auto;color:var(--accent)}
.payroll-method-check svg{width:17px;height:17px}
.payroll-method-options>label:has(input:checked){border-color:color-mix(in srgb,var(--accent) 50%,var(--border));background:var(--soft)}
.payroll-method-options input:checked~.payroll-method-check{display:block}
.payroll-add-method{font-size:11px;display:flex;flex-direction:column;gap:8px}
.payroll-add-method>span{display:flex;align-items:center;gap:8px}
.payroll-add-method input{min-width:0;flex:1;width:100%;height:40px;box-sizing:border-box;font-size:12px;border-radius:8px;padding:9px 10px}
.payroll-add-method .btn{flex:none;min-height:40px;padding:8px 10px;font-size:11px;margin:0;display:flex;align-items:center;gap:6px;border-radius:8px}
.payroll-add-method svg{width:15px;height:15px}
.payroll-method-editor>.btn{display:flex;align-items:center;justify-content:center;gap:7px;min-height:40px;width:100%;font-size:12px;border-radius:8px;margin-top:12px}
.payroll-method-editor>.btn svg{width:16px;height:16px}
.payroll-method-editor>.payroll-method-note{font-size:10px;margin-top:13px;line-height:1.8}
.payroll-team-summary{display:flex;align-items:center;gap:20px;flex-wrap:wrap;padding:14px 0;margin-bottom:20px;border-block:1px solid var(--border)}
.payroll-team-summary>span{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--muted)}
.payroll-team-summary svg{width:16px;height:16px;color:var(--accent)}
.payroll-team-summary b{font-size:17px;color:var(--ink);font-weight:650}
.payroll-team-summary>span:last-child{margin-inline-start:auto;font-size:10px}
.payroll-team-panel .payroll-team{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.payroll-team-panel .payroll-member-card{padding:20px;border:1px solid var(--border);border-radius:13px;background:var(--surface);min-width:0;display:flex;flex-direction:column;gap:18px}
.payroll-member-heading{display:flex;align-items:center;gap:11px}
.payroll-member-heading>.user-avatar{width:45px;height:45px;flex:0 0 45px;border-radius:13px;overflow:hidden;background:var(--soft);display:grid;place-items:center;color:var(--accent)}
.payroll-member-heading .user-avatar img{width:100%;height:100%;object-fit:cover}
.payroll-member-heading .user-initials{font-size:15px;font-weight:650}
.payroll-member-heading>div{min-width:0}
.payroll-member-heading h3{font-size:13px!important;line-height:1.5;margin:0 0 4px!important;overflow-wrap:anywhere}
.payroll-member-heading>div>span{font-size:10px;color:var(--muted)}
.payroll-member-attendance{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:12px 0;border-block:1px solid var(--border)}
.payroll-member-attendance>span{display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-size:9px;line-height:1.6;color:var(--muted)}
.payroll-member-attendance svg{width:14px;height:14px;color:var(--accent)}
.payroll-member-attendance b{font-size:16px;color:var(--ink);font-weight:600}
.payroll-member-income{display:flex;flex-direction:column;gap:7px}
.payroll-member-income>small{font-size:10px;color:var(--muted)}
.payroll-member-income>strong{font-size:26px;font-weight:700;letter-spacing:-.5px;color:var(--accent);font-variant-numeric:tabular-nums}
.payroll-member-income strong small{font-size:10px;color:var(--muted);font-weight:500;letter-spacing:0}
.payroll-member-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto}
.payroll-member-footer>span{font-size:9px;color:var(--muted)}
.payroll-member-footer>.btn{display:flex;gap:6px;align-items:center;min-height:32px;font-size:10px;padding:6px 9px;border-radius:8px}
.payroll-member-footer .btn svg{width:14px;height:14px}
.payroll-page-note{font-size:10px;line-height:1.8;color:var(--muted);margin:18px 0 0}
.payroll-company-settings summary:focus-visible,.payroll-method-editor button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
@media(max-width:1150px){
.payroll-team-panel .payroll-team{grid-template-columns:repeat(2,minmax(0,1fr))}
.payroll-toolbar-actions{width:100%;justify-content:space-between}
.payroll-team-summary>span:last-child{margin-inline-start:0;width:100%}
}
@media(max-width:650px){
.payroll-team-panel .payroll-team{grid-template-columns:1fr}
.payroll-team-toolbar h2{font-size:18px!important}
.payroll-toolbar-actions{gap:12px}
.payroll-company-settings{width:100%}
.payroll-company-settings>summary{justify-content:flex-start}
.payroll-company-settings>div{width:100%;max-height:none;position:static;margin-top:10px;box-shadow:none;padding:15px}
.payroll-team-panel .payroll-period{width:100%}
.payroll-team-panel .payroll-period>label{flex:1}
.payroll-team-panel .payroll-period input{width:100%;min-height:44px;height:44px;font-size:16px}
.payroll-team-panel .payroll-period>.btn{height:44px;min-height:44px}
.payroll-add-method input{font-size:16px}
.payroll-member-card{padding:18px!important}
}
/* Customer cards already show the avatar in their media area; keep identity text clear. */
.collection-card .customer-list-name{display:block;min-width:0;width:100%;max-width:100%;line-height:1.65}
.collection-card .customer-list-name>svg,.collection-card .customer-list-name>img{display:none!important}
.collection-card .customer-list-name>span{display:block;min-width:0;max-width:100%;overflow-wrap:anywhere;unicode-bidi:plaintext}
.collection-card .customer-list-name small{display:block;max-width:100%;margin-top:4px;overflow-wrap:anywhere;word-break:normal;font-size:11px;line-height:1.6;direction:ltr;text-align:start}
.collection-card .collection-field>dd{min-width:0;overflow-wrap:anywhere}
.company-payout-settings{max-width:860px;padding:25px!important;border-radius:15px!important}
.company-payout-heading{display:flex;align-items:center;gap:13px;padding-bottom:18px;margin-bottom:18px;border-bottom:1px solid var(--border)}
.company-payout-heading>svg{width:24px;height:24px;padding:12px;background:var(--soft);color:var(--accent);border-radius:12px;box-sizing:content-box;flex:none}
.company-payout-heading h2{font-size:18px!important;margin:0 0 5px!important}
.company-payout-heading p{font-size:12px;color:var(--muted);margin:0}
.company-payout-intro{font-size:12px;color:var(--muted);line-height:1.9;margin:0 0 20px}
.company-payout-settings .payroll-method-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.company-payout-settings .payroll-method-options>label{padding:15px}
.company-payout-settings .payroll-add-method{max-width:520px;margin-top:22px}
.company-payout-settings .payroll-method-editor>.btn{width:auto;padding-inline:22px}
.payroll-toolbar-actions>.payroll-company-settings-link{display:flex;align-items:center;justify-content:center;gap:8px;height:40px;min-height:40px;margin:0;padding:9px 12px;border-radius:9px;font-size:12px}
.payroll-company-settings-link>svg{width:17px;height:17px;flex:none}
@media(max-width:650px){
.company-payout-settings{padding:17px!important}
.company-payout-settings .payroll-method-options{grid-template-columns:1fr}
.company-payout-settings .payroll-add-method>span{flex-wrap:wrap}
.company-payout-settings .payroll-add-method input{flex-basis:100%}
.company-payout-settings .payroll-method-editor>.btn{width:100%}
.payroll-toolbar-actions>.payroll-company-settings-link{width:100%}
}
.payroll-record-payment{display:flex;align-items:center;gap:7px;min-height:40px;height:40px;margin:0;padding:9px 13px;font-size:12px;border-radius:9px;box-sizing:border-box}
.payroll-record-payment svg{width:17px;height:17px}
.payroll-payment-status{display:none}
.payroll-payment-dialog{width:min(510px,calc(100vw - 28px));max-height:90dvh;overflow:auto;padding:24px;box-sizing:border-box;border:1px solid var(--border);border-radius:17px;background:var(--surface);color:var(--ink);box-shadow:0 24px 80px #0f172a30}
.payroll-payment-dialog::backdrop{background:#0f172a65;backdrop-filter:blur(3px)}
.payroll-payment-heading{display:flex;align-items:center;gap:11px;margin-bottom:22px;padding-bottom:17px;border-bottom:1px solid var(--border)}
.payroll-payment-heading>svg{width:22px;height:22px;padding:10px;background:var(--soft);color:var(--accent);border-radius:10px;box-sizing:content-box;flex:none}
.payroll-payment-heading h2{font-size:17px;margin:0 0 5px;line-height:1.5}
.payroll-payment-heading p{font-size:11px;color:var(--muted);margin:0}
.payroll-payment-heading>.btn{margin-inline-start:auto;display:grid;place-items:center;width:33px;height:33px;padding:7px;border-radius:8px}
.payroll-payment-heading>.btn svg{width:17px;height:17px}
.payroll-payment-dialog form{display:grid;gap:16px}
.payroll-payment-dialog label{display:flex;flex-direction:column;gap:7px;font-size:12px;min-width:0}
.payroll-payment-dialog input,.payroll-payment-dialog select{width:100%;min-width:0;min-height:42px;font-size:13px;padding:10px 11px;box-sizing:border-box;border-radius:9px;background:var(--bg);border:1px solid var(--border);color:var(--ink)}
.payroll-payment-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.payroll-payment-note{font-size:11px;line-height:1.8;color:var(--muted);padding:12px;border-radius:9px;background:var(--bg);margin:0}
.payroll-payment-actions{display:flex;justify-content:flex-end;gap:9px;padding-top:4px}
.payroll-payment-actions .btn{display:flex;align-items:center;justify-content:center;gap:7px;min-height:40px;border-radius:9px;font-size:12px;padding:9px 16px}
.payroll-payment-actions svg{width:16px;height:16px}
@media(max-width:600px){
.payroll-payment-dialog{padding:18px}
.payroll-payment-dialog input,.payroll-payment-dialog select{font-size:16px;min-height:44px}
.payroll-payment-pair{grid-template-columns:1fr}
.payroll-payment-actions>.btn{flex:1}
}
.team-payments-center{display:grid;gap:20px}
.team-payments-center .payroll-team-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}
.team-payments-center .payroll-team-toolbar h2{margin:0;font-size:21px}
.team-payments-center .muted{font-size:12px}
.team-payment-alert{display:flex;gap:13px;padding:17px;border:1px solid color-mix(in srgb,var(--accent) 30%,var(--border));background:var(--soft);border-radius:12px}
.team-payment-alert>svg{width:22px;height:22px;color:var(--accent);flex:none}
.team-payment-alert strong{font-size:14px}
.team-payment-alert p{font-size:11px;line-height:1.8;color:var(--muted);margin:7px 0 0}
.team-payment-register{display:grid;gap:12px}
.team-payment-row{display:flex;align-items:center;gap:20px;padding:20px;border:1px solid var(--border);border-radius:13px;background:var(--surface);flex-wrap:wrap}
.team-payment-row>.payroll-member-heading{flex:1 1 200px}
.team-payment-amounts{flex:2 1 400px}
.team-payment-amounts>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.team-payment-amounts span{font-size:10px;color:var(--muted)}
.team-payment-amounts b{display:block;margin-top:6px;font-size:20px;color:var(--ink);font-weight:650}
.team-payment-amounts span:last-child b{color:var(--accent)}
.team-payment-amounts small{font-size:10px;font-weight:400}
.team-payment-row>.btn{display:flex;gap:7px;align-items:center;padding:10px 13px;font-size:12px;border-radius:9px}
.team-payment-row>.btn svg{width:16px;height:16px}
.company-bank-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-block:20px}
.company-bank-list article{padding:18px;border:1px solid var(--border);border-radius:12px;background:var(--bg);overflow-wrap:anywhere}
.company-bank-list strong{font-size:14px}
.company-bank-list p{font-size:12px;line-height:1.7;color:var(--muted)}
.company-bank-list .btn{font-size:11px}
#company-bank-form .grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
#company-bank-form label{font-size:12px}
#company-bank-form input{width:100%;box-sizing:border-box;min-width:0}
#company-bank-form>.btn{margin-top:15px}
@media(max-width:650px){
.company-bank-list,#company-bank-form .grid{grid-template-columns:1fr}
.team-payment-row{padding:16px;gap:18px}
.team-payment-amounts{flex-basis:100%}
.team-payment-amounts b{font-size:17px}
.team-payment-row>.btn{width:100%;justify-content:center}
}
.workspace-sidebar .sidebar-link[data-page="team-payments"]>.sidebar-count{background:#c9475f!important;color:#fff!important}
/* Keep floating chat outside the payment action column. */
.shell>main:has(.team-payments-center){padding-inline-end:78px}
.team-payments-center .payroll-team-toolbar{align-items:flex-end;padding:0 0 18px;border-bottom:1px solid var(--border)}
.team-payments-center .payroll-team-toolbar>div{flex:1;min-width:0}
.team-payments-center .payroll-team-toolbar h2{font-size:19px;line-height:1.5}
.team-payments-center .payroll-team-toolbar .muted{font-size:11px;line-height:1.8;margin:7px 0 0}
.team-payments-center #payroll-period{display:flex;align-items:flex-end;gap:8px;margin:0;padding:0;flex:none}
.team-payments-center #payroll-period label{display:flex;flex-direction:column;gap:6px;min-width:0;margin:0;font-size:11px;line-height:1.5}
.team-payments-center #payroll-period input{height:40px;min-height:40px;width:168px;box-sizing:border-box;padding:8px 11px;border-radius:9px;font-size:12px;margin:0}
.team-payments-center #payroll-period>.btn{height:40px;min-height:40px;box-sizing:border-box;margin:0;padding:8px 13px;border-radius:9px;display:flex;align-items:center;justify-content:center;gap:7px;font-size:12px;line-height:22px}
.team-payments-center #payroll-period>.btn svg{width:16px;height:16px;flex:none}
.team-payment-alert{align-items:center;gap:15px;padding:20px;border-radius:13px}
.team-payment-alert>div:not(.team-payment-total){flex:1;min-width:0}
.team-payment-alert>.team-payment-total{flex:0 0 auto;display:flex;flex-direction:column;gap:6px;margin-inline-start:auto;padding-inline-start:24px;border-inline-start:1px solid color-mix(in srgb,var(--accent) 20%,var(--border));min-width:170px}
.team-payment-total>span{font-size:11px;color:var(--muted)}
.team-payment-total>strong{font-size:27px;font-weight:700;letter-spacing:-.4px;color:var(--accent);font-variant-numeric:tabular-nums}
.team-payment-total small{font-size:11px;font-weight:500;color:var(--muted)}
.team-payment-row>.team-payment-placeholder{display:grid;place-items:center;flex:0 0 38px;width:38px;height:38px;min-height:38px;padding:9px;border-radius:10px;box-shadow:none}
.team-payment-placeholder>.souqi-icon{width:20px!important;height:20px!important;stroke-width:1.7}
.team-payments-center>.actions{gap:5px;margin:0;display:flex}
.team-payments-center>.actions>.btn{min-height:34px;padding:7px 12px;font-size:11px;border-radius:8px;background:var(--surface);color:var(--muted);box-shadow:none}
.team-payments-center>.actions>.btn[aria-pressed=true]{color:var(--accent);background:var(--soft);border-color:color-mix(in srgb,var(--accent) 35%,var(--border))}
.team-payment-row .user-avatar .user-initials{position:static!important;display:block!important;width:auto!important;height:auto!important;line-height:1.4;color:var(--accent);font-size:15px}
.team-payment-amounts>div+div{margin-top:12px}
@media(max-width:900px){
.team-payment-alert{flex-wrap:wrap}
.team-payment-alert>.team-payment-total{width:100%;border-inline-start:0;padding-inline-start:0;padding-top:14px;border-top:1px solid var(--border);margin:0}
.team-payment-total>strong{font-size:25px}
.team-payments-center .payroll-team-toolbar>div{flex-basis:100%}
}
@media(max-width:650px){
.shell>main:has(.team-payments-center){padding-inline-end:58px}
.team-payments-center #payroll-period{width:100%}
.team-payments-center #payroll-period label{flex:1}
.team-payments-center #payroll-period input{width:100%;height:44px;min-height:44px;font-size:16px}
.team-payments-center #payroll-period>.btn{height:44px;min-height:44px}
.team-payment-row>.team-payment-placeholder{width:38px!important;max-width:38px!important;flex:0 0 38px}
.team-payments-center{padding:15px!important}
.team-payment-alert{padding:15px}
.team-payment-amounts>div{gap:8px}
.team-payment-amounts b{font-size:16px}
}
.team-payment-row>.team-payment-placeholder{display:inline-flex!important;align-items:center;justify-content:center;gap:7px;flex:0 0 auto!important;width:auto!important;min-width:78px;max-width:none!important;height:38px;padding:9px 13px;font-size:12px;line-height:20px}
.team-payment-placeholder>span{display:block;white-space:nowrap}
@media(max-width:650px){
.team-payment-row>.team-payment-placeholder{width:auto!important;max-width:none!important;flex:0 0 auto!important}
}
/* Compact permission disclosure rows instead of permanently expanded matrices. */
.user-profile-main .user-permission-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-height:440px;overflow-y:auto;align-items:start;padding:2px}
.user-profile-main .user-permission-module{margin:0;border:1px solid var(--border);border-radius:9px;padding:0;background:var(--surface)}
.user-profile-main .user-permission-module>summary{display:flex;align-items:center;gap:8px;min-height:42px;padding:10px 12px;font-size:12px;box-sizing:border-box;border:0;margin:0;cursor:pointer}
.user-profile-main .user-permission-module>summary>svg{width:16px;height:16px;flex:none;color:var(--accent)}
.user-profile-main .user-permission-module>summary>small{margin-inline-start:auto;font-size:10px;padding:2px 6px;border-radius:5px;background:var(--soft);color:var(--accent)}
.user-profile-main .user-permission-module[open]>summary{background:var(--bg);border-bottom:1px solid var(--border);border-radius:9px 9px 0 0}
.user-profile-main .user-permission-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:12px}
.user-profile-main .user-permission-options label{font-size:11px;display:flex;flex-direction:row;align-items:center;gap:7px;line-height:1.6}
.user-profile-main .user-permission-options input{width:14px;height:14px;min-height:14px;margin:0;flex:none}
.user-profile-main .user-permission-heading{margin-bottom:12px}
.user-profile-main .user-permission-heading h3{font-size:14px}
@media(max-width:650px){
.user-profile-main .user-permission-grid{grid-template-columns:1fr;max-height:380px}
}
.returns-workspace{display:grid;gap:18px;min-width:0}
.returns-workspace>.panel{margin:0}
.return-entry-panel{padding:20px!important;border-radius:13px!important}
.return-entry-panel .section-settings-dock{padding-bottom:10px;margin-bottom:15px}
.return-entry-title{display:flex;align-items:center;gap:11px;margin-bottom:17px}
.return-entry-title>svg{width:20px;height:20px;padding:9px;border-radius:9px;background:var(--soft);color:var(--accent);box-sizing:content-box;flex:none}
.return-entry-title h2{margin:0 0 3px!important;font-size:15px!important;line-height:1.5}
.return-entry-title p{font-size:11px;line-height:1.7;color:var(--muted);margin:0}
.return-entry-panel #return-create{display:grid;gap:16px}
.return-entry-basics{display:grid;grid-template-columns:1.6fr 1fr 160px;gap:12px}
.return-entry-panel label{display:flex;flex-direction:column;font-size:11px;line-height:1.6;gap:6px;min-width:0}
.return-entry-panel :is(input,select){width:100%;box-sizing:border-box;min-width:0;height:38px;min-height:38px;border-radius:8px;padding:8px 10px;font-size:12px;margin:0}
.return-items-heading{display:flex;align-items:center;gap:8px;padding-top:3px;font-size:12px;font-weight:600}
.return-items-heading>svg{width:16px;height:16px;color:var(--accent)}
.return-items-heading>small{margin-inline-start:auto;font-size:10px;font-weight:400;color:var(--muted)}
.return-entry-panel #return-line-fields{grid-column:auto;margin:0;display:grid;gap:7px}
.return-entry-panel .return-input-line{display:grid;grid-template-columns:minmax(0,1fr) 80px 150px;align-items:center;gap:12px;padding:11px 13px;background:var(--bg);border:1px solid var(--border);border-radius:9px;margin:0}
.return-entry-panel .return-input-line>b{font-size:12px;font-weight:600;overflow-wrap:anywhere}
.return-entry-panel .return-input-line>b>small{font-size:10px;color:var(--muted)}
.return-entry-panel .return-input-line input{width:100%}
.return-entry-costs{border-top:1px solid var(--border);padding-top:11px}
.return-entry-costs>summary{display:flex;align-items:center;gap:8px;cursor:pointer;list-style:none;font-size:11px;color:var(--accent);padding:4px 0}
.return-entry-costs>summary>svg{width:16px;height:16px}
.return-entry-costs>summary>small{font-size:9px;font-weight:400;color:var(--muted);background:var(--bg);border-radius:5px;padding:2px 6px}
.return-entry-costs>summary:after{content:'⌄';margin-inline-start:auto}
.return-entry-costs>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding-top:13px}
.return-entry-footer{display:flex;align-items:flex-end;gap:15px}
.return-entry-footer>label{flex:1}
.return-entry-footer>.btn{display:flex;align-items:center;justify-content:center;gap:7px;height:38px;min-height:38px;padding:8px 15px;border-radius:8px;font-size:12px;white-space:nowrap;margin:0}
.return-entry-footer>.btn>svg{width:16px;height:16px;flex:none}
.return-history-list{padding-inline-start:20px;font-size:11px;line-height:1.8}
.return-history-list li{padding-block:5px}
.return-history-list time{display:block;font-size:10px;color:var(--muted)}
@media(max-width:700px){
.return-entry-basics{grid-template-columns:1fr 1fr}
.return-entry-basics>label:first-child{grid-column:1/-1}
.return-entry-panel .return-input-line{grid-template-columns:minmax(0,1fr) 70px 125px;gap:9px}
.return-entry-costs>div{grid-template-columns:1fr 1fr}
.return-entry-panel :is(input,select){height:42px;min-height:42px;font-size:16px}
.return-entry-footer>.btn{height:42px;min-height:42px}
.return-entry-panel{padding:16px!important}
}
@media(max-width:460px){
.return-entry-panel .return-input-line{grid-template-columns:80px minmax(0,1fr)}
.return-entry-panel .return-input-line>b{grid-column:1/-1}
.return-entry-costs>div{grid-template-columns:1fr}
.return-entry-footer{flex-wrap:wrap}
.return-entry-footer>label,.return-entry-footer>.btn{flex-basis:100%}
}
.return-management{padding:20px!important;border-radius:13px!important}
.return-management-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:18px}
.return-management-heading h2{font-size:18px;margin:0 0 5px}
.return-management-heading p{font-size:11px;line-height:1.8;color:var(--muted);margin:0}
.return-management-heading>span{font-size:11px;padding:7px 10px;border:1px solid var(--border);border-radius:8px;color:var(--accent);white-space:nowrap}
.return-stage-filters{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;margin-bottom:18px}
.return-stage-filters>button{display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding:12px 13px;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--muted);text-align:start;font-family:inherit;cursor:pointer}
.return-stage-filters span{font-size:10px;line-height:1.5}
.return-stage-filters strong{font-size:23px;color:var(--ink);font-weight:650}
.return-stage-filters>button[aria-pressed=true]{background:var(--soft);border-color:color-mix(in srgb,var(--accent) 45%,var(--border));color:var(--accent)}
.return-stage-filters>button[aria-pressed=true] strong{color:var(--accent)}
.returns-record-filter{display:flex;gap:9px;align-items:flex-end;flex-wrap:wrap;padding-top:16px;border-top:1px solid var(--border)}
.returns-record-filter>label:first-child{flex:2 1 230px;max-width:none!important}
.returns-record-filter>label{flex:1 1 140px;min-width:0}
.returns-record-filter input{width:100%;box-sizing:border-box}
.returns-record-filter>.btn{flex:none;margin:0}
.return-create-disclosure{border:0;background:none}
.return-create-disclosure>summary{display:flex;gap:8px;align-items:center;width:fit-content;padding:10px 16px;border-radius:9px;background:var(--accent);color:var(--surface);font-size:12px;cursor:pointer;list-style:none}
.return-create-disclosure>summary>svg{width:17px;height:17px}
.return-create-disclosure>.return-entry-panel{margin:15px 0 0!important}
.return-register{display:grid;gap:10px;min-width:0}
.return-register-heading{display:flex;align-items:center;justify-content:space-between;padding:3px 0 6px}
.return-register-heading h2{font-size:14px;margin:0}
.return-register-heading small{color:var(--muted);font-size:11px}
.return-case{border:1px solid var(--border);border-radius:12px;background:var(--surface);overflow:hidden}
.return-case>summary{display:flex;align-items:center;gap:12px;padding:16px 18px;list-style:none;cursor:pointer}
.return-case>summary::-webkit-details-marker{display:none}
.return-case-icon{display:grid;place-items:center;width:35px;height:35px;flex:0 0 35px;border-radius:9px;background:var(--soft);color:var(--accent)}
.return-case-icon>svg{width:18px;height:18px}
.return-case>summary>.card-heading{flex:1;min-width:0;margin:0;display:flex;align-items:center;justify-content:space-between;gap:12px}
.return-case h3{font-size:12px!important;line-height:1.6;margin:0 0 4px!important;overflow-wrap:anywhere}
.return-case .card-heading p{margin:0;font-size:10px;color:var(--muted);line-height:1.7}
.return-case-expand{font-size:15px;color:var(--muted)}
.return-case[open] .return-case-expand{transform:rotate(180deg)}
.return-case-content{padding:17px 18px;border-top:1px solid var(--border)}
.return-case-progress{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:18px}
.return-case-progress>span{font-size:10px;color:var(--muted);padding:6px 9px;border-radius:6px;background:var(--bg)}
.return-case-progress>span.current{color:var(--accent);background:var(--soft);font-weight:650;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 30%,var(--border))}
.return-case-content .actions{display:flex;flex-wrap:wrap;gap:8px;margin-block:14px}
.return-case-content .actions>.btn{min-height:35px;padding:8px 12px;border-radius:8px;font-size:11px}
.return-case-content .table-wrap{overflow:auto;border:1px solid var(--border);border-radius:9px}
.return-case-content table{width:100%}
.return-case-content th,.return-case-content td{font-size:11px;padding:11px}
.return-case-content>.muted{font-size:11px;line-height:1.8}
.return-case-content>details>summary{font-size:11px;color:var(--accent);cursor:pointer}
.return-empty{text-align:center;padding:30px!important;color:var(--muted);font-size:12px}
.return-empty>svg{width:30px;height:30px;color:var(--accent)}
@media(max-width:1050px){
.return-stage-filters{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media(max-width:650px){
.return-management{padding:15px!important}
.return-stage-filters{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.return-stage-filters>button{padding:10px}
.return-stage-filters strong{font-size:21px}
.return-management-heading{align-items:flex-start}
.return-case>summary{padding:13px;gap:9px}
.return-case>summary>.card-heading{align-items:flex-start}
.return-case .status-pill{font-size:9px;white-space:nowrap}
.return-case-content{padding:14px}
.returns-record-filter>.btn{flex:1}
.return-create-disclosure>summary{width:100%;box-sizing:border-box;justify-content:center}
}
.return-queue-content{display:flex;align-items:center;gap:16px;padding:16px 18px;background:var(--bg)}
.return-queue-content>div{flex:1;display:grid;grid-template-columns:20px minmax(0,1fr);gap:5px 10px;align-items:center}
.return-queue-content svg{width:18px;height:18px;color:var(--accent)}
.return-queue-content strong{font-size:12px;line-height:1.6;overflow-wrap:anywhere}
.return-queue-content span{grid-column:2;font-size:10px;color:var(--muted)}
.return-queue-content>.btn{display:flex;align-items:center;gap:7px;font-size:11px;padding:9px 12px;border-radius:8px;white-space:nowrap}
@media(max-width:650px){
.return-queue-content{flex-wrap:wrap;padding:14px}
.return-queue-content>.btn{margin-inline-start:auto}
}
.template-returns{display:grid;gap:18px}
.template-returns .return-stage-filters{grid-template-columns:repeat(4,minmax(0,1fr));margin:0}
.template-returns #returns-filter{display:flex;align-items:end;gap:9px}
.template-returns #returns-filter>label{flex:1;max-width:420px;font-size:11px}
.template-returns #returns-filter input{width:100%;box-sizing:border-box}
.template-return-fields{display:grid;grid-template-columns:1fr 1fr 1.5fr;gap:12px;margin-block:16px}
.template-return-fields label{display:flex;flex-direction:column;gap:6px;font-size:11px;min-width:0}
.template-return-fields :is(input,select){width:100%;min-width:0;min-height:38px;font-size:12px;box-sizing:border-box;border-radius:8px}
.template-returns .return-case-content>.btn{display:flex;align-items:center;gap:7px;min-height:36px;padding:8px 14px;font-size:12px;border-radius:8px}
.template-returns .return-case-content>.btn svg{width:16px;height:16px}
@media(max-width:650px){
.template-return-fields{grid-template-columns:1fr}
.template-return-fields :is(input,select){font-size:16px}
.template-returns .return-stage-filters{grid-template-columns:repeat(2,minmax(0,1fr))}
}
.inventory-template-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:17px}
.inventory-template-heading h2{font-size:16px;margin:0}
.inventory-template-heading>span{font-size:11px;color:var(--muted)}
.inventory-quantity{font-size:13px;font-weight:650;color:var(--accent);font-variant-numeric:tabular-nums}
.inventory-row-editor{display:inline-block;min-width:0;text-align:start}
.inventory-row-editor>summary{display:flex;align-items:center;justify-content:center;gap:7px;width:fit-content;min-height:32px;padding:6px 10px;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--accent);cursor:pointer;list-style:none;box-sizing:border-box;font-size:11px}
.inventory-row-editor>summary::-webkit-details-marker{display:none}
.inventory-row-editor>summary>svg{width:15px;height:15px;flex:none}
.inventory-row-editor[open]>summary{background:var(--soft)}
.inventory-row-editor>div{width:220px;max-width:60vw;padding:13px;margin-top:8px;border:1px solid var(--border);border-radius:10px;background:var(--bg);display:grid;gap:12px;box-sizing:border-box}
.inventory-row-editor>div>strong{font-size:11px;line-height:1.6;overflow-wrap:anywhere}
.inventory-row-editor label{font-size:11px;display:flex;flex-direction:column;gap:6px;white-space:normal}
.inventory-row-editor input{width:100%;min-width:0;box-sizing:border-box;min-height:38px;padding:8px 10px;font-size:13px;border-radius:8px}
.inventory-row-editor .btn{display:flex;align-items:center;justify-content:center;gap:6px;min-height:36px;padding:8px 10px;font-size:11px;border-radius:8px;white-space:normal}
.inventory-row-editor .btn svg{width:15px;height:15px}
.inventory-template td{vertical-align:top}
.inventory-template td:has(.inventory-row-editor){min-width:88px}
.inventory-inline-error{font-size:11px;color:#c9475f;margin:0}
@media(max-width:650px){
.inventory-template-heading{align-items:flex-start;flex-direction:column;gap:6px}
.inventory-row-editor input{font-size:16px}
.inventory-template .table-wrap{overflow:auto}
}
.inventory-display-workspace{display:grid;gap:18px;min-width:0}
.inventory-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}
.inventory-summary-card{display:flex;flex-direction:column;align-items:flex-start;gap:17px;padding:18px 20px;background:var(--surface);color:var(--ink);border:1px solid var(--border);border-radius:12px;cursor:pointer;text-align:start;font-family:inherit}
.inventory-summary-card>span{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--muted)}
.inventory-summary-card svg{width:18px;height:18px;color:var(--accent);flex:none}
.inventory-summary-card>strong{font-size:28px;font-weight:700;font-variant-numeric:tabular-nums;line-height:1.2}
.inventory-summary-card[aria-pressed=true]{border-color:color-mix(in srgb,var(--accent) 50%,var(--border));background:linear-gradient(120deg,var(--surface),var(--soft))}
.inventory-summary-card.stock-tone-available svg{color:#169b78}
.inventory-summary-card.stock-tone-low svg{color:#ba841c}
.inventory-summary-card.stock-tone-out svg{color:#c45c6c}
.inventory-template #inventory-display-filter{display:flex;align-items:flex-end;flex-wrap:wrap;gap:9px;padding-bottom:17px;margin-bottom:17px;border-bottom:1px solid var(--border)}
.inventory-template #inventory-display-filter>label{font-size:11px;gap:6px;min-width:0;flex:1 1 160px;max-width:210px}
.inventory-template #inventory-display-filter>.inventory-search{flex:2 1 250px;max-width:none}
.inventory-template #inventory-display-filter :is(input,select){width:100%;box-sizing:border-box;min-width:0}
.inventory-template #inventory-display-filter>.btn{display:flex;align-items:center;gap:7px;flex:none;margin:0}
.inventory-product{display:flex;align-items:center;gap:11px;min-width:170px}
.inventory-product>img{width:43px;height:43px;flex:0 0 43px;object-fit:contain;border:1px solid var(--border);background:var(--bg);border-radius:9px;padding:4px;box-sizing:border-box}
.inventory-product>span{font-size:12px;font-weight:550;line-height:1.6;overflow-wrap:anywhere}
.inventory-template td{vertical-align:middle}
.inventory-stock-badge{display:inline-flex;align-items:center;gap:6px;font-size:10px;padding:5px 8px;border-radius:6px;white-space:nowrap;line-height:1.5}
.inventory-stock-badge>i{width:5px;height:5px;border-radius:50%;background:currentColor;flex:none}
.inventory-stock-badge.stock-tone-available{background:#129b7710;color:#137d62}
.inventory-stock-badge.stock-tone-low{background:#c18a1512;color:#9e7012}
.inventory-stock-badge.stock-tone-out{background:#c4526810;color:#ba4760}
:root[data-theme=dark] .inventory-stock-badge.stock-tone-available{color:#68d9b2}
:root[data-theme=dark] .inventory-stock-badge.stock-tone-low{color:#e2bb67}
:root[data-theme=dark] .inventory-stock-badge.stock-tone-out{color:#ec8fa2}
@media(max-width:750px){
.inventory-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.inventory-summary-card{padding:16px;gap:13px}
.inventory-summary-card>strong{font-size:25px}
.inventory-summary-card>span{font-size:10px}
.inventory-template #inventory-display-filter>.inventory-search{flex-basis:100%}
.inventory-template #inventory-display-filter>label{max-width:none}
.inventory-template #inventory-display-filter>.btn{flex:1;justify-content:center}
}
/* Responsive, center-cropped collection images. */
.collection-card .collection-card-media{overflow:hidden}
.collection-card .collection-card-media>img{display:block;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;object-fit:cover!important;object-position:50% 50%!important;padding:0!important;margin:0!important;align-self:stretch}
.workspace-section-hero,.carrier-hub-hero{display:flex;align-items:center;gap:18px;padding:24px!important;margin:0 0 22px!important;border:1px solid var(--border);border-radius:18px;background:linear-gradient(120deg,var(--surface),var(--soft));box-sizing:border-box;min-height:112px}
.workspace-section-mark,.carrier-hub-mark{display:grid;place-items:center;width:56px;height:56px;flex:0 0 56px;background:var(--surface);color:var(--accent);border-radius:15px;box-shadow:0 4px 15px #0f172a05}
.workspace-section-mark>svg,.carrier-hub-mark>svg{width:27px;height:27px}
.workspace-section-copy{min-width:0;flex:1}
.workspace-section-hero h1,.carrier-hub-hero h1{display:block!important;font-size:22px!important;line-height:1.5!important;letter-spacing:-.3px;margin:0 0 7px!important;font-weight:700;color:var(--ink)}
.workspace-section-hero p,.carrier-hub-hero p{font-size:12px;line-height:1.85;color:var(--muted);margin:0!important;max-width:75ch}
.workspace-section-actions{display:flex;align-items:center;gap:9px;margin-inline-start:auto;flex:none}
.workspace-section-actions:empty{display:none}
.workspace-section-actions>.btn,.carrier-hub-hero>.btn{display:flex;align-items:center;gap:7px;min-height:38px;padding:9px 14px;border-radius:9px;font-size:12px;white-space:nowrap}
.workspace-section-actions>.btn svg{width:16px;height:16px}
.collection-toolbar>h2[hidden],.payroll-team-toolbar h2[hidden],.finance-operation-heading h2[hidden],.return-management-heading h2[hidden],.company-payout-heading h2[hidden],.inventory-template-heading h2[hidden]{display:none!important}
main[data-workspace-page=profile]>h1,main[data-workspace-page=company-profile]>h1,main[data-workspace-page=carrier-profile]>h1,main[data-workspace-page=order-detail]>h1{display:none}
.carrier-hub-hero>div:not(.workspace-section-actions){flex:1;min-width:0}
.workspace-section-hero+.customer-toolbar:empty{display:none}
@media(max-width:750px){
.workspace-section-hero,.carrier-hub-hero{padding:18px!important;gap:13px;min-height:100px;flex-wrap:wrap;border-radius:14px;margin-bottom:17px!important}
.workspace-section-mark,.carrier-hub-mark{width:45px;height:45px;flex-basis:45px;border-radius:12px}
.workspace-section-mark>svg,.carrier-hub-mark>svg{width:23px;height:23px}
.workspace-section-hero h1,.carrier-hub-hero h1{font-size:19px!important;margin-bottom:5px!important}
.workspace-section-hero p,.carrier-hub-hero p{font-size:11px}
.workspace-section-actions{margin-inline-start:58px}
.workspace-section-actions>.btn{min-height:38px;font-size:11px}
}
h2[data-duplicate-section-title]{display:none!important}
/* Unified soft-tinted numeric cards, inspired by profile earnings cards. */
:root{--metric-card-wash:color-mix(in srgb,var(--accent) 8%,var(--surface));--metric-card-success:color-mix(in srgb,#10b981 8%,var(--surface))}
:is(.dash-metric,.rc-metric,.finance-op-stat,.inventory-summary-card),:is(.finance-metrics,.payroll-metrics,.company-profile-metrics,.settlement-summary)>.stat,.payroll-metrics>div,.pc-balance-grid>div{background:linear-gradient(140deg,var(--surface),var(--metric-card-wash))!important;border-color:var(--border)}
:is(.dash-metric,.rc-metric,.finance-op-stat,.inventory-summary-card):nth-child(2),.finance-metrics>.stat:nth-child(2),.payroll-metrics>div:nth-child(2),.pc-balance-grid>div:nth-child(2){background:linear-gradient(140deg,var(--surface),var(--metric-card-success))!important}
.inventory-summary-card[aria-pressed=true]{border-color:color-mix(in srgb,var(--accent) 50%,var(--border));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 12%,transparent)}
:root{--metric-card-wash:color-mix(in srgb,var(--accent) 12%,var(--surface));--metric-card-success:color-mix(in srgb,#10b981 12%,var(--surface))}
/* Financial report dates and submit action stay on one baseline. */
.report-center .rc-finance-scope #report-finance-range{display:flex!important;flex:0 0 auto!important;flex-wrap:nowrap!important;align-items:flex-end!important;gap:9px!important;width:max-content!important;max-width:100%;margin:0!important}
.report-center .rc-finance-scope #report-finance-range>label{display:flex;flex-direction:column;gap:6px;flex:0 1 155px!important;width:155px;min-width:0;max-width:none;font-size:11px;line-height:1.5;margin:0}
.report-center .rc-finance-scope #report-finance-range input{width:100%;height:40px!important;min-height:40px!important;box-sizing:border-box;padding:8px 10px!important;font-size:12px;line-height:22px;margin:0}
.report-center .rc-finance-scope #report-finance-range>.btn{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto!important;align-self:flex-end;height:40px!important;min-height:40px!important;margin:0!important;padding:8px 13px!important;font-size:12px;line-height:22px;white-space:nowrap;grid-column:auto}
.report-center .rc-finance-scope>p{flex-basis:320px}
@media(max-width:650px){
.report-center .rc-finance-scope #report-finance-range{width:100%!important;flex:1 1 100%!important;gap:7px!important}
.report-center .rc-finance-scope #report-finance-range>label{flex:1 1 0!important;width:auto}
.report-center .rc-finance-scope #report-finance-range input{height:44px!important;min-height:44px!important;font-size:16px!important;padding-inline:5px!important}
.report-center .rc-finance-scope #report-finance-range>.btn{height:44px!important;min-height:44px!important;padding-inline:9px!important;font-size:11px}
}
/* A brighter collection spotlight with soft mint accents. */
.insight-finance-grid>.rc-card:has(.collection-spotlight){position:relative;overflow:hidden;background:linear-gradient(145deg,var(--surface) 12%,color-mix(in srgb,#14b8a6 13%,var(--surface)))!important;border-color:color-mix(in srgb,#14b8a6 25%,var(--border))}
.insight-finance-grid>.rc-card:has(.collection-spotlight):before{content:'';position:absolute;inset-block-start:45px;inset-inline-end:-65px;width:190px;height:190px;border:25px solid color-mix(in srgb,#14b8a6 5%,transparent);border-radius:50%;pointer-events:none}
.insight-finance-grid>.rc-card:has(.collection-spotlight) .rc-card-heading{position:relative;z-index:1}
.collection-spotlight{position:relative;z-index:1;gap:12px;padding-block:17px}
.collection-spotlight>svg{width:29px;height:29px;padding:17px;border-radius:20px;color:#0b9f8a;background:color-mix(in srgb,#14b8a6 14%,var(--surface));box-shadow:0 0 0 8px color-mix(in srgb,#14b8a6 5%,transparent);stroke-width:1.7}
.collection-spotlight>strong{font-size:38px;color:var(--ink);letter-spacing:-.8px;margin-top:13px}
.collection-spotlight>strong small{font-size:12px;color:var(--muted)}
.collection-spotlight>span{font-size:12px;color:var(--muted)}
.collection-spotlight>div{background:color-mix(in srgb,var(--surface) 78%,transparent);border:1px solid color-mix(in srgb,#14b8a6 18%,var(--border));border-radius:11px;padding:14px 15px;margin-top:22px;box-sizing:border-box}
.collection-spotlight>div>b{font-size:18px}
.collection-spotlight>div small{font-size:10px}
@media(max-width:650px){
.collection-spotlight>strong{font-size:31px}
.collection-spotlight>div{gap:10px;padding:12px}
.collection-spotlight>div>b{font-size:16px}
}
.report-center .rc-finance-metrics{grid-template-columns:repeat(4,minmax(0,1fr))}
.report-center[data-report-tab=finance] .rc-finance-metrics .rc-metric:nth-child(2){border-top:3px solid var(--insight-green)}
.report-center[data-report-tab=finance] .rc-finance-metrics .rc-metric:nth-child(3){border-top:1px solid var(--border)}
@media(max-width:1050px){
.report-center .rc-finance-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}
}
.collection-spotlight>.collection-outstanding{display:flex;align-items:center;justify-content:flex-start;gap:12px;padding:16px 18px;margin-top:24px;border:1px solid color-mix(in srgb,var(--accent) 17%,var(--border));border-radius:12px;background:linear-gradient(120deg,var(--surface),color-mix(in srgb,var(--accent) 6%,var(--surface)));box-shadow:0 3px 12px #0f172a04}
.collection-outstanding>.collection-outstanding-icon{display:grid;place-items:center;width:37px;height:37px;flex:0 0 37px;padding:0;border-radius:10px;background:var(--soft);color:var(--accent)}
.collection-outstanding-icon>svg{width:19px;height:19px;stroke-width:1.7}
.collection-outstanding>div{display:flex;flex:1;min-width:0;align-items:center;justify-content:space-between;gap:15px;flex-wrap:wrap}
.collection-outstanding>div>span{font-size:11px;line-height:1.7;color:var(--muted)}
.collection-outstanding>div>b{font-size:23px;font-weight:650;color:var(--ink);letter-spacing:-.4px;font-variant-numeric:tabular-nums;line-height:1.4}
.collection-outstanding>div>b small{font-size:10px;font-weight:500;letter-spacing:0;color:var(--muted)}
@media(max-width:750px){
.collection-spotlight>.collection-outstanding{padding:14px;gap:10px}
.collection-outstanding>div{flex-direction:column;align-items:flex-start;gap:5px}
.collection-outstanding>div>b{font-size:22px}
}
/* Keep mobile header menus inside the workspace, clear of the sidebar rail. */
@media(max-width:760px){
.workspace-header .header-utilities{display:flex;width:100%;min-width:0;flex-wrap:wrap;gap:6px;align-items:center;justify-content:flex-start}
.workspace-header .header-language-dropdown{display:block!important;margin-inline-end:auto;flex:none}
.workspace-header .header-language-trigger{display:flex;align-items:center;justify-content:center;min-width:36px;min-height:38px;padding:6px;box-sizing:border-box}
.workspace-header .header-utilities>.header-dropdown{position:static}
.workspace-header .header-popover{position:absolute!important;inset-inline:10px!important;top:calc(100% + 6px)!important;width:auto!important;max-width:none!important;max-height:min(65dvh,420px);overflow-y:auto;overscroll-behavior:contain;box-sizing:border-box;text-align:start}
.workspace-header .header-menu-option{justify-content:flex-start;min-width:0}
.workspace-header .header-menu-option>span{min-width:0;overflow-wrap:anywhere}
.workspace-header .header-menu-option>.souqi-icon{display:block;flex:0 0 17px}
.workspace-header .header-profile-button{display:flex;align-items:center;gap:5px;min-height:38px}
}
/* Expanded cards use a roomy two-column layout across all collection views. */
.collection-cards-large,.collection-existing[data-collection-view=large],.order-card-grid-large{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px}
@media(max-width:900px){
.collection-cards-large,.collection-existing[data-collection-view=large],.order-card-grid-large{grid-template-columns:minmax(0,1fr)!important}
}
.collection-toolbar[hidden]{display:none!important}
.collection-settings-dock>.section-settings{margin-inline-start:auto}
/* Backup workspace: compact destination, readable product choices and clear footer. */
main[data-workspace-page=backup]>.panel{padding:20px!important;border-radius:14px}
main[data-workspace-page=backup]>.panel>h2{font-size:15px;margin:0 0 8px}
main[data-workspace-page=backup]>.panel>.muted{font-size:11px;line-height:1.7;margin:0 0 18px}
main[data-workspace-page=backup] .actions:has(#restore-file){display:flex;gap:14px;align-items:center;flex-wrap:wrap;padding:14px;background:var(--bg);border:1px solid var(--border);border-radius:10px}
main[data-workspace-page=backup] .actions:has(#restore-file)>label{display:flex;flex-direction:column;gap:7px;font-size:11px;max-width:100%;min-width:0}
#restore-file{max-width:100%;font-size:11px;box-sizing:border-box}
@media(max-width:550px){
main[data-workspace-page=backup]>.panel{padding:14px!important}
}
.backup-workspace{display:grid;gap:18px}
.backup-action-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.backup-action-card{display:flex;flex-direction:column;align-items:flex-start;gap:12px;margin:0!important;padding:24px!important;min-width:0}
.backup-action-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:var(--soft);color:var(--accent)}
.backup-action-icon svg{width:23px;height:23px}
.backup-action-card h2{font-size:16px!important;margin:0!important}
.backup-action-card p{font-size:12px;line-height:1.8;color:var(--muted);margin:0;max-width:48ch}
.backup-file-tag{font-size:10px;letter-spacing:.6px;padding:4px 9px;border:1px solid var(--border);border-radius:6px;color:var(--muted)}
.backup-action-footer{display:flex;justify-content:flex-end;gap:8px;width:100%;margin-top:auto;padding-top:16px}
.backup-action-footer .btn{min-height:38px;font-size:12px}
.backup-file-picker{display:flex;flex-direction:column;gap:9px;width:100%;box-sizing:border-box;padding:14px;background:var(--bg);border:1px dashed color-mix(in srgb,var(--accent) 35%,var(--border));border-radius:10px;font-size:11px}
.backup-file-picker input{width:100%;max-width:100%;padding:0;border:0;background:transparent;min-height:32px;font-size:11px}
.backup-file-picker input::file-selector-button{border:1px solid var(--border);border-radius:7px;background:var(--surface);color:var(--accent);padding:7px 10px;margin-inline-end:10px;font:inherit;cursor:pointer}
.backup-action-card>small{font-size:10px;color:var(--muted)}
.backup-review-context{display:flex;gap:20px;flex-wrap:wrap;margin:16px 0;font-size:12px}
.backup-restore-note{padding:12px;border-radius:9px;background:var(--soft);font-size:11px;line-height:1.8}
.backup-review h2{font-size:16px}
@media(max-width:760px){
.backup-action-grid{grid-template-columns:minmax(0,1fr)}
.backup-action-card{padding:18px!important}
}
/* Shared card edges and spacing, preserving theme customization. */
#app{--workspace-gap:16px;--workspace-card-radius:var(--radius,14px)}
#app :is(.panel,.dash-card,.rc-card,.collection-card,.order-display-card){box-sizing:border-box;min-width:0;border-width:1px;border-style:solid;border-color:var(--border)}
#app :is(.backup-workspace,.backup-action-grid,.insight-finance-grid,.pw-charts,.pw-lower){gap:var(--workspace-gap)}
#app :is(.backup-action-card,.rc-card){border-radius:var(--workspace-card-radius)}
#app :is(.collection-settings-dock,.collection-toolbar,.backup-review-context,.backup-action-footer){box-sizing:border-box;min-width:0}
#app :is(.backup-action-card,.rc-card) :is(h2,h3):first-child{margin-block-start:0}
@media(max-width:600px){#app{--workspace-gap:12px}.backup-action-footer{padding-top:12px}}
/* Audit fixes: mobile section heading gets a readable text column and its own action row. */
@media(max-width:750px){
 #app .workspace-section-hero,#app .carrier-hub-hero{display:grid!important;grid-template-columns:45px minmax(0,1fr);align-items:start!important;gap:12px!important;min-width:0;min-height:0}
 #app .workspace-section-mark,#app .carrier-hub-mark{grid-column:1;grid-row:1}
 #app .workspace-section-copy,#app .carrier-hub-hero>div:not(.workspace-section-actions){grid-column:2;grid-row:1;min-width:0;width:100%}
 #app .workspace-section-copy p,#app .carrier-hub-hero p{white-space:normal;overflow-wrap:break-word;word-break:normal}
 #app .workspace-section-actions{grid-column:1/-1;grid-row:2;margin:0!important;min-width:0;width:100%;flex-wrap:wrap;justify-content:flex-start}
 #app .carrier-hub-hero>.btn{grid-column:1/-1;grid-row:2;justify-self:start;max-width:100%;white-space:normal}
 #app .section-settings-dock.collection-settings-dock{display:grid!important;grid-template-columns:36px minmax(0,1fr);gap:8px!important;align-items:center;min-width:0;width:100%}
 #app .collection-settings-dock>.collection-display-slot{grid-column:2;grid-row:1;min-width:0}
 #app .collection-settings-dock>.section-settings{grid-column:1/-1;grid-row:2;justify-self:end;margin:0!important;max-width:100%;min-width:0}
 #app .collection-settings-dock>.section-settings>summary{max-width:100%;white-space:normal}
 #app .collection-toolbar{flex-wrap:wrap;min-width:0;gap:8px!important}
}
/* Orders review: an in-flow filter disclosure, independent of popup positioning. */
#app .collection-settings-dock.inline-order-toolbar{justify-content:flex-start!important;gap:8px!important;margin-block-end:0!important;padding-block-end:12px!important}
#app .inline-filter-trigger{display:inline-grid;place-items:center;flex:none;width:36px;height:36px;min-width:36px;padding:8px;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--accent);cursor:pointer;box-sizing:border-box}
#app .inline-filter-trigger svg{width:18px;height:18px}
#app .inline-filter-trigger[aria-expanded=true]{background:var(--accent);color:white;border-color:var(--accent)}
#app .inline-filter-trigger:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
#app .inline-filter-panel{position:static;inset:auto;transform:none;float:none;width:100%;max-width:100%;min-width:0;box-sizing:border-box;margin:0 0 14px;padding:14px;background:var(--soft);border:1px solid var(--border);border-radius:10px;box-shadow:none;overflow:visible}
#app .inline-filter-panel[hidden]{display:none!important}
#app .inline-filter-panel form{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(min(160px,100%),1fr));align-items:start!important;gap:12px!important;width:100%!important;max-width:none!important}
#app .inline-filter-panel form>label,#app .inline-filter-panel .inline-filter-status-field{display:flex!important;flex-direction:column!important;gap:5px!important;width:100%!important;min-width:0!important;max-width:none!important;font-size:11px!important;line-height:1.5!important;color:var(--muted)}
#app .inline-filter-panel form :is(input[type=date],.order-status-filter>summary){height:36px!important;min-height:36px!important;max-height:36px!important;font-size:12px!important;background:var(--surface)!important}
#app .inline-filter-panel .order-status-filter{position:static;min-width:0!important;width:100%!important;margin:0!important}
#app .inline-filter-panel .order-status-filter>summary{display:flex!important;align-items:center!important;justify-content:space-between;list-style:none;cursor:pointer}
#app .inline-filter-panel .order-status-filter>summary::-webkit-details-marker{display:none}
#app .inline-filter-panel .order-status-filter>summary::after{content:'';width:6px;height:6px;border-inline-end:1.5px solid currentColor;border-block-end:1.5px solid currentColor;transform:rotate(45deg);margin-inline:8px 2px;flex:none}
#app .inline-filter-panel .order-status-filter[open]>summary::after{transform:rotate(225deg)}
#app .inline-filter-panel .order-status-filter>div{position:static!important;inset:auto!important;width:100%!important;max-width:100%!important;max-height:220px;overflow:auto;box-sizing:border-box;box-shadow:none!important;margin:6px 0 0!important;padding:5px!important;border:1px solid var(--border);border-radius:8px;background:var(--surface)}
#app .inline-filter-panel .order-status-filter>div label{display:flex!important;flex-direction:row!important;align-items:center!important;gap:8px!important;padding:7px!important;font-size:12px!important;line-height:1.5!important}
#app .inline-filter-panel form input[type=checkbox]{width:16px!important;height:16px!important;min-height:16px!important;max-height:16px!important;min-width:16px!important;margin:0!important;padding:0!important;flex:none;accent-color:var(--accent)}
#app .inline-filter-panel .inline-filter-actions{display:flex;align-items:center;gap:8px;padding-block-start:21.5px;min-width:0}
#app .inline-filter-panel .inline-filter-actions>.btn{height:36px!important;min-height:36px!important;margin:0!important;padding:6px 12px!important;font-size:12px!important;box-shadow:none!important;white-space:nowrap}
#app .inline-filter-panel .inline-filter-actions>[data-action=orders-filter-reset]{border-color:transparent!important;background:transparent!important;color:var(--accent)}
/* Square catalog frames retain the complete product composition in medium cards. */
#app main[data-workspace-page=products] .collection-card-media{height:auto!important;min-height:0!important;aspect-ratio:1/1;flex:none}
#app .order-card-grid-medium .order-gallery-main{height:auto!important;min-height:0!important;aspect-ratio:1/1;flex:none}
@media(max-width:1000px) and (min-width:601px){#app .inline-filter-panel form{grid-template-columns:repeat(2,minmax(0,1fr))}#app .inline-filter-panel .inline-filter-status-field{grid-column:1/-1}}
@media(max-width:750px){#app .collection-settings-dock.inline-order-toolbar>.inline-filter-trigger{grid-column:1;grid-row:1}}
@media(max-width:600px){
 #app .inline-filter-panel{padding:12px}
 #app .inline-filter-panel form{grid-template-columns:minmax(0,1fr);gap:12px!important}
 #app .inline-filter-panel .inline-filter-actions{padding-block-start:0}
}

/* Shared disclosure controls and fields. No floating filter layer remains. */
#app .inline-filter-toolbar{display:flex;align-items:center;justify-content:flex-start;gap:8px;min-width:0;width:100%;box-sizing:border-box;margin:0 0 12px;padding:0;background:transparent}
#app .collection-toolbar.inline-filter-toolbar{padding:0!important;background:transparent!important}
#app .inline-filter-panel form{margin:0!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;box-sizing:border-box;min-width:0}
#app .inline-filter-panel form>label{margin:0!important;padding:0!important;align-self:start!important}
#app .inline-filter-panel label>.visually-hidden{position:static!important;clip:auto!important;clip-path:none!important;width:auto!important;height:auto!important;padding:0!important;margin:0!important;overflow:visible!important;white-space:normal!important}
#app .inline-filter-host{min-width:0;flex-wrap:wrap!important}
#app .inline-filter-host>.inline-filter-toolbar,#app .inline-filter-host>.inline-filter-panel{flex:0 0 100%;grid-column:1/-1}
#app .inline-filter-panel :is(input:not([type=checkbox]),select,.order-status-filter>summary){width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box;border:1px solid var(--border)!important;border-radius:8px!important;padding:7px 10px!important;background:var(--surface)!important;color:var(--ink);font:inherit;height:36px!important;min-height:36px!important;box-shadow:none!important}
#app .inline-filter-panel :is(input,select,summary):focus-visible{outline:2px solid var(--accent);outline-offset:2px}
#app .inline-filter-panel .inline-filter-actions>.btn:not(.primary){border-color:transparent!important;background:transparent!important;color:var(--accent)}
#app .inline-filter-panel .inline-filter-actions{flex-wrap:wrap}
/* Public review uses the template backup page instead of development export chrome. */
body>.portable-toolbar{display:none!important}
.page-print-actions{display:flex;justify-content:flex-end;gap:8px;margin:0 0 14px}
.page-print-actions .btn,.return-document-print{display:inline-flex;align-items:center;gap:6px;font-size:12px}
.return-document-print{margin-block-end:12px}
.document-preview-dialog{width:min(1120px,96vw);height:min(940px,94dvh);max-height:94dvh;max-width:96vw;padding:0;border:1px solid var(--border);border-radius:14px;background:var(--surface);color:var(--ink);overflow:hidden}
.document-preview-dialog[open]{display:flex;flex-direction:column}
.document-preview-dialog::backdrop{background:#15263788}
.document-preview-header{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:12px 16px;border-bottom:1px solid var(--border);flex:none}
.document-preview-header>strong{margin-inline-end:auto;font-size:14px}
.document-preview-header>label{display:flex;align-items:center;gap:8px;font-size:12px}
.document-preview-header select{width:auto;max-width:180px;min-height:36px;font-size:12px}
.document-preview-dialog iframe{display:block;border:0;flex:1;width:100%;min-height:0;background:#eef2f5}
.document-preview-dialog>[role=alert]{margin:0;padding:10px 16px;color:var(--danger,#a3213f)}
@media(max-width:600px){.document-preview-dialog{width:98vw;max-width:98vw;height:96dvh;max-height:96dvh;border-radius:10px}.document-preview-header{gap:8px;padding:10px}.document-preview-header>strong{flex-basis:100%}.document-preview-header>label{flex:1;min-width:0}.document-preview-header .btn{font-size:11px;padding:7px 9px}}
#app .inline-filter-panel:has(#orders-list-filter) form,#app .inline-filter-panel:has(#products-stock-filter) form{grid-template-columns:minmax(170px,1.2fr) repeat(2,minmax(140px,1fr)) auto}
#app .inline-filter-panel .order-status-filter>div label{width:100%!important;box-sizing:border-box;max-width:none!important;min-width:0!important;flex-direction:row!important}
@media(max-width:1000px){#app .inline-filter-panel:has(#orders-list-filter) form,#app .inline-filter-panel:has(#products-stock-filter) form{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){#app .inline-filter-panel:has(#orders-list-filter) form,#app .inline-filter-panel:has(#products-stock-filter) form{grid-template-columns:minmax(0,1fr)}#app .inline-filter-panel :is(input:not([type=checkbox]),select){font-size:16px!important}}
/* Orders review: one list toolbar and a compact, contextual settings menu. */
#app main[data-workspace-page=orders] .order-workspace-toolbar{display:flex!important;flex-wrap:wrap;align-items:center;justify-content:space-between!important;gap:10px!important;width:100%;padding:0 0 12px!important;margin:0 0 12px!important;border-bottom:1px solid var(--border)}
#app .order-browse-tools,#app .order-record-tools{display:flex;align-items:center;flex-wrap:wrap;gap:8px;min-width:0}
#app main[data-workspace-page=orders] .order-record-tools{margin:0!important;padding:0!important;width:auto!important;justify-content:flex-end;margin-inline-start:auto!important}
#app .order-record-tools .data-transfer-group{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
#app .order-browse-tools .collection-display-slot{width:auto!important;flex:none}
#app .order-workspace-toolbar :is(.btn,.data-export-menu>summary,.inline-filter-trigger){height:36px!important;min-height:36px!important;margin:0!important;font-size:12px;box-sizing:border-box;white-space:nowrap}
#app .order-workspace-toolbar .inline-filter-trigger{display:inline-flex;width:auto;gap:6px;min-width:36px}
#app main[data-workspace-page=orders] .workspace-section-hero{overflow:visible;position:relative;z-index:4}
#app .order-settings-menu{position:relative;margin:0!important;max-width:100%}
#app .order-settings-menu>summary{display:inline-flex;align-items:center;gap:7px;height:36px;min-height:36px;box-sizing:border-box;margin:0!important}
#app .order-settings-menu[open]>.section-settings-content{position:absolute!important;inset-block-start:calc(100% + 10px)!important;inset-block-end:auto!important;inset-inline-start:auto!important;inset-inline-end:0!important;width:min(350px,calc(100vw - 48px))!important;height:auto!important;max-height:65dvh!important;padding:18px!important;border-radius:12px!important;z-index:185}
#app .order-settings-menu .settings-sheet-heading{margin-bottom:12px;padding-bottom:10px}
#app .order-settings-menu .section-settings-content>.muted,#app .order-settings-menu .section-settings-panel>h2{display:none}
#app .order-settings-menu .section-settings-panel{padding:0!important;margin:0!important}
#app .order-settings-menu .grid{grid-template-columns:1fr!important}
#app .order-settings-menu .section-settings-panel p{margin:0 0 12px;font-size:11px;line-height:1.6}
#app .order-settings-menu .section-settings-panel input{max-width:140px}
#app .list-pagination{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:20px;position:static;inset:auto;width:100%;height:auto;min-height:0;max-height:none;overflow:visible;padding:12px 0 0;border:0;border-top:1px solid var(--border);margin:12px 0 0;background:transparent;font-size:12px;box-sizing:border-box}
#app .list-pagination>label{display:flex;flex-direction:row;align-items:center;gap:8px;margin:0;font-size:12px;width:auto;max-width:none}
#app .list-pagination select{width:72px;min-height:34px;font-size:12px;padding:5px 8px}
#app .pagination-controls{display:flex;align-items:center;gap:10px;white-space:nowrap}
#app .pagination-controls>.btn{min-height:34px;font-size:12px;margin:0}
#app [data-pagination-item][hidden]{display:none!important}
#app main[data-workspace-page=orders] .order-workspace-toolbar{scroll-margin-top:90px}
#app main[data-workspace-page=orders] :is(tr,.order-display-card)[hidden]{display:none!important}
@media(max-width:600px){#app main[data-workspace-page=orders] .order-record-tools{flex-basis:100%;justify-content:flex-start;margin-inline-start:0!important}#app .list-pagination{grid-template-columns:minmax(0,1fr) auto;gap:12px}#app .pagination-controls{grid-column:1/-1;justify-content:flex-end}#app .list-pagination select{font-size:16px}#app .order-settings-menu[open]>.section-settings-content{width:min(320px,calc(100vw - 48px))!important}}
/* Department review: contextual toolbars and compact finance registers. */
#app .finance-operations{gap:14px}
#app .finance-operations>.finance-operation-summary,#app .finance-records>.panel{padding:18px!important}
#app .finance-records{gap:14px}
#app .finance-operation-heading{align-items:center;gap:10px}
#app .finance-operation-heading>[hidden]{display:none!important}
#app .finance-operation-heading>.inline-filter-toolbar{flex:1 1 100%;margin:0!important}
#app .section-filter-bar{display:flex!important;align-items:center;justify-content:space-between;gap:12px;width:100%;margin:0!important;padding:0!important;min-height:36px}
#app .section-filter-bar>strong{font-size:12px;font-weight:650;color:var(--ink)}
#app .section-filter-bar .inline-filter-trigger{display:inline-flex;align-items:center;justify-content:center;gap:7px;width:auto;min-width:36px;padding:7px 10px;font-size:12px;height:36px}
#app .section-filter-bar>div:empty{display:none}
#app .finance-operation-summary>.inline-filter-panel{margin:12px 0 0}
#app .finance-scope-hint{margin:10px 0 14px;font-size:11px;line-height:1.6}
#app .finance-accounting-details{margin-top:10px}
#app .finance-entry-actions{gap:12px}
#app .finance-operation-editor>summary{padding:16px;font-size:13px;min-height:62px;background:linear-gradient(115deg,var(--surface),var(--soft));border-radius:12px}
#app .finance-operation-editor>summary>.souqi-icon{width:34px;height:34px;padding:8px;border:1px solid var(--border);background:var(--surface);border-radius:9px;box-sizing:border-box}
#app .finance-operation-editor>summary>i{width:30px;height:30px;background:var(--accent);color:white;border-radius:8px}
#app .finance-operation-editor[open]>summary{border-radius:12px 12px 0 0}
#app .finance-operation-editor:hover{border-color:var(--accent)}
#app .finance-records .table-wrap{max-height:none!important;height:auto!important;overflow-x:auto;overflow-y:visible}
#app .finance-records th{position:static}
#app .finance-records>.panel>h2{margin-bottom:10px}
#app .finance-records .inline-filter-toolbar{margin-bottom:10px!important}
/* Report actions stay with the page header, and filter scopes remain in normal flow. */
#app main[data-workspace-page=reports] .workspace-section-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
#app main[data-workspace-page=reports] .workspace-section-actions>.btn{display:inline-flex;align-items:center;gap:6px;height:36px;min-height:36px;font-size:12px;margin:0}
#app .report-center{gap:14px}
#app .report-center .rc-heading{margin:0;padding:0!important;min-height:0}
#app .report-center .rc-filter-card{padding:12px 16px!important;border:1px solid var(--border);border-radius:11px;background:var(--surface);min-height:0;overflow:visible}
#app .report-center .reports-filter-toolbar{display:block!important;width:100%!important;margin:0!important;padding:0!important;min-height:0;border:0;background:transparent;overflow:visible}
#app .report-center .inline-filter-panel{margin:10px 0 0}
#app .report-center .rc-finance-scope{display:block!important;padding:14px 16px!important}
#app .report-center .rc-finance-scope>p{margin:0 0 12px;font-size:11px;line-height:1.6;max-width:none}
#app .report-center .rc-finance-scope>.inline-filter-toolbar{margin:0!important}
#app .report-center .rc-rank-image{overflow:hidden;background:var(--surface);padding:6px;border-radius:9px}
#app .report-center .rc-rank-image img{width:100%;height:100%;object-fit:contain!important;object-position:center}
#app .report-center[data-report-tab=products] .rc-rank-image{height:auto!important;aspect-ratio:4/3;width:100%;max-height:220px;padding:8px}
#app .report-center[data-report-tab=products] .rc-ranking>button{gap:10px;padding:14px}
#app .report-center .rc-details>div{min-width:0}
/* Team directory uses the same hierarchy in cards and in the full-width list. */
#app main[data-workspace-page=users] .user-team-grid>.user-team-card{display:flex!important;flex-direction:column;align-items:stretch;text-align:start;gap:16px;padding:18px!important;min-height:0;height:auto;position:relative;overflow:visible;background:var(--surface);border:1px solid var(--border);border-radius:12px}
#app main[data-workspace-page=users] .user-card-identity{display:flex;align-items:center;gap:12px;min-width:0}
#app main[data-workspace-page=users] .user-card-identity .user-avatar{position:static!important;transform:none!important;width:48px!important;height:48px!important;min-width:48px;margin:0!important;border:1px solid var(--border);border-radius:12px;box-shadow:none;overflow:hidden;background:var(--soft)}
#app main[data-workspace-page=users] .user-card-identity .user-avatar img{object-fit:contain}
#app main[data-workspace-page=users] .user-card-identity h3{font-size:14px;margin:0;overflow-wrap:anywhere}
#app main[data-workspace-page=users] .user-card-identity .muted{margin:4px 0 0;font-size:11px}
#app main[data-workspace-page=users] .user-card-meta{display:flex;flex-wrap:wrap;align-items:center;gap:7px;min-width:0}
#app main[data-workspace-page=users] .user-card-meta .user-email{flex-basis:100%;font-size:11px;margin:0;overflow-wrap:anywhere}
#app main[data-workspace-page=users] .user-member-state{display:inline-flex;align-items:center;gap:5px;font-size:10px;color:var(--muted)}
#app main[data-workspace-page=users] .user-member-state:before{content:'';width:6px;height:6px;border-radius:50%;background:#0eaa86}
#app main[data-workspace-page=users] .user-member-state.is-revoked:before{background:#cb6a77}
#app main[data-workspace-page=users] .user-team-card>.actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:6px;width:auto;margin:0;padding:0}
#app main[data-workspace-page=users] .user-team-card>.actions .btn{min-height:32px;font-size:11px;padding:6px 9px;margin:0;flex:none}
#app main[data-workspace-page=users] .user-team-grid[data-collection-view=list]>.user-team-card{display:grid!important;grid-template-columns:minmax(200px,1.1fr) minmax(180px,1fr) minmax(180px,auto);align-items:center;gap:16px}
/* Payroll filtering is aligned with the section action and expands below it. */
#app .payroll-team-panel .payroll-team-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin:0;padding:0 0 14px}
#app .payroll-team-panel .payroll-team-toolbar h2{font-size:19px!important;margin:4px 0 0!important}
#app .payroll-team-panel .payroll-toolbar-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:nowrap;width:auto;max-width:100%}
#app .payroll-toolbar-actions>.section-filter-bar{flex:0 1 auto;width:auto!important;min-width:0;gap:8px}
#app .payroll-toolbar-actions>.section-filter-bar>strong{display:none}
#app .payroll-record-payment{height:36px!important;min-height:36px!important;margin:0!important;font-size:12px;white-space:nowrap}
#app .payroll-team-panel>.inline-filter-panel{margin-bottom:14px}
#app .payroll-team-panel .inline-filter-panel #payroll-period{width:100%!important;margin:0!important;display:grid!important}
#app .payroll-team-panel .inline-filter-panel #payroll-period>label{width:100%!important;max-width:none!important;min-width:0!important}
#app .payroll-team-panel .inline-filter-panel #payroll-period input{width:100%!important}
#app .payroll-team-summary{margin-bottom:14px;padding:12px 0;gap:12px 20px}
#app .payroll-team-panel .payroll-member-card{gap:14px;padding:16px}
#app .payroll-member-footer{display:flex;align-items:center;flex-wrap:wrap;justify-content:space-between;gap:8px}
/* Tasks offer list, medium cards and expanded cards without duplicating controls. */
#app .task-workspace{min-width:0}
#app .task-toolbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;margin:0 0 14px!important;padding:0!important}
#app .task-scope-controls{display:flex;gap:6px;flex-wrap:wrap;margin-inline-end:auto}
#app .task-scope-controls .btn{min-height:34px;margin:0;font-size:12px}
#app .task-scope-controls [aria-pressed=true]{background:var(--soft);border-color:var(--accent);color:var(--accent)}
#app .team-task-grid{display:grid;gap:14px;min-width:0}
#app .team-task-grid[data-task-view=medium]{grid-template-columns:repeat(3,minmax(0,1fr))}
#app .team-task-grid[data-task-view=large]{grid-template-columns:repeat(2,minmax(0,1fr))}
#app .team-task-grid[data-task-view=list]{grid-template-columns:minmax(0,1fr)}
#app .team-task{display:flex;flex-direction:column;gap:12px;padding:16px;border:1px solid var(--border);border-radius:12px;background:var(--surface);min-width:0;text-align:start;box-shadow:none}
#app .team-task.task-overdue{border-inline-start:3px solid #cc8b46}
#app .team-task h3{font-size:14px;line-height:1.5;margin:0}
#app .team-task>p{margin:0;overflow-wrap:anywhere;font-size:12px;line-height:1.6}
#app .team-task>p:not(.muted){display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
#app .team-task>.muted{font-size:11px}
#app .team-task>.actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:auto}
#app .team-task>.actions select{flex:1;width:auto;min-width:0;min-height:34px;padding:5px 8px;font-size:12px}
#app .team-task .btn{min-height:34px;font-size:11px;margin:0}
#app .team-task-grid[data-task-view=list]>.team-task{display:grid;grid-template-columns:minmax(180px,1.3fr) minmax(150px,1fr) minmax(150px,auto);align-items:center;gap:10px 16px}
#app .team-task-grid[data-task-view=list] .team-task>.actions{grid-column:3;grid-row:1/4;margin:0}
#app .team-task-grid[data-task-view=list] .team-task>p:not(.muted){grid-column:1/3}
#app .team-task-grid[data-task-view=list] .team-task>[data-action=order-open]{grid-column:1/3;justify-self:start}
@media(max-width:1000px){#app main[data-workspace-page=users] .user-team-grid[data-collection-view=list]>.user-team-card{grid-template-columns:minmax(160px,1fr) minmax(160px,1fr)}#app main[data-workspace-page=users] .user-team-card>.actions{grid-column:1/-1}#app .team-task-grid[data-task-view=medium]{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){#app .finance-operations,#app .finance-records{gap:12px}#app .finance-entry-actions{grid-template-columns:1fr;gap:10px}#app main[data-workspace-page=users] .user-team-grid[data-collection-view=list]>.user-team-card{display:flex!important}#app .payroll-team-panel .payroll-toolbar-actions{width:100%;justify-content:space-between}#app .team-task-grid[data-task-view=medium],#app .team-task-grid[data-task-view=large]{grid-template-columns:1fr}#app .team-task-grid[data-task-view=list]>.team-task{display:flex}#app .team-task>.actions{width:100%}#app main[data-workspace-page=reports] .workspace-section-actions{width:100%}#app .section-filter-bar>strong{font-size:11px}}
#app .report-center .inline-filter-panel :is(#report-range,#report-finance-range,#report-sales-range){display:grid!important;grid-template-columns:repeat(auto-fit,minmax(min(160px,100%),1fr));width:100%!important;min-width:0!important;max-width:none!important;flex:none!important;margin:0!important;gap:12px!important}
#app .report-center .inline-filter-panel :is(#report-range,#report-finance-range,#report-sales-range)>label{width:100%!important;min-width:0!important;max-width:none!important;flex:none!important}
#app .report-center .inline-filter-panel .inline-filter-actions{width:auto!important;max-width:none!important;flex-wrap:wrap}
#app .finance-records h2[hidden]{display:none!important}
@media(max-width:600px){#app .report-center .inline-filter-panel :is(#report-range,#report-finance-range,#report-sales-range){grid-template-columns:minmax(0,1fr)}}
/* Shared list chrome: logical start for filters; logical end for views and sort. */
#app .unified-list-toolbar{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:space-between!important;flex-wrap:wrap!important;gap:10px 14px!important;width:100%!important;min-width:0;box-sizing:border-box;background:transparent!important;padding:0 0 10px!important;margin:0 0 12px!important;border-bottom:1px solid var(--border)}
#app .toolbar-start,#app .toolbar-end{display:flex;align-items:center;gap:10px;min-width:0;flex-wrap:wrap}
#app .toolbar-start{margin-inline-start:0;margin-inline-end:auto;order:0;flex:0 1 auto;justify-content:flex-start}
#app .toolbar-end{margin-inline-start:auto;margin-inline-end:0;order:3;flex:none;gap:8px;justify-content:flex-end}
#app .unified-list-toolbar .inline-filter-trigger{display:inline-flex!important;align-items:center;justify-content:center;gap:7px;width:auto!important;height:36px;min-height:36px;padding:7px 10px;font-size:12px;white-space:nowrap}
#app .filter-button-label{display:inline!important;white-space:nowrap}
#app .unified-list-toolbar .order-view-controls,#app .list-sort-controls{display:inline-flex;align-items:center;flex-wrap:nowrap;gap:2px;padding:3px;margin:0;border:1px solid var(--border);border-radius:8px;background:var(--soft);min-height:36px;box-sizing:border-box}
#app .list-sort-controls>button,#app .unified-list-toolbar .order-view-controls>button{display:inline-grid;place-items:center;width:28px;height:28px;min-height:28px;margin:0;padding:5px;border:0;border-radius:5px;background:transparent;color:var(--muted);cursor:pointer;box-sizing:border-box}
#app .list-sort-controls svg,#app .unified-list-toolbar .order-view-controls svg{width:16px;height:16px}
#app .list-sort-controls [aria-pressed=true],#app .unified-list-toolbar .order-view-controls [aria-pressed=true]{background:var(--surface);color:var(--accent);box-shadow:0 1px 3px #173b4b16}
#app .list-sort-controls button:hover{background:var(--surface);color:var(--accent)}
#app .list-sort-controls button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
#app .unified-list-toolbar>.collection-display-slot:empty,#app .unified-list-toolbar>div:empty,#app .order-browse-tools:empty{display:none!important}
#app .unified-list-toolbar>.order-record-tools{order:1;margin-inline-start:0!important;margin-inline-end:0!important;width:auto!important}
#app .section-filter-bar.unified-list-toolbar>.toolbar-start>strong{font-size:12px}
#app .payroll-team-panel .payroll-toolbar-actions.unified-list-toolbar{flex-basis:100%;width:100%!important;max-width:none;order:2;padding-block-end:0!important;margin-bottom:0!important;border:0}
#app .payroll-toolbar-actions.unified-list-toolbar .section-filter-bar:empty{display:none!important}
#app .payroll-toolbar-actions.unified-list-toolbar>.payroll-record-payment{order:1}
#app .task-toolbar.unified-list-toolbar>.task-scope-controls{order:1;margin:0}
#app .workspace-section-actions>.btn{display:inline-flex;align-items:center;gap:6px;min-height:36px;margin:0}
#app .team-list-toolbar .toolbar-start{flex-wrap:wrap;gap:12px}
#app .team-list-toolbar .user-list-heading{display:flex;align-items:center;gap:10px;margin:0;padding:0;border:0;min-height:36px}
#app .team-list-toolbar .user-list-heading h2{font-size:14px;margin:0!important}
#app .team-result-count{display:inline-flex;align-items:center;gap:5px;padding:5px 8px;border:1px solid var(--border);border-radius:7px;background:var(--soft);font-size:11px;color:var(--muted);white-space:nowrap}
#app .team-result-count b{font-size:13px;color:var(--accent);font-variant-numeric:tabular-nums}
#app .team-presence{display:inline-flex;align-items:center;gap:5px;padding:3px 6px;border-radius:5px;font-size:10px;background:var(--soft);color:var(--muted)}
#app .team-presence:before{content:'';width:6px;height:6px;border-radius:50%;background:#a5b0b7}
#app .team-presence.state-online:before{background:#0baa83}
#app .team-presence.state-offline:before{background:#b48257}
#app .team-presence-note{grid-column:1/-1;margin:0!important;color:var(--muted);font-size:11px;line-height:1.5}
#app .user-team-grid{width:100%;box-sizing:border-box}
/* Ranked report products: one row list, medium cards and expanded cards. */
#app .report-center .rc-ranking[data-collection-view=list]{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:10px}
#app .report-center .rc-ranking[data-collection-view=list]>button{display:grid!important;grid-template-columns:82px minmax(0,1fr) auto;align-items:center;gap:14px;padding:12px!important;text-align:start}
#app .report-center .rc-ranking[data-collection-view=list] .rc-rank-image{width:82px!important;height:82px!important;aspect-ratio:1;padding:4px}
#app .report-center .rc-ranking[data-collection-view=list]>button>strong{font-size:21px;text-align:end}
#app .report-center .rc-ranking[data-collection-view=medium],#app .report-center .rc-ranking[data-collection-view=large]{display:grid!important;gap:14px}
#app .report-center .rc-ranking[data-collection-view=medium]>button,#app .report-center .rc-ranking[data-collection-view=large]>button{display:flex;flex-direction:column;align-items:stretch;padding:14px;border:1px solid var(--border);border-radius:12px;background:var(--bg);gap:10px}
#app .report-center .rc-ranking[data-collection-view=medium]{grid-template-columns:repeat(3,minmax(0,1fr))!important}
#app .report-center .rc-ranking[data-collection-view=large]{grid-template-columns:repeat(2,minmax(0,1fr))!important}
#app .report-center .rc-ranking:is([data-collection-view=medium],[data-collection-view=large]) .rc-rank-image{width:100%!important;height:auto!important;aspect-ratio:4/3;max-height:none;padding:6px}
#app .report-center .rc-ranking .rc-rank-image img{display:block;width:100%;height:100%;max-height:100%;object-fit:contain;object-position:center}
#app .report-center[data-report-tab=overview] .rc-ranking[data-collection-view=medium]{grid-template-columns:repeat(2,minmax(0,1fr))!important}
#app .report-center[data-report-tab=overview] .rc-ranking[data-collection-view=large]{grid-template-columns:minmax(0,1fr)!important}
/* Carrier directory and payroll use matching display semantics. */
#app .carrier-hub-directory[data-collection-view=medium]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px}
#app .carrier-hub-directory[data-collection-view=large]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px}
#app .carrier-hub-directory[data-collection-view=list]{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:12px}
#app .carrier-hub-directory[data-collection-view=list]>.carrier-hub-card{display:grid!important;grid-template-columns:56px minmax(150px,1fr) minmax(160px,1fr);align-items:center;gap:8px 16px;padding:16px;min-height:0;text-align:start}
#app .carrier-hub-directory[data-collection-view=list] .carrier-logo{grid-column:1;grid-row:1/3;width:48px;height:48px;margin:0}
#app .carrier-hub-directory[data-collection-view=list] h3{grid-column:2;grid-row:1;margin:0;font-size:15px}
#app .carrier-hub-directory[data-collection-view=list] .carrier-hub-status{grid-column:2;grid-row:2;justify-self:start;margin:0}
#app .carrier-hub-directory[data-collection-view=list] .carrier-hub-metrics{grid-column:3;grid-row:1/3;margin:0}
#app .carrier-hub-directory[data-collection-view=list] .carrier-hub-card-actions{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:8px;margin:8px 0 0}
#app .carrier-hub-directory[data-collection-view=list] .carrier-hub-card-actions>.btn{width:auto;flex:0 1 auto}
#app .payroll-team[data-collection-view=medium]{grid-template-columns:repeat(3,minmax(0,1fr))!important}
#app .payroll-team[data-collection-view=large]{grid-template-columns:repeat(2,minmax(0,1fr))!important}
#app .payroll-team[data-collection-view=list]{display:grid!important;grid-template-columns:minmax(0,1fr)!important}
#app .payroll-team[data-collection-view=list]>.payroll-member-card{display:grid;grid-template-columns:minmax(180px,1.2fr) minmax(150px,1fr) minmax(140px,1fr);align-items:center;gap:12px 18px}
#app .payroll-team[data-collection-view=list] .payroll-member-footer{grid-column:1/-1;margin:0}
#app .payroll-team[data-collection-view=list] .payroll-member-attendance{margin:0;padding:10px 0}
#app .payroll-team[data-collection-view=list] .payroll-member-income{text-align:end}
@media(max-width:900px){#app .carrier-hub-directory[data-collection-view=medium],#app .payroll-team[data-collection-view=medium]{grid-template-columns:repeat(2,minmax(0,1fr))!important}#app .report-center .rc-ranking[data-collection-view=medium]{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:600px){#app .toolbar-start,#app .toolbar-end{gap:6px}#app .toolbar-end{margin-inline-start:auto}#app .unified-list-toolbar>.order-record-tools{flex-basis:100%;order:4}#app .payroll-team[data-collection-view=list]>.payroll-member-card{display:flex}#app .carrier-hub-directory[data-collection-view=medium],#app .carrier-hub-directory[data-collection-view=large],#app .payroll-team[data-collection-view=medium],#app .payroll-team[data-collection-view=large],#app .report-center .rc-ranking[data-collection-view=medium],#app .report-center .rc-ranking[data-collection-view=large]{grid-template-columns:minmax(0,1fr)!important}#app .carrier-hub-directory[data-collection-view=list]>.carrier-hub-card{display:flex!important;flex-direction:column;align-items:stretch}#app .carrier-hub-directory[data-collection-view=list] .carrier-hub-metrics{width:100%}#app .team-list-toolbar .toolbar-start{gap:8px}}
/* Overview analytics: scoped charts and compact supporting indicators. */
#app .oa-scope{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:12px;margin-top:-8px}
#app .oa-scope svg{width:16px;height:16px;color:var(--accent)}
#app .oa-analytics-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:stretch;min-width:0}
#app .oa-sales-wide{grid-column:1/-1;min-width:0}
#app .oa-analytics-grid>.rc-card{padding:22px;min-width:0;display:flex;flex-direction:column;border-radius:15px;background:var(--surface);border:1px solid var(--border)}
#app .oa-analytics-grid .rc-card-heading{margin-bottom:18px}
#app .oa-analytics-grid .rc-card-heading h2{font-size:15px}
#app .oa-analytics-grid .rc-card-heading p{font-size:11px;line-height:1.7;color:var(--muted);margin:5px 0 0}
#app .oa-secondary .rc-metric{background:var(--surface);min-height:112px}
#app .oa-secondary .rc-metric>strong{font-size:22px}
#app .oa-analytics-grid .insight-link{margin-top:auto;align-self:flex-start;padding-top:18px}
#app .oa-analytics-grid .insight-delivery{min-height:210px;gap:18px}
#app .oa-analytics-grid .rc-status-list{margin:12px 0 18px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px 18px}
#app .oa-analytics-grid .rc-status-list>button{font-size:11px;padding:7px 0}
#app .oa-carriers{display:grid;gap:19px;margin:8px 0 20px}
#app .oa-carriers>button{display:grid;gap:8px;width:100%;border:0;background:transparent;color:inherit;text-align:start;padding:4px 0;border-radius:5px}
#app .oa-carriers>button>span{display:flex;justify-content:space-between;gap:12px;align-items:center;font-size:12px}
#app .oa-carriers>button>small{font-size:11px;color:var(--muted)}
#app .oa-stacked{display:flex;height:15px;min-width:2px;overflow:hidden;border-radius:5px;background:var(--soft);direction:inherit}
#app .oa-stacked em{height:100%;display:block;min-width:0}
#app .oa-delivered{background:#0e9d88}#app .oa-transit{background:#429ac2}#app .oa-returned{background:#dfa35c}
#app .oa-legend{display:flex;gap:12px;flex-wrap:wrap;font-size:10px;color:var(--muted);padding:12px 0;border-top:1px solid var(--border)}
#app .oa-legend span{display:flex;gap:5px;align-items:center}#app .oa-legend i{width:8px;height:8px;border-radius:3px}
#app .oa-products{display:grid;gap:12px;margin-bottom:16px}
#app .oa-products>button{display:flex;gap:11px;align-items:center;width:100%;padding:12px 0;background:transparent;border:0;border-bottom:1px solid var(--border);color:inherit;text-align:start;border-radius:0}
#app .oa-rank{color:var(--muted);font:12px monospace;width:14px;flex:none}
#app .oa-product-image{width:54px;height:54px;flex:none;display:grid;place-items:center;background:var(--soft);border-radius:10px;overflow:hidden;border:1px solid var(--border)}
#app .oa-product-image img{width:100%;height:100%;object-fit:contain;padding:3px}#app .oa-product-image svg{width:22px;height:22px}
#app .oa-product-name{flex:1;min-width:0;display:grid;gap:5px;font-size:12px}#app .oa-product-name b{overflow-wrap:anywhere}#app .oa-product-name small{font-size:10px;color:var(--muted)}
#app .oa-product-name i{height:5px;display:block;background:var(--soft);border-radius:4px;overflow:hidden;margin-top:3px}#app .oa-product-name em{height:100%;display:block;background:var(--accent);border-radius:4px}
#app .oa-products>button>strong{font-size:19px;flex:none;text-align:end}#app .oa-products strong small{display:block;font-size:10px;color:var(--muted);font-weight:400;margin-top:5px}
#app .oa-finance-total{display:grid;grid-template-columns:1fr auto;gap:7px;align-items:center;font-size:12px}#app .oa-finance-total>strong{font-size:24px;color:#0e9d88}#app .oa-finance-total>small{grid-column:1/-1;color:var(--muted)}#app .oa-finance-total .oa-negative{color:#c34f61}
#app .oa-waterfall{margin:18px -8px 12px;min-width:0;direction:ltr}#app .oa-waterfall svg{width:100%;height:auto;display:block;overflow:visible}#app .oa-waterfall text{font:10px Arial,Tahoma,sans-serif;fill:var(--muted)}#app .oa-grid{stroke:var(--border);stroke-width:1;stroke-dasharray:3 4}#app .oa-connector{stroke:var(--muted);stroke-width:1;stroke-dasharray:3 3;opacity:.5}
#app .oa-cash-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;border-block:1px solid var(--border);padding:15px 0;margin-bottom:10px}#app .oa-cash-grid>div{display:grid;gap:8px;min-width:0}#app .oa-cash-grid span{font-size:10px;color:var(--muted)}#app .oa-cash-grid strong{font-size:15px;overflow-wrap:anywhere}#app .oa-cash-grid small{font-size:9px}
#app .oa-estimate{font-size:11px;color:#ad6b1a;line-height:1.7}
#app .oa-analytics-grid button:focus-visible,#app .oa-waterfall [tabindex]:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
#app .ranking-heading-toolbar .rc-card-heading{margin:0;min-width:0}#app .ranking-heading-toolbar .rc-card-heading h2{margin:0;font-size:14px}#app .ranking-heading-toolbar .rc-card-heading p{margin:4px 0 0;font-size:11px;color:var(--muted)}
@media(max-width:1050px){#app .oa-analytics-grid .insight-delivery{flex-direction:column}#app .oa-analytics-grid .insight-ring-legend{width:100%}#app .oa-cash-grid{grid-template-columns:1fr}#app .oa-cash-grid>div{display:flex;justify-content:space-between;gap:8px}}
@media(max-width:760px){#app .oa-analytics-grid{grid-template-columns:minmax(0,1fr)}#app .oa-secondary{grid-template-columns:repeat(2,minmax(0,1fr))}#app .oa-analytics-grid>.rc-card{padding:17px}#app .oa-analytics-grid .rc-status-list{grid-template-columns:1fr}#app .oa-waterfall text{font-size:11px}#app .oa-analytics-grid .sales-trend-plot{overflow-x:auto}#app .oa-analytics-grid .sales-trend-plot svg{min-width:600px}}
/* Notification control center */
#app .nc-settings{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;background:transparent;border:0;padding:0;margin:0;max-width:none;align-items:stretch}
#app .nc-settings>.panel{margin:0;padding:22px}
#app .nc-control-header{display:flex;align-items:center;justify-content:space-between;gap:22px;flex-wrap:wrap}
#app .nc-heading-copy{display:flex;gap:14px;align-items:center;flex:1;min-width:220px}
#app .nc-heading-copy h2,#app .nc-section-heading h2{margin:0 0 6px;font-size:16px}
#app .nc-heading-copy p,#app .nc-section-heading p{font-size:12px;line-height:1.8;color:var(--muted);margin:0}
#app .nc-heading-icon,#app .nc-channel-icon,#app .nc-type-icon{display:grid;place-items:center;flex:none;background:var(--soft);color:var(--accent);border-radius:12px;width:44px;height:44px}
#app .nc-heading-icon svg,#app .nc-channel-icon svg,#app .nc-type-icon svg{width:21px;height:21px}
#app .nc-master{display:flex;align-items:center;gap:14px;background:var(--soft);border-radius:10px;padding:12px 15px;font-size:12px;font-weight:600}
#app .nc-settings .nc-switch{display:inline-flex;position:relative;width:46px;height:27px;min-width:46px;max-width:46px;flex:0 0 46px;cursor:pointer;margin:0;padding:0;border:0;align-items:center;direction:ltr;line-height:1}
#app .nc-switch input{position:absolute!important;opacity:0!important;width:100%!important;height:100%!important;inset:0!important;cursor:pointer;margin:0!important;z-index:2;padding:0!important}
#app .nc-switch>span{display:block;width:46px;height:27px;border-radius:20px;background:var(--border);border:1px solid var(--muted);box-sizing:border-box;transition:background .18s,border-color .18s;pointer-events:none}
#app .nc-switch>span:after{content:'';position:absolute;inset-inline-start:3px;top:3px;width:21px;height:21px;border-radius:50%;background:#fff;box-shadow:0 1px 4px #162b4940;transition:transform .18s}
#app .nc-switch input:checked+span{background:var(--accent);border-color:var(--accent)}
#app .nc-switch input:checked+span:after{transform:translateX(19px)}
#app .nc-switch input:focus-visible+span{outline:3px solid var(--accent);outline-offset:3px}
#app .nc-channels{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
#app .nc-channel-card{padding:18px;margin:0;min-width:0;display:flex;flex-direction:column;align-items:stretch}
#app .nc-channel-card>div{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:15px}
#app .nc-channel-card h3{font-size:14px;margin:0 0 7px}
#app .nc-channel-card p{font-size:11px;line-height:1.8;color:var(--muted);margin:0 0 14px;min-height:40px}
#app .nc-channel-state{display:inline-flex;align-items:center;gap:5px;align-self:flex-start;font-size:10px;line-height:1.6;border-radius:7px;padding:5px 8px;background:var(--soft);color:var(--accent);margin-top:auto}
#app .nc-channel-state:before{content:'';width:5px;height:5px;background:currentColor;border-radius:50%;flex:none}
#app .nc-channel-state.nc-pending{background:#d5942714;color:#aa721e}
#app .nc-section-heading{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;margin-bottom:20px;flex-wrap:wrap}
#app .nc-type-count{font-size:11px;color:var(--accent);background:var(--soft);padding:6px 10px;border-radius:8px;white-space:nowrap}
#app .nc-matrix{border:1px solid var(--border);border-radius:12px;overflow:hidden}
#app .nc-matrix-head,#app .nc-type-row{display:grid;grid-template-columns:minmax(280px,2.7fr) repeat(4,minmax(90px,1fr));align-items:center;gap:0}
#app .nc-matrix-head{background:var(--soft);padding-block:13px;font-size:11px;color:var(--muted);text-align:center;font-weight:600}
#app .nc-matrix-head>span:first-child{text-align:start;padding-inline:16px}
#app .nc-type-row{border-top:1px solid var(--border);min-height:92px}
#app .nc-type-identity{display:flex;align-items:center;gap:11px;padding:15px;min-width:0}
#app .nc-type-identity>div{flex:1;min-width:0}
#app .nc-type-identity strong{font-size:12px}#app .nc-type-identity p{font-size:10px;line-height:1.7;margin:5px 0 0;color:var(--muted)}
#app .nc-type-icon{width:35px;height:35px;border-radius:9px}#app .nc-type-icon svg{width:17px;height:17px}
#app .nc-matrix-cell{display:flex;align-items:center;justify-content:center;padding:10px 6px}
#app .nc-mobile-label{display:none}
#app .nc-contact-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
#app .nc-contact-fields>label{display:grid;gap:8px;font-size:12px;min-width:0;margin:0}
#app .nc-contact-fields input{width:100%;box-sizing:border-box;min-width:0;min-height:42px}
#app .nc-save-bar{display:flex;align-items:center;justify-content:space-between;gap:18px;background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:16px 20px}
#app .nc-save-bar p{font-size:11px;line-height:1.8;color:var(--muted);margin:0;max-width:65%}
#app .nc-save-bar .btn{flex:none;min-height:40px}
#app .nc-muted-label{display:inline-block;font-size:10px;color:var(--muted);background:var(--soft);padding:4px 8px;border-radius:6px;margin-bottom:8px}
#app .notification-history{display:grid;gap:12px;margin-top:15px}
#app .notification-history .notification-history-item{margin:0;padding:18px}
@media(max-width:1150px){#app .nc-channels{grid-template-columns:repeat(2,minmax(0,1fr))}#app .nc-matrix-head,#app .nc-type-row{grid-template-columns:minmax(240px,2.7fr) repeat(4,minmax(68px,1fr))}#app .nc-type-identity{gap:8px;padding:13px 10px}#app .nc-type-icon{display:none}}
@media(max-width:800px){#app .nc-matrix-head{display:none}#app .nc-type-row{grid-template-columns:repeat(2,minmax(0,1fr));padding:8px}#app .nc-type-identity{grid-column:1/-1;border-bottom:1px solid var(--border);margin-bottom:8px}#app .nc-type-icon{display:grid}#app .nc-matrix-cell{justify-content:space-between;gap:8px;padding:10px}#app .nc-mobile-label{display:block;font-size:11px;color:var(--muted)}#app .nc-settings>.panel{padding:17px}#app .nc-save-bar{flex-wrap:wrap}#app .nc-save-bar p{max-width:none}#app .nc-contact-fields{grid-template-columns:1fr}}
@media(max-width:450px){#app .nc-channels{grid-template-columns:minmax(0,1fr)}#app .nc-master{width:100%;justify-content:space-between}#app .nc-type-icon{display:none}#app .nc-save-bar .btn{width:100%;justify-content:center}}
@media(prefers-reduced-motion:reduce){#app .nc-switch>span,#app .nc-switch>span:after{transition:none}}
/* Section alerts and header conversations */
#app .sidebar-brand>.souqi-brand-mark{width:43px;height:43px;flex:0 0 43px;color:inherit;overflow:visible}
#app .sidebar-section-item{position:relative;min-width:0;width:100%}
#app .sidebar-section-item>.sidebar-link{width:100%;padding-inline-end:48px!important;box-sizing:border-box}
#app .header-messages-dropdown>summary{list-style:none;cursor:pointer}
#app .header-messages-dropdown>summary::-webkit-details-marker{display:none}
#app .header-messages-popover{width:360px;max-width:calc(100vw - 24px);padding:0;overflow:hidden}
#app #header-message-items{max-height:390px;overflow-y:auto;padding:5px}
#app .header-message-item{display:flex;align-items:center;gap:10px;padding:12px 10px;width:100%;min-width:0;box-sizing:border-box;border:0;border-bottom:1px solid var(--border);border-radius:7px;background:transparent;color:var(--text);text-align:start}
#app .header-message-item:hover,#app .header-message-item:focus-visible{background:var(--soft)}
#app .header-message-item>.user-avatar{width:38px;height:38px;flex:0 0 38px}
#app .header-message-item>span{display:grid;gap:5px;flex:1;min-width:0}
#app .header-message-item strong{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#app .header-message-item small{font-size:11px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.6}
#app .header-message-item time{font-size:9px;color:var(--muted)}
#app .header-message-count{background:var(--accent);color:#fff;font-size:10px;border-radius:7px;padding:4px 6px;flex:none}
#app .header-messages-popover .header-popover-footer>.btn{width:100%;justify-content:center}
@media(max-width:600px){#app .header-messages-popover{position:fixed;inset-inline:12px;top:74px;width:auto;max-width:none}}
/* Profile settings with a dedicated side navigation */
#app .profile-settings-workspace{display:grid;grid-template-columns:230px minmax(0,1fr);gap:18px;align-items:start;margin-top:20px;min-width:0}
#app .ps-navigation{padding:15px;margin:0;position:sticky;top:88px;min-width:0}
#app .ps-nav-heading{display:flex;align-items:center;gap:10px;padding:8px 5px 18px;margin-bottom:10px;border-bottom:1px solid var(--border)}
#app .ps-nav-heading>svg{width:22px;height:22px;flex:none;color:var(--accent)}
#app .ps-nav-heading>div{display:grid;gap:6px;min-width:0}#app .ps-nav-heading strong{font-size:13px}#app .ps-nav-heading small{font-size:10px;color:var(--muted);overflow-wrap:anywhere}
#app .ps-nav-list{display:grid;gap:5px}
#app .ps-nav-item{display:flex;align-items:center;gap:10px;background:transparent;border:1px solid transparent;border-radius:9px;padding:12px 10px;color:var(--muted);font-size:12px;text-align:start;width:100%;min-width:0;box-sizing:border-box}
#app .ps-nav-item>svg{width:17px;height:17px;flex:none}#app .ps-nav-item>span{flex:1}#app .ps-nav-item>svg:last-child{width:13px;height:13px;opacity:.55}
#app .ps-nav-item[aria-current=page]{color:var(--accent);background:var(--soft);border-color:var(--border);font-weight:650}#app .ps-nav-item:hover{background:var(--soft)}#app .ps-nav-item:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
#app .ps-content{margin:0;padding:25px;min-width:0;min-height:400px}
#app .ps-content-heading{display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--border);padding-bottom:20px;margin-bottom:20px}
#app .ps-content-heading>span{width:42px;height:42px;border-radius:11px;background:var(--soft);color:var(--accent);display:grid;place-items:center;flex:none}#app .ps-content-heading svg{width:22px;height:22px}#app .ps-content-heading h2{font-size:18px;margin:0 0 5px}#app .ps-content-heading small{font-size:10px;color:var(--muted)}
#app .ps-section-note{font-size:12px;line-height:1.9;color:var(--muted);margin:0 0 22px}
#app .ps-content>form{display:block;padding:0;margin:0;border:0;background:transparent;max-width:none}
#app .ps-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 18px;align-items:start}
#app .ps-fields>label{display:grid;gap:8px;min-width:0;margin:0;font-size:12px}
#app .ps-fields input,#app .ps-fields textarea,#app .ps-fields select{box-sizing:border-box;width:100%;min-width:0;max-width:none;min-height:43px;border-radius:9px;font-size:13px;padding:10px 12px}
#app .ps-fields .customer-address{grid-column:1/-1}#app .ps-fields textarea{min-height:115px;resize:vertical}
#app .ps-security-fields{grid-template-columns:minmax(0,460px)}
#app .ps-form-footer{display:flex;justify-content:flex-end;border-top:1px solid var(--border);margin-top:26px;padding-top:18px;gap:10px}#app .ps-form-footer .btn{min-height:40px;padding-inline:16px}
#app .ps-current-email{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;background:var(--soft);border:1px solid var(--border);border-radius:10px;margin-bottom:22px;font-size:12px;flex-wrap:wrap}#app .ps-current-email span{color:var(--muted)}#app .ps-current-email b{overflow-wrap:anywhere}
#app .ps-unavailable{display:flex;align-items:flex-start;gap:10px;border:1px solid var(--border);background:var(--soft);color:var(--muted);font-size:12px;line-height:1.9;padding:15px;border-radius:10px;margin:0 0 20px}#app .ps-unavailable svg{width:20px;height:20px;flex:none;margin-top:3px;color:var(--accent)}
@media(max-width:1000px){#app .profile-settings-workspace{grid-template-columns:200px minmax(0,1fr);gap:14px}#app .ps-navigation{padding:10px}#app .ps-content{padding:20px}}
@media(max-width:760px){#app .profile-settings-workspace{grid-template-columns:minmax(0,1fr)}#app .ps-navigation{position:static}#app .ps-nav-list{grid-template-columns:repeat(2,minmax(0,1fr))}#app .ps-nav-heading{padding-bottom:12px}#app .ps-nav-item{padding:10px 8px;font-size:11px}#app .ps-nav-item>svg:last-child{display:none}#app .ps-fields{grid-template-columns:minmax(0,1fr)}#app .ps-content{padding:18px}}
/* Section notification badge links; the alert list lives in its section hero. */
#app .sidebar-section-item>.sidebar-section-alert-trigger{position:absolute;inset-inline-end:5px;top:6px;display:flex;align-items:center;justify-content:center;gap:3px;min-width:31px;height:28px;min-height:28px;padding:3px 5px;border:1px solid #ffffff25;border-radius:7px;background:#ffffff12;color:inherit;cursor:pointer;box-sizing:border-box;font-size:10px;line-height:1}
#app .sidebar-section-alert-trigger>svg{width:13px;height:13px;flex:none;color:#fff!important;stroke:currentColor;opacity:1!important}
#app .sidebar-section-alert-trigger>span{background:var(--surface);color:var(--accent);padding:3px 4px;min-width:12px;border-radius:4px;font-size:9px;text-align:center}
#app .sidebar-section-alert-trigger:focus-visible{outline:2px solid currentColor;outline-offset:2px}
#app .has-section-notifications{position:relative;overflow:visible;z-index:6}
#app .carrier-hub-hero>.workspace-section-actions{display:flex;align-items:center;gap:8px;margin-inline-start:auto;flex:0 0 auto;flex-wrap:wrap;justify-content:flex-end}
#app .workspace-section-actions>.section-notifications{position:relative;flex:none;margin:0;padding:0;border:0;min-width:0;background:transparent;color:var(--text)}
#app .section-notifications>.section-notification-trigger{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:38px;width:auto;height:36px;min-height:36px;box-sizing:border-box;padding:7px 9px;border:1px solid var(--border);border-radius:9px;background:var(--surface);color:var(--accent);cursor:pointer;list-style:none;margin:0;font-size:11px;line-height:1}
#app .section-notification-trigger::-webkit-details-marker{display:none}
#app .section-notification-bell{display:flex;align-items:center}#app .section-notification-bell>svg{width:18px;height:18px}
#app .section-notification-count{min-width:17px;text-align:center;font-size:10px;padding:3px 5px;border-radius:5px;background:var(--soft);font-weight:650}
#app .section-notifications[open]>.section-notification-trigger{background:var(--soft);border-color:var(--accent)}
#app .section-notification-trigger:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
#app .section-alert-panel{position:absolute;inset-inline-end:0;top:calc(100% + 10px);width:360px;max-width:calc(100vw - 40px);box-sizing:border-box;background:var(--surface);border:1px solid var(--border);border-radius:13px;box-shadow:0 14px 40px #10283d26;z-index:100;color:var(--text);text-align:start;overflow:hidden}
#app .section-alert-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:14px 16px;border-bottom:1px solid var(--border);background:var(--surface)}
#app .section-alert-heading strong{font-size:13px;line-height:1.6}
#app .section-alert-close{display:grid;place-items:center;flex:none;min-width:28px;width:28px;height:28px;min-height:28px;padding:5px;border:1px solid var(--border);border-radius:7px;background:var(--soft);color:var(--muted)}#app .section-alert-close svg{width:16px;height:16px}
#app .section-alert-items{max-height:min(390px,55vh);overflow-y:auto;overscroll-behavior:contain;padding:4px 10px}
#app .section-alert-item{display:flex;align-items:center;gap:8px;border-bottom:1px solid var(--border);padding:8px 0}
#app .section-alert-item:last-child{border-bottom:0}
#app .section-alert-open{flex:1;display:flex;min-width:0;padding:7px;border:0;border-radius:8px;background:transparent;color:inherit;text-align:start;min-height:54px;cursor:pointer}
#app .section-alert-open:hover,#app .section-alert-open:focus-visible{background:var(--soft)}
#app .section-alert-copy{display:grid;gap:6px;min-width:0;line-height:1.5}#app .section-alert-copy strong{font-size:12px;overflow-wrap:anywhere}#app .section-alert-copy small{font-size:11px;color:var(--accent)}#app .section-alert-copy time{font-size:10px;color:var(--muted)}
#app .section-alert-empty{font-size:12px;text-align:center;line-height:1.8;color:var(--muted);padding:28px 16px;margin:0}
#app .section-alert-footer{font-size:10px;color:var(--muted);background:var(--soft);padding:10px 16px;margin:0;border-top:1px solid var(--border)}
@media(max-width:700px){#app .section-alert-panel{position:fixed;inset-inline:12px;top:auto;bottom:12px;width:auto;max-width:none;border-radius:17px;box-shadow:0 12px 60px #10283d40}#app .section-alert-items{max-height:min(60vh,440px)}#app .section-alert-open{min-height:65px}#app .section-alert-close{width:36px;height:36px;min-height:36px}#app .section-alert-heading{padding:16px}#app .has-section-notifications{z-index:20}}
#app .section-alert-footer{display:flex;align-items:center;justify-content:space-between;gap:10px}
#app .section-alert-pagination{display:flex;align-items:center;gap:8px;flex:none}
#app .section-alert-page{font-size:10px;font-variant-numeric:tabular-nums;min-width:32px;text-align:center;direction:ltr}
#app .section-alert-pagination>button{display:grid;place-items:center;width:27px;height:27px;min-height:27px;padding:5px;border:1px solid var(--border);border-radius:7px;background:var(--surface);color:var(--accent);cursor:pointer}
#app .section-alert-pagination>button>svg{width:14px;height:14px}
#app .section-alert-pagination>button:disabled{opacity:.35;cursor:default}
#app .section-alert-previous>svg{transform:rotate(180deg)}
#app[dir=rtl] .section-alert-previous>svg,[dir=rtl] #app .section-alert-previous>svg{transform:none}
#app[dir=rtl] .section-alert-next>svg,[dir=rtl] #app .section-alert-next>svg{transform:rotate(180deg)}
@media(max-width:700px){#app .section-alert-pagination>button{width:32px;height:32px;min-height:32px}}
#app .carrier-hub-hero>.workspace-section-actions>[data-action=carrier-hub-add]{background:var(--accent);border-color:var(--accent);color:#fff}
#app .notification-destination-focus{outline:2px solid var(--accent);outline-offset:3px;background:var(--soft)}

/* Geographic order intelligence — offline, theme-aware cartography. */
#app .map-professional{--map-ocean:color-mix(in srgb,var(--accent) 3%,var(--surface));border-radius:16px;background:var(--surface);container-type:inline-size;box-shadow:0 8px 24px color-mix(in srgb,var(--accent) 5%,transparent)}
#app .map-professional .map-toolbar{padding:16px 18px;gap:12px;flex-wrap:wrap}
#app .map-professional .map-heading{gap:10px;align-items:center;color:var(--ink)}
#app .map-heading-icon{display:grid;place-items:center;flex:none;width:38px;height:38px;border:1px solid var(--border);border-radius:11px;background:var(--soft);color:var(--accent)}
#app .map-heading-icon svg{width:23px;height:23px}
#app .map-heading strong{display:block;font-size:13px;font-weight:700}
#app .map-heading small{display:block;margin-top:4px;font-size:10px;color:var(--muted)}
#app .map-professional .map-controls{display:flex;align-items:center;gap:5px;direction:ltr}
#app .map-professional .map-controls button{font-size:11px;min-height:32px;border-radius:8px;transition:background .15s}
#app .map-professional .map-controls button:nth-child(-n+2){font-size:18px;width:32px;padding:0}
#app .map-professional button:hover{background:var(--soft)}
#app .map-professional button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
#app .map-metrics{display:grid;grid-template-columns:1fr .8fr 1.3fr;padding:16px 18px;gap:16px;border-bottom:1px solid var(--border);background:linear-gradient(115deg,var(--surface),var(--soft))}
#app .map-metrics>div{min-width:0;display:flex;flex-wrap:wrap;align-items:baseline;column-gap:8px;row-gap:4px}
#app .map-metrics>div+div{border-inline-start:1px solid var(--border);padding-inline-start:16px}
#app .map-metrics span{width:100%;font-size:10px;color:var(--muted)}
#app .map-metrics strong{font-size:25px;font-weight:750;line-height:1.35;color:var(--ink);font-variant-numeric:tabular-nums}
#app .map-metrics .map-top-country{font-size:16px;color:var(--accent);overflow-wrap:anywhere}
#app .map-metrics small{font-size:10px;color:var(--muted)}
#app .map-workspace{display:grid;grid-template-columns:minmax(0,1fr) 200px;direction:ltr}
#app .map-workspace>*{direction:inherit;min-width:0}
#app[dir=rtl] .map-workspace>*,[dir=rtl] #app .map-workspace>*{direction:rtl}
#app .map-canvas{background:var(--map-ocean);min-width:0;display:flex;flex-direction:column;justify-content:center}
#app .map-viewport{padding:22px 10px 10px;overflow:hidden}
#app .map-professional .orders-map-svg{width:100%;height:auto;min-height:240px;aspect-ratio:2;filter:drop-shadow(0 3px 3px color-mix(in srgb,var(--accent) 8%,transparent))}
#app .map-graticule{fill:none;stroke:var(--accent);stroke-opacity:.07;stroke-width:.6;pointer-events:none}
#app .map-professional .map-country{fill:color-mix(in srgb,var(--accent) 6%,var(--surface));stroke:color-mix(in srgb,var(--accent) 24%,var(--surface));stroke-width:.55;stroke-linejoin:round}
#app .map-professional .map-country.has-orders{stroke:color-mix(in srgb,var(--accent) 70%,var(--surface));stroke-width:.8}
#app .map-professional .map-country:hover,#app .map-professional .map-country:focus,#app .map-professional .map-country.is-map-selected{stroke:var(--ink);stroke-width:1.8;filter:brightness(1.12)}
#app .map-scale{display:flex;align-items:center;justify-content:center;gap:10px;padding:12px 18px;font-size:9px;color:var(--muted);font-variant-numeric:tabular-nums}
#app .map-scale-track{width:95px;height:6px;border-radius:8px;background:linear-gradient(to right,color-mix(in srgb,var(--accent) 22%,var(--surface)),var(--accent));direction:ltr}
#app .map-professional .map-country-info{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:6px 12px;margin:0 14px;padding:12px 14px;min-height:66px;border:1px solid var(--border);border-radius:10px;background:var(--surface);font-size:12px}
#app .map-detail-label{width:100%;color:var(--muted);font-size:9px}
#app [data-map-detail-name]{color:var(--ink);font-size:13px}
#app [data-map-detail-value]{color:var(--accent);font-weight:700;font-variant-numeric:tabular-nums}
#app .map-help{font-size:9px;line-height:1.8;color:var(--muted);text-align:center;margin:10px 16px 14px}
#app .map-destinations{border-inline-start:1px solid var(--border);background:var(--surface)}
#app .map-destinations-heading{display:flex;justify-content:space-between;align-items:center;padding:14px 12px;border-bottom:1px solid var(--border);font-size:11px;color:var(--ink)}
#app .map-destinations-heading>span{padding:2px 7px;background:var(--soft);color:var(--accent);border-radius:6px;font-size:10px}
#app .map-professional .map-destination-list{display:flex;flex-direction:column;gap:0;padding:4px;max-height:380px;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--border) transparent}
#app .map-professional .map-destination-list button{display:flex;width:100%;align-items:center;gap:9px;padding:10px 8px;min-height:53px;border:1px solid transparent;border-radius:8px;background:transparent;color:var(--ink);text-align:start}
#app .map-professional .map-destination-list button:hover,#app .map-professional .map-destination-list button[aria-pressed=true]{background:var(--soft);border-color:var(--border)}
#app .map-rank{font-size:9px;min-width:14px;color:var(--muted);font-variant-numeric:tabular-nums}
#app .map-destination-body{flex:1;min-width:0}
#app .map-destination-name{display:block;font-size:10px;overflow-wrap:anywhere}
#app .map-destination-track{display:block;margin-top:7px;height:3px;background:var(--soft);border-radius:4px;overflow:hidden}
#app .map-destination-track i{display:block;height:100%;background:var(--accent);border-radius:4px;opacity:.8}
#app .map-destination-value{display:flex;flex-direction:column;align-items:flex-end;gap:3px;font-variant-numeric:tabular-nums}
#app .map-professional .map-destination-value b{padding:0;background:transparent;font-size:12px;color:var(--accent)}
#app .map-destination-value small{font-size:9px;color:var(--muted)}
#app .map-bottom{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px 12px;border-top:1px solid var(--border);padding:10px 14px;color:var(--muted)}
#app .map-bottom .map-attribution{padding:0;font-size:9px}
#app .map-bottom>small{font-size:9px}
#app .map-empty{padding:20px 12px;font-size:11px;color:var(--muted)}
#app .map-professional .orders-map-svg{min-height:0}
#app .map-destinations{border-inline-start:0;border-left:1px solid var(--border)}
@container(max-width:580px){#app .map-workspace{grid-template-columns:1fr}#app .map-destinations{border-inline-start:0;border-top:1px solid var(--border)}#app .map-professional .map-destination-list{display:grid;grid-template-columns:1fr 1fr;max-height:210px}#app .map-professional .orders-map-svg{min-height:190px}#app .map-metrics{gap:10px;padding:14px 12px}#app .map-metrics>div+div{padding-inline-start:10px}#app .map-professional .map-toolbar{padding:12px}#app .map-metrics strong{font-size:22px}#app .map-metrics .map-top-country{font-size:14px}}
@media(max-width:440px){#app .map-professional .map-controls{width:100%;justify-content:flex-end}#app .map-metrics span{font-size:9px}#app .map-metrics{grid-template-columns:1fr .7fr 1.1fr}#app .map-professional .map-destination-list button{padding:9px 5px;gap:6px}}
@container(max-width:580px){#app .map-professional .orders-map-svg{min-height:0}#app .map-destinations{border-left:0}}

/* Compact business summaries occupy the former tracking column. */
#app .dashboard-business-rail{min-width:0;gap:12px;align-self:start;--summary-blue:#7d9cb8;--summary-green:#83aaa1;--summary-sand:#c7b69a;--summary-lilac:#a69fbd}
#app .dashboard-business-rail .overview-heading{margin:0;padding:0 3px}
#app .dashboard-business-rail .overview-heading h2{font-size:15px;margin:0 0 5px}
#app .dashboard-business-rail .overview-heading p{font-size:9px;margin:0;color:var(--muted);line-height:1.6}
#app .dashboard-business-rail .dashboard-overviews{grid-template-columns:minmax(0,1fr);gap:12px;margin:0}
#app .dashboard-business-rail .overview-card{padding:14px;gap:9px;background:var(--surface);border:1px solid var(--border);border-radius:13px;box-shadow:none}
#app .dashboard-business-rail .overview-card h3{font-size:12px}
#app .dashboard-business-rail .overview-card .card-heading>.souqi-icon{width:15px;height:15px;padding:6px;color:var(--summary-blue)}
#app .dashboard-business-rail .overview-numbers{gap:14px;padding-bottom:7px}
#app .dashboard-business-rail .overview-numbers strong{font-size:21px}
#app .dashboard-business-rail .overview-numbers span,#app .dashboard-business-rail .overview-ranking li,#app .dashboard-business-rail .overview-ranking b,#app .dashboard-business-rail .overview-link{font-size:10px!important}
#app .dashboard-business-rail .overview-ranking{gap:8px;margin:0}
#app .dashboard-business-rail .overview-ranking .overview-bar-fill{fill:var(--summary-blue)}
#app .dashboard-business-rail .overview-link{padding-top:8px;margin-top:0}
#app .dashboard-business-rail .overview-footnote{font-size:9px;line-height:1.6}
#app .overview-finance-chart{display:block;width:100%;height:92px;direction:ltr}
#app .summary-chart-grid{fill:none;stroke:var(--border);stroke-width:.7;stroke-dasharray:3 4}
#app .summary-chart-baseline{fill:none;stroke:var(--muted);stroke-width:.8;opacity:.6}
#app .summary-tone-0{fill:var(--summary-blue);background:var(--summary-blue)}
#app .summary-tone-1{fill:var(--summary-green);background:var(--summary-green)}
#app .summary-tone-2{fill:var(--summary-sand);background:var(--summary-sand)}
#app .summary-tone-3{fill:var(--summary-lilac);background:var(--summary-lilac)}
#app .summary-negative{fill:#be9295}
#app .dashboard-business-rail .overview-money-legend{grid-template-columns:1fr 1fr;gap:8px 12px}
#app .dashboard-business-rail .overview-money-legend>div{display:flex;flex-direction:column;gap:0;min-width:0;border-inline-start:3px solid var(--summary-blue);padding-inline-start:7px}
#app .dashboard-business-rail .overview-money-legend>div:nth-child(2){border-color:var(--summary-green)}
#app .dashboard-business-rail .overview-money-legend>div:nth-child(3){border-color:var(--summary-sand)}
#app .dashboard-business-rail .overview-money-legend>div:nth-child(4){border-color:var(--summary-lilac)}
#app .dashboard-business-rail .overview-money-legend span{font-size:9px!important}
#app .dashboard-business-rail .overview-money-legend strong{font-size:12px;overflow-wrap:anywhere}
#app .overview-stock-chart{display:flex;align-items:center;gap:14px}
#app .overview-stock-chart>svg{width:100px;height:100px;flex:none;direction:ltr}
#app .summary-ring-track{fill:none;stroke:var(--soft);stroke-width:13}
#app .summary-ring-part{fill:none;stroke-width:13;transform:rotate(-90deg);transform-origin:56px 56px}
#app .summary-ring-part.summary-tone-0{stroke:var(--summary-green)}
#app .summary-ring-part.summary-tone-1{stroke:var(--summary-sand)}
#app .summary-ring-part.summary-tone-2{stroke:#be9295}
#app .overview-stock-chart text{fill:var(--ink);font-size:22px;font-weight:700}
#app .overview-stock-chart>div{display:grid;gap:10px;flex:1;min-width:0}
#app .overview-stock-chart>div>div{display:flex;gap:6px;align-items:center;font-size:9px;color:var(--muted)}
#app .overview-stock-chart i{width:7px;height:7px;border-radius:50%;flex:none}
#app .overview-stock-chart i.summary-tone-0{background:var(--summary-green)}
#app .overview-stock-chart i.summary-tone-1{background:var(--summary-sand)}
#app .overview-stock-chart i.summary-tone-2{background:#be9295}
#app .overview-stock-chart b{margin-inline-start:auto;font-size:11px;color:var(--ink)}
#app .dashboard-business-rail .dashboard-more-insights{margin:0}
#app .dashboard-business-rail .dashboard-more-insights>summary{font-size:10px;line-height:1.7}
#app .dashboard-business-rail .dashboard-more-insights>.dashboard-overviews{padding:8px}
@container(max-width:950px){#app .dashboard-layout.customizable-dashboard>.dashboard-business-rail{grid-column:1/-1;grid-row:auto}#app .dashboard-business-rail>.dashboard-overviews{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}}
@container(max-width:570px){#app .dashboard-layout.customizable-dashboard>.dashboard-business-rail{grid-column:1;grid-row:auto}#app .dashboard-business-rail>.dashboard-overviews{grid-template-columns:1fr}}

/* Keep tracking in its original column; summaries follow it. */
#app .dashboard-side-column{display:flex;flex-direction:column;gap:16px;align-self:start}
#app .dashboard-side-column>.shipment-tracking-summary{margin:0;min-width:0}
#app .dashboard-side-column>.dashboard-business-rail{display:flex;flex-direction:column;width:100%;gap:12px}
#app .dashboard-side-column .tracking-timeline{max-height:none;flex:none}
#app .dashboard-side-column .tracking-carrier{margin-top:12px}
#app .dashboard-side-column .dashboard-overviews{grid-template-columns:minmax(0,1fr)}

/* A compact map focused on worldwide order coverage. */
#app .map-compact .map-toolbar{padding:10px 12px;gap:8px}
#app .map-compact .map-heading{display:flex;flex-direction:column;align-items:flex-start;gap:3px}
#app .map-compact .map-heading strong{font-size:12px}
#app .map-compact .map-heading small{margin:0;font-size:10px}
#app .map-compact .map-controls{width:auto;justify-content:flex-end}
#app .map-compact .map-controls button{min-height:28px;height:28px;padding:3px 8px;font-size:10px}
#app .map-compact .map-controls button:nth-child(-n+2){width:28px;font-size:17px}
#app .map-compact .map-viewport{padding:8px 10px 0;background:var(--map-ocean)}
#app .map-compact .orders-map-svg{width:100%;max-width:600px;height:auto;min-height:0;aspect-ratio:2;display:block;margin:0 auto}
#app .map-compact-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 12px;border-top:1px solid var(--border);background:var(--surface)}
#app .map-compact .map-country-info{display:flex;align-items:center;justify-content:flex-start;flex-wrap:wrap;gap:4px 8px;min-height:0;padding:0;margin:0;border:0;border-radius:0;background:none;font-size:10px}
#app .map-compact [data-map-detail-name]{font-size:10px}
#app .map-compact [data-map-detail-value]{font-size:10px;font-weight:500;color:var(--muted)}
#app .map-compact .map-scale{padding:0;gap:6px;font-size:9px;flex:none}
#app .map-compact .map-scale-track{width:65px;height:5px}
#app .map-compact .map-attribution{padding:3px 12px 7px;font-size:8px;background:var(--surface)}
#app .map-compact .map-note{display:block;margin:0;padding:5px 12px;font-size:9px}
@media(max-width:440px){#app .map-compact .map-heading strong{font-size:11px}#app .map-compact-footer{flex-wrap:wrap}#app .map-compact .map-scale{margin-inline-start:auto}}

/* Map-only presentation: all country detail stays in native hover titles. */
#app .map-only{padding:6px;background:var(--map-ocean);border:0;border-radius:12px;box-shadow:none;box-sizing:border-box}
#app .map-only .orders-map-svg{display:block;width:100%;max-width:600px;height:auto;min-height:0;aspect-ratio:2;margin:0 auto;filter:none}
#app .sc-plot:has(.map-only){flex:0 0 auto;align-items:start;align-content:start}
#app .chart-card:has(.map-only){align-self:start;min-height:0!important}
#app .shipping-explorer:has(.map-only){flex:0 0 auto}
#app .dashboard-layout.customizable-dashboard>.dashboard-map-frame,#app .dashboard-map-frame{min-height:0!important;padding:0;align-self:start;border:0;background:transparent;box-shadow:none;border-radius:12px;overflow:hidden}
#app .dashboard-map-frame .shipping-map-only{gap:0;display:block;flex:none}
#app .dashboard-map-frame .map-only{padding:8px;border:1px solid var(--border);border-radius:12px}

/* Fill the dashboard grid track; preserve the map's proportions at every width. */
#app .dashboard-layout.customizable-dashboard>.dashboard-map-frame,#app .dashboard-map-frame{width:100%;max-width:none;min-width:0;justify-self:stretch;box-sizing:border-box}
#app .dashboard-map-frame .map-only{padding:0;width:100%;box-sizing:border-box}
#app .dashboard-map-frame .orders-map-svg{max-width:none;width:100%;height:auto;aspect-ratio:2;outline:none}
#app .dashboard-map-frame .orders-map-svg:focus-visible{outline:2px solid var(--accent);outline-offset:-3px;border-radius:12px}
#app .dashboard-side-column>.shipment-tracking-summary{padding:0;border:0;background:transparent;box-shadow:none}
#app .shipment-tracking-summary>.shipment-digital-route{margin:0;max-width:none;width:100%}
#app .shipment-tracking-summary .digital-route-heading h3{font-size:12px}
#app .shipment-tracking-summary .flat-stage-glyph{stroke-width:1.6}
#app .shipment-tracking-summary .flat-stage-tile{rx:22px;stroke-width:1}
#app .shipment-tracking-summary .shipment-stage-object.is-current .flat-stage-tile{stroke-width:1.7;fill:color-mix(in srgb,var(--accent) 9%,var(--surface))}
#app .shipment-tracking-summary .flat-icon-wash{fill-opacity:.04}

/* Pack panels by their measured content height instead of stretching shared rows. */
#app .dashboard-layout.customizable-dashboard.dashboard-packed{grid-auto-rows:4px;row-gap:0;column-gap:20px;align-items:start;grid-auto-flow:row dense}
#app .dashboard-layout.customizable-dashboard.dashboard-packed>*{align-self:start;min-width:0;margin-block:0}
#app .dashboard-layout.customizable-dashboard>.shipment-activity{grid-column:span 2;width:100%;box-sizing:border-box}
#app .dashboard-layout.customizable-dashboard>.shipment-activity>.dashboard-activity-link{margin:0;padding:12px 16px;border-top:1px solid var(--border)}
@container(max-width:570px){#app .dashboard-layout.customizable-dashboard.dashboard-packed{column-gap:14px}}
@container(max-width:570px){#app .dashboard-layout.customizable-dashboard>.shipment-activity{grid-column:1}}

/* Quiet atlas treatment: balanced projection, neutral land, scaled destination dots. */
#app .dashboard-map-frame .map-atlas{--map-ocean:var(--surface);border-color:var(--border);padding:0;border-radius:14px;background:var(--surface)}
#app .map-atlas .map-country{fill:color-mix(in srgb,var(--ink) 11%,var(--surface));stroke:var(--surface);stroke-width:.65;fill-rule:evenodd;transition:fill .2s,stroke .2s}
#app .map-atlas .map-country.has-orders{stroke:var(--surface);stroke-width:.75}
#app .map-atlas .map-country:hover,#app .map-atlas .map-country:focus,#app .map-atlas .map-country.is-map-selected{stroke:var(--accent);stroke-width:1.2;filter:none;fill:color-mix(in srgb,var(--accent) 48%,var(--surface))!important}
#app .map-atlas .map-bubble-halo{fill:var(--accent);fill-opacity:.1;stroke:var(--accent);stroke-opacity:.15;stroke-width:.6;vector-effect:non-scaling-stroke}
#app .map-atlas .map-bubble{fill:var(--accent);fill-opacity:.85;stroke:var(--surface);stroke-width:1.4;vector-effect:non-scaling-stroke}
#app .map-atlas .map-bubble-center{fill:var(--surface);fill-opacity:.95}
@media(max-width:570px){#app .dashboard-map-frame .map-atlas{padding:0}}
@media(prefers-reduced-motion:reduce){#app .map-atlas .map-country{transition:none}}

/* Welcome panel height follows its text rather than a large fixed minimum. */
#app .dashboard-main .dash-hero.dashboard-masthead.dashboard-welcome{min-height:0;padding:20px 28px;gap:12px;margin-bottom:18px}
#app .dashboard-welcome .hero-copy{padding-top:0}
#app .dashboard-welcome .hero-copy .eyebrow{margin-bottom:6px}
#app .dashboard-main .dashboard-welcome .hero-copy h2{margin-bottom:6px!important}
@media(max-width:700px){#app .dashboard-main .dash-hero.dashboard-masthead.dashboard-welcome{min-height:0;padding:20px 18px}#app .dashboard-welcome .hero-copy{padding-top:0}}

/* Always-visible workspace directory, using the same destinations as the sidebar. */
#app .dashboard-sections{margin:20px 0 0;padding:20px;border:1px solid var(--border);border-radius:14px;background:var(--surface)}
#app .dashboard-sections>.card-heading{margin-bottom:18px;align-items:center}
#app .dashboard-sections>.card-heading h3{font-size:16px}
#app .dashboard-sections>.card-heading p{font-size:11px;line-height:1.7;max-width:65ch}
#app .dashboard-sections>.card-heading>svg{width:22px;height:22px;color:var(--accent)}
#app .dashboard-sections .section-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;align-items:start}
#app .workspace-section-tile{min-width:0;border:1px solid var(--border);border-radius:12px;background:var(--surface);overflow:hidden}
#app .workspace-section-tile h4{display:flex;align-items:center;gap:9px;margin:0;padding:13px 14px;border-bottom:1px solid var(--border);font-size:12px;color:var(--ink);background:color-mix(in srgb,var(--accent) 3%,var(--surface))}
#app .workspace-section-icon{display:grid;place-items:center;width:30px;height:30px;border-radius:8px;flex:none;background:var(--soft);color:var(--accent)}
#app .workspace-section-icon>svg{width:17px;height:17px}
#app .workspace-section-links{display:grid;padding:6px}
#app .workspace-section-links>button{min-height:37px;padding:8px 10px;font-size:12px;line-height:1.5;color:var(--muted);border-radius:7px;transition:background .15s,color .15s}
#app .workspace-section-links>button:hover{color:var(--accent);background:var(--soft)}
#app .workspace-section-links>button:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}
#app .workspace-section-links>button>b{padding:2px 7px;font-weight:600;border:1px solid var(--border);border-radius:6px;font-variant-numeric:tabular-nums;color:var(--accent);background:var(--soft)}
#app .workspace-section-links>button>svg{flex:none;width:14px;height:14px;opacity:.6}
[dir=rtl] #app .workspace-section-links>button>svg{transform:rotate(180deg)}
#app .dashboard-layout.customizable-dashboard>.carrier-overview{grid-column:span 2}
#app .dashboard-layout.customizable-dashboard>.carrier-overview .carrier-summary{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px}
#app .dashboard-layout.customizable-dashboard>.inventory-overview{min-width:0}
@container(max-width:850px){#app .dashboard-sections .section-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@container(max-width:570px){#app .dashboard-layout.customizable-dashboard>.carrier-overview{grid-column:1}#app .dashboard-sections{padding:14px}#app .dashboard-sections .section-summary-grid{grid-template-columns:1fr}}

/* Large registers finish on the same page edges, without an unused side column. */
#app .dashboard-layout.customizable-dashboard>.shipment-activity,#app .dashboard-layout.customizable-dashboard>.carrier-overview{grid-column:1/-1;justify-self:stretch;width:100%;min-width:0;box-sizing:border-box}
#app .dashboard-layout.customizable-dashboard>.inventory-overview{grid-column:span 2;width:100%;box-sizing:border-box}
#app .dashboard-layout.customizable-dashboard>.dash-card{border-radius:14px}
@container(max-width:570px){#app .dashboard-layout.customizable-dashboard>.inventory-overview{grid-column:1}}

/* SOUQI business workspace: deliberate hierarchy and a stable responsive grid. */
#app .dashboard-studio{--studio-teal:#72a99b;--studio-sand:#c3aa7c;--studio-rose:#bb8990;--summary-blue:#7d9cb8;--summary-green:#83aaa1;--summary-sand:#c7b69a;--summary-lilac:#a69fbd;width:100%;max-width:none;min-width:0;box-sizing:border-box;margin-inline:0}
#app .dashboard-studio .dash-card{border:1px solid var(--border);background:var(--surface);border-radius:14px;box-shadow:0 3px 12px color-mix(in srgb,var(--ink) 3%,transparent);box-sizing:border-box;min-width:0}
#app .dashboard-studio .studio-welcome.dashboard-welcome{display:flex;flex-direction:row;justify-content:space-between;align-items:center;min-height:0;padding:22px 26px;gap:22px;margin-bottom:20px;border-radius:16px!important;box-shadow:none}
#app .studio-welcome .hero-copy{max-width:70%;padding:0}
#app .dashboard-studio .studio-welcome .hero-copy h2{font-size:clamp(23px,2.2vw,31px)!important;line-height:1.35!important;margin-bottom:6px!important}
#app .studio-welcome .hero-copy .eyebrow{margin-bottom:5px;font-size:11px!important}
#app .studio-welcome .hero-copy>p.muted{font-size:12px!important;line-height:1.6}
#app .studio-quick-actions{display:flex;gap:9px;align-items:center;flex-wrap:wrap;padding-inline-end:24px;flex-shrink:0}
#app .studio-quick-actions .btn{display:flex;align-items:center;justify-content:center;gap:7px;min-height:39px;padding:9px 13px;border-radius:9px;font-size:11px;font-weight:650;line-height:1.4}
#app .studio-quick-actions svg{width:16px;height:16px}
#app .studio-primary-action{background:#fff!important;color:var(--accent)!important;border-color:#fff!important;box-shadow:0 3px 9px #00000012}
#app .studio-secondary-action{background:#ffffff12!important;color:#fff!important;border-color:#ffffff55!important}
#app .dashboard-studio .studio-welcome .welcome-image-tools{top:8px;inset-inline-end:8px;inset-inline-start:auto}
#app .dashboard-layout.dashboard-studio-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-rows:auto;grid-auto-flow:row;gap:18px;align-items:stretch;margin:0}
#app .dashboard-layout.dashboard-studio-grid>*{grid-column:1/-1;grid-row:auto!important;margin:0;min-width:0;max-width:none;align-self:stretch;box-sizing:border-box}
#app .dashboard-layout.dashboard-studio-grid>.dash-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;min-height:0}
#app .dashboard-studio .dash-metric{display:grid;grid-template-columns:minmax(0,1fr) 38px;align-items:start;gap:12px;padding:18px;background:var(--surface)!important;border:1px solid var(--border);border-radius:13px;min-width:0;box-shadow:none;min-height:0}
#app .dashboard-studio .metric-icon{grid-column:2;grid-row:1;width:36px;height:36px;border:0;border-radius:10px;background:var(--soft);color:var(--accent)}
#app .dashboard-studio .metric-icon svg{width:19px;height:19px}
#app .dashboard-studio .dash-metric>div:not(.metric-context){grid-column:1;grid-row:1;display:flex;flex-direction:column;gap:8px;min-width:0}
#app .dashboard-studio .dash-metric p{order:-1;font-size:11px;line-height:1.5;color:var(--muted);margin:0}
#app .dashboard-studio .dash-metric strong{font-size:30px;line-height:1.15;font-weight:750;letter-spacing:-.7px;color:var(--ink);font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
#app .dashboard-studio .metric-context{grid-column:1/-1;grid-row:2;display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0;padding-top:10px;border-top:1px solid var(--border);font-size:9px;line-height:1.6;color:var(--muted)}
#app .dashboard-studio .metric-spark{width:52px;height:18px;flex:none;color:var(--accent)}
#app .dashboard-studio .dash-metric:nth-child(3) .metric-icon{color:#498d79;background:color-mix(in srgb,var(--studio-teal) 15%,var(--surface))}
#app .studio-attention .dashboard-attention-area>.panel{margin:0;padding:14px 16px;border:1px solid var(--border);border-radius:13px;background:var(--surface);box-shadow:none}
#app .studio-attention .panel>h2,#app .studio-attention .panel>h3{font-size:12px;margin:0 0 10px;color:var(--ink)}
#app .studio-attention .action-queue{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
#app .studio-attention .queue-tile{display:grid;grid-template-columns:27px minmax(0,1fr) auto;align-items:center;gap:9px;min-height:55px;padding:10px 12px;border:1px solid var(--border);border-radius:9px;background:var(--surface);text-align:start;color:var(--ink);transition:background .15s,border-color .15s}
#app .studio-attention .queue-tile:hover{background:var(--soft);border-color:var(--accent)}
#app .studio-attention .queue-tile svg{width:19px;height:19px;color:var(--accent)}
#app .studio-attention .queue-tile span{font-size:11px;font-weight:600;line-height:1.6;color:var(--ink)}
#app .studio-attention .queue-tile strong{font-size:22px;line-height:1;font-weight:750;font-variant-numeric:tabular-nums}
#app .dashboard-layout.dashboard-studio-grid>.studio-trend{grid-column:span 8;padding:20px}
#app .dashboard-layout.dashboard-studio-grid>.studio-status{grid-column:span 4;padding:20px}
#app .studio-card-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin:0 0 14px}
#app .studio-card-heading h3{font-size:14px;font-weight:700;line-height:1.5;margin:0;color:var(--ink)}
#app .studio-card-heading p{font-size:10px;line-height:1.7;margin:4px 0 0;color:var(--muted)}
#app .studio-period{display:inline-block;white-space:nowrap;direction:ltr;font-size:9px;color:var(--muted);border:1px solid var(--border);border-radius:6px;padding:5px 7px;background:var(--surface)}
#app .studio-chart-legend{display:flex;align-items:center;gap:15px;font-size:10px;color:var(--muted)}
#app .studio-chart-legend span{display:flex;align-items:center;gap:6px}
#app .studio-chart-legend i{width:7px;height:7px;border-radius:2px;background:var(--accent)}
#app .studio-chart-legend span:nth-child(2) i{background:var(--studio-teal)}
#app .studio-trend .shipment-chart{display:block;width:100%;height:235px;min-height:0;flex:none;margin:12px 0 0;overflow:visible;direction:ltr}
#app .studio-trend .bar-created{fill:var(--accent);opacity:.83}
#app .studio-trend .bar-delivered{fill:var(--studio-teal)}
#app .studio-trend .chart-grid{stroke:var(--border);stroke-width:.7;stroke-dasharray:2 5}
#app .studio-trend .shipment-chart text{font-size:10px}
#app .studio-chart-basis{font-size:9px;line-height:1.7;margin:6px 0 0;color:var(--muted)}
#app .studio-trend .chart-empty{min-height:235px;display:flex;align-items:center;justify-content:center;gap:10px;font-size:11px;color:var(--muted)}
#app .studio-trend .chart-empty>svg{width:25px;height:25px}
#app .studio-delivery-rate{display:grid;grid-template-columns:1fr auto;align-items:center;gap:5px 12px;padding:4px 0 18px;border-bottom:1px solid var(--border)}
#app .studio-delivery-rate>strong{font-size:44px;letter-spacing:-1.2px;line-height:1.25;color:var(--ink);font-weight:750;font-variant-numeric:tabular-nums}
#app .studio-delivery-rate>span{grid-column:1;font-size:10px;color:var(--muted)}
#app .studio-delivery-rate>small{grid-column:2;grid-row:1/3;direction:ltr;font-size:11px;background:var(--soft);padding:7px 10px;border-radius:8px;color:var(--accent)}
#app .studio-status .insight-subheading{display:none}
#app .studio-status .status-overview{margin-top:17px}
#app .studio-status .status-segment-chart{height:8px;border-radius:6px;margin-bottom:15px}
#app .studio-status .status-overview-legend{display:grid;gap:11px}
#app .studio-status .status-overview-legend>div{font-size:11px}
#app .studio-status .status-overview-legend>div b{font-size:12px}
#app .studio-status .segment-preparation{fill:var(--studio-sand);background:var(--studio-sand)}
#app .studio-status .segment-moving{fill:var(--accent);background:var(--accent)}
#app .studio-status .segment-delivered{fill:var(--studio-teal);background:var(--studio-teal)}
#app .studio-status .segment-exceptions{fill:var(--studio-rose);background:var(--studio-rose)}
#app .dashboard-layout.dashboard-studio-grid>.studio-recent{grid-column:1/-1;padding:0;overflow:hidden}
#app .studio-recent .activity-heading{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:14px;padding:17px 20px;margin:0;border-bottom:1px solid var(--border)}
#app .studio-recent .activity-heading h3{font-size:14px}
#app .studio-recent .activity-heading p{font-size:10px;margin:5px 0 0}
#app .studio-recent .activity-tools{gap:10px;flex-wrap:wrap;justify-content:flex-end}
#app .studio-recent .activity-tabs{padding:3px;border:1px solid var(--border);border-radius:8px;background:var(--surface);gap:2px}
#app .studio-recent .activity-tabs button{font-size:10px;padding:7px 9px;border-radius:5px}
#app .studio-recent .activity-tabs button.active{background:var(--soft);color:var(--accent);box-shadow:none}
#app .studio-recent th{font-size:10px;padding:12px;white-space:nowrap}
#app .studio-recent td{font-size:11px;padding:14px 12px}
#app .studio-recent .order-open-link{font-weight:650;color:var(--accent)}
#app .studio-all-orders{display:flex;justify-content:flex-end;padding:0 2px}
#app .studio-all-orders .btn{font-size:11px;min-height:35px;padding:8px 12px;display:flex;align-items:center;gap:7px;border-radius:8px}
#app .studio-all-orders svg{width:14px;height:14px}
#app .studio-recent>.studio-all-orders{padding:11px 17px;border-top:1px solid var(--border);background:var(--surface)}
#app .dashboard-layout.dashboard-studio-grid>.studio-business{display:block;width:100%;padding:0;margin:0}
#app .studio-business>.overview-heading{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px;margin:2px 0 12px;padding:0 2px}
#app .studio-business>.overview-heading h2{font-size:15px;margin:0}
#app .studio-business>.overview-heading p{font-size:10px;margin:0}
#app .studio-business>.dashboard-overviews{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:0}
#app .studio-business .overview-card{padding:18px;gap:12px;height:100%}
#app .studio-business .overview-card .card-heading h3{font-size:13px}
#app .studio-business .overview-numbers strong{font-size:25px}
#app .studio-business .overview-money-legend{gap:11px 15px}
#app .studio-business .overview-money-legend strong{font-size:14px}
#app .studio-business .overview-finance-chart{height:110px}
#app .studio-business .overview-link{margin-top:auto;padding-top:12px;border-top:1px solid var(--border);font-size:11px!important}
#app .studio-business .dashboard-more-insights{margin:12px 0 0}
#app .studio-business .dashboard-more-insights>.dashboard-overviews{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
#app .dashboard-layout.dashboard-studio-grid>.studio-map{grid-column:span 8;align-self:start}
#app .dashboard-layout.dashboard-studio-grid>.studio-route{grid-column:span 4;padding:0;border:0;align-self:start;background:transparent;box-shadow:none}
#app .studio-route>.shipment-digital-route{width:100%;max-width:none;margin:0}
#app .studio-route .digital-route-heading h3{font-size:12px}
#app .studio-route .digital-route-caption small{font-size:9px}
#app .dashboard-layout.dashboard-studio-grid>.studio-route{align-self:stretch}
#app .studio-route>.shipment-digital-route{height:100%;display:flex;flex-direction:column}
#app .studio-route .digital-route-caption{margin-top:auto;padding-top:12px}
#app .dashboard-layout.dashboard-studio-grid>.studio-products{grid-column:span 6;padding:20px}
#app .studio-products ol{list-style:none;padding:0;margin:0;display:grid;gap:0}
#app .studio-products li{display:flex;align-items:center;gap:11px;padding:11px 0;border-bottom:1px solid var(--border)}
#app .studio-products li:last-child{border:0;padding-bottom:0}
#app .studio-product-rank{width:15px;font-size:10px;color:var(--muted)}
#app .studio-product-image{display:grid;place-items:center;flex:none;width:43px;height:43px;background:var(--surface);border:1px solid var(--border);border-radius:9px;overflow:hidden}
#app .studio-product-image img{width:100%;height:100%;object-fit:contain}
#app .studio-product-image svg{width:22px;height:22px;color:var(--accent)}
#app .studio-product-name{min-width:0;flex:1;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#app .studio-products li>strong{font-size:15px;font-variant-numeric:tabular-nums;color:var(--ink);text-align:end}
#app .studio-products li>strong small{display:block;font-size:9px;font-weight:400;color:var(--muted);margin-top:3px}
#app .dashboard-layout.dashboard-studio-grid>.inventory-overview{grid-column:span 6;padding:20px}
#app .dashboard-layout.dashboard-studio-grid:not(:has(>.studio-products))>.inventory-overview{grid-column:1/-1}
#app .dashboard-layout.dashboard-studio-grid>.carrier-overview{grid-column:1/-1;padding:20px}
#app .dashboard-studio .carrier-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(235px,1fr));gap:14px;margin-top:14px}
#app .dashboard-studio .carrier-summary>div{background:var(--surface);padding:14px;border-radius:11px}
#app .dashboard-studio .carrier-summary button{min-height:55px;border-radius:7px}
#app .studio-empty{display:flex;align-items:center;justify-content:center;gap:12px;min-height:180px;padding:20px;color:var(--muted);font-size:12px}
#app .studio-empty svg{width:28px;height:28px}
@container(max-width:1000px){#app .studio-welcome .hero-copy{max-width:100%}#app .dashboard-studio .studio-welcome.dashboard-welcome{flex-direction:column;align-items:flex-start;gap:15px}#app .studio-quick-actions{padding-inline-end:0}#app .studio-period{display:none}#app .studio-attention .queue-tile{grid-template-columns:20px minmax(0,1fr);padding:10px}#app .studio-attention .queue-tile strong{grid-column:2;font-size:20px}#app .studio-business>.dashboard-overviews{gap:14px}#app .studio-business .overview-card{padding:14px}}
@container(max-width:800px){#app .dashboard-layout.dashboard-studio-grid>.studio-trend,#app .dashboard-layout.dashboard-studio-grid>.studio-status,#app .dashboard-layout.dashboard-studio-grid>.studio-map,#app .dashboard-layout.dashboard-studio-grid>.studio-route{grid-column:1/-1}#app .studio-status .status-overview-legend{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 20px}#app .studio-business>.dashboard-overviews,#app .studio-business .dashboard-more-insights>.dashboard-overviews{grid-template-columns:1fr}#app .studio-recent .activity-heading{align-items:flex-start;flex-direction:column}#app .studio-business .overview-card{padding:18px}#app .studio-route>.shipment-digital-route{max-width:none}}
@container(max-width:600px){#app .dashboard-layout.dashboard-studio-grid{gap:14px}#app .dashboard-layout.dashboard-studio-grid>.dash-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}#app .dashboard-studio .dash-metric{padding:13px;gap:10px;grid-template-columns:minmax(0,1fr) 28px}#app .dashboard-studio .metric-icon{width:28px;height:28px;border-radius:7px}#app .dashboard-studio .metric-icon svg{width:16px;height:16px}#app .dashboard-studio .dash-metric strong{font-size:27px}#app .dashboard-studio .dash-metric p{font-size:10px}#app .studio-attention .action-queue{grid-template-columns:repeat(2,minmax(0,1fr))}#app .dashboard-layout.dashboard-studio-grid>.studio-products,#app .dashboard-layout.dashboard-studio-grid>.inventory-overview{grid-column:1/-1}#app .studio-trend .shipment-chart{height:200px}#app .dashboard-layout.dashboard-studio-grid>.studio-trend,#app .dashboard-layout.dashboard-studio-grid>.studio-status,#app .dashboard-layout.dashboard-studio-grid>.studio-products,#app .dashboard-layout.dashboard-studio-grid>.carrier-overview,#app .dashboard-layout.dashboard-studio-grid>.inventory-overview{padding:16px}#app .studio-quick-actions .btn{min-height:40px}#app .studio-recent .activity-tools{width:100%;justify-content:space-between}#app .studio-recent .activity-tabs{max-width:100%;overflow:auto}#app .studio-status .status-overview-legend{grid-template-columns:1fr}}

/* Operational product previews keep order facts within easy reach on wide displays. */
#app .studio-recent .order-card-grid-medium{grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr))!important;padding:16px;gap:12px!important}
#app .studio-recent .order-card-grid-medium .order-gallery-main{height:auto!important;min-height:0!important;max-height:none;aspect-ratio:1/1!important;flex:none;box-sizing:border-box}
#app .studio-recent .order-card-grid-large .order-gallery-main{height:220px!important;min-height:0!important;max-height:220px;aspect-ratio:auto!important;flex:none;box-sizing:border-box}
#app .studio-recent .order-card-grid .order-gallery-main>img{object-fit:cover!important;object-position:center!important;padding:0;box-sizing:border-box}
@container(max-width:600px){#app .studio-recent .order-card-grid-large .order-gallery-main{height:200px!important;max-height:200px}}
#app .studio-order-reference{display:flex;align-items:center;gap:10px;min-width:190px}
#app .studio-order-thumbnail{display:grid;place-items:center;width:56px;height:56px;flex:none;overflow:hidden;border:1px solid var(--border);border-radius:8px;background:var(--surface)}
#app .studio-order-thumbnail>img{width:100%;height:100%;padding:4px;box-sizing:border-box;object-fit:contain;object-position:center}
#app .studio-order-thumbnail>svg{width:23px;height:23px;color:var(--accent)}
#app .studio-order-reference>div{display:grid;gap:5px;min-width:0}
#app .studio-order-reference small{font-size:9px;color:var(--muted)}
#app .studio-recent .activity-tools>.list-sort-controls,#app .studio-recent .activity-tools>.order-view-controls{display:inline-flex;align-items:center;gap:2px;height:36px;min-height:36px;margin:0;padding:3px;border:1px solid var(--border);border-radius:8px;background:var(--soft);box-sizing:border-box;flex:none}
#app .studio-recent .activity-tools>.list-sort-controls>button,#app .studio-recent .activity-tools>.order-view-controls>button{display:inline-grid;place-items:center;width:28px;height:28px;min-height:28px;margin:0;padding:5px;border:0;border-radius:5px;box-sizing:border-box}
#app .studio-recent .activity-tools>.list-sort-controls svg,#app .studio-recent .activity-tools>.order-view-controls svg{width:16px;height:16px}

/* Messaging workspace: compact directory and calm conversation surface. */
#app .message-workspace{grid-template-columns:minmax(260px,320px) minmax(0,1fr);height:clamp(540px,72vh,800px);min-height:540px;border-radius:16px;box-shadow:0 5px 22px #18384e06}
#app .message-sidebar{display:flex;flex-direction:column;min-height:0;min-width:0;padding:20px 14px;background:var(--surface)}
#app .message-sidebar-heading{display:flex;align-items:center;justify-content:space-between;padding:0 6px;margin-bottom:18px}
#app .message-sidebar-heading h2{font-size:18px;margin:0}
#app .message-directory-count{display:grid;place-items:center;min-width:27px;height:27px;border-radius:9px;background:var(--soft);color:var(--accent);font-size:12px;font-weight:700}
#app .message-search{display:flex;align-items:center;gap:9px;background:var(--bg);border:1px solid var(--border);border-radius:11px;padding:0 11px;margin-bottom:16px;min-height:42px;color:var(--muted)}
#app .message-search:focus-within{outline:2px solid color-mix(in srgb,var(--accent) 35%,transparent);outline-offset:1px}
#app .message-search>.souqi-icon{width:17px;height:17px;flex:none}
#app .message-search input{width:100%;min-width:0;border:0!important;background:transparent;box-shadow:none!important;outline:none;padding:10px 0;font-size:12px;color:var(--ink)}
#app .message-sidebar>label:not(.message-search){display:grid;gap:7px;padding:0 3px;color:var(--muted);font-size:11px}
#app .message-sidebar select{min-height:40px;font-size:12px;border-radius:9px}
#app .message-peers{display:flex;flex-direction:column;gap:4px;overflow:auto;max-height:none;min-height:0;margin-top:16px;scrollbar-width:thin;scrollbar-color:var(--border) transparent}
#app .message-peer{position:relative;padding:13px 10px;border-radius:11px;gap:10px;flex-shrink:0;cursor:pointer;width:100%;min-width:0;text-align:start;transition:background .15s,border-color .15s}
#app .message-peer[hidden],#app #message-search-empty[hidden]{display:none!important}
#app .message-peer:hover{background:var(--bg)}
#app .message-peer.active{background:var(--soft);border-color:color-mix(in srgb,var(--accent) 25%,var(--border))}
#app .message-peer:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}
#app .message-peer>span:nth-child(2){min-width:0;flex:1}
#app .message-peer b{font-size:12px;line-height:1.5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#app .message-peer small{max-width:none;font-size:11px;line-height:1.6;margin-top:4px;text-align:start}
#app .message-peer-meta{flex:none!important;align-self:flex-start;color:var(--muted);font-size:9px;white-space:nowrap;padding-top:3px}
#app .message-peer>.message-unread-badge{position:absolute;inset-inline-end:11px;bottom:12px;min-width:18px;height:18px;font-size:10px;padding:0 5px;background:var(--accent)}
#app .message-conversation{min-height:0;background:var(--bg);overflow:hidden}
#app .message-conversation-heading{padding:17px 24px;min-height:72px}
#app .message-conversation-heading h3{font-size:15px;line-height:1.7}
#app .message-thread{min-height:0;max-height:none;padding:24px;gap:14px;overscroll-behavior:contain}
#app .message-bubble{max-width:min(78%,640px);border-radius:15px;padding:12px 16px;box-shadow:none}
#app .message-bubble.outgoing{background:color-mix(in srgb,var(--accent) 9%,var(--surface));border-end-end-radius:4px}
#app .message-bubble.incoming{border-end-start-radius:4px}
#app .message-bubble>p{font-size:13px;line-height:1.8}
#app .message-compose{padding:16px 20px;gap:12px;align-items:center}
#app .message-compose textarea{border-radius:12px;min-height:52px;max-height:120px;font-size:13px}
#app .message-compose .btn{min-height:44px;border-radius:11px}
#app .message-empty{padding:30px;gap:14px}
#app .message-empty>span{width:68px;height:68px;border-radius:21px;border:1px solid var(--border);background:var(--surface)}
#app .message-empty h3{font-size:17px;line-height:1.8;max-width:320px}
#app .message-empty p{font-size:12px;line-height:1.9;max-width:320px}
/* Clear switch geometry and keyboard feedback across notification settings. */
#app .nc-settings .nc-switch{width:42px;min-width:42px;max-width:42px;height:24px;flex:0 0 42px;isolation:isolate}
#app .nc-settings .nc-switch>span{width:42px;height:24px;border-radius:999px;background:color-mix(in srgb,var(--muted) 22%,var(--surface));border:1px solid color-mix(in srgb,var(--muted) 35%,var(--border));box-shadow:inset 0 1px 2px #102f4510;transition:background .18s,border-color .18s,box-shadow .18s}
#app .nc-settings .nc-switch>span:after{left:3px;right:auto;inset-inline-start:3px;top:3px;width:18px;height:18px;background:#fff;box-shadow:0 1px 3px #15364c33;transform:translateX(0)}
#app .nc-settings .nc-switch input:checked+span{background:var(--accent);border-color:var(--accent)}
#app .nc-settings .nc-switch input:checked+span:after{transform:translateX(18px)}
#app .nc-settings .nc-switch:hover>span{box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 8%,transparent)}
#app .nc-settings .nc-switch input:focus-visible+span{outline:2px solid var(--accent);outline-offset:4px}
#app .nc-settings .nc-switch input:disabled+span{opacity:.45}
@media(max-width:900px){#app .message-workspace{grid-template-columns:260px minmax(0,1fr)}#app .message-peer-meta{display:none}}
@media(max-width:700px){#app .message-workspace{grid-template-columns:1fr;height:auto;min-height:0}#app .message-sidebar{padding:16px;border-inline-end:0;border-bottom:1px solid var(--border)}#app .message-sidebar-heading{margin-bottom:12px}#app .message-peers{max-height:210px;overflow-y:auto}#app .message-peer{min-width:0}#app .message-peer-meta{display:block}#app .message-conversation{height:480px;min-height:0}#app .message-thread{padding:16px;min-height:0;max-height:none}#app .message-bubble{max-width:90%}#app .message-compose{padding:12px}#app .message-conversation-heading{padding:14px 18px}}
@media(prefers-reduced-motion:reduce){#app .message-peer,#app .nc-settings .nc-switch>span,#app .nc-settings .nc-switch>span:after{transition:none}}
@media print{#app .message-workspace{display:block;height:auto}#app .message-conversation{height:auto;overflow:visible}#app .message-thread{overflow:visible}}

/* Order register cards show essentials; editing tools are disclosed on demand. */
#app .unified-order-collection .order-card-compact{display:flex!important;flex-direction:column;min-width:0}
#app .order-card-compact .order-gallery{display:block;grid-row:auto;min-width:0}
#app .order-card-compact .order-gallery-main{width:100%;height:auto!important;min-height:0!important;aspect-ratio:1/1;max-height:none!important}
#app .order-card-compact .order-gallery-main img{width:100%;height:100%;object-fit:cover;padding:0}
#app .order-card-compact .order-gallery-caption{padding:12px;min-height:0;gap:5px}
#app .order-card-compact .order-gallery-caption strong{font-size:13px;line-height:1.6}
#app .order-card-compact .order-card-primary{margin-top:auto;padding:0 12px}
#app .order-card-compact .order-card-bottom{padding:12px;gap:8px;border-top:1px solid var(--border)}
#app .order-card-compact .order-card-bottom .btn{font-size:11px;white-space:nowrap}
#app .order-card-compact .order-card-action-menu{display:block;padding:0;background:transparent;border-top:1px solid var(--border);grid-row:auto}
#app .order-card-action-menu>summary{cursor:pointer;padding:10px 12px;color:var(--muted);font-size:11px;list-style:none;display:flex;justify-content:space-between;align-items:center}
#app .order-card-action-menu>summary::-webkit-details-marker{display:none}
#app .order-card-action-menu>summary:after{content:'＋';font-size:15px;line-height:1}
#app .order-card-action-menu[open]>summary:after{content:'−'}
#app .order-card-action-menu>summary:focus-visible{outline:2px solid var(--accent);outline-offset:-3px;border-radius:5px}
#app .order-card-action-menu:not([open])>:not(summary){display:none!important}
#app .order-card-action-menu .order-card-manage-status,#app .order-card-action-menu .order-card-manage-actions{padding:0 12px 10px}
#app .order-card-action-menu .order-card-manage-status select{max-width:none}

/* One spacing rhythm for the dashboard, including nested card collections. */
#app .dashboard-studio{--studio-gap:18px}
#app .dashboard-studio .studio-welcome.dashboard-welcome{margin-bottom:var(--studio-gap)}
#app .dashboard-layout.dashboard-studio-grid{gap:var(--studio-gap)}
#app .dashboard-layout.dashboard-studio-grid>.dash-metrics,#app .studio-business>.dashboard-overviews,#app .studio-attention .action-queue,#app .dashboard-studio .carrier-summary{gap:var(--studio-gap)}
#app .studio-attention .dashboard-attention-area{margin:0}
#app .studio-attention .dashboard-attention-area .action-queue{margin:0}
#app .studio-recent .order-card-grid-medium{grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr))!important}
#app .studio-recent .order-card-grid-medium,#app .studio-recent .order-card-grid-large{padding:var(--studio-gap);gap:var(--studio-gap)!important}
#app .studio-recent .order-card-compact{display:flex!important;flex-direction:column;min-width:0}
#app .studio-recent .order-card-grid-medium .order-card-compact .order-gallery-main{height:auto!important;min-height:0!important;max-height:none!important;aspect-ratio:1/1!important}

@container(max-width:600px){#app .dashboard-studio{--studio-gap:14px}}


/* Recent orders: a single image rail with details revealed within each tile. */
#app .studio-recent .order-card-grid.order-visual-rail{display:grid!important;grid-template-columns:none!important;grid-auto-flow:column;grid-auto-columns:clamp(190px,calc((100% - 72px)/5),250px);gap:var(--studio-gap)!important;padding:var(--studio-gap);overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scroll-padding-inline:var(--studio-gap);scrollbar-width:thin;scrollbar-color:var(--border) transparent}
#app .studio-recent .order-card-overlay{display:block!important;position:relative;min-width:0;border-radius:12px;overflow:hidden;scroll-snap-align:start;border:1px solid var(--border);background:var(--soft);box-shadow:none}
#app .order-visual-open{position:relative;display:block;width:100%;aspect-ratio:4/5;min-height:0;padding:0;border:0;border-radius:inherit;overflow:hidden;text-align:start;color:#fff;cursor:pointer;background:var(--soft);font:inherit}
#app .order-visual-image{display:block;width:100%;height:100%;position:absolute;inset:0;object-fit:cover;transition:transform .25s ease}
#app .order-visual-open>.status-pill{position:absolute;top:10px;inset-inline-start:10px;z-index:3;max-width:calc(100% - 20px);box-shadow:0 2px 8px #152c4314;pointer-events:none}
#app .order-visual-shade{position:absolute;inset:0;background:linear-gradient(180deg,#071c2910,#071c29cc 60%,#071c29ed);opacity:0;transition:opacity .2s;pointer-events:none}
#app .order-visual-details{position:absolute;inset-inline:16px;bottom:16px;display:flex;flex-direction:column;gap:8px;opacity:0;transform:translateY(8px);transition:opacity .2s,transform .2s;pointer-events:none;overflow-wrap:anywhere}
#app .order-visual-details>strong{font-size:15px;line-height:1.4;color:#fff}
#app .order-visual-number{font-size:10px;opacity:.8;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:start}
#app .order-visual-customer{font-size:11px;line-height:1.5;color:#e5edf2}
#app .order-visual-details>b{font-size:19px;font-variant-numeric:tabular-nums;color:#fff}
#app .order-visual-details>b small{font-size:10px;font-weight:500}
#app .order-visual-link{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #ffffff40;padding-top:10px;font-size:11px;margin-top:2px;color:#fff}
#app .order-visual-link svg{width:16px;height:16px}
#app .order-visual-open:hover .order-visual-shade,#app .order-visual-open:focus .order-visual-shade,#app .order-visual-open:hover .order-visual-details,#app .order-visual-open:focus .order-visual-details{opacity:1;transform:none}
#app .order-visual-open:hover .order-visual-image{transform:scale(1.035)}
#app .order-visual-open:focus-visible{outline:3px solid var(--accent);outline-offset:-3px}
@media(hover:none){#app .order-visual-shade{opacity:1;background:linear-gradient(180deg,transparent 20%,#071c29ed)}#app .order-visual-details{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){#app .order-visual-image,#app .order-visual-shade,#app .order-visual-details{transition:none}}

/* Discreet physical left/right controls work in both RTL and LTR layouts. */
#app .order-visual-carousel{position:relative;min-width:0}
#app .studio-recent .order-card-grid.order-visual-rail{scrollbar-width:none;-ms-overflow-style:none}
#app .order-visual-rail::-webkit-scrollbar{display:none}
#app .order-rail-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:5;display:grid;place-items:center;width:36px;height:44px;padding:8px;border:1px solid var(--border);border-radius:12px;background:color-mix(in srgb,var(--surface) 94%,transparent);color:var(--accent);box-shadow:0 3px 14px #102d4726;cursor:pointer;transition:background .15s,box-shadow .15s}
#app .order-rail-arrow-left{left:6px}
#app .order-rail-arrow-right{right:6px}
#app .order-rail-arrow svg{width:20px;height:20px;pointer-events:none}
#app .order-rail-arrow:hover{background:var(--surface);box-shadow:0 4px 18px #102d4738}
#app .order-rail-arrow:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
#app .order-rail-arrow:active{background:var(--soft)}
@media(prefers-reduced-motion:reduce){#app .order-rail-arrow{transition:none}}

/* Equal action columns and balanced insets within order cards. */
#app .order-card-action-menu .order-card-manage-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:0 12px 12px;box-sizing:border-box;width:100%;align-items:stretch}
#app .order-card-action-menu .order-card-manage-actions>.btn{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;min-width:0;min-height:36px;margin:0;padding:7px 6px;box-sizing:border-box;font-size:11px;line-height:1.4;border-radius:7px}
#app .order-card-action-menu .order-card-manage-actions>.btn>.souqi-icon{width:14px;height:14px;flex:none}
#app .order-card-action-menu .order-card-manage-status{padding:0 12px 10px;box-sizing:border-box}
@media(pointer:coarse){#app .order-card-action-menu .order-card-manage-actions>.btn{min-height:42px}}

/* Readable, consistent labels across dashboard indicators. */
#app .dashboard-studio .dash-metric p,#app .studio-attention .queue-tile span{font-size:13px;font-weight:600;line-height:1.6;color:var(--ink)}
#app .dashboard-studio .metric-context{font-size:11px;line-height:1.6}
#app .studio-status .status-overview-legend,#app .studio-status .studio-delivery-rate>span{font-size:12px;line-height:1.6}
@container(max-width:600px){#app .dashboard-studio .dash-metric p,#app .studio-attention .queue-tile span{font-size:12px}}

/* Dashboard refinement: readable supporting text and meaningful emphasis. */
#app .dashboard-studio .studio-welcome.dashboard-welcome{padding:18px 24px;background-blend-mode:soft-light}
#app .dashboard-studio .studio-welcome .hero-copy h2{font-size:clamp(22px,1.8vw,28px)!important}
#app .studio-card-heading p,#app .studio-recent .activity-heading p,#app .studio-chart-legend{font-size:12px;line-height:1.65}
#app .studio-card-heading h3,#app .studio-recent .activity-heading h3{font-size:15px}
#app .studio-period,#app .studio-chart-basis{font-size:11px;line-height:1.7}
#app .studio-recent .activity-tabs button{font-size:12px;padding:8px 11px}
#app .studio-trend .shipment-chart{width:100%;height:auto;max-height:none;aspect-ratio:900/285;margin:16px 0 0}
#app .studio-trend .shipment-chart text{font-size:13px;fill:var(--muted)}
#app .studio-trend .bar-created{opacity:.95}
#app .studio-trend .chart-grid{stroke-width:1}
#app .studio-status{display:flex;flex-direction:column}
#app .studio-status .status-overview{display:flex;flex:1;flex-direction:column;justify-content:center;gap:20px;margin-top:0;border:0;padding:12px 0 4px}
#app .studio-status .status-segment-chart{height:12px;min-height:12px;margin:0}
#app .studio-status .status-overview-legend{gap:0}
#app .studio-status .status-overview-legend>div{font-size:12px;line-height:1.7;padding:12px 0;border-bottom:1px solid var(--border)}
#app .studio-status .status-overview-legend>div:last-child{border-bottom:0}
#app .studio-status .status-overview-legend>div b{font-size:16px}
#app .studio-attention .queue-tile[data-priority="attention"]{border-color:color-mix(in srgb,#b0782c 35%,var(--border));background:color-mix(in srgb,#b0782c 6%,var(--surface));border-inline-start:3px solid #b0782c}
#app .studio-attention .queue-tile[data-priority="attention"] strong{color:color-mix(in srgb,#b0782c 75%,var(--ink))}
#app .studio-attention .queue-tile[data-priority="new"]{background:var(--soft);border-inline-start:3px solid var(--accent)}
#app .studio-attention .queue-tile[data-priority="clear"] strong{color:var(--muted)}
#app .studio-business .overview-card .card-heading h3{font-size:14px}
#app .studio-business .overview-numbers span,#app .studio-business .overview-money-legend,#app .studio-business .overview-ranking li,#app .studio-business .overview-ranking b{font-size:12px!important;line-height:1.65}
#app .studio-business .overview-link{font-size:12px!important}
#app .studio-business>.overview-heading p{font-size:12px}
@container(max-width:600px){#app .studio-card-heading{flex-wrap:wrap}#app .studio-trend .shipment-chart{min-height:190px;aspect-ratio:auto}#app .studio-period{font-size:10px}#app .studio-recent .activity-tabs button{font-size:11px}#app .studio-status .status-overview-legend>div{padding:9px 0}}

/* Complete dashboard review: compact summaries, semantic stock states and clearer labels. */
#app .studio-trend .shipment-chart{aspect-ratio:900/250}
#app .studio-status .status-overview{justify-content:flex-start;flex:0;gap:16px;padding:8px 0 0}
#app .studio-status .status-overview-legend>div{padding:10px 0}
#app .studio-chart-basis,#app .studio-period{font-size:12px}
#app .order-visual-image{object-fit:contain;background:var(--surface)}
#app .studio-business .overview-card{min-height:0;gap:14px;padding:18px}
#app .studio-business .overview-card .card-heading{margin:0 0 2px}
#app .studio-business .overview-numbers{padding:6px 0 10px}
#app .studio-business .overview-finance-chart{height:130px;width:100%;margin:0}
#app .finance-axis-key{fill:var(--muted);font-size:12px;font-weight:650}
#app .finance-legend-key{display:inline-grid;place-items:center;width:17px;height:17px;margin-inline-end:5px;border-radius:5px;background:var(--soft);color:var(--ink);font-style:normal;font-size:10px;font-weight:700}
#app .studio-business .overview-money-legend span{display:flex;align-items:center;font-size:12px!important}
#app .studio-business .overview-money-legend strong{font-size:16px;line-height:1.5}
#app .studio-business .overview-footnote{font-size:11px;line-height:1.7;margin:0}
#app .studio-business .overview-ranking{display:grid;gap:0;counter-reset:summary-rank}
#app .studio-business .overview-ranking li{display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--border);padding:9px 0;font-size:12px!important;min-width:0}
#app .studio-business .overview-ranking li:last-child{border:0}
#app .studio-business .overview-ranking li:before{counter-increment:summary-rank;content:counter(summary-rank);color:var(--muted);font-size:11px;min-width:14px}
#app .studio-business .overview-ranking li>span{flex:1;min-width:0}
#app .studio-business .overview-ranking li>b{font-size:14px!important}
#app .studio-business .overview-ranking li>small{color:var(--muted);font-size:11px;min-width:30px;text-align:end}
#app .studio-business .overview-task-list{display:grid;gap:0;margin:0}
#app .studio-business .overview-task-list li{padding:9px 0;font-size:12px;line-height:1.6;border-bottom:1px solid var(--border);gap:10px}
#app .studio-business .overview-task-list small{font-size:11px;line-height:1.6;text-align:end;white-space:normal}
#app .studio-business .overview-task-list .task-overdue small{color:color-mix(in srgb,#a76619 80%,var(--ink));font-weight:600}
#app .studio-business .overview-shortcuts{display:grid;gap:0;max-height:260px;overflow:auto;scrollbar-width:thin}
#app .studio-business .overview-shortcuts .overview-link{margin:0;padding:10px 0;font-size:12px!important}
#app .overview-alert-link>span{flex:1;text-align:start}
#app .overview-alert-link>b{font-size:12px;background:var(--soft);padding:2px 7px;border-radius:5px;color:var(--accent)}
#app .studio-business .overview-stock-chart{margin:0;gap:16px}
#app .studio-business .overview-stock-chart>div{font-size:12px}
#app .dashboard-studio .stock-alert{padding:14px 0}
#app .dashboard-studio .stock-alert>div{flex-wrap:wrap;align-items:baseline;gap:6px 12px}
#app .dashboard-studio .stock-alert>div>b{font-size:13px;line-height:1.6}
#app .dashboard-studio .stock-alert>div>span{font-size:11px;line-height:1.6}
#app .stock-alert-state{display:inline-block;font-size:11px;font-weight:600;margin:6px 0 9px;color:#996015}
#app .stock-empty .stock-alert-state{color:#b64753}
#app .stock-alert-meter{display:block;width:100%;height:6px}
#app .stock-alert-track{fill:var(--border)}
#app .stock-alert-fill{fill:#bd8a3d}
#app .stock-empty .stock-alert-track{fill:color-mix(in srgb,#b64753 22%,var(--surface))}
#app .stock-empty .stock-alert-fill{fill:#b64753}
#app .dashboard-studio .carrier-summary>div{padding:16px;gap:12px;border:0;border-inline-start:1px solid var(--border);border-radius:0;background:transparent}
#app .dashboard-studio .carrier-summary>div:first-child{border-inline-start:0}
#app .dashboard-studio .carrier-summary .carrier-brand{background:transparent;border:0;padding:0;display:flex;align-items:center;gap:10px}
#app .dashboard-studio .carrier-summary .carrier-brand img{width:40px;height:40px;object-fit:contain}
#app .dashboard-studio .carrier-summary .carrier-brand span,#app .dashboard-studio .carrier-summary .carrier-brand strong{font-size:13px;line-height:1.6}
#app .dashboard-studio .carrier-load{font-size:12px;gap:6px;margin:4px 0}
#app .dashboard-studio .carrier-load>b{font-size:18px;color:var(--ink)}
#app .carrier-share{grid-column:1/-1;font-size:11px;color:var(--muted)}
#app .dashboard-studio .carrier-summary button{border:0;border-radius:8px;background:var(--bg);font-size:11px;line-height:1.5;min-height:64px;padding:10px 6px}
#app .dashboard-studio .carrier-summary button strong{font-size:18px}
@container(max-width:800px){#app .dashboard-studio .carrier-summary{grid-template-columns:1fr}#app .dashboard-studio .carrier-summary>div{border-inline-start:0;border-top:1px solid var(--border);padding:16px 0}#app .dashboard-studio .carrier-summary>div:first-child{border-top:0}#app .studio-status .status-overview-legend{grid-template-columns:1fr}}

#app .dashboard-studio .carrier-summary>div>.carrier-brand{min-height:48px;justify-content:flex-start;text-align:start}
#app .dashboard-studio .carrier-summary .carrier-logo{width:40px;height:40px;min-width:40px;flex:none}
/* Audit fixes 2026-10-22: compact mobile navigation and reserved utility space. */
.mobile-nav-toggle,.mobile-search-toggle,.mobile-tools-toggle{display:none}
#app>.shell>main{padding-inline-end:76px}
#app>.chat-dock{inset-inline-end:16px}
#app>.scroll-top-button{inset-inline-end:16px}
#app .message-sidebar-heading>.message-directory-title{display:block!important;color:var(--ink);font-size:17px;margin:0}
#app .message-sidebar>label.message-search{display:flex!important;grid-template-columns:none;flex-direction:row;align-items:center;gap:9px}
#app .message-page-heading{margin:10px 0}
#app .nc-type-master{display:flex;align-items:center;gap:7px;margin-inline-start:auto;flex:none}
#app .nc-type-master small{font-size:11px;color:var(--muted)}
#app .nc-matrix-cell{position:relative;flex-wrap:wrap;gap:4px}
#app .nc-paused-label{display:block;flex-basis:100%;font-size:10px;line-height:1.4;color:var(--muted);text-align:center}
#app .nc-channel-paused .nc-switch{opacity:.65}
#app #preview-validation{color:var(--danger,#b42335);font-size:12px;line-height:1.6}
#app input[type=number]{font-variant-numeric:tabular-nums;min-width:64px}
#app .order-entry-form input[name=quantity]{min-width:76px;direction:ltr;text-align:center}
#app .order-entry-section{padding:18px}
#app .order-entry-heading{margin-bottom:14px}
#app .panel>p.muted,#app .carrier-hub-card small,#app .company-card small,#app .payroll-workspace small{font-size:12px;line-height:1.65}
#app .order-rail-arrow:disabled{opacity:.3;cursor:default;box-shadow:none}
:root[data-theme=dark] #app .workspace-sidebar{background:color-mix(in srgb,var(--accent) 32%,#101d2c)!important}
:root[data-theme=dark] #app .dashboard-welcome{background:linear-gradient(110deg,#122639,color-mix(in srgb,var(--accent) 38%,#162333))!important}
@media(min-width:601px) and (max-width:1000px){
 #app .dash-metrics,#app .action-queue{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 #app>.shell>main{padding-inline-end:64px}
}
@media(max-width:1099px){
 #app>.shell,#app[data-sidebar-collapsed=true]>.shell,#app:not([data-sidebar-collapsed=true])>.shell{display:block!important;grid-template-columns:minmax(0,1fr)!important}
 #app>.workspace-header,#app>.notice,#app[data-sidebar-collapsed=true]>.workspace-header,#app:not([data-sidebar-collapsed=true])>.workspace-header,#app:not([data-sidebar-collapsed=true])>.notice,#app[data-sidebar-collapsed=true]>.notice{margin-inline-start:0!important;width:auto!important}
 body:has(#app)>.portable-toolbar{margin-inline-start:0!important}
 #app>.shell>main{margin:0!important;width:auto!important;padding:14px 12px 24px!important;min-width:0}
 #app .workspace-header{display:flex!important;flex-wrap:wrap!important;gap:7px!important;padding:9px 12px!important;min-height:58px!important}
 #app .mobile-nav-toggle,#app .mobile-search-toggle,#app .mobile-tools-toggle{display:inline-flex;align-items:center;justify-content:center;flex:none;width:36px;min-width:36px;min-height:38px;padding:7px!important}
 #app .header-company-area{flex:1;min-width:0;max-width:none}
 #app .header-company-trigger{width:100%;min-height:38px;padding:4px 6px;gap:6px}
 #app .header-company-logo{width:28px;height:28px;flex-basis:28px}
 #app .header-company-identity{min-width:0}
 #app .header-company-identity>strong{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}
 #app .header-company-identity>small{display:none}
 #app .header-company-toggle{width:14px;flex:none}
 #app .workspace-header>.workspace-search{display:none!important;order:5;flex:1 1 100%;width:100%;margin:0}
 #app .workspace-header.mobile-search-open>.workspace-search{display:flex!important}
 #app .workspace-header>.header-utilities{display:none!important;order:6;flex:1 1 100%;width:100%;justify-content:space-between}
 #app .workspace-header.mobile-tools-open>.header-utilities{display:flex!important}
 #app .workspace-header .header-popover{top:calc(100% + 6px)!important;max-height:65dvh}
 #app .workspace-sidebar,#app[data-sidebar-collapsed=true] .workspace-sidebar,#app:not([data-sidebar-collapsed=true]) .workspace-sidebar{position:fixed!important;inset-inline-start:0!important;inset-inline-end:auto!important;top:0!important;bottom:0!important;width:min(290px,85vw)!important;height:100dvh!important;max-height:100dvh;z-index:90!important;overflow-y:auto;visibility:hidden;pointer-events:none;padding:12px!important;box-shadow:12px 0 0 100vmax #06172866}
 #app[data-mobile-nav=true] .workspace-sidebar{visibility:visible!important;pointer-events:auto!important}
 #app[data-mobile-nav=true] .workspace-sidebar .sidebar-brand>div,#app[data-mobile-nav=true] .workspace-sidebar .sidebar-link-label,#app[data-mobile-nav=true] .workspace-sidebar .sidebar-group-title,#app[data-mobile-nav=true] .workspace-sidebar .sidebar-profile-copy{display:block!important}
 #app[data-mobile-nav=true] .workspace-sidebar .sidebar-children{position:static!important;inset:auto!important;width:auto!important;max-height:none!important;box-shadow:none!important}
 #app[data-mobile-nav=true] .workspace-sidebar .sidebar-link,#app[data-mobile-nav=true] .workspace-sidebar .sidebar-group>summary{justify-content:flex-start!important;padding:12px!important;gap:10px!important}
 #app[data-mobile-nav=true] .workspace-sidebar .sidebar-color-picker{display:flex!important}
}
@media(max-width:600px){
 #app .notice{padding:4px 12px;font-size:10px;line-height:1.5}
 #app>.chat-dock{display:block!important;position:fixed;inset-inline-end:12px;bottom:calc(66px + env(safe-area-inset-bottom,0px));z-index:65}
 #app>.scroll-top-button{position:fixed!important;display:grid;margin:0;inset-inline-end:12px;bottom:calc(12px + env(safe-area-inset-bottom,0px));width:42px;height:42px;padding:10px;border-radius:12px;transform:none!important;z-index:64}
 #app>.scroll-top-button[hidden]{display:none!important}
 #app .workspace-section-hero{padding:14px;min-height:0;margin-bottom:12px}
 #app .workspace-section-hero h1{font-size:20px}
 #app .order-entry-section{padding:14px}
 #app .order-entry-heading{margin-bottom:10px;gap:8px}
 #app .order-entry-heading p{font-size:12px}
 #app .message-workspace{min-height:0}
 #app .message-sidebar{padding:12px}
 #app .message-conversation{min-height:420px}
 #app .nc-type-master{gap:4px;flex-direction:column}
 #app .nc-type-master small{font-size:10px}
 #app input:not([type=checkbox]):not([type=radio]),#app select,#app textarea{font-size:16px}
}
@media print{#app>.shell>main{padding-inline-end:0}.mobile-nav-toggle,.mobile-search-toggle,.mobile-tools-toggle{display:none!important}}
@media(max-width:1099px){
 body:has(#app){overflow:auto!important}
 body:has(#app[data-mobile-nav=true]){overflow:hidden!important}
 #app>.sidebar-mobile-backdrop{display:none!important}
 #app[data-sidebar-collapsed=true]>.shell>.workspace-sidebar,#app:not([data-sidebar-collapsed=true])>.shell>.workspace-sidebar{width:min(290px,85vw)!important;min-width:0!important;padding-inline:12px!important;overflow-y:auto!important}
 #app[data-mobile-nav=true] .workspace-sidebar>.sidebar-sections{height:auto!important;flex:0 0 auto!important;overflow:visible!important}
 #app[data-mobile-nav=true] .workspace-sidebar .sidebar-sections>.sidebar-content{height:auto!important;overflow:visible!important}
 #app[data-mobile-nav=true] .workspace-sidebar .sidebar-group>.sidebar-children{position:static!important;inset-inline-start:auto!important;width:auto!important;min-width:0!important;max-height:none!important}
 body:has(#app)>.portable-toolbar{width:100%!important}
}
#app .carrier-profile-cover,#app .carrier-profile-cover #carrier-cover-visual{height:150px;min-height:0}
#app .carrier-profile-cover img,#app .carrier-profile-cover .carrier-default-cover{height:150px;object-fit:cover}
#app .carrier-profile-identity{padding-top:12px;padding-bottom:16px}
#app .overview-shortcuts{max-height:none;overflow:visible}
#app .overview-more-alerts{margin:4px 0;font-size:12px}
#app .overview-more-alerts>summary{padding:8px;color:var(--accent)}
#app main[data-workspace-page=reports]>.workspace-section-hero{min-height:0;padding-block:14px}
#app .report-center-hero{min-height:0;padding-block:16px}
#app .report-filter-panel{margin-block:12px;padding-block:12px}
@media(max-width:600px){#app .carrier-profile-cover,#app .carrier-profile-cover #carrier-cover-visual,#app .carrier-profile-cover img,#app .carrier-profile-cover .carrier-default-cover{height:110px}}
#app .carrier-hub-card-actions{display:flex;align-items:stretch;gap:8px;flex-wrap:wrap}
#app .carrier-hub-card-actions>[data-action=carrier-profile-open]{background:var(--accent);color:#fff;flex:1}
#app .carrier-card-more{flex:1;margin:0;min-width:130px}
#app .carrier-card-more>summary{display:flex;align-items:center;justify-content:center;min-height:38px;padding:8px 12px;border:1px solid var(--border);border-radius:9px;font-size:12px;color:var(--accent)}
#app .carrier-card-more>div{display:grid;gap:7px;padding-block:8px}
#app .audit-technical{margin:0;max-width:340px}
#app .audit-technical>summary{font-size:12px;color:var(--accent)}
#app .audit-technical dl{font-size:11px;line-height:1.7}
#app .audit-technical dd{margin:0 0 8px;overflow-wrap:anywhere}
#app .order-open-link,#app .order-detail-reference,#app .return-order-number{unicode-bidi:plaintext;overflow-wrap:anywhere}
#app .rc-heading{padding-block:14px;margin-block:0 12px;min-height:0}
#app .rc-heading h2{font-size:20px;line-height:1.4}
#app .rc-heading p{margin-block:4px 0;font-size:12px}
#app .rc-filter-card{padding:14px;margin-block:12px}
#app .overview-finance-chart .finance-axis-key{font-size:8px}
#app .company-list-name small,#app .carrier-hub-metrics span,#app .payroll-summary small{font-size:12px;line-height:1.6}
@media(max-width:600px){#app .rc-heading{padding:12px}#app .rc-filter-card{padding:12px}}
#app .demo-message-tools{margin:8px 0;padding:8px 12px;min-height:0;border:1px dashed var(--border);border-radius:10px;font-size:12px}
#app .demo-message-tools>summary{color:var(--muted)}
#app .demo-message-tools>div{display:flex;gap:12px;align-items:center;flex-wrap:wrap;padding-top:8px}
#app .demo-message-tools p{margin:0;font-size:12px}
@media(max-width:1099px){
 #app[data-mobile-nav=true] .workspace-sidebar .sidebar-brand{gap:12px!important;justify-content:flex-start!important;padding:8px 10px 18px!important}
 #app[data-mobile-nav=true] .workspace-sidebar .sidebar-chevron{display:block!important;flex:none}
 #app[data-mobile-nav=true] .workspace-sidebar .sidebar-section-item>.sidebar-link{padding-inline-end:48px!important}
}
/* Final live-browser review: mobile profile, editor density and dark contrast. */
@media(max-width:1099px){
 #app[data-mobile-nav=true] .workspace-sidebar .sidebar-profile-copy{display:flex!important;flex-direction:column;align-items:flex-start;gap:4px}
 #app[data-sidebar-collapsed=true]>.shell>.workspace-sidebar,#app:not([data-sidebar-collapsed=true])>.shell>.workspace-sidebar{box-shadow:0 0 0 100vmax #06172866!important}
}
@media(max-width:600px){
 #app main:has(#order-form)>.workspace-section-hero{display:none!important}
 #app .order-editor{margin-top:0;padding:14px}
 #app .order-editor>.customer-editor-heading{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;padding-bottom:12px;margin-bottom:12px}
 #app .order-editor>.customer-editor-heading>div{flex:1;min-width:0}
 #app .order-editor>.customer-editor-heading h2{font-size:20px;margin:0}
 #app .order-editor>.customer-editor-heading p{display:none}
 #app .order-editor>.customer-editor-heading>.btn{min-height:36px;margin:0;padding:7px 10px!important;font-size:12px}
}
:root[data-theme=dark] #app{--sidebar-background:#142b3d;--sidebar-foreground:#e2edf5}
:root[data-theme=dark] #app .workspace-sidebar,:root[data-theme=dark] #app .workspace-sidebar .sidebar-link,:root[data-theme=dark] #app .workspace-sidebar .sidebar-group>summary{color:#e2edf5!important}
:root[data-theme=dark] #app .dashboard-welcome>.welcome-cover{filter:brightness(.55) saturate(.75)}

/* Dashboard fills its workspace; reflow follows content width, including sidebar changes. */
#app .dashboard-studio .studio-welcome .hero-copy{min-width:0;overflow-wrap:anywhere}
#app .dashboard-studio .studio-quick-actions{flex-wrap:wrap;max-width:100%}
#app .dashboard-studio .studio-quick-actions .btn{white-space:normal;text-align:center}
#app .studio-trend .shipment-chart{max-height:360px}
@container(max-width:1000px){
 #app .dashboard-layout.dashboard-studio-grid>.dash-metrics,#app .studio-attention .action-queue{grid-template-columns:repeat(2,minmax(0,1fr))}
 #app .studio-business>.dashboard-overviews,#app .studio-business .dashboard-more-insights>.dashboard-overviews{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@container(max-width:800px){
 #app .studio-business>.dashboard-overviews,#app .studio-business .dashboard-more-insights>.dashboard-overviews{grid-template-columns:minmax(0,1fr)}
}
@container(max-width:380px){
 #app .dashboard-layout.dashboard-studio-grid>.dash-metrics,#app .studio-attention .action-queue{grid-template-columns:minmax(0,1fr)!important}
 #app .dashboard-studio .studio-welcome.dashboard-welcome{padding:18px 16px}
 #app .studio-recent .activity-tools{flex-wrap:wrap;gap:10px}
}

/* Shared responsive workspace: content width, readable type and contained scrolling. */
#app>.shell>main{container:workspace / inline-size}
#app main :is(.panel,.grid,.row,.table-wrap,.toolbar-start,.toolbar-end){min-width:0;max-width:100%}
#app main .grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,210px),1fr))}
#app main :is(.row,.actions,.activity-tools,.page-data-actions,.customer-editor-heading){flex-wrap:wrap}
#app main .row>label{min-width:min(100%,180px)}
#app main :is(input,select,textarea){max-width:100%;font-size:14px;line-height:1.6}
#app main label{font-size:13px;line-height:1.6}
#app main :is(.panel>p.muted,.overview-footnote,.overview-subtitle,.metric-context,.studio-chart-basis,.order-gallery-caption>small){font-size:12px;line-height:1.7}
#app main :is(.overview-numbers strong,.overview-money strong,.stat strong,.payroll-metrics strong,.carrier-hub-metrics strong){font-variant-numeric:tabular-nums;max-width:100%;overflow-wrap:anywhere;line-height:1.4}
#app main :is(.overview-numbers>div,.overview-money>div,.stat,.payroll-metrics>div){min-width:0}
#app main .table-wrap{width:100%;overflow:auto;overscroll-behavior-inline:contain;scrollbar-width:thin}
#app main .table-wrap table{min-width:640px}
#app main .table-wrap :is(td,th){font-size:13px;line-height:1.65}
#app main .table-wrap :is(td,th):not(:has(.btn)){overflow-wrap:anywhere}
#app .workspace-header .header-popover{overflow-y:auto;max-height:min(620px,75dvh)}
#app main :is(.unified-list-toolbar,.inline-filter-panel,.rc-heading){gap:12px;flex-wrap:wrap}
@media(min-width:601px) and (max-width:1099px){
 #app>.shell>main{padding-block:22px 32px!important;padding-inline:22px 64px!important}
 #app .workspace-header{padding:12px 22px!important;gap:10px!important}
 #app .header-company-trigger{width:fit-content}
 #app .header-company-identity>strong{font-size:13px}
 #app .mobile-nav-toggle,#app .mobile-search-toggle,#app .mobile-tools-toggle{width:42px;min-width:42px;min-height:42px}
}
@container workspace (max-width:1000px){
 #app .carrier-hub-directory[data-collection-view=medium],#app .payroll-team[data-collection-view=medium],#app .report-center .rc-ranking[data-collection-view=medium]{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 #app .workspace-section-hero{flex-wrap:wrap;gap:16px}
 #app .workspace-section-hero>div{min-width:0}
 #app .message-workspace{grid-template-columns:240px minmax(0,1fr)}
}
@container workspace (max-width:900px){
 #app .order-editor .order-entry-form{grid-template-columns:minmax(0,1fr)}
 #app .order-editor .order-summary{grid-column:1;grid-row:auto;position:static}
 #app .nc-matrix-head{display:none}
 #app .nc-type-row{grid-template-columns:repeat(2,minmax(0,1fr));padding:8px}
 #app .nc-type-identity{grid-column:1/-1;border-bottom:1px solid var(--border);margin-bottom:8px}
 #app .nc-matrix-cell{justify-content:space-between;gap:8px;padding:10px}
 #app .nc-mobile-label{display:block;font-size:12px;color:var(--muted)}
}
@container workspace (max-width:700px){
 #app .carrier-hub-directory[data-collection-view=medium],#app .carrier-hub-directory[data-collection-view=large],#app .payroll-team[data-collection-view=medium],#app .payroll-team[data-collection-view=large],#app .report-center .rc-ranking[data-collection-view=medium],#app .report-center .rc-ranking[data-collection-view=large]{grid-template-columns:minmax(0,1fr)!important}
 #app .carrier-hub-directory[data-collection-view=list]>.carrier-hub-card{display:flex!important;flex-direction:column;align-items:stretch}
 #app .message-workspace{grid-template-columns:minmax(0,1fr);height:auto;min-height:0}
 #app .message-sidebar{border-inline-end:0;border-bottom:1px solid var(--border)}
 #app .message-peers{max-height:210px;overflow-y:auto}
 #app .message-conversation{height:480px;min-height:0}
 #app .message-bubble{max-width:90%}
 #app .nc-channels{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@container workspace (max-width:480px){
 #app .order-editor .order-scope,#app .order-editor .order-route-grid,#app .nc-channels,#app .payroll-metrics{grid-template-columns:minmax(0,1fr)}
 #app .order-editor .order-entry-form #order-items .line{grid-template-columns:36px minmax(0,1fr) minmax(0,1fr);gap:8px;padding:10px}
 #app .order-editor #order-items .line>label:nth-of-type(3){grid-column:2}
 #app .order-editor #order-items .line>label:nth-of-type(4){grid-column:3}
 #app .order-editor #order-items .line>.btn{grid-column:2/-1}
 #app main :is(input,select,textarea){font-size:16px;min-height:44px}
 #app main input:is([type=checkbox],[type=radio]){min-height:0}
 #app .overview-money>div{grid-template-columns:minmax(0,1fr)}
 #app .header-profile-name{max-width:100%}
}
@media print{#app>.shell>main{container-type:normal}#app main .table-wrap table{min-width:0}}

/* Account footer stays separate from the scrolling navigation in every sidebar mode. */
#app>.shell>.workspace-sidebar{display:flex!important;flex-direction:column;overflow:visible;min-height:0}
#app .workspace-sidebar>.sidebar-sections{flex:1 1 auto;min-height:0;height:auto;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin}
#app .workspace-sidebar>.sidebar-sections>.sidebar-content{min-height:100%;height:auto;max-height:none;overflow:visible}
#app .workspace-sidebar>.sidebar-profile-dropdown{position:relative;flex:none;margin:12px 0 0;width:100%;min-width:0}
#app .sidebar-profile-dropdown>.sidebar-profile-link{display:flex!important;align-items:center;gap:10px;margin:0;min-height:58px;padding:10px!important;border:1px solid color-mix(in srgb,var(--sidebar-foreground,#fff) 24%,transparent);border-radius:12px;background:color-mix(in srgb,var(--sidebar-background,var(--accent)) 85%,#000);color:var(--sidebar-foreground,#fff)}
#app .sidebar-profile-link .sidebar-profile-copy{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}
#app .sidebar-profile-link .sidebar-profile-copy strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;max-width:100%}
#app .sidebar-profile-link .sidebar-profile-copy small{font-size:11px}
#app .sidebar-profile-dropdown>.sidebar-profile-link>.sidebar-chevron{display:block!important;width:14px;height:14px;flex:none;transform:rotate(180deg)}
#app .sidebar-profile-dropdown[open]>.sidebar-profile-link>.sidebar-chevron{transform:none}
#app .sidebar-profile-menu{position:fixed;z-index:120;max-width:calc(100vw - 24px);max-height:calc(100dvh - 32px);overflow:auto;box-sizing:border-box;padding:8px;background:var(--surface);color:var(--ink);border:1px solid var(--border);border-radius:12px;box-shadow:0 8px 30px #071c2933}
#app .sidebar-profile-dropdown:not([open])>.sidebar-profile-menu{display:none}
#app .sidebar-profile-menu>button{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:10px;width:100%;min-width:0;padding:8px 10px;min-height:44px;border:0;border-radius:7px;background:transparent;color:var(--ink);text-align:start;font-size:13px;line-height:1.6;white-space:nowrap}
#app .sidebar-profile-menu>button:hover{background:var(--soft);color:var(--accent)}
#app .sidebar-profile-menu>button>.souqi-icon{width:18px;height:18px;flex:none}
#app .sidebar-profile-menu>.profile-signout{color:var(--danger,#b42335);border-top:1px solid var(--border);border-radius:0;margin-top:4px}
#app .workspace-sidebar>.sidebar-version{flex:none}
@media(min-width:1100px){
 #app[data-sidebar-collapsed=true] .sidebar-profile-dropdown>.sidebar-profile-link{flex-wrap:wrap;justify-content:center!important;gap:3px;padding:8px 4px!important}
 #app[data-sidebar-collapsed=true] .sidebar-profile-dropdown>.sidebar-profile-link>.sidebar-chevron{width:12px;height:12px}
}
@media(max-width:1099px){
 #app[data-sidebar-collapsed=true]>.shell>.workspace-sidebar,#app:not([data-sidebar-collapsed=true])>.shell>.workspace-sidebar{overflow:visible!important;padding-bottom:calc(12px + env(safe-area-inset-bottom,0px))!important}
 #app[data-mobile-nav=true] .workspace-sidebar>.sidebar-sections{flex:1 1 auto!important;min-height:0;overflow-y:auto!important}
 #app[data-mobile-nav=true] .workspace-sidebar .sidebar-sections>.sidebar-content{min-height:0;overflow:visible!important}
}
@media print{#app>.shell>.workspace-sidebar{display:none!important}}

/* Keep navigation scrollable without a visible scrollbar when groups expand. */
#app .workspace-sidebar>.sidebar-sections,
#app .workspace-sidebar>.sidebar-sections>.sidebar-content{scrollbar-width:none;-ms-overflow-style:none}
#app .workspace-sidebar>.sidebar-sections::-webkit-scrollbar,
#app .workspace-sidebar>.sidebar-sections>.sidebar-content::-webkit-scrollbar{display:none;width:0;height:0}

/* Compact order detail: real product lines and a short shipment summary. */
#app .order-detail-hero{padding:18px 20px;margin:0 0 16px;gap:14px;border-radius:13px;box-shadow:none}
#app .order-detail-hero h2{font-size:clamp(18px,1.5vw,24px);margin-bottom:8px}
#app .order-detail-layout{gap:16px;grid-template-columns:minmax(0,1fr) minmax(245px,300px)}
#app .order-detail-main,#app .order-detail-side{gap:16px}
#app .order-detail-card{padding:18px;margin:0;border-radius:12px;min-width:0}
#app .order-detail-heading{margin-bottom:12px;gap:9px}
#app .order-detail-heading>h2{font-size:15px;margin:0}
#app .shipment-tracking-compact .shipment-tracking-heading{gap:10px;flex-wrap:wrap;margin-bottom:10px}
#app .shipment-tracking-compact .shipment-tracking-heading .order-detail-heading{margin:0}
#app .shipment-tracking-compact .shipment-tracking-status{gap:8px;flex-wrap:wrap;margin:8px 0 12px;padding:0}
#app .shipment-tracking-compact .shipment-tracking-status>span:last-child{font-size:12px}
#app .compact-shipment-endpoints{display:flex;gap:10px;align-items:center;justify-content:space-between;padding:10px 0;border-block:1px solid var(--border);font-size:12px}
#app .compact-shipment-endpoints>span{min-width:0;overflow-wrap:anywhere}
#app .compact-shipment-endpoints>svg{flex:none;width:18px;height:18px;color:var(--accent)}
#app .compact-shipment-steps{list-style:none;display:flex;padding:0;margin:16px 0}
#app .compact-shipment-steps li{flex:1;min-width:0;position:relative;display:flex;align-items:center;flex-direction:column;gap:5px;color:var(--muted);text-align:center}
#app .compact-shipment-steps li:not(:last-child):after{content:'';position:absolute;top:15px;inset-inline-start:calc(50% + 20px);width:calc(100% - 40px);height:1px;background:var(--border)}
#app .compact-shipment-steps li>span{display:grid;place-items:center;width:32px;height:32px;border:1px solid var(--border);background:var(--bg);border-radius:50%}
#app .compact-shipment-steps li>span>svg{width:16px;height:16px}
#app .compact-shipment-steps li small{font-size:12px;line-height:1.5;color:inherit;overflow-wrap:anywhere}
#app .compact-shipment-steps .is-recorded{color:var(--accent)}
#app .compact-shipment-steps .is-current>span{background:var(--soft);border-color:var(--accent);color:var(--accent)}
#app .compact-shipment-steps.has-exception .is-current>span{color:var(--danger);border-color:var(--danger)}
#app .shipment-tracking-compact .order-detail-status-control{display:flex;align-items:center;justify-content:flex-start;border:0;background:transparent;padding:0;margin:0 0 12px;gap:10px}
#app .shipment-tracking-compact .order-detail-status-control>label{min-width:0;width:min(100%,260px);font-size:12px}
#app .shipment-tracking-compact .order-detail-status-control>p{display:none}
#app .compact-shipment-latest ol,#app .compact-shipment-history ol{list-style:none;margin:0;padding:0}
#app .compact-shipment-latest li,#app .compact-shipment-history li{display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;gap:5px 14px;padding:8px 0;border-top:1px solid var(--border);font-size:12px}
#app .compact-shipment-latest li>div,#app .compact-shipment-history li>div{display:grid;gap:2px;min-width:0;overflow-wrap:anywhere}
#app .compact-shipment-latest time,#app .compact-shipment-history time,#app .compact-shipment-latest small,#app .compact-shipment-history small{color:var(--muted);font-size:11px}
#app .compact-shipment-history,#app .compact-shipment-info{margin:8px 0 0;font-size:12px}
#app .compact-shipment-history>summary,#app .compact-shipment-info>summary{padding:5px 0;color:var(--accent);cursor:pointer}
#app .compact-shipment-info p{margin:7px 0;font-size:12px;line-height:1.7}
#app .shipment-tracking-compact .shipment-tracking-actions{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;padding:10px 0;margin:8px 0 0;border-top:1px solid var(--border)}
#app .shipment-tracking-compact .shipment-tracking-actions>bdi{overflow-wrap:anywhere;font-size:12px}
#app .order-detail-product-note{font-size:12px;color:var(--muted);line-height:1.7;margin:0 0 8px}
#app .order-detail-products{min-width:0}
#app .order-detail-product-row{display:grid;grid-template-columns:60px minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px 0;border-top:1px solid var(--border)}
#app .order-detail-product-thumb{display:grid;place-items:center;width:60px;height:60px;overflow:hidden;border:1px solid var(--border);border-radius:9px;color:var(--accent);background:var(--bg)}
#app .order-detail-product-thumb img{width:100%;height:100%;object-fit:contain}
#app .order-detail-product-copy{display:grid;gap:3px;min-width:0;overflow-wrap:anywhere}
#app .order-detail-product-copy strong{font-size:14px;line-height:1.6}
#app .order-detail-product-copy small{font-size:12px;color:var(--muted);line-height:1.6}
#app .order-detail-product-copy small:empty{display:none}
#app .order-detail-product-total{font-size:14px;font-weight:650;overflow-wrap:anywhere;font-variant-numeric:tabular-nums;text-align:end}
#app .order-detail-product-image{margin:0}
#app .order-detail-product-image>summary{list-style:none;cursor:zoom-in}
#app .order-detail-product-image>summary::-webkit-details-marker{display:none}
#app .order-detail-product-image[open]>summary{cursor:zoom-out}
#app .order-detail-product-image>summary:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
#app .order-detail-product-preview{display:flex;justify-content:center;padding:12px;background:var(--bg);border-radius:9px;margin-bottom:12px}
#app .order-detail-product-preview>img{display:block;width:min(100%,260px);height:240px;object-fit:contain}
@container workspace (max-width:1000px){#app .order-detail-layout{grid-template-columns:minmax(0,1fr)}#app .order-detail-side{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}}
@container workspace (max-width:600px){#app .order-detail-side{grid-template-columns:minmax(0,1fr)}#app .order-detail-hero{padding:16px}#app .order-detail-card{padding:14px}#app .order-detail-product-row{grid-template-columns:56px minmax(0,1fr);gap:8px 11px}#app .order-detail-product-thumb{width:56px;height:56px;grid-row:1/3}#app .order-detail-product-total{grid-column:2;text-align:start;font-size:13px}#app .compact-shipment-steps li small{font-size:11px}}
@media print{#app .order-detail-layout{display:block}#app .order-detail-product-preview,#app .compact-shipment-info{display:none}}

/* Product zoom opens above the order without expanding its product row. */
#app .order-product-image-trigger{padding:0;cursor:zoom-in;font:inherit}
#app .order-product-image-trigger:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
#app .order-product-lightbox{width:min(760px,calc(100vw - 32px));max-width:calc(100vw - 32px);max-height:90dvh;margin:auto;padding:18px;border:1px solid var(--border);border-radius:14px;background:var(--surface);color:var(--ink);box-shadow:0 20px 80px #071c294d;overflow:auto}
#app .order-product-lightbox::backdrop{background:#071c29b3}
#app .order-product-lightbox-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;flex-wrap:wrap}
#app .order-product-lightbox-heading h3{margin:0;font-size:16px;overflow-wrap:anywhere;flex:1;min-width:0}
#app .order-product-lightbox-heading .btn{flex:none;min-height:40px}
#app .order-product-lightbox-image{display:block;width:100%;height:auto;max-height:70dvh;object-fit:contain;border-radius:8px;background:var(--bg)}
body:has(.order-product-lightbox[open]){overflow:hidden!important}
@media(max-width:600px){#app .order-product-lightbox{padding:12px;width:calc(100vw - 24px);max-width:calc(100vw - 24px)}#app .order-product-lightbox-heading h3{font-size:14px}#app .order-product-lightbox-heading .btn{min-height:44px}}
@media print{#app .order-product-lightbox{display:none!important}}

/* Hero product images navigate to their order using a native keyboard-accessible button. */
#app button.order-gallery-main{display:block;width:100%;padding:0;border:0;border-radius:0;margin:0;background:var(--bg);color:var(--accent);cursor:pointer;font:inherit;overflow:hidden}
#app button.order-gallery-main:focus-visible{outline:3px solid var(--accent);outline-offset:-3px}
#app button.order-gallery-main>img{display:block}

#app .sidebar-profile-menu>button>span{flex:1;min-width:0;text-align:start}
#app .sidebar-profile-menu>button>.souqi-icon{color:currentColor}
@media(max-width:600px){#app .sidebar-profile-menu{padding:6px;border-radius:10px}#app .sidebar-profile-menu>button{gap:9px;padding:8px;font-size:13px}#app .sidebar-profile-menu>button>.souqi-icon{width:17px;height:17px}}

/* Shared compact action menus: intrinsic width, aligned rows and consistent spacing. */
#app .workspace-header :is(.header-profile-popover,.header-customization-popover,.header-language-popover){width:max-content!important;min-width:0!important;max-width:min(320px,calc(100vw - 24px))!important;inset-inline-start:auto!important;inset-inline-end:0!important;padding:6px;border-radius:10px}
#app .workspace-header :is(.header-profile-popover,.header-customization-popover)>.header-popover-title{padding:7px 10px;margin:0 0 4px;background:transparent;border-bottom:1px solid var(--border);font-size:12px;line-height:1.6;overflow-wrap:anywhere}
#app :is(.header-menu-option,.header-language-option,.sidebar-profile-menu>button,.data-export-options>button,.data-export-options>.btn,.carrier-card-more>div>.btn,.demo-auth-language-menu button){display:flex!important;flex-direction:row!important;align-items:center;justify-content:flex-start;gap:9px;width:100%;min-width:0;min-height:40px;height:auto;padding:8px 10px;border:0;border-radius:7px;background:transparent;color:var(--ink);font-size:13px;line-height:1.6;text-align:start;white-space:nowrap;box-shadow:none}
#app :is(.header-menu-option,.header-language-option,.sidebar-profile-menu>button,.data-export-options>button,.carrier-card-more>div>.btn)>span{min-width:0;flex:1;text-align:start}
#app :is(.header-menu-option,.header-language-option,.sidebar-profile-menu>button,.data-export-options>button,.data-export-options>.btn,.carrier-card-more>div>.btn)>.souqi-icon{width:17px;height:17px;flex:0 0 17px;color:currentColor;margin:0}
#app :is(.header-menu-option,.header-language-option,.sidebar-profile-menu>button,.data-export-options>button,.data-export-options>.btn,.carrier-card-more>div>.btn):hover{background:var(--soft);color:var(--accent)}
#app :is(.header-profile-popover,.sidebar-profile-menu)>.profile-signout{margin-top:4px;border-top:1px solid var(--border);border-radius:0;color:var(--danger,#b42335)}
#app :is(.data-export-options,.report-saved-options>div){width:max-content;min-width:0;max-width:min(340px,calc(100vw - 24px));padding:6px;border-radius:10px}
#app .report-saved-options .saved-filter{align-items:center;gap:8px}
#app .report-saved-options .saved-filter>.btn{white-space:normal;text-align:start}
#app .data-export-options{display:flex;flex-direction:column;gap:2px}
#app .workspace-header .header-company-popover{width:max-content;min-width:0;max-width:min(360px,calc(100vw - 24px));padding:6px;border-radius:10px}
#app .header-company-option{min-height:44px;gap:9px;padding:8px 10px;font-size:13px}
#app .header-company-mini{width:28px;height:28px;border-radius:7px}
#app .header-company-option>span:nth-child(2){white-space:normal;overflow-wrap:anywhere}
.demo-auth-language-menu>div{width:max-content;min-width:0;max-width:calc(100vw - 24px);padding:6px;border-radius:10px}
.demo-auth-language-menu button{display:flex;flex-direction:row;align-items:center;gap:9px;min-height:40px;padding:8px 10px;font-size:13px;white-space:nowrap}
@media(max-width:1099px){#app .workspace-header :is(.header-profile-popover,.header-customization-popover,.header-language-popover){inset-inline-end:12px!important}}
@media(pointer:coarse){#app :is(.header-menu-option,.header-language-option,.sidebar-profile-menu>button,.data-export-options>button,.data-export-options>.btn,.carrier-card-more>div>.btn),.demo-auth-language-menu button{min-height:44px}}
#app .data-export-menu:not([open])>.data-export-options{display:none}
#app .header-dropdown:not([open])>.header-popover{display:none}

/* Status meaning remains independent of the selected workspace accent. */
#app .studio-status .segment-preparation{fill:var(--state-wait);background:var(--state-wait)}
#app .studio-status .segment-moving{fill:var(--state-info);background:var(--state-info)}
#app .studio-status .segment-delivered{fill:var(--state-success);background:var(--state-success)}
#app .studio-status .segment-exceptions{fill:var(--state-error);background:var(--state-error)}
#app .studio-trend .bar-delivered{fill:#72a99b}
:root[data-theme=dark] #app .studio-trend .bar-delivered{fill:#8bceba}

/* Refined floating team chat: calm header, searchable peers and readable previews. */
#app .chat-window{width:min(380px,calc(100vw - 32px));height:490px;max-height:calc(100dvh - 170px);border-radius:15px;border:1px solid var(--border);box-shadow:0 12px 40px #0f172a26;background:var(--surface)}
#app .chat-window>header{display:flex;align-items:center;gap:10px;min-height:76px;padding:14px 16px;background:var(--surface);color:var(--ink);border-bottom:1px solid var(--border);flex:none}
#app .chat-heading-icon{display:grid;place-items:center;width:38px;height:38px;flex:none;border-radius:11px;color:var(--accent);background:var(--soft)}
#app .chat-heading-icon>svg{width:21px;height:21px}
#app .chat-heading-copy{display:flex;flex-direction:column;gap:3px;flex:1;min-width:0;text-align:start}
#app .chat-heading-copy strong{font-size:14px;line-height:1.5;font-weight:650;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#app .chat-heading-copy small{font-size:12px;line-height:1.5;color:var(--muted)}
#app .chat-window .chat-icon-btn{display:grid;place-items:center;width:32px;height:32px;min-width:32px;flex:none;padding:4px;border:1px solid var(--border);border-radius:8px;background:var(--bg);color:var(--muted);font-size:20px;line-height:1}
#app .chat-window .chat-icon-btn:hover{color:var(--accent);background:var(--soft)}
#app .chat-directory-search{display:flex;flex-direction:row;align-items:center;gap:8px;margin:12px 14px 6px;padding:0 10px;border:1px solid var(--border);border-radius:9px;background:var(--bg);flex:none;color:var(--muted)}
#app .chat-directory-search>svg{width:17px;height:17px;flex:none}
#app .chat-directory-search>input{border:0;background:transparent;min-width:0;flex:1;min-height:38px;padding:8px 0;font-size:13px;color:var(--ink);box-shadow:none}
#app .chat-directory-search:focus-within{outline:2px solid var(--accent);outline-offset:2px}
#app .chat-directory-search>input:focus{outline:0}
#app .chat-window .chat-directory{padding:4px 8px 10px;overscroll-behavior:contain;scrollbar-width:thin}
#app .chat-window .chat-peer{display:grid;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:11px;padding:12px 9px;min-height:72px;border:0;border-radius:9px;margin:2px 0;background:transparent;text-align:start}
#app .chat-window .chat-peer:hover{background:var(--bg)}
#app .chat-window .chat-peer.has-unread{background:var(--soft)}
#app .chat-window .chat-peer>.user-avatar{width:40px;height:40px}
#app .chat-peer>.chat-peer-main{display:flex;flex-direction:column;gap:5px;min-width:0}
#app .chat-window .chat-peer b{font-size:13px;line-height:1.5;font-weight:600}
#app .chat-window .chat-peer small{font-size:12px;line-height:1.5}
#app .chat-peer>.chat-peer-meta{display:flex;flex-direction:column;align-items:flex-end;gap:8px;flex:none;min-width:0;align-self:start;padding-top:2px}
#app .chat-peer-meta time{font-size:11px;line-height:1.5;color:var(--muted);white-space:nowrap;font-variant-numeric:tabular-nums}
#app .chat-peer-meta>i{display:grid;place-items:center;min-width:19px;height:19px;padding:0 5px;border-radius:10px;background:var(--accent);color:var(--surface);font-size:11px;line-height:1;font-style:normal}
#app .chat-window .chat-thread{padding:14px;gap:12px}
#app .chat-window .chat-thread .message-bubble p{font-size:13px;line-height:1.7}
#app .chat-window .chat-thread .message-bubble time{font-size:11px;opacity:1;color:var(--muted)}
#app .chat-window .chat-compose textarea{border-radius:10px;min-height:42px;font-size:13px;line-height:1.6}
#app .chat-window .chat-compose .btn{font-size:12px;border-radius:9px}
#app .chat-peer[hidden],#app .chat-search-empty[hidden]{display:none!important}
#app .chat-search-empty{padding:25px 12px;text-align:center;font-size:13px}
@media(max-height:650px){#app .chat-window{height:390px;max-height:calc(100dvh - 145px)}#app .chat-window>header{min-height:62px;padding:10px 12px}}

/* One shared data tooltip for charts and titled controls throughout the workspace. */
.chart-tooltip{width:max-content;min-width:0;max-width:min(320px,calc(100vw - 24px));padding:12px 14px;border:1px solid var(--border);border-radius:10px;box-shadow:0 8px 28px #0f172a26;background:var(--surface);color:var(--ink);font-size:13px;line-height:1.6;box-sizing:border-box;max-height:calc(100dvh - 24px);overflow:auto}
.chart-tooltip-heading{gap:8px;padding:0 0 8px;margin:0 0 8px;border-bottom:1px solid var(--border);align-items:center}
.chart-tooltip-title{font-size:13px;font-weight:650;line-height:1.6;min-width:0;overflow-wrap:anywhere}
.chart-tooltip-dot{width:8px;height:8px;flex:none;border-radius:50%;box-shadow:none}
.chart-tooltip-row{gap:18px;margin-top:5px;font-size:12px;align-items:baseline}
.chart-tooltip-row>span{color:var(--muted);min-width:0}
.chart-tooltip-value{font-size:14px;line-height:1.5;font-weight:650;font-variant-numeric:tabular-nums;text-align:end;overflow-wrap:anywhere;min-width:0}
.chart-tooltip-row:nth-child(2) .chart-tooltip-value{font-size:18px;color:var(--ink)}
.chart-tooltip[data-kind=hint]{padding:8px 11px;max-width:min(300px,calc(100vw - 24px))}
.chart-tooltip[data-kind=hint] .chart-tooltip-heading{padding:0;margin:0;border:0}
.chart-tooltip[data-kind=hint] .chart-tooltip-title{font-size:12px;font-weight:500}
.chart-tooltip [hidden]{display:none!important}
@media print{.chart-tooltip{display:none!important}}

/* Compact floating utilities and conversations on phones. */
@media(max-width:600px){
 #app .chat-launcher{width:42px;height:42px;border-radius:12px;padding:9px}
 #app .chat-launcher>.souqi-icon{width:21px;height:21px}
 #app .chat-window{width:min(340px,calc(100vw - 24px));height:min(420px,60dvh);max-height:calc(100dvh - 160px);margin-bottom:10px;border-radius:13px}
 #app .chat-window>header{padding:10px 12px;min-height:64px;gap:8px}
 #app .chat-heading-icon{width:32px;height:32px;border-radius:9px}
 #app .chat-heading-copy strong{font-size:13px}
 #app .chat-heading-copy small{font-size:11px}
 #app .chat-directory-search{margin:8px 10px 4px}
 #app .chat-directory-search>input{min-height:36px;font-size:16px}
 #app .chat-window .chat-directory{padding:3px 6px 8px}
 #app .chat-window .chat-peer{grid-template-columns:34px minmax(0,1fr) auto;min-height:60px;padding:9px 7px;gap:8px}
 #app .chat-window .chat-peer>.user-avatar{width:34px;height:34px}
 #app .chat-window .chat-peer b{font-size:12px}
 #app .chat-window .chat-peer small,#app .chat-peer-meta time{font-size:11px}
 #app .chat-window .chat-compose{padding:8px;gap:6px}
 #app .chat-window .chat-compose textarea{font-size:16px;min-height:42px;max-height:80px}
 #app .workspace-header .header-messages-popover{width:min(340px,calc(100vw - 24px))!important;max-width:calc(100vw - 24px)!important;inset-inline-start:auto!important;inset-inline-end:12px!important;max-height:min(420px,60dvh);overflow-y:auto}
 #app .header-messages-popover #header-message-items{max-height:260px;overflow-y:auto}
 #app[data-mobile-nav=true]>.chat-dock,#app[data-mobile-nav=true]>.scroll-top-button{visibility:hidden}
 #app>.shell>main{padding-bottom:110px!important}
}

/* Important guidance is dark; report readings retain their light data surface. */
.chart-tooltip[data-kind=help]{background:#111827;color:#fff;border-color:#253044;padding:10px 13px}
.chart-tooltip[data-kind=help] .chart-tooltip-heading{padding:0;margin:0;border:0}
.chart-tooltip[data-kind=help] .chart-tooltip-title{font-size:12px;font-weight:500}

/* Inline variant creation: comfortable labels, compact editable combinations. */
.variant-switch{display:flex!important;align-items:flex-start;gap:12px;padding:15px;border:1px solid var(--border);border-radius:10px;cursor:pointer;background:var(--surface)}
.variant-switch>input{width:18px!important;height:18px;margin:3px 0 0;flex:none;accent-color:var(--primary)}
.variant-switch>span{display:grid;gap:5px}.variant-switch small{color:var(--muted);line-height:1.7;font-weight:400}
.variant-builder [hidden]{display:none!important}.variant-builder-fields{min-width:0}
#variant-builder-fields>p{line-height:1.8}#generate-product-variants{margin-block:14px 4px}
.variant-builder-error{color:#b42318;font-size:13px}.variant-count{font-size:13px;font-weight:600;line-height:1.7}
.variant-table-scroll{overflow-x:auto;border:1px solid var(--border);border-radius:10px;max-width:100%}
.variant-table-scroll table{width:100%;min-width:600px;border-collapse:collapse}.variant-table-scroll th,.variant-table-scroll td{padding:10px;text-align:start;border-bottom:1px solid var(--border);font-size:13px}
.variant-table-scroll thead{background:var(--surface-soft,var(--surface))}.variant-table-scroll input{box-sizing:border-box;width:100%;min-width:85px}.variant-table-scroll input[data-variant-field=sku]{min-width:140px;direction:ltr}
.variant-builder{min-width:0}.variant-builder .customer-details-grid{margin-block:12px}
@media(max-width:600px){.variant-switch{padding:12px}.variant-builder .customer-details-grid{grid-template-columns:1fr}#generate-product-variants{width:100%}}
/* Product report medium view: portrait tiles matching the shipment activity card proportions. */
#app .report-center[data-report-tab=products] .rc-ranking[data-collection-view=medium]{grid-template-columns:repeat(auto-fill,minmax(min(100%,180px),1fr))!important;gap:12px!important;align-items:start}
#app .report-center[data-report-tab=products] .rc-ranking[data-collection-view=medium]>button{display:flex!important;flex-direction:column;align-items:stretch;padding:10px!important;gap:8px;min-width:0;text-align:start;border:1px solid var(--border);border-radius:12px;overflow:hidden}
#app .report-center[data-report-tab=products] .rc-ranking[data-collection-view=medium] .rc-rank-image{display:block;position:relative;width:100%!important;height:auto!important;min-width:0;min-height:0;max-width:100%;max-height:none;aspect-ratio:4/5;padding:0;box-sizing:border-box;border:0;border-radius:8px;background:var(--surface)}
#app .report-center[data-report-tab=products] .rc-ranking[data-collection-view=medium] .rc-rank-image img{display:block;position:absolute;inset:0;width:100%!important;height:100%!important;min-width:0!important;min-height:0!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;object-position:center!important;aspect-ratio:auto!important}
#app .report-center[data-report-tab=products] .rc-ranking[data-collection-view=medium] .rc-rank-copy{min-width:0;flex:1}
#app .report-center[data-report-tab=products] .rc-ranking[data-collection-view=medium] .rc-rank-copy>b{font-size:13px;line-height:1.5;overflow-wrap:anywhere}
#app .report-center[data-report-tab=products] .rc-ranking[data-collection-view=medium] .rc-rank-copy>small{font-size:11px;line-height:1.5;overflow-wrap:anywhere}
#app .report-center[data-report-tab=products] .rc-ranking[data-collection-view=medium]>button>strong{font-size:20px;line-height:1.3;text-align:start;min-width:0}
#app .report-center[data-report-tab=products] .rc-ranking[data-collection-view=medium]>button>strong>small{display:inline;margin-inline-start:6px;font-size:10px}
@media(max-width:600px){
 #app .report-center[data-report-tab=products] .rc-ranking[data-collection-view=medium]{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
 #app .report-center[data-report-tab=products] .rc-ranking[data-collection-view=medium]>button{padding:8px!important;gap:7px}
}
/* Live audit: legible branding and table codes, plus a horizontal variant switch. */
:root[data-theme=dark] #app .workspace-sidebar .sidebar-brand,
:root[data-theme=dark] #app .workspace-sidebar .sidebar-brand strong,
:root[data-theme=dark] #app .workspace-sidebar .sidebar-brand small{color:#f4f8fc!important}
:root[data-theme=dark] #app .workspace-sidebar .sidebar-brand small{opacity:.85}
#app .product-editor form label.variant-switch{flex-direction:row!important;align-items:flex-start!important;text-align:start;gap:12px}
#app .product-editor form label.variant-switch>span{min-width:0;flex:1}
#app .inventory-template{min-width:0}
#app .inventory-template .table-wrap{min-width:0;max-width:100%;overflow-x:auto;overscroll-behavior-inline:contain}
#app .inventory-template table{min-width:760px;width:100%;table-layout:auto}
#app .inventory-template th:nth-child(2),#app .inventory-template td:nth-child(2){white-space:nowrap!important;overflow-wrap:normal!important;word-break:normal!important;min-width:140px}
#app .inventory-template .inventory-quantity{white-space:nowrap}
@media(max-width:600px){#app .inventory-template .table-wrap{border:1px solid var(--border);border-radius:10px;scrollbar-width:thin}#app .inventory-template th,#app .inventory-template td{padding:12px 10px}}

#app .report-center .rc-ranking>[hidden]{display:none!important}
.rc-ranking-summary{font-size:12px;line-height:1.7;color:var(--muted);margin:12px 0 0}


body[data-demo-auth=locked]{overflow:auto!important;background:var(--bg)}body[data-demo-auth=locked]>.portable-toolbar{display:none!important}body[data-demo-auth=locked] #app{max-width:none;margin:0;width:100%}.demo-auth-screen{min-height:100dvh;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);padding:0!important;margin:0;background:var(--surface)}.demo-auth-story{position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;padding:42px 54px;color:#fff;background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 50%,#092435),var(--accent))}.demo-auth-story:after{content:'';position:absolute;inset:0;background-image:var(--souqi-bloom);background-size:cover;opacity:.24;pointer-events:none}.demo-auth-story>*{position:relative;z-index:1}.demo-auth-brand{display:flex;gap:11px;align-items:center;width:fit-content;color:inherit;text-decoration:none;font-size:29px;letter-spacing:1px;font-weight:800}.demo-auth-brand svg{width:37px;height:37px}.demo-story-copy{padding:48px 0;max-width:520px;margin:auto 0}.demo-story-copy>span{font-size:10px;letter-spacing:2px;opacity:.7}.demo-story-copy h1{font-size:clamp(30px,3.1vw,49px);font-weight:650;line-height:1.3;letter-spacing:-1px;margin:16px 0 18px;color:inherit}.demo-story-copy>p{font-size:14px;line-height:1.9;max-width:40ch;opacity:.8;margin:0}.demo-auth-story>small{font-size:11px;line-height:1.8;opacity:.65}.demo-auth-art{margin-top:40px;padding:17px 22px 12px;max-width:390px;border-radius:17px;border:1px solid #ffffff32;background:linear-gradient(120deg,#ffffff16,#ffffff05);box-shadow:0 18px 55px #061e3625;transform:rotate(-3deg)}.demo-art-top{display:flex;gap:4px;padding-bottom:14px;border-bottom:1px solid #ffffff22}.demo-art-top i{width:5px;height:5px;background:#ffffff77;border-radius:50%}.demo-art-metrics{display:flex;gap:45px;margin-top:18px}.demo-art-metrics b{font-size:26px;line-height:1.3;font-weight:600}.demo-art-metrics small{display:block;font-size:10px;font-weight:400;opacity:.6;margin-top:5px}.demo-auth-art>svg{width:100%;height:90px;margin-top:8px;color:#ffffffbc}.demo-auth-form-panel{display:flex;flex-direction:column;padding:28px 44px;min-width:0}.demo-auth-top{display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--muted);font-size:10px;letter-spacing:.5px}.demo-auth-top select{min-height:34px;padding:5px 9px;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--ink);font-size:12px}.demo-auth-content{width:100%;max-width:395px;margin:auto;min-width:0;padding:35px 0}.demo-auth-content h2{font-size:28px;letter-spacing:-.7px;margin:0 0 8px;line-height:1.4;color:var(--ink)}.demo-auth-sub{font-size:13px;color:var(--muted);line-height:1.8;margin:0 0 24px}.demo-auth-tabs{display:flex;gap:4px;padding:4px;background:var(--bg);border:1px solid var(--border);border-radius:11px;margin-bottom:22px}.demo-auth-tabs button{flex:1;min-height:38px;border:0;background:transparent;border-radius:8px;font-size:12px;font-weight:600;color:var(--muted);cursor:pointer}.demo-auth-tabs button[aria-pressed=true]{color:var(--accent);background:var(--surface);box-shadow:0 2px 8px #0f172a09}#demo-auth-form{display:grid;gap:14px}#demo-auth-form>label{display:flex;flex-direction:column;gap:7px;font-size:12px;color:var(--ink);font-weight:550}#demo-auth-form input:not([type=checkbox]),#demo-auth-form select{width:100%;min-width:0;min-height:45px;box-sizing:border-box;border:1px solid var(--border);border-radius:9px;background:var(--surface);color:var(--ink);padding:10px 12px;font-size:14px;font-family:inherit;box-shadow:none}#demo-auth-form input:focus,#demo-auth-form select:focus{outline:2px solid color-mix(in srgb,var(--accent) 28%,transparent);outline-offset:1px;border-color:var(--accent)}.demo-password-field{position:relative;display:block}.demo-password-field>input{padding-inline-end:46px!important}.demo-password-field>button{position:absolute;inset-inline-end:5px;top:5px;width:35px;height:35px;padding:8px;border:0;border-radius:7px;background:transparent;color:var(--muted);cursor:pointer}.demo-password-field svg{width:19px;height:19px}#demo-auth-form .demo-auth-check{flex-direction:row;align-items:flex-start;gap:8px;font-weight:400;font-size:11px;color:var(--muted);line-height:1.8}#demo-auth-form input[type=checkbox]{width:16px;height:16px;flex:none;margin-top:2px;accent-color:var(--accent)}.demo-auth-submit{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:46px;margin-top:3px;padding:11px 16px;border-radius:9px;border:1px solid var(--accent);background:var(--accent);color:white;font-family:inherit;font-size:13px;font-weight:650;box-shadow:0 4px 12px color-mix(in srgb,var(--accent) 18%,transparent);cursor:pointer}.demo-auth-submit:disabled{opacity:.6;cursor:wait}.demo-auth-submit>span{font-size:19px;font-weight:400}.demo-auth-accounts{margin-top:23px;padding-top:19px;border-top:1px solid var(--border)}.demo-auth-accounts h3{font-size:12px;margin:0 0 4px}.demo-auth-accounts p{font-size:11px;color:var(--muted);margin:0 0 11px;line-height:1.9}.demo-auth-accounts code{font-size:11px;color:var(--accent);background:var(--soft);border-radius:5px;padding:2px 5px;white-space:nowrap}.demo-auth-accounts>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.demo-auth-accounts button{padding:8px;border:1px solid var(--border);border-radius:8px;background:var(--surface);text-align:start;color:var(--ink);cursor:pointer;min-width:0;min-height:52px}.demo-auth-accounts button:hover{background:var(--soft);border-color:var(--accent)}.demo-auth-accounts button span{font-size:11px;font-weight:600;display:block}.demo-auth-accounts button small{display:block;font-size:9px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.demo-auth-disclaimer{font-size:10px!important;line-height:1.9;color:var(--muted);margin:18px 0 0}.demo-auth-content [role=alert],.demo-auth-content [role=status]{padding:10px 12px;font-size:12px;line-height:1.7;border-radius:8px;background:var(--soft);border:1px solid var(--border)}.demo-auth-content [role=alert]{color:#b54152}.demo-auth-screen [hidden]{display:none!important}.demo-auth-screen button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}@media(max-width:1000px){.demo-auth-story{padding:30px}.demo-auth-form-panel{padding:24px}.demo-story-copy h1{font-size:35px}.demo-auth-art{margin-top:30px}}@media(max-width:760px){.demo-auth-screen{grid-template-columns:minmax(0,1fr);min-height:100dvh}.demo-auth-story{padding:22px 24px 27px}.demo-auth-brand{font-size:24px}.demo-auth-brand svg{width:30px;height:30px}.demo-story-copy{padding:24px 0 0;margin:0}.demo-story-copy h1{font-size:30px;margin:10px 0}.demo-story-copy>p{font-size:12px;max-width:none}.demo-story-copy>span{font-size:9px}.demo-auth-art,.demo-auth-story>small{display:none}.demo-auth-form-panel{padding:18px 22px 26px}.demo-auth-content{max-width:460px;padding:25px 0 5px}.demo-auth-content h2{font-size:25px}#demo-auth-form input:not([type=checkbox]),#demo-auth-form select{font-size:16px}.demo-auth-accounts>div{grid-template-columns:repeat(2,minmax(0,1fr))}.demo-auth-accounts button{min-height:52px}.demo-auth-top>span{letter-spacing:0;font-size:9px}}@media(prefers-reduced-motion:reduce){.demo-auth-screen *{transition:none!important;animation:none!important}}

.demo-auth-language-menu{position:relative;flex:none;letter-spacing:0}.demo-auth-language-menu>summary{display:flex;align-items:center;gap:8px;min-height:36px;padding:6px 10px;border:1px solid var(--border);border-radius:9px;background:var(--surface);color:var(--ink);font-size:12px;cursor:pointer;list-style:none;box-sizing:border-box}.demo-auth-language-menu>summary::-webkit-details-marker{display:none}.demo-auth-language-menu .header-language-flag{width:24px;height:16px;flex:none;border-radius:2px;box-shadow:0 0 0 1px #0f172a0d}.demo-auth-language-menu>div{position:absolute;inset-inline-end:0;top:calc(100% + 7px);width:166px;padding:5px;border:1px solid var(--border);border-radius:11px;background:var(--surface);box-shadow:0 10px 30px #0f172a19;z-index:20}.demo-auth-language-menu button{display:flex;align-items:center;gap:9px;width:100%;min-height:39px;padding:8px;border:0;border-radius:7px;background:transparent;color:var(--ink);font-family:inherit;font-size:12px;text-align:start;cursor:pointer}.demo-auth-language-menu button>span:last-child{margin-inline-start:auto;color:var(--accent)}.demo-auth-language-menu button:hover,.demo-auth-language-menu button[aria-current=true]{background:var(--soft)}.demo-auth-language-menu>summary:focus-visible{outline:2px solid var(--accent);outline-offset:3px}