:root{--green:#82a817;--green-dark:#6c8e10;--teal:#16866a;--teal-dark:#126d58;--sidebar:#17211f;--sidebar2:#202d2a;--bg:#f3f5f4;--card:#fff;--border:#dfe5e2;--text:#1e2b28;--muted:#74817d;--danger:#c94a4a;--warn:#bf7a0d;--ok:#168e62;--shadow:0 1px 2px rgba(21,36,31,.05),0 10px 28px rgba(22,43,36,.04)}
*{box-sizing:border-box}html,body{height:100%;margin:0;font-family:"Segoe UI",Inter,Arial,sans-serif;color:var(--text);background:var(--bg);font-size:13px}button,input,textarea{font:inherit}button{cursor:pointer}.hidden{display:none!important}
#app{height:100%;display:flex;overflow:hidden}.sidebar{width:226px;background:linear-gradient(180deg,var(--sidebar),#101716);color:#dce6e2;display:flex;flex-direction:column;padding:22px 14px 15px}.brand{display:flex;align-items:center;gap:11px;padding:0 9px 24px}.brand-mark{width:38px;height:38px;border-radius:10px;background:linear-gradient(145deg,#a1c92e,#668b0b);display:grid;place-items:center;color:#fff;font-size:20px;font-weight:800}.brand b{font-size:18px;color:#fff}.brand span{display:block;color:#8fa29b;font-size:11px;margin-top:1px}.sidebar nav{display:flex;flex-direction:column;gap:4px}.nav{appearance:none;border:0;background:transparent;color:#aebdb7;border-radius:8px;padding:11px 12px;display:flex;gap:11px;align-items:center;text-align:left;font-weight:600}.nav span{width:20px;text-align:center;font-size:15px}.nav em{font-style:normal;margin-left:auto;background:#2e3e39;padding:2px 7px;border-radius:12px;font-size:10px}.nav:hover{background:#22312e;color:#fff}.nav.active{background:#2d3b13;color:#e8f5bd}.nav.active em{background:#6f8e1a;color:#fff}.sidebar-bottom{margin-top:auto}.version{color:#697a74;font-size:10px;padding:12px 14px 0}
.main{flex:1;min-width:0;display:flex;flex-direction:column}.topbar{height:82px;background:#fff;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:13px 22px}.topbar h1{margin:0;font-size:20px;font-weight:700;color:#25332f}.topbar p{margin:3px 0 0;color:var(--muted);font-size:11px}.top-actions{display:flex;align-items:center;gap:8px}.pill{display:flex;align-items:center;gap:6px;border:1px solid var(--border);background:#f7f9f8;border-radius:18px;padding:7px 10px;color:#65736f;font-size:11px}.pill i{width:7px;height:7px;background:#b7c1bd;border-radius:50%}.pill.on i{background:#18a86e;box-shadow:0 0 0 3px #daf3e8}.btn{border:1px solid transparent;border-radius:7px;padding:8px 12px;font-weight:600;transition:.12s ease;background:#fff;color:#34433e}.btn:hover{transform:translateY(-1px)}.btn.primary{background:var(--teal);color:white;border-color:var(--teal)}.btn.primary:hover{background:var(--teal-dark)}.btn.primary.strong{padding:10px 16px}.btn.secondary{border-color:#ccd6d2;background:#fff}.btn.secondary:hover{background:#f4f7f6}.btn.danger-link{background:#fff5f5;color:#b33b3b;border-color:#f0cece}.page{display:none;flex:1;min-height:0;padding:14px}.page.active{display:block}.workspace{height:100%;display:grid;grid-template-columns:minmax(315px,.85fr) minmax(520px,1.32fr) minmax(420px,1.05fr);gap:12px}.panel{background:var(--card);border:1px solid var(--border);border-radius:9px;box-shadow:var(--shadow);min-width:0;min-height:0;overflow:hidden}.panel-head{height:62px;display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-bottom:1px solid #e8edeb}.panel-head h2{font-size:14px;margin:0 0 3px}.panel-head span,.panel-head p{color:var(--muted);font-size:10.5px;margin:0}.search{display:flex;align-items:center;gap:7px;border:1px solid #d7dfdc;background:#f9fbfa;border-radius:6px;padding:0 9px}.search input{border:0;outline:0;background:transparent;height:32px;min-width:100px}.search.large{margin:12px 0}.search.large input{width:100%;font-size:14px;height:38px}.table-wrap{height:calc(100% - 62px);overflow:auto}.data-table{width:100%;border-collapse:collapse;table-layout:fixed}.data-table th{position:sticky;top:0;z-index:1;background:#edf1ef;color:#5a6863;font-size:10px;text-transform:uppercase;letter-spacing:.03em;text-align:left;padding:10px 12px;border-bottom:1px solid #d9e0dd}.data-table td{padding:10px 12px;border-bottom:1px solid #edf0ef;vertical-align:middle;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.data-table tbody tr:hover{background:#f8faf9}.data-table tbody tr.selected{background:#edf6d9}.compact td{padding:9px 10px}.compact th:nth-child(1){width:96px}.compact th:nth-child(2){width:120px}.compact th:nth-child(4){width:93px}.status-chip{display:inline-flex;align-items:center;border-radius:12px;padding:4px 8px;font-size:10px;font-weight:700}.status-chip.success{background:#dff4e9;color:#14734f}.status-chip.warning{background:#fff0d2;color:#9a620b}.status-chip.error{background:#fbe2e2;color:#aa3434}.status-chip.muted{background:#e9edeb;color:#64706c}.order-ref{font-weight:700}.route{color:#4e5d58;font-size:11px}.date-small{font-variant-numeric:tabular-nums;color:#66746f}
.detail-panel{display:flex;flex-direction:column}.detail-head{height:auto;min-height:72px}.detail-head h2{font-size:17px;margin-top:5px}.detail-head p{max-width:480px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.icon-btn{border:1px solid #d4dcd9;background:#fff;border-radius:7px;width:34px;height:34px;color:#52615c}.detail-scroll{flex:1;min-height:0;overflow:auto;padding:10px 14px 15px}.section-title{font-size:11px;font-weight:800;color:#557067;text-transform:uppercase;letter-spacing:.06em;margin:14px 0 8px;padding-top:3px}.section-title:first-of-type{margin-top:3px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px 11px}.form-grid.four{grid-template-columns:1fr 1fr}.form-grid label{min-width:0}.form-grid label.wide{grid-column:1/-1}.form-grid label>span,.settings-section label:not(.toggle){display:block;font-size:10px;color:#6c7b76;margin:0 0 4px;font-weight:600}.form-grid input,.form-grid textarea,.settings-section input,.prompt-modal>input{width:100%;border:1px solid #d6dfdb;border-radius:5px;background:#fbfcfc;padding:7px 8px;outline:none;color:#26342f}.form-grid textarea{resize:vertical}.form-grid input:focus,.form-grid textarea:focus,.settings-section input:focus,.prompt-modal>input:focus{border-color:#87a82f;box-shadow:0 0 0 2px #eff5dd}.relation-field>div{display:flex;gap:5px}.mini{border:1px solid #cbd5d1;background:#fff;border-radius:5px;padding:6px 9px;color:#34554b;font-weight:600;white-space:nowrap}.mini:hover{background:#f1f5f3}.mini.ghost{color:#74817c}.relation-card{border:1px solid #dce4e1;border-radius:7px;padding:10px;background:#fbfcfc}.relation-card.good{border-left:4px solid #26a36f}.relation-card.warn{border-left:4px solid #d49b32}.relation-top{display:flex;justify-content:space-between;align-items:center;gap:8px}.relation-top b{font-size:12px}.relation-top>div:first-child{display:flex;align-items:center;gap:7px}.relation-state{font-size:9.5px;border-radius:9px;padding:2px 6px;background:#edf0ef;color:#6c7975}.source-name{font-weight:700;margin-top:7px}.address{color:#697772;font-size:10.5px;margin-top:2px}.matched{background:#eaf6f1;color:#23634e;border-radius:5px;padding:7px 8px;margin-top:8px;font-size:10.5px}.route-line{height:17px;display:grid;place-items:center}.route-line i{height:17px;width:1px;background:#cbd7d2}.confirm{display:flex;gap:8px;margin-top:12px;padding:10px;border-radius:6px;background:#fff1da;color:#7f5815;font-size:11px}.alert{padding:9px 10px;border-radius:6px;font-size:11px;margin-bottom:10px}.alert.warning{background:#fff1da;color:#7c5514;border:1px solid #eed7ad}.detail-actions{border-top:1px solid #e4e9e7;padding:10px 12px;display:flex;gap:7px;align-items:center}.detail-actions .strong{margin-left:auto}.preview-panel{display:flex;flex-direction:column}.preview-tools{display:flex;align-items:center;gap:3px}.preview-tools button{border:1px solid #d3dcd8;background:#fff;width:27px;height:27px;border-radius:5px;color:#54645f}.preview-tools span{font-size:10px;color:#66746f;padding:0 3px}.preview-stage{flex:1;min-height:0;overflow:auto;background:#dde2e0;display:flex;align-items:flex-start;justify-content:center;padding:16px}.preview-stage img{max-width:none;box-shadow:0 3px 16px rgba(0,0,0,.18);background:#fff}.preview-stage pre{width:100%;margin:0;background:#fff;padding:18px;white-space:pre-wrap;font-family:"Segoe UI",sans-serif;font-size:11px;line-height:1.5}.empty-state{align-self:center;text-align:center;color:#7f8c87}.empty-state div{font-size:42px;color:#a5b0ac}.empty-state b{display:block;color:#5c6964;margin:5px}.empty-state span{font-size:10px}.preview-tabs{height:39px;border-top:1px solid #dfe5e2;background:#f7f9f8;display:flex}.preview-tabs button{border:0;background:transparent;padding:0 15px;color:#697772;font-size:10px;font-weight:700}.preview-tabs button.active{color:#617d13;border-top:2px solid #83a718;background:#fff}
.full-panel{height:100%}.full-panel .table-wrap{height:calc(100% - 62px)}.inbox-actions{display:flex;gap:6px}.checkcol{width:42px}.mail-check{accent-color:#789e16;width:16px;height:16px}.processed-open{color:#16866a;background:#e7f4ef;border:0;border-radius:5px;padding:5px 8px}.today-list{padding:14px;overflow:auto;height:calc(100% - 62px)}.today-row{display:grid;grid-template-columns:150px 90px 1fr 160px;align-items:center;gap:12px;border-left:6px solid var(--row-color);background:#fff;border-bottom:1px solid #edf0ef;padding:9px 12px}.today-row .customer{font-weight:800}.today-row .ref{font-weight:700}.today-row .route{font-size:12px}
.modal-backdrop{position:fixed;inset:0;background:rgba(14,24,21,.48);z-index:100;display:flex;align-items:center;justify-content:center;padding:30px}.modal{background:#fff;border-radius:10px;box-shadow:0 25px 70px rgba(0,0,0,.25);max-height:86%;overflow:auto}.relation-modal{width:min(720px,90%);padding:18px}.settings-modal{width:min(930px,94%);padding:18px}.prompt-modal{width:430px;padding:18px}.modal-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.modal-head h3{margin:0;font-size:18px}.modal-head p{margin:4px 0 0;color:#798681;font-size:11px}.close-modal{border:0;background:#f0f3f2;border-radius:50%;font-size:20px;width:30px;height:30px;color:#5d6a66}.relation-results{border:1px solid #e0e6e4;border-radius:7px;max-height:430px;overflow:auto}.relation-result{padding:10px 12px;border-bottom:1px solid #edf0ef;display:flex;justify-content:space-between;gap:12px;cursor:pointer}.relation-result:hover{background:#f2f7e7}.relation-result b{display:block}.relation-result span{color:#72807b;font-size:10.5px}.relation-result button{align-self:center}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:15px}.settings-section{border:1px solid #e0e6e4;border-radius:8px;padding:13px}.settings-section:last-child{grid-column:1/-1}.settings-section h4{margin:0 0 11px;font-size:12px}.settings-section label:not(.toggle){margin-bottom:9px}.settings-section .two{display:grid;grid-template-columns:1fr 1fr;gap:8px}.settings-section .row{display:flex;gap:7px;margin-top:9px}.toggle{display:flex;align-items:center;gap:8px;margin-bottom:10px}.modal-actions{display:flex;justify-content:flex-end;gap:7px;margin-top:16px}.prompt-modal>input{margin-top:15px;padding:10px}.toast-stack{position:fixed;right:18px;bottom:18px;z-index:200;display:flex;flex-direction:column;gap:8px}.toast{min-width:280px;max-width:430px;background:#1b2925;color:#fff;padding:11px 13px;border-radius:7px;box-shadow:0 12px 32px rgba(0,0,0,.18);animation:toastin .2s ease}.toast.error{background:#9d3e3e}.toast.warn{background:#8c651e}@keyframes toastin{from{transform:translateY(8px);opacity:0}}
@media(max-width:1450px){.workspace{grid-template-columns:300px minmax(480px,1.2fr) minmax(380px,.9fr)}.sidebar{width:202px}}@media(max-width:1200px){.sidebar{width:184px}.brand span{display:none}.workspace{grid-template-columns:285px 1fr}.preview-panel{display:none}.settings-grid{grid-template-columns:1fr}.settings-section:last-child{grid-column:auto}}
.relation-edit-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px 9px;margin-top:9px}.relation-edit-grid .span2{grid-column:1/-1}.relation-edit-grid label>span{display:block;font-size:9.5px;color:#77847f;margin-bottom:3px;font-weight:600}.relation-edit-grid input{width:100%;border:1px solid #d8e0dd;border-radius:5px;background:#fff;padding:6px 7px;outline:none;font-size:11px}.relation-edit-grid input:focus{border-color:#87a82f;box-shadow:0 0 0 2px #eff5dd}

/* v3.1: ready-order selectie en batch export */
.order-batchbar{height:48px;display:flex;align-items:center;gap:7px;padding:7px 10px;border-bottom:1px solid #e7ecea;background:#fafcfb}.order-batchbar>span{margin-left:auto;color:#687670;font-size:10.5px}.order-batchbar .btn:last-child{margin-left:2px}.btn.small{padding:6px 9px;font-size:10.5px}.order-table-wrap{height:calc(100% - 110px)}.order-check-col{width:38px!important}.order-check{width:16px;height:16px;accent-color:#16866a;cursor:pointer}.order-check:disabled{cursor:not-allowed;opacity:.28}.compact th:nth-child(1){width:38px}.compact th:nth-child(2){width:96px}.compact th:nth-child(3){width:120px}.compact th:nth-child(5){width:93px}.order-ready-row{background:#fbfefc}.order-ready-row:hover{background:#f0f9f4!important}.auto-sync-note{color:#18805f}

/* v3.2 automatische verwerking */
.auto-export-bar{justify-content:flex-start;background:#f0f8f4;color:#315f4f}.auto-export-bar>span:not(.auto-dot){margin-left:0!important}.auto-dot{width:9px;height:9px;border-radius:50%;background:#18a86e;box-shadow:0 0 0 4px #d9f1e7;flex:0 0 auto}.auto-export-bar b{font-size:11px;color:#166a4d}.auto-export-bar span{font-size:10.5px;color:#657d74}.history-actions{display:flex;gap:7px;align-items:center}.daily-file-note{display:block!important;margin-top:3px;color:#6b7d76!important}.order-check-col,.order-check{display:none!important}.compact th:nth-child(1),.compact td:nth-child(1){display:none}.order-table-wrap{height:calc(100% - 110px)}

.issue-text{font-size:9.5px;line-height:1.25;color:#9a5a57;margin-top:5px;max-width:120px;white-space:normal}.order-ready-row .issue-text{display:none}

/* v3.6.12: afzonderlijk verzenden vanuit Verwerkt */
.history-page-grid{height:100%;display:grid;grid-template-rows:minmax(300px,1.12fr) minmax(230px,.88fr);gap:12px}.history-page-grid .panel{min-height:0}.history-ready-panel .table-wrap,.history-sent-panel .table-wrap{height:calc(100% - 62px)}.history-check-col{width:42px}.processed-check{width:16px;height:16px;accent-color:#16866a;cursor:pointer}.selection-note{font-size:10.5px;color:#65736f;white-space:nowrap}.history-table th:last-child{width:92px}.history-table td:first-child,.history-table th:first-child{padding-left:12px}.history-sent-panel{border-top:3px solid #16866a}.history-sent-panel .panel-head{height:58px}.history-sent-panel .table-wrap{height:calc(100% - 58px)}

/* v3.6.18 - handmatige prijs + bronbestand in Verwerkt */
.price-entry{display:flex;align-items:center;gap:5px;min-width:285px}
.manual-price-input{width:125px;min-width:105px;padding:6px 7px;border:1px solid #ced8d4;border-radius:5px;font:inherit;background:#fff}
.manual-price-save,.price-file-btn,.source-open{white-space:nowrap}

/* v3.6.33 — FiLogic-geïnspireerde interface */
:root{
  --fl-blue:#0d63d6;
  --fl-blue-dark:#0d2a4a;
  --fl-navy:#102a47;
  --fl-bg:#f4f7fb;
  --fl-card:#ffffff;
  --fl-border:#dbe4ef;
  --fl-text:#18314f;
  --fl-muted:#73849a;
  --fl-green:#0fa66f;
  --fl-red:#f24f5d;
  --fl-orange:#ff8a2a;
  --fl-purple:#7357df;
}
.plan-relation-choice{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.plan-relation-choice .btn{white-space:nowrap}.plan-relation-choice input[readonly]{background:#f7fafc;color:#173d63;cursor:pointer}
.plan-assignment-actions{display:flex!important;flex-wrap:wrap!important;justify-content:flex-end!important;gap:9px!important}.plan-assignment-actions .plan-remove-action{margin-right:auto;max-width:260px}.plan-card-note-inline{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

html,body{background:var(--fl-bg);color:var(--fl-text);font-size:13px}
#app{background:var(--fl-bg)}
.sidebar{width:222px;background:linear-gradient(180deg,#112b49 0%,#0d223a 100%);padding:0 10px 16px;box-shadow:3px 0 14px rgba(16,42,71,.12)}
.brand{height:64px;padding:0 14px;border-bottom:1px solid rgba(255,255,255,.09);gap:10px}
.brand-word{font-size:26px;font-weight:900;letter-spacing:1px;color:#fff;line-height:1}
.brand-copy b{display:block;color:#fff;font-size:11px;letter-spacing:.04em}.brand-copy span{display:block;color:#4da0ff;font-size:10px;margin-top:3px}
.sidebar nav{padding-top:14px;gap:5px}.nav{min-height:42px;padding:10px 12px;border-radius:7px;color:#d6e3f2;font-weight:600;gap:11px}.nav span{font-size:17px;color:#dce9f7}.nav em{background:rgba(255,255,255,.12);color:#d9e7f6;min-width:24px;text-align:center}
.nav:hover{background:rgba(255,255,255,.08)}.nav.active{background:linear-gradient(90deg,#0d61d2,#1457ad);color:#fff;box-shadow:0 5px 16px rgba(0,65,150,.22)}.nav.active em{background:rgba(255,255,255,.19)}
.sidebar-bottom{border-top:1px solid rgba(255,255,255,.08);padding-top:8px}.version{color:#8aa4bf;padding-left:13px}
.main{background:var(--fl-bg)}
.topbar{height:64px;padding:8px 18px;background:#fff;border-bottom:1px solid var(--fl-border);gap:16px;box-shadow:0 1px 4px rgba(25,53,82,.03)}
.global-search{width:min(560px,38vw);height:40px;border:1px solid #dce5ef;border-radius:7px;background:#f5f8fc;display:flex;align-items:center;padding:0 12px;gap:8px;color:#7f94ab;flex:0 1 560px}
.global-search span{font-size:21px;line-height:1}.global-search input{width:100%;border:0;background:transparent;outline:none;color:#253e5c}.global-search input::placeholder{color:#91a1b4}
.top-context{min-width:0;flex:1;display:flex;align-items:center;justify-content:flex-end;gap:14px}.context-title{margin-right:auto;min-width:150px}.topbar h1{font-size:14px;color:#18314f}.topbar p{font-size:10px;color:#7c8da2}
.top-actions{gap:7px}.pill{background:#f4f7fb;border-color:#dbe4ef;color:#6f8198;height:36px}.btn{border-radius:6px}.btn.primary{background:var(--fl-blue);border-color:var(--fl-blue)}.btn.primary:hover{background:#0b56bb}.btn.secondary{border-color:#d9e3ee;color:#284563;background:#fff}.btn.secondary:hover{background:#f5f8fc}.btn.danger-link{border-color:#f0d4d8;background:#fff9fa;color:#c04655}
.user-chip{display:flex;align-items:center;gap:8px;margin-left:5px;padding-left:7px;color:#27425f;white-space:nowrap}.user-chip>span{width:34px;height:34px;border-radius:50%;background:#e4ebf4;display:grid;place-items:center;font-size:11px;font-weight:700}.user-chip>i{font-style:normal;color:#6e8197}.user-chip>b{font-size:12px}
.page{padding:12px 14px}.panel{border:1px solid var(--fl-border);border-radius:7px;box-shadow:0 1px 3px rgba(25,50,77,.05);background:#fff}.panel-head{border-bottom-color:#e5ebf2}.panel-head h2{color:#19334f;font-size:13px}.panel-head span,.panel-head p{color:#7a8ba0}
#page-orders.page.active{display:flex;flex-direction:column;gap:12px;min-height:0}.dashboard-strip{display:grid;grid-template-columns:repeat(5,minmax(145px,1fr)) minmax(185px,1.08fr);gap:10px;flex:0 0 auto}.metric-card{height:82px;background:#fff;border:1px solid var(--fl-border);border-radius:7px;display:flex;align-items:center;gap:12px;padding:12px 14px;box-shadow:0 1px 3px rgba(25,50,77,.04);min-width:0}.metric-icon{width:42px;height:42px;border-radius:8px;display:grid;place-items:center;font-size:20px;font-weight:800;color:#fff;flex:0 0 42px}.metric-card>div:last-child{min-width:0}.metric-card span{display:block;color:#304967;font-size:11px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.metric-card strong{display:block;color:#152f4d;font-size:23px;line-height:1.05;margin-top:2px}.metric-card small{display:block;color:#8192a6;font-size:9.5px;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.metric-blue .metric-icon{background:var(--fl-blue)}.metric-red .metric-icon{background:var(--fl-red)}.metric-orange .metric-icon{background:var(--fl-orange)}.metric-green .metric-icon{background:var(--fl-green)}.metric-purple .metric-icon{background:var(--fl-purple)}.date-card .metric-icon{background:#eaf0f7;color:#254d77}.date-card strong{font-size:16px;margin-top:4px}.date-card span{text-transform:capitalize}
#page-orders .workspace{height:auto;flex:1;min-height:0;grid-template-columns:minmax(300px,.82fr) minmax(560px,1.38fr) minmax(390px,1fr);gap:10px}.order-list-panel,.detail-panel,.preview-panel{border-radius:7px}
.order-head{height:60px}.search{border-color:#dbe4ee;background:#f7f9fc;border-radius:6px}.search input{color:#28435f}.search input::placeholder{color:#91a0b1}
.auto-export-bar{height:45px;background:#f4faf7;border-bottom-color:#e2eee8;color:#375a4d}.auto-dot{background:var(--fl-green);box-shadow:0 0 0 3px #d9f4e8}.auto-export-bar b{color:#15734f}.order-table-wrap{height:calc(100% - 105px)}
.data-table th{background:#f2f5f9;color:#60738a;border-bottom-color:#dfe7f0}.data-table td{border-bottom-color:#ebf0f5;color:#2a425e}.data-table tbody tr:hover{background:#f7faff}.data-table tbody tr.selected{background:#eef5ff;box-shadow:inset 3px 0 0 var(--fl-blue)}.order-ready-row{background:#f8fdfb}.order-ready-row:hover{background:#f1faf6!important}.order-ref{color:#193553}.route{color:#647a91}.date-small{color:#647a91}
.status-chip{border-radius:12px;padding:4px 8px}.status-chip.success{background:#e0f5eb;color:#08754b}.status-chip.warning{background:#fff0dc;color:#a45e04}.status-chip.error{background:#fde6e8;color:#b63b4a}.status-chip.muted{background:#edf1f6;color:#6c7f95}
.step-ribbon{height:47px;border-bottom:1px solid #e3eaf2;display:flex;align-items:center;justify-content:center;gap:18px;background:#fff;padding:0 12px;flex:0 0 auto}.step-ribbon span{display:flex;align-items:center;gap:6px;color:#8191a5;font-size:10.5px;white-space:nowrap}.step-ribbon b{width:21px;height:21px;border-radius:50%;border:1px solid #ced9e5;display:grid;place-items:center;font-size:9px;color:#637890;background:#fff}.step-ribbon span.active{color:var(--fl-blue);font-weight:700}.step-ribbon span.active b{background:var(--fl-blue);color:#fff;border-color:var(--fl-blue)}
.detail-head{min-height:65px;background:#fbfcfe}.detail-head h2{color:#17314e;font-size:16px}.detail-scroll{background:#f7f9fc;padding:10px}.section-title{color:#173a5e;font-size:10px;margin:8px 0 6px;letter-spacing:.04em}.detail-scroll>.form-grid{background:#fff;border:1px solid #e0e8f1;border-radius:7px;padding:12px;margin-bottom:10px}.form-grid label>span,.settings-section label:not(.toggle){color:#60758d}.form-grid input,.form-grid textarea,.settings-section input,.prompt-modal>input{border-color:#d5e0eb;background:#fff;border-radius:5px;color:#243e5b}.form-grid input:focus,.form-grid textarea:focus,.settings-section input:focus,.prompt-modal>input:focus{border-color:#5e9df0;box-shadow:0 0 0 2px #e7f1ff}.relation-card{background:#fff;border-color:#dfe8f1}.relation-card.good{border-left-color:var(--fl-green)}.relation-card.warn{border-left-color:var(--fl-orange)}.relation-state{background:#eef3f8;color:#6a7f96}.mini{border-color:#d2deea;color:#2c5278;background:#fff}.mini:hover{background:#f3f7fb}.matched{background:#edf8f4;color:#1f6a50}.relation-edit-grid input{border-color:#d8e2ec}.relation-edit-grid input:focus{border-color:#5e9df0;box-shadow:0 0 0 2px #e7f1ff}.detail-actions{background:#fff;border-top-color:#e2e9f1}
.preview-panel .panel-head{background:#fbfcfe}.preview-stage{background:#e9eef3;padding:14px}.preview-tabs{background:#f7f9fc;border-top-color:#dbe4ed}.preview-tabs button{color:#6f8298}.preview-tabs button.active{color:var(--fl-blue);border-top-color:var(--fl-blue)}
.full-panel{border-radius:7px}.history-sent-panel{border-top-color:var(--fl-green)}.processed-open{color:#0a66c2;background:#eef5fd}.processed-check,.mail-check{accent-color:var(--fl-blue)}
.today-row{border-left-width:4px}.today-row .customer{color:#173452}
.modal-backdrop{background:rgba(13,35,59,.46)}.modal{border-radius:8px}.relation-result:hover{background:#f0f6fd}.toast{background:#17314e}.toast.error{background:#a83e4d}.toast.warn{background:#9a6819}
@media(max-width:1500px){.dashboard-strip{grid-template-columns:repeat(3,1fr)}#page-orders .workspace{grid-template-columns:300px minmax(500px,1.25fr) minmax(360px,.9fr)}.sidebar{width:205px}.context-title{display:none}}
@media(max-width:1220px){.dashboard-strip{grid-template-columns:repeat(3,1fr)}#page-orders .workspace{grid-template-columns:285px 1fr}.preview-panel{display:none}.sidebar{width:185px}.brand-copy{display:none}.global-search{width:42vw}.user-chip b,.user-chip i{display:none}}

/* v3.6.35 */
.processed-relations>div>span{display:flex;flex-direction:column;gap:1px;font-size:10px;font-weight:700;color:#365271;margin-bottom:4px}.processed-relations>div>span small{font-size:10px;font-weight:600;color:#71859a}.price-entry{display:flex;align-items:center;gap:6px;min-width:0}.price-entry input{width:140px;max-width:100%;border:1px solid #d5e0eb;border-radius:5px;background:#fff;padding:6px 8px;color:#243e5b}.price-entry input:focus{outline:none;border-color:#5e9df0;box-shadow:0 0 0 2px #e7f1ff}.history-table th:nth-child(7),.history-table td:nth-child(7){min-width:180px}.history-table th:nth-child(8),.history-table td:nth-child(8){min-width:108px}


/* v3.6.36 — compacte FiLogic-klaar/verstuurd werktafel */
.history-page-grid{grid-template-rows:minmax(360px,1.18fr) minmax(245px,.82fr);gap:10px}
.history-ready-panel .panel-head,.history-sent-panel .panel-head{min-height:62px;height:auto;padding:10px 14px}
.history-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap;justify-content:flex-end}
.history-ready-panel .table-wrap,.history-sent-panel .table-wrap{height:calc(100% - 64px)}
.history-table{table-layout:fixed;min-width:1260px}
.ready-table th:nth-child(1){width:42px}.ready-table th:nth-child(2){width:205px}.ready-table th:nth-child(3){width:170px}.ready-table th:nth-child(4),.ready-table th:nth-child(5){width:270px}.ready-table th:nth-child(6){width:190px}.ready-table th:nth-child(7){width:155px}
.sent-table th:nth-child(1){width:220px}.sent-table th:nth-child(2){width:175px}.sent-table th:nth-child(3),.sent-table th:nth-child(4){width:285px}.sent-table th:nth-child(5){width:170px}.sent-table th:nth-child(6){width:160px}
.history-table td{white-space:normal;overflow:visible;text-overflow:clip;padding:9px 10px;height:72px}
.history-table th{padding:9px 10px}
.history-table tbody tr{transition:background .1s ease}
.history-table tbody tr:hover{background:#f7faff}
.history-table tbody tr.history-missing-price{box-shadow:inset 3px 0 0 #f0a12f}
.history-order{display:flex;flex-direction:column;min-width:0;gap:3px}.history-order>b{font-size:12.5px;color:#12385f;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.history-stamp{font-size:9.5px;color:#7c8ea2;white-space:nowrap}.history-subject{font-size:10px;color:#657a91;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;max-width:100%}.history-customer{display:block;color:#294766;font-size:11.5px;line-height:1.3;white-space:normal}
.history-relation{display:grid;grid-template-columns:78px minmax(0,1fr);gap:8px;align-items:start}.history-date{display:inline-flex;justify-content:center;align-items:center;min-height:24px;border-radius:5px;background:#edf4fd;color:#225a91;font-size:10px;font-weight:700;font-variant-numeric:tabular-nums;padding:4px 5px;white-space:nowrap}.history-date.missing{background:#fff3df;color:#9c6817}.relation-summary{min-width:0}.relation-summary b{display:block;color:#173a5f;font-size:11px;line-height:1.25;white-space:normal}.relation-summary b em{font-style:normal;font-size:8.5px;color:#08754b;background:#e2f6ec;border-radius:4px;padding:2px 4px;margin-right:3px}.relation-summary span{display:block;color:#74869b;font-size:9.5px;line-height:1.3;margin-top:2px;white-space:normal}
.price-value{display:inline-block;background:#e9f6ef;color:#126f50;border:1px solid #cdebdc;border-radius:6px;padding:6px 8px;font-weight:800;white-space:normal;line-height:1.2}.price-empty{color:#8796a7}.price-entry{display:grid;grid-template-columns:minmax(92px,1fr) auto;gap:5px;align-items:center;min-width:0}.price-entry input{width:100%;min-width:0;padding:7px 8px}.price-entry .mini{padding:7px 8px}
.history-row-actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.history-row-actions .mini,.history-row-actions .processed-open{min-width:66px;text-align:center;padding:6px 8px}.history-source{color:#285d8d}.source-missing{font-size:9.5px;color:#9a6870;white-space:normal;line-height:1.2}.history-empty{padding:44px!important;text-align:center;color:#82908c!important;height:auto!important}
.selection-note{font-weight:600}.daily-file-note{display:block;margin-top:2px;max-width:440px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#sendToFilogicBtn{min-width:138px}
@media(max-width:1500px){.history-table{min-width:1220px}.history-ready-panel .panel-head,.history-sent-panel .panel-head{align-items:flex-start}.daily-file-note{max-width:300px}}


/* v3.6.40 — ritafstand en rendement */
.ready-table{min-width:1430px}.sent-table{min-width:1360px}
.ready-table th:nth-child(1){width:42px}.ready-table th:nth-child(2){width:195px}.ready-table th:nth-child(3){width:155px}.ready-table th:nth-child(4),.ready-table th:nth-child(5){width:245px}.ready-table th:nth-child(6){width:165px}.ready-table th:nth-child(7){width:175px}.ready-table th:nth-child(8){width:145px}
.sent-table th:nth-child(1){width:205px}.sent-table th:nth-child(2){width:160px}.sent-table th:nth-child(3),.sent-table th:nth-child(4){width:255px}.sent-table th:nth-child(5){width:155px}.sent-table th:nth-child(6){width:175px}.sent-table th:nth-child(7){width:145px}
.profit-box{position:relative;display:flex;flex-direction:column;gap:3px;border-radius:7px;padding:7px 28px 7px 9px;border:1px solid;min-width:132px}.profit-box b{font-size:13px;line-height:1.1}.profit-box span{font-size:9.5px;white-space:nowrap}.profit-box.green{background:#e8f7ef;border-color:#bfe7d1;color:#08754b}.profit-box.orange{background:#fff2dd;border-color:#f0d2a4;color:#9b620e}.profit-box.red{background:#fde9eb;border-color:#efc2c7;color:#b13b48}.profit-recalc{position:absolute;right:5px;top:5px;border:0;background:transparent;color:inherit;font-size:15px;cursor:pointer;padding:2px 4px;border-radius:4px}.profit-recalc:hover{background:rgba(255,255,255,.65)}.profit-empty{font-size:10px;color:#8392a3}.route-calc-btn{min-width:76px}


/* v3.6.73 — robuuste browser-native orderupload / drag & drop */
.upload-modal{width:min(620px,92vw)}
.order-drop-zone{margin:14px 16px 8px;border:2px dashed #a8bfd8;border-radius:10px;background:#f7fbff;min-height:210px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:#385774;cursor:pointer;transition:.15s ease;padding:24px;text-align:center;outline:none}
.order-drop-zone:hover,.order-drop-zone:focus,.order-drop-zone.dragover{border-color:var(--fl-blue);background:#edf6ff;box-shadow:0 0 0 3px #e2efff}
.order-drop-zone .drop-icon{width:50px;height:50px;border-radius:50%;display:grid;place-items:center;background:#e7f1ff;color:var(--fl-blue);font-size:27px;font-weight:800}
.order-drop-zone b{font-size:17px;color:#173a5f}.order-drop-zone span{font-size:12px}.order-drop-zone small{font-size:10px;color:#7a8da1;margin-top:4px}
.upload-status{min-height:32px;margin:0 16px 4px;padding:7px 10px;font-size:11px;color:#60758d;border-radius:6px}.upload-status.busy{background:#eef5fd;color:#225a91}.upload-status.ok{background:#e9f7ef;color:#08754b}.upload-status.error{background:#fde9eb;color:#b13b48}
body.file-dragging::after{content:'Laat los om opgeslagen orderbestand in te lezen';position:fixed;inset:14px;z-index:5000;border:3px dashed #0a66c2;border-radius:16px;background:rgba(236,246,255,.94);display:grid;place-items:center;color:#0a66c2;font-size:26px;font-weight:800;pointer-events:none}


/* v3.6.80 — detailpaneel moet altijd rechtstreeks bedienbaar blijven. */
#page-orders .detail-panel{position:relative;z-index:5;pointer-events:auto!important}
#page-orders .detail-scroll,#page-orders .detail-actions{position:relative;z-index:6;pointer-events:auto!important}
#page-orders .detail-panel input:not([readonly]),#page-orders .detail-panel textarea,#page-orders .detail-panel button{pointer-events:auto!important}
#page-orders .detail-panel input:not([readonly]),#page-orders .detail-panel textarea{user-select:text;-webkit-user-select:text;background:#fff}

/* v3.6.89: vier instellingenblokken vormen twee nette kolommen. */
.settings-grid .settings-section:last-child{grid-column:auto}

/* v3.7.16: meldt veilig en zonder blokkade dat FiLogic een lange opmerking inkort. */
.field-note{display:block;margin-top:5px;color:#7b5d22;font-size:10px;line-height:1.35}

/* v3.8.0 — centrale login, persoonlijke claims en conflictaanduiding */
.app-locked{display:none!important}
.auth-gate{position:fixed;inset:0;z-index:10000;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 20% 15%,#25547f 0,#102d4a 38%,#0a1f35 100%)}
.auth-gate.hidden{display:none}.auth-card{width:min(760px,94vw);max-height:92vh;overflow:auto;background:#fff;border-radius:14px;padding:30px;box-shadow:0 24px 70px #06142199;color:#18314f}.auth-card.hidden{display:none}.auth-card h1{margin:8px 0 5px;font-size:24px}.auth-card>p{margin:0 0 20px;color:#6d8096}.auth-brand{display:grid;place-items:center;width:62px;height:62px;border-radius:14px;background:#0d63d6;color:#fff;font-size:25px;font-weight:900;letter-spacing:1px}.auth-card form>label,.auth-card fieldset label{display:block;margin:12px 0;color:#50677f;font-weight:700;font-size:12px}.auth-card input{display:block;width:100%;margin-top:5px;padding:11px;border:1px solid #ccd9e7;border-radius:7px;font:inherit}.auth-card form>.btn{width:100%;margin-top:12px;padding:12px}.auth-users{display:grid;grid-template-columns:1fr 1fr;gap:16px}.auth-users fieldset{border:1px solid #dbe5ef;border-radius:9px;padding:12px 16px}.auth-users legend{padding:0 7px;color:#234a73;font-weight:800}.auth-error{min-height:20px;color:#b33243;font-weight:700}.auth-card small{display:block;color:#6f8296;margin-top:10px}
.user-chip{border:0;background:transparent;cursor:pointer;font:inherit}.user-chip:hover{background:#f0f5fb;border-radius:7px}.user-chip i{font-size:9px}
.claim-banner{flex:0 0 auto;padding:9px 14px;border-bottom:1px solid #d6e2ef;background:#e9f6ef;color:#126f50;font-size:11px;font-weight:700}.claim-banner.locked{background:#fff0dc;color:#9a5a08}.claim-banner.hidden{display:none}.data-table tbody tr.claimed-other{box-shadow:inset 3px 0 0 #ff9d35;background:#fffaf3}.claim-owner{display:block;margin-top:4px;color:#9a5a08;font-size:9.5px;font-weight:700}.detail-panel.detail-locked .detail-scroll{opacity:.76}.detail-panel.detail-locked input,.detail-panel.detail-locked textarea{background:#f0f3f6!important}.detail-panel.detail-locked [data-relation],.detail-panel.detail-locked [data-manual-address]{pointer-events:none;opacity:.45}
@media(max-width:760px){.auth-users{grid-template-columns:1fr}.auth-card{padding:22px}}

/* v3.9.0 — charterkoppeling voor externe vervoerders */
.ready-table,.sent-table{min-width:1510px}.ready-table th:nth-child(8),.sent-table th:nth-child(8){width:225px}
.history-row-actions .charter-btn{color:#0b6b55;border-color:#b9e1d4;background:#eef9f5;min-width:92px}.history-row-actions .charter-btn.active{background:#dff5ec;color:#08734f}.history-row-actions .charter-btn.done{background:#e7f0ff;color:#215eac}.history-row-actions .charter-btn.warn{background:#fff1db;color:#9a5d0b}.history-row-actions .charter-btn.muted{background:#f0f2f5;color:#6d7c8d}
.charter-modal{width:min(820px,94vw);max-height:92vh;display:flex;flex-direction:column}.charter-modal>.modal-head,.charter-modal>.modal-actions{flex:0 0 auto}.charter-content{padding:15px 18px;overflow:auto}.charter-loading{padding:70px 22px;text-align:center;color:#6f8296}.charter-warning{padding:10px 12px;border-radius:7px;background:#fff0d9;color:#8c5709;font-size:11px;line-height:1.45;margin-bottom:12px;border:1px solid #efd2a6}.charter-warning.ok{background:#eaf7f1;color:#0c6f4d;border-color:#c4e8d9}
.charter-route-summary{display:grid;grid-template-columns:1fr 34px 1fr;align-items:center;border:1px solid #dfe7ef;border-radius:8px;background:#f7f9fc;padding:12px;gap:10px}.charter-route-summary>div{min-width:0}.charter-route-summary>i{font-style:normal;text-align:center;color:#0d63d6;font-size:21px}.charter-route-summary span{display:block;text-transform:uppercase;font-size:9px;font-weight:800;letter-spacing:.06em;color:#73849a}.charter-route-summary b{display:block;margin-top:3px;color:#183a5c}.charter-route-summary small{display:block;color:#6d8095;margin-top:3px;line-height:1.35}
.charter-form-grid{display:grid;grid-template-columns:1fr 170px;gap:10px;margin-top:12px}.charter-form-grid label{display:flex;flex-direction:column;gap:5px;color:#60758d;font-size:11px;font-weight:700}.charter-form-grid label.wide{grid-column:1/-1}.charter-form-grid input,.charter-form-grid select,.charter-form-grid textarea{font:inherit;color:#243e5b;background:#fff;border:1px solid #d5e0eb;border-radius:6px;padding:9px;resize:vertical}.charter-form-grid input:focus,.charter-form-grid select:focus,.charter-form-grid textarea:focus{outline:none;border-color:#5e9df0;box-shadow:0 0 0 2px #e7f1ff}
.charter-link-box{margin-top:12px;padding:12px;border:1px solid #a9d7c7;border-radius:8px;background:#effaf6}.charter-link-box>b{display:block;color:#116b4f;margin-bottom:7px}.charter-link-box>div{display:grid;grid-template-columns:1fr auto;gap:7px}.charter-link-box input{min-width:0;border:1px solid #bdd8ce;border-radius:6px;padding:9px;font:inherit;color:#244a3e;background:#fff}.charter-link-box small{display:block;color:#54756a;font-size:10px;line-height:1.4;margin-top:7px}
.charter-status-box{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px}.charter-status-box>div{padding:10px;border:1px solid #e0e8f0;border-radius:7px}.charter-status-box span{display:block;color:#7c8da0;font-size:9px;text-transform:uppercase;font-weight:800}.charter-status-box b{display:block;color:#25435f;font-size:11px;margin-top:4px}.charter-documents{margin-top:14px}.charter-documents h4{margin:0 0 7px;color:#24425f}.charter-documents>div>p{color:#7b8da1;font-size:11px}.charter-document{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:9px 10px;border-top:1px solid #e5ebf2}.charter-document:first-child{border-top:0}.charter-document>div:first-child{min-width:0}.charter-document a{color:#155fae;text-decoration:none}.charter-document a b{display:block;max-width:360px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.charter-document span{display:block;color:#75879a;font-size:10px;margin-top:2px}.charter-document>div:last-child{display:flex;align-items:center;gap:5px}.doc-review{font-style:normal;font-size:9px;font-weight:800;text-transform:uppercase;color:#8a6a2b}.doc-review.goedgekeurd{color:#08734f}.doc-review.afgekeurd{color:#b13b48}.charter-review.reject{color:#b13b48}.modal-spacer{flex:1}
@media(max-width:680px){.charter-form-grid{grid-template-columns:1fr}.charter-form-grid label.wide{grid-column:auto}.charter-status-box{grid-template-columns:1fr}.charter-route-summary{grid-template-columns:1fr}.charter-route-summary>i{transform:rotate(90deg)}.charter-document{align-items:flex-start;flex-direction:column}.charter-document>div:last-child{width:100%;flex-wrap:wrap}}

/* v3.10.1 — centrale inbox voor documenten van externe charters */
.charter-inbox-panel{min-height:calc(100vh - 104px)}.charter-inbox-head{align-items:flex-start}.charter-inbox-counts{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.charter-inbox-counts span{display:flex;align-items:center;gap:5px;background:#f1f5f9;border:1px solid #dce5ef;border-radius:99px;padding:6px 10px;color:#60758d;font-size:10px;font-weight:700}.charter-inbox-counts b{color:#173d63;font-size:12px}.charter-inbox-tools{display:flex;align-items:center;gap:10px;padding:12px 16px;border-bottom:1px solid #e3e9ef;background:#fafcfe}.charter-filter-group{display:flex;gap:6px;flex-wrap:wrap}.charter-filter-group .btn{padding:7px 10px;min-height:34px}.charter-doc-search{margin-left:auto;width:min(360px,34vw)}.charter-document-table{min-width:1180px}.charter-document-table th:nth-child(1){width:120px}.charter-document-table th:nth-child(2){width:145px}.charter-document-table th:nth-child(3){width:290px}.charter-document-table th:nth-child(4){width:175px}.charter-document-table th:nth-child(5){width:250px}.charter-document-table th:nth-child(6){width:225px}.charter-doc-status{display:inline-flex;border-radius:99px;padding:5px 8px;font-size:9px;font-weight:800;text-transform:uppercase;background:#fff3dc;color:#96600e}.charter-doc-status.goedgekeurd{background:#e7f6ee;color:#0a7450}.charter-doc-status.afgekeurd{background:#fde9eb;color:#b13b48}.charter-inbox-route b,.charter-inbox-file b{display:block;color:#173d63}.charter-inbox-route span,.charter-inbox-file span,.charter-inbox-charter span{display:block;color:#71849a;font-size:10px;line-height:1.35;margin-top:3px}.charter-inbox-actions{display:flex;gap:5px;flex-wrap:wrap}.charter-inbox-actions .approve{color:#08734f;border-color:#b9e1d4;background:#eef9f5}.charter-inbox-actions .reject{color:#b13b48;border-color:#edc1c7;background:#fff1f2}.charter-inbox-actions .trip{color:#215eac;border-color:#c2d6ee;background:#edf5ff}.nav[data-page="charter-documents"] em:not(:empty){background:#d56a19;color:#fff}
@media(max-width:900px){.charter-inbox-tools{align-items:stretch;flex-direction:column}.charter-doc-search{margin-left:0;width:100%}.charter-inbox-counts{justify-content:flex-start}}

/* v3.10.2 — beide relatieacties blijven naast elkaar zichtbaar. */
.relation-actions{display:flex;gap:5px;flex-wrap:wrap;justify-content:flex-end}

/* v3.11.0 — centraal VDD Planbord */
#page-planboard.page.active{display:block;min-height:0;overflow:hidden}
.planboard-shell{height:100%;min-height:0;display:flex;flex-direction:column;gap:10px}
.planboard-toolbar{min-height:62px;flex:0 0 auto;display:flex;align-items:center;gap:14px;padding:10px 13px;overflow:visible}
.plan-week-nav,.plan-toolbar-actions,.plan-stats{display:flex;align-items:center;gap:7px}.plan-toolbar-actions{margin-left:auto}.plan-week-nav>.btn:first-child,.plan-week-nav>.btn:nth-child(3){font-size:20px;line-height:1;padding:5px 11px}
.plan-week-title{display:flex;flex-direction:column;min-width:164px;margin-left:4px}.plan-week-title b{color:#153b61;font-size:14px}.plan-week-title span{color:#72869b;font-size:10px;margin-top:2px}
.plan-stats{flex-wrap:wrap}.plan-stat{display:inline-flex;align-items:center;gap:5px;min-height:32px;border:1px solid #dbe5ef;background:#f6f9fc;color:#506982;border-radius:99px;padding:5px 10px;font-size:10px;font-weight:700;white-space:nowrap}.plan-stat b{font-size:13px;color:#173d63}.plan-stat.warn{background:#fff4de;border-color:#f0d6a8;color:#895810}.plan-stat.warn b{color:#a06308}.plan-stat.charter{background:#edf5ff;border-color:#cddff4;color:#285f99}.plan-stat.charter b{color:#0d63d6}.plan-stat.alert{background:#fdebed;border-color:#efc8ce;color:#a43a48}.plan-stat.alert b{color:#b42f42}
.plan-backlog-panel{flex:0 0 auto;min-height:142px;overflow:visible}.plan-backlog-head{height:51px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 12px;border-bottom:1px solid #e3eaf2}.plan-backlog-head h2{font-size:13px;margin:0 0 3px;color:#173a5f}.plan-backlog-head span{font-size:10px;color:#72859a}.plan-backlog-head .search{width:min(330px,30vw)}
.plan-backlog{height:90px;display:flex;align-items:stretch;gap:8px;overflow-x:auto;overflow-y:hidden;padding:8px 10px;background:#f8fafc;scrollbar-width:thin}.plan-backlog.drag-over{background:#eaf5ff;box-shadow:inset 0 0 0 2px #4092ed}.plan-empty-inline{width:100%;display:grid;place-items:center;color:#8292a3;font-size:11px;border:1px dashed #cfdae5;border-radius:7px;background:#fff}
.plan-column-heads{display:grid;grid-template-columns:minmax(700px,2.05fr) minmax(330px,1fr);gap:10px;flex:0 0 auto;padding:0 11px;color:#173d63;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.plan-column-heads>div:nth-child(2){padding-left:10px;border-left:3px solid #7a62d7}.plan-column-heads span{font-size:9px;font-weight:600;color:#7b8da1;text-transform:none;letter-spacing:0;margin-left:6px}
.plan-days{flex:1;min-height:0;overflow:auto;display:flex;flex-direction:column;gap:9px;padding:0 2px 12px}.plan-loading{min-height:180px;display:grid;place-items:center;color:#7a8da1;background:#fff;border:1px solid #dbe4ef;border-radius:7px}
.plan-day{display:grid;grid-template-columns:112px minmax(0,1fr);flex:0 0 auto;min-height:150px;overflow:visible}.plan-day.today{box-shadow:0 0 0 2px #3e92ea,0 5px 18px rgba(13,99,214,.1)}.plan-day-head{padding:12px 9px;background:#123b63;color:#fff;border-radius:7px 0 0 7px;display:flex;flex-direction:column;gap:4px}.plan-day.today .plan-day-head{background:#0d63d6}.plan-day-head b{font-size:13px}.plan-day-head span{font-size:10px;color:#c6d7e8}.plan-day-head em{font-style:normal;margin-top:auto;font-size:9px;color:#b9cce0}.plan-day-columns{display:grid;grid-template-columns:minmax(690px,2.05fr) minmax(320px,1fr);min-width:0}.plan-own-column,.plan-charter-column{padding:7px;min-width:0;background:#fff}.plan-charter-column{border-left:3px solid #e1dcf5;background:#fbfaff;border-radius:0 7px 7px 0}
.plan-lane{display:grid;grid-template-columns:176px minmax(0,1fr);min-height:55px;border:1px solid #e0e7ef;border-radius:6px;margin-bottom:5px;background:#fbfcfe;overflow:hidden}.plan-lane:last-child{margin-bottom:0}.plan-lane-head{padding:7px 8px;background:#eef3f8;border-right:1px solid #dde6ef;min-width:0}.plan-lane-head b{display:block;color:#173b60;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.plan-lane-head span{display:block;color:#657b92;font-size:9px;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.plan-lane-trips{display:flex;align-items:stretch;gap:6px;min-width:0;overflow-x:auto;padding:5px}.plan-lane-trips.drag-over,.plan-charter-drop.drag-over{background:#e8f3ff;box-shadow:inset 0 0 0 2px #438fe2}.plan-lane-empty{display:flex;align-items:center;justify-content:center;min-width:130px;color:#98a6b5;font-size:9.5px;border:1px dashed #d6dfe8;border-radius:5px}
.plan-charter-group{margin-bottom:6px;border:1px solid #ddd8ef;border-radius:6px;background:#fff;overflow:hidden}.plan-charter-group-head{display:flex;justify-content:space-between;gap:8px;padding:6px 8px;background:#f0edfa;color:#4d3a92}.plan-charter-group-head b{font-size:10.5px}.plan-charter-group-head span{font-size:9px;color:#756aa3}.plan-charter-trips{display:flex;gap:6px;overflow-x:auto;padding:5px;min-height:54px}.plan-charter-drop{min-height:58px;border:1px dashed #bdb3df;border-radius:6px;color:#71659a;background:#f7f5fd;display:grid;place-items:center;text-align:center;padding:8px;font-size:10px}
.plan-card{position:relative;flex:0 0 230px;min-width:0;border:1px solid rgba(20,48,75,.22);border-left:5px solid rgba(0,0,0,.22);border-radius:6px;background:var(--plan-color,#ffff00);color:var(--plan-text,#10243a);padding:7px 8px;box-shadow:0 2px 5px rgba(20,48,75,.09);cursor:grab;user-select:none}.plan-card:active{cursor:grabbing}.plan-card:hover{transform:translateY(-1px);box-shadow:0 5px 12px rgba(20,48,75,.16)}.plan-card.dragging{opacity:.42}.plan-card-top{display:flex;align-items:center;gap:6px;min-width:0}.plan-card-top b{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.plan-card-top em{font-style:normal;margin-left:auto;background:rgba(255,255,255,.65);color:#29435c;border-radius:99px;padding:2px 5px;font-size:8px;font-weight:800;white-space:nowrap}.plan-card-route{font-size:10px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:4px}.plan-card-meta{display:flex;align-items:center;gap:6px;margin-top:4px;font-size:8.5px;white-space:nowrap;overflow:hidden}.plan-card-meta span{overflow:hidden;text-overflow:ellipsis}.plan-card-note{margin-top:4px;padding-top:4px;border-top:1px solid rgba(20,48,75,.18);font-size:8.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.plan-card-warnings{position:absolute;right:5px;bottom:4px;display:flex;gap:3px}.plan-card-warnings i{font-style:normal;width:17px;height:17px;display:grid;place-items:center;border-radius:50%;font-size:9px;background:#fff;color:#a23b48;box-shadow:0 1px 3px rgba(0,0,0,.14)}.plan-card.overdue{box-shadow:inset 0 0 0 2px #e24e5c,0 2px 5px rgba(20,48,75,.09)}.plan-card.source-missing{background:#ffe4e7!important;color:#8d2635!important}.plan-card.backlog-card{flex-basis:255px}.plan-card .plan-seq{opacity:.72;font-weight:800}.plan-card-docs{font-weight:800}
.plan-assignment-modal{width:min(720px,94vw);padding:18px}.plan-assignment-preview{margin-top:14px}.plan-assignment-preview .plan-card{width:100%;max-width:none;cursor:default}.plan-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px 12px;margin-top:14px}.plan-form-grid.three{grid-template-columns:repeat(3,1fr)}.plan-form-grid label{display:flex;flex-direction:column;gap:5px;color:#5f748b;font-size:10px;font-weight:700}.plan-form-grid label.wide{grid-column:1/-1}.plan-form-grid input,.plan-form-grid select,.plan-form-grid textarea{width:100%;border:1px solid #d3dfeb;border-radius:6px;padding:9px;background:#fff;color:#213d5a;font:inherit}.plan-form-grid input:focus,.plan-form-grid select:focus,.plan-form-grid textarea:focus{outline:none;border-color:#5e9df0;box-shadow:0 0 0 2px #e7f1ff}.plan-form-grid input[type=color]{padding:3px;height:37px}.plan-form-grid textarea{resize:vertical}
.plan-resources-modal{width:min(860px,95vw);padding:18px}.plan-resource-list{display:flex;flex-direction:column;gap:5px;margin-top:14px;max-height:330px;overflow:auto}.plan-resource-row{display:grid;grid-template-columns:minmax(150px,1fr) 130px 130px auto;gap:8px;align-items:center;border:1px solid #e0e7ef;border-radius:7px;padding:8px 10px;background:#fbfcfe}.plan-resource-row b{color:#173b60}.plan-resource-row span{font-size:10px;color:#657a91}.plan-resource-row-actions{display:flex;gap:5px}.plan-resource-editor{margin-top:14px;border-top:1px solid #e0e7ef;padding-top:13px}.plan-resource-editor h4{margin:0;color:#173b60}.plan-resource-actions{display:flex;justify-content:flex-end;gap:6px;margin-top:10px}
@media(max-width:1250px){.planboard-toolbar{align-items:flex-start;flex-wrap:wrap}.plan-toolbar-actions{margin-left:0}.plan-column-heads{grid-template-columns:minmax(620px,1.7fr) minmax(300px,1fr)}.plan-day-columns{grid-template-columns:minmax(610px,1.7fr) minmax(290px,1fr)}}
@media(max-width:850px){#page-planboard.page.active{overflow:auto}.planboard-shell{height:auto}.planboard-toolbar{flex-direction:column;align-items:stretch}.plan-week-nav,.plan-stats,.plan-toolbar-actions{flex-wrap:wrap}.plan-column-heads{display:none}.plan-days{overflow:visible}.plan-day{grid-template-columns:1fr}.plan-day-head{border-radius:7px 7px 0 0;flex-direction:row;align-items:center}.plan-day-head em{margin:0 0 0 auto}.plan-day-columns{grid-template-columns:1fr}.plan-charter-column{border-left:0;border-top:3px solid #e1dcf5}.plan-backlog-head{height:auto;align-items:stretch;flex-direction:column}.plan-backlog-head .search{width:100%}.plan-resource-row{grid-template-columns:1fr 1fr}.plan-resource-row-actions{grid-column:1/-1}.plan-form-grid,.plan-form-grid.three{grid-template-columns:1fr}}

/* v3.11.1 — vrije orders vast rechts, zoals het bestaande planbord */
.plan-workspace{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) clamp(340px,25vw,410px);gap:10px}
.plan-board-area{min-width:0;min-height:0;display:flex;flex-direction:column;gap:7px;overflow:hidden}
.plan-board-area .plan-column-heads{padding:0 8px;grid-template-columns:minmax(610px,2.05fr) minmax(270px,1fr)}
.plan-board-area .plan-days{padding-right:2px}
.plan-day-columns{grid-template-columns:minmax(610px,2.05fr) minmax(270px,1fr)}
.plan-backlog-panel{min-width:0;min-height:0;overflow:hidden;display:flex;flex-direction:column;border-top:4px solid var(--fl-blue)}
.plan-backlog-head{height:auto;min-height:116px;flex:0 0 auto;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:9px;padding:12px 12px 10px;background:#fff}
.plan-backlog-head>div:first-child{display:flex;justify-content:space-between;align-items:baseline;gap:10px}.plan-backlog-head h2{font-size:16px;margin:0;color:#153b61}.plan-backlog-head span{font-size:10px;color:#6d8197;text-align:right}.plan-backlog-head span b{display:inline;color:#a06308;font-size:13px}.plan-backlog-head .search{width:100%;flex:0 0 auto}
.plan-backlog-head .plan-create-orders{margin-left:auto;padding:6px 11px;white-space:nowrap;font-size:11px}.plan-backlog-head .plan-create-orders+span{margin-left:2px}
.plan-backlog{height:auto;flex:1;min-height:0;display:flex;flex-direction:column;align-items:stretch;gap:10px;overflow-y:auto;overflow-x:hidden;padding:10px;background:#f4f7fb;scrollbar-width:thin}
.plan-backlog.drag-over{background:#e8f3ff;box-shadow:inset 0 0 0 3px #4092ed}
.plan-order-group{display:flex;flex-direction:column;gap:6px;flex:0 0 auto}.plan-order-group-head{position:sticky;top:-10px;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 -2px;padding:7px 8px;border:1px solid #d8e3ee;border-radius:6px;background:#fff;color:#173b60;box-shadow:0 1px 4px rgba(19,54,86,.06)}.plan-order-group-head b{font-size:10.5px;text-transform:uppercase;letter-spacing:.04em}.plan-order-group-head span{display:grid;place-items:center;min-width:22px;height:22px;border-radius:99px;background:#fff0d7;color:#9a610b;font-size:10px;font-weight:800}.plan-order-group.overdue .plan-order-group-head{border-color:#efc6cb;background:#fff3f4;color:#a43846}.plan-order-group.overdue .plan-order-group-head span{background:#e55261;color:#fff}
.plan-card.backlog-card{width:100%;flex:0 0 auto;min-height:94px;padding:9px 9px 8px;border-left-width:7px}.plan-card.backlog-card .plan-card-top b{font-size:12px}.plan-card.backlog-card .plan-card-route{font-size:11px;margin-top:5px;white-space:normal;line-height:1.25}.plan-card.backlog-card .plan-card-meta{font-size:9px;margin-top:5px}.plan-order-details{display:grid;grid-template-columns:1fr 1fr;gap:3px 7px;margin-top:6px;padding-top:5px;border-top:1px solid rgba(20,48,75,.18);font-size:8.5px}.plan-order-details span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.plan-order-details span:last-child:nth-child(odd){grid-column:1/-1}.plan-backlog .plan-empty-inline{min-height:120px;flex:1;padding:16px;text-align:center}
.plan-card.unassigning{opacity:.5;pointer-events:none}.plan-card.unassigning::after{content:'Terugzetten…';position:absolute;inset:0;display:grid;place-items:center;border-radius:5px;background:rgba(255,255,255,.82);color:#173b60;font-size:10px;font-weight:800}
@media(max-width:1250px){.plan-workspace{grid-template-columns:minmax(0,1fr) 320px}.plan-board-area .plan-column-heads,.plan-day-columns{grid-template-columns:minmax(540px,1.75fr) minmax(245px,1fr)}.plan-lane{grid-template-columns:145px minmax(0,1fr)}.plan-card{flex-basis:205px}}
@media(max-width:920px){#page-planboard.page.active{overflow:auto}.planboard-shell{height:auto}.plan-workspace{grid-template-columns:1fr;overflow:visible}.plan-board-area{overflow:visible}.plan-backlog-panel{order:-1;max-height:430px}.plan-backlog{min-height:260px}.plan-board-area .plan-column-heads{display:none}.plan-day-columns{grid-template-columns:1fr}.plan-day{grid-template-columns:1fr}.plan-day-head{border-radius:7px 7px 0 0;flex-direction:row;align-items:center}.plan-day-head em{margin:0 0 0 auto}.plan-charter-column{border-left:0;border-top:3px solid #e1dcf5}}

/* v3.11.2 — compact planbord: meer wagens, ritten en dagen tegelijk zichtbaar */
@media(min-width:921px){
 .planboard-shell{gap:6px}
 .planboard-toolbar{min-height:50px;padding:6px 9px;gap:9px}
 .plan-week-title{min-width:145px}.plan-week-title b{font-size:12px}.plan-week-title span{font-size:9px}
 .plan-stat{min-height:27px;padding:3px 8px;font-size:9px}.plan-stat b{font-size:11px}
 .plan-toolbar-actions .btn,.plan-week-nav .btn{min-height:29px;padding:5px 8px;font-size:10px}

 .plan-workspace{grid-template-columns:minmax(0,1fr) clamp(300px,22vw,360px);gap:7px}
 .plan-board-area{gap:3px}
 .plan-board-area .plan-column-heads{grid-template-columns:minmax(510px,2.15fr) minmax(215px,.9fr);min-height:19px;padding:0 5px;font-size:9px;line-height:19px}
 .plan-board-area .plan-column-heads span{font-size:8px}
 .plan-days{gap:4px;padding:0 1px 6px}

 .plan-day{grid-template-columns:76px minmax(0,1fr);min-height:0;border-radius:4px}
 .plan-day-head{padding:6px 5px;border-radius:4px 0 0 4px;gap:2px}
 .plan-day-head b{font-size:10px;line-height:1.15}.plan-day-head span{font-size:8px;line-height:1.2}.plan-day-head em{margin-top:5px;font-size:7.5px}
 .plan-day-columns{grid-template-columns:minmax(510px,2.15fr) minmax(215px,.9fr)}
 .plan-own-column,.plan-charter-column{padding:3px}
 .plan-charter-column{border-left-width:2px;border-radius:0 4px 4px 0}

 .plan-lane{grid-template-columns:108px minmax(0,1fr);min-height:28px;margin-bottom:2px;border-radius:3px}
 .plan-lane-head{padding:3px 4px;border-right-width:1px}
 .plan-lane-head b{font-size:9px;line-height:1.05}.plan-lane-head span{font-size:7.5px;line-height:1.05;margin-top:2px}
 .plan-lane-trips{gap:3px;min-height:26px;padding:1px 2px}
 .plan-lane-empty{min-width:95px;border-radius:3px;font-size:8px}

 .plan-lane-trips>.plan-card,.plan-charter-trips>.plan-card{flex-basis:158px;min-height:24px;padding:2px 4px;border-left-width:4px;border-radius:3px;box-shadow:none}
 .plan-lane-trips>.plan-card:hover,.plan-charter-trips>.plan-card:hover{transform:none;box-shadow:0 2px 5px rgba(20,48,75,.16)}
 .plan-lane-trips>.plan-card .plan-card-top,.plan-charter-trips>.plan-card .plan-card-top{gap:3px;line-height:9px}
 .plan-lane-trips>.plan-card .plan-card-top b,.plan-charter-trips>.plan-card .plan-card-top b{font-size:9px;line-height:9px}
 .plan-lane-trips>.plan-card .plan-card-top em,.plan-charter-trips>.plan-card .plan-card-top em{padding:1px 3px;font-size:6px;line-height:8px}
 .plan-lane-trips>.plan-card .plan-card-route,.plan-charter-trips>.plan-card .plan-card-route{margin-top:2px;font-size:8px;line-height:9px}
 .plan-lane-trips>.plan-card .plan-card-meta,.plan-charter-trips>.plan-card .plan-card-meta,.plan-lane-trips>.plan-card .plan-card-note,.plan-charter-trips>.plan-card .plan-card-note{display:none}
 .plan-lane-trips>.plan-card .plan-card-warnings,.plan-charter-trips>.plan-card .plan-card-warnings{right:2px;bottom:2px}
 .plan-lane-trips>.plan-card .plan-card-warnings i,.plan-charter-trips>.plan-card .plan-card-warnings i{width:11px;height:11px;font-size:6px}

 .plan-charter-group{display:grid;grid-template-columns:82px minmax(0,1fr);min-height:28px;margin-bottom:2px;border-radius:3px}
 .plan-charter-group-head{flex-direction:column;justify-content:center;padding:3px 4px;gap:1px}
 .plan-charter-group-head b{font-size:8.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.plan-charter-group-head span{font-size:7px}
 .plan-charter-trips{gap:3px;min-height:26px;padding:1px 2px}
 .plan-charter-drop{min-height:28px;padding:3px;border-radius:3px;font-size:8px}

 .plan-backlog-head{min-height:94px;padding:9px 9px 7px;gap:7px}.plan-backlog-head h2{font-size:14px}
 .plan-backlog{gap:7px;padding:7px}.plan-order-group{gap:4px}.plan-order-group-head{top:-7px;padding:5px 6px}
 .plan-card.backlog-card{min-height:86px;padding:7px 7px 6px}
}

/* v3.12.20 — modalknoppen leesbaar naast elkaar */
.plan-assignment-actions{display:flex!important;flex-wrap:nowrap!important;align-items:center!important;justify-content:flex-end!important;gap:10px!important}
.plan-assignment-actions .plan-remove-action{margin-right:auto!important;flex:0 1 auto!important}
.plan-assignment-actions .close-modal{display:inline-flex!important;width:auto!important;height:36px!important;min-width:96px!important;padding:0 16px!important;border:1px solid #d3dfeb!important;border-radius:6px!important;background:#fff!important;color:#294966!important;font-size:12px!important;align-items:center!important;justify-content:center!important;white-space:nowrap!important}
.plan-assignment-actions #planSaveAssignmentBtn{display:inline-flex!important;width:auto!important;height:36px!important;min-width:128px!important;flex:0 0 auto!important;align-items:center!important;justify-content:center!important;white-space:nowrap!important}
.plan-visible-note{font:inherit;font-weight:900;text-decoration:underline;text-underline-offset:2px}.plan-backlog-card-line>span,.plan-card-line>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.toast-repeat{animation:toastpulse .18s ease}@keyframes toastpulse{50%{transform:translateX(-5px);filter:brightness(1.12)}}
@media(max-width:620px){.plan-assignment-actions{flex-wrap:wrap!important}.plan-assignment-actions .plan-remove-action{width:100%!important;margin-right:0!important}.plan-assignment-actions .close-modal,.plan-assignment-actions #planSaveAssignmentBtn{flex:1 1 140px!important}}
@media(min-width:921px) and (max-width:1250px){
 .plan-workspace{grid-template-columns:minmax(0,1fr) 285px}
 .plan-board-area .plan-column-heads,.plan-day-columns{grid-template-columns:minmax(430px,1.9fr) minmax(190px,.85fr)}
 .plan-lane{grid-template-columns:96px minmax(0,1fr)}
 .plan-lane-trips>.plan-card,.plan-charter-trips>.plan-card{flex-basis:145px}
}

/* v3.11.3 — Excel-dichtheid: bijna een volledige werkweek op één scherm */
@media(min-width:921px){
 .planboard-shell{gap:4px}
 .planboard-toolbar{min-height:40px;padding:4px 7px;gap:7px}
 .plan-week-title{min-width:132px}.plan-week-title b{font-size:11px}.plan-week-title span{font-size:8px;margin-top:0}
 .plan-stat{min-height:24px;padding:2px 6px;font-size:8px}.plan-stat b{font-size:10px}
 .plan-toolbar-actions .btn,.plan-week-nav .btn{min-height:25px;padding:3px 6px;font-size:9px}
 .plan-week-nav>.btn:first-child,.plan-week-nav>.btn:nth-child(3){font-size:15px;padding:2px 7px}

 .plan-board-area{gap:2px}
 .plan-board-area .plan-column-heads{grid-template-columns:minmax(480px,2.15fr) minmax(205px,.9fr);min-height:15px;padding:0 3px;font-size:8px;line-height:15px}
 .plan-board-area .plan-column-heads span{font-size:7px}
 .plan-days{gap:2px;padding:0 1px 3px}

 .plan-day{grid-template-columns:58px minmax(0,1fr);min-height:0;border-radius:2px}
 .plan-day-head{padding:3px 3px;border-radius:2px 0 0 2px;gap:1px}
 .plan-day-head b{font-size:8px;line-height:1.05}.plan-day-head span{font-size:7px;line-height:1.05}.plan-day-head em{margin-top:3px;font-size:6.5px}
 .plan-day-columns{grid-template-columns:minmax(480px,2.15fr) minmax(205px,.9fr)}
 .plan-own-column,.plan-charter-column{padding:1px}
 .plan-charter-column{border-left-width:1px;border-radius:0 2px 2px 0}

 .plan-lane{grid-template-columns:112px minmax(0,1fr);min-height:17px;height:17px;margin-bottom:1px;border-radius:1px}
 .plan-lane-head{display:grid;grid-template-columns:.82fr 1fr 1fr;align-items:center;gap:2px;padding:0 3px}
 .plan-lane-head b,.plan-lane-head span{display:block;margin:0;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:15px}
 .plan-lane-head b{font-size:7.5px}.plan-lane-head span{font-size:6.5px;text-align:center}
 .plan-lane-trips{align-items:center;gap:2px;min-height:15px;height:15px;padding:0 1px;overflow-x:auto;overflow-y:hidden}
 .plan-lane-trips::-webkit-scrollbar{height:2px}.plan-lane-trips::-webkit-scrollbar-thumb{background:#9eb1c5}
 .plan-lane-empty{min-width:68px;height:13px;border-radius:1px;font-size:6.5px}

 .plan-card.compact-plan-card{flex:0 0 145px;height:15px;min-height:15px;padding:0 3px;border-left-width:3px;border-radius:1px;box-shadow:none}
 .plan-card.compact-plan-card:hover{transform:none;box-shadow:inset 0 0 0 1px rgba(18,52,84,.28)}
 .plan-card-line{height:13px;display:flex;align-items:center;gap:3px;min-width:0;font-size:7.5px;line-height:13px}
 .plan-card-line span{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 .plan-card-line b{flex:0 0 auto;max-width:48px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:7px}
 .plan-card.compact-plan-card .plan-card-warnings{right:1px;bottom:1px;gap:1px}
 .plan-card.compact-plan-card .plan-card-warnings:not(:empty){padding-left:2px;background:var(--plan-color,#ffff00)}
 .plan-card.compact-plan-card .plan-card-warnings i{width:8px;height:8px;font-size:5px;box-shadow:none}

 .plan-charter-row{display:grid;grid-template-columns:58px minmax(0,1fr);height:17px;margin-bottom:1px;border:1px solid #ddd8ef;border-radius:1px;overflow:hidden;background:#fff}
 .plan-charter-name{min-width:0;padding:0 3px;background:#f0edfa;color:#4d3a92;font-size:7px;font-weight:700;line-height:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 .plan-charter-trip{display:flex;min-width:0;height:15px;padding:0;background:#fff}
 .plan-charter-trip.drag-over{background:#e8f3ff;box-shadow:inset 0 0 0 1px #438fe2}
 .plan-charter-trip>.plan-card.compact-plan-card{flex:1 1 auto;width:100%;max-width:none}
 .plan-charter-drop{min-height:17px;height:17px;padding:0;border-radius:1px;font-size:7px}

 .plan-backlog-head{min-height:82px;padding:6px 7px 5px;gap:5px}.plan-backlog-head h2{font-size:13px}
 .plan-backlog-head .search input{height:27px;font-size:10px}
}
@media(min-width:921px) and (max-width:1250px){
 .plan-board-area .plan-column-heads,.plan-day-columns{grid-template-columns:minmax(405px,1.9fr) minmax(185px,.85fr)}
 .plan-lane{grid-template-columns:102px minmax(0,1fr)}
 .plan-card.compact-plan-card{flex-basis:132px}
 .plan-charter-row{grid-template-columns:52px minmax(0,1fr)}
}

/* v3.11.4 — week leesbaar links, veel vrije ritten zichtbaar rechts */
@media(min-width:921px){
 .planboard-toolbar{min-height:43px;padding:5px 8px}
 .plan-week-title b{font-size:12px}.plan-week-title span{font-size:8.5px}
 .plan-stat{min-height:26px;font-size:8.5px}.plan-stat b{font-size:10.5px}
 .plan-toolbar-actions .btn,.plan-week-nav .btn{min-height:27px;font-size:9.5px}
 .plan-board-area .plan-column-heads{min-height:17px;font-size:8.5px;line-height:17px}

 .plan-day{grid-template-columns:64px minmax(0,1fr)}
 .plan-day-head{padding:4px 4px}.plan-day-head b{font-size:9px}.plan-day-head span{font-size:7.5px}.plan-day-head em{font-size:7px}
 .plan-lane{grid-template-columns:116px minmax(0,1fr);min-height:20px;height:20px}
 .plan-lane-head b,.plan-lane-head span{line-height:18px}.plan-lane-head b{font-size:8.2px}.plan-lane-head span{font-size:7px}
 .plan-lane-trips{min-height:18px;height:18px}
 .plan-lane-empty{height:16px;font-size:7px}
 .plan-card.compact-plan-card{height:18px;min-height:18px;padding:0 4px}
 .plan-card-line{height:16px;font-size:8.2px;line-height:16px}.plan-card-line b{font-size:7.5px;max-width:54px}
 .plan-card.compact-plan-card .plan-card-warnings i{width:9px;height:9px}
 .plan-charter-row{grid-template-columns:62px minmax(0,1fr);height:20px}
 .plan-charter-name{font-size:7.8px;line-height:18px}.plan-charter-trip{height:18px}
 .plan-charter-drop{min-height:20px;height:20px;font-size:7.5px}

 .plan-backlog-head{min-height:72px;padding:5px 6px 4px;gap:4px}.plan-backlog-head h2{font-size:12px}.plan-backlog-head span{font-size:8px}.plan-backlog-head span b{font-size:10px}
 .plan-backlog-head .search{padding:0 6px}.plan-backlog-head .search input{height:25px;font-size:9px}
 .plan-backlog{gap:4px;padding:5px}
 .plan-order-group{gap:2px}
 .plan-order-group-head{top:-5px;min-height:19px;margin:0;padding:2px 5px;border-radius:3px}
 .plan-order-group-head b{font-size:8px}.plan-order-group-head span{min-width:17px;height:17px;font-size:8px}
 .plan-backlog .plan-card.backlog-card.week-order-card{width:100%;height:22px;min-height:22px;padding:1px 4px;border-left-width:5px;border-radius:2px;box-shadow:none}
 .plan-backlog .plan-card.backlog-card.week-order-card:hover{transform:none;box-shadow:inset 0 0 0 1px rgba(20,48,75,.26)}
 .plan-backlog-card-line{height:18px;display:flex;align-items:center;gap:5px;min-width:0;font-size:8.5px;line-height:18px}
 .plan-backlog-card-line span{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:700}
 .plan-backlog-card-line b{flex:0 0 auto;max-width:78px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:8px}
 .plan-backlog .week-order-card .plan-card-warnings{right:2px;bottom:2px;gap:1px}
 .plan-backlog .week-order-card .plan-card-warnings:not(:empty){padding-left:2px;background:var(--plan-color,#ffff00)}
 .plan-backlog .week-order-card .plan-card-warnings i{width:10px;height:10px;font-size:6px;box-shadow:none}
}
@media(min-width:921px) and (max-width:1250px){
 .plan-lane{grid-template-columns:106px minmax(0,1fr)}
 .plan-charter-row{grid-template-columns:56px minmax(0,1fr)}
}

/* v3.11.5 — grotere chauffeursnamen, kleinere sleepvakken en compactere ritten */
@media(min-width:921px){
 .plan-board-area .plan-column-heads,.plan-day-columns{grid-template-columns:minmax(520px,3fr) minmax(145px,.62fr)}
 .plan-board-area .plan-column-heads>div:nth-child(2){padding-left:6px}

 .plan-lane{grid-template-columns:124px minmax(0,1fr);min-height:18px;height:18px}
 .plan-lane-head{grid-template-columns:1.2fr .95fr .95fr;padding:0 3px}
 .plan-lane-head b,.plan-lane-head span{line-height:16px}
 .plan-lane-head b{font-size:10px;font-weight:800}
 .plan-lane-head span{font-size:7.2px}
 .plan-lane-trips{min-height:16px;height:16px;gap:1px;padding:0 1px}
 .plan-lane-empty{min-width:46px;width:46px;height:12px;font-size:6.3px}

 .plan-card.compact-plan-card{flex-basis:118px;height:16px;min-height:16px;padding:0 3px}
 .plan-card-line{height:14px;gap:2px;font-size:7.6px;line-height:14px}
 .plan-card-line b{max-width:42px;font-size:7.1px}
 .plan-card.compact-plan-card .plan-card-warnings i{width:8px;height:8px}

 .plan-charter-row{grid-template-columns:48px minmax(0,1fr);height:17px}
 .plan-charter-name{padding:0 2px;font-size:7.4px;line-height:15px}
 .plan-charter-trip{height:15px}
 .plan-charter-drop{min-height:17px;height:17px;font-size:6.8px}

 .plan-backlog .plan-card.backlog-card.week-order-card{height:19px;min-height:19px;padding:0 3px;border-left-width:4px}
 .plan-backlog-card-line{height:17px;gap:4px;font-size:8.2px;line-height:17px}
 .plan-backlog-card-line b{max-width:72px;font-size:7.6px}
}
@media(min-width:921px) and (max-width:1250px){
 .plan-board-area .plan-column-heads,.plan-day-columns{grid-template-columns:minmax(430px,2.6fr) minmax(130px,.6fr)}
 .plan-lane{grid-template-columns:114px minmax(0,1fr)}
 .plan-card.compact-plan-card{flex-basis:108px}
 .plan-charter-row{grid-template-columns:44px minmax(0,1fr)}
}

/* v3.11.6 — drie duidelijke zones volgens het papieren planbord */
@media(min-width:1200px){
 .plan-workspace{grid-template-columns:minmax(0,1fr) clamp(520px,50vw,980px);gap:8px}
 .plan-board-area .plan-column-heads,.plan-day-columns{grid-template-columns:minmax(290px,1.18fr) minmax(210px,1fr)}
}
@media(min-width:921px) and (max-width:1199px){
 .plan-workspace{grid-template-columns:minmax(0,1fr) minmax(400px,45vw);gap:7px}
 .plan-board-area .plan-column-heads,.plan-day-columns{grid-template-columns:minmax(220px,1.2fr) minmax(150px,1fr)}
}
@media(min-width:921px){
 .plan-board-area .plan-column-heads{min-height:24px;padding:0 0 0 70px;font-size:11px;line-height:24px}
 .plan-board-area .plan-column-heads span{font-size:9px}

 .plan-day{grid-template-columns:70px minmax(0,1fr)}
 .plan-day-head{padding:5px 5px;gap:2px}
 .plan-day-head b{font-size:12px;line-height:1.1}.plan-day-head span{font-size:9.5px;line-height:1.1}.plan-day-head em{font-size:8.5px}
 .plan-own-column,.plan-charter-column{padding:2px}

 .plan-lane{grid-template-columns:150px minmax(0,1fr);min-height:24px;height:24px;margin-bottom:1px}
 .plan-lane-head{grid-template-columns:1.2fr 1fr 1fr;gap:3px;padding:0 4px}
 .plan-lane-head b,.plan-lane-head span{line-height:22px}
 .plan-lane-head b{font-size:12px;font-weight:900}.plan-lane-head span{font-size:9px;font-weight:600}
 .plan-lane-trips{min-height:22px;height:22px;gap:2px;padding:0 1px}
 .plan-lane-empty{min-width:62px;width:62px;height:18px;font-size:8.5px}

 .plan-card.compact-plan-card{flex-basis:155px;height:22px;min-height:22px;padding:0 4px;border-left-width:4px}
 .plan-card-line{height:20px;gap:4px;font-size:10px;line-height:20px;font-weight:700}
 .plan-card-line b{max-width:54px;font-size:8.7px}
 .plan-card-dates{flex:0 0 auto;font-style:normal;font-size:9.5px;font-weight:900;line-height:1;padding:2px 4px;border-radius:3px;background:rgba(255,255,255,.78);color:#173b60;white-space:nowrap}

 .plan-charter-row{grid-template-columns:96px minmax(0,1fr);height:24px;margin-bottom:1px}
 .plan-charter-name{padding:0 4px;font-size:10.5px;line-height:22px;font-weight:800}
 .plan-charter-trip{height:22px}
 .plan-charter-drop{min-height:24px;height:24px;font-size:9.5px;font-weight:700}

 .plan-backlog-head{min-height:82px;padding:7px 9px 6px;gap:6px}
 .plan-backlog-head h2{font-size:15px}.plan-backlog-head span{font-size:10px}.plan-backlog-head span b{font-size:12px}
 .plan-backlog-head .search input{height:30px;font-size:11px}
 .plan-backlog{gap:5px;padding:6px}
 .plan-order-group{gap:3px}
 .plan-order-group-head{top:-6px;min-height:24px;padding:3px 7px}
 .plan-order-group-head b{font-size:10.5px}.plan-order-group-head span{min-width:20px;height:20px;font-size:9.5px}
 .plan-backlog .plan-card.backlog-card.week-order-card{height:28px;min-height:28px;padding:1px 6px;border-left-width:6px;border-radius:3px}
 .plan-backlog-card-line{height:24px;gap:7px;font-size:11.5px;line-height:24px;font-weight:800}
 .plan-backlog-card-line b{max-width:140px;font-size:10.5px}
 .plan-backlog-card-line .plan-card-dates{font-size:10.5px;padding:3px 6px}
 .plan-backlog .week-order-card .plan-card-warnings i{width:13px;height:13px;font-size:8px}

 .plan-remove-action{background:#c93847!important;border-color:#b52f3d!important;color:#fff!important;font-size:12px!important;font-weight:800!important}
}
@media(min-width:921px) and (max-width:1450px){
 .plan-lane{grid-template-columns:132px minmax(0,1fr)}
 .plan-lane-head b{font-size:11px}.plan-lane-head span{font-size:8px}
 .plan-card.compact-plan-card{flex-basis:130px}
 .plan-charter-row{grid-template-columns:76px minmax(0,1fr)}
}

/* v3.11.7 — twee ritvakken, duidelijke verwijderknoppen en wagenbeheer */
.plan-assignment-actions{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:10px 12px}
.plan-assignment-actions .plan-remove-action{justify-self:start;max-width:100%;white-space:normal;text-align:center}
.plan-resource-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:14px;padding:10px 12px;border:1px solid #d7e4f1;border-radius:8px;background:#f4f9ff}
.plan-resource-toolbar span{color:#58718a;font-size:10.5px;line-height:1.35}
.plan-resource-toolbar .btn{flex:0 0 auto}
.plan-resource-remove{color:#b52f3d!important;border-color:#efc4ca!important;background:#fff5f6!important;font-weight:800!important}
.plan-trip-slot{min-width:0;display:flex;align-items:stretch;border:1px dashed #c7d6e5;border-radius:3px;background:#fff;overflow:hidden}
.plan-trip-slot.drag-over{background:#e8f3ff;box-shadow:inset 0 0 0 2px #438fe2;border-color:#438fe2}
.plan-trip-slot>.plan-lane-empty{width:100%;min-width:0}
.plan-trip-slot>.plan-card.compact-plan-card{flex:1 1 auto;width:100%;max-width:none}
@media(min-width:921px){
 .plan-lane-trips{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:1fr;grid-auto-flow:column;grid-auto-columns:calc((100% - 2px)/2);align-items:stretch;gap:2px;min-height:22px;height:22px;padding:1px;overflow-x:auto;overflow-y:hidden}
 .plan-trip-slot{height:20px}
 .plan-trip-slot>.plan-lane-empty{height:18px;border:0;border-radius:0;background:#f8fbff;color:#58738e;font-size:10.5px;font-weight:900;letter-spacing:.01em}
 .plan-trip-slot>.plan-card.compact-plan-card{height:20px;min-height:20px;border-radius:2px}
 .plan-trip-slot>.plan-card.compact-plan-card .plan-card-line{height:18px;line-height:18px}
}
@media(max-width:920px){
 .plan-lane-trips{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-columns:minmax(180px,1fr);grid-auto-flow:column;overflow-x:auto}
 .plan-trip-slot>.plan-lane-empty{min-height:42px;font-size:11px;font-weight:800}
}
@media(max-width:620px){
 .plan-assignment-actions{grid-template-columns:1fr 1fr}
 .plan-assignment-actions .plan-remove-action{grid-column:1/-1;width:100%}
 .plan-assignment-actions .close-modal,.plan-assignment-actions #planSaveAssignmentBtn{width:100%}
 .plan-resource-toolbar{align-items:stretch;flex-direction:column}
 .plan-resource-toolbar .btn{width:100%}
}

/* v3.11.8 — vrije ritten van elke dag links én rechts */
@media(min-width:1200px){
 .plan-order-group{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:5px;row-gap:3px;align-items:start}
 .plan-order-group-head{grid-column:1/-1}
 .plan-order-group>.plan-card.backlog-card.week-order-card{width:100%;min-width:0}
}

/* v3.11.9 — grotere planbordletters, datumkoppen terug en geen rode kaartknop */
@media(min-width:1200px){
 .plan-board-area .plan-column-heads{padding-left:82px;font-size:13px;font-weight:900}
 .plan-board-area .plan-column-heads span{font-size:10.5px}
 .plan-day{grid-template-columns:82px minmax(0,1fr)}
 .plan-day-head b{font-size:14px}.plan-day-head span{font-size:10.5px}.plan-day-head em{font-size:9.5px;font-weight:700}
 .plan-lane{grid-template-columns:172px minmax(0,1fr)}
 .plan-lane-head b{font-size:13.5px}.plan-lane-head span{font-size:10px;font-weight:700}
 .plan-trip-slot>.plan-lane-empty{font-size:12.5px}
 .plan-card-line{font-size:11.5px;font-weight:800}
 .plan-card-line b{max-width:72px;font-size:9.8px}
 .plan-card-dates{font-size:10.5px}
 .plan-charter-row{grid-template-columns:105px minmax(0,1fr)}
 .plan-charter-name{font-size:11.5px;font-weight:900}
 .plan-charter-drop{font-size:10.5px}
 .plan-order-group-head b{font-size:12.5px}
 .plan-order-group-head span{font-size:10.5px}
}
@media(min-width:1200px) and (max-width:1450px){
 .plan-lane{grid-template-columns:162px minmax(0,1fr)}
 .plan-lane-head b{font-size:13px}.plan-lane-head span{font-size:9.5px}
 .plan-charter-row{grid-template-columns:96px minmax(0,1fr)}
}

/* v3.11.10 — volledig planbord in gewone Arial, zonder vetdruk */
#page-planboard,
#page-planboard *{
 font-family:Arial,Helvetica,sans-serif!important;
}
#page-planboard *{
 font-weight:400!important;
}

/* v3.12.10 — eigen wagens links, vrije ritten midden, charters rechts */
@media(min-width:921px){
 #planWorkspaceThree{
  grid-template-columns:minmax(560px,1.35fr) minmax(430px,1.05fr) minmax(280px,.72fr);
  gap:7px;
  overflow-x:auto;
 }
 .plan-single-head{flex:0 0 24px;min-height:24px;padding-left:82px;color:#173d63;font-size:13px;line-height:24px;text-transform:uppercase;letter-spacing:.04em}
 .plan-single-head span{margin-left:6px;color:#7b8da1;font-size:10.5px;text-transform:none;letter-spacing:0}
 .plan-single-head.charter-head{padding-left:7px;border-left:3px solid #7a62d7}
 .plan-own-area,.plan-charter-area{min-width:0}
 .plan-own-day{grid-template-columns:82px minmax(0,1fr)}
 .plan-charter-day{display:block}
 .plan-own-day,.plan-charter-day{height:var(--plan-day-height);min-height:var(--plan-day-height)}
 .plan-own-day .plan-own-column{border-radius:0 4px 4px 0}
 .plan-charter-day .plan-charter-column{height:100%;border-left:3px solid #e1dcf5;border-radius:4px;background:#fbfaff}
 .plan-backlog-panel{order:0}
 .plan-charter-area{order:0}
}
@media(min-width:921px) and (max-width:1450px){
 #planWorkspaceThree{grid-template-columns:minmax(470px,1.3fr) minmax(350px,1fr) minmax(240px,.7fr)}
 .plan-single-head{padding-left:70px;font-size:11px}.plan-single-head span{font-size:9px}
 .plan-own-day{grid-template-columns:70px minmax(0,1fr)}
}
@media(max-width:920px){
 #planWorkspaceThree{display:flex;flex-direction:column}
 .plan-own-area{order:1}.plan-backlog-panel{order:2}.plan-charter-area{order:3}
 .plan-single-head{padding:8px;color:#173d63;text-transform:uppercase}
 .plan-single-head span{margin-left:5px;color:#7b8da1;font-size:9px;text-transform:none}
 .plan-charter-day{display:block}.plan-charter-day .plan-charter-column{min-height:90px}
}

/* v3.12.11 — planbord maximaal breed: menu en charters openen op aanwijzen */
@media(min-width:921px){
 #app:has(#page-planboard.active) .sidebar{
  position:fixed;inset:0 auto 0 0;z-index:60;width:9px;min-width:9px;padding-left:0;padding-right:0;overflow:hidden;
  transition:width .18s ease,padding .18s ease,box-shadow .18s ease;
 }
 #app:has(#page-planboard.active) .sidebar::after{
  content:'';position:absolute;inset:0 0 0 auto;width:5px;background:#0d63d6;opacity:.42;
 }
 #app:has(#page-planboard.active) .sidebar:hover{
  width:222px;padding-left:10px;padding-right:10px;overflow:visible;box-shadow:8px 0 24px rgba(13,35,59,.28);
 }
 #app:has(#page-planboard.active) .sidebar:hover::after{opacity:0}
 #app:has(#page-planboard.active) .main{margin-left:9px}

 #planWorkspaceThree{
  grid-template-columns:minmax(560px,1.28fr) minmax(480px,1.12fr) 11px;
  overflow:visible;
  transition:grid-template-columns .2s ease;
 }
 #planWorkspaceThree:has(.plan-charter-area:hover){
  grid-template-columns:minmax(520px,1.22fr) minmax(410px,1fr) minmax(300px,.72fr);
 }
 .plan-charter-area{position:relative;z-index:8;overflow:hidden;border-left:3px solid #7a62d7;background:#f7f5fd;cursor:ew-resize}
 .plan-charter-area::before{content:'CHARTERS';position:absolute;z-index:3;top:8px;left:1px;writing-mode:vertical-rl;font-size:8px;color:#5f4aa7;letter-spacing:.08em}
 .plan-charter-area>.plan-single-head,.plan-charter-area>.plan-days{min-width:297px;opacity:0;pointer-events:none;transition:opacity .12s ease}
 .plan-charter-area:hover{overflow:hidden;cursor:default;box-shadow:-5px 0 16px rgba(70,51,139,.13)}
 .plan-charter-area:hover::before{display:none}
 .plan-charter-area:hover>.plan-single-head,.plan-charter-area:hover>.plan-days{opacity:1;pointer-events:auto}

 .plan-own-day{display:flex;flex-direction:column!important}
 .plan-own-day .plan-day-head{
  flex:0 0 27px;min-height:27px;width:100%;padding:3px 8px;border-radius:3px 3px 0 0;
  flex-direction:row;align-items:center;gap:8px;
 }
 .plan-own-day .plan-day-head b{font-size:13px;line-height:21px}
 .plan-own-day .plan-day-head span{font-size:10px;line-height:21px}
 .plan-own-day .plan-day-head em{margin:0 0 0 auto;font-size:9px;line-height:21px}
 .plan-own-day .plan-own-column{flex:1;min-height:0;border-radius:0 0 4px 4px}
.plan-charter-day .plan-charter-column{padding-top:29px}
}

/* v3.12.12 — compacte chauffeurs, twee vrije-rittenvakken en betrouwbare charter-drop */
@media(min-width:921px){
 #planWorkspaceThree{grid-template-columns:minmax(350px,.62fr) minmax(680px,1.55fr) 11px}
 #planWorkspaceThree:has(.plan-charter-area:hover),body.plan-drag-active #planWorkspaceThree{grid-template-columns:minmax(340px,.62fr) minmax(570px,1.25fr) minmax(300px,.72fr)}
 body.plan-drag-active .plan-charter-area{overflow:hidden;cursor:default;box-shadow:-5px 0 16px rgba(70,51,139,.13)}
 body.plan-drag-active .plan-charter-area::before{display:none}
 body.plan-drag-active .plan-charter-area>.plan-single-head,body.plan-drag-active .plan-charter-area>.plan-days{opacity:1;pointer-events:auto}
 .plan-lane-head{grid-template-columns:minmax(82px,1fr) 54px 54px}
 .plan-backlog-split{display:grid;grid-template-columns:1fr 1fr 1fr;gap:5px;min-height:0;flex:1;padding:0 5px 5px;background:#f4f7fb}
 .plan-backlog-part{display:flex;min-width:0;min-height:0;flex-direction:column;border:1px solid #d8e2ed;border-radius:4px;overflow:hidden;background:#fff}
 .plan-backlog-part>h3{height:25px;flex:0 0 25px;margin:0;padding:5px 7px;border-bottom:1px solid #d8e2ed;color:#365675;font-size:11px;background:#eef4fa}
 .plan-stock-part>h3{color:#765600;background:#fff7d6}
 .plan-backlog-part>h3 small{margin-left:5px;color:#8090a0;font-size:8px}
 .plan-backlog-part .plan-backlog{padding:4px;gap:3px}
 .plan-customer-group .plan-order-group-head{background:#fff3bd;color:#654d00}
}

/* v3.12.13 — drie vaste planbordschermen en volledig leesbare nummerplaten */
@media(min-width:921px){
 #planWorkspaceThree,#planWorkspaceThree:has(.plan-charter-area:hover),body.plan-drag-active #planWorkspaceThree{
  grid-template-columns:minmax(620px,32fr) minmax(720px,56.5fr) minmax(190px,11.5fr);overflow:hidden;transition:none
 }
 .plan-charter-area,.plan-charter-area:hover,body.plan-drag-active .plan-charter-area{overflow:hidden;cursor:default;box-shadow:none}
 .plan-charter-area::before,.plan-charter-area:hover::before,body.plan-drag-active .plan-charter-area::before{display:none}
 .plan-charter-area>.plan-single-head,.plan-charter-area>.plan-days,.plan-charter-area:hover>.plan-single-head,.plan-charter-area:hover>.plan-days,body.plan-drag-active .plan-charter-area>.plan-single-head,body.plan-drag-active .plan-charter-area>.plan-days{min-width:0;opacity:1;pointer-events:auto;transition:none}
 .plan-lane{grid-template-columns:194px minmax(0,1fr)}
 .plan-lane-head{grid-template-columns:minmax(70px,1.15fr) minmax(56px,1fr) minmax(56px,1fr);gap:4px;padding:0 5px}
 .plan-lane-head b,.plan-lane-head span{overflow:visible;text-overflow:clip;white-space:nowrap}
 .plan-lane-head b{font-size:12px}.plan-lane-head span{font-size:9.5px}
}

/* v3.12.32 — Excel-achtig overzicht: één volledige ritregel per middenvak. */
@media(min-width:921px){
 .plan-backlog-part .plan-order-group{display:flex;grid-template-columns:none;flex-direction:column;gap:3px}
 .plan-backlog-part .plan-order-group-head{width:100%}
 .plan-backlog-part .plan-card.backlog-card.week-order-card{width:100%;min-width:0}
 .plan-backlog-part .plan-backlog-card-line{gap:5px;font-size:10.5px}
 .plan-backlog-part .plan-backlog-card-line>span{font-size:10.5px;letter-spacing:-.01em}
 .plan-backlog-part .plan-backlog-card-line .plan-card-dates{font-size:9.5px;padding:2px 4px}
 .plan-backlog-part .plan-backlog-card-line>b{max-width:92px;font-size:9.5px}
 body.plan-drag-active .plan-charter-column{outline:2px dashed #7458d6;outline-offset:-3px;background:#f0ecff}
 body.plan-drag-active .plan-charter-column.drag-over{outline:3px solid #0d63d6;background:#e4efff}
}