:root{--red:#ed1c24;--dark:#0b0b0d;--ink:#171717;--muted:#686868;--line:#e4e4e4;--paper:#fff;--soft:#f5f5f5;--green:#15803d;--orange:#e97916;--blue:#1d4ed8;--shadow:0 18px 54px rgba(0,0,0,.13);--radius:20px}*{box-sizing:border-box}body{margin:0;background:#f4f4f4;color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;line-height:1.45}a{color:inherit}.wrap{width:min(1420px,calc(100% - 28px));margin:0 auto}.top{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.96);border-bottom:1px solid var(--line);box-shadow:0 8px 24px rgba(0,0,0,.06)}.top-inner{min-height:82px;display:flex;align-items:center;gap:18px}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;margin-right:auto}.brand img{width:184px;max-height:58px;object-fit:contain;background:#fff;border-radius:8px}.brand strong{display:block;font-size:1.1rem}.brand small{display:block;color:var(--muted);font-weight:800}.top nav{display:flex;gap:8px;flex-wrap:wrap}.top nav a,.mini{padding:9px 12px;border-radius:999px;background:#111;color:#fff;text-decoration:none;font-weight:900;font-size:.9rem}.top nav a.active{background:var(--red)}.hero{padding:34px 0 24px;display:grid;grid-template-columns:1fr 340px;gap:24px;align-items:end}.eyebrow{margin:0 0 10px;color:var(--red);font-weight:950;text-transform:uppercase;letter-spacing:.1em;font-size:.75rem}.hero h1{font-size:clamp(2.2rem,4.4vw,4.4rem);line-height:.95;margin:0 0 14px;letter-spacing:-.055em}.lead{color:#444;font-size:1.08rem;max-width:840px}.date-card,.login-card,.lane,.form-section,.stat,.view-head,.filters,.history{background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.date-card{padding:18px;display:grid;gap:10px}.date-card input,.login-card input,.job-form input,.job-form select,.job-form textarea,.job-actions select,.filters input,.filters select{font:inherit;border:1px solid #d7d7d7;border-radius:12px;padding:11px;background:#fff;color:#111;width:100%}label{font-weight:900;color:#333;display:grid;gap:6px}.btn{border:0;border-radius:999px;padding:12px 17px;background:var(--red);color:#fff;font-weight:950;cursor:pointer;text-decoration:none;display:inline-flex;justify-content:center}.btn.secondary{background:#111}.btn.danger{background:#7f1d1d}.stats{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin:8px 0 22px}.stat{text-decoration:none;padding:18px}.stat strong{font-size:2rem;color:var(--red);display:block}.stat span{display:block;font-weight:950}.stat small{color:var(--muted)}.view-head{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:18px;margin:0 0 16px}.view-head h2{margin:0;font-size:1.8rem;letter-spacing:-.04em}.view-head p{margin:4px 0 0;color:var(--muted);font-weight:750}.switch{display:flex;gap:8px;flex-wrap:wrap}.switch a{padding:9px 12px;border-radius:999px;background:#f0f0f0;text-decoration:none;font-weight:900}.board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.lane{padding:14px;background:#fafafa}.lane header{display:flex;justify-content:space-between;gap:10px;margin-bottom:12px}.lane h2{margin:0;font-size:1.25rem}.lane header p{margin:3px 0 0;color:var(--muted);font-weight:750}.lane header span{background:#111;color:#fff;border-radius:999px;padding:7px 10px;height:max-content;font-weight:950}.job{background:#fff;border:1px solid #ddd;border-left:7px solid #999;border-radius:16px;padding:14px;margin:11px 0}.job-head{display:flex;justify-content:space-between;gap:8px}.job-head span,.pill{border-radius:999px;background:#eee;padding:5px 8px;font-weight:950;font-size:.78rem}.job h3{margin:10px 0 5px}.job p{margin:5px 0;color:#444}.customer{font-weight:950;color:#111!important}.note{background:#fff7ed;border:1px solid #fed7aa;border-radius:12px;padding:8px}.status-gepland{border-left-color:var(--blue)!important}.status-onderweg{border-left-color:var(--orange)!important}.status-afgerond{border-left-color:var(--green)!important;opacity:.83}.status-spoed,.status-probleem{border-left-color:var(--red)!important}.job-actions{display:flex;align-items:center;gap:8px;margin-top:12px}.job-actions form{margin-left:auto}.empty,.quiet{color:var(--muted);font-weight:800;background:#fff;border:1px dashed #ccc;border-radius:14px;padding:14px;display:block}.week-grid{display:grid;grid-template-columns:130px repeat(6,minmax(170px,1fr));gap:1px;background:#ddd;border:1px solid #ddd;border-radius:18px;overflow:auto;box-shadow:var(--shadow)}.week-top,.week-day,.week-cell{background:#fff;padding:12px;min-width:150px}.week-top{background:#111;color:#fff;font-weight:950;position:sticky;top:82px}.week-day{font-weight:950;background:#fafafa}.week-day a{text-decoration:none;color:var(--red)}.mini-job{display:block;text-decoration:none;background:#f8f8f8;border-left:5px solid #999;border-radius:12px;margin:7px 0;padding:9px;font-weight:850}.mini-job small{display:block;color:var(--muted);font-weight:700}.month-grid{display:grid;grid-template-columns:repeat(7,minmax(120px,1fr));gap:1px;background:#ddd;border:1px solid #ddd;border-radius:18px;overflow:hidden;box-shadow:var(--shadow)}.month-name{background:#111;color:#fff;font-weight:950;padding:11px}.month-day{min-height:112px;background:#fff;padding:12px;text-decoration:none;display:grid;align-content:start;gap:5px}.month-day strong{font-size:1.35rem}.month-day span{font-weight:900}.month-day em{font-style:normal;color:#7f1d1d;background:#fee2e2;border-radius:999px;padding:3px 6px;font-size:.78rem;font-weight:900;width:max-content}.muted-day{opacity:.45}.filters{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;align-items:end;padding:16px;margin-bottom:16px}.history{overflow:auto}.history table{width:100%;border-collapse:collapse}.history th,.history td{padding:13px;border-bottom:1px solid #eee;text-align:left;vertical-align:top}.history th{background:#111;color:#fff;position:sticky;top:82px}.history small{display:block;color:var(--muted);font-weight:700}.mini.dark{background:#111;color:#fff}.form-section{display:grid;grid-template-columns:320px 1fr;gap:24px;margin:24px 0;padding:22px}.form-section h2{margin:0 0 8px;font-size:2rem;letter-spacing:-.04em}.job-form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.wide{grid-column:1/-1}.form-actions{display:flex;gap:10px;flex-wrap:wrap}.login-body{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at top left,rgba(237,28,36,.17),transparent 380px),#111}.login-card{width:min(440px,calc(100% - 30px));padding:28px}.login-card img{width:100%;display:block;margin-bottom:16px}.login-card h1{font-size:2.2rem;margin:0 0 16px}.alert{background:#fee2e2;color:#7f1d1d;border:1px solid #fecaca;border-radius:12px;padding:10px;margin-bottom:12px;font-weight:900}footer{margin-top:24px;padding:22px 0;background:#111;color:#fff}@media(max-width:1200px){.board{grid-template-columns:repeat(2,minmax(0,1fr))}.stats{grid-template-columns:repeat(3,minmax(0,1fr))}.hero,.form-section{grid-template-columns:1fr}.filters{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:760px){.wrap{width:calc(100% - 18px)}.top-inner{align-items:flex-start;flex-direction:column;padding:10px 0}.brand img{width:150px}.top nav{width:100%;overflow-x:auto;flex-wrap:nowrap;padding-bottom:6px}.top nav a{white-space:nowrap}.stats,.board,.job-form,.filters{grid-template-columns:1fr}.hero{padding-top:22px}.hero h1{font-size:2.35rem}.view-head{align-items:flex-start;flex-direction:column}.job-actions{align-items:stretch;flex-direction:column}.job-actions form{margin-left:0}.form-actions .btn{width:100%}.month-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.month-name{display:none}.week-grid{display:block}.week-top{display:none}.week-day{border-top:3px solid #111}.week-cell{border-top:1px solid #eee}}

.vehicle-admin{display:grid;grid-template-columns:320px 1fr;gap:24px;margin:0 0 18px;padding:22px;background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.vehicle-admin h2{margin:0 0 8px;font-size:1.8rem;letter-spacing:-.04em}.vehicle-form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:end}.vehicle-form label{background:#f8f8f8;border:1px solid #e5e5e5;border-radius:14px;padding:12px}.vehicle-form span{display:block;color:var(--muted);font-size:.82rem;font-weight:800}.vehicle-form input{text-transform:uppercase;font:inherit;border:1px solid #d7d7d7;border-radius:12px;padding:11px;background:#fff;color:#111;width:100%;margin-top:8px}@media(max-width:1200px){.vehicle-admin{grid-template-columns:1fr}.vehicle-form{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.vehicle-form{grid-template-columns:1fr}}

.conflict-panel{display:grid;grid-template-columns:320px 1fr;gap:24px;margin:0 0 18px;padding:22px;background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.conflict-panel h2{margin:0 0 8px;font-size:1.8rem;letter-spacing:-.04em}.ok-box{background:#ecfdf5;border:1px solid #bbf7d0;color:#14532d;border-radius:14px;padding:14px;font-weight:950}.conflict-list{display:grid;gap:12px}.conflict{border:1px solid #fed7aa;border-left:7px solid var(--orange);background:#fff7ed;border-radius:16px;padding:14px}.conflict.hard{border-color:#fecaca;border-left-color:var(--red);background:#fef2f2}.conflict strong{display:block;font-size:1.05rem}.conflict p{margin:6px 0 10px;color:#444;font-weight:800}.conflict-pair{display:grid;gap:7px;margin-bottom:10px}.conflict-pair span{display:block;background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:12px;padding:9px;font-weight:800}.form-hint{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:10px;font-weight:850;color:#334155}@media(max-width:1200px){.conflict-panel{grid-template-columns:1fr}}

.driver-note{background:#eff6ff!important;border:1px solid #bfdbfe!important;border-radius:12px;padding:8px;color:#1e3a8a!important;font-weight:850}.conflict:not(.hard){border-left-color:#f59e0b}


/* Tablet planmodus */
.tablet-shell{margin:0 0 24px}.tablet-toolbar{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;background:#111;color:#fff;border-radius:24px;padding:22px;margin-bottom:14px;box-shadow:var(--shadow)}.tablet-toolbar h2{margin:0 0 6px;font-size:2rem;letter-spacing:-.04em}.tablet-toolbar p{margin:0;color:#ddd}.tablet-toolbar .eyebrow{color:#ffb3b6}.tablet-toolbar .switch a{background:#fff;color:#111}.tablet-feedback{position:sticky;top:86px;z-index:15;margin:0 0 12px;padding:12px 16px;border-radius:16px;background:#ecfdf5;color:#14532d;border:1px solid #bbf7d0;font-weight:950}.tablet-feedback.warn{background:#fff7ed;color:#9a3412;border-color:#fed7aa}.tablet-feedback.err{background:#fef2f2;color:#991b1b;border-color:#fecaca}.tablet-board{display:grid;grid-template-columns:repeat(6,minmax(290px,1fr));gap:14px;overflow-x:auto;padding-bottom:14px;scroll-snap-type:x mandatory}.tablet-lane{background:#fff;border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow);min-height:360px;scroll-snap-align:start}.tablet-lane header{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;padding:16px;border-bottom:1px solid var(--line);background:#fafafa;border-radius:22px 22px 0 0}.tablet-lane h2{margin:0;font-size:1.2rem}.tablet-lane p{margin:4px 0 0;color:var(--muted);font-weight:800}.tablet-lane header span{background:var(--red);color:#fff;border-radius:999px;padding:7px 11px;font-weight:950}.tablet-dropzone{min-height:270px;padding:12px;display:grid;gap:12px;align-content:start}.tablet-dropzone.over{background:#fff7ed;outline:3px dashed #fb923c;outline-offset:-8px}.tablet-job{display:grid;grid-template-columns:36px 1fr;gap:10px;background:#fff;border:2px solid #e5e7eb;border-left:8px solid #64748b;border-radius:18px;padding:12px;box-shadow:0 12px 28px rgba(0,0,0,.08);touch-action:pan-y}.tablet-job.dragging{opacity:.45;transform:scale(.98)}.drag-handle{display:grid;place-items:center;background:#111;color:#fff;border-radius:12px;font-size:1.2rem;cursor:grab}.tablet-job-main{display:grid;gap:5px}.tablet-job-main strong{font-size:.95rem}.tablet-job-main b{font-size:1.05rem}.tablet-job-main span,.tablet-job-main small{color:#444;font-weight:800}.tablet-actions{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.tablet-actions button,.tablet-actions a{border:0;border-radius:12px;padding:10px;background:#111;color:#fff;font-weight:950;text-align:center;text-decoration:none;font:inherit;cursor:pointer}.tablet-actions button[data-status="Afgerond"]{background:#15803d}.tablet-actions button[data-status="Probleem"]{background:#dc2626}.tablet-actions button[data-status="Onderweg"]{background:#e97916}.tablet-empty{border:2px dashed #ddd;border-radius:16px;padding:18px;text-align:center}.tablet-job.status-gepland{border-left-color:#1d4ed8}.tablet-job.status-onderweg{border-left-color:#e97916}.tablet-job.status-afgerond{border-left-color:#15803d}.tablet-job.status-spoed,.tablet-job.status-probleem{border-left-color:#dc2626}@media(max-width:1100px){.tablet-board{grid-template-columns:repeat(6,82vw)}.tablet-toolbar{display:grid}.tablet-actions{grid-template-columns:1fr 1fr}.tablet-feedback{top:76px}}

.unplanned-stat strong{background:#111;color:#fff}.unplanned-lane{background:#111;color:#fff;border-color:#111}.unplanned-lane header{background:#18181b;color:#fff;border-bottom-color:#333}.unplanned-lane header p{color:#ddd}.unplanned-lane .tablet-dropzone{background:#18181b}.unplanned-lane .tablet-job{background:#fff;color:#111}.unplanned-lane .tablet-empty{color:#ddd;border-color:#555}.tablet-lane.unplanned-lane header span{background:#f59e0b;color:#111}

.tablet-assign{grid-column:1/-1;background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;padding:9px}.tablet-assign label{display:grid;gap:6px;font-weight:950;color:#111}.tablet-assign select{width:100%;font:inherit;border:1px solid #cbd5e1;border-radius:12px;padding:11px;background:#fff;color:#111;font-weight:850}.unplanned-lane .tablet-assign{background:#fff;border-color:#e5e7eb}.tablet-assign select:focus{outline:3px solid rgba(237,28,36,.25);border-color:var(--red)}


/* TV/desktop dispatch polish */
.view-tablet{background:#f3f4f6}.view-tablet .wrap{width:min(1880px,calc(100% - 18px));max-width:none}.view-tablet .top-inner{min-height:72px}.view-tablet .brand img{width:150px;max-height:50px}.view-tablet .brand strong{font-size:1rem}.view-tablet .brand small{font-size:.78rem}.view-tablet .top nav a{padding:9px 13px;font-size:.88rem}.view-tablet .hero,.view-tablet .stats,.view-tablet .vehicle-admin,.view-tablet .conflict-panel{display:none}.view-tablet .tablet-shell{margin-top:10px}.view-tablet .tablet-toolbar{padding:14px 18px;border-radius:18px;margin-bottom:10px;align-items:center}.view-tablet .tablet-toolbar h2{font-size:1.45rem;margin:0}.view-tablet .tablet-toolbar p{font-size:.92rem}.view-tablet .tablet-toolbar .eyebrow{display:none}.view-tablet .tablet-toolbar .switch{display:flex;gap:8px;flex-wrap:wrap}.view-tablet .tablet-toolbar .switch a{padding:9px 12px;border-radius:999px;text-decoration:none;font-weight:950}.view-tablet .tablet-feedback{top:73px;margin-bottom:10px;padding:10px 14px;border-radius:12px}.view-tablet .tablet-board{display:grid;grid-template-columns:360px;grid-auto-columns:340px;grid-auto-flow:column;gap:12px;overflow-x:auto;overflow-y:visible;padding:0 4px 20px;scroll-snap-type:x proximity;align-items:start}.view-tablet .tablet-lane{min-width:0;min-height:calc(100vh - 190px);border-radius:16px;box-shadow:0 10px 30px rgba(0,0,0,.10);overflow:visible}.view-tablet .tablet-lane header{padding:12px 13px;border-radius:16px 16px 0 0;min-height:74px}.view-tablet .tablet-lane h2{font-size:1.02rem;line-height:1.1}.view-tablet .tablet-lane p{font-size:.78rem;line-height:1.25}.view-tablet .tablet-lane header span{padding:5px 9px;font-size:.8rem}.view-tablet .tablet-dropzone{padding:10px;gap:10px;min-height:calc(100vh - 280px)}.view-tablet .unplanned-lane{position:sticky;left:0;z-index:7;box-shadow:16px 0 30px rgba(0,0,0,.18)}.view-tablet .tablet-job{grid-template-columns:28px minmax(0,1fr);gap:9px;border-left-width:6px;border-radius:14px;padding:10px;box-shadow:0 8px 18px rgba(0,0,0,.08);max-width:100%;overflow:hidden}.view-tablet .drag-handle{width:28px;min-height:86px;border-radius:12px;font-size:1rem}.view-tablet .tablet-job-main{min-width:0;display:grid;gap:4px}.view-tablet .tablet-job-main strong{font-size:.9rem;line-height:1.2}.view-tablet .tablet-job-main b{font-size:.92rem;line-height:1.2}.view-tablet .tablet-job-main span,.view-tablet .tablet-job-main small{font-size:.78rem;line-height:1.25}.view-tablet .tablet-job-main strong,.view-tablet .tablet-job-main b,.view-tablet .tablet-job-main span,.view-tablet .tablet-job-main small{overflow-wrap:anywhere}.view-tablet .driver-note{padding:7px;font-size:.76rem}.view-tablet .tablet-assign{padding:8px;border-radius:12px}.view-tablet .tablet-assign label{font-size:.82rem;gap:5px}.view-tablet .tablet-assign select{padding:10px;border-radius:10px;font-size:.86rem;min-width:0}.view-tablet .tablet-actions{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.view-tablet .tablet-actions button,.view-tablet .tablet-actions a{display:flex;align-items:center;justify-content:center;width:100%;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:9px 7px;border-radius:10px;font-size:.78rem;line-height:1.1;text-align:center}.view-tablet .tablet-actions a{grid-column:1/-1;text-decoration:none}.view-tablet .tablet-empty{padding:14px;border-radius:14px;font-size:.86rem}.view-tablet footer{display:none}
@media (min-width:1700px){.view-tablet .tablet-board{grid-template-columns:380px;grid-auto-columns:360px}.view-tablet .tablet-job-main strong{font-size:.95rem}.view-tablet .tablet-job-main b{font-size:.98rem}.view-tablet .tablet-job-main span,.view-tablet .tablet-job-main small{font-size:.82rem}}
@media (max-width:900px){.view-tablet .wrap{width:calc(100% - 12px)}.view-tablet .top-inner{min-height:66px}.view-tablet .brand img{width:120px}.view-tablet .tablet-toolbar{display:grid}.view-tablet .tablet-board{grid-template-columns:86vw;grid-auto-columns:86vw}.view-tablet .unplanned-lane{position:relative;left:auto}.view-tablet .tablet-actions{grid-template-columns:1fr 1fr}.view-tablet .tablet-actions a{grid-column:1/-1}}


/* Vehicle split tables */
.vehicle-admin-split{grid-template-columns:280px 1fr;align-items:start}.vehicle-table-form{display:block}.vehicle-tables{display:grid;gap:16px}.vehicle-table-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:18px;overflow:hidden}.vehicle-table-card.haakarm-table-card{background:#fff7ed;border-color:#fed7aa}.vehicle-table-head{display:flex;align-items:end;justify-content:space-between;gap:14px;padding:16px 18px;border-bottom:1px solid rgba(0,0,0,.08)}.vehicle-table-head .eyebrow{margin:0;color:var(--red)}.vehicle-table-head h3{margin:0;font-size:1.45rem;letter-spacing:-.04em}.vehicle-table-head span{background:#111;color:#fff;border-radius:999px;padding:7px 11px;font-weight:950;font-size:.85rem}.vehicle-table{width:100%;border-collapse:collapse;background:#fff}.vehicle-table th,.vehicle-table td{padding:12px 14px;border-bottom:1px solid #edf2f7;text-align:left;vertical-align:middle}.vehicle-table th{font-size:.78rem;text-transform:uppercase;letter-spacing:.08em;color:#64748b;background:#f8fafc}.vehicle-table td strong{display:block}.vehicle-table td small{display:block;color:#64748b;font-weight:800}.vehicle-table input{width:100%;font:inherit;border:1px solid #cbd5e1;border-radius:12px;padding:10px;text-transform:uppercase;background:#fff}.vehicle-save{margin-top:14px}.view-tablet .vehicle-admin-split{display:none}@media(max-width:980px){.vehicle-admin-split{grid-template-columns:1fr}.vehicle-table{display:block;overflow-x:auto;white-space:nowrap}.vehicle-table-head{align-items:flex-start;flex-direction:column}}


/* Tablet grouped vehicle rows */
.tablet-section{margin:0 0 16px}.tablet-section-head{display:flex;align-items:end;justify-content:space-between;gap:16px;margin:0 0 8px;padding:10px 14px;border-radius:16px;background:#fff;border:1px solid #e5e7eb;box-shadow:0 8px 20px rgba(0,0,0,.06)}.tablet-section-head span{display:block;color:var(--red);font-weight:950;text-transform:uppercase;letter-spacing:.08em;font-size:.72rem}.tablet-section-head h3{margin:2px 0 0;font-size:1.15rem;letter-spacing:-.035em}.tablet-section-head p{margin:0;color:#64748b;font-weight:850}.tablet-section-haakarm .tablet-section-head{background:#fff7ed;border-color:#fed7aa}.tablet-board-portaal{grid-template-columns:360px;grid-auto-columns:340px}.tablet-board-haakarm{grid-template-columns:repeat(auto-fit,minmax(340px,360px));grid-auto-flow:row;overflow-x:visible;align-items:stretch}.tablet-board-haakarm .tablet-lane{min-height:320px}.tablet-section-haakarm .tablet-lane{border-color:#bfdbfe}.tablet-section-haakarm .tablet-lane header{background:#eff6ff}.view-tablet .tablet-section-haakarm .tablet-dropzone{min-height:210px}.view-tablet .tablet-board-haakarm{padding-bottom:6px}.view-tablet .tablet-board-haakarm .tablet-lane{min-height:calc(50vh - 140px)}
@media(max-width:900px){.tablet-section-head{display:grid;align-items:start}.tablet-board-haakarm{grid-template-columns:86vw;grid-auto-columns:86vw;grid-auto-flow:column;overflow-x:auto}.view-tablet .tablet-board-haakarm .tablet-lane{min-height:320px}}


/* Unplanned top category row */
.tablet-section-unplanned .tablet-section-head{background:#111;color:#fff;border-color:#111}.tablet-section-unplanned .tablet-section-head span{color:#fbbf24}.tablet-section-unplanned .tablet-section-head p{color:#e5e7eb}.tablet-board-unplanned{display:grid;grid-template-columns:repeat(2,minmax(340px,1fr));grid-auto-flow:row;gap:12px;overflow-x:visible;padding:0 4px 8px;align-items:stretch}.view-tablet .tablet-section-unplanned .tablet-lane{min-height:260px}.view-tablet .tablet-section-unplanned .tablet-dropzone{min-height:160px}.view-tablet .tablet-section-unplanned .unplanned-lane{position:relative;left:auto;z-index:auto;box-shadow:0 10px 30px rgba(0,0,0,.10)}.tablet-section-unplanned .unplanned-lane header{background:#18181b;color:#fff}.tablet-section-unplanned .unplanned-lane header p{color:#ddd}.tablet-section-unplanned .unplanned-lane .tablet-dropzone{background:#18181b}.tablet-section-unplanned .unplanned-lane .tablet-empty{color:#ddd;border-color:#555}.tablet-board-portaal{grid-template-columns:repeat(5,minmax(320px,1fr));grid-auto-columns:340px}.tablet-board-portaal .unplanned-lane{position:relative;left:auto}.view-tablet .tablet-board-portaal .tablet-lane{min-height:calc(56vh - 165px)}
@media(max-width:900px){.tablet-board-unplanned{grid-template-columns:86vw;grid-auto-columns:86vw;grid-auto-flow:column;overflow-x:auto}.tablet-board-portaal{grid-template-columns:86vw;grid-auto-columns:86vw}}


/* Haakarm top-right dispatch */
.tablet-section-top-dispatch .tablet-section-head{background:#111;color:#fff;border-color:#111}.tablet-section-top-dispatch .tablet-section-head span{color:#fbbf24}.tablet-section-top-dispatch .tablet-section-head p{color:#e5e7eb}.tablet-board-top-dispatch{display:grid;grid-template-columns:300px 300px minmax(340px,1fr);gap:12px;overflow-x:visible;padding:0 4px 14px;align-items:stretch}.tablet-board-top-dispatch .tablet-lane{min-height:315px}.tablet-board-top-dispatch .tablet-lane:not(.unplanned-lane){border-color:#bfdbfe}.tablet-board-top-dispatch .tablet-lane:not(.unplanned-lane) header{background:#eff6ff}.tablet-board-top-dispatch .unplanned-lane{position:relative!important;left:auto!important;z-index:auto;box-shadow:0 10px 30px rgba(0,0,0,.10)}.tablet-board-top-dispatch .unplanned-lane header{background:#18181b;color:#fff}.tablet-board-top-dispatch .unplanned-lane header p{color:#ddd}.tablet-board-top-dispatch .unplanned-lane .tablet-dropzone{background:#18181b}.tablet-board-top-dispatch .unplanned-lane .tablet-empty{color:#ddd;border-color:#555}.tablet-board-top-dispatch .tablet-dropzone{min-height:215px}.tablet-board-portaal{grid-template-columns:repeat(5,minmax(320px,1fr));grid-auto-columns:340px}.view-tablet .tablet-board-portaal .tablet-lane{min-height:calc(52vh - 150px)}.tablet-section-haakarm{display:none}
@media(max-width:1100px){.tablet-board-top-dispatch{grid-template-columns:86vw;grid-auto-columns:86vw;grid-auto-flow:column;overflow-x:auto}.tablet-board-portaal{grid-template-columns:86vw;grid-auto-columns:86vw;grid-auto-flow:column;overflow-x:auto}}


/* Department tabs */
.tablet-dept-tabs{display:flex;gap:10px;margin:10px 0 14px;padding:8px;background:#111;border-radius:18px;box-shadow:0 10px 28px rgba(0,0,0,.14)}.tablet-dept-tabs button{border:0;border-radius:14px;padding:13px 20px;font-weight:950;font-size:1rem;cursor:pointer;background:#27272a;color:#fff}.tablet-dept-tabs button.active{background:var(--red);box-shadow:0 8px 22px rgba(220,38,38,.35)}.tablet-dept-panel{display:none}.tablet-dept-panel.active{display:block}.tablet-board-department{display:grid;gap:12px;overflow-x:auto;padding:0 4px 12px;align-items:stretch}.tablet-dept-portaal-board{grid-template-columns:320px;grid-auto-columns:minmax(315px,1fr);grid-auto-flow:column}.tablet-dept-haakarm-board{grid-template-columns:320px;grid-auto-columns:minmax(360px,1fr);grid-auto-flow:column}.tablet-dept-panel .tablet-section-head{margin-bottom:10px}.tablet-dept-haakarm .tablet-section-head{background:#eff6ff;border-color:#bfdbfe}.tablet-dept-haakarm .tablet-lane:not(.unplanned-lane) header{background:#eff6ff}.tablet-dept-panel .unplanned-lane{position:relative!important;left:auto!important;z-index:auto}.tablet-dept-panel .unplanned-lane header{background:#18181b;color:#fff}.tablet-dept-panel .unplanned-lane header p{color:#ddd}.tablet-dept-panel .unplanned-lane .tablet-dropzone{background:#18181b}.tablet-dept-panel .unplanned-lane .tablet-empty{color:#ddd;border-color:#555}.view-tablet .tablet-dept-panel .tablet-lane{min-height:calc(100vh - 255px)}.view-tablet .tablet-dept-panel .tablet-dropzone{min-height:calc(100vh - 360px)}
@media(max-width:900px){.tablet-dept-tabs{position:sticky;top:0;z-index:20}.tablet-dept-tabs button{flex:1}.tablet-dept-portaal-board,.tablet-dept-haakarm-board{grid-template-columns:86vw;grid-auto-columns:86vw}}


/* SOS-style admin planboard shell for Methorst */
.methorst-admin-shell{height:100vh;overflow:hidden;background:#f3f4f6;color:var(--ink)}
.methorst-admin-shell .methorst-admin-rail{position:fixed;inset:0 auto 0 0;width:86px;z-index:50;background:#111;border:0;border-right:1px solid rgba(255,255,255,.12);box-shadow:14px 0 34px rgba(0,0,0,.18)}
.methorst-admin-shell .top-inner{width:100%;height:100vh;min-height:0;margin:0;padding:12px 9px;display:flex;flex-direction:column;align-items:center;gap:12px}
.methorst-admin-shell .brand{width:66px;min-height:66px;margin:0;padding:7px;background:#fff;border-radius:18px;display:grid;place-items:center;box-shadow:0 10px 28px rgba(0,0,0,.25)}
.methorst-admin-shell .brand img{width:52px;max-height:52px;border-radius:10px;background:#fff;object-fit:contain}
.methorst-admin-shell .brand span{position:absolute;left:96px;top:14px;display:none;background:#111;color:#fff;border-radius:14px;padding:10px 12px;white-space:nowrap;box-shadow:0 12px 30px rgba(0,0,0,.28)}
.methorst-admin-shell .brand:hover span{display:block}.methorst-admin-shell .brand small{color:#ddd}
.methorst-admin-shell .top nav{display:grid;gap:8px;width:100%;align-content:start;flex:1;overflow-y:auto;padding:2px 0 8px;scrollbar-width:thin}
.methorst-admin-shell .top nav a{position:relative;width:64px;min-height:58px;padding:0;border-radius:18px;background:#262626;color:#fff;display:grid;place-items:center;text-indent:-999px;overflow:visible;text-decoration:none;box-shadow:none;font-size:0;transition:.18s ease;border:1px solid rgba(255,255,255,.06)}
.methorst-admin-shell .top nav a::before{content:'▦';text-indent:0;font-size:24px;line-height:1;font-weight:900}.methorst-admin-shell .top nav a:nth-child(1)::before{content:'◷'}.methorst-admin-shell .top nav a:nth-child(2)::before{content:'▦'}.methorst-admin-shell .top nav a:nth-child(3)::before{content:'▥'}.methorst-admin-shell .top nav a:nth-child(4)::before{content:'▣'}.methorst-admin-shell .top nav a:nth-child(5)::before{content:'↺'}.methorst-admin-shell .top nav a:nth-child(6)::before{content:'⚠'}.methorst-admin-shell .top nav a:nth-child(7)::before{content:'+'}.methorst-admin-shell .top nav a:nth-child(8)::before{content:'⇥'}
.methorst-admin-shell .top nav a::after{content:attr(href);position:absolute;left:74px;top:50%;transform:translateY(-50%);display:none;background:#111;color:#fff;text-indent:0;font-size:12px;font-weight:950;white-space:nowrap;border-radius:12px;padding:8px 10px;box-shadow:0 12px 26px rgba(0,0,0,.28);pointer-events:none}.methorst-admin-shell .top nav a:nth-child(1)::after{content:'Dagplanning'}.methorst-admin-shell .top nav a:nth-child(2)::after{content:'Planbord'}.methorst-admin-shell .top nav a:nth-child(3)::after{content:'Weekplanning'}.methorst-admin-shell .top nav a:nth-child(4)::after{content:'Maandplanning'}.methorst-admin-shell .top nav a:nth-child(5)::after{content:'Wagenhistorie'}.methorst-admin-shell .top nav a:nth-child(6)::after{content:'Conflicten'}.methorst-admin-shell .top nav a:nth-child(7)::after{content:'Nieuwe opdracht'}.methorst-admin-shell .top nav a:nth-child(8)::after{content:'Uitloggen'}
.methorst-admin-shell .top nav a:hover::after{display:block}.methorst-admin-shell .top nav a:hover{transform:translateY(-1px);background:#383838}.methorst-admin-shell .top nav a.active{background:var(--red);box-shadow:0 10px 26px rgba(237,28,36,.32)}
.methorst-admin-shell main.wrap{position:fixed;left:86px;right:0;top:0;bottom:0;width:auto;max-width:none;margin:0;padding:18px 18px 40px;overflow:auto;scrollbar-gutter:stable}
.methorst-admin-shell footer{display:none}.methorst-admin-shell .hero{padding:0 0 14px;grid-template-columns:minmax(0,1fr) 310px;align-items:stretch}.methorst-admin-shell .hero h1{font-size:clamp(2rem,3vw,3.2rem)}.methorst-admin-shell .date-card{box-shadow:0 10px 30px rgba(0,0,0,.08)}
.methorst-admin-shell .stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(185px,1fr));gap:10px;margin:0 0 14px}.methorst-admin-shell .stat{box-shadow:0 10px 26px rgba(0,0,0,.08);padding:14px;border-radius:18px}.methorst-admin-shell .stat strong{font-size:1.8rem}.methorst-admin-shell .view-head,.methorst-admin-shell .vehicle-admin,.methorst-admin-shell .conflict-panel,.methorst-admin-shell .form-section,.methorst-admin-shell .history,.methorst-admin-shell .filters{box-shadow:0 12px 32px rgba(0,0,0,.08)}
.methorst-admin-shell .tablet-toolbar{position:sticky;top:0;z-index:30;margin-top:0;background:#111;border:1px solid rgba(255,255,255,.08)}.methorst-admin-shell .tablet-feedback{top:92px}.methorst-admin-shell .tablet-dept-tabs{position:sticky;top:154px;z-index:25}.methorst-admin-shell .tablet-board-department{border-radius:18px}.methorst-admin-shell .tablet-lane{box-shadow:0 12px 32px rgba(0,0,0,.10)}
.methorst-admin-shell .tablet-dept-portaal-board{grid-template-columns:330px;grid-auto-columns:minmax(315px,1fr);grid-auto-flow:column}.methorst-admin-shell .tablet-dept-haakarm-board{grid-template-columns:330px;grid-auto-columns:minmax(360px,1fr);grid-auto-flow:column}.methorst-admin-shell .tablet-job{box-shadow:0 10px 22px rgba(0,0,0,.08)}
.view-tablet.methorst-admin-shell main.wrap{padding:10px 12px 32px}.view-tablet.methorst-admin-shell .tablet-toolbar{top:0;border-radius:18px}.view-tablet.methorst-admin-shell .tablet-feedback{top:88px}.view-tablet.methorst-admin-shell .tablet-dept-tabs{top:142px}.view-tablet.methorst-admin-shell .tablet-dept-panel .tablet-lane{min-height:calc(100vh - 245px)}.view-tablet.methorst-admin-shell .tablet-dept-panel .tablet-dropzone{min-height:calc(100vh - 350px)}
@media(max-width:900px){.methorst-admin-shell{height:auto;overflow:auto}.methorst-admin-shell .methorst-admin-rail{position:sticky;top:0;width:100%;height:auto;inset:auto;z-index:60;border-right:0;border-bottom:1px solid rgba(255,255,255,.12)}.methorst-admin-shell .top-inner{height:auto;min-height:74px;display:grid;grid-template-columns:68px minmax(0,1fr);padding:8px}.methorst-admin-shell .brand{width:58px;min-height:58px}.methorst-admin-shell .brand img{width:46px}.methorst-admin-shell .top nav{display:flex;overflow-x:auto;overflow-y:hidden;gap:7px}.methorst-admin-shell .top nav a{min-width:54px;width:54px;min-height:52px;border-radius:16px}.methorst-admin-shell main.wrap{position:relative;left:auto;right:auto;top:auto;bottom:auto;width:calc(100% - 12px);padding:12px 0 30px;margin:0 auto;overflow:visible}.methorst-admin-shell .hero{grid-template-columns:1fr}.methorst-admin-shell .tablet-dept-tabs{top:74px}.methorst-admin-shell .tablet-feedback{top:74px}.methorst-admin-shell .top nav a::after,.methorst-admin-shell .brand span{display:none!important}}


/* Methorst vrachtbrief/document koppeling */
.freight-fields{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;background:#f8fafc;border:1px solid #cbd5e1;border-radius:18px;padding:14px}.freight-fields-head{grid-column:1/-1;display:grid;gap:4px}.freight-fields-head span{color:var(--red);font-weight:950;text-transform:uppercase;letter-spacing:.08em;font-size:.75rem}.freight-fields-head strong{font-size:1.15rem}.freight-fields-head small{color:#475569;font-weight:850}.freight-fields label.wide{grid-column:1/-1}.freight-pill{border-radius:14px;padding:9px 11px;margin:10px 0!important;border:1px solid #bfdbfe;background:#eff6ff;color:#1e3a8a;font-weight:900}.freight-pill.required{border-color:#fed7aa;background:#fff7ed;color:#9a3412}.freight-pill small{display:block;font-size:.78rem;margin-top:2px}.freight-mini{background:#1d4ed8!important}.job-actions .freight-mini{color:#fff}.tablet-actions a[target]{background:#1d4ed8;color:#fff}.freight-print-body{background:#e5e7eb;color:#111;font-family:Inter,Arial,sans-serif}.freight-print{max-width:980px;margin:24px auto;background:#fff;border:1px solid #d1d5db;border-radius:22px;padding:28px;box-shadow:0 24px 60px rgba(0,0,0,.18)}.print-actions{display:flex;gap:10px;justify-content:flex-end;margin-bottom:18px}.print-actions button{border:0;cursor:pointer}.freight-print-head{display:flex;gap:22px;align-items:center;border-bottom:4px solid #111;padding-bottom:18px;margin-bottom:20px}.freight-print-head img{width:180px;max-height:74px;object-fit:contain}.freight-print-head h1{font-size:2.4rem;margin:0 0 8px;letter-spacing:-.045em}.freight-print-head p{margin:0;color:#475569;font-weight:850}.freight-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:20px 0}.freight-grid div{border:1px solid #e5e7eb;border-radius:14px;padding:12px;background:#f8fafc}.freight-grid span{display:block;color:#64748b;font-size:.78rem;font-weight:950;text-transform:uppercase;letter-spacing:.07em}.freight-grid strong{display:block;margin-top:4px}.freight-text{margin-top:18px}.freight-text h2{margin:0 0 10px}.freight-text pre{white-space:pre-wrap;background:#111;color:#fff;border-radius:16px;padding:18px;font:15px/1.45 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.signature-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:24px}.signature-grid div{border:1px solid #cbd5e1;border-radius:14px;padding:16px;min-height:140px}.signature-grid h3{margin:0 0 18px}@media(max-width:760px){.freight-fields,.freight-grid,.signature-grid{grid-template-columns:1fr}.freight-print{margin:0;border-radius:0}.freight-print-head{display:grid}.freight-print-head img{width:150px}}


/* Handhaving hoge-prioriteit containers */
.handhaving-tab{background:#facc15!important;color:#111!important;box-shadow:0 8px 22px rgba(250,204,21,.35)!important}.tablet-dept-handhaving .tablet-section-head{background:#fef3c7!important;border-color:#facc15!important;color:#111}.tablet-dept-handhaving .tablet-section-head span{color:#111}.tablet-dept-handhaving .tablet-section-head h3::before{content:'⚠ ';}.tablet-dept-handhaving .tablet-lane{border-color:#facc15!important;background:#fffbeb}.tablet-dept-handhaving .tablet-lane header{background:#fef3c7!important;color:#111;border-bottom-color:#facc15}.tablet-dept-handhaving .unplanned-lane{background:#111!important;border-color:#facc15!important}.tablet-dept-handhaving .unplanned-lane header{background:#facc15!important;color:#111!important}.tablet-dept-handhaving .unplanned-lane header p{color:#111!important}.tablet-dept-handhaving .unplanned-lane .tablet-dropzone{background:#18181b}.tablet-dept-handhaving-board{grid-template-columns:340px;grid-auto-columns:minmax(330px,1fr);grid-auto-flow:column}.methorst-admin-shell .tablet-dept-handhaving-board{grid-template-columns:340px;grid-auto-columns:minmax(330px,1fr);grid-auto-flow:column}.enforcement-badge{display:inline-flex!important;align-items:center;gap:8px;width:max-content;max-width:100%;background:#facc15!important;color:#111!important;border:2px solid #111!important;border-radius:999px;padding:7px 11px!important;font-weight:950!important;text-transform:uppercase;letter-spacing:.04em;font-size:.78rem!important;box-shadow:0 8px 18px rgba(0,0,0,.18)}.enforcement-badge i{display:inline-grid;place-items:center;width:18px;height:18px;background:#111;color:#facc15;border-radius:50%;font-style:normal;font-weight:950}.tablet-job:has(.enforcement-badge),.job:has(.enforcement-badge){border-color:#facc15!important;border-left-color:#111!important;background:linear-gradient(180deg,#fffbeb,#fff)!important}.job .enforcement-badge{margin:4px 0 10px}.tablet-job-main .enforcement-badge{margin:0 0 6px}.view-tablet.methorst-admin-shell .tablet-dept-handhaving .tablet-lane{min-height:calc(100vh - 245px)}
@media(max-width:900px){.tablet-dept-handhaving-board{grid-template-columns:86vw;grid-auto-columns:86vw}.enforcement-badge{font-size:.72rem!important}}


/* Sector begeleidingsbrief PDF-format */
.sector-letter-body{background:#dbe3ea;color:#111;font-family:Arial,Helvetica,sans-serif}.sector-letter{width:210mm;min-height:297mm;margin:18px auto;background:#f8fafc;border:1px solid #9ca3af;padding:11mm 12mm;box-shadow:0 24px 60px rgba(15,23,42,.25);position:relative;font-size:11px;line-height:1.22}.sector-letter .print-actions{display:flex;gap:8px;justify-content:flex-end;margin:-4mm 0 5mm}.sector-head{display:grid;grid-template-columns:1fr 92mm;border-bottom:1.5px solid #9ca3af;margin-bottom:4mm;min-height:39mm}.sector-head h1{font-size:22px;margin:0 0 3px;letter-spacing:-.04em}.sector-head p{font-weight:800;margin:0 0 3px}.sector-head small{font-size:10px;color:#374151}.sector-logo{display:grid;place-items:center;border-left:1.5px solid #9ca3af;padding-left:6mm}.sector-logo img{max-width:78mm;max-height:25mm;object-fit:contain;filter:grayscale(1) contrast(1.2)}.sector-logo strong{font-size:20px;letter-spacing:.06em}.sector-grid{display:grid;grid-template-columns:1fr 1fr;gap:0;border-left:1px solid #9ca3af;border-top:1px solid #9ca3af}.sector-box{border-right:1px solid #9ca3af;border-bottom:1px solid #9ca3af;min-height:27mm;padding:2.5mm 3mm;background:rgba(255,255,255,.45)}.sector-box h2,.waste-table h2,.sector-notes h2{font-size:10px;margin:0 0 2mm;font-weight:900;color:#111}.sector-box label{display:block;font-size:9px;color:#4b5563;border-bottom:1px dotted #cbd5e1;margin-top:1.5mm}.sector-box b,.sector-box span{display:block;min-height:4mm;font-size:11px}.sector-box.muted{background:#f1f5f9}.transporter{margin-top:3mm;border:1px solid #9ca3af}.checkline{display:flex;gap:10px;flex-wrap:wrap;border-bottom:1px solid #cbd5e1;padding-bottom:2mm;margin-bottom:2mm}.checkline span{font-size:10px}.checked{font-weight:900}.transport-meta{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:3mm}.yesno{display:flex;gap:12px;justify-content:flex-end;border-top:1px dotted #cbd5e1;margin-top:2mm;padding-top:1.5mm;font-size:9px}.waste-table{margin-top:3mm;border:1px solid #9ca3af}.waste-table h2{padding:2mm 3mm;border-bottom:1px solid #9ca3af}.waste-table table{width:100%;border-collapse:collapse;font-size:10px}.waste-table th{background:#e5e7eb;text-align:left;border-right:1px solid #9ca3af;border-bottom:1px solid #9ca3af;padding:2mm 1.5mm}.waste-table td{border-right:1px solid #cbd5e1;border-bottom:1px dotted #cbd5e1;padding:2.5mm 1.5mm;height:9mm}.waste-table th:last-child,.waste-table td:last-child{border-right:0}.waste-table .empty-row td{height:12mm;color:transparent}.container-lines{margin:16mm 0 8mm 10mm;font-size:13px}.container-lines p{margin:3mm 0}.container-lines span{display:inline-block;min-width:43mm;border-bottom:1px dotted #6b7280}.sector-notes{border:1px solid #9ca3af;padding:2.5mm 3mm;min-height:28mm;background:#fff}.sector-notes p{margin:1.5mm 0}.doc-rule{background:#fef3c7;border:1px solid #facc15;border-radius:5px;padding:1.8mm}.sector-footer{position:absolute;left:12mm;right:12mm;bottom:10mm;display:grid;grid-template-columns:1fr 1fr 1fr 1fr 28mm;border:1px solid #9ca3af;min-height:22mm}.sector-footer div{border-right:1px solid #9ca3af;padding:2mm;display:flex;align-items:flex-start}.sector-footer small{font-size:8.5px;color:#4b5563}.sector-footer strong{display:grid;place-items:center;color:#b91c1c;font-size:16px;letter-spacing:.08em}.sector-letter::before{content:'BEGELEIDINGSBRIEF · Methorst Rijswijk';position:absolute;left:2mm;top:62mm;writing-mode:vertical-rl;transform:rotate(180deg);font-size:8px;color:#6b7280;letter-spacing:.04em}@media(max-width:900px){.sector-letter{width:auto;min-height:auto;margin:0;padding:14px}.sector-head,.sector-grid{grid-template-columns:1fr}.sector-logo{border-left:0;border-top:1px solid #9ca3af}.transport-meta,.sector-footer{grid-template-columns:1fr}.sector-footer{position:static;margin-top:16px}.sector-footer div{min-height:55px}.container-lines{margin:18px 0}.sector-letter::before{display:none}}@media print{.sector-letter-body{background:#fff}.sector-letter{font-size:10.5px}.sector-notes{break-inside:avoid}.waste-table{break-inside:avoid}}


/* Methorst digitale urenstaat + ZZP-facturatie */
.hours-head{align-items:center}.hours-dashboard{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0 0 16px}.hours-dashboard article{background:#111;color:#fff;border-radius:18px;padding:18px;box-shadow:0 12px 32px rgba(0,0,0,.12)}.hours-dashboard strong{display:block;font-size:2rem;line-height:1}.hours-dashboard span{display:block;margin-top:7px;font-weight:950;color:#e5e7eb}.invoice-box{display:flex;justify-content:space-between;gap:16px;align-items:center;background:#fff7ed;border:1px solid #fed7aa;border-radius:20px;padding:18px;margin:0 0 16px;box-shadow:0 12px 32px rgba(0,0,0,.08)}.invoice-box h2{margin:0 0 6px;font-size:1.55rem;letter-spacing:-.04em}.invoice-box p{margin:0;color:#7c2d12;font-weight:850}.hours-table-wrap{background:#fff;border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow);overflow:auto;max-height:calc(100vh - 230px)}.hours-table{width:100%;min-width:1320px;border-collapse:separate;border-spacing:0}.hours-table th{position:sticky;top:0;z-index:3;background:#111;color:#fff;text-align:left;padding:13px 14px;font-size:.78rem;text-transform:uppercase;letter-spacing:.08em}.hours-table td{vertical-align:top;padding:14px;border-bottom:1px solid #eef2f7}.hours-table td strong{display:block}.hours-table td small{display:block;color:#64748b;font-weight:850;margin-top:3px}.hours-mini-form{display:grid;gap:10px}.hours-grid{display:grid;grid-template-columns:repeat(3,minmax(96px,1fr));gap:8px}.hours-grid label{font-size:.76rem;font-weight:950;color:#475569}.hours-grid input,.hours-grid select{width:100%;font:inherit;border:1px solid #cbd5e1;border-radius:10px;padding:8px;background:#fff;margin-top:4px}.hours-grid .wide{grid-column:1/-1}.hours-status{display:inline-flex;align-items:center;width:max-content;gap:6px;border-radius:999px;padding:6px 9px;font-size:.73rem;font-weight:950;text-transform:uppercase;letter-spacing:.04em;background:#e2e8f0;color:#334155;margin:0 0 6px}.hours-status.zzp{background:#fff7ed;color:#9a3412;border:1px solid #fed7aa}.hours-status.loondienst{background:#eff6ff;color:#1e3a8a;border:1px solid #bfdbfe}.hours-status.ok{background:#dcfce7;color:#166534;border:1px solid #86efac}.hours-status.open{background:#fef2f2;color:#991b1b;border:1px solid #fecaca}.approval-stack{display:grid;gap:7px}.approval-stack form{display:grid;gap:7px}.invoice-cell{display:grid;gap:5px;min-width:190px}.invoice-cell .quiet{font-weight:850;color:#64748b}.driver-hours-mini{background:#0f766e!important;color:#fff!important}.mini:disabled{opacity:.45;cursor:not-allowed;filter:grayscale(.4)}.methorst-admin-shell .top nav a:nth-child(6)::before{content:'⏱'}.methorst-admin-shell .top nav a:nth-child(7)::before{content:'⚠'}.methorst-admin-shell .top nav a:nth-child(8)::before{content:'+'}.methorst-admin-shell .top nav a:nth-child(9)::before{content:'⇥'}.methorst-admin-shell .top nav a:nth-child(6)::after{content:'Urenstaat'}.methorst-admin-shell .top nav a:nth-child(7)::after{content:'Conflicten'}.methorst-admin-shell .top nav a:nth-child(8)::after{content:'Nieuwe opdracht'}.methorst-admin-shell .top nav a:nth-child(9)::after{content:'Uitloggen'}
@media(max-width:1100px){.hours-dashboard{grid-template-columns:repeat(2,minmax(0,1fr))}.invoice-box{display:grid}.hours-table-wrap{max-height:none}.hours-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.hours-dashboard{grid-template-columns:1fr}.hours-grid{grid-template-columns:1fr}.hours-table{min-width:980px}}


/* Methorst uitbesteden buiten werkregio */
.outsource-fields{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;background:#f0f9ff;border:1px solid #7dd3fc;border-radius:18px;padding:14px}.outsource-fields-head{grid-column:1/-1;display:grid;gap:4px}.outsource-fields-head span{color:#0369a1;font-weight:950;text-transform:uppercase;letter-spacing:.08em;font-size:.75rem}.outsource-fields-head strong{font-size:1.15rem}.outsource-fields-head small{color:#075985;font-weight:850}.outsource-fields label.wide,.outsource-fields .outsource-card{grid-column:1/-1}.checkline-field{display:flex!important;align-items:center;gap:10px;background:#fff!important;border:1px solid #bae6fd!important;border-radius:14px;padding:11px!important;font-weight:950}.checkline-field input{width:auto!important;margin:0!important}.outsource-card{background:#fff;border:1px solid #38bdf8;border-left:7px solid #0284c7;border-radius:16px;padding:12px;display:grid;gap:4px}.outsource-card b{color:#075985}.outsource-card span{font-weight:850;color:#334155}.outsource-badge{display:inline-flex!important;width:max-content;max-width:100%;align-items:center;gap:8px;background:#e0f2fe!important;color:#075985!important;border:2px solid #0284c7!important;border-radius:999px;padding:7px 11px!important;font-weight:950!important;text-transform:uppercase;letter-spacing:.04em;font-size:.78rem!important}.job:has(.outsource-badge){border-left-color:#0284c7!important}.tablet-job-main .outsource-badge{margin:4px 0}
@media(max-width:800px){.outsource-fields{grid-template-columns:1fr}.outsource-badge{font-size:.72rem!important}}


/* Methorst top menu + device switch reset */
.methorst-top-menu-shell{height:auto;min-height:100vh;overflow:auto;background:#f4f4f4;color:var(--ink)}
.methorst-top-menu-shell .top.methorst-top-menu{position:sticky;top:0;z-index:70;background:rgba(255,255,255,.97);border-bottom:1px solid var(--line);box-shadow:0 8px 24px rgba(0,0,0,.07)}
.methorst-top-menu-shell .top-inner{width:min(1420px,calc(100% - 28px));margin:0 auto;min-height:82px;display:flex;align-items:center;gap:14px;padding:0}
.methorst-top-menu-shell .brand{display:flex;align-items:center;gap:12px;text-decoration:none;margin-right:8px;min-width:250px}.methorst-top-menu-shell .brand img{width:168px;max-height:56px;object-fit:contain;background:#fff;border-radius:8px}.methorst-top-menu-shell .brand strong{display:block;font-size:1.05rem}.methorst-top-menu-shell .brand small{display:block;color:var(--muted);font-weight:800;font-size:.8rem}.main-menu{display:flex;gap:7px;flex-wrap:wrap;align-items:center;flex:1}.main-menu a,.logout-link{padding:9px 12px;border-radius:999px;background:#111;color:#fff;text-decoration:none;font-weight:950;font-size:.88rem;white-space:nowrap}.main-menu a.active{background:var(--red)}.logout-link{background:#f3f4f6;color:#111;border:1px solid #d4d4d8}.device-switcher{width:min(1420px,calc(100% - 28px));margin:0 auto;padding:0 0 12px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.device-button{display:flex;align-items:center;justify-content:space-between;gap:10px;text-decoration:none;border:1px solid #d7d7d7;background:#fff;border-radius:16px;padding:12px 14px;box-shadow:0 8px 20px rgba(0,0,0,.05)}.device-button b{font-size:1rem}.device-button span{color:#555;font-weight:850;font-size:.88rem}.device-button.active{border-color:var(--red);background:#fff5f5;box-shadow:0 10px 28px rgba(237,28,36,.13)}.device-button.active b{color:var(--red)}
.methorst-top-menu-shell main.wrap{position:relative!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;width:min(1420px,calc(100% - 28px))!important;max-width:none;margin:0 auto!important;padding:22px 0 40px!important;overflow:visible!important}.methorst-top-menu-shell .hero{padding:22px 0 22px}.methorst-top-menu-shell .stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin:0 0 18px}.methorst-top-menu-shell .tablet-toolbar{position:relative;top:auto}.methorst-top-menu-shell .tablet-feedback,.methorst-top-menu-shell .tablet-dept-tabs{position:sticky}.view-desktop .board{grid-template-columns:repeat(auto-fit,minmax(310px,1fr))}.view-desktop .lane{min-width:0}.view-phone .hero{grid-template-columns:1fr;padding-top:14px}.view-phone .hero h1{font-size:2rem;line-height:1.05}.view-phone .lead{font-size:1rem}.view-phone .stats{grid-template-columns:1fr}.view-phone .vehicle-admin,.view-phone .conflict-panel{grid-template-columns:1fr;padding:16px}.view-phone .board{display:grid;grid-template-columns:1fr;gap:14px}.view-phone .lane{border-radius:18px}.view-phone .job{font-size:.95rem}.view-phone .job-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.view-phone .job-actions form,.view-phone .job-actions select{grid-column:1/-1;width:100%}.view-phone .date-card{padding:14px}.view-phone .view-head{display:grid;gap:10px}.view-phone .switch{display:grid;grid-template-columns:1fr;gap:8px}.view-phone .switch a{text-align:center}.view-phone .form-section{padding:16px}.view-phone .job-form{grid-template-columns:1fr!important}.view-phone .freight-fields,.view-phone .outsource-fields{grid-template-columns:1fr!important}
@media(max-width:1100px){.methorst-top-menu-shell .top-inner{display:grid;grid-template-columns:1fr auto;gap:10px;min-height:auto;padding:10px 0}.methorst-top-menu-shell .brand{min-width:0}.main-menu{grid-column:1/-1;overflow-x:auto;flex-wrap:nowrap;padding-bottom:4px}.main-menu a{flex:0 0 auto}.logout-link{align-self:center}.device-switcher{grid-template-columns:repeat(3,minmax(0,1fr))}.device-button{display:grid;justify-items:start}.device-button span{font-size:.78rem}}
@media(max-width:760px){.methorst-top-menu-shell .top-inner{width:calc(100% - 16px);grid-template-columns:1fr}.methorst-top-menu-shell .brand img{width:132px}.logout-link{display:inline-flex;width:max-content}.device-switcher{width:calc(100% - 16px);grid-template-columns:1fr;gap:7px;padding-bottom:8px}.device-button{grid-template-columns:auto 1fr;align-items:center}.device-button b{min-width:80px}.main-menu{gap:6px}.main-menu a{padding:9px 11px;font-size:.84rem}.methorst-top-menu-shell main.wrap{width:calc(100% - 16px)!important;padding-top:12px!important}.view-tablet .tablet-dept-tabs{top:0}.tablet-dept-tabs{overflow-x:auto}.tablet-dept-tabs button{white-space:nowrap}.tablet-toolbar{display:grid}.tablet-toolbar h2{font-size:1.35rem}.tablet-board-department{grid-template-columns:88vw!important;grid-auto-columns:88vw!important}.tablet-actions{grid-template-columns:1fr 1fr}.tablet-actions a{grid-column:1/-1}}


/* Methorst Dispatch Cockpit: SOS-rustlaag bovenop operationele motor */
.dispatch-cockpit{display:grid;gap:18px;margin:0 0 22px}.cockpit-title-row{display:flex;align-items:end;justify-content:space-between;gap:18px;background:linear-gradient(135deg,#111,#2b2b2f);color:#fff;border-radius:28px;padding:24px;box-shadow:0 18px 48px rgba(0,0,0,.16)}.cockpit-title-row .eyebrow{color:#ffb3b6}.cockpit-title-row h2{margin:0 0 8px;font-size:clamp(2rem,3vw,3.4rem);letter-spacing:-.055em;line-height:.98}.cockpit-title-row p{margin:0;color:#e5e7eb;font-weight:820;max-width:760px}.cockpit-date-chip{background:#fff;color:#111;border-radius:999px;padding:12px 16px;font-weight:1000;white-space:nowrap}.cockpit-focus-strip{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.cockpit-focus-strip article{background:#fff;border:1px solid var(--line);border-radius:20px;padding:18px;box-shadow:0 12px 30px rgba(0,0,0,.07)}.cockpit-focus-strip article.danger{background:#fffbeb;border-color:#facc15}.cockpit-focus-strip strong{display:block;font-size:2.25rem;letter-spacing:-.04em;line-height:1}.cockpit-focus-strip span{display:block;margin-top:6px;color:#555;font-weight:950}.cockpit-block{background:#fff;border:1px solid var(--line);border-radius:26px;padding:18px;box-shadow:0 14px 38px rgba(0,0,0,.08)}.cockpit-section-head{display:flex;align-items:end;justify-content:space-between;gap:16px;margin:0 0 14px}.cockpit-section-head span{display:block;color:var(--red);font-weight:950;text-transform:uppercase;letter-spacing:.09em;font-size:.74rem}.cockpit-section-head h3{margin:2px 0 0;font-size:1.65rem;letter-spacing:-.045em}.cockpit-section-head p{margin:0;color:#64748b;font-weight:850}.cockpit-attention-grid{display:grid;grid-template-columns:minmax(320px,.9fr) minmax(360px,1.1fr);gap:14px}.cockpit-portaal-grid{display:grid;grid-template-columns:repeat(5,minmax(220px,1fr));gap:12px}.cockpit-haakarm-grid{display:grid;grid-template-columns:minmax(320px,520px);gap:12px}.cockpit-lane{background:#f8fafc;border:1px solid #e2e8f0;border-radius:20px;padding:12px;display:grid;gap:10px;align-content:start;min-height:160px}.cockpit-lane header{display:flex;align-items:start;justify-content:space-between;gap:10px;border-bottom:1px solid #e5e7eb;padding:2px 2px 10px}.cockpit-lane h4{margin:0;font-size:1.05rem;letter-spacing:-.02em}.cockpit-lane header span{background:#111;color:#fff;border-radius:999px;padding:6px 10px;font-weight:1000}.cockpit-lane>small{color:#64748b;font-weight:900}.cockpit-lane .job{box-shadow:0 8px 18px rgba(0,0,0,.06);border-radius:16px;margin:0}.cockpit-lane .job h3{font-size:1rem}.cockpit-warning{background:#fffbeb;border-color:#facc15}.cockpit-warning header{border-bottom-color:#facc15}.cockpit-staging{background:#f9fafb;border-style:dashed}.cockpit-haakarm{background:#eff6ff;border-color:#bfdbfe}.view-desktop .legacy-day-board{display:none}.view-desktop .vehicle-admin{margin-top:4px}.view-phone .dispatch-cockpit{display:none}@media(max-width:1300px){.cockpit-portaal-grid{grid-template-columns:repeat(3,minmax(240px,1fr))}.cockpit-focus-strip{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:900px){.cockpit-title-row,.cockpit-section-head{display:grid;align-items:start}.cockpit-attention-grid,.cockpit-portaal-grid,.cockpit-haakarm-grid{grid-template-columns:1fr}.cockpit-focus-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.cockpit-date-chip{width:max-content}}@media(max-width:620px){.cockpit-focus-strip{grid-template-columns:1fr}.dispatch-cockpit{gap:12px}.cockpit-title-row,.cockpit-block{border-radius:20px;padding:16px}}


/* Methorst persoonlijke chauffeurportalen */
.driver-portal-shell{min-height:100vh;background:#f4f4f4;color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}.driver-wrap{width:min(980px,calc(100% - 24px));margin:0 auto;padding:18px 0 44px}.driver-hero{display:flex;align-items:center;gap:18px;justify-content:space-between;background:#111;color:#fff;border-radius:26px;padding:20px;box-shadow:0 18px 48px rgba(0,0,0,.18);margin:0 0 14px}.driver-hero img{width:150px;max-height:56px;object-fit:contain;background:#fff;border-radius:12px;padding:5px}.driver-hero .eyebrow{color:#ffb3b6}.driver-hero h1{margin:0 0 6px;font-size:clamp(2rem,6vw,3.4rem);line-height:.98;letter-spacing:-.055em}.driver-hero p{margin:0;color:#e5e7eb;font-weight:850}.driver-date{background:#fff;border:1px solid var(--line);border-radius:18px;padding:14px;display:flex;align-items:end;gap:12px;box-shadow:0 10px 26px rgba(0,0,0,.07);margin:0 0 12px}.driver-date label{display:grid;gap:6px;font-weight:950}.driver-date input{font:inherit;border:1px solid #d7d7d7;border-radius:12px;padding:11px}.driver-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0 0 14px}.driver-summary article{background:#fff;border:1px solid var(--line);border-radius:18px;padding:16px;box-shadow:0 10px 26px rgba(0,0,0,.07)}.driver-summary strong{display:block;font-size:2rem;line-height:1}.driver-summary span{display:block;margin-top:5px;color:#555;font-weight:950}.driver-routes{background:#fff;border:1px solid var(--line);border-radius:24px;padding:16px;box-shadow:0 14px 38px rgba(0,0,0,.08)}.driver-section-head span{display:block;color:var(--red);font-weight:950;text-transform:uppercase;letter-spacing:.09em;font-size:.74rem}.driver-section-head h2{margin:4px 0 14px;font-size:1.8rem;letter-spacing:-.045em}.driver-route-card{display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:14px;border:1px solid #e5e7eb;border-left:8px solid #64748b;border-radius:20px;padding:16px;margin:0 0 12px;background:#f8fafc}.driver-route-card h3{margin:10px 0 8px;font-size:1.35rem;letter-spacing:-.035em}.driver-route-card p{margin:5px 0;color:#334155;font-weight:800}.time-chip{display:inline-flex;background:#111;color:#fff;border-radius:999px;padding:7px 10px;font-weight:1000}.driver-quick-actions{display:grid;gap:8px;align-content:start}.driver-quick-actions form{display:grid;gap:8px}.driver-quick-actions select{width:100%;font:inherit;border:1px solid #cbd5e1;border-radius:12px;padding:10px;background:#fff}.driver-hours-mini{background:#0f766e!important;color:#fff!important}.login-hint{margin:12px 0 0;color:#555;font-weight:850}@media(max-width:720px){.driver-hero{display:grid}.driver-hero img{width:132px}.driver-date{display:grid}.driver-summary{grid-template-columns:1fr}.driver-route-card{grid-template-columns:1fr}.driver-quick-actions{grid-template-columns:1fr 1fr}.driver-quick-actions form{grid-column:1/-1}.driver-wrap{width:calc(100% - 16px)}}


/* Subtle Fishbone attribution */
.footer-powered-wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.powered-by-fishbone{display:inline-flex;align-items:center;gap:7px;text-decoration:none;color:rgba(23,23,23,.55);font-weight:900;font-size:12px;letter-spacing:.01em;opacity:.72;transition:opacity .18s ease,transform .18s ease}.powered-by-fishbone:hover{opacity:1;transform:translateY(-1px)}.powered-by-fishbone img{width:20px;height:20px;object-fit:contain;border-radius:6px;filter:saturate(.85)}.driver-portal-shell .powered-by-fishbone{width:max-content;margin:18px auto 0;color:rgba(23,23,23,.55)}@media(max-width:620px){.footer-powered-wrap{justify-content:center;text-align:center}.footer-powered-wrap>span{width:100%}.powered-by-fishbone{font-size:11px}.powered-by-fishbone img{width:18px;height:18px}}


/* Uitbesteden UX upgrade: brede afvalverwerker-keuze + buurtadvies */
.job-form .outsource-fields-wide{grid-column:1/-1!important;width:100%;grid-template-columns:repeat(3,minmax(0,1fr))!important;align-items:start;padding:22px!important;border-radius:24px!important;background:linear-gradient(135deg,#eef9ff 0%,#f8fcff 55%,#ffffff 100%)!important;border:2px solid #7dd3fc!important;box-shadow:0 16px 42px rgba(2,132,199,.12)!important}.outsource-fields-wide .outsource-fields-head{grid-column:1/-1;max-width:980px}.outsource-fields-wide .outsource-fields-head strong{font-size:1.45rem}.outsource-tools{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:end;background:#dff4ff;border:1px solid #bae6fd;border-radius:18px;padding:14px}.outsource-tools label{background:#fff!important;min-width:0;width:100%;box-sizing:border-box}.outsource-tools input,.outsource-tools select{width:100%!important;min-width:0!important;max-width:100%!important;box-sizing:border-box}.outsource-nearest-btn{grid-column:1/-1;width:max-content;max-width:100%;height:54px;align-self:end;white-space:nowrap}.outsource-suggestion{grid-column:1/-1;background:#082f49;color:#fff;border-radius:18px;padding:14px 16px;display:grid;gap:4px;border-left:8px solid #38bdf8}.outsource-suggestion b{font-size:1.05rem}.outsource-suggestion span{color:#e0f2fe;font-weight:850}.outsource-fields-wide .checkline-field{min-height:58px}.outsource-fields-wide label.wide,.outsource-fields-wide .outsource-card{grid-column:1/-1!important}.outsource-fields-wide input,.outsource-fields-wide select,.outsource-fields-wide textarea{min-height:46px}@media(max-width:1100px){.job-form .outsource-fields-wide{grid-template-columns:repeat(2,minmax(0,1fr))!important}.outsource-tools{grid-template-columns:1fr}.outsource-nearest-btn{width:100%}}@media(max-width:760px){.job-form .outsource-fields-wide{grid-template-columns:1fr!important;padding:16px!important}}


/* Methorst Dispatch Framework: middelgroot afvalbedrijf cockpit */
.dispatch-framework{background:#111;color:#fff;border-radius:28px;padding:22px;box-shadow:0 18px 52px rgba(0,0,0,.18);display:grid;gap:16px;border:1px solid rgba(255,255,255,.08)}.framework-head{display:flex;align-items:end;justify-content:space-between;gap:18px}.framework-head .eyebrow{color:#ffb3b6}.framework-head h3{margin:0 0 7px;font-size:clamp(1.8rem,2.5vw,3rem);letter-spacing:-.055em;line-height:.98}.framework-head p{margin:0;color:#d4d4d8;font-weight:850;max-width:880px}.framework-status{display:inline-flex;align-items:center;width:max-content;background:#facc15;color:#111;border-radius:999px;padding:10px 14px;font-weight:1000;white-space:nowrap}.framework-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.framework-grid article{background:#fff;color:#111;border-radius:18px;padding:14px;border:1px solid rgba(255,255,255,.12)}.framework-grid article.warn{background:#fff7ed;border-color:#facc15}.framework-grid article.blocked{background:#fef2f2;border-color:#fecaca}.framework-grid strong{display:block;font-size:2rem;line-height:1;letter-spacing:-.04em}.framework-grid span{display:block;margin-top:6px;font-weight:1000}.framework-grid small{display:block;margin-top:5px;color:#52525b;font-weight:850}.framework-suggestions{background:#18181b;border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:14px;display:grid;gap:10px}.framework-suggestions h4{margin:0;font-size:1.2rem}.framework-suggestion{display:grid;grid-template-columns:minmax(180px,.9fr) minmax(220px,1fr) minmax(190px,.8fr);gap:10px;align-items:start;background:#fff;color:#111;border-radius:14px;padding:12px;border-left:7px solid var(--red)}.framework-suggestion b,.framework-suggestion strong{display:block}.framework-suggestion span,.framework-suggestion small{color:#475569;font-weight:850}.framework-suggestion small{grid-column:1/-1}@media(max-width:1250px){.framework-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.framework-suggestion{grid-template-columns:1fr}}@media(max-width:760px){.framework-head{display:grid}.framework-grid{grid-template-columns:1fr}.framework-status{width:100%;justify-content:center}}


/* Vergeten bakken: containers langer dan 2 maanden uitstaand */
.framework-grid article.forgotten{background:#fff7ed;border-color:#fb923c}.forgotten-containers{border-color:#fb923c;background:#1c1917}.forgotten-container-alert{border-left-color:#f97316}.forgotten-container-alert .mini{width:max-content;margin-top:2px}.forgotten-container-alert strong{color:#9a3412}.forgotten-containers h4::before{content:'⚠ ';}


/* Snelle opdrachtinvoer: 30 seconden intake naar Niet ingepland */
.quick-intake{background:linear-gradient(135deg,#111 0%,#2b2b2f 55%,#3b0a0d 100%);color:#fff;border-radius:28px;padding:22px;margin:0 0 18px;box-shadow:0 18px 52px rgba(0,0,0,.18);border:1px solid rgba(255,255,255,.08)}
.quick-intake-head{display:flex;align-items:end;justify-content:space-between;gap:18px;margin:0 0 16px}.quick-intake-head .eyebrow{color:#ffb3b6}.quick-intake-head h2{margin:0 0 6px;font-size:clamp(1.8rem,2.8vw,3rem);letter-spacing:-.055em;line-height:.98}.quick-intake-head p{margin:0;color:#e5e7eb;font-weight:850}.quick-intake-head span{background:#facc15;color:#111;border-radius:999px;padding:10px 14px;font-weight:1000;white-space:nowrap}
.quick-intake-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.quick-intake-grid label{display:grid;gap:6px;background:#fff;color:#111;border:1px solid #e5e7eb;border-radius:16px;padding:11px;font-weight:950}.quick-intake-grid input,.quick-intake-grid select{width:100%;font:inherit;border:1px solid #cbd5e1;border-radius:12px;padding:10px;background:#fff;color:#111}.quick-intake-grid .wide{grid-column:span 3}.quick-intake-actions{grid-column:span 2;display:grid;align-content:end;gap:6px}.quick-intake .btn{width:100%;min-height:48px;border:0;cursor:pointer}.quick-intake-actions small{color:#e5e7eb;font-weight:850}
@media(max-width:1200px){.quick-intake-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.quick-intake-grid .wide,.quick-intake-actions{grid-column:1/-1}.quick-intake-head{display:grid}}
@media(max-width:760px){.quick-intake{padding:16px;border-radius:22px}.quick-intake-grid{grid-template-columns:1fr}.quick-intake-grid .wide,.quick-intake-actions{grid-column:1/-1}.quick-intake-head span{width:max-content;max-width:100%}}


/* Administratie/facturatie/conflict/follow-up framework */
.admin-ops{background:#fff;border:1px solid var(--line);border-radius:26px;padding:18px;box-shadow:0 14px 38px rgba(0,0,0,.08);display:grid;gap:14px}.admin-ops-head{display:flex;align-items:end;justify-content:space-between;gap:16px}.admin-ops-head h3{margin:0 0 6px;font-size:1.7rem;letter-spacing:-.04em}.admin-ops-head p{margin:0;color:#64748b;font-weight:850}.admin-ops-head span{background:#111;color:#fff;border-radius:999px;padding:9px 12px;font-weight:950}.admin-ops-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px}.admin-ops-grid article{background:#f8fafc;border:1px solid #e2e8f0;border-radius:18px;padding:14px}.admin-ops-grid strong{display:block;font-size:2rem;line-height:1}.admin-ops-grid span{display:block;margin-top:6px;font-weight:950;color:#475569}.admin-ops-list{display:grid;gap:8px}.admin-ops-row{display:grid;grid-template-columns:1.2fr .8fr repeat(4,minmax(130px,.6fr)) minmax(160px,1fr) auto;gap:8px;align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;padding:10px}.admin-ops-row select,.admin-ops-row input{font:inherit;border:1px solid #cbd5e1;border-radius:10px;padding:8px;background:#fff}.payment-badge{display:inline-flex!important;width:max-content;max-width:100%;background:#ecfdf5!important;color:#14532d!important;border:2px solid #22c55e!important;border-radius:999px;padding:7px 11px!important;font-weight:950!important}.conflict-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.conflict-actions form{display:flex;gap:8px;flex-wrap:wrap}.conflict-actions select,.conflict-actions input,.followup-form input{font:inherit;border:1px solid #cbd5e1;border-radius:10px;padding:8px;background:#fff}.followup-form{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.audit-log-panel{background:#111;color:#fff;border-radius:24px;padding:16px;display:grid;gap:10px;margin:0 0 18px}.audit-log-panel h3{margin:0;font-size:1.4rem}.audit-log-panel p{margin:0;background:#18181b;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:9px}.audit-log-panel small{display:block;color:#a1a1aa;font-weight:800}
@media(max-width:1200px){.admin-ops-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-ops-row{grid-template-columns:1fr 1fr}.admin-ops-row .mini{grid-column:1/-1}.admin-ops-head{display:grid}}
@media(max-width:760px){.admin-ops-grid,.admin-ops-row{grid-template-columns:1fr}}


/* P0 pre-pilot hardening */
.role-focus-panel,.export-panel,.account-hygiene{background:#fff;border:1px solid var(--line);border-radius:24px;padding:18px;margin:0 0 16px;box-shadow:0 12px 32px rgba(0,0,0,.08);display:flex;align-items:end;justify-content:space-between;gap:16px}.role-focus-panel h3,.export-panel h3,.account-hygiene h3{margin:0 0 6px;font-size:1.55rem;letter-spacing:-.04em}.role-focus-panel p,.export-panel p,.account-hygiene p{margin:0;color:#64748b;font-weight:850}.role-focus-items,.account-grid{display:flex;gap:8px;flex-wrap:wrap}.role-focus-items span,.account-grid span{display:inline-flex;background:#111;color:#fff;border-radius:999px;padding:8px 10px;font-weight:950;font-size:.84rem}.account-grid{display:grid;grid-template-columns:1fr 1fr;align-items:start}.account-grid article{display:grid;gap:6px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;padding:12px}.account-grid article b{color:#111}.account-grid article span{background:#fff;color:#111;border:1px solid #e5e7eb}.export-panel{background:#f0fdf4;border-color:#86efac}.export-panel .btn{white-space:nowrap}.suggestion-v2 em{display:block;font-style:normal;background:#f8fafc;border:1px solid #e2e8f0;border-radius:999px;padding:7px 10px;font-weight:950;color:#334155}.doc-rule-hard{outline:2px solid rgba(29,78,216,.08)}
@media(max-width:900px){.role-focus-panel,.export-panel,.account-hygiene{display:grid}.account-grid{grid-template-columns:1fr}.export-panel .btn{width:100%;text-align:center}}


/* Daan driver portal admin switch */
.driver-hero-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}.driver-admin-switch{display:grid!important;gap:2px;background:#facc15!important;color:#111!important;border:2px solid #111!important;text-align:left;border-radius:16px!important;padding:10px 12px!important}.driver-admin-switch span{font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;font-weight:950}.driver-admin-switch b{font-size:.92rem;line-height:1.05}.driver-admin-switch:hover{transform:translateY(-1px)}.admin-driver-switch{margin-left:8px;min-width:150px;text-decoration:none}@media(max-width:760px){.driver-hero-actions{width:100%;justify-content:flex-start}.driver-admin-switch{width:100%}.admin-driver-switch{margin-left:0;min-width:0}}


/* Wachttijd chauffeur -> klantfacturatie */
.driver-waiting-tab{display:grid;gap:8px;background:#fff7ed;border:1px solid #fdba74;border-radius:18px;padding:12px;margin-top:10px}.driver-waiting-tab b{color:#9a3412}.driver-waiting-tab small{display:block;color:#7c2d12;font-weight:850;margin-top:2px}.driver-waiting-form{display:grid;grid-template-columns:120px minmax(180px,1fr) minmax(180px,auto) auto;gap:8px;align-items:end}.driver-waiting-form label{display:grid;gap:5px;font-weight:950;color:#111}.driver-waiting-form input{font:inherit;border:1px solid #fed7aa;border-radius:10px;padding:8px}.charge-check{display:flex!important;align-items:center;gap:8px;background:#fff;border:1px solid #fed7aa;border-radius:12px;padding:9px 10px}.charge-check input{width:auto!important;padding:0!important}.waiting-note{background:#fff7ed!important;border-left:5px solid #f97316!important}.waiting-cell{display:grid;gap:4px;background:#fff7ed;border:1px solid #fed7aa;border-radius:14px;padding:10px}.waiting-cell strong{color:#9a3412}.admin-ops-row input[name=waiting_minutes],.admin-ops-row input[name=waiting_rate_customer]{max-width:120px}.hours-dashboard{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.hours-grid label.wide{grid-column:1/-1}@media(max-width:900px){.driver-waiting-form{grid-template-columns:1fr}.driver-waiting-form .mini{width:100%}}


/* Admin prijzenpagina */
.price-dashboard{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin:0 0 16px}.price-dashboard article{background:#fff;border:1px solid var(--line);border-radius:18px;padding:16px;box-shadow:0 10px 26px rgba(0,0,0,.06)}.price-dashboard strong{display:block;font-size:1.8rem}.price-dashboard span{font-weight:950;color:#475569}.price-page{background:#fff;border:1px solid var(--line);border-radius:26px;padding:18px;box-shadow:0 14px 38px rgba(0,0,0,.08);display:grid;gap:12px}.price-page-head{display:flex;align-items:end;justify-content:space-between;gap:16px}.price-page-head h3{margin:0 0 6px;font-size:1.6rem}.price-page-head p{margin:0;color:#64748b;font-weight:850}.price-row{display:grid;grid-template-columns:minmax(240px,1.4fr) repeat(4,minmax(120px,.7fr));gap:10px;align-items:end;background:#f8fafc;border:1px solid #e2e8f0;border-radius:18px;padding:12px}.price-row label{display:grid;gap:5px;font-weight:950;color:#334155}.price-row input,.price-row select{font:inherit;border:1px solid #cbd5e1;border-radius:10px;padding:9px;background:#fff}.price-id{display:grid;gap:4px}.price-id span,.price-id small{color:#64748b;font-weight:850}.price-row .wide{grid-column:span 2}.price-total{display:grid;gap:4px;background:#111;color:#fff;border-radius:16px;padding:12px;align-self:stretch}.price-total span{font-size:.78rem;text-transform:uppercase;letter-spacing:.06em;font-weight:950;color:#e5e7eb}.price-total strong{font-size:1.35rem}.price-total .mini{width:100%;margin-top:4px}@media(max-width:1250px){.price-row{grid-template-columns:repeat(2,minmax(0,1fr))}.price-id,.price-row .wide,.price-total{grid-column:1/-1}.price-page-head{display:grid}}@media(max-width:760px){.price-row{grid-template-columns:1fr}}


/* Rustige centrale beheerpagina */
.main-menu-compact{justify-content:flex-end}.manage-hero{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:18px;align-items:end;background:linear-gradient(135deg,#111 0%,#252529 60%,#3b0a0d 100%);color:#fff;border-radius:30px;padding:26px;margin:0 0 16px;box-shadow:0 18px 52px rgba(0,0,0,.18)}.manage-hero .eyebrow{color:#ffb3b6}.manage-hero h1{margin:0 0 10px;font-size:clamp(2.2rem,4vw,4.1rem);line-height:.96;letter-spacing:-.06em}.manage-hero p{margin:0;color:#e5e7eb;font-weight:850;max-width:780px}.manage-date{background:#fff;color:#111;box-shadow:none}.manage-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px;margin:0 0 16px}.manage-kpis article{background:#fff;border:1px solid var(--line);border-radius:18px;padding:16px;box-shadow:0 10px 26px rgba(0,0,0,.06)}.manage-kpis article.warn{background:#fff7ed;border-color:#fed7aa}.manage-kpis strong{display:block;font-size:1.9rem;line-height:1}.manage-kpis span{display:block;margin-top:6px;color:#475569;font-weight:950}.manage-hub{background:#fff;border:1px solid var(--line);border-radius:28px;padding:20px;box-shadow:0 14px 38px rgba(0,0,0,.08);margin:0 0 16px}.manage-hub-head{display:flex;justify-content:space-between;align-items:end;gap:18px;margin-bottom:16px}.manage-hub-head h2{margin:0 0 6px;font-size:2rem;letter-spacing:-.05em}.manage-hub-head p{margin:0;color:#64748b;font-weight:850}.manage-hub-head>span{background:#111;color:#fff;border-radius:999px;padding:9px 12px;font-weight:950;white-space:nowrap}.manage-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px}.manage-card{display:grid;gap:8px;text-decoration:none;background:#f8fafc;border:1px solid #e2e8f0;border-radius:20px;padding:17px;min-height:150px;transition:.16s ease}.manage-card:hover{transform:translateY(-2px);box-shadow:0 14px 30px rgba(0,0,0,.10);border-color:#cbd5e1}.manage-card.primary{background:#111;color:#fff;border-color:#111}.manage-card b{font-size:1.2rem;letter-spacing:-.03em}.manage-card span{color:#64748b;font-weight:850}.manage-card.primary span{color:#e5e7eb}.manage-card small{align-self:end;width:max-content;background:#fff;border:1px solid #e5e7eb;color:#111;border-radius:999px;padding:6px 9px;font-weight:950}.manage-card.primary small{background:#facc15;border-color:#facc15}.manage-bottom{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:18px}.manage-audit,.manage-export{margin:0!important;min-height:100%}.view-manage .hero,.view-manage .stats,.view-manage .role-focus-panel{display:none!important}@media(max-width:900px){.manage-hero,.manage-bottom,.manage-hub-head{grid-template-columns:1fr;display:grid}.manage-hero{padding:20px;border-radius:24px}.manage-grid{grid-template-columns:1fr}.manage-hub-head>span{width:max-content;max-width:100%}.main-menu-compact{justify-content:flex-start}}


/* HARD CLEANUP: sober beheer, no cockpit noise */
.methorst-top-menu-shell .top-inner{min-height:74px}.main-menu-clean{flex:0 0 auto;margin-left:auto}.main-menu-clean a{background:#111!important;color:#fff!important}.view-manage .methorst-top-menu-shell main.wrap,.view-manage main.wrap{width:min(1120px,calc(100% - 28px))!important}.clean-admin-page{display:grid;gap:16px}.clean-admin-head{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:18px;align-items:end;background:#fff;border:1px solid var(--line);border-radius:22px;padding:22px;box-shadow:0 10px 28px rgba(0,0,0,.06)}.clean-admin-head h1{margin:0 0 6px;font-size:clamp(2.2rem,4vw,3.6rem);letter-spacing:-.055em;line-height:1}.clean-admin-head p{margin:0;color:#475569;font-weight:850}.clean-date{display:grid;gap:8px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;padding:12px}.clean-date label{display:grid;gap:6px;font-weight:950}.clean-date input{font:inherit;border:1px solid #cbd5e1;border-radius:10px;padding:10px}.clean-status-row{display:flex;gap:8px;flex-wrap:wrap}.clean-status-row span{background:#fff;border:1px solid #e2e8f0;border-radius:999px;padding:8px 11px;font-weight:950;color:#334155}.clean-admin-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.clean-admin-group{background:#fff;border:1px solid var(--line);border-radius:22px;padding:18px;box-shadow:0 10px 28px rgba(0,0,0,.06);display:grid;gap:12px;align-content:start}.clean-admin-group.muted{background:#f8fafc}.clean-admin-group h2{margin:0;font-size:1.45rem;letter-spacing:-.04em}.clean-admin-group p{margin:0;color:#64748b;font-weight:850}.clean-admin-group div{display:grid;gap:8px}.clean-admin-group a{display:flex;justify-content:space-between;align-items:center;text-decoration:none;background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;padding:12px 13px;font-weight:950;color:#111}.clean-admin-group a::after{content:'→';color:#64748b}.clean-admin-group a:hover{border-color:#111;background:#fff}.view-manage .manage-hero,.view-manage .manage-kpis,.view-manage .manage-hub,.view-manage .manage-bottom,.view-manage .dispatch-cockpit,.view-manage .quick-intake,.view-manage .vehicle-admin,.view-manage .conflict-panel,.view-manage .form-section,.view-manage .stats,.view-manage .role-focus-panel{display:none!important}@media(max-width:820px){.clean-admin-head,.clean-admin-grid{grid-template-columns:1fr}.methorst-top-menu-shell .top-inner{grid-template-columns:1fr auto}.main-menu-clean{grid-column:auto!important;margin-left:0}.clean-admin-head{padding:18px}}


/* Algemene prijslijst beheer */
.general-price-page{overflow-x:auto}.general-price-form{display:grid;gap:14px}.general-price-table{display:grid;gap:8px;min-width:1180px}.price-table-head,.price-list-row{display:grid;grid-template-columns:88px 150px 140px 210px repeat(4,120px) minmax(220px,1fr);gap:8px;align-items:center}.price-table-head{background:#111;color:#fff;border-radius:14px;padding:10px 12px;font-weight:950;font-size:.82rem}.price-list-row{background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;padding:10px}.price-list-row input{font:inherit;border:1px solid #cbd5e1;border-radius:10px;padding:9px;background:#fff;min-width:0}.active-cell{display:flex;align-items:center;gap:7px;font-weight:950;color:#334155}.active-cell input{width:auto}.new-row{background:#fff7ed;border-color:#fed7aa}.new-label{font-weight:950;color:#9a3412}.general-price-page .form-actions{display:flex;gap:10px;flex-wrap:wrap}@media(max-width:900px){.general-price-table{min-width:0}.price-table-head{display:none}.price-list-row{grid-template-columns:1fr}.new-label{display:block}.general-price-page{overflow-x:visible}}


/* Algemene prijslijst v2 — rustiger en gegroepeerd */
.price-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,420px);gap:18px;align-items:end;background:linear-gradient(135deg,#111827,#1f2937 62%,#7c2d12);color:#fff;border-radius:28px;padding:24px;margin:0 0 16px;box-shadow:0 18px 46px rgba(15,23,42,.18)}.price-hero h1{margin:0 0 8px;font-size:clamp(2.3rem,4vw,4.2rem);letter-spacing:-.06em;line-height:.95}.price-hero p{margin:0;color:#e5e7eb;font-weight:850;max-width:820px}.price-hero .eyebrow{color:#fed7aa}.price-hero-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.price-hero-stats article{background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.18);border-radius:18px;padding:14px}.price-hero-stats strong{display:block;font-size:1.35rem}.price-hero-stats span{color:#e5e7eb;font-weight:900}.general-price-page{padding:0;background:transparent;border:0;box-shadow:none;overflow:visible}.general-price-form{display:grid;gap:14px}.general-price-form>.price-page-head{background:#fff;border:1px solid #e2e8f0;border-radius:22px;padding:18px;box-shadow:0 10px 28px rgba(15,23,42,.06)}.price-head-actions{display:flex;gap:10px;flex-wrap:wrap}.price-group-card{background:#fff;border:1px solid #e2e8f0;border-radius:24px;padding:16px;box-shadow:0 12px 32px rgba(15,23,42,.07);display:grid;gap:10px}.price-group-card>header{display:flex;align-items:end;justify-content:space-between;gap:14px;border-bottom:1px solid #e2e8f0;padding-bottom:10px}.price-group-card>header span{display:inline-flex;background:#fff7ed;color:#9a3412;border:1px solid #fed7aa;border-radius:999px;padding:6px 9px;font-size:.78rem;font-weight:950;text-transform:uppercase;letter-spacing:.04em}.price-group-card h2{margin:7px 0 0;font-size:1.55rem;letter-spacing:-.04em}.price-group-card>header b{background:#111;color:#fff;border-radius:999px;padding:8px 11px}.price-grid-head,.price-list-row{display:grid;grid-template-columns:86px 130px minmax(190px,1.2fr) repeat(4,minmax(105px,.7fr)) minmax(180px,1fr);gap:8px;align-items:center}.price-grid-head{padding:0 8px;color:#64748b;font-size:.78rem;font-weight:950;text-transform:uppercase;letter-spacing:.04em}.price-list-row{background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;padding:10px}.price-list-row:hover{border-color:#cbd5e1;background:#fff}.price-list-row input,.price-list-row select{font:inherit;width:100%;min-width:0;border:1px solid #cbd5e1;border-radius:11px;padding:9px;background:#fff;color:#111}.price-list-row label{display:grid;gap:3px}.price-list-row label small{font-size:.72rem;font-weight:950;color:#64748b;text-transform:uppercase}.active-cell{display:flex!important;align-items:center;gap:7px;font-weight:950;color:#334155}.active-cell input{width:auto!important}.new-price-card{border-color:#fdba74;background:#fff7ed}.new-row{background:#fff;border-color:#fed7aa}.new-label{font-weight:950;color:#9a3412}.sticky-save{position:sticky;bottom:12px;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:12px;background:#111;color:#fff;border-radius:18px;padding:12px 14px;box-shadow:0 18px 44px rgba(0,0,0,.24)}.sticky-save span{font-weight:950}@media(max-width:1180px){.price-hero{grid-template-columns:1fr}.price-grid-head{display:none}.price-list-row{grid-template-columns:1fr 1fr}.active-cell,.price-list-row>input[name="waste_stream[]"],.price-list-row>input[name="note[]"]{grid-column:1/-1}}@media(max-width:720px){.price-hero-stats{grid-template-columns:1fr}.price-list-row{grid-template-columns:1fr}.sticky-save{display:grid}.sticky-save .btn{width:100%}}


/* Smooth prijslijst v3 — card based, no spreadsheet feel */
.smooth-price-hero{display:grid;grid-template-columns:minmax(0,1fr) 190px;gap:18px;align-items:end;background:radial-gradient(circle at top right,rgba(249,115,22,.28),transparent 34%),linear-gradient(135deg,#0f172a,#111827 65%,#262626);color:#fff;border-radius:34px;padding:30px;margin:0 0 18px;box-shadow:0 24px 70px rgba(15,23,42,.25)}.smooth-price-hero h1{margin:0 0 10px;font-size:clamp(2.5rem,5vw,5.2rem);letter-spacing:-.075em;line-height:.9}.smooth-price-hero p{margin:0;max-width:760px;color:#e5e7eb;font-weight:850;font-size:1.05rem}.smooth-price-hero .eyebrow{color:#fdba74}.smooth-price-hero aside{background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.18);border-radius:24px;padding:18px;display:grid;gap:4px}.smooth-price-hero aside strong{font-size:2.4rem;line-height:1}.smooth-price-hero aside span,.smooth-price-hero aside b{color:#e5e7eb}.smooth-price-page{display:block;background:transparent;border:0;box-shadow:none;padding:0}.smooth-price-form{display:grid;gap:18px}.smooth-price-toolbar{display:flex;align-items:end;justify-content:space-between;gap:16px;background:#fff;border:1px solid #e2e8f0;border-radius:26px;padding:20px;box-shadow:0 14px 36px rgba(15,23,42,.07)}.smooth-price-toolbar h2{margin:0 0 5px;font-size:1.8rem;letter-spacing:-.05em}.smooth-price-toolbar p{margin:0;color:#64748b;font-weight:850}.smooth-price-section{background:#fff;border:1px solid #e2e8f0;border-radius:30px;padding:18px;box-shadow:0 16px 42px rgba(15,23,42,.075);display:grid;gap:14px}.smooth-price-section>header{display:flex;justify-content:space-between;gap:14px;align-items:end}.smooth-price-section>header span{display:inline-flex;border-radius:999px;padding:7px 10px;background:#eef2ff;color:#3730a3;font-weight:950;text-transform:uppercase;font-size:.75rem;letter-spacing:.05em}.smooth-price-section.portal>header span{background:#ecfeff;color:#0e7490}.smooth-price-section.hook>header span{background:#fef3c7;color:#92400e}.smooth-price-section.waste>header span{background:#dcfce7;color:#166534}.smooth-price-section.fee>header span,.smooth-price-section.add>header span{background:#fff7ed;color:#9a3412}.smooth-price-section h3{margin:8px 0 4px;font-size:1.75rem;letter-spacing:-.055em}.smooth-price-section p{margin:0;color:#64748b;font-weight:850}.smooth-price-section>header b{background:#111;color:#fff;border-radius:999px;padding:9px 12px;white-space:nowrap}.smooth-price-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:14px}.smooth-price-card{background:linear-gradient(180deg,#fff,#f8fafc);border:1px solid #e2e8f0;border-radius:24px;padding:15px;display:grid;gap:12px;box-shadow:0 8px 22px rgba(15,23,42,.045);transition:.16s ease}.smooth-price-card:hover{transform:translateY(-1px);border-color:#cbd5e1;box-shadow:0 16px 34px rgba(15,23,42,.09)}.card-top{display:grid;grid-template-columns:96px minmax(0,1fr);gap:10px;align-items:center}.switch-line{height:46px;display:flex!important;align-items:center;justify-content:center;gap:7px;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:16px;font-weight:950;color:#334155}.switch-line input{width:auto!important}.size-input{font-size:1.45rem!important;font-weight:950!important;letter-spacing:-.04em;text-align:center;background:#111!important;color:#fff!important;border-color:#111!important}.smooth-price-card input,.smooth-price-card select{font:inherit;width:100%;border:1px solid #cbd5e1;border-radius:14px;padding:11px;background:#fff;color:#111;min-width:0}.smooth-price-card label small{display:block;margin:0 0 5px;color:#64748b;font-size:.72rem;text-transform:uppercase;letter-spacing:.05em;font-weight:950}.stream-field input{font-weight:900}.money-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.money-grid label{background:#fff;border:1px solid #e2e8f0;border-radius:18px;padding:10px}.money-grid input{border:0!important;padding:0!important;font-size:1.08rem;font-weight:950}.note-field input{background:#fff!important}.new-card{max-width:720px;background:#fff7ed;border-color:#fed7aa}.smooth-save{position:sticky;bottom:12px;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:12px;background:#111;color:#fff;border-radius:22px;padding:13px 16px;box-shadow:0 22px 58px rgba(0,0,0,.26)}.smooth-save span{font-weight:950}.smooth-save .btn{background:#f97316!important;color:#fff!important;border-color:#f97316!important}@media(max-width:820px){.smooth-price-hero{grid-template-columns:1fr;padding:24px}.smooth-price-toolbar,.smooth-price-section>header,.smooth-save{display:grid}.smooth-price-cards{grid-template-columns:1fr}.card-top{grid-template-columns:1fr}.money-grid{grid-template-columns:1fr}.smooth-save .btn,.smooth-price-toolbar .btn{width:100%}}


/* Methorst huisstijl prijslijst v4 — black buttons, clean premium cards */
.view-prices{background:#f2f2f2!important}.view-prices .methorst-top-menu{background:#fff!important;border-bottom:1px solid #e6e6e6!important;box-shadow:0 8px 26px rgba(0,0,0,.08)!important}.view-prices .main-menu-clean a,.view-prices .logout-link,.view-prices .btn,.view-prices button.btn{background:#0b0b0d!important;color:#fff!important;border:1px solid #0b0b0d!important;box-shadow:none!important}.view-prices .main-menu-clean a.active{background:#0b0b0d!important;color:#fff!important}.view-prices .btn.secondary{background:#fff!important;color:#0b0b0d!important;border:1px solid #0b0b0d!important}.view-prices main.wrap{width:min(1180px,calc(100% - 32px))!important;padding-top:26px!important}.view-prices .smooth-price-hero{background:#fff!important;color:#111!important;border:1px solid #e5e5e5!important;border-left:10px solid var(--red)!important;border-radius:28px!important;padding:24px 26px!important;box-shadow:0 18px 48px rgba(0,0,0,.10)!important;grid-template-columns:minmax(0,1fr) 210px!important}.view-prices .smooth-price-hero h1{color:#111!important;font-size:clamp(2.4rem,4.4vw,4.8rem)!important;letter-spacing:-.075em!important}.view-prices .smooth-price-hero p{color:#3f3f46!important}.view-prices .smooth-price-hero .eyebrow{color:var(--red)!important}.view-prices .smooth-price-hero aside{background:#0b0b0d!important;color:#fff!important;border:0!important;border-radius:22px!important}.view-prices .smooth-price-hero aside span,.view-prices .smooth-price-hero aside b{color:#fff!important}.view-prices .smooth-price-toolbar{background:#0b0b0d!important;color:#fff!important;border:0!important;border-radius:24px!important}.view-prices .smooth-price-toolbar p{color:#d4d4d8!important}.view-prices .smooth-price-section{border-radius:26px!important;border:1px solid #dedede!important;box-shadow:0 12px 34px rgba(0,0,0,.08)!important;padding:18px!important;background:#fff!important}.view-prices .smooth-price-section>header{border-bottom:3px solid #111!important;padding-bottom:13px!important}.view-prices .smooth-price-section>header span{background:var(--red)!important;color:#fff!important;border:0!important}.view-prices .smooth-price-section>header b{background:#0b0b0d!important;color:#fff!important}.view-prices .smooth-price-card{background:#fff!important;border:1px solid #d9d9d9!important;border-top:5px solid #0b0b0d!important;border-radius:22px!important;box-shadow:0 12px 28px rgba(0,0,0,.07)!important}.view-prices .smooth-price-card:hover{transform:translateY(-2px)!important;border-color:#0b0b0d!important}.view-prices .size-input{background:#0b0b0d!important;color:#fff!important;border-color:#0b0b0d!important;border-radius:14px!important}.view-prices .switch-line{background:#f5f5f5!important;border-color:#d9d9d9!important;color:#111!important}.view-prices .smooth-price-card input,.view-prices .smooth-price-card select{border:1px solid #cfcfcf!important;border-radius:12px!important;background:#fff!important;color:#111!important}.view-prices .smooth-price-card input:focus,.view-prices .smooth-price-card select:focus{outline:3px solid rgba(237,28,36,.20)!important;border-color:var(--red)!important}.view-prices .money-grid label{border:1px solid #e0e0e0!important;background:#fafafa!important}.view-prices .money-grid input{background:transparent!important}.view-prices .smooth-save{background:#0b0b0d!important;color:#fff!important;border-radius:20px!important}.view-prices .smooth-save .btn{background:#fff!important;color:#0b0b0d!important;border-color:#fff!important}.view-prices .new-card{background:#fff!important;border-color:#0b0b0d!important}@media(max-width:820px){.view-prices main.wrap{width:calc(100% - 20px)!important}.view-prices .smooth-price-hero{grid-template-columns:1fr!important}.view-prices .smooth-price-toolbar{display:grid!important}}


/* Afvalstroom dropdown polish */
.view-prices .stream-field select{appearance:auto!important;font-weight:900!important;background:#fff!important;color:#111!important;cursor:pointer}.view-prices .stream-field select:focus{outline:3px solid rgba(237,28,36,.20)!important;border-color:var(--red)!important}


/* Methorst huisstijl beheerpagina v1 — black buttons, red accent, premium admin */
.view-manage{background:#f2f2f2!important}.view-manage .methorst-top-menu{background:#fff!important;border-bottom:1px solid #e5e5e5!important;box-shadow:0 8px 26px rgba(0,0,0,.08)!important}.view-manage .main-menu-clean a,.view-manage .logout-link,.view-manage .btn,.view-manage button.btn{background:#0b0b0d!important;color:#fff!important;border:1px solid #0b0b0d!important;box-shadow:none!important}.view-manage .btn.secondary,.view-manage button.btn.secondary{background:#fff!important;color:#0b0b0d!important;border:1px solid #0b0b0d!important}.view-manage main.wrap{width:min(1160px,calc(100% - 32px))!important;padding-top:28px!important}.view-manage .clean-admin-page{gap:18px!important}.view-manage .clean-admin-head.methorst-manage-hero{position:relative;overflow:hidden;display:grid!important;grid-template-columns:minmax(0,1fr) 230px 240px!important;gap:18px!important;align-items:stretch!important;background:#fff!important;border:1px solid #e2e2e2!important;border-left:10px solid var(--red)!important;border-radius:30px!important;padding:24px!important;box-shadow:0 18px 48px rgba(0,0,0,.10)!important}.view-manage .clean-admin-head.methorst-manage-hero::after{content:'';position:absolute;right:-60px;top:-80px;width:260px;height:260px;background:radial-gradient(circle,rgba(237,28,36,.13),transparent 64%);pointer-events:none}.view-manage .clean-admin-head h1{color:#111!important;font-size:clamp(2.8rem,5vw,5rem)!important;letter-spacing:-.08em!important;line-height:.88!important;margin:0 0 12px!important}.view-manage .clean-admin-head p{color:#3f3f46!important;font-weight:850!important;max-width:720px!important}.view-manage .clean-admin-head .eyebrow{color:var(--red)!important}.view-manage .manage-brand-card{position:relative;z-index:1;background:#0b0b0d;border-radius:24px;padding:18px;display:grid;place-items:center;gap:10px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}.view-manage .manage-brand-card img{width:170px;max-width:100%;background:#fff;border-radius:14px;padding:8px}.view-manage .manage-brand-card span{color:#fff;font-weight:950;text-transform:uppercase;letter-spacing:.08em;font-size:.75rem}.view-manage .clean-date{position:relative;z-index:1;background:#fafafa!important;border:1px solid #ddd!important;border-radius:22px!important;padding:14px!important;align-self:stretch!important}.view-manage .clean-date label{color:#111!important}.view-manage .clean-date input{background:#fff!important;border:1px solid #cfcfcf!important;border-radius:12px!important}.view-manage .clean-date input:focus{outline:3px solid rgba(237,28,36,.20)!important;border-color:var(--red)!important}.view-manage .clean-status-row{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px!important}.view-manage .clean-status-row span{background:#fff!important;border:1px solid #ddd!important;border-bottom:4px solid #0b0b0d!important;border-radius:18px!important;padding:14px 16px!important;color:#111!important;box-shadow:0 10px 28px rgba(0,0,0,.06)!important}.view-manage .clean-admin-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px!important}.view-manage .clean-admin-group{position:relative;overflow:hidden;background:#fff!important;border:1px solid #dedede!important;border-radius:26px!important;padding:20px!important;box-shadow:0 14px 36px rgba(0,0,0,.08)!important}.view-manage .clean-admin-group::before{content:'';position:absolute;left:0;top:0;bottom:0;width:6px;background:#0b0b0d}.view-manage .clean-admin-group:nth-child(2)::before{background:var(--red)}.view-manage .clean-admin-group h2{font-size:1.75rem!important;letter-spacing:-.055em!important;color:#111!important}.view-manage .clean-admin-group p{color:#52525b!important;font-weight:850!important}.view-manage .clean-admin-group div{gap:10px!important}.view-manage .clean-admin-group a{background:#0b0b0d!important;color:#fff!important;border:1px solid #0b0b0d!important;border-radius:16px!important;padding:13px 15px!important;font-weight:950!important;box-shadow:0 8px 18px rgba(0,0,0,.10)!important}.view-manage .clean-admin-group a::after{color:#fff!important}.view-manage .clean-admin-group a:hover{transform:translateY(-1px);background:#1f1f22!important;border-color:#1f1f22!important}.view-manage .clean-admin-group:nth-child(2) a:first-child{background:var(--red)!important;border-color:var(--red)!important}.view-manage .clean-admin-group.muted{background:#fafafa!important}.view-manage .clean-admin-group.muted a{background:#fff!important;color:#0b0b0d!important;border:1px solid #0b0b0d!important}@media(max-width:980px){.view-manage .clean-admin-head.methorst-manage-hero{grid-template-columns:1fr!important}.view-manage .manage-brand-card{justify-items:start}.view-manage .clean-status-row,.view-manage .clean-admin-grid{grid-template-columns:1fr!important}.view-manage main.wrap{width:calc(100% - 20px)!important}}


/* Beheerpagina correcties v2 */
.view-manage .clean-admin-head.methorst-manage-hero{grid-template-columns:minmax(0,1fr) 260px!important}.view-manage .manage-brand-card{display:none!important}.view-manage .clean-admin-group:nth-child(2) a:first-child{background:#0b0b0d!important;border-color:#0b0b0d!important;color:#fff!important}.view-manage .clean-admin-group.muted a[href*="export_json"]{background:var(--red)!important;border-color:var(--red)!important;color:#fff!important}.view-manage .clean-admin-group.muted a[href*="export_json"]::after{color:#fff!important}@media(max-width:980px){.view-manage .clean-admin-head.methorst-manage-hero{grid-template-columns:1fr!important}}


/* Beheer KPI knoppen v3 */
.view-manage .clean-status-row a{display:grid!important;gap:4px;text-decoration:none;background:#fff!important;border:1px solid #ddd!important;border-bottom:4px solid #0b0b0d!important;border-radius:18px!important;padding:14px 16px!important;color:#111!important;box-shadow:0 10px 28px rgba(0,0,0,.06)!important;transition:.16s ease}.view-manage .clean-status-row a:hover{transform:translateY(-2px);border-color:#0b0b0d!important;box-shadow:0 16px 34px rgba(0,0,0,.10)!important}.view-manage .clean-status-row a strong{display:block;font-size:1.8rem;line-height:1;font-weight:950;letter-spacing:-.04em}.view-manage .clean-status-row a span{padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;color:#3f3f46!important;font-weight:950!important;text-transform:lowercase}.view-manage .clean-status-row a:nth-child(3){border-bottom-color:var(--red)!important}.view-manage .clean-status-row a:nth-child(4){border-bottom-color:var(--red)!important}

/* Plaatsingen-kaart: actieve uitgezette bakken */
html{scroll-behavior:smooth}
.back-to-map-fab{position:fixed;right:22px;bottom:22px;z-index:99999;display:inline-flex;align-items:center;gap:9px;text-decoration:none;background:#111827;color:#fff;border:2px solid #fff;border-radius:999px;padding:14px 18px;font-weight:950;box-shadow:0 18px 44px rgba(0,0,0,.32);letter-spacing:-.02em}.back-to-map-fab:hover{transform:translateY(-2px);background:#000}.back-to-map-fab span{white-space:nowrap}@media(max-width:700px){.back-to-map-fab{right:14px;bottom:14px;padding:13px 14px}.back-to-map-fab span{font-size:.9rem}}.placements-page{display:grid;gap:16px}.placements-hero{display:grid;grid-template-columns:minmax(0,1fr) 190px;gap:18px;align-items:end;background:linear-gradient(135deg,#0b0b0d,#242428 62%,#7f1d1d);color:#fff;border-radius:30px;padding:24px;box-shadow:0 18px 52px rgba(0,0,0,.18)}.placements-hero h1{margin:0 0 8px;font-size:clamp(2.5rem,5vw,5rem);letter-spacing:-.075em;line-height:.9}.placements-hero p{margin:0;color:#e5e7eb;font-weight:850;max-width:850px}.placements-hero .eyebrow{color:#fecaca}.placements-hero aside{background:#fff;color:#111;border-radius:24px;padding:18px;display:grid;gap:4px;text-align:center}.placements-hero aside strong{font-size:2.6rem;line-height:1}.placements-hero aside span{font-weight:950;color:#52525b}.placement-rule-alert{background:#fff1f2;border:2px solid #ef4444;border-radius:20px;padding:16px 18px;color:#7f1d1d;font-weight:950;box-shadow:0 10px 28px rgba(127,29,29,.08)}.zh-map-card{background:#fff;border:1px solid var(--line);border-radius:26px;box-shadow:0 14px 38px rgba(0,0,0,.08);overflow:hidden}.placement-satellite-map{height:570px;min-height:430px;background:linear-gradient(135deg,#0f172a,#1e293b);position:relative}.placement-satellite-map:before{content:"Satellietkaart wordt geladen…";position:absolute;inset:0;display:grid;place-items:center;color:#fff;font-weight:950;z-index:0}.placement-satellite-map .leaflet-pane,.placement-satellite-map .leaflet-control{z-index:1}.placement-map-pin span{display:block;width:24px;height:24px;background:#111;border:4px solid #fff;border-radius:50% 50% 50% 0;transform:rotate(-45deg);box-shadow:0 8px 16px rgba(0,0,0,.45)}.placement-map-pin span:after{content:'';position:absolute;inset:5px;background:#fff;border-radius:50%}.placement-map-pin.pin-blue span{background:#2563eb}.placement-map-pin.pin-black span{background:#111827}.placement-map-pin.pin-red span{background:#ef4444;animation:pinPulse 1.4s infinite}.placement-map-pin.pin-gold span{background:#d4af37;box-shadow:0 8px 16px rgba(0,0,0,.45),0 0 0 5px rgba(212,175,55,.28)}.leaflet-popup-content{font-weight:850;line-height:1.45}.leaflet-popup-content a{font-weight:950;color:#111}.placements-map-help{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:13px 16px;border-top:1px solid #e5e7eb;background:#f8fafc}.placements-map-help b{font-size:1rem}.placements-map-help span{color:#64748b;font-weight:850}.placements-list{display:grid;gap:10px}.placement-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;background:#fff;border:1px solid var(--line);border-left:7px solid var(--red);border-radius:20px;padding:15px;box-shadow:0 10px 28px rgba(0,0,0,.06)}.placement-row.pin-blue{border-left-color:#2563eb}.placement-row.pin-black{border-left-color:#111827}.placement-row.pin-red{border-left-color:#ef4444;background:#fff1f2}.placement-row.pin-gold{border-left-color:#d4af37;background:#fffbeb}.placement-row.needs-placement-detail{background:#fff7ed;border-left-color:#ef4444}.placement-row b{display:block;font-size:1.08rem}.placement-row span{display:block;color:#334155;font-weight:850}.placement-row small{display:block;color:#64748b;font-weight:850;margin-top:3px}.exact-placement-line{color:#7f1d1d!important}.placement-row>div:last-child{display:flex;gap:8px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.placement-status{display:inline-flex!important;width:max-content;border-radius:999px;padding:7px 10px;font-weight:950}.placement-status.pin-blue{background:#dbeafe!important;color:#1d4ed8!important;border:1px solid #93c5fd}.placement-status.pin-black{background:#111827!important;color:#fff!important;border:1px solid #111827}.placement-status.pin-red{background:#fee2e2!important;color:#991b1b!important;border:1px solid #fca5a5}.placement-status.pin-gold{background:#fef3c7!important;color:#92400e!important;border:1px solid #d4af37}.placement-row.empty{border-left-color:#111}.placement-row.is-linked-active{outline:4px solid #facc15!important;box-shadow:0 0 0 8px rgba(250,204,21,.25),0 18px 42px rgba(0,0,0,.18)!important;transform:translateY(-2px)}.map-popup-action{appearance:none;border:0;background:#111;color:#fff;border-radius:999px;padding:7px 10px;font-weight:950;margin:8px 0 4px;cursor:pointer}.map-popup-link{font-weight:950;color:#111!important}.critical-field{background:#fff1f2!important;border:2px solid #ef4444!important;border-radius:18px!important;padding:10px!important}.urgent-placement{background:#fff1f2!important;border:2px solid #ef4444!important;color:#7f1d1d!important;border-radius:14px!important;padding:10px!important}.view-placements .main-menu-clean a.active{background:var(--red)!important;color:#fff!important}@keyframes pinPulse{0%,100%{filter:drop-shadow(0 0 0 rgba(239,68,68,0))}50%{filter:drop-shadow(0 0 12px rgba(239,68,68,.9))}}@media(max-width:900px){.placements-hero,.placement-row{grid-template-columns:1fr}.placement-satellite-map{height:500px}.placements-map-help{display:grid}.placement-row>div:last-child{justify-content:flex-start}.placements-hero aside{text-align:left}}

.placed-by-admin-line{background:#ecfdf5!important;border:1px solid #86efac!important;color:#065f46!important;border-radius:14px!important;padding:9px 11px!important;font-weight:950!important;box-shadow:0 8px 20px rgba(5,150,105,.08)!important}


/* Chauffeur APK app mode */
.app-chauffeur-login .login-card{width:min(460px,calc(100% - 26px));padding:22px;border-radius:24px}.app-chauffeur-login .login-card img{max-width:220px;width:72%;height:auto;margin:0 auto 14px;display:block}.driver-app-mode{background:#f3f4f6!important}.driver-app-mode .driver-wrap{width:100%;max-width:none;padding:0 0 32px}.driver-app-mode .driver-hero{border-radius:0 0 24px 24px;margin:0 0 12px;padding:14px 14px 16px;display:grid;grid-template-columns:88px minmax(0,1fr);gap:12px;align-items:center}.driver-app-mode .driver-hero img{width:88px;max-height:46px;border-radius:10px;padding:4px}.driver-app-mode .driver-hero h1{font-size:1.55rem;line-height:1.02;margin:0 0 4px}.driver-app-mode .driver-hero p{font-size:.88rem}.driver-app-mode .driver-hero .eyebrow{font-size:.68rem;margin-bottom:4px}.driver-app-mode .driver-hero-actions{grid-column:1/-1;display:flex;gap:8px;justify-content:flex-end}.driver-app-mode .driver-admin-switch{display:inline-flex!important;background:#facc15!important;color:#111!important;border:2px solid #111!important;box-shadow:0 10px 24px rgba(250,204,21,.28)!important}.driver-app-mode .driver-date,.driver-app-mode .driver-summary,.driver-app-mode .driver-routes{width:calc(100% - 20px);margin-left:auto;margin-right:auto}.driver-app-mode .driver-date{display:grid;grid-template-columns:1fr auto;align-items:end;padding:12px;border-radius:16px}.driver-app-mode .driver-date input{min-height:46px}.driver-app-mode .driver-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.driver-app-mode .driver-summary article{padding:12px;border-radius:16px}.driver-app-mode .driver-summary strong{font-size:1.55rem}.driver-app-mode .driver-summary span{font-size:.78rem}.driver-app-mode .driver-routes{padding:12px;border-radius:18px}.driver-app-mode .driver-route-card{grid-template-columns:1fr!important;padding:13px;border-radius:17px;margin-bottom:10px}.driver-app-mode .driver-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.driver-app-mode .driver-actions form,.driver-app-mode .driver-actions a{width:100%}.driver-app-mode .mini,.driver-app-mode .btn{min-height:44px;display:inline-flex;align-items:center;justify-content:center;text-align:center}.driver-app-mode footer,.driver-app-mode .footer-powered-wrap{display:none!important}
@media(max-width:620px){.driver-app-mode .driver-hero{grid-template-columns:82px minmax(0,1fr)}.driver-app-mode .driver-hero img{width:82px}.driver-app-mode .driver-hero h1{font-size:1.35rem}.driver-app-mode .driver-date{grid-template-columns:1fr}.driver-app-mode .driver-date button{width:100%}.driver-app-mode .driver-actions{grid-template-columns:1fr}}


/* Fishbone opdrachtkaarten v18 — strak, scanbaar, geen agenda-tekstklomp */
.fishbone-job-card{position:relative;overflow:hidden;background:#fff!important;border:1px solid #dedede!important;border-left:8px solid #0b0b0d!important;border-radius:22px!important;padding:0!important;margin:0 0 14px!important;box-shadow:0 14px 34px rgba(0,0,0,.09)!important;color:#111!important}.fishbone-job-card::before{content:'';position:absolute;right:-55px;top:-70px;width:180px;height:180px;background:radial-gradient(circle,rgba(237,28,36,.11),transparent 66%);pointer-events:none}.fishbone-job-card.status-spoed,.fishbone-job-card.type-spoedwissel{border-left-color:#dc2626!important}.fishbone-job-card.type-handhaving-container{border-left-color:#facc15!important}.fishbone-job-top{display:grid;grid-template-columns:92px minmax(0,1fr) minmax(135px,auto);gap:14px;align-items:stretch;padding:16px;border-bottom:1px solid #ececec;background:linear-gradient(180deg,#fff,#fafafa)}.job-time-block{display:grid;place-items:center;text-align:center;background:#0b0b0d;color:#fff;border-radius:18px;padding:10px 8px;align-self:stretch}.job-time-block span{display:block;font-size:1.15rem;font-weight:1000;line-height:1}.job-time-block b{display:block;margin-top:5px;color:#fca5a5;font-size:.92rem}.job-title-block{min-width:0;display:grid;align-content:center;gap:4px}.job-kicker{display:flex;gap:7px;flex-wrap:wrap}.job-kicker span{display:inline-flex;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:999px;padding:4px 8px;color:#52525b;font-size:.74rem;font-weight:950}.job-title-block h3{margin:0!important;font-size:1.35rem!important;letter-spacing:-.04em!important;line-height:1.05!important;color:#111!important}.job-title-block p{margin:0!important;color:#3f3f46!important;font-weight:950!important;font-size:1.02rem!important}.job-status-stack{display:flex;flex-direction:column;gap:7px;align-items:flex-end;justify-content:center}.status-pill,.priority-pill{display:inline-flex;width:max-content;max-width:100%;border-radius:999px;padding:7px 10px;font-weight:1000;font-size:.78rem;text-transform:uppercase;letter-spacing:.04em;background:#111;color:#fff}.priority-pill.gold{background:#facc15;color:#111;border:1px solid #111}.priority-pill.red{background:#dc2626;color:#fff}.fishbone-job-grid{display:grid;grid-template-columns:1.15fr .85fr 1.15fr .9fr;gap:10px;padding:14px 16px}.job-info-box{min-width:0;background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;padding:12px;display:grid;gap:4px}.job-info-box.primary{background:#fff;border-color:#d4d4d8}.job-info-box small{display:block;color:#64748b;font-size:.72rem;font-weight:1000;text-transform:uppercase;letter-spacing:.07em}.job-info-box strong{display:block;color:#111;font-size:1rem;line-height:1.15;word-break:break-word}.job-info-box span{display:block;color:#475569;font-weight:850;font-size:.86rem;line-height:1.25}.job-info-box.exact{background:#ecfdf5;border-color:#86efac}.job-info-box.exact strong{color:#065f46}.job-info-box.exact.missing{background:#fef2f2;border-color:#fecaca}.job-info-box.exact.missing strong{color:#991b1b}.fishbone-job-card>.placed-by-admin-line,.fishbone-job-card>.freight-pill,.fishbone-job-card>.driver-note,.fishbone-job-card>.payment-badge,.fishbone-job-card>.outsource-badge,.fishbone-job-card>.note,.fishbone-job-card>.job-meta-line{margin:0 16px 10px!important}.job-meta-line{background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;padding:9px 11px;font-weight:850;color:#334155}.job-note-clean{background:#fff7ed!important;border:1px solid #fed7aa!important;border-left:5px solid #f97316!important;border-radius:14px!important;padding:10px 12px!important;color:#7c2d12!important;font-weight:850!important}.fishbone-job-actions{display:grid!important;grid-template-columns:auto auto minmax(260px,1fr)!important;gap:9px!important;align-items:center!important;padding:12px 16px 16px!important;border-top:1px solid #ececec!important;background:#fafafa!important;margin:0!important}.fishbone-job-actions .mini{margin:0!important;text-align:center}.fishbone-job-actions form{display:grid!important;grid-template-columns:minmax(120px,1fr) auto!important;gap:8px!important;align-items:center!important;margin:0!important}.fishbone-job-actions select,.fishbone-job-actions button{width:100%;min-height:40px;border-radius:12px!important;font-weight:950!important}@media(max-width:1100px){.fishbone-job-grid{grid-template-columns:1fr 1fr}.fishbone-job-actions{grid-template-columns:1fr 1fr!important}.fishbone-job-actions form{grid-column:1/-1}}@media(max-width:680px){.fishbone-job-top{grid-template-columns:74px minmax(0,1fr);gap:10px;padding:12px}.job-status-stack{grid-column:1/-1;align-items:flex-start;flex-direction:row;flex-wrap:wrap}.job-time-block{border-radius:15px}.job-title-block h3{font-size:1.15rem!important}.fishbone-job-grid{grid-template-columns:1fr;padding:12px}.fishbone-job-actions{grid-template-columns:1fr!important;padding:12px!important}.fishbone-job-card>.placed-by-admin-line,.fishbone-job-card>.freight-pill,.fishbone-job-card>.driver-note,.fishbone-job-card>.payment-badge,.fishbone-job-card>.outsource-badge,.fishbone-job-card>.note,.fishbone-job-card>.job-meta-line{margin-left:12px!important;margin-right:12px!important}}


/* AI routeplanner v19 */
.ai-route-form{display:inline-flex;margin:0}.tablet-toolbar .switch .ai-route-btn,.ai-route-btn{border:0;border-radius:999px;padding:10px 14px;min-height:42px;background:linear-gradient(135deg,#facc15,#f97316)!important;color:#111!important;font-weight:1000;cursor:pointer;box-shadow:0 10px 24px rgba(249,115,22,.28);white-space:nowrap}.ai-route-btn:hover{transform:translateY(-1px);filter:saturate(1.1)}.tablet-toolbar .switch{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.tablet-feedback:not(.err):not(.warn){background:#ecfdf5;color:#14532d;border-color:#86efac}.tablet-feedback:has(+ .ai-route-form){font-weight:950}@media(max-width:760px){.ai-route-form,.ai-route-btn{width:100%}.tablet-toolbar .switch{display:grid;grid-template-columns:1fr}.tablet-toolbar .switch a,.tablet-toolbar .switch button{text-align:center;width:100%}}


/* Chauffeur APK app layout v20 — echte app-shell, telefoon/tablet safe */
.driver-app-mode{--app-bg:#f2f3f5;--app-card:#fff;--app-ink:#111827;--app-muted:#64748b;--app-red:#ed1c24;--app-line:#e5e7eb;background:var(--app-bg)!important;color:var(--app-ink)!important;min-height:100dvh!important;overflow-x:hidden!important;-webkit-font-smoothing:antialiased;touch-action:pan-y}.driver-app-mode *{max-width:100%;box-sizing:border-box}.driver-app-mode .driver-wrap{width:100%!important;max-width:1180px!important;margin:0 auto!important;padding:0 max(10px,env(safe-area-inset-left)) calc(28px + env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-right))!important}.driver-app-mode .driver-hero{position:sticky;top:0;z-index:50;margin:0 -10px 12px!important;border-radius:0 0 24px 24px!important;padding:calc(10px + env(safe-area-inset-top)) 14px 14px!important;background:linear-gradient(135deg,#0b0b0d,#1f2937 70%,#7f1d1d)!important;color:#fff!important;box-shadow:0 14px 36px rgba(0,0,0,.22)!important;display:grid!important;grid-template-columns:76px minmax(0,1fr)!important;gap:10px!important;align-items:center!important}.driver-app-mode .driver-hero img{width:76px!important;height:52px!important;max-height:52px!important;object-fit:contain!important;background:#fff!important;border-radius:14px!important;padding:6px!important}.driver-app-mode .driver-hero h1{font-size:clamp(1.18rem,4.8vw,2rem)!important;line-height:1.02!important;letter-spacing:-.055em!important;margin:0 0 3px!important;white-space:normal!important}.driver-app-mode .driver-hero p{font-size:.82rem!important;line-height:1.25!important;color:#e5e7eb!important;margin:0!important}.driver-app-mode .driver-hero .eyebrow{font-size:.63rem!important;letter-spacing:.08em!important;margin:0 0 4px!important;color:#fecaca!important}.driver-app-mode .driver-hero-actions{grid-column:1/-1!important;display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;width:100%!important;margin-top:4px!important}.driver-app-mode .driver-hero-actions .mini{width:100%!important;min-height:42px!important;border-radius:14px!important;padding:9px 10px!important;font-size:.86rem!important;justify-content:center!important}.driver-app-mode .driver-admin-switch{display:grid!important;min-width:0!important;text-align:center!important;background:#facc15!important;color:#111!important;border:0!important;box-shadow:0 8px 18px rgba(250,204,21,.25)!important}.driver-app-mode .driver-admin-switch span{font-size:.64rem!important}.driver-app-mode .driver-admin-switch b{font-size:.82rem!important}.driver-app-mode .driver-date{width:100%!important;margin:0 0 10px!important;padding:10px!important;border-radius:18px!important;background:var(--app-card)!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:10px!important;box-shadow:0 8px 24px rgba(15,23,42,.07)!important}.driver-app-mode .driver-date label{min-width:0!important;font-size:.82rem!important;color:#334155!important}.driver-app-mode .driver-date input{width:100%!important;min-height:46px!important;border-radius:14px!important;font-size:16px!important;background:#fff!important;color:#111!important}.driver-app-mode .driver-date .btn,.driver-app-mode .driver-date button{min-height:46px!important;border-radius:14px!important;padding:0 14px!important;white-space:nowrap!important}.driver-app-mode .driver-summary{width:100%!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important;margin:0 0 10px!important}.driver-app-mode .driver-summary article{min-width:0!important;padding:12px 10px!important;border-radius:18px!important;background:#fff!important;border:1px solid var(--app-line)!important;box-shadow:0 8px 22px rgba(15,23,42,.06)!important;text-align:center!important}.driver-app-mode .driver-summary strong{font-size:clamp(1.35rem,5vw,2rem)!important;line-height:1!important;display:block!important}.driver-app-mode .driver-summary span{font-size:.72rem!important;line-height:1.1!important;color:var(--app-muted)!important;font-weight:950!important}.driver-app-mode .driver-routes{width:100%!important;margin:0!important;padding:12px!important;border-radius:22px!important;background:#fff!important;border:1px solid var(--app-line)!important;box-shadow:0 12px 30px rgba(15,23,42,.075)!important}.driver-app-mode .driver-section-head{display:flex!important;align-items:flex-end!important;justify-content:space-between!important;gap:10px!important;margin:0 0 10px!important}.driver-app-mode .driver-section-head span{font-size:.68rem!important;letter-spacing:.08em!important;color:var(--app-red)!important}.driver-app-mode .driver-section-head h2{font-size:1.28rem!important;line-height:1!important;margin:3px 0 0!important;letter-spacing:-.045em!important}.driver-app-mode .driver-route-card{width:100%!important;display:grid!important;grid-template-columns:1fr!important;gap:10px!important;margin:0 0 12px!important;padding:14px!important;border-radius:20px!important;background:#fff!important;border:1px solid #e2e8f0!important;border-left:7px solid #111827!important;box-shadow:0 10px 26px rgba(15,23,42,.075)!important;overflow:hidden!important}.driver-app-mode .driver-route-card.status-spoed{border-left-color:#dc2626!important;background:linear-gradient(180deg,#fff,#fff7f7)!important}.driver-app-mode .driver-route-card.status-afgerond{border-left-color:#16a34a!important}.driver-app-mode .time-chip{display:inline-flex!important;width:max-content!important;border-radius:999px!important;background:#111827!important;color:#fff!important;padding:7px 10px!important;font-weight:1000!important;font-size:.82rem!important;margin-bottom:7px!important}.driver-app-mode .driver-route-card h3,.driver-app-mode .driver-route-card h2,.driver-app-mode .driver-route-card strong{overflow-wrap:anywhere!important}.driver-app-mode .driver-route-card p,.driver-app-mode .driver-route-card span,.driver-app-mode .driver-route-card small{overflow-wrap:anywhere!important;line-height:1.3!important}.driver-app-mode .driver-note,.driver-app-mode .urgent-placement,.driver-app-mode .driver-waiting-tab{border-radius:15px!important;padding:10px!important;margin-top:8px!important}.driver-app-mode .urgent-placement{background:#fef2f2!important;border:1px solid #fecaca!important;color:#991b1b!important;font-weight:950!important}.driver-app-mode .driver-actions,.driver-app-mode .driver-route-card .actions,.driver-app-mode .tablet-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;width:100%!important}.driver-app-mode .driver-actions a,.driver-app-mode .driver-actions button,.driver-app-mode .driver-actions select,.driver-app-mode .driver-route-card .mini,.driver-app-mode .driver-route-card button{min-height:46px!important;border-radius:14px!important;font-size:.92rem!important;font-weight:950!important;text-align:center!important;display:inline-flex!important;align-items:center!important;justify-content:center!important}.driver-app-mode form{min-width:0!important}.driver-app-mode select,.driver-app-mode input,.driver-app-mode textarea{font-size:16px!important}.driver-app-mode .empty{border-radius:18px!important;padding:18px!important;background:#f8fafc!important;border:1px dashed #cbd5e1!important;text-align:center!important;color:#475569!important;font-weight:850!important}@media(min-width:760px){.driver-app-mode .driver-wrap{padding-left:18px!important;padding-right:18px!important}.driver-app-mode .driver-hero{margin:0 0 16px!important;border-radius:0 0 30px 30px!important;grid-template-columns:118px minmax(0,1fr) auto!important;padding:calc(16px + env(safe-area-inset-top)) 22px 18px!important}.driver-app-mode .driver-hero img{width:118px!important;height:64px!important;max-height:64px!important}.driver-app-mode .driver-hero-actions{grid-column:auto!important;grid-template-columns:1fr!important;min-width:180px!important;margin-top:0!important}.driver-app-mode .driver-routes{padding:16px!important}.driver-app-mode .driver-routes>article,.driver-app-mode .driver-route-card{break-inside:avoid!important}.driver-app-mode .driver-route-card{padding:16px!important}.driver-app-mode .driver-routes{display:block!important}.driver-app-mode .driver-routes .driver-section-head{grid-column:1/-1}.driver-app-mode .driver-routes{container-type:inline-size}}@media(min-width:900px){.driver-app-mode .driver-routes{display:grid!important;grid-template-columns:1fr 1fr!important;gap:12px!important}.driver-app-mode .driver-routes .driver-section-head{grid-column:1/-1!important}.driver-app-mode .driver-routes .empty{grid-column:1/-1!important}.driver-app-mode .driver-route-card{margin:0!important}}@media(max-width:430px){.driver-app-mode .driver-hero{grid-template-columns:64px minmax(0,1fr)!important;padding-left:10px!important;padding-right:10px!important}.driver-app-mode .driver-hero img{width:64px!important;height:48px!important}.driver-app-mode .driver-hero-actions{grid-template-columns:1fr!important}.driver-app-mode .driver-summary{gap:6px!important}.driver-app-mode .driver-summary article{padding:10px 6px!important}.driver-app-mode .driver-date{grid-template-columns:1fr!important}.driver-app-mode .driver-date button{width:100%!important}.driver-app-mode .driver-actions{grid-template-columns:1fr!important}.driver-app-mode .driver-routes{padding:10px!important;border-radius:18px!important}.driver-app-mode .driver-route-card{padding:12px!important;border-radius:17px!important}}


/* Mobile admin header fix v21 — geen overlap, compacte app-topbar */
@media(max-width:820px){
  .methorst-top-menu-shell{overflow-x:hidden!important;background:#f3f4f6!important}
  .methorst-top-menu-shell .top.methorst-top-menu{position:sticky!important;top:0!important;z-index:1000!important;background:#fff!important;box-shadow:0 8px 22px rgba(15,23,42,.10)!important;border-bottom:1px solid #e5e7eb!important;overflow:hidden!important}
  .methorst-top-menu-shell .top-inner{width:100%!important;max-width:none!important;margin:0!important;padding:8px 10px 10px!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;grid-template-areas:'brand logout' 'nav nav'!important;gap:8px!important;align-items:center!important;min-height:0!important}
  .methorst-top-menu-shell .brand{grid-area:brand!important;min-width:0!important;width:100%!important;margin:0!important;display:flex!important;align-items:center!important;gap:8px!important;overflow:hidden!important}
  .methorst-top-menu-shell .brand img{width:108px!important;min-width:108px!important;max-width:108px!important;max-height:50px!important;height:50px!important;object-fit:contain!important;background:#fff!important;border-radius:10px!important;padding:2px!important}
  .methorst-top-menu-shell .brand span{min-width:0!important;display:block!important;overflow:hidden!important}
  .methorst-top-menu-shell .brand strong{font-size:.94rem!important;line-height:1.05!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;color:#111!important}
  .methorst-top-menu-shell .brand small{font-size:.72rem!important;line-height:1.1!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;color:#64748b!important}
  .methorst-top-menu-shell .logout-link{grid-area:logout!important;justify-self:end!important;width:auto!important;min-height:40px!important;padding:9px 12px!important;border-radius:999px!important;background:#f8fafc!important;color:#111!important;border:1px solid #d1d5db!important;font-size:.84rem!important;font-weight:950!important;white-space:nowrap!important;box-shadow:none!important}
  .methorst-top-menu-shell .main-menu,.methorst-top-menu-shell .main-menu-clean{grid-area:nav!important;width:100%!important;display:flex!important;flex-wrap:nowrap!important;gap:7px!important;overflow-x:auto!important;overflow-y:hidden!important;padding:2px 0 4px!important;margin:0!important;-webkit-overflow-scrolling:touch!important;scrollbar-width:none!important;align-items:center!important}
  .methorst-top-menu-shell .main-menu::-webkit-scrollbar{display:none!important}
  .methorst-top-menu-shell .main-menu a{flex:0 0 auto!important;min-height:42px!important;border-radius:999px!important;padding:10px 15px!important;font-size:.88rem!important;line-height:1!important;background:#111827!important;color:#fff!important;border:0!important;box-shadow:none!important;white-space:nowrap!important;text-align:center!important;display:inline-flex!important;align-items:center!important;justify-content:center!important}
  .methorst-top-menu-shell .main-menu a.active{background:var(--red)!important;color:#fff!important}
  .methorst-top-menu-shell .admin-driver-switch{margin:0!important;min-width:112px!important;max-width:142px!important;border-radius:16px!important;padding:8px 10px!important;display:grid!important;gap:1px!important;background:#111827!important;color:#fff!important;overflow:hidden!important;text-align:center!important}
  .methorst-top-menu-shell .admin-driver-switch span{font-size:.62rem!important;letter-spacing:.06em!important;text-transform:uppercase!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
  .methorst-top-menu-shell .admin-driver-switch b{font-size:.77rem!important;line-height:1.05!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
  .methorst-top-menu-shell main.wrap{width:100%!important;padding:14px 10px 32px!important;margin:0!important;overflow:hidden!important}
  .placements-hero{border-radius:24px!important;padding:20px!important;grid-template-columns:1fr!important;gap:14px!important;margin:0!important;overflow:hidden!important}
  .placements-hero h1{font-size:clamp(2.15rem,13vw,4rem)!important;line-height:.92!important;letter-spacing:-.07em!important;word-break:normal!important}
  .placements-hero p{font-size:1rem!important;line-height:1.45!important;max-width:100%!important}
  .placements-hero aside{width:100%!important;border-radius:22px!important;text-align:left!important;padding:18px 22px!important}
  .placements-hero aside strong{font-size:3.2rem!important}
  .placement-rule-alert{border-radius:20px!important;padding:15px!important;font-size:.98rem!important;line-height:1.45!important;overflow-wrap:anywhere!important}
}
@media(max-width:390px){
  .methorst-top-menu-shell .brand img{width:92px!important;min-width:92px!important;height:44px!important;max-height:44px!important}
  .methorst-top-menu-shell .brand strong{font-size:.86rem!important}
  .methorst-top-menu-shell .brand small{display:none!important}
  .methorst-top-menu-shell .main-menu a{padding:9px 12px!important;font-size:.82rem!important}
  .methorst-top-menu-shell .logout-link{font-size:.8rem!important;padding:8px 11px!important}
}


/* Te plaatsen planningkaart v22 */
.placement-subnav{display:flex;gap:8px;flex-wrap:wrap;background:#fff;border:1px solid #e5e7eb;border-radius:18px;padding:8px;box-shadow:0 8px 22px rgba(15,23,42,.06)}.placement-subnav a{display:inline-flex;align-items:center;justify-content:center;min-height:42px;border-radius:14px;padding:10px 14px;text-decoration:none;font-weight:1000;background:#f8fafc;color:#111;border:1px solid #e5e7eb}.placement-subnav a.active{background:#111827;color:#fff;border-color:#111827}.planned-hero{background:linear-gradient(135deg,#0f172a,#1e3a8a 62%,#0b0b0d)!important}.planned-hero .eyebrow{color:#bfdbfe!important}.planned-filter-bar{display:grid;grid-template-columns:140px 160px repeat(3,minmax(150px,1fr)) minmax(220px,1.5fr) auto auto;gap:10px;align-items:end;background:#fff;border:1px solid #e5e7eb;border-radius:22px;padding:14px;box-shadow:0 12px 30px rgba(15,23,42,.07)}.planned-filter-bar label{display:grid;gap:6px;font-weight:950;color:#334155;font-size:.84rem}.planned-filter-bar input,.planned-filter-bar select{width:100%;min-width:0;font:inherit;border:1px solid #cbd5e1;border-radius:12px;padding:10px;background:#fff;color:#111}.planned-filter-bar .wide{min-width:0}.planned-filter-bar .btn{min-height:42px;border:0;border-radius:12px;cursor:pointer}.planned-filter-bar .btn.secondary{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;background:#f8fafc!important;color:#111!important;border:1px solid #cbd5e1!important}.planned-rule{background:#eff6ff!important;border-color:#60a5fa!important;color:#1e3a8a!important}.planned-placement-map{min-height:510px}.planned-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.planned-kpis article{background:#fff;border:1px solid #e5e7eb;border-radius:18px;padding:15px;box-shadow:0 8px 22px rgba(15,23,42,.06)}.planned-kpis strong{display:block;font-size:2rem;line-height:1}.planned-kpis span{display:block;margin-top:6px;color:#64748b;font-weight:950}.placement-map-pin.pin-blue span,.planned-map-pin.pin-blue span{background:#2563eb!important}.planned-list .placement-row.pin-blue{border-left-color:#2563eb!important}.planned-list .placement-row.pin-red{border-left-color:#dc2626!important}.map-popup-actions{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}.map-popup-actions a,.map-popup-actions button{border:0;border-radius:999px;background:#111827;color:#fff;text-decoration:none;font-weight:900;padding:7px 9px;font-size:12px;cursor:pointer}.map-popup-actions a:nth-child(3){background:#2563eb}@media(max-width:1250px){.planned-filter-bar{grid-template-columns:repeat(3,minmax(0,1fr))}.planned-filter-bar .wide{grid-column:1/-1}.planned-filter-bar .btn,.planned-filter-bar .btn.secondary{width:100%}}@media(max-width:760px){.placement-subnav{position:sticky;top:86px;z-index:40;overflow-x:auto;flex-wrap:nowrap}.placement-subnav a{flex:0 0 auto}.planned-filter-bar{grid-template-columns:1fr;padding:12px;border-radius:18px}.planned-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.planned-placement-map{min-height:430px}.planned-kpis strong{font-size:1.6rem}}@media(max-width:390px){.planned-kpis{grid-template-columns:1fr}}


/* Compacte opdrachtkaarten v23 — Daan: actie + adres, details uitklapbaar */
.compact-job-card{border-radius:18px!important;margin-bottom:10px!important;box-shadow:0 8px 22px rgba(15,23,42,.07)!important}.compact-job-main{display:grid;grid-template-columns:74px minmax(0,1fr) auto;gap:12px;align-items:center;padding:12px 14px;background:#fff;border-bottom:1px solid #eef2f7}.compact-time{display:grid;place-items:center;text-align:center;background:#111827;color:#fff;border-radius:14px;padding:8px 6px;min-height:58px}.compact-time span{font-weight:1000;font-size:1rem;line-height:1}.compact-time b{font-size:.82rem;color:#fecaca;margin-top:3px}.compact-title{min-width:0}.compact-line{display:flex;gap:9px;align-items:baseline;min-width:0}.compact-line strong{flex:0 0 auto;font-size:1.12rem;letter-spacing:-.04em;color:#111}.compact-line span{min-width:0;font-size:1.04rem;font-weight:950;color:#111;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.compact-title small{display:block;margin-top:4px;color:#64748b;font-weight:850;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.compact-badges{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end;align-items:center}.compact-job-card .status-pill,.compact-job-card .priority-pill{padding:6px 9px;font-size:.75rem}.compact-job-details{padding:0 14px 10px;background:#fbfdff}.compact-job-details summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:40px;border:1px solid #dbe3ee;background:#f8fafc;border-radius:14px;padding:9px 12px;font-weight:1000;color:#111}.compact-job-details summary::-webkit-details-marker{display:none}.compact-job-details summary span:before{content:'▸';display:inline-block;margin-right:7px;transition:.15s transform}.compact-job-details[open] summary span:before{transform:rotate(90deg)}.compact-job-details summary b{font-size:.78rem;color:#64748b;text-transform:uppercase;letter-spacing:.05em}.compact-job-details[open] summary{margin-bottom:10px;background:#fff;border-color:#111827}.compact-detail-grid{margin:0 0 10px!important;padding:0!important}.compact-job-details .freight-pill,.compact-job-details .driver-note,.compact-job-details .payment-badge,.compact-job-details .outsource-badge,.compact-job-details .job-meta-line,.compact-job-details .note,.compact-job-details .placed-by-admin-line{margin:8px 0!important}.compact-job-actions{padding:10px 14px!important;border-top:1px solid #eef2f7!important;display:grid!important;grid-template-columns:auto auto minmax(260px,1fr)!important;gap:8px!important;align-items:center!important}.compact-job-actions form{display:grid!important;grid-template-columns:minmax(130px,1fr) auto!important;gap:8px!important;align-items:center!important}.compact-job-actions select,.compact-job-actions button{min-height:38px!important;border-radius:11px!important}@media(max-width:780px){.compact-job-main{grid-template-columns:64px minmax(0,1fr);gap:10px;padding:11px}.compact-badges{grid-column:1/-1;justify-content:flex-start}.compact-line{display:grid;gap:2px}.compact-line span{white-space:normal;line-height:1.15}.compact-job-actions{grid-template-columns:1fr 1fr!important}.compact-job-actions form{grid-column:1/-1;grid-template-columns:1fr auto!important}.compact-job-details{padding:0 11px 10px}}@media(max-width:430px){.compact-job-actions{grid-template-columns:1fr!important}.compact-job-actions form{grid-template-columns:1fr!important}.compact-job-actions a,.compact-job-actions button{width:100%}.compact-title small{white-space:normal}.compact-time{min-height:54px}.compact-line strong{font-size:1.05rem}.compact-line span{font-size:.98rem}}


/* Compacte tabletkaarten v24 */
.compact-tablet-job strong{font-size:1rem!important;line-height:1.12!important;color:#111!important}.compact-tablet-job .tablet-address-main{display:block!important;margin-top:4px!important;font-size:.94rem!important;font-weight:950!important;color:#111!important;line-height:1.18!important}.tablet-job-extra{margin-top:7px!important}.tablet-job-extra summary{cursor:pointer;display:inline-flex;align-items:center;border:1px solid #d1d5db;border-radius:999px;background:#f8fafc;color:#111;padding:5px 9px;font-size:.78rem;font-weight:950;list-style:none}.tablet-job-extra summary::-webkit-details-marker{display:none}.tablet-job-extra summary:before{content:'▸';margin-right:5px}.tablet-job-extra[open] summary:before{transform:rotate(90deg)}.tablet-job-extra small{display:block!important;margin-top:6px!important;color:#64748b!important;font-weight:850!important}.tablet-job-extra .driver-note{background:#fff7ed!important;border:1px solid #fed7aa!important;color:#9a3412!important;border-radius:10px!important;padding:7px!important}


/* Compacte chauffeur appkaarten v25 */
.driver-app-mode .compact-driver-card{padding:0!important;gap:0!important}.driver-app-mode .driver-card-main{display:grid!important;grid-template-columns:auto minmax(0,1fr)!important;gap:10px!important;align-items:center!important}.driver-app-mode .driver-main-copy{min-width:0!important}.driver-app-mode .driver-main-copy h3{margin:0!important;font-size:1.18rem!important;line-height:1!important;letter-spacing:-.045em!important;color:#111!important}.driver-app-mode .driver-main-copy p{margin:4px 0 0!important;font-size:1.02rem!important;line-height:1.2!important;font-weight:950!important;color:#111!important;overflow-wrap:anywhere!important}.driver-app-mode .driver-main-copy small{display:block!important;margin-top:4px!important;color:#64748b!important;font-weight:850!important;line-height:1.2!important}.driver-app-mode .driver-card-details{margin-top:10px!important}.driver-app-mode .driver-card-details summary{cursor:pointer;display:flex!important;align-items:center!important;justify-content:center!important;min-height:42px!important;border-radius:14px!important;background:#f8fafc!important;border:1px solid #dbe3ee!important;color:#111!important;font-weight:1000!important;list-style:none!important}.driver-app-mode .driver-card-details summary::-webkit-details-marker{display:none}.driver-app-mode .driver-card-details summary:before{content:'▸';margin-right:7px}.driver-app-mode .driver-card-details[open] summary:before{transform:rotate(90deg)}.driver-app-mode .driver-card-details[open] summary{margin-bottom:9px;background:#fff!important;border-color:#111827!important}.driver-app-mode .driver-card-details p{margin:7px 0!important}.driver-app-mode .driver-quick-actions{margin-top:10px!important;display:grid!important;grid-template-columns:1fr!important;gap:8px!important}.driver-app-mode .driver-quick-actions form{display:grid!important;grid-template-columns:1fr auto!important;gap:8px!important}.driver-app-mode .driver-quick-actions select{min-height:46px!important;border-radius:14px!important}.driver-app-mode .driver-quick-actions .mini,.driver-app-mode .driver-quick-actions button{min-height:46px!important;border-radius:14px!important}@media(max-width:430px){.driver-app-mode .driver-card-main{grid-template-columns:1fr!important}.driver-app-mode .driver-card-main .time-chip{width:max-content!important}.driver-app-mode .driver-quick-actions form{grid-template-columns:1fr!important}}


/* Apple Agenda import v27 */
.view-manage .clean-status-row{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}.view-manage .clean-admin-grid{grid-template-columns:minmax(0,1.45fr) repeat(2,minmax(0,1fr))!important}.view-manage .apple-agenda-link{background:#0b0b0d!important;color:#fff!important;border-color:#0b0b0d!important}.view-manage .apple-agenda-link::after{color:#fff!important}
.apple-calendar-import{scroll-margin-top:100px;background:#fff;border:1px solid #dedede;border-left:10px solid var(--red);border-radius:28px;padding:22px;box-shadow:0 16px 44px rgba(0,0,0,.09);display:grid;gap:16px}.apple-calendar-import>header{display:flex;justify-content:space-between;align-items:start;gap:18px}.apple-calendar-import h2{margin:0 0 6px;font-size:clamp(1.9rem,3vw,2.7rem);letter-spacing:-.055em}.apple-calendar-import header p{margin:0;color:#52525b;font-weight:850;max-width:780px}.apple-calendar-mark{display:grid;place-items:center;width:58px;height:58px;flex:0 0 58px;border-radius:18px;background:#0b0b0d;color:#fff;font-size:2rem;font-weight:950}.apple-calendar-upload{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:stretch}.apple-calendar-file{display:grid;gap:4px;border:2px dashed #b6bbc4;border-radius:18px;padding:14px 16px;background:#f8fafc;cursor:pointer;min-width:0}.apple-calendar-file span{font-size:1.02rem;font-weight:1000;color:#111}.apple-calendar-file small{font-weight:850;color:#64748b}.apple-calendar-file input{margin-top:8px;width:100%;font:inherit;color:#111}.apple-calendar-upload .btn{min-height:58px;border-radius:16px!important}.apple-calendar-result{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;background:#ecfdf5;border:1px solid #86efac;color:#065f46;border-radius:16px;padding:13px 15px}.apple-calendar-result span{font-weight:850}.apple-calendar-preview{display:grid;gap:12px;border-top:1px solid #e5e7eb;padding-top:15px}.apple-calendar-preview-head{display:flex;justify-content:space-between;align-items:end;gap:12px}.apple-calendar-preview-head div{display:grid;gap:3px}.apple-calendar-preview-head strong{font-size:1.15rem}.apple-calendar-preview-head span{color:#64748b;font-weight:850}.apple-calendar-events{display:grid;gap:8px}.apple-calendar-event{display:grid;grid-template-columns:auto 150px minmax(0,1fr) auto;gap:12px;align-items:center;background:#f8fafc;border:1px solid #dbe3ee;border-radius:16px;padding:12px;cursor:pointer}.apple-calendar-event:has(input:checked){background:#fff;border-color:#111;box-shadow:0 8px 22px rgba(0,0,0,.07)}.apple-calendar-event input{width:22px;height:22px;accent-color:var(--red)}.calendar-date,.calendar-event-main{display:grid;gap:3px;min-width:0}.calendar-date small,.calendar-event-main small{color:#64748b;font-weight:850;overflow-wrap:anywhere}.calendar-event-main strong{font-size:1rem;overflow-wrap:anywhere}.apple-calendar-event em{font-style:normal;background:#111;color:#fff;border-radius:999px;padding:7px 9px;font-size:.75rem;font-weight:950;white-space:nowrap}.apple-calendar-event.is-duplicate{opacity:.62;cursor:not-allowed}.apple-calendar-event.is-duplicate em{background:#64748b}.apple-calendar-actions{display:flex;gap:9px;flex-wrap:wrap}.apple-calendar-actions .btn{min-height:48px}.apple-calendar-actions button:disabled{opacity:.45;cursor:not-allowed}
@media(max-width:980px){.view-manage .clean-admin-grid{grid-template-columns:1fr 1fr!important}.view-manage .clean-admin-group:first-child{grid-column:1/-1}.apple-calendar-event{grid-template-columns:auto 120px minmax(0,1fr)}.apple-calendar-event em{grid-column:2/-1;justify-self:start}}
@media(max-width:760px){.view-manage .clean-status-row,.view-manage .clean-admin-grid{grid-template-columns:1fr!important}.view-manage .clean-admin-group:first-child{grid-column:auto}.apple-calendar-import{padding:17px;border-radius:22px;border-left-width:7px}.apple-calendar-import>header{align-items:center}.apple-calendar-mark{width:48px;height:48px;flex-basis:48px;border-radius:15px;font-size:1.6rem}.apple-calendar-upload{grid-template-columns:1fr}.apple-calendar-upload .btn{width:100%}.apple-calendar-preview-head{display:grid}.apple-calendar-event{grid-template-columns:auto minmax(0,1fr);align-items:start}.apple-calendar-event .calendar-date,.apple-calendar-event .calendar-event-main,.apple-calendar-event em{grid-column:2}.apple-calendar-event em{justify-self:start}.apple-calendar-actions{display:grid;grid-template-columns:1fr}.apple-calendar-actions .btn{width:100%}}