/* Demo-only variant A. Legacy WMS source stays immutable. */
:root{--navy:#142B45;--navy2:#294f78;--ink:#142B45;--muted:#52677d;--teal:#294f78;--line:#ccd7e3;--bg:#E9EFF5;--white:#FFFFFF;--primary:#142B45;--accent:#6D9FD3;color-scheme:light}
body{background:#E9EFF5;color:#142B45}a{color:#294f78}button,input,select,textarea{font-family:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #37699c;outline-offset:3px}button:disabled{cursor:not-allowed}input,select,textarea{max-width:100%;color:#142B45;background:#fff;border-color:#879db4!important}table{max-width:100%}th{color:#142B45;background:#E9EFF5}td,th{vertical-align:top}small{color:#52677d}.btn.primary,.primary,.active{background:#142B45!important;color:white!important}.btn:hover{border-color:#6D9FD3}.monogram{background:#294f78}.tag.blue{background:#dce9f7;color:#142B45}.tag.green{background:#dce9f7;color:#142B45}.tag.amber{color:#704408;background:#fff1d6}.margin-strip{background:#E9EFF5}.demo-strip{background:#e0eafa;color:#142B45}#toast{background:#142B45}#toast.error{background:#843f34}.top{background:#142B45!important}.mpl-sidebar{background:#142B45!important}.mpl-sidebar button.active{border-left:4px solid #6D9FD3}.mpl-content{min-width:0}.topbar{background:white}.notice,.health-note{line-height:1.6}.health-note{font-size:12px}.table-wrap,.scroll{overflow:auto}.table-wrap table{min-width:540px}.table-wrap td{overflow-wrap:anywhere}.form-grid{min-width:0}.field{min-width:0}.field label{line-height:1.5}.field input,.field select,.field textarea{min-width:0}.form-actions,.head-actions,.toolbar,.status-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.toolbar .search{flex:1;min-width:150px}.detail-title{gap:15px}.detail-title button{min-width:44px;min-height:44px}dialog{max-width:calc(100vw - 24px);max-height:90dvh;overflow:auto}.load-error{padding:24px}.plan-item{background:#E9EFF5}.paper{overflow:auto}html[data-embedded=true] #sidebar,html[data-embedded=true] .topbar,html[data-embedded=true] .demo-strip,html[data-embedded=true] .body>footer{display:none!important}html[data-embedded=true] #appShell{display:block!important;min-height:100dvh}html[data-embedded=true] #main{padding:28px;min-height:100dvh}html[data-embedded=true] .mpl-sidebar,html[data-embedded=true] .top,html[data-embedded=true] #globalLogout{display:none!important}html[data-embedded=true] .mpl-layout{display:block!important}html[data-embedded=true] .mpl-content{width:100%!important;max-width:1400px;margin:auto;padding:20px!important}html[data-embedded=true] .wrap{max-width:none;padding:0}.btn,.nav button{min-height:42px}
@media(max-width:720px){html[data-embedded=true] #main{padding:20px 12px}.read-detail,.grid-2{grid-template-columns:1fr}.page-head h1{font-size:24px}.page-head p{line-height:1.6}.toolbar input,.toolbar select{width:100%}.toolbar button{flex:1}.card.pad{padding:16px}html[data-embedded=true] .mpl-content{padding:12px!important}.row{grid-template-columns:1fr}.field input,.field select{font-size:16px}.document-row{flex-wrap:wrap}.form-grid{grid-template-columns:1fr}.board{grid-template-columns:1fr}.table-wrap table{min-width:500px}}

.card[style*="background:#f7fff8"],.card[style*="background:#f4fff6"]{background:#fff!important}.in{background:#dce9f7!important}.ok{color:#294f78}#workspace-main button.primary{background:#142B45!important}

#workspace-main button{white-space:normal;overflow-wrap:anywhere;max-width:100%}.card{min-width:0}

.notice,.kpi .kpi-icon,.stepper .done{background:#dce9f7;color:#142B45}.notice.warn{background:#fff1d6;color:#704408}nav a.active{background:#31577d;box-shadow:inset 3px 0 #6D9FD3}.table-hint{display:none}@media(max-width:720px){.table-hint{display:block;font-size:12px;padding:8px 0;color:#52677d}}

.field label,#workspace-main label,#workspace-main small{color:#52677d!important}
.dashboard-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px;margin:20px 0}.dashboard-tile{display:flex;flex-direction:column;gap:8px;text-align:left;padding:20px;border:1px solid #ccd7e3;border-radius:10px;background:#fff;color:#142B45;min-width:0}.dashboard-tile strong{font-size:25px;overflow-wrap:anywhere}.dashboard-tile:hover{border-color:#6D9FD3;background:#f6f9fc}.dashboard-tile:focus-visible{outline:3px solid #37699c}.dashboard-tile small{font-size:12px}@media(max-width:560px){.dashboard-tiles{grid-template-columns:1fr}.dashboard-tile{padding:16px}}

.transport-workboard{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;align-items:start}.work-column{background:#E9EFF5;padding:12px;border:1px solid #6D9FD3;border-radius:10px;min-width:0}.work-column h2{font-size:1rem;color:#142B45}.work-trip{background:#fff;border:1px solid #c8d7e5;padding:12px;margin-bottom:12px;border-radius:8px;overflow-wrap:anywhere}.work-trip h3{font-size:1rem}.work-trip .btn{margin:4px 4px 0 0;white-space:normal}#improvementBatch label{display:block;margin:12px 0}#improvementBatch textarea{width:100%;min-height:80px}@media(max-width:1000px){.transport-workboard{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.transport-workboard{grid-template-columns:1fr}}

:root{--navy:#142b45;--navy2:#234565;--accent:#7eadd8;--ink:#e7eef7;--bg:#081727;color-scheme:dark}
body{background:var(--bg);color:var(--ink)}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}
.primary,.btn.primary{background:#142b45!important;color:#fff!important;border-color:#142b45!important}a{color:#9cc5ed}.card,dialog{border:1px solid #29445e;border-radius:10px;background:#10283f;color:#e7eef7}th{background:#142b45;color:#e7eef7}input,select,textarea{color:#e7eef7;background:#0b2034;border:1px solid #41617e;border-radius:5px;padding:8px}
html[data-embedded=true] body{margin:0;background:#081727}html[data-embedded=true] #sidebar,html[data-embedded=true] .topbar,html[data-embedded=true] .demo-strip,html[data-embedded=true] .mpl-sidebar,html[data-embedded=true] .top,html[data-embedded=true] #globalLogout,html[data-embedded=true] .mpl-language-label,html[data-embedded=true] body>header{display:none!important}
html[data-embedded=true] #appShell,html[data-embedded=true] .mpl-layout{display:block!important}html[data-embedded=true] .mpl-content{width:auto!important;max-width:1500px;margin:auto;padding:18px!important}html[data-embedded=true] #main{padding:18px;min-height:70vh}html[data-embedded=true] .wrap{max-width:none;padding:0}html[data-embedded=true] [onchange*="setLang"],html[data-embedded=true] .field:has(>select[onchange*="setLang"]){display:none!important}.private-billing-tools{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.private-status{padding:12px;background:#142b45;color:#e7eef7;border-left:4px solid #7eadd8}#privateBillingError{color:#ffb4ab}
#batchMoveRows tr[data-scan-status=accepted]{background:#163d32!important;color:#baf1d7}#batchMoveRows tr[data-scan-status=rejected]{background:#542a33!important;color:#ffd0d4}
#commHost .comm-layout{display:grid;grid-template-columns:minmax(190px,28%) minmax(0,1fr);align-items:start}#commHost .comm-layout>*{min-width:0}#commHost .comm-message,#commHost #commWaiting article{background:#10283f!important;color:#e7eef7;border-color:#29445e}#commHost button{max-width:100%;white-space:normal}
/* Private marineblauwe werkruimte; document/PDF-papier blijft ongemoeid. */
:root{--accent:#c6a465;--gold:#c6a465;--bg:#081727;--ink:#e7eef7;--panel:#10283f;--line:#29445e;--muted:#b6c8db}
*,*::before,*::after{box-sizing:border-box}
[hidden]{display:none!important}
html,body{background:#081727;color:#e7eef7;max-width:100%;margin:0}
body[data-mpl-surface=shell]{height:100dvh;display:flex;flex-direction:column;overflow:hidden}
body[data-mpl-surface=shell]>.banner{flex:0 0 auto}
body[data-mpl-surface=shell]>.layout{flex:1 1 auto;min-height:0;height:auto!important}
section.content{min-width:0;min-height:0}
.content>header,.content>footer,#loading,#workspaceError,#standaloneDemo{background:#10283f!important;color:#dce7f2;border-color:#29445e}
.content>header .tools button,.content>header #back,.content>header #menuToggle,.content>header .badge{background:#142b45;color:#e7eef7;border-color:#456079}
.content>footer{flex:none}.content>.viewport{flex:1;min-height:0;min-width:0;background:#081727;overflow:hidden}
.viewport>#workspace:not([hidden]){position:absolute;inset:0;display:block;width:100%;height:100%;border:0;background:#081727!important}
.viewport>#overview:not([hidden]){height:100%;overflow-y:auto;background:#081727}
#navigation button[aria-current=page]{border-color:#c6a465;box-shadow:inset 3px 0 #c6a465}
#navigation summary{min-height:44px;touch-action:manipulation}
#navigation details[open]>summary{color:#dec18c}
a{color:#dec18c}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #c6a465;outline-offset:2px}
html[data-embedded=true]{height:100%;min-height:100%;background:#081727;overflow-x:clip}
html[data-embedded=true] body{min-height:100%;height:auto;max-width:100%;overflow-x:clip;background:#081727!important}
html[data-embedded=true] #appShell,html[data-embedded=true] .mpl-layout,html[data-embedded=true] .mpl-content,html[data-embedded=true] #main,html[data-embedded=true] #workspace-main{min-height:0!important;height:auto!important;min-width:0;max-width:100%;background:#081727!important}
html[data-embedded=true] #workspace-main{margin:0 auto;padding:18px!important;width:100%}
html[data-embedded=true] .wrap{min-width:0;max-width:100%;background:transparent}
.card:not(.paper){overflow-x:auto}
.card:not(.paper),.panel,.page-head{background:#10283f!important;color:#e7eef7;border-color:#29445e}
.work-column,.work-trip,.plan-item,.margin-strip,.overview-kpi,.load-error{background:#10283f!important;color:#e7eef7;border-color:#29445e}
.work-column h2,.overview-kpi strong,small{color:#b6c8db}
.card h1,.card h2,.card h3,.card p,.card label,.field label{color:#dce7f2!important}
.table-wrap,.scroll{max-width:100%;min-width:0;overflow:auto}
.form-grid,.row,#commHost{min-width:0;max-width:100%}
input,textarea,select{min-width:0;max-width:100%;background:#0b2034!important;color:#e7eef7!important;border-color:#456079!important}
.notice,.health-note,.private-status{background:#142b45!important;color:#d7e4f0!important;border-color:#c6a465}
.error,#workspaceError{color:#ffb4ab!important}
#privateRegistryStatus{padding:10px 14px;margin:10px 0;border-left:3px solid #c6a465;background:#10283f;color:#dce7f2;font-size:13px}
#privateRegistryStatus[data-critical=true]{border-color:#ffb4ab;color:#ffcbc5}
body[data-mpl-surface=communication] #commHost{width:100%;margin:0}
body[data-mpl-surface=communication] header{background:#10283f;color:#e7eef7}
@media(max-width:680px){html[data-embedded=true] #workspace-main,html[data-embedded=true] #main{padding:12px!important}.form-grid,.row,#commHost .comm-layout{grid-template-columns:minmax(0,1fr)!important}}