/* ASR Race Control: shared graphite surfaces, cyan accents and condensed headings. */
:root{font-family:'DM Sans',Arial,sans-serif;color:#eef5fa;background:#080e13;font-synthesis:none;color-scheme:dark;--ink:#eef5fa;--muted:#9aafbf;--line:#283946;--green:#27d5ef;--lime:#27d5ef;--sidebar:#090f15;--paper:#0d161e;--red:#ff8d9e;--amber:#f2c275;--cyan:#27d5ef;--surface:#111e28;--radius:5px}
:root{--bg:#080e13;--input:#090f15;--topbar:#080e13f5;--nav:#0b141cf5;--dock:#080e13f2;--control-border:#3b5160;--hover-surface:#192e3b;--hover-border:#6b91a5;--primary-ink:#04151c;--primary-hover:#71e7f8;--danger-border:#733d48;--danger-soft:#ff8d9e08;--stat-border:#4c6371;--success:#47dda6;--success-panel:#47dda607;--blue-soft:#86b6e112;--blue-text:#a9c9e8;--blue-border:#86b6e126;--amber-soft:#f2c27510;--amber-border:#f2c27526;--red-soft:#ff8d9e10;--red-border:#ff8d9e26;--success-soft:#47dda610;--success-text:#65e3b5;--success-border:#47dda626;--avatar-bg:#173340;--avatar-ink:#72dcec;--demo-ink:#c5b28a;--demo-bg:#f2c27508;--demo-border:#f2c27529;--accent-soft:#27d5ef0d;--accent-border:#27d5ef30;--accent-tint:#27d5ef20;--accent-faint:#27d5ef12;--accent-hover:#27d5ef14;--accent-medium:#27d5ef60;--accent-strong:#27d5ef70;--accent-light:#27d5ef08;--accent-wash:#27d5ef15;--accent-outline:#27d5ef33;--placeholder:#8299aa;--progress-track:#1b303e;--checkbox-border:#48616f;--check-ink:#05191f;--field-border:#3b5363;--warning-border:#f2c27540;--success-light:#47dda608;--success-outline:#47dda633;--info-ink:#8fd9e7;--toast-bg:#183642;--toast-ink:#eafaff;--toast-border:#3b7687;--toast-error:#3b1b26;--toast-error-border:#a74e65;--nav-border:#344c5c;--card-border:#344956;--card-active:#193342;}
[data-theme="light"]{color-scheme:light;color:var(--ink);background:var(--bg);--ink:#142b38;--muted:#506876;--line:#c2d0d7;--green:#00768c;--lime:#00768c;--sidebar:#f8fbfc;--paper:#ffffff;--surface:#f3f7f9;--red:#b62b47;--amber:#925800;--cyan:#00768c;--bg:#edf2f4;--input:#fff;--topbar:#ffffffed;--nav:#ffffffed;--dock:#f3f7f9f5;--control-border:#b2c6d1;--hover-surface:#e3eef3;--hover-border:#63899e;--primary-ink:#fff;--primary-hover:#005d70;--danger-border:#d3a6b0;--danger-soft:#b62b4708;--stat-border:#738d9d;--success:#10724f;--success-panel:#10724f07;--blue-soft:#2571a80d;--blue-text:#326184;--blue-border:#2571a833;--amber-soft:#9258000d;--amber-border:#92580033;--red-soft:#b62b470d;--red-border:#b62b4733;--success-soft:#10724f0d;--success-text:#167b59;--success-border:#10724f33;--avatar-bg:#dcebf0;--avatar-ink:#00687c;--demo-ink:#725419;--demo-bg:#fff6df;--demo-border:#dfcd9d;--accent-soft:#00768c0d;--accent-border:#00768c30;--accent-tint:#00768c20;--accent-faint:#00768c12;--accent-hover:#00768c14;--accent-medium:#00768c60;--accent-strong:#00768c70;--accent-light:#00768c08;--accent-wash:#00768c15;--accent-outline:#00768c33;--placeholder:#617b8a;--progress-track:#d8e5eb;--checkbox-border:#8ba5b3;--check-ink:#fff;--field-border:#b2c6d1;--warning-border:#92580040;--success-light:#10724f08;--success-outline:#10724f33;--info-ink:#006b82;--toast-bg:#164e62;--toast-ink:#fff;--toast-border:#3b7687;--toast-error:#842b43;--toast-error-border:#a74e65;--nav-border:#b6cbd5;--card-border:#b9ccd6;--card-active:#dcebf1;}

*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer;color:inherit}button:disabled{cursor:not-allowed;opacity:.45}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--cyan);outline-offset:4px}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:'Barlow Condensed','Arial Narrow',sans-serif;font-weight:600}svg.icon{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.muted{color:var(--muted)}.tiny{font-size:13px}.mono{font-family:'IBM Plex Mono',monospace}.initial-loader{padding:20vh 8vw}.initial-loader strong{font:600 38px 'Barlow Condensed';letter-spacing:2px}.initial-loader span{color:var(--cyan)}.initial-loader p{margin-top:15px;color:var(--muted)}
.shell{min-height:100dvh;display:grid;grid-template-columns:236px minmax(0,1fr)}.sidebar{background:var(--sidebar);border-right:1px solid var(--line);position:fixed;inset:0 auto 0 0;width:236px;display:flex;flex-direction:column;padding:31px 19px 22px;z-index:60;overflow-y:auto}.brand{display:flex;align-items:center;gap:13px;color:var(--ink);font:700 25px/1 'Barlow Condensed';letter-spacing:1px}.brand>div>span{display:block;font:500 8px/1.5 'DM Sans';letter-spacing:2px;color:var(--muted);margin-top:7px}.asr-crest{position:relative;width:67px;aspect-ratio:1270/487;overflow:hidden;flex-shrink:0}.asr-crest img{position:absolute;width:145.354331%;max-width:none;height:auto;left:-22.677165%;top:-32.238193%;filter:invert(1)}.workspace-label{font:500 10px 'IBM Plex Mono',monospace;letter-spacing:1.6px;color:var(--muted);margin:40px 12px 14px}.sidebar nav{display:flex;flex-direction:column;gap:6px}.nav-item{width:100%;border:1px solid transparent;background:transparent;display:flex;align-items:center;gap:12px;padding:13px 12px;border-radius:3px;font-size:13px;text-align:left;color:var(--muted);min-height:48px}.nav-item:hover{background:var(--surface);color:var(--ink)}.nav-item.active{background:var(--accent-soft);border-color:var(--accent-border);color:var(--cyan);box-shadow:inset 3px 0 var(--cyan)}.nav-count{margin-left:auto;font:500 11px 'IBM Plex Mono';min-width:22px;padding:3px;border-radius:3px;text-align:center;background:var(--accent-tint);color:var(--cyan)}.sidebar-bottom{margin-top:auto;padding-top:30px}.sidebar-hint{border:1px solid var(--line);border-left:2px solid var(--cyan);border-radius:3px;padding:15px 13px;line-height:1.7;font-size:12px;color:var(--muted)}.sidebar-hint strong{display:block;color:var(--ink);font-size:13px;margin-bottom:5px}.sidebar-hint svg{color:var(--cyan);margin-bottom:6px}.profile{margin-top:22px;border-top:1px solid var(--line);padding-top:18px;display:flex;align-items:center;gap:10px}.avatar{width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;border-radius:4px;background:var(--avatar-bg);color:var(--avatar-ink);font:500 12px 'IBM Plex Mono';flex-shrink:0}.avatar.small{width:28px;height:28px;font-size:10px}.profile .name{font-size:13px;font-weight:600}.profile .role{font-size:11px;color:var(--muted);margin-top:4px}.profile .icon-btn{margin-left:auto}.demo-switch{margin-top:14px;width:100%;background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:4px;padding:10px;font-size:12px;min-height:44px}.main{grid-column:2;min-width:0}.topbar{height:80px;background:var(--topbar);border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding:0 36px;gap:16px;position:relative}.topbar:after{content:'';position:absolute;bottom:-1px;left:0;height:1px;width:30%;background:linear-gradient(90deg,var(--cyan),transparent)}.breadcrumbs{display:flex;align-items:center;gap:12px;font-size:12px;color:var(--muted)}.breadcrumbs span:last-child{color:var(--ink)}.top-actions{display:flex;align-items:center;gap:18px}.today{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--muted)}.connection{font:400 10px 'IBM Plex Mono';border:1px solid var(--line);background:var(--paper);border-radius:3px;padding:8px 10px;display:flex;align-items:center;gap:7px}.dot{width:6px;height:6px;border-radius:50%;background:var(--success);display:inline-block}.dot.amber{background:var(--amber)}.icon-btn{background:transparent;border:0;padding:12px;min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;border-radius:4px}.icon-btn:hover{background:var(--surface)}.mobile-menu,.mobile-wordmark,.drawer-close,.bottom-nav,.detail-dock,.shipment-cards,.mobile-nav-overlay{display:none}.content{max-width:1500px;margin:0 auto;padding:32px 36px 45px}.demo-notice{display:flex;align-items:center;gap:10px;color:var(--demo-ink);font-size:11px;line-height:1.6;background:var(--demo-bg);border:1px solid var(--demo-border);padding:10px 13px;border-radius:3px;margin-bottom:25px}.demo-notice .icon{width:16px;height:16px}.demo-notice a{margin-left:auto;text-decoration:underline;white-space:nowrap}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:27px}.eyebrow{font:500 10px 'IBM Plex Mono';letter-spacing:1.4px;color:var(--cyan);text-transform:uppercase;margin-bottom:10px}.page-heading h1{font-size:40px;line-height:1.1;letter-spacing:.1px}.page-heading p{color:var(--muted);font-size:13px;margin-top:10px;line-height:1.7}.btn{display:inline-flex;justify-content:center;align-items:center;gap:9px;border-radius:4px;border:1px solid var(--control-border);background:var(--surface);font-size:13px;font-weight:600;padding:12px 16px;min-height:46px;line-height:1.35;transition:background .15s,border-color .15s}.btn:hover{background:var(--hover-surface);border-color:var(--hover-border)}.btn.primary,.btn.lime{background:var(--cyan);color:var(--primary-ink);border-color:var(--cyan)}.btn.primary:hover,.btn.lime:hover{background:var(--primary-hover);border-color:var(--primary-hover)}.btn.danger{color:var(--red);border-color:var(--danger-border);background:var(--danger-soft)}.btn.small{padding:9px 12px;min-height:44px;font-size:12px}.btn.link{border:0;background:transparent;padding-left:0;padding-right:0;color:var(--muted)}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:26px}.stat{background:var(--paper);border:1px solid var(--line);border-top:2px solid var(--stat-border);border-radius:3px;padding:18px;position:relative;text-align:left}.stat:hover{border-color:var(--cyan)}.stat:nth-child(2){border-top-color:var(--amber)}.stat:nth-child(3){border-top-color:var(--red)}.stat:last-child{border-top-color:var(--success);background:var(--success-panel)}.stat-top{display:flex;align-items:center;justify-content:space-between;gap:9px;color:var(--muted);font-size:12px}.stat-icon{width:28px;height:28px;color:var(--muted);display:grid;place-items:center}.stat-number{font:600 48px/1 'Barlow Condensed';margin:10px 0}.stat-sub{color:var(--muted);font-size:11px;display:flex;align-items:center;gap:5px;line-height:1.5}.stat-sub .icon{width:13px;height:13px}.stat:last-child .stat-number,.stat:last-child .stat-icon{color:var(--success)}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1fr) 285px;gap:22px;align-items:start}.panel{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;min-width:0}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 21px;border-bottom:1px solid var(--line)}.panel-head h2{font-size:23px}.panel-head p{font-size:12px;color:var(--muted);margin-top:5px;line-height:1.6}.panel-head .counter{background:var(--accent-faint);color:var(--cyan);border:1px solid var(--accent-tint);border-radius:3px;padding:3px 6px;font:11px 'IBM Plex Mono';margin-left:6px;vertical-align:middle}.filter-bar{display:flex;justify-content:space-between;gap:12px;padding:15px 20px;border-bottom:1px solid var(--line)}.search{position:relative;display:flex;align-items:center;min-width:0}.search .icon{width:18px;height:18px;position:absolute;left:12px;color:var(--muted)}.search input{width:100%;font-size:13px;border:1px solid var(--line);border-radius:4px;background:var(--input);color:var(--ink);padding:12px 11px 12px 38px;min-height:46px;min-width:0}.search input::placeholder,textarea::placeholder{color:var(--placeholder)}.filter-bar .search{flex:1}.filter-select{font-size:12px;background:var(--input);border:1px solid var(--line);border-radius:4px;padding:10px;max-width:190px;color:var(--ink);min-height:46px}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;text-align:left}th{font:500 10px 'IBM Plex Mono';letter-spacing:.5px;text-transform:uppercase;color:var(--muted);background:#111e28;padding:12px 16px;white-space:nowrap;border-bottom:1px solid var(--line)}td{font-size:12px;padding:17px 16px;border-bottom:1px solid var(--line);vertical-align:middle}tbody tr:last-child td{border-bottom:0}tbody tr[data-open]{cursor:pointer}tbody tr[data-open]:hover{background:#111e28}.order-cell strong{font:500 13px 'IBM Plex Mono';display:block}.order-cell small{color:var(--muted);font-size:12px;display:block;margin-top:6px}.mode-cell,.person-cell{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:11px}.mode-cell .icon{width:15px;height:15px}.badge{display:inline-flex;align-items:center;gap:6px;padding:6px 8px;border-radius:3px;font-size:11px;font-weight:500;white-space:nowrap;border:1px solid transparent}.badge:before{content:'';height:5px;width:5px;background:currentColor;border-radius:50%;flex-shrink:0}.badge.blue{background:var(--blue-soft);color:var(--blue-text);border-color:var(--blue-border)}.badge.amber{background:var(--amber-soft);color:var(--amber);border-color:var(--amber-border)}.badge.red{background:var(--red-soft);color:var(--red);border-color:var(--red-border)}.badge.green{background:var(--success-soft);color:var(--success-text);border-color:var(--success-border)}.table-foot{border-top:1px solid var(--line);padding:12px 20px;display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:11px;color:var(--muted)}.text-link{background:none;border:0;color:var(--cyan);font-size:12px;font-weight:500;display:inline-flex;align-items:center;gap:6px;padding:10px 4px;min-height:44px;cursor:pointer}.text-link .icon{width:16px;height:16px}.aside-stack{display:flex;flex-direction:column;gap:19px}.attention{border-top:2px solid var(--amber)}.attention-icon{color:var(--amber)}.attention-body{padding:0 19px}.attention-item{padding:16px 0;border:0;border-bottom:1px solid var(--line);display:flex;gap:11px;text-align:left;width:100%;background:transparent}.attention-item:last-child{border-bottom:0}.attention-item .icon{color:var(--amber);width:18px;height:18px;margin-top:2px}.attention-item strong{font-size:12px;font-weight:600}.attention-item p{font-size:12px;color:var(--muted);line-height:1.7;margin-top:6px}.process{padding:20px}.process h3{font-size:23px}.process .tiny{color:var(--muted);font-size:12px;margin-top:6px}.process-step{position:relative;display:flex;gap:11px;padding-top:22px}.step-num{width:26px;height:26px;border:1px solid var(--line);border-radius:3px;font:11px 'IBM Plex Mono';color:var(--cyan);display:grid;place-items:center;flex-shrink:0}.process-step strong{font-size:12px;font-weight:600}.process-step p{font-size:12px;color:var(--muted);line-height:1.6;margin-top:4px}.bottom-note{margin-top:22px;font-size:12px;color:var(--muted);display:flex;align-items:flex-start;gap:8px;line-height:1.7}.bottom-note .icon{width:16px;height:16px;margin-top:2px}.dashboard-lower{margin-top:23px;display:flex;align-items:center;gap:18px;padding:19px 22px;border:1px solid var(--line);border-left:2px solid var(--cyan);border-radius:3px;background:var(--paper)}.dashboard-lower>svg{width:29px;height:29px;color:var(--cyan)}.dashboard-lower strong{font-size:13px;font-weight:600}.dashboard-lower p{color:var(--muted);font-size:12px;line-height:1.7;margin-top:5px}.dashboard-lower .btn{margin-left:auto}
.steps{display:flex;gap:18px;margin-bottom:26px;align-items:center}.step{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:12px}.step.active{color:var(--cyan);font-weight:600}.step b{width:27px;height:27px;border:1px solid var(--line);border-radius:3px;display:grid;place-items:center;font:11px 'IBM Plex Mono';flex-shrink:0}.step.active b{background:var(--accent-hover);border-color:var(--accent-medium)}.step-line{height:1px;width:25px;background:var(--line)}.mode-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;max-width:960px}.mode-card{position:relative;border:1px solid var(--line);border-top:2px solid var(--cyan);border-radius:4px;background:var(--paper);text-align:left;padding:25px;transition:.15s}.mode-card:hover{border-color:var(--cyan);background:#111e28}.mode-card:nth-child(2){border-top-color:var(--amber)}.mode-illustration{height:210px;border-radius:3px;background:radial-gradient(ellipse at 50% 70%,#1a3544,#0c1720);display:flex;align-items:center;justify-content:center;margin-bottom:24px;overflow:hidden;min-width:0}.mode-illustration svg{height:190px;width:260px}.mode-card:nth-child(2) .mode-illustration{background:radial-gradient(ellipse at 50% 70%,#332b22,#15191d)}.mode-card:nth-child(2) .eyebrow{color:var(--amber)}.mode-card .eyebrow{font-size:10px;letter-spacing:1px}.mode-card h2{font-size:32px}.mode-card p{font-size:13px;color:var(--muted);line-height:1.75;margin-top:10px;max-width:320px}.mode-card .mode-arrow{position:absolute;right:22px;bottom:24px;width:32px;height:32px;border:1px solid var(--line);color:var(--cyan);border-radius:3px;display:grid;place-items:center}.new-hint{margin-top:24px;display:flex;align-items:flex-start;gap:9px;font-size:12px;color:var(--muted);line-height:1.75}.new-hint .icon{width:18px;height:18px;margin-top:2px}.order-picker{max-width:930px}.order-search{padding:21px;display:flex;gap:10px;border-bottom:1px solid var(--line)}.order-search .search{flex:1}.order-option{padding:20px;display:flex;align-items:center;gap:16px;border-bottom:1px solid var(--line)}.order-option:last-child{border-bottom:0}.order-symbol{width:40px;height:40px;border-radius:4px;background:var(--accent-soft);color:var(--cyan);display:grid;place-items:center;flex-shrink:0}.order-option h3{font:500 14px 'DM Sans'}.order-option p{font-size:12px;color:var(--muted);margin-top:7px;line-height:1.65}.order-option .btn{margin-left:auto;flex-shrink:0}.empty{text-align:center;padding:38px 20px;color:var(--muted)}.empty>.icon{width:32px;height:32px;color:var(--cyan);margin-bottom:13px}.empty h3{font-size:25px;color:var(--ink)}.empty p{font-size:13px;margin:10px auto 15px;max-width:350px;line-height:1.75}.detail-heading{margin-bottom:22px}.detail-heading h1{display:flex;align-items:center;gap:14px;flex-wrap:wrap;font-family:'IBM Plex Mono';font-size:30px}.detail-heading .badge{font:500 12px 'DM Sans';letter-spacing:0}.detail-sub{display:flex;gap:15px;flex-wrap:wrap;color:var(--muted);font-size:12px;margin-top:14px;line-height:1.6}.detail-sub span{display:flex;align-items:center;gap:7px}.detail-sub svg{width:16px;height:16px}.detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:22px;align-items:start}.detail-main{display:flex;flex-direction:column;gap:20px;min-width:0}.detail-tabs{display:flex;gap:8px;margin:0 0 18px}.detail-tabs button{display:flex;align-items:center;gap:8px;min-height:46px;padding:10px 14px;border:1px solid var(--line);border-radius:4px;background:var(--paper);font-size:13px}.detail-tabs button span{font:11px 'IBM Plex Mono';color:var(--cyan)}#photos,#checklist,#signoff{scroll-margin-top:90px}.progress-caption{font:12px 'IBM Plex Mono';color:var(--cyan);white-space:nowrap}.progress-bar{height:3px;background:var(--progress-track)}.progress-bar span{height:100%;display:block;background:var(--cyan);transition:width .2s}.check-item{display:flex;align-items:center;gap:13px;padding:17px 20px;border-bottom:1px solid var(--line)}.check-item:last-child{border:0}.check-toggle{width:44px;height:44px;border-radius:4px;border:1px solid var(--checkbox-border);background:var(--input);color:var(--check-ink);flex-shrink:0;display:grid;place-items:center;padding:0}.check-toggle.checked{background:var(--cyan);border-color:var(--cyan)}.check-toggle:disabled{opacity:.8}.item-info{flex:1;min-width:0}.item-info strong{font-weight:500;font-size:14px;display:block;line-height:1.55;overflow-wrap:anywhere}.item-info small{font-size:11px;color:var(--muted);display:block;margin-top:7px;line-height:1.65;overflow-wrap:anywhere}.item-info .evidence{color:var(--success-text);display:flex;gap:5px;align-items:center;margin-top:3px}.evidence .icon{width:13px;height:13px}.quantity{display:flex;align-items:center;gap:6px;font:12px 'IBM Plex Mono';color:var(--muted);flex-shrink:0}.quantity input{width:54px;min-height:48px;padding:9px 4px;border:1px solid var(--field-border);border-radius:4px;text-align:center;color:var(--ink);background:var(--input);font-size:16px}.quantity .verified{color:var(--cyan);font-weight:500}.photo-grid{padding:18px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.photo-card{border:1px solid var(--line);border-radius:4px;overflow:hidden;position:relative;background:var(--surface)}.photo-preview{aspect-ratio:4/3;display:block;position:relative;width:100%;padding:0;border:0;background:var(--input);overflow:hidden}.photo-preview img{height:100%;width:100%;object-fit:cover}.photo-preview .zoom{position:absolute;right:9px;bottom:9px;background:#080e13d9;border:1px solid #fff3;border-radius:4px;padding:8px;display:flex;color:white}.photo-info{padding:13px}.photo-info strong{font-size:13px;font-weight:500;display:block;overflow-wrap:anywhere}.photo-info small{font-size:12px;color:var(--muted);display:block;margin-top:6px;line-height:1.65;overflow-wrap:anywhere}.delete-photo{position:absolute;right:8px;top:8px;z-index:1;background:#080e13e6;color:var(--red);border:1px solid #ff8d9e60;border-radius:4px;width:44px;height:44px;display:grid;place-items:center}.photo-add{margin:0 20px 18px;border:1px dashed var(--accent-strong);background:var(--accent-light);border-radius:4px;display:flex;align-items:center;justify-content:center;gap:10px;padding:18px;font-size:14px;color:var(--cyan);width:calc(100% - 40px);min-height:56px}.photo-add:hover{background:var(--accent-wash)}.photo-help{font-size:12px;color:var(--muted);padding:0 20px 20px;line-height:1.75}.notes-area{padding:20px}.notes-area textarea{resize:vertical;min-height:112px;width:100%;border:1px solid var(--line);border-radius:4px;background:var(--input);padding:12px;line-height:1.7;font-size:14px;color:var(--ink)}.notes-area .btn{margin-top:12px}.signoff{padding:22px;border-top:2px solid var(--cyan)}.signoff h2{font-size:28px}.signoff-desc{font-size:13px;line-height:1.75;color:var(--muted);margin:10px 0 20px}.validation{display:flex;align-items:center;gap:9px;margin:16px 0;font-size:12px;color:var(--muted);line-height:1.6}.validation .icon{width:18px;height:18px}.validation.ok{color:var(--success-text)}.signoff .btn{width:100%;margin-top:12px}.signoff .fineprint{font-size:12px;color:var(--muted);line-height:1.7;margin-top:13px}.review-check{display:flex;gap:12px;align-items:flex-start;font-size:14px;line-height:1.7;padding:18px 0;color:var(--ink)}.review-check input{margin:2px 0 0;accent-color:var(--cyan);width:24px;height:24px;flex-shrink:0}.timeline{padding:22px}.timeline h3{font-size:24px;margin-bottom:20px}.event{position:relative;padding:0 0 21px 21px;font-size:12px;line-height:1.8;color:var(--muted)}.event:before{content:'';position:absolute;left:2px;top:8px;width:5px;height:5px;border-radius:50%;background:var(--cyan)}.event:after{content:'';position:absolute;left:4px;top:18px;bottom:0;width:1px;background:var(--line)}.event:last-child{padding-bottom:0}.event:last-child:after{display:none}.event strong{color:var(--ink);font-weight:500;display:block}.event .note{font-size:12px;background:var(--surface);padding:10px;border-radius:4px;margin-top:7px;overflow-wrap:anywhere}.alert{padding:16px;border:1px solid var(--warning-border);background:var(--demo-bg);color:var(--amber);border-radius:4px;font-size:13px;line-height:1.75;display:flex;gap:10px;margin-bottom:20px;overflow-wrap:anywhere}.alert .icon{width:20px;height:20px;margin-top:2px}.alert strong{font-weight:600;display:block}.alert.green{background:var(--success-light);border-color:var(--success-outline);color:var(--success-text)}.alert.info{background:var(--accent-light);border-color:var(--accent-outline);color:var(--info-ink)}
.team-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px}.team-card{padding:23px}.team-card-top{display:flex;align-items:center;justify-content:space-between}.team-card .avatar{width:46px;height:46px;font-size:15px}.team-card h3{font-size:28px;margin-top:19px}.team-card p{font-size:13px;color:var(--muted);margin-top:8px;overflow-wrap:anywhere}.team-card-bottom{border-top:1px solid var(--line);margin-top:22px;padding-top:16px;display:flex;align-items:center;justify-content:space-between;gap:8px}.role-tag{display:flex;align-items:center;gap:7px;font-size:12px;color:var(--muted)}.role-tag .icon{width:17px;height:17px}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.settings-card{padding:24px}.settings-card h2{font-size:29px;margin:13px 0 10px}.settings-card p{font-size:14px;line-height:1.8;color:var(--muted)}.settings-card>.icon{width:27px;height:27px;color:var(--cyan)}.settings-card .badge{margin-top:18px}.settings-card ul{padding-left:18px;line-height:2;font-size:13px;color:var(--muted);margin:15px 0 0}.filters-expanded{display:flex;gap:10px;margin-bottom:20px;flex-wrap:wrap}.filters-expanded .search{flex:1;min-width:200px}.filters-expanded label{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--muted)}.filters-expanded input[type=date]{background:var(--input);color:var(--ink);border:1px solid var(--line);border-radius:4px;min-height:46px;padding:9px;font-size:13px;min-width:0}.error-state{padding:18vh 8vw}.error-state p{margin:20px 0;color:var(--muted)}
.modal-backdrop{position:fixed;inset:0;background:#02070be8;z-index:100;display:flex;align-items:center;justify-content:center;padding:24px;backdrop-filter:blur(5px)}.modal{background:var(--paper);border:1px solid var(--field-border);border-radius:6px;max-width:560px;width:100%;max-height:90dvh;overflow:auto;box-shadow:0 25px 90px #0006;overscroll-behavior:contain}.modal.large{max-width:1000px}.modal-header{padding:17px 23px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line);position:sticky;top:0;background:var(--paper);z-index:5}.modal-header h2{font-size:28px;line-height:1.1}.modal-body{padding:23px}.modal-body p{font-size:14px;line-height:1.8;color:var(--muted);margin-bottom:18px}.form-field{display:block;margin-bottom:20px}.form-field>span{display:block;font-size:13px;font-weight:500;color:var(--ink);margin-bottom:9px}.form-field input,.form-field select,.form-field textarea{width:100%;min-width:0;border:1px solid var(--field-border);border-radius:4px;background:var(--input);padding:13px;color:var(--ink);min-height:48px;font-size:16px}.form-field textarea{min-height:112px;resize:vertical}.form-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:25px}.form-error{color:var(--red);font-size:13px;line-height:1.7;margin-top:10px}.file-drop{display:flex;flex-direction:column;align-items:center;gap:13px;border:1px dashed var(--accent-strong);border-radius:4px;padding:20px 16px;background:var(--accent-light);margin-bottom:21px;cursor:pointer;color:var(--cyan);font-size:14px;text-align:center;line-height:1.6}.file-drop>.icon{width:30px;height:30px}.file-drop input{width:100%;font-size:13px;min-height:44px;color:var(--muted)}.file-drop input::file-selector-button{background:var(--cyan);color:var(--primary-ink);border:0;border-radius:3px;min-height:44px;padding:10px 12px;font:500 14px 'DM Sans';margin-right:10px}.photo-association{margin-top:12px;display:flex;flex-direction:column;gap:8px}.photo-association label{display:flex;align-items:center;gap:12px;font-size:14px;color:var(--ink);line-height:1.6;min-height:52px;padding:12px;border:1px solid var(--line);border-radius:4px}.photo-association label:has(input:checked){background:var(--accent-soft);border-color:var(--accent-medium)}.photo-association input{accent-color:var(--cyan);width:24px;height:24px;margin:0;flex-shrink:0}.lightbox-img{width:100%;max-height:70dvh;object-fit:contain;background:var(--bg);border-radius:4px}.login-layout{min-height:100dvh;display:grid;grid-template-columns:1fr 1fr}.login-art{background:radial-gradient(ellipse at 0 100%,#13384b,var(--bg) 75%);border-right:1px solid var(--line);padding:55px 10%;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden}.login-art .brand{position:absolute;top:48px}.login-art h1{font-size:64px;line-height:1.05;max-width:450px}.login-art h1 span{color:var(--cyan)}.login-art>p{font-size:14px;line-height:1.9;color:var(--muted);max-width:350px;margin-top:23px}.login-art>.mode-illustration{background:transparent;margin-top:35px}.login-form-wrap{padding:45px;display:flex;align-items:center;justify-content:center}.login-form{max-width:370px;width:100%}.login-form h2{font-size:37px}.login-form>p{font-size:14px;line-height:1.8;color:var(--muted);margin:13px 0 30px}.login-form .btn.primary{width:100%;margin-top:10px}.login-form .text-link{margin-top:15px}.login-footer{font-size:12px;color:var(--muted);margin-top:28px;line-height:1.8}.login-footer .icon{width:15px;height:15px}#toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,20px);background:var(--toast-bg);color:var(--toast-ink);border:1px solid var(--toast-border);padding:14px 19px;border-radius:4px;box-shadow:0 5px 25px #0005;font-size:13px;line-height:1.6;max-width:90vw;opacity:0;pointer-events:none;transition:.2s;z-index:150}#toast.show{opacity:1;transform:translate(-50%,0)}#toast.error{background:var(--toast-error);border-color:var(--toast-error-border)}.print-document{display:none}
@media(max-width:1200px){.dashboard-grid{grid-template-columns:1fr}.aside-stack{display:grid;grid-template-columns:1fr 1fr}.team-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.today{display:none}.detail-layout{grid-template-columns:minmax(0,1fr) 280px;gap:16px}.content{padding:28px}.stats{gap:12px}.stat{padding:15px}}
/* Phone-first controls: portrait cards, thumb navigation, camera/sign-off dock. */
@media(max-width:900px){
 .shell{display:block}.sidebar{display:none;width:min(320px,88vw);padding:28px 20px calc(22px + env(safe-area-inset-bottom));z-index:80}.sidebar.open{display:flex}.drawer-close{display:flex;align-self:flex-end;margin:-12px -10px 16px 0}.sidebar .brand{font-size:28px}.sidebar .asr-crest{width:76px}.sidebar .workspace-label{margin-top:28px}.sidebar .nav-item{font-size:15px;min-height:50px}.sidebar .profile .name{font-size:14px}.sidebar .demo-switch{font-size:16px;min-height:48px}.sidebar-hint{display:none}.sidebar-bottom{padding-top:22px}.nav-open{overflow:hidden}.mobile-nav-overlay.open{display:block;position:fixed;inset:0;border:0;background:#02070bd9;z-index:79;width:100%;height:100%;backdrop-filter:blur(4px)}.topbar{height:calc(64px + env(safe-area-inset-top));padding:env(safe-area-inset-top) 16px 0 10px;gap:8px;position:sticky;top:0;z-index:50;backdrop-filter:blur(12px)}.mobile-menu{display:flex}.mobile-wordmark{display:block;font:700 22px 'Barlow Condensed';letter-spacing:.6px;white-space:nowrap}.mobile-wordmark b{color:var(--cyan);font-weight:600;margin:0 4px}.breadcrumbs{display:none}.top-actions{margin-left:auto}.top-actions>.avatar{display:none}.connection{font-size:10px;padding:7px;gap:5px}.content{padding:23px 20px calc(104px + env(safe-area-inset-bottom));max-width:700px}.bottom-nav{display:flex;position:fixed;inset:auto 0 0;z-index:50;background:var(--nav);backdrop-filter:blur(14px);border-top:1px solid var(--nav-border);padding:6px max(8px,env(safe-area-inset-right)) calc(6px + env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left));height:calc(76px + env(safe-area-inset-bottom));justify-content:center;gap:4px}.bottom-nav .nav-item{flex:1;max-width:180px;min-width:0;min-height:60px;padding:8px 3px;gap:6px;display:flex;flex-direction:column;justify-content:center;text-align:center;font-size:11px;line-height:1.2;border:0;box-shadow:none;background:transparent;position:relative}.bottom-nav .nav-item.active{color:var(--cyan);background:var(--accent-soft)}.bottom-nav .nav-item.active:before{content:'';position:absolute;top:-7px;width:30px;height:2px;background:var(--cyan)}.bottom-nav .icon{width:23px;height:23px}.bottom-nav [data-nav=new] .icon{background:var(--cyan);color:var(--primary-ink);border-radius:4px;padding:3px;width:26px;height:26px;margin-top:-3px}.detail-dock{display:grid;grid-template-columns:1fr 1fr;gap:10px;position:fixed;left:0;right:0;bottom:calc(76px + env(safe-area-inset-bottom));padding:10px 16px;background:var(--dock);border-top:1px solid var(--line);z-index:49;backdrop-filter:blur(12px)}.detail-dock .btn{min-height:48px;font-size:14px;white-space:nowrap}.has-detail .content{padding-bottom:calc(182px + env(safe-area-inset-bottom))}#toast{bottom:calc(88px + env(safe-area-inset-bottom));width:max-content;max-width:calc(100vw - 32px)}body:has(.detail-dock) #toast{bottom:calc(159px + env(safe-area-inset-bottom))}.detail-layout{grid-template-columns:1fr}.page-heading{align-items:flex-start;flex-wrap:wrap;gap:18px;margin-bottom:24px}.page-heading h1{font-size:36px}.page-heading p{font-size:14px;margin-top:9px}.page-heading>.btn{width:100%;min-height:50px;font-size:15px}.demo-notice{font-size:11px;margin-bottom:23px;padding:10px 12px;align-items:flex-start;gap:8px}.demo-notice .icon{margin-top:2px}.demo-notice a{display:none}.stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.stat{padding:15px}.stat-top{font-size:13px;gap:5px}.stat-number{font-size:43px}.stat-sub{font-size:11px;min-height:33px}.stat-icon{width:23px;height:23px}.stat-icon .icon{width:19px;height:19px}.panel-head{padding:18px 16px}.panel-head h2{font-size:25px}.panel-head p{font-size:12px}.filter-bar{padding:14px 16px;flex-wrap:wrap}.filter-bar .search{flex-basis:100%}.filter-select{font-size:16px;min-height:48px;max-width:100%}.filter-bar .filter-select{width:100%}.search input{font-size:16px;min-height:48px}.shipment-cards{display:flex;flex-direction:column;gap:12px;padding:16px}.shipment-cards+.table-wrap{display:none}.shipment-card{display:flex;flex-direction:column;text-align:left;width:100%;min-width:0;padding:16px;border:1px solid var(--card-border);border-radius:4px;background:#111e28;gap:10px}.shipment-card:active{background:var(--card-active)}.shipment-card-top{display:flex;justify-content:space-between;align-items:center;gap:8px}.shipment-card-top strong{font:500 17px 'IBM Plex Mono'}.shipment-customer{font-size:15px;line-height:1.5;overflow-wrap:anywhere}.shipment-meta{display:flex;align-items:center;flex-wrap:wrap;gap:7px;font-size:12px;color:var(--muted);line-height:1.5}.shipment-meta .icon{width:16px;height:16px}.shipment-card-foot{display:flex;align-items:center;gap:13px;border-top:1px solid var(--line);padding-top:12px;margin-top:3px;font-size:11px;color:var(--muted)}.shipment-card-foot span{display:flex;align-items:center;gap:5px}.shipment-card-foot .icon{width:15px;height:15px}.shipment-card-foot>.icon{margin-left:auto;color:var(--cyan);width:19px;height:19px}.table-foot{padding:8px 16px;font-size:11px}.table-foot>span{max-width:65%;line-height:1.6}.aside-stack{grid-template-columns:1fr}.process,.dashboard-lower{display:none}.bottom-note{font-size:12px}.attention-item strong,.attention-item p{font-size:13px}.mode-grid{grid-template-columns:1fr;gap:16px}.mode-card{padding:20px;display:grid;grid-template-columns:100px minmax(0,1fr);gap:18px;align-items:center;min-height:193px}.mode-illustration{height:135px;margin:0 -8px 0 0;background:transparent}.mode-card:nth-child(2) .mode-illustration{background:transparent}.mode-illustration svg{width:135px;height:130px;flex-shrink:0}.mode-card h2{font-size:28px;line-height:1.05}.mode-card p{font-size:13px;line-height:1.7;margin-top:10px}.mode-card .eyebrow{font-size:9px;line-height:1.6;margin-bottom:8px;letter-spacing:.5px}.mode-card .mode-arrow{display:none}.steps{gap:0;align-items:flex-start;justify-content:space-between;margin-bottom:24px}.step{flex:1;flex-direction:column;gap:9px;text-align:center;font-size:11px;line-height:1.5}.step b{width:30px;height:30px;font-size:12px}.step-line{flex:0 0 18px;margin:15px -10px 0}.new-hint{font-size:13px}.order-search{padding:16px;flex-direction:column}.order-search .btn{min-height:48px;font-size:15px}.order-option{padding:19px 16px;flex-wrap:wrap;gap:14px}.order-option>div:not(.order-symbol){width:100%;min-width:0}.order-symbol{display:none}.order-option h3{font-size:16px;line-height:1.5}.order-option p{font-size:13px}.order-option .btn{width:100%;font-size:14px;min-height:48px}.detail-heading h1{font-size:29px}.detail-sub{font-size:13px;gap:9px;flex-direction:column}.detail-heading>.btn{display:none}.detail-tabs{display:grid;grid-template-columns:1fr 1fr;gap:10px}.detail-tabs button{justify-content:center;font-size:14px;min-height:48px;padding:10px 7px}.detail-tabs .icon{width:18px;height:18px}.detail-tabs button span{font-size:12px}.check-item{padding:16px;gap:12px;display:grid;grid-template-columns:44px minmax(0,1fr)}.check-toggle{width:44px;height:48px;grid-row:1/3;align-self:start}.item-info strong{font-size:15px}.item-info small{font-size:11px}.quantity{grid-column:2;justify-content:flex-end;font-size:13px}.quantity:before{content:attr(data-label);margin-right:auto;color:var(--muted);font:12px 'DM Sans'}.quantity input{width:64px}.quantity .verified{font-size:17px}.photo-grid{grid-template-columns:1fr;padding:16px}.photo-preview{aspect-ratio:4/3}.photo-info{padding:15px}.photo-info strong{font-size:14px}.photo-info small{font-size:13px}.photo-help{font-size:13px;padding:0 16px 18px}.photo-add{width:calc(100% - 32px);margin:0 16px 18px;min-height:54px;font-size:15px}.notes-area{padding:16px}.notes-area textarea{font-size:16px}.notes-area .btn{width:100%;min-height:48px;font-size:14px}.signoff,.timeline{padding:20px}.signoff-desc,.validation,.signoff .fineprint{font-size:13px}.signoff .btn{min-height:52px;font-size:15px}.review-check{font-size:15px;gap:13px}.team-grid,.settings-grid{grid-template-columns:1fr;gap:16px}.team-card{padding:20px}.team-card h3{font-size:29px}.team-card p{font-size:14px}.team-card-bottom .btn{min-height:48px;font-size:13px}.role-tag{font-size:13px}.filters-expanded{display:grid;grid-template-columns:1fr 1fr;gap:10px}.filters-expanded .search{grid-column:1/-1;min-width:0}.filters-expanded label{grid-column:1/-1;font-size:13px;justify-content:space-between}.filters-expanded input[type=date]{width:65%;font-size:16px;min-height:48px}.filters-expanded .filter-select{width:100%;min-width:0}.modal-backdrop{padding:12px;align-items:flex-end}.modal{max-height:calc(100dvh - 24px - env(safe-area-inset-top));border-radius:8px;max-width:650px}.modal-header{padding:14px 16px}.modal-header h2{font-size:28px}.modal-body{padding:18px 16px calc(20px + env(safe-area-inset-bottom))}.form-actions{display:flex;flex-wrap:wrap;gap:10px}.form-actions .btn{flex:1 1 130px;min-height:50px;font-size:14px}.form-field select{font-size:16px;padding:12px 9px}.login-layout{grid-template-columns:1fr}.login-art{min-height:260px;padding:96px 24px 28px;border-right:0;border-bottom:1px solid var(--line)}.login-art .brand{top:28px}.login-art h1{font-size:40px}.login-art>p,.login-art>.mode-illustration{display:none}.login-form-wrap{padding:30px 24px}.login-form h2{font-size:33px}
}
@media(max-width:900px){
 body:has(.main input:focus,.main textarea:focus,.main select:focus) .bottom-nav,
 body:has(.main input:focus,.main textarea:focus,.main select:focus) .detail-dock{display:none}
 body:has(.main input:focus,.main textarea:focus,.main select:focus) #toast{bottom:16px}
}
@media(max-width:360px){.content{padding-left:14px;padding-right:14px}.topbar{padding-right:10px}.mobile-wordmark{font-size:20px}.connection{font-size:9px;padding:6px}.page-heading h1{font-size:33px}.mode-card{grid-template-columns:76px minmax(0,1fr);gap:13px;padding:16px;min-height:195px}.mode-illustration svg{width:110px}.mode-card h2{font-size:26px}.mode-card p{font-size:12px}.mode-card .eyebrow{font-size:8px}.stat{padding:12px}.stat-top{font-size:12px}.stat-icon{display:none}.shipment-card{padding:13px}.shipment-card-top strong{font-size:16px}.shipment-card-foot{gap:9px;font-size:10px}.badge{font-size:10px;padding:6px}.role-tag{font-size:12px}.team-card-bottom .btn{font-size:12px;padding:10px}.detail-dock{padding-left:14px;padding-right:14px}.detail-dock .btn{padding:10px 7px}.panel-head h2{font-size:23px}.check-item{padding:14px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
.print-preview{margin-top:25px;padding:30px;border:1px solid var(--line);background:white;color:#263a2d}.print-preview h1{font-size:23px}.print-preview h2{font-size:17px;margin:24px 0 12px}.print-preview .print-top{border-bottom:2px solid #345c40;padding-bottom:18px;display:flex;justify-content:space-between;gap:15px}.print-preview .print-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin:20px 0}.print-preview p{font-size:11px;margin:5px 0;color:#56664e}.print-preview .print-photo{margin:25px 0}.print-preview .print-photo img{width:100%;max-height:390px;object-fit:contain}.print-preview figcaption{font-size:10px;line-height:1.7}.print-preview .print-demo{padding:12px;border:1px solid #c9ac7a;color:#9c742e;font-size:11px;margin-bottom:18px}.print-preview .print-footer{font-size:10px;color:#829371;border-top:1px solid #e4e9dd;margin-top:20px;padding-top:14px}
@media print{@page{size:A4;margin:16mm}body{background:#fff;color:#172a20}#app,#toast,#modal-root{display:none!important}.print-document{display:block!important;font-family:Arial,sans-serif;font-size:10pt}.print-document h1{font-size:24pt;margin-bottom:8px}.print-document h2{font-size:14pt;margin:24px 0 12px}.print-document .print-top{display:flex;justify-content:space-between;align-items:flex-start;border-bottom:2px solid #234736;padding-bottom:20px}.print-document .print-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:20px 0}.print-document .print-grid p{margin:5px 0;line-height:1.6}.print-document table{font-size:10pt}.print-document th,.print-document td{padding:10px;font-size:9pt;border-bottom:1px solid #ccd4c5}.print-document th{color:#395632;background:#f0f5e9!important;print-color-adjust:exact}.print-document .print-photo{break-inside:avoid;page-break-inside:avoid;margin:20px 0}.print-document .print-photo img{max-height:125mm;max-width:100%;object-fit:contain;display:block;margin:10px auto}.print-document .print-photo figcaption{font-size:9pt;line-height:1.7}.print-document .print-footer{font-size:8pt;color:#708263;margin-top:20px;border-top:1px solid #cbd7c0;padding-top:12px}.print-document .print-demo{padding:10px;border:2px solid #aa6f21;font-weight:bold;margin-bottom:18px}.print-document tr{break-inside:avoid}}/* The printed sign-off stays on a white page, independent of the app theme. */
.print-preview{color-scheme:light;color:#152b36;border-color:#ccd6db}.print-preview h1,.print-preview h2{font-family:Arial,sans-serif;color:#152b36}.print-preview th{background:#edf2f4;color:#405564}.print-preview td{color:#152b36;border-color:#ccd6db}.print-preview .print-top{border-color:#264655}.print-preview p{color:#405564}.print-preview .print-demo{color:#76510b;border-color:#b59047}.print-preview .print-footer{color:#405564}.print-preview .print-grid>div{min-width:0;overflow-wrap:anywhere}
@media(max-width:900px){.print-preview{padding:12px;margin:22px -4px 0}.print-preview .print-top{display:block}.print-preview .print-grid{grid-template-columns:1fr}.print-preview h1{font-size:20px}.print-preview th,.print-preview td{font-size:9px;padding:7px;overflow-wrap:anywhere}.print-preview table{table-layout:fixed}.print-preview th{white-space:normal;line-height:1.5}.print-preview th:nth-child(1){width:32%}.print-preview th:nth-child(2){width:28%}.print-preview th:nth-child(3){width:24%}.print-preview th:nth-child(4){width:16%}}
@media print{:root{color-scheme:light}.print-document{color:#152b36}.print-document h1,.print-document h2{font-family:Arial,sans-serif}.print-document td{color:#152b36}.print-document .print-grid>div{min-width:0;overflow-wrap:anywhere}}

/* Preferences are reachable from every screen, including sign-in. */
.prefs-trigger{display:flex;align-items:center;justify-content:center;gap:8px;min-width:66px;min-height:44px;padding:8px 12px;border:1px solid var(--line);background:var(--paper);color:var(--ink);border-radius:4px;font:500 12px 'IBM Plex Mono'}.prefs-trigger .icon{width:18px;height:18px}.login-preferences{position:absolute;top:22px;right:22px;z-index:10}.preferences-form .btn{width:100%;min-height:48px}.preferences-form{max-width:100%}
[data-theme="light"] .asr-crest img{filter:none}[data-theme="light"] .mode-illustration{background:radial-gradient(ellipse at 50% 70%,#d8ecf2,#eef5f8)}[data-theme="light"] .mode-card:nth-child(2) .mode-illustration{background:radial-gradient(ellipse at 50% 70%,#f0e6d5,#faf8f2)}[data-theme="light"] .mode-card:hover{background:#eaf3f7}[data-theme="light"] .login-art{background:radial-gradient(ellipse at 0 100%,#d9edf4,#f8fbfc 75%)}[data-theme="light"] tbody tr[data-open]:hover{background:var(--surface)}
@media(max-width:900px){.top-actions .connection{display:none}.prefs-trigger{min-width:66px;min-height:44px}.mode-card .mode-illustration,[data-theme="light"] .mode-card .mode-illustration{background:transparent}.login-preferences{top:22px;right:16px}.login-art .asr-crest{width:54px}.login-art .brand{font-size:23px}}

/* Keep the complete application name legible in both header layouts. */
.brand>div>span{font-size:11px;letter-spacing:.1px;line-height:1.5;white-space:nowrap;margin-top:6px}
@media(max-width:900px){.mobile-wordmark{font-size:23px;line-height:1;letter-spacing:.2px}.mobile-wordmark>span{display:block;font:500 11px/1.4 'DM Sans',sans-serif;letter-spacing:.1px;margin-top:4px;color:var(--muted)}}