/* Shared dashboard styles; Internet Express defaults to graphite and yellow. */
@font-face{font-family:'DM Sans';src:url('/static/vendor/DM-Sans.ttf') format('truetype');font-weight:100 1000;font-display:swap}
@font-face{font-family:'Space Grotesk';src:url('/static/vendor/Space-Grotesk.ttf') format('truetype');font-weight:300 700;font-display:swap}
:root{color-scheme:dark;--accent:#ffdd00;--yellow:var(--accent);--ink:#f2f3f5;--muted:#a0a6ae;--canvas:#101214;--surface:#191c20;--surface-raised:#22262b;--hover:#2b3036;--line:#30353b;--line-strong:#515961;--chart-grid:#32373e;--chart-track:#30363d;--green:#68c79f;--red:#f09776;--accent-soft:#292713;--accent-line:#625922;--tooltip-bg:#30363d;--sidebar-bg:#15171a;--on-accent:#101214;--accent-detail:#403b13;--primary-hover:#ffe735;--secondary-hover-border:#7b858f;--strong-ink:#d2d7dc;--notice-ink:#d3ca94;--heading-secondary:#a5abb3;--table-head:#202429;--table-ink:#c9cfd6;--status-ink:#bdc5ce;--success-bg:#1b332a;--success-ink:#8cdbb8;--success-line:#345c49;--warning-bg:#3b2d23;--warning-ink:#edb58b;--warning-line:#665036;--error-bg:#3c2722;--error-ink:#f5b09b;--error-line:#765245;--orbit-line:#ffdd0024;--orbit-ink:#ffdd0050;--accent-shadow:#ffdd0012;--chart-blue:#85a7c9;--chart-purple:#b4a4d4;--chart-gold:#e1c17a;--chart-blue-alt:#7195bb;--chart-pink:#d78caa;--chart-lime:#b1c78c;--chart-sage:#95a7a0;--chart-orange:#d9ab78;--chart-indigo:#9999c7;--chart-neutral:#939ca5;--chart-neutral-alt:#a8a3a0;--ease-out:cubic-bezier(.23,1,.32,1);--shadow:0 8px 24px rgb(0 0 0 / 10%)}
html{-webkit-font-smoothing:antialiased;scroll-padding-top:24px}
body{font-family:'DM Sans','Segoe UI',sans-serif;font-size:14px;line-height:1.5;background:var(--canvas);color:var(--ink)}
h1,h2,h3{text-wrap:balance}p{text-wrap:pretty}button,input,select{font-family:inherit}
button{min-height:40px;transition:background-color 160ms ease,color 160ms ease,border-color 160ms ease,transform 160ms var(--ease-out)}button:disabled{opacity:.45;cursor:not-allowed}
input,select{background:var(--canvas);border-color:var(--line-strong);border-radius:8px;min-height:44px;padding:10px 12px;font-size:13px;color:var(--ink)}input::placeholder{color:var(--muted)}
input:focus,select:focus,button:focus-visible,a:focus-visible,summary:focus-visible,.table-scroll:focus-visible{outline:2px solid var(--yellow);outline-offset:4px}
.skip-link{position:fixed;top:12px;left:12px;z-index:30;padding:12px 18px;background:var(--yellow);color:var(--on-accent);border-radius:6px;transform:translateY(-160%);font-weight:700}.skip-link:focus{transform:none}
.icon{width:18px;height:18px;flex-shrink:0;vertical-align:middle;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.shell{grid-template-columns:232px minmax(0,1fr)}.sidebar{background:var(--sidebar-bg);border-right:1px solid var(--line);padding:34px 20px 0;color:var(--ink)}
.wordmark{font-size:20px;padding-left:52px}.wordmark span{font-size:24px}.wordmark small{color:#aeb4bc;font-size:7px;letter-spacing:1.8px}.brand-logo{border-radius:50%;outline:1px solid #ffffff1a;outline-offset:-1px}
.workspace-label{font-size:9px;letter-spacing:2px;color:var(--muted);margin:48px 10px 16px}.nav-active{display:flex;align-items:center;gap:12px;padding:13px;border-radius:8px;background:var(--accent-soft);border:1px solid var(--accent-line);color:var(--yellow);font-size:13px;font-weight:600}.nav-active>span{margin:0}.sidebar-divider{background:var(--line);margin:30px 0}
.customer-heading{font-size:9px;color:var(--muted);letter-spacing:1.5px;margin-bottom:14px}.count{padding:3px 8px;border-radius:5px;background:var(--surface-raised);color:var(--muted);font-size:11px;font-variant-numeric:tabular-nums}.sidebar .count{background:var(--surface-raised);color:var(--ink)}
.search-box{background:var(--canvas);border-color:var(--line);border-radius:8px;padding:0 12px;gap:9px;min-height:44px}.search-box:focus-within{border-color:var(--yellow)}.search-box input{font-size:13px;padding:10px 0;min-height:42px}.search-box>span{display:flex;color:var(--muted)}.search-box>.icon{width:16px;height:16px;color:var(--muted)}
.sidebar .search-box{background:var(--canvas);border-color:var(--line)}.sidebar input{color:var(--ink)}.customer-list{margin:16px -5px;min-height:0;scrollbar-width:thin;scrollbar-color:var(--line-strong) transparent}
.customer-item{padding:13px 10px;gap:11px;border:1px solid transparent;margin-bottom:6px;border-radius:8px;color:var(--muted)}.customer-item.selected{background:var(--surface-raised);border-color:var(--line-strong);color:var(--ink);position:relative}.customer-item.selected:after{content:'';width:4px;height:20px;border-radius:3px;background:var(--yellow);position:absolute;right:-6px}
.customer-item strong{font-size:13px;font-weight:600}.customer-item small{font-size:10px;color:var(--muted)}.customer-item .avatar{width:34px;height:34px;border-radius:7px;background:var(--hover);color:var(--ink);font-size:12px}.customer-item.selected .avatar{background:var(--yellow);color:var(--on-accent)}
.sidebar-action{display:flex;gap:8px;align-items:center;color:var(--muted);font-size:11px;line-height:1.5;padding:12px 0;white-space:normal}.sidebar-action .icon{width:16px;height:16px}.sidebar-bottom{border-color:var(--line);gap:10px;padding:22px 0}.sidebar-bottom .avatar{background:var(--surface-raised);color:var(--yellow);border-radius:7px}.sidebar-bottom strong{font-size:11px}.sidebar-bottom small{font-size:10px;color:var(--muted)}.icon-button{min-width:40px;padding:8px;color:var(--muted)}
.topbar{height:64px;background:var(--canvas);padding:0 clamp(24px,3vw,48px);font-size:11px}.topbar strong{font-weight:500;color:var(--strong-ink)}.breadcrumb{color:var(--line-strong)}.connection{background:transparent;border:1px solid var(--line);color:var(--muted);padding:7px 10px;font-size:10px;border-radius:6px;white-space:nowrap}
.content{max-width:1760px;padding:22px clamp(24px,3vw,48px) 32px}.notice{background:var(--accent-soft);color:var(--notice-ink);border:1px solid var(--accent-line);border-radius:7px;padding:10px 14px;font-size:11px;margin-bottom:24px;line-height:1.6}
.page-heading{margin:20px 0 24px;align-items:flex-end;gap:24px;position:relative;isolation:isolate;min-height:100px}.page-heading>div:not(.express-orbit),.page-heading>button{position:relative;z-index:1}.eyebrow{font-size:9px;letter-spacing:2px;color:var(--yellow);font-weight:600;margin-bottom:12px}
.page-heading h1{font-family:'Space Grotesk','DM Sans',sans-serif;font-size:clamp(38px,3.5vw,52px);font-weight:500;line-height:1.08;letter-spacing:-2.5px;max-width:800px}.heading-accent{color:var(--heading-secondary)}.yellow-dot{color:var(--yellow)}.page-heading p{font-size:13px;color:var(--muted);margin-top:15px}
.express-orbit{position:absolute;right:28px;top:-26px;width:228px;height:190px;z-index:-1;pointer-events:none;opacity:.7}.express-orbit:before,.express-orbit:after,.express-orbit span{content:'';position:absolute;inset:18px;border:1px solid var(--orbit-line);border-radius:50%;transform:rotate(-32deg) scaleX(.42)}.express-orbit:after{transform:rotate(32deg) scaleX(.42)}.express-orbit span{transform:rotate(90deg) scaleX(.42)}.express-orbit i{position:absolute;inset:18px;border:1px solid var(--orbit-line);border-radius:50%}.express-orbit b{position:absolute;left:85px;top:60px;color:var(--orbit-ink);transform:skew(-12deg);font:700 46px 'Space Grotesk',sans-serif;letter-spacing:-4px}
.primary,.secondary{display:inline-flex;align-items:center;justify-content:center;gap:9px;font-size:12px;font-weight:600;padding:10px 15px;min-height:44px;border-radius:8px}.primary{background:var(--yellow);border:1px solid var(--yellow);color:var(--on-accent);box-shadow:0 2px 12px var(--accent-shadow)}.secondary{border:1px solid var(--line-strong);background:var(--surface-raised);color:var(--ink);box-shadow:none}.primary:active:not(:disabled),.secondary:active:not(:disabled){transform:scale(.97)}
.filter-panel{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:18px 24px;gap:24px;position:relative}.filter-panel:before{content:'';position:absolute;left:-1px;top:24px;bottom:24px;width:3px;border-radius:2px;background:var(--yellow)}
.selected-customer{gap:14px;min-width:0}.selected-customer .avatar{width:48px;height:48px;border-radius:10px;background:var(--accent-soft);border:1px solid var(--accent-line);font-size:18px;color:var(--yellow)}.selected-customer small{font-size:9px;letter-spacing:1.4px;color:var(--muted)}.selected-customer h2{font-family:'Space Grotesk',sans-serif;font-size:24px;line-height:1.2;margin:4px 0;letter-spacing:-.6px}.selected-customer #account-code{font-size:10px;color:var(--muted)}
.date-controls{gap:10px;flex-shrink:0}.date-controls label{font-size:10px;color:var(--muted)}.date-controls input{font-size:12px;width:144px;margin-top:5px}.date-arrow{padding-bottom:12px;color:var(--muted)}.date-controls button{margin:0}
.report-toolbar{margin:12px 0 20px;gap:14px;align-items:center}.range-presets{display:flex;flex-wrap:wrap;gap:2px;background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:3px}.preset{font-size:10px;padding:7px 12px;min-height:36px;border-radius:5px;color:var(--muted)}.preset.active{background:var(--hover);color:var(--yellow);font-weight:600}
.sync-meta{gap:10px;font-size:10px;flex-wrap:wrap}.text-button{display:inline-flex;align-items:center;gap:6px;font-size:11px;padding:4px 0;color:var(--ink);min-height:36px}.report-tabs{display:flex;gap:24px;border-bottom:1px solid var(--line);margin:0 0 20px}.report-tabs button{border:0;border-bottom:2px solid transparent;border-radius:0;padding:12px 2px;background:transparent;color:var(--muted);font-size:13px;display:flex;gap:9px;align-items:center}.report-tabs button[aria-selected=true]{border-bottom-color:var(--yellow);color:var(--ink);font-weight:600}.report-tabs button[aria-selected=true] .count{background:var(--accent-soft);color:var(--yellow)}
.section-heading{margin:0 0 16px;gap:15px;align-items:baseline}.section-heading h2{font-size:13px;font-weight:500;color:var(--ink)}.section-heading span{font-size:10px;color:var(--muted)}
.kpi-grid{gap:12px;background:transparent;border:0;border-radius:0;overflow:visible;margin-bottom:18px}.kpi-card{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:22px 20px;min-width:0;box-shadow:var(--shadow)}.kpi-card.featured{background:var(--yellow);border:1px solid var(--yellow);padding-top:24px;color:var(--on-accent)}
.kpi-label{font-size:11px;color:var(--muted);margin:0 0 18px;font-weight:500;padding-right:22px}.kpi-value{font-family:'Space Grotesk','DM Sans',sans-serif;font-size:clamp(27px,2.6vw,42px);font-weight:500;line-height:1.15;letter-spacing:-1.6px;min-height:46px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.kpi-card:last-child .kpi-value{font-size:clamp(23px,2vw,34px);letter-spacing:-1.2px}.kpi-note{font-size:10px;line-height:1.7;margin-top:10px;color:var(--muted);overflow-wrap:anywhere}.kpi-card.featured .kpi-label,.kpi-card.featured .kpi-note,.kpi-card.featured .kpi-symbol{color:var(--accent-detail)}
.kpi-symbol{display:block;position:absolute;right:20px;top:24px;padding:0;border-radius:0;background:transparent;color:var(--muted)}.kpi-symbol .icon{width:17px;height:17px}.report-insight{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:11px;line-height:1.7;margin:0 0 22px}.report-insight .icon{width:15px;height:15px;color:var(--green)}
.panel{background:var(--surface);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);position:relative;overflow:hidden}.panel-heading{padding:24px;gap:12px;align-items:flex-start}.panel-heading h2{font-family:'Space Grotesk','DM Sans',sans-serif;font-weight:500;font-size:16px;letter-spacing:-.4px}.panel-heading p{font-size:11px;line-height:1.6;margin-top:6px;color:var(--muted)}
.legend{gap:10px;font-size:10px;color:var(--muted);margin-top:1px}.legend i{width:7px;height:7px;border-radius:2px}.legend-dark{background:var(--green)}.trend-chart{height:235px;margin:0 24px 24px}.trend-chart text{font-family:'DM Sans',sans-serif;font-size:10px;fill:var(--muted)}
.bar-list{padding:0 24px 24px;gap:18px}.bar-row{grid-template-columns:minmax(90px,1fr) minmax(45px,1fr) 52px;gap:12px;font-size:12px;color:var(--ink)}.bar-track{height:8px;border-radius:3px;background:var(--chart-track)}.bar-fill{border-radius:3px;background:var(--yellow)}.bar-row strong{font-weight:600;font-variant-numeric:tabular-nums}.details-grid{gap:20px}.tag{font-size:9px;letter-spacing:.8px;color:var(--muted);line-height:1.6}
.detail-list{padding:0 24px 24px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);font-size:12px;column-gap:20px}.detail-list dt,.detail-list dd{border-color:var(--line);padding:12px 0;overflow-wrap:anywhere}.detail-list dt{color:var(--muted)}.detail-list dd{font-weight:500;font-variant-numeric:tabular-nums}
.service-panel,.shipments-panel{margin-bottom:24px}.table-scroll{scrollbar-color:var(--line-strong) transparent;scrollbar-width:thin;overscroll-behavior-x:contain}table{font-size:12px}th{background:var(--table-head);color:var(--muted);font-size:9px;font-weight:500;letter-spacing:.8px;padding:14px 24px;border-color:var(--line);text-transform:uppercase}td{padding:15px 24px;border-color:var(--line);color:var(--table-ink);font-variant-numeric:tabular-nums}td:first-child{color:var(--ink);font-weight:500}td small{font-size:10px;color:var(--muted);margin-top:4px}td small.exception-marker{color:var(--red)}tbody tr{transition:background-color 100ms ease}
.shipment-filters{padding:0 24px 22px;gap:12px}.shipment-filters .search-box{max-width:450px}.shipment-filters select{font-size:12px;min-width:160px}.status-badge{padding:5px 9px;border-radius:5px;font-size:10px;background:var(--surface-raised);color:var(--status-ink);border:1px solid var(--line)}.status-badge.delivered{background:var(--success-bg);color:var(--success-ink);border-color:var(--success-line)}.status-badge.warning{background:var(--warning-bg);color:var(--warning-ink);border-color:var(--warning-line)}
.json-button{font-family:inherit;font-size:10px;padding:8px 11px;min-height:40px;min-width:64px;background:var(--surface-raised);color:var(--muted);border:1px solid var(--line);border-radius:5px}.pagination{padding:18px 24px;font-size:11px;gap:16px}.pagination button{font-size:11px;padding:8px 13px;min-height:40px}.pagination div{gap:10px;flex-direction:row}.empty{font-size:13px;color:var(--muted);line-height:1.7;padding:36px 20px}.sidebar .empty{color:var(--muted)}
.message{background:var(--success-bg);border:1px solid var(--success-line);color:var(--success-ink);padding:14px 18px;border-radius:8px;font-size:12px}.message.error{background:var(--error-bg);border-color:var(--error-line);color:var(--error-ink)}.definitions{padding:22px 0;font-size:12px;color:var(--muted);line-height:1.85;box-shadow:none;border:0;border-top:1px solid var(--line);border-radius:0;background:transparent}.definitions summary{font-size:12px;color:var(--ink);min-height:40px;display:list-item;align-content:center}.definitions h3{font-size:13px}.definitions p{max-width:1050px}.sync-run{padding:10px 0}footer{font-size:10px;color:var(--muted);margin-top:30px;line-height:1.6}footer b{color:var(--yellow)}
.exception-summary{display:grid;grid-template-columns:minmax(190px,.7fr) minmax(0,1.5fr);gap:32px;margin-bottom:22px;padding:26px;background:var(--surface);border:1px solid var(--line);border-radius:12px}.exception-summary small{letter-spacing:1.5px;font-size:10px}.exception-summary strong{display:block;color:var(--red);font-family:'Space Grotesk',sans-serif;font-size:54px;letter-spacing:-2px;font-weight:500;font-variant-numeric:tabular-nums}.exception-summary h3{font-size:16px;margin-bottom:10px}.exception-summary p{font-size:13px;color:var(--muted);line-height:1.7}.exception-summary+.notice{margin-bottom:24px}#exceptions-view>.panel{margin-bottom:24px}#exception-table .status-badge{margin:3px 0}#exception-total{font-variant-numeric:tabular-nums}
dialog{background:var(--surface);color:var(--ink);border:1px solid var(--line-strong);border-radius:14px;box-shadow:0 20px 80px #0008;width:min(900px,92vw)}dialog::backdrop{background:#050709cc}dialog pre{font-size:12px;background:var(--canvas);padding:24px}dialog .panel-heading{align-items:center}
.login-view{background:var(--canvas)}.login-brand{background:var(--sidebar-bg);color:var(--ink);border-right:1px solid var(--line)}.login-brand h1{font-family:'Space Grotesk',sans-serif;font-size:clamp(40px,4vw,64px);font-weight:500;letter-spacing:-2.5px}.login-brand p{color:var(--muted)}.login-brand:after{border-color:var(--accent-shadow)}.login-foot{color:var(--muted)}.login-form h2{font-family:'Space Grotesk',sans-serif;font-weight:500;font-size:34px;letter-spacing:-1px}.login-form>p{font-size:14px}.login-form label{font-size:13px}.login-form input{font-size:14px}.login-form small{font-size:12px}.login-form button{font-size:14px}
.loading{opacity:1;pointer-events:none;min-height:400px}.loading .kpi-grid{min-height:165px;border-radius:12px;background:repeating-linear-gradient(90deg,var(--surface) 0,var(--surface) calc(25% - 6px),var(--canvas) calc(25% - 6px),var(--canvas) 25%)}.loading .panel{min-height:220px}.loading .section-heading{opacity:.6}
@media(hover:hover) and (pointer:fine){.primary:hover{background:var(--primary-hover);border-color:var(--primary-hover)}.secondary:hover{background:var(--hover);border-color:var(--secondary-hover-border)}.customer-item:hover{background:var(--surface-raised)}.preset:hover{background:var(--hover);color:var(--ink)}tbody tr:hover{background:var(--surface-raised)}.json-button:hover{background:var(--hover);color:var(--ink)}.icon-button:hover,.text-button:hover{color:var(--yellow)}}
@media(min-width:1650px){.kpi-value{font-size:44px}.kpi-card:last-child .kpi-value{font-size:36px}}
@media(max-width:1250px){.shell{grid-template-columns:212px minmax(0,1fr)}.sidebar{padding-inline:16px}.wordmark{font-size:18px}.wordmark span{font-size:21px}.filter-panel{flex-direction:column;align-items:flex-start}.date-controls{justify-content:flex-start;width:auto}.kpi-card{padding:22px 16px}.kpi-card.featured{padding-top:22px}.kpi-symbol{right:16px;top:22px}.kpi-value{font-size:30px}.kpi-card:last-child .kpi-value{font-size:24px}.report-toolbar{flex-wrap:wrap}.legend{flex-direction:column;gap:6px}.panel-heading{padding:20px}.trend-chart{margin-inline:20px}.bar-list{padding-inline:20px}.express-orbit{right:0;opacity:.45}}
@media(max-width:1000px){.kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.kpi-card:last-child .kpi-value{font-size:30px}.kpi-value{font-size:36px}.charts-grid,.details-grid{grid-template-columns:1fr}.legend{flex-direction:row}.page-heading{align-items:flex-end}.section-heading{align-items:flex-start}.section-heading span{text-align:right}.page-heading h1{font-size:44px}.date-controls{width:100%}.date-controls input{width:140px}.topbar{padding-inline:24px}.connection{max-width:none}.express-orbit{display:none}}
@media(max-width:760px){.shell{grid-template-columns:minmax(0,1fr)}.sidebar{position:relative;height:auto;padding:20px 22px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px 22px;align-items:start;border-right:0;border-bottom:1px solid var(--line)}.sidebar .wordmark{grid-column:1/-1;min-height:48px}.workspace-label,.nav-active,.sidebar-divider,.sidebar-bottom{display:none}.customer-heading{margin:0;grid-column:1/-1}.customer-list{margin:0;max-height:150px;grid-column:2;grid-row:3}.customer-item{margin:0;padding:5px 8px;min-height:44px}.sidebar-action{grid-column:1/-1;padding:0;font-size:11px;min-height:30px}.sidebar .search-box{grid-column:1;grid-row:3}.sidebar .wordmark span{font-size:24px}.topbar{height:56px;padding-inline:22px}.content{padding:24px 22px}.page-heading{margin:8px 0 28px;flex-direction:row;min-height:0;align-items:flex-end}.page-heading h1{font-size:44px}.page-heading p{font-size:12px;max-width:260px}.page-heading .secondary{font-size:0;min-width:44px;padding:12px}.page-heading .secondary .icon{width:20px;height:20px}.date-controls input{width:100%}.date-controls label{flex:1;min-width:0}.date-controls button{flex-shrink:0}.date-arrow{display:none}.filter-panel{gap:20px;padding:20px}.report-toolbar{flex-direction:column;align-items:flex-start;margin:14px 0 26px}.sync-meta{font-size:10px}.range-presets{max-width:100%}.preset{min-height:40px;font-size:11px;padding-inline:10px}.section-heading span{font-size:10px;max-width:190px}.kpi-card{padding:22px 20px}.kpi-card.featured{padding-top:22px}.kpi-symbol{right:20px}.kpi-label{font-size:11px}.kpi-note{font-size:10px}.panel-heading{padding:22px}.bar-list{padding-inline:22px}.trend-chart{margin-inline:22px}.shipment-filters{padding-inline:22px}.pagination{padding:18px 22px}.pagination button,.json-button{min-height:44px}.definitions{padding-inline:0}.login-brand{min-height:320px;padding:35px}.login-brand .wordmark{position:static;margin-bottom:24px}.login-brand h1{font-size:40px}.login-form{margin:36px auto}.login-view{grid-template-columns:1fr}.login-brand p,.login-foot{display:none}.exception-summary{grid-template-columns:minmax(0,1fr);gap:20px;padding:22px}.exception-summary strong{font-size:46px}}
@media(max-width:450px){.sidebar{padding:18px;gap:14px}.customer-item strong{font-size:12px}.customer-item small{font-size:10px}.customer-item .avatar{width:30px;height:30px}.customer-item.selected:after{right:-4px}.content{padding:24px 18px}.topbar{padding-inline:18px;font-size:10px;gap:10px}.topbar>span:first-child{max-width:145px}.breadcrumb{margin-inline:5px}.connection{font-size:9px;padding:6px 8px}.page-heading h1{font-size:39px;letter-spacing:-2px}.page-heading .eyebrow{font-size:8px;letter-spacing:1.5px}.page-heading p{font-size:11px}.page-heading{gap:12px}.date-controls{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}.date-controls button{grid-column:1/-1;width:100%;margin:0}.date-controls input{font-size:13px}.selected-customer h2{font-size:24px}.range-presets{width:100%;gap:2px}.preset{flex:1;padding-inline:6px;font-size:10px}.section-heading{gap:12px}.section-heading h2{font-size:13px}.section-heading span{max-width:160px}.kpi-grid{gap:10px}.kpi-card{padding:20px 14px}.kpi-card.featured{padding-top:20px}.kpi-label{font-size:10px;margin-bottom:22px;padding-right:12px}.kpi-symbol{right:12px;top:20px}.kpi-symbol .icon{width:14px;height:14px}.kpi-value{font-size:32px;min-height:38px}.kpi-card:last-child .kpi-value{font-size:24px;letter-spacing:-1px}.kpi-note{font-size:10px}.panel-heading{padding:20px}.panel-heading h2{font-size:15px}.panel-heading p{font-size:11px}.legend{font-size:9px;gap:8px;flex-direction:column}.trend-chart{margin:0 15px 20px}.bar-list{padding-inline:20px}.detail-list{font-size:11px;padding-inline:20px;column-gap:12px}.tag{font-size:8px;max-width:100px;text-align:right}.shipment-filters{padding-inline:20px;flex-direction:column}.shipment-filters .search-box{max-width:none}.pagination{padding:18px 20px;flex-direction:column;align-items:stretch}.pagination div{justify-content:space-between;flex-direction:row}.pagination button{flex:1}footer{flex-direction:column;gap:5px}.report-insight{font-size:10px;align-items:flex-start}.report-insight .icon{margin-top:2px}.login-brand{padding:28px}.login-brand h1{font-size:36px}}

@media(max-width:760px){
 .sidebar{gap:10px 16px;padding:16px 22px;align-items:center}.sidebar .wordmark{grid-column:1;grid-row:1;min-height:44px;font-size:16px;padding-left:42px}.sidebar .wordmark span{font-size:19px}.sidebar .wordmark small{font-size:5px;letter-spacing:1.1px}.sidebar .brand-logo{width:34px;height:34px}
 .customer-heading{display:none}.customer-list{grid-column:2;grid-row:1;max-height:110px}.sidebar .search-box{grid-column:1/-1;grid-row:2}.sidebar-action:disabled{display:none}
 .topbar{height:46px}.content{padding-top:18px}.notice{margin-bottom:18px;font-size:10px;padding:9px 12px}.page-heading{margin:0 0 22px}.page-heading h1{font-size:38px}.heading-accent{display:block}.page-heading p{margin-top:10px;font-size:11px}
 .filter-panel{padding:16px 18px;gap:14px}.selected-customer .avatar{width:38px;height:38px}.selected-customer h2{font-size:22px}.selected-customer small{font-size:8px}.date-controls input{margin-top:4px;min-height:42px}.report-toolbar{margin:12px 0 18px;gap:8px}.sync-meta{font-size:9px}.report-tabs{margin-bottom:20px}.section-heading{margin-bottom:12px}
}
@media(max-width:450px){.sidebar{padding:14px 18px}.page-heading h1{font-size:36px}.date-controls{gap:8px}.report-toolbar .sync-meta{gap:6px}.sync-meta .text-button{font-size:10px;min-height:28px}.kpi-note{line-height:1.6}}

@media(max-width:450px){
 .topbar{display:none}.page-heading h1{font-size:32px}.page-heading p{max-width:250px}
 .date-controls{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 44px;align-items:end}
 .date-controls button{grid-column:3;grid-row:1;width:44px;height:44px;padding:0;font-size:0}
 .date-controls button:after{content:'\2192';font-size:22px;font-weight:500}
 .date-controls input{font-size:11px;padding-inline:8px}.date-controls label{font-size:9px}
}
@media(prefers-reduced-motion:reduce){button,tbody tr{transition:none}.primary:active:not(:disabled),.secondary:active:not(:disabled){transform:none}}
@media print{:root{color-scheme:light;--canvas:#fff;--surface:#fff;--surface-raised:#f3f4f5;--ink:#16191c;--muted:#555d65;--line:#d3d6da;--line-strong:#aaa;--chart-grid:#d3d6da;--chart-track:#eee;--accent-soft:#fff8ca;--accent-line:#c8b75b;--shadow:none}.skip-link,.express-orbit,.report-insight .icon{display:none}.sidebar,.topbar,.report-toolbar,.date-controls,.shipment-filters,button,.pagination,.definitions,#demo-banner{display:none!important}.shell{display:block}.content{padding:0}.kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.kpi-card{padding:16px 12px}.kpi-value{font-size:25px}.kpi-card:last-child .kpi-value{font-size:20px}.charts-grid,.details-grid{grid-template-columns:1fr 1fr}.panel{box-shadow:none;border:1px solid var(--line);break-inside:avoid}.page-heading h1{font-size:30px}.heading-accent{color:var(--ink)}td,td:first-child,th{color:var(--ink)}th{background:var(--surface-raised)}.status-badge,.status-badge.delivered,.status-badge.warning{background:transparent;color:var(--ink);border-color:var(--line)}}

/* The company selector follows the existing native-control styling. */
.wordmark [data-brand-line-one]{font-weight:inherit}
.company-switch{display:block;min-width:0;margin:24px 0 0}
.company-switch>span{display:block;margin-bottom:7px;color:var(--muted);font-size:10px;font-weight:600;letter-spacing:1.4px;text-transform:uppercase}
.company-switch select{display:block;width:100%;min-width:0;min-height:44px;border:1px solid var(--line-strong);cursor:pointer}
.company-switch select:disabled{opacity:.6;cursor:wait}
.login-form .company-switch{margin:22px 0}
.workspace-label{margin-top:28px}
@media(max-width:760px){.sidebar .company-switch{grid-column:1/-1;grid-row:2;margin:0}.sidebar .company-switch>span{margin-bottom:4px}.sidebar .company-switch select,.login-form .company-switch select{font-size:16px}.sidebar .search-box{grid-row:3}.sidebar .sidebar-action{grid-row:4}}
@media print{.company-switch{display:none!important}}

.record-actions,.export-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.report-tabs{overflow-x:auto;gap:22px}.report-tabs button{flex-shrink:0;white-space:nowrap;min-height:40px}
.record-scope{margin-bottom:24px}.status-group-summary strong{color:var(--yellow)}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
#quotations-view .search-box input:focus-visible,#cancelled-view .search-box input:focus-visible{outline:none}
.status-group-summary p:last-child{margin-top:8px}
@media(max-width:760px){.report-tabs button{min-height:44px}.status-group-summary .panel-heading{align-items:flex-start}}
.history-button{font-size:11px;padding:8px 11px;min-height:40px;border:1px solid var(--line-strong);border-radius:5px;background:var(--surface-raised);color:var(--ink)}
.history-button:hover{background:var(--hover)}
.tracking-content{padding:0 24px 24px;max-height:70vh;overflow:auto}
.history-current{font-size:13px;margin:0 0 20px;color:var(--muted)}
.history-current strong{color:var(--ink)}
.status-timeline{list-style:none;padding:0;margin:0}
.status-timeline li{position:relative;border-left:2px solid var(--line-strong);padding:0 0 24px 20px;margin-left:6px}
.status-timeline li:before{content:'';position:absolute;left:-6px;top:5px;width:10px;height:10px;background:var(--surface);border:2px solid var(--yellow);border-radius:50%}
.status-timeline li.timeline-exception:before{border-color:var(--red);background:var(--red)}
.status-timeline li:last-child{padding-bottom:4px}
.timeline-heading{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:13px}
.timeline-heading time,.status-timeline small{color:var(--muted);font-size:11px}
.status-timeline p{margin-top:6px;font-size:12px;overflow-wrap:anywhere;color:var(--muted)}
@media(max-width:760px){.history-button{min-height:44px}.export-actions{justify-content:flex-end}.tracking-content{padding-inline:18px}.timeline-heading{flex-direction:column;gap:4px}}

/* Keep workspace controls with the signed-in user, including on small screens. */
.sidebar-bottom{display:flex;flex-direction:column;align-items:stretch;gap:16px;flex-shrink:0}
.sidebar-bottom .company-switch{margin:0}
.sidebar-user{display:flex;align-items:center;gap:10px;min-width:0}
.sidebar-user>div{min-width:0;flex:1}
.sidebar-user #user-label{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.customer-empty{display:grid;place-items:center;min-height:calc(100svh - 160px);padding:80px 22px;overflow:hidden}
.customer-empty p{max-width:85%;font-family:'Space Grotesk',sans-serif;font-size:clamp(20px,3.8vw,54px);font-weight:500;line-height:1.35;text-align:center;text-wrap:balance;color:var(--muted);transform:rotate(-12deg);transform-origin:center}
@media(max-width:760px){
 .sidebar .search-box{grid-row:2}
 .sidebar .sidebar-action{grid-row:3}
 .sidebar .sidebar-bottom{display:flex;grid-column:1/-1;grid-row:4;margin-top:2px;padding:14px 0 0;gap:12px}
 .sidebar-bottom .company-switch{grid-row:auto;grid-column:auto}
 .sidebar-user .icon-button{min-width:44px;min-height:44px}
 .customer-empty{min-height:45svh;padding:64px 12px}
 .customer-empty p{max-width:90%;font-size:clamp(22px,5.5vw,38px)}
}