/* District Zaanstad Intranet v4.0 additions */
.personal-dashboard{display:grid;grid-template-columns:minmax(300px,1.1fr) minmax(280px,.9fr) minmax(280px,1fr);gap:16px;margin-bottom:18px}.personal-dashboard>.panel{margin:0;min-width:0}.personal-unit{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding:14px;border:1px solid #2b425f;background:#0b1626;border-radius:12px}.personal-unit span,.personal-incident span{display:block;color:#91a6bf;font-size:12px}.personal-unit h2{margin:4px 0 2px;font-size:27px}.personal-unit p{margin:0;color:#c9d5e6}.personal-incident{margin-top:10px;padding:12px;border-left:3px solid #2f80ed;background:#0b1523;border-radius:8px;display:grid;gap:4px}.personal-incident a{color:#75b5ff;font-size:12px}.personal-empty{padding:14px;border:1px dashed #33465f;border-radius:12px}.personal-empty h2{margin:0 0 5px}.personal-stats{grid-template-columns:repeat(3,1fr);margin:0}.personal-stats>div{min-width:0}.settings-card{max-width:820px}.settings-form{display:grid;gap:14px}.toggle-row{display:flex!important;align-items:center;justify-content:space-between;gap:24px;padding:14px;border:1px solid #263a53;border-radius:12px;background:#0c1727}.toggle-row span{display:grid;gap:3px}.toggle-row small{color:#8ea2ba}.toggle-row input[type=checkbox]{width:22px;height:22px;accent-color:#2f80ed}
.postcode-status{min-height:18px;font-size:11px;color:#8fa7bd;margin-top:-2px}.postcode-status.ok{color:#4ade80}.postcode-status.warn{color:#fbbf24}.vehicle-intake{border:1px solid #30445f;border-radius:9px;padding:8px;background:#0a1422}.vehicle-intake>summary{cursor:pointer;font-weight:800;color:#dcecff}.vehicle-intake[open]>summary{margin-bottom:8px}.anpr-check{display:flex!important;flex-direction:row!important;align-items:center;gap:8px;color:#facc15!important;margin:7px 0}.anpr-check input{width:auto!important}.vehicle-alert{margin:8px 0;padding:9px 10px;border:1px solid #36577b;border-left:3px solid #60a5fa;border-radius:8px;background:#091726;display:grid;gap:3px}.vehicle-alert strong{color:#eaf4ff}.vehicle-alert span{color:#9fb2c8;font-size:11px}.vehicle-alert b{width:max-content;padding:2px 7px;border-radius:999px;background:#14532d;color:#bbf7d0;font-size:10px}.vehicle-alert em{color:#fca5a5;font-size:10px;font-style:normal}
.other-tabs{display:flex!important;gap:4px!important;padding:6px 8px!important;border-bottom:1px solid #2d3d56}.other-tabs button{border:0;background:transparent;color:#91a6bf;border-radius:6px;padding:6px 9px;cursor:pointer;font:inherit;font-size:11px}.other-tabs button.active{background:#14233a;color:#fff}.mk-chat-pane{display:flex;flex-direction:column;height:calc(100% - 48px);min-height:220px;padding:8px}.mk-chat-messages{flex:1;overflow:auto;display:flex;flex-direction:column;gap:6px;padding-right:3px}.mk-chat-msg{position:relative;background:#0b1524;border:1px solid #2c405a;border-radius:9px;padding:7px 9px}.mk-chat-msg b{font-size:11px;color:#93c5fd}.mk-chat-msg>span{float:right;font-size:9px;color:#64748b}.mk-chat-msg p{margin:4px 0 0;font-size:11px;color:#e4edf8;white-space:pre-wrap;overflow-wrap:anywhere}.mk-chat-form{display:grid;grid-template-columns:1fr auto;gap:6px;margin-top:7px}.mk-chat-form input{min-width:0;background:#091321;border:1px solid #31445f;border-radius:8px;color:#fff;padding:8px}.mk-chat-form button{background:#2563eb;color:#fff;border:0;border-radius:8px;padding:8px 12px;font-weight:800}.dispatch-toast{position:fixed;right:18px;bottom:18px;z-index:9999;background:#0b1727;border:1px solid #36577b;border-radius:10px;padding:10px 14px;color:#fff;box-shadow:0 12px 40px #0008}
body.dispatch-body.compact-mode .dispatch-card{padding:7px;margin-bottom:5px}body.dispatch-body.compact-mode .dispatch-card p{margin:4px 0}body.dispatch-body.compact-mode .status-btn{padding:4px 6px}body.dispatch-body.hide-livemap .p-livemap{display:none}body.dispatch-body.hide-livemap .dispatch-grid.real-grid{grid-template-columns:1fr 1fr 1fr;grid-template-areas:'meldingen eenheden verzoeken' 'overige eenheden verzoeken'}
@media(max-width:1200px){.personal-dashboard{grid-template-columns:1fr 1fr}.personal-dashboard>.panel:last-child{grid-column:1/-1}body.dispatch-body.hide-livemap .dispatch-grid.real-grid{grid-template-columns:1fr;grid-template-areas:'meldingen' 'eenheden' 'verzoeken' 'overige'}}@media(max-width:760px){.personal-dashboard{grid-template-columns:1fr}.personal-dashboard>.panel:last-child{grid-column:auto}.personal-stats{grid-template-columns:1fr}.toggle-row{align-items:flex-start}}
body.compact-mode:not(.dispatch-body) .main{padding-top:16px}body.compact-mode:not(.dispatch-body) .panel{padding:14px}body.compact-mode:not(.dispatch-body) .tiles{gap:9px}body.compact-mode:not(.dispatch-body) .tile{padding:13px}

/* v4.0.1 - Intake formulier scrollbaar binnen Incidenten / Intake */
body.dispatch-body .p-meldingen{position:relative}
body.dispatch-body .p-meldingen .panel-title>details{position:static}
body.dispatch-body .p-meldingen .popup-form{
  top:34px;
  left:0;
  right:0;
  width:auto;
  max-width:none;
  max-height:calc(100% - 34px);
  overflow-y:auto;
  overflow-x:hidden;
  overscroll-behavior:contain;
  scrollbar-gutter:stable;
  border-radius:0 0 7px 7px;
  box-shadow:0 18px 55px rgba(0,0,0,.55);
  padding-bottom:18px;
}
body.dispatch-body .p-meldingen .popup-form::-webkit-scrollbar{width:9px}
body.dispatch-body .p-meldingen .popup-form::-webkit-scrollbar-track{background:#091321}
body.dispatch-body .p-meldingen .popup-form::-webkit-scrollbar-thumb{background:#3b506c;border-radius:999px;border:2px solid #091321}
body.dispatch-body .p-meldingen .popup-form::-webkit-scrollbar-thumb:hover{background:#557092}
body.dispatch-body .p-meldingen .popup-form>button:last-child{position:sticky;bottom:0;z-index:2;box-shadow:0 -8px 18px rgba(14,23,40,.9)}
@media(max-width:1200px){
  body.dispatch-body .p-meldingen .popup-form{max-height:min(72vh,720px)}
}