/* Shared module identity; inert overlay, never alters form positioning. */
body::after{content:"";position:fixed;inset:14% 10% 6%;background:url("/demo/assets/watermark.svg") center/contain no-repeat;opacity:.035;pointer-events:none;user-select:none;z-index:900}
input,textarea,select,table,button{font-synthesis:none}button:focus-visible,a:focus-visible{outline:3px solid #2778ad;outline-offset:3px}dialog{max-width:calc(100vw - 28px)}
@media(max-width:600px){body::after{display:none}table{font-size:14px}input,textarea,select{max-width:100%;box-sizing:border-box}}
/* Scoped layout for the new portals; native WMS/TMS forms retain their layout. */
#employeeLoginForm,#employeeWork form,#commHost form{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));gap:18px;align-items:end;padding:20px;margin:18px 0 28px;background:#fff;border:1px solid #cbd7e3;border-radius:12px}
#employeeLoginForm label,#employeeWork form label,#commHost form label{display:flex;flex-direction:column;gap:8px;min-width:0;font-weight:600;line-height:1.5}
#employeeLoginForm input,#employeeWork form input,#commHost form input,#commHost form textarea,#commHost form select{width:100%;min-width:0;min-height:42px;padding:10px;border:1px solid #9caec0;border-radius:6px;font:inherit;box-sizing:border-box}
#employeeWork form button,#employeeLoginForm button,#commHost form button{min-height:42px;justify-self:start;align-self:end}
#employeeWork h2,#commHost h3{margin-top:32px}#employeeWork table{width:100%;border-collapse:collapse;background:#fff;margin:16px 0 28px}#employeeWork th,#employeeWork td{padding:14px;text-align:left;border-bottom:1px solid #d4dee8;line-height:1.5}#employeeWork th{background:#e3ebf3}#employeeDocuments button{margin:8px}
#commHost .comm-layout{display:grid;grid-template-columns:minmax(210px,28%) minmax(0,1fr);gap:24px}#commHost .comm-thread{display:block;width:100%;text-align:left;margin-bottom:12px;padding:14px}#commHost .comm-message,#commHost #commWaiting article{background:#fff;border:1px solid #cbd7e3;border-radius:8px;margin:12px 0;padding:16px}#commHost .comm-message small{display:block;color:#41566b}#commHost .comm-safety{display:block;padding:18px;background:#fff4d5;border:1px solid #d6b15d;border-radius:8px;margin:16px 0}#commHost textarea{min-height:90px}
@media(max-width:700px){#workspace-main:has(#employeeWork){padding:12px!important}#employeeWork form,#employeeLoginForm,#commHost form{grid-template-columns:1fr;padding:14px;gap:14px}#employeeWork table{display:block;max-width:100%;overflow-x:auto}#commHost .comm-layout{display:block}#commHost{min-width:0}#employeeWork .cards{grid-template-columns:1fr 1fr}#employeeWork th,#employeeWork td{padding:10px}}

/* Integrated marine-blue identity; no layout or workflow overrides. */
:root{--mpl-navy:#142B45;--mpl-blue:#294F78;--mpl-light:#E9EFF5;--mpl-focus:#6D9FD3}

/* MPL Premium / shared component system. Tenant colors are presentation tokens,
   never a replacement for server-side tenant, role or document authorization. */
:root{--mpl-color-primary:var(--mpl-tenant-primary,#142B45);--mpl-color-accent:var(--mpl-tenant-accent,#C6A465);--mpl-ink:#142b45;--mpl-muted:#5c6e81;--mpl-surface:#fff;--mpl-canvas:#f3f5f7;--mpl-border:#dce3e9;--mpl-focus:#926c27;--mpl-positive:#21674c;--mpl-warning:#805b20;--mpl-negative:#a32f38;--mpl-radius:11px;--mpl-shadow:0 3px 14px #142b4505;--mpl-space:18px;--navy:var(--mpl-color-primary);--primary:var(--mpl-color-primary);--teal:var(--mpl-color-primary);--ink:var(--mpl-ink);--muted:var(--mpl-muted);--line:var(--mpl-border);--bg:var(--mpl-canvas);--accent:var(--mpl-color-accent);color-scheme:light}
body::after{display:none}body[data-mpl-surface]{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:14px;line-height:1.55;color:var(--mpl-ink);background:var(--mpl-canvas);-webkit-font-smoothing:antialiased}body[data-mpl-surface] *{box-sizing:border-box}body[data-mpl-surface] h1,body[data-mpl-surface] h2,body[data-mpl-surface] h3{color:var(--mpl-ink);text-wrap:balance}body[data-mpl-surface] h1{letter-spacing:-.035em}body[data-mpl-surface] h2{letter-spacing:-.025em}body[data-mpl-surface] small{color:var(--mpl-muted)}body[data-mpl-surface] .eyebrow{color:#8b6830;font-size:10px;font-weight:700;letter-spacing:.14em}body[data-mpl-surface] a:focus-visible,body[data-mpl-surface] button:focus-visible,body[data-mpl-surface] input:focus-visible,body[data-mpl-surface] select:focus-visible,body[data-mpl-surface] textarea:focus-visible{outline:3px solid var(--mpl-focus);outline-offset:3px}body[data-mpl-surface] input:not([type=checkbox]):not([type=radio]):not([type=range]),body[data-mpl-surface] select,body[data-mpl-surface] textarea{min-height:42px;border:1px solid #b6c3cf!important;border-radius:7px;background:#fff;color:var(--mpl-ink);padding:10px 12px;font-size:13px;line-height:1.5;max-width:100%}body[data-mpl-surface] input:disabled,body[data-mpl-surface] select:disabled{background:#edf1f5;color:#52667c}body[data-mpl-surface] input[type=checkbox],body[data-mpl-surface] input[type=radio]{accent-color:var(--mpl-color-primary);min-height:18px;min-width:18px}body[data-mpl-surface] label{color:#40566d;font-size:12px;font-weight:600;line-height:1.6}body[data-mpl-surface] fieldset{border:1px solid var(--mpl-border);border-radius:var(--mpl-radius);padding:20px;margin:20px 0}body[data-mpl-surface] legend{font-size:12px;font-weight:650;padding:0 8px}body[data-mpl-surface] .field{min-width:0}body[data-mpl-surface] .field label{margin-bottom:7px}body[data-mpl-surface] .field input,body[data-mpl-surface] .field select,body[data-mpl-surface] .field textarea{width:100%}body[data-mpl-surface] textarea{min-height:90px}body[data-mpl-surface] button:disabled{opacity:.5;cursor:not-allowed}
/* Buttons remain the original controls, including safety confirmations. */
body[data-mpl-surface] .btn,body[data-mpl-surface] .text-button,body[data-mpl-surface] .toolbar button,body[data-mpl-surface] .head-actions button,body[data-mpl-surface] .form-actions button{font:600 12px/1.4 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;min-height:39px;padding:9px 13px;border:1px solid #c8d2dc;border-radius:7px;color:var(--mpl-ink);background:#fff;box-shadow:none}body[data-mpl-surface] .btn:hover,body[data-mpl-surface] .toolbar button:hover,body[data-mpl-surface] .head-actions button:hover{border-color:#a68b60;background:#faf8f3}body[data-mpl-surface] .btn.primary,body[data-mpl-surface] button.primary{background:var(--mpl-color-primary)!important;color:#fff!important;border-color:var(--mpl-color-primary)}body[data-mpl-surface] .btn.primary:hover,body[data-mpl-surface] button.primary:hover{box-shadow:inset 0 -2px var(--mpl-color-accent)}body[data-mpl-surface] .btn.small{min-height:32px;padding:6px 10px;font-size:11px}body[data-mpl-surface] .toolbar,body[data-mpl-surface] .head-actions,body[data-mpl-surface] .form-actions{display:flex;align-items:end;flex-wrap:wrap;gap:10px}body[data-mpl-surface] .toolbar{padding:15px 18px;border:1px solid var(--mpl-border);border-radius:10px;background:#fff;margin:0 0 20px}body[data-mpl-surface] .toolbar label{display:flex;flex-direction:column;gap:5px}body[data-mpl-surface] .toolbar .search{max-width:420px;min-width:min(100%,180px)}body[data-mpl-surface] .form-actions{border-top:1px solid var(--mpl-border);padding-top:20px;justify-content:flex-end}body[data-mpl-surface] .form-grid{gap:18px}
/* Tables: readable numeric alignment, compact desktop rows, no data hidden. */
body[data-mpl-surface] .card,body[data-mpl-surface] .kpi,body[data-mpl-surface] .dashboard-tile,body[data-mpl-surface] .kpi-card{background:#fff;border:1px solid var(--mpl-border);border-radius:var(--mpl-radius);box-shadow:var(--mpl-shadow)}body[data-mpl-surface] .card.pad{padding:24px}body[data-mpl-surface] .card-head{padding:19px 22px;border-bottom:1px solid var(--mpl-border)}body[data-mpl-surface] .card-head h2{font-size:17px;font-weight:650}body[data-mpl-surface] .table-wrap,body[data-mpl-surface] .scroll{overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}body[data-mpl-surface] table{width:100%;border-collapse:collapse;font-size:12px;font-variant-numeric:tabular-nums}body[data-mpl-surface] th{padding:12px 14px;font-size:10px;font-weight:700;letter-spacing:.055em;text-transform:uppercase;color:#50657b;background:#f4f6f8;border-bottom:1px solid #d2dde6;text-align:left;white-space:nowrap}body[data-mpl-surface] td{padding:12px 14px;font-size:12px;line-height:1.5;border-bottom:1px solid #e8edf1;vertical-align:middle;max-width:380px;overflow-wrap:anywhere;color:var(--mpl-ink)}body[data-mpl-surface] tbody tr:hover{background:#f7f9fb}body[data-mpl-surface] tbody tr:last-child td{border-bottom:0}body[data-mpl-surface] td small{font-size:10px;line-height:1.6}body[data-mpl-surface] td strong{font-size:12px}body[data-mpl-surface] .num{text-align:right;font-variant-numeric:tabular-nums}body[data-mpl-surface=wms] .num{font-size:28px}body[data-mpl-surface] td .num{font-size:12px}body[data-mpl-surface] td .btn{min-height:32px;padding:6px 9px;margin:2px;font-size:11px}body[data-mpl-surface] .rights-table th,body[data-mpl-surface] .rights-table td{color:var(--mpl-ink);text-align:center;white-space:normal;min-width:90px}body[data-mpl-surface] .rights-table th:first-child,body[data-mpl-surface] .rights-table td:first-child{min-width:190px;text-align:left}body[data-mpl-surface] .rights-table label{color:var(--mpl-ink)!important}body[data-mpl-surface] .tag{border-radius:30px;font-size:10px;font-weight:650;padding:4px 9px;border:1px solid #dce3e9;background:#f0f4f8;color:#395570}body[data-mpl-surface] .tag.green{background:#e9f4ee;color:#21674c;border-color:#cce3d6}body[data-mpl-surface] .tag.amber{background:#fcf4e5;color:#805b20;border-color:#ead8b4}body[data-mpl-surface] .tag.blue{background:#eaf0f8;color:#2d5179;border-color:#d2dfed}body[data-mpl-surface] .notice{border:1px solid #d5e0ec;border-left:3px solid #57779a;background:#edf3f9;border-radius:7px;font-size:12px;padding:14px 17px;line-height:1.75;color:#314e6d}body[data-mpl-surface] .notice.warn{background:#fcf6e9;border-color:#d9be85;color:#73521e}body[data-mpl-surface] .error,body[data-mpl-surface] .error-line{color:var(--mpl-negative)}body[data-mpl-surface] .positive,body[data-mpl-surface] .ok{color:var(--mpl-positive)}body[data-mpl-surface] dialog{border:1px solid #cbd6e0;border-radius:14px;max-height:88dvh;padding:28px;box-shadow:0 28px 100px #142b4540;color:var(--mpl-ink)}body[data-mpl-surface] dialog::backdrop{background:#0a1c30a8}body[data-mpl-surface] #toast{border:1px solid #ffffff18;background:var(--mpl-color-primary);color:white;border-radius:10px;font-size:13px;box-shadow:0 10px 35px #142b4528}
/* WMS: retain scanner semantics, task sizes and native event handlers. */
body[data-mpl-surface=wms] .mpl-sidebar{background:var(--mpl-color-primary)!important;border:1px solid #ffffff0a;border-radius:12px;padding:18px 12px}body[data-mpl-surface=wms] .mpl-sidebar-title{color:#cfb47e;font-size:10px;letter-spacing:.15em}body[data-mpl-surface=wms] .mpl-sidebar button{color:#d8e2ed;font-size:12px;font-weight:500;border:1px solid transparent}body[data-mpl-surface=wms] .mpl-sidebar button.active{background:#ffffff10!important;color:#f5d99c!important;border-color:#ffffff12;border-left:3px solid var(--mpl-color-accent);box-shadow:none}body[data-mpl-surface=wms] .mpl-content>.card{padding:22px}body[data-mpl-surface=wms] .kpi-card strong{color:var(--mpl-color-primary);font-size:32px;font-weight:650}body[data-mpl-surface=wms] .kpi-card small{font-size:11px}body[data-mpl-surface=wms] .page-heading h2{font-size:29px;letter-spacing:-.04em}body[data-mpl-surface=wms] .scanner{max-width:720px}body[data-mpl-surface=wms] .scanner input,body[data-mpl-surface=wms] .scanner select{font-size:18px;min-height:54px;border-width:2px!important}body[data-mpl-surface=wms] .scanner .big,body[data-mpl-surface=wms] #scannerHome button{min-height:58px;font-size:17px;white-space:normal;text-align:left;border-radius:9px;border:1px solid #ccd6e0;padding:17px 20px;box-shadow:none}body[data-mpl-surface=wms] .big.in{background:#e8f4ee!important;color:#21674c}body[data-mpl-surface=wms] .big.move{background:#eaf0f8;color:#2d5179}body[data-mpl-surface=wms] .big.out{background:#f8e9ea;color:#963d45}body[data-mpl-surface=wms] .big.damage{background:#fcf3e1;color:#805b20}body[data-mpl-surface=wms] .scanner .field label{font-size:14px}body[data-mpl-surface=wms] .scanner #res{border-radius:8px}
/* Suite: compact planning, finance, HR and document workspaces. */
body[data-mpl-surface=suite] .page-head h1{font-size:29px;font-weight:650;margin-bottom:8px}body[data-mpl-surface=suite] .page-head p{font-size:12px;line-height:1.7}body[data-mpl-surface=suite] .page-head{margin-bottom:25px}body[data-mpl-surface=suite] .kpi{padding:22px 20px}body[data-mpl-surface=suite] .kpi strong{font-size:30px;font-weight:650}body[data-mpl-surface=suite] .kpi .kpi-icon{color:#92713a;background:#f7f1e5}body[data-mpl-surface=suite] .plan-item{border-left:3px solid var(--mpl-color-accent);background:#fff;border-radius:9px}body[data-mpl-surface=suite] .work-column{background:#edf1f5;border:1px solid var(--mpl-border);padding:14px}body[data-mpl-surface=suite] .work-column h2{font-size:12px;text-transform:uppercase;letter-spacing:.06em}body[data-mpl-surface=suite] .work-trip{padding:16px;border:1px solid var(--mpl-border);box-shadow:var(--mpl-shadow)}body[data-mpl-surface=suite] #dispatchResults table{min-width:960px}body[data-mpl-surface=suite] #dispatchResults th{font-size:9px}body[data-mpl-surface=suite] #dispatchResults td{padding:10px 12px;font-size:11px}body[data-mpl-surface=suite] #dispatchResults td strong{font-size:11px}body[data-mpl-surface=suite] #dispatchResults td small{font-size:10px}body[data-mpl-surface=suite] .margin-strip{background:#f5f1e8;border:1px solid #e5dcc9;border-radius:8px}body[data-mpl-surface=suite] .document-box{background:#fafbfd;border:1px dashed #b6c6d6;border-radius:9px}body[data-mpl-surface=suite] .stepper span{border-radius:30px;padding:6px 10px;font-size:10px}body[data-mpl-surface=suite] .stepper span.done{background:#e9f4ee;color:#21674c}
/* Separate driver/customer realms get the same identity, not the staff shell. */
body[data-mpl-surface=driver]>header,body[data-mpl-surface=portal]>header{max-width:none;background:var(--mpl-color-primary);border:0;border-bottom:2px solid var(--mpl-color-accent);color:#fff;padding:24px max(24px,calc((100vw - 1180px)/2));display:flex;gap:16px;align-items:center;flex-wrap:wrap}body[data-mpl-surface=driver]>header strong{font-size:14px;letter-spacing:.08em;color:#f5d99c}body[data-mpl-surface=driver]>header span{color:#c7d4e1;font-size:12px}body[data-mpl-surface=driver]>p:first-child{margin:0;background:#0d2035;padding:7px 20px;font-size:11px}body[data-mpl-surface=driver]>p:first-child a{color:#d1dfed;text-decoration:none;padding:0}body[data-mpl-surface=portal]>header img{max-width:150px;max-height:80px;object-fit:contain;border-radius:6px;background:#fff}body[data-mpl-surface=portal]>header h1{font-size:25px;color:#fff;margin:0}body[data-mpl-surface=portal]>header p{color:#c7d4e1;font-size:11px;margin:0}body[data-mpl-surface=driver]>main{max-width:900px;padding:28px 24px;margin:auto}body[data-mpl-surface=portal]>main{max-width:1240px;padding:30px 24px;margin:auto}body[data-mpl-surface=driver] section,body[data-mpl-surface=driver] article,body[data-mpl-surface=portal] #content>section,body[data-mpl-surface=portal] #content>article,body[data-mpl-surface=portal] #login{border:1px solid var(--mpl-border);border-radius:12px;box-shadow:var(--mpl-shadow);background:#fff;padding:24px;margin:0 0 20px}body[data-mpl-surface=driver] #login{max-width:480px;margin:15px auto 30px;border-top:3px solid var(--mpl-color-accent)}body[data-mpl-surface=portal] #login{max-width:480px;margin:15px auto 30px;border-top:3px solid var(--mpl-color-accent)}body[data-mpl-surface=driver] #login h1,body[data-mpl-surface=portal] #login h2{font-size:25px;letter-spacing:-.03em}body[data-mpl-surface=driver] label,body[data-mpl-surface=portal] label{display:block;margin:16px 0}body[data-mpl-surface=driver] button,body[data-mpl-surface=portal] button{min-height:44px;border:1px solid #bfcbd7;border-radius:7px;padding:10px 14px;background:#fff;color:var(--mpl-color-primary);font-size:13px;font-weight:600}body[data-mpl-surface=driver] #loginForm>button,body[data-mpl-surface=portal] #login>button{width:100%;background:var(--mpl-color-primary);color:white;border-color:var(--mpl-color-primary);margin:12px 0 0;min-height:48px}body[data-mpl-surface=driver] #loginForm input,body[data-mpl-surface=portal] #login input{display:block;width:100%;margin-top:7px;min-height:46px}body[data-mpl-surface=driver] .status{display:inline-flex;background:#f5efdf;color:#755923;border-radius:30px;padding:5px 11px;font-size:11px}body[data-mpl-surface=driver] #trips article{border-left:3px solid var(--mpl-color-accent)}body[data-mpl-surface=driver] .links{gap:8px}body[data-mpl-surface=driver] .links a{border:1px solid var(--mpl-border);border-radius:7px;background:#f8fafb;text-decoration:none;font-size:12px}body[data-mpl-surface=portal] .tracking-status{background:#e9f4ee;color:#21674c;font-size:23px}body[data-mpl-surface=portal] #error{padding:0 24px}body[data-mpl-surface=employee]>main{max-width:1180px!important;padding:30px!important}body[data-mpl-surface=employee] #employeeWork h2{font-size:20px;margin-top:32px}body[data-mpl-surface=employee] #employeeName{font-size:28px}body[data-mpl-surface=employee] #employeeBalances .card{padding:22px;border-top:2px solid var(--mpl-color-accent)}
/* Actual management values, no decorative or invented financial charts. */
.management-title{display:flex;align-items:end;justify-content:space-between;margin:34px 0 18px;gap:16px}.management-title h2{font-size:19px;font-weight:650;margin:0}.management-title p{font-size:11px;color:var(--mpl-muted);margin:0}.management-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:20px}.management-panel{background:#fff;border:1px solid var(--mpl-border);border-radius:12px;overflow:hidden;min-width:0}.management-panel>header{padding:20px 22px;border-bottom:1px solid #e8edf1;display:flex;gap:12px;justify-content:space-between;align-items:center;background:#fff}.management-panel h3{font-size:14px;font-weight:650;margin:0}.panel-meta{font-size:10px;color:var(--mpl-muted)}.management-rows{padding:4px 22px}.management-row{display:flex;justify-content:space-between;align-items:center;gap:18px;border-bottom:1px solid #e8edf1;padding:14px 0;font-size:12px}.management-row:last-child{border:0}.management-row strong{font-size:15px;font-weight:650;font-variant-numeric:tabular-nums}.management-row span{color:var(--mpl-muted)}.management-panel .management-note{padding:0 22px 18px;color:var(--mpl-muted);font-size:10px;line-height:1.8;margin:0}.management-alert{padding:16px 22px;border-bottom:1px solid #e8edf1;font-size:12px;line-height:1.7;display:flex;gap:12px;align-items:start}.management-alert::before{content:'i';border:1px solid #c6a465;color:#8b6830;border-radius:100%;width:19px;height:19px;font-size:11px;text-align:center;flex-shrink:0;line-height:17px}.management-status{display:flex;align-items:center;gap:6px;color:#21674c;font-size:10px}.management-status::before{content:'';width:5px;height:5px;background:#44866c;border-radius:50%}.management-finance{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:14px;margin:18px 0}.management-finance .finance-kpi{padding:20px;background:#fff;border:1px solid var(--mpl-border);border-radius:10px}.finance-kpi small{display:block;font-size:10px;margin-bottom:11px}.finance-kpi strong{display:block;font-size:25px;font-weight:650;letter-spacing:-.03em}.finance-kpi span{font-size:10px;color:var(--mpl-muted)}#demoLifetime{font-size:11px!important;line-height:1.6!important;padding:7px 20px!important;border-bottom:1px solid #dce3e9}body[data-mpl-surface=shell] .layout>aside{background:var(--mpl-color-primary)}body[data-mpl-surface=shell] .content h1{color:var(--mpl-color-primary)}body[data-mpl-surface=shell] .journey{background:var(--mpl-color-primary)}
@media(max-width:1000px){.management-grid{grid-template-columns:1fr}.management-finance{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){body[data-mpl-surface] input:not([type=checkbox]):not([type=radio]):not([type=range]),body[data-mpl-surface] select,body[data-mpl-surface] textarea{font-size:16px;min-height:46px}body[data-mpl-surface] .btn,body[data-mpl-surface] .btn.small,body[data-mpl-surface] .toolbar button,body[data-mpl-surface] .head-actions button{min-height:44px}body[data-mpl-surface] .toolbar{padding:13px;gap:10px}body[data-mpl-surface] .toolbar label{flex:1 1 140px}body[data-mpl-surface] .card.pad{padding:18px}body[data-mpl-surface] td,body[data-mpl-surface] th{padding:11px 12px}body[data-mpl-surface] dialog{padding:20px}body[data-mpl-surface=suite] .page-head h1{font-size:25px}body[data-mpl-surface=wms] .scanner input,body[data-mpl-surface=wms] .scanner select{font-size:18px;min-height:54px}body[data-mpl-surface=driver]>header,body[data-mpl-surface=portal]>header{padding:18px 16px;gap:12px}body[data-mpl-surface=driver]>main,body[data-mpl-surface=portal]>main{padding:20px 14px}body[data-mpl-surface=driver] section,body[data-mpl-surface=driver] article,body[data-mpl-surface=portal] #content>section,body[data-mpl-surface=portal] #content>article{padding:18px}body[data-mpl-surface=portal]>header img{max-width:110px;max-height:60px}body[data-mpl-surface=portal]>header h1{font-size:21px}body[data-mpl-surface=employee]>main{padding:20px 14px!important}.management-title{align-items:start;flex-direction:column;gap:6px;margin-top:28px}.management-grid{gap:16px}.management-panel>header{padding:18px}.management-rows{padding:0 18px}.management-alert{padding:16px 18px}.management-panel .management-note{padding:0 18px 16px}.management-finance{gap:10px}.management-finance .finance-kpi{padding:17px 14px}.finance-kpi strong{font-size:22px}.management-row{font-size:11px}.management-row strong{font-size:14px}}
@media(prefers-reduced-motion:reduce){body[data-mpl-surface] *{transition:none!important;animation:none!important;scroll-behavior:auto!important}}
@media print{body[data-mpl-surface]{background:white;color:black}body[data-mpl-surface] .management-panel,body[data-mpl-surface] .finance-kpi{break-inside:avoid;box-shadow:none}body[data-mpl-surface] #demoLifetime{display:none!important}body[data-mpl-surface] button,body[data-mpl-surface] input,body[data-mpl-surface] select{box-shadow:none}}
/* Explicit readable rights matrix and customer branding slots. */
body[data-mpl-surface] .central-accounts table{font-size:13px}body[data-mpl-surface] .central-accounts td,body[data-mpl-surface] .central-accounts th{font-size:13px;white-space:normal;min-width:115px;color:#142b45;vertical-align:top;padding:13px 14px}body[data-mpl-surface] .central-accounts .right-label{display:block;font-size:13px;line-height:1.6;color:#142b45}body[data-mpl-surface] .central-accounts .right-label small{font-size:11px;color:#52657a}body[data-mpl-surface] .rights-list{padding-left:18px;min-width:240px;gap:11px}body[data-mpl-surface] #centralDenied{padding:20px;gap:14px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}body[data-mpl-surface] #centralDenied label{font-size:13px;background:#f7f9fb;border:1px solid #e0e7ed;border-radius:7px;padding:12px;gap:10px;color:#142b45}body[data-mpl-surface] #centralDenied small{color:#52657a;font-size:11px}body[data-mpl-surface=shell] .brand-kicker,body[data-mpl-surface=shell] .brand-wordmark b{color:var(--mpl-color-accent)}body[data-mpl-surface=shell] #navigation button[aria-current=page]{box-shadow:inset 3px 0 var(--mpl-color-accent)}body[data-mpl-surface=shell] .content>footer{font-size:10px;color:#596d82}body[data-mpl-surface=shell] .premium-heading p{color:#52657a}body[data-mpl-surface=shell] .environment-label span{color:#52657a}body[data-mpl-surface] .management-row strong{color:#142b45}
/* Native unclassified action buttons and robust mobile viewport accounting. */
body[data-mpl-surface] button:not([class]){min-height:39px;padding:9px 13px;border:1px solid #c8d2dc;border-radius:7px;background:#fff;color:var(--mpl-color-primary);font:600 12px/1.4 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;cursor:pointer}body[data-mpl-surface] button:not([class]):hover{background:#faf8f3;border-color:#a68b60}body[data-mpl-surface] button:not([class]):disabled{opacity:.5;cursor:not-allowed}body[data-mpl-surface=shell]{height:100dvh;display:flex;flex-direction:column;overflow:hidden}body[data-mpl-surface=shell] .layout{position:relative;flex:1;min-height:0;height:auto}body[data-mpl-surface=shell] .banner,body[data-mpl-surface=shell] #demoLifetime{flex:none}body[data-mpl-surface=shell] #menuClose{display:none}body[data-mpl-surface=shell] .brand{position:relative}body[data-mpl-surface=shell] #navigation button{background:transparent;color:#d4dfea;border-color:transparent;font-weight:500}body[data-mpl-surface=shell] #navigation button:hover{background:#ffffff09;color:#fff}body[data-mpl-surface=shell] #navigation button[aria-current=page]{background:#ffffff0c;border-color:#ffffff10;color:#f5d99c}
@media(max-width:720px){body[data-mpl-surface] button:not([class]){min-height:44px}}
@media(max-width:680px){body[data-mpl-surface=shell] .layout>aside{position:absolute;top:0;bottom:0}body[data-mpl-surface=shell] #menuClose{display:block;position:absolute;right:0;top:0;min-height:40px;min-width:40px;padding:7px;font-size:22px;background:#ffffff10;border-color:#ffffff20;color:#fff}body[data-mpl-surface=shell] #navigation button{min-height:46px}}

/* Owner correction: complete dark maritime workspaces, not just the sidebar. */
:root{--mpl-canvas:#081727;--mpl-surface:#112b43;--mpl-ink:#EDF3FA;--mpl-muted:#B7C6D6;--mpl-border:#2D4761;--mpl-color-accent:var(--mpl-tenant-accent,#D5B376);--bg:var(--mpl-canvas);--white:var(--mpl-surface);--ink:var(--mpl-ink);--muted:var(--mpl-muted);--line:var(--mpl-border);--panel:var(--mpl-surface);color-scheme:dark}
html,body[data-mpl-surface]{background:var(--mpl-canvas);color:var(--mpl-ink)}body[data-mpl-surface] h1,body[data-mpl-surface] h2,body[data-mpl-surface] h3,body[data-mpl-surface] h4,body[data-mpl-surface] td,body[data-mpl-surface] td strong,body[data-mpl-surface] .right-label,body[data-mpl-surface] label{color:var(--mpl-ink)!important}body[data-mpl-surface] small,body[data-mpl-surface] .muted,body[data-mpl-surface] .note,body[data-mpl-surface] .field label,body[data-mpl-surface] .page-head p,body[data-mpl-surface] .page-heading p{color:var(--mpl-muted)!important}body[data-mpl-surface] a{color:#E4C994}body[data-mpl-surface] .eyebrow{color:#D5B376!important}body[data-mpl-surface] .card,body[data-mpl-surface] .kpi,body[data-mpl-surface] .kpi-card,body[data-mpl-surface] .dashboard-tile,body[data-mpl-surface] .overview-kpi,body[data-mpl-surface] .management-panel,body[data-mpl-surface] .finance-kpi,body[data-mpl-surface] .paper,body[data-mpl-surface] .plan-item,body[data-mpl-surface] .work-trip,body[data-mpl-surface] .document-box{background:#112B43!important;border-color:#2D4761;box-shadow:0 12px 32px #00000016}body[data-mpl-surface] .card-head,body[data-mpl-surface] .management-panel>header,body[data-mpl-surface] .toolbar{background:#10283F;border-color:#2D4761}body[data-mpl-surface] .topbar,body[data-mpl-surface] .top,body[data-mpl-surface] .content>header{background:#0D2238!important;border-color:#2D4761;color:#EDF3FA}body[data-mpl-surface] .content>footer,body[data-mpl-surface] footer{background:#0B1E32;color:#AABDD0!important;border-color:#2D4761}body[data-mpl-surface] .overview{background:radial-gradient(ellipse at 80% 0%,#14335080,transparent 55%),#081727}body[data-mpl-surface] .overview-kpi{border-top:2px solid #B89557}body[data-mpl-surface] .overview-kpi strong,body[data-mpl-surface] .kpi strong,body[data-mpl-surface] .kpi-card strong,body[data-mpl-surface] .dashboard-tile strong,body[data-mpl-surface] .finance-kpi strong,body[data-mpl-surface] .management-row strong{color:#F7E4BC!important}body[data-mpl-surface] .overview-kpi>span:not(.kpi-symbol),body[data-mpl-surface] .management-row span,body[data-mpl-surface] .premium-heading p,body[data-mpl-surface] .environment-label span,body[data-mpl-surface] .management-title p,body[data-mpl-surface] .management-note,body[data-mpl-surface] .finance-kpi span{color:#B7C6D6}body[data-mpl-surface] .kpi-symbol,body[data-mpl-surface] .kpi .kpi-icon{background:#D5B37612;color:#E4C994;border:1px solid #D5B37635}body[data-mpl-surface] .journey{background:linear-gradient(120deg,#142B45,#10253B);border-color:#56708A;border-top:1px solid #C7A56A}body[data-mpl-surface] .management-row,body[data-mpl-surface] .management-alert{border-color:#29425B}body[data-mpl-surface] th{background:#0C2137!important;color:#D5B376!important;border-color:#34516D}body[data-mpl-surface] td{background:transparent;border-color:#29425B}body[data-mpl-surface] tbody tr:nth-child(even){background:#17304766}body[data-mpl-surface] tbody tr:hover{background:#23445D}body[data-mpl-surface] .central-accounts th,body[data-mpl-surface] .central-accounts td,body[data-mpl-surface] .central-accounts td:first-child{background:#112B43;color:#EDF3FA!important}body[data-mpl-surface] .central-accounts th{background:#0C2137!important}body[data-mpl-surface] #centralDenied label{background:#0C2137;border-color:#34516D;color:#EDF3FA}body[data-mpl-surface] .rights-list small,body[data-mpl-surface] #centralDenied small{color:#B7C6D6!important}
body[data-mpl-surface] input:not([type=checkbox]):not([type=radio]):not([type=range]),body[data-mpl-surface] select,body[data-mpl-surface] textarea{background:#0A2036!important;color:#EDF3FA!important;border-color:#627B94!important}body[data-mpl-surface] input::placeholder,body[data-mpl-surface] textarea::placeholder{color:#A5B8CB;opacity:1}body[data-mpl-surface] input:disabled,body[data-mpl-surface] select:disabled{background:#183149!important;color:#B7C6D6!important}body[data-mpl-surface] button:not([class]),body[data-mpl-surface] .btn,body[data-mpl-surface] .toolbar button,body[data-mpl-surface] .head-actions button,body[data-mpl-surface] .form-actions button,body[data-mpl-surface] .tools button,body[data-mpl-surface] #back,body[data-mpl-surface] #menuToggle{background:#19364F;color:#EDF3FA;border-color:#526C84;box-shadow:none}body[data-mpl-surface] button:not([class]):hover,body[data-mpl-surface] .btn:hover{background:#264960;color:#FFF;border-color:#D5B376}body[data-mpl-surface] .btn.primary,body[data-mpl-surface] button.primary,body[data-mpl-surface] .login-page button,body[data-mpl-surface] #loginForm>button,body[data-mpl-surface=portal] #login>button{background:linear-gradient(130deg,#E6CB94,#C19A55)!important;color:#102238!important;border-color:#E6CB94!important}body[data-mpl-surface] .badge{background:#102B42;color:#DDE9F4;border-color:#36516D}body[data-mpl-surface] .notice,body[data-mpl-surface] .health-note{background:#173C57;color:#E0EDF8;border-color:#4A718E}body[data-mpl-surface] .notice.warn,body[data-mpl-surface] .comm-safety{background:#3F321B;color:#FFE0A2;border-color:#B69453}body[data-mpl-surface] .error,body[data-mpl-surface] .error-line,body[data-mpl-surface] #workspaceError{color:#FFB6BE;background:#421F2B}body[data-mpl-surface] .ok,body[data-mpl-surface] .positive{color:#91DCBA}body[data-mpl-surface] .tag{background:#24425B;color:#DFE9F5;border-color:#52708B}body[data-mpl-surface] .tag.green,body[data-mpl-surface] .stepper .done{background:#163E33;color:#A7EDCD;border-color:#3B8063}body[data-mpl-surface] .tag.amber{background:#45351A;color:#FFE0A2;border-color:#A68446}body[data-mpl-surface] .tag.blue{background:#173D5A;color:#BCDFFA;border-color:#4A7595}body[data-mpl-surface] dialog,body[data-mpl-surface] #standaloneDemo,body[data-mpl-surface] .login-page,body[data-mpl-surface] .login-panel{background:#112B43;color:#EDF3FA;border-color:#526D88}body[data-mpl-surface] dialog::backdrop{background:#020B16D9}body[data-mpl-surface] #loading,body[data-mpl-surface] #workspaceError{background:#112B43;border-color:#34516D}body[data-mpl-surface] .margin-strip,body[data-mpl-surface] .work-column,body[data-mpl-surface] .comm aside{background:#10263B;border-color:#3A5670}body[data-mpl-surface] .comm-message,body[data-mpl-surface] #commHost form,body[data-mpl-surface] #employeeWork form,body[data-mpl-surface] #employeeLoginForm,body[data-mpl-surface] #employeeWork table{background:#112B43;border-color:#34516D}body[data-mpl-surface] .management-status{color:#A1DEBF}body[data-mpl-surface] #demoLifetime{background:#0A2036!important;color:#D6E5F3!important;border-color:#3A5670}body[data-mpl-surface] .banner{background:#071727;color:#C6D6E6}body[data-mpl-surface] .environment-label{color:#D5B376}body[data-mpl-surface] .sidebar-note{color:#C5D5E5}
body[data-mpl-surface=driver] section,body[data-mpl-surface=driver] article,body[data-mpl-surface=portal] #content>section,body[data-mpl-surface=portal] #content>article,body[data-mpl-surface=portal] #login{background:#112B43!important;border-color:#34516D}body[data-mpl-surface=driver] button,body[data-mpl-surface=portal] button,body[data-mpl-surface=driver] .links a{background:#19364F;color:#EDF3FA;border-color:#526C84}body[data-mpl-surface=driver] .status,body[data-mpl-surface=portal] .tracking-status{background:#3F321B;color:#FFE0A2}body[data-mpl-surface=driver] #message.error{color:#FFB6BE}body[data-mpl-surface=wms] .scanner .big.in{background:#173F34!important;color:#B8F3D7}body[data-mpl-surface=wms] .scanner .big.move{background:#193F60;color:#D2EAFF}body[data-mpl-surface=wms] .scanner .big.out{background:#472837;color:#FFC5CD}body[data-mpl-surface=wms] .scanner .big.damage{background:#45351A;color:#FFE0A2}body[data-mpl-surface] [style*="background:#fff"],body[data-mpl-surface] [style*="background: #fff"],body[data-mpl-surface] [style*="background:white"]{background:#112B43!important;color:#EDF3FA}body[data-mpl-surface] :focus-visible{outline-color:#E6CB94!important}
@media print{:root{color-scheme:light}body[data-mpl-surface],body[data-mpl-surface] .paper,body[data-mpl-surface] table,body[data-mpl-surface] td,body[data-mpl-surface] th{background:#FFF!important;color:#111!important}body[data-mpl-surface] h1,body[data-mpl-surface] h2,body[data-mpl-surface] h3,body[data-mpl-surface] td strong{color:#111!important}}
body[data-mpl-surface] #logout,body[data-mpl-surface] #employeeLogout{color:#EDF3FA!important;background:#19364F;border-color:#627B94}body[data-mpl-surface] #demoLifetime[data-warning=true]{background:#45351A!important;color:#FFE0A2!important}body[data-mpl-surface] #demoLifetime[data-ended=true]{background:#421F2B!important;color:#FFD1D7!important}
/* Corrections proven by the actual WMS browser render. */
body[data-mpl-surface] #workspace-main label,body[data-mpl-surface] #workspace-main small{color:#D5E1EE!important}body[data-mpl-surface] #workspace-main button.primary{background:linear-gradient(130deg,#E6CB94,#C19A55)!important;color:#102238!important;border-color:#E6CB94!important}body[data-mpl-surface] .skip-link:not(:focus){clip-path:inset(50%);width:1px;height:1px;padding:0;overflow:hidden;white-space:nowrap}
/* Combined correction: only app workspaces, never the official PDF pixels. */
#waybillWorkspace{background:var(--mpl-surface)!important;color:var(--mpl-ink)!important;border:1px solid var(--mpl-border)!important;box-shadow:0 24px 80px #0008}#waybillWorkspace article{background:#0d2237;padding:12px;border:1px solid var(--mpl-border);border-radius:8px;margin:10px 0}#waybillWorkspace #wbCanvas{background:white!important;color:black!important;filter:none!important}#waybillWorkspace #wbError{color:#ffb7b7}
.compact-dispatch table{font-size:12px}.compact-dispatch td,.compact-dispatch th{padding:8px 10px!important;vertical-align:middle}.compact-dispatch small{font-size:11px;line-height:1.4}.compact-dispatch .address-cell{max-width:240px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.compact-dispatch button{min-height:34px!important;padding:6px 9px!important;margin:2px;font-size:11px!important}.arrival-badge{display:inline-block;border-radius:5px;padding:5px 7px;white-space:nowrap;font-weight:650;background:#163e35;color:#b6f0d2}.arrival-badge[data-state="Te laat"]{background:#54282e;color:#ffd2d2}.arrival-badge[data-state="Risico"]{background:#443922;color:#ffe0a5}.arrival-badge[data-state="Afgeleverd"]{background:#173d51;color:#c9e7ff}.eta-stale{color:#ffe0a5!important}.eta-unavailable{color:#d1d9e3!important}
.official-suite-logo{display:block;width:100%;max-width:218px;height:auto;aspect-ratio:310/70;overflow:hidden}.brand .brand-wordmark{display:none}.brand .official-suite-logo{margin:12px 0 10px}.brand[data-tenant-logo=true] .official-suite-logo{display:none}.login-page .official-suite-logo{max-width:330px;margin:0 auto 24px}.suite-official-badge{display:block;width:200px;max-width:65vw;height:46px;background-image:url('/demo/branding/official-business-suite.png');background-size:539.35484% auto;background-position:4.03818% .57405%;background-repeat:no-repeat}
/* TC27 touch targets and feedback; scanner handlers/debounce/idempotency unchanged. */
body[data-mpl-surface=wms] .scanner{background:#112b43!important;color:#edf3fa!important}.scanner .big{display:block;width:100%;min-height:58px!important;padding:15px 18px!important;margin:10px 0!important;white-space:normal!important;text-align:left;border:1px solid #627b94!important;background:#19364f!important;color:#edf3fa!important;border-radius:10px;font-size:16px!important;line-height:1.4}.scanner .big.move,.scanner .big.out{border-left:4px solid #d5b376!important}.scanner button.primary{background:#d5b376!important;color:#112239!important}.scanner input,.scanner select,.scanner .btn,.scanner button{min-height:48px!important;font-size:16px!important}.scanner .ok,.scanner .success,#flow .ok{color:#b2f4cb!important;background:#153e30!important;padding:9px;border-radius:6px}.scanner .error,.scanner .err,.scanner .bad,#flow .err,#flow .bad{color:#ffd0d0!important;background:#55262e!important;padding:9px;border-radius:6px}.scanner [aria-live]{overflow-wrap:anywhere}.scanner table{width:100%;table-layout:auto}.scanner .field{min-width:0}.scanner input{width:100%;max-width:100%;box-sizing:border-box}.scanner button:focus-visible{outline:3px solid #d5b376;outline-offset:3px}
@media(max-width:600px){.scanner{padding:14px!important}.scanner .big{min-height:60px!important}.compact-dispatch table{min-width:980px}.compact-dispatch td{max-width:210px}#waybillWorkspace{inset:5px!important;padding:12px!important}#waybillWorkspace input{width:100%!important}#accountForm .form-grid{grid-template-columns:1fr}.official-suite-logo{max-width:200px}}
@media print{#waybillWorkspace{background:white!important;color:black!important;box-shadow:none!important;border:0!important}#waybillWorkspace button,#waybillWorkspace>header{display:none!important}#waybillWorkspace canvas{background:white!important;filter:none!important}.official-suite-logo,.suite-official-badge{display:none}}
.scanner[data-feedback=error] #batchMoveStatus,.scanner[data-feedback=error] #batchMoveCount,.scanner [role=alert]{background:#55262e!important;color:#ffd0d0!important;border-left:4px solid #f49898;padding:10px;border-radius:6px}.scanner[data-feedback=success] #batchMoveStatus,.scanner[data-feedback=success] #batchMoveCount{background:#153e30!important;color:#b2f4cb!important;border-left:4px solid #71d49e;padding:10px;border-radius:6px}

#accountForm label{display:grid;gap:8px;min-width:0}#accountForm input,#accountForm select{width:100%;box-sizing:border-box}#accountForm p{overflow-wrap:anywhere}
/* Keep direct assignment visible on desktop; long addresses truncate within cells. */
#dispatchResults table,#workRows table{table-layout:fixed;width:100%;min-width:0}#dispatchResults td,#workRows td{overflow:hidden;text-overflow:ellipsis}#dispatchResults td:last-child,#workRows td:last-child{white-space:normal}#dispatchResults th:nth-child(1){width:5%}#dispatchResults th:nth-child(2){width:15%}#dispatchResults th:nth-child(3){width:17%}#dispatchResults th:nth-child(4){width:7%}#dispatchResults th:nth-child(5){width:8%}#dispatchResults th:nth-child(6){width:8%}#dispatchResults th:nth-child(7){width:8%}#dispatchResults th:nth-child(8){width:14%}#dispatchResults th:nth-child(9){width:18%}#workRows th:nth-child(1){width:7%}#workRows th:nth-child(2){width:17%}#workRows th:nth-child(3),#workRows th:nth-child(4){width:14%}#workRows th:nth-child(5){width:9%}#workRows th:nth-child(6){width:10%}#workRows th:nth-child(7){width:13%}#workRows th:nth-child(8){width:16%}.compact-dispatch .address-cell small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.compact-dispatch td:last-child button{max-width:100%;min-height:30px!important;padding:5px 7px!important}
@media(max-width:600px){#dispatchResults table,#workRows table{min-width:1080px}}

/* Override the preserved native TC27 ID rule, not its handlers or feature flags. */
body[data-mpl-surface=wms] #scannerHome button.big{min-height:60px!important;padding:16px 18px!important;font-size:17px!important;line-height:1.4!important}body[data-mpl-surface=wms] .scanner input:not([type=checkbox]):not([type=radio]),body[data-mpl-surface=wms] .scanner select{min-height:54px!important}body[data-mpl-surface=wms] #flow button.primary{min-height:56px!important;background:#d5b376!important;color:#112239!important}

/* Maintain the original logo crop when a mobile flex header wraps. */
.suite-official-badge{height:auto;aspect-ratio:310/70;flex:none;max-width:100%}