/* District Zaanstad Intranet v4.1 - live status, signalement, mobile/tablet */
.sound-settings{display:grid;gap:9px;padding:12px;border:1px solid #29415d;border-radius:12px;background:#091423}.sound-settings h3{margin:0 0 2px;font-size:14px}.sound-settings .toggle-row{padding:10px 12px;background:#0b1727}.sound-settings .toggle-row b{font-size:12px}.sound-settings .toggle-row small{font-size:10px}
.signalement-intake{border:1px solid #3a4158;border-radius:9px;padding:8px;background:#121522}.signalement-intake>summary{cursor:pointer;font-weight:800;color:#efe9ff}.signalement-intake[open]>summary{margin-bottom:8px}.signalement-card{margin:8px 0;padding:9px 10px;border:1px solid #57466e;border-left:3px solid #a78bfa;border-radius:8px;background:#151126;display:grid;gap:4px}.signalement-card strong{color:#f1eaff}.signalement-card p{margin:0!important;color:#e9e4f4}.signalement-card span{color:#b8acd0;font-size:11px}
.linked-unit.lead-unit{border-color:#fbbf24!important;background:#3a2a09!important;color:#fde68a!important}.lead-form{margin-top:6px}.lead-form button{white-space:nowrap}
.dispatch-card.unit[data-unit-card]{transition:border-color .15s ease,box-shadow .15s ease}.dispatch-card.unit.requesting{box-shadow:0 0 0 1px rgba(251,191,36,.25)}
/* Mobiel / tablet: geen uitzoomen nodig. Alles wordt stapelbaar en scrollbaar. */
@media(max-width:1100px){
  body.dispatch-body{overflow:auto!important;min-width:0!important}.dispatch-topbar{position:sticky;top:0;z-index:30;min-height:54px;gap:10px;padding:8px 10px}.dispatch-actions{display:flex;gap:6px;overflow-x:auto;white-space:nowrap;max-width:64vw;padding-bottom:2px}.dispatch-actions a,.dispatch-actions span{flex:0 0 auto}
  body.dispatch-body .dispatch-grid.real-grid,body.dispatch-body.hide-livemap .dispatch-grid.real-grid{display:grid!important;grid-template-columns:1fr 1fr!important;grid-template-areas:'meldingen eenheden' 'verzoeken overige' 'livemap livemap'!important;gap:9px!important;height:auto!important;min-height:calc(100vh - 58px)!important;padding:9px!important;overflow:visible!important}
  body.dispatch-body .dispatch-panel{min-height:360px;max-height:72vh}.p-livemap{min-height:360px!important}.map-box,.map-box iframe{min-height:320px}
  body.dispatch-body .p-meldingen .popup-form{position:fixed!important;left:5vw!important;right:5vw!important;top:64px!important;width:90vw!important;max-height:calc(100vh - 84px)!important;border-radius:12px!important;z-index:100!important}
  .incident-top{grid-template-columns:auto minmax(0,1fr)!important}.incident-top em{grid-column:2}.status-strip{display:flex!important;flex-wrap:wrap!important}.status-strip form{flex:0 0 auto}.unit-tabs{overflow-x:auto;white-space:nowrap}.mini-form{grid-template-columns:minmax(0,1fr) auto!important}
}
@media(max-width:720px){
  .sidebar{position:static!important;width:100%!important;min-height:auto!important}.sidebar nav{display:flex!important;overflow-x:auto!important;padding-bottom:6px}.sidebar nav a{flex:0 0 auto}.main{margin-left:0!important;padding:12px!important}.topbar{align-items:flex-start!important;gap:10px!important;flex-wrap:wrap!important}.topbar h1{font-size:24px!important}
  body.dispatch-body .dispatch-grid.real-grid,body.dispatch-body.hide-livemap .dispatch-grid.real-grid{grid-template-columns:1fr!important;grid-template-areas:'meldingen' 'eenheden' 'verzoeken' 'overige' 'livemap'!important;padding:6px!important;gap:7px!important}.dispatch-brand small{display:none}.dispatch-actions{max-width:55vw}.dispatch-topbar{position:sticky}.dispatch-panel{min-height:330px!important;max-height:76vh!important}.p-livemap{min-height:320px!important}.map-box,.map-box iframe{min-height:280px}
  body.dispatch-body .p-meldingen .popup-form{left:2.5vw!important;right:2.5vw!important;width:95vw!important;top:58px!important;max-height:calc(100vh - 70px)!important}.popup-form .two,.form-grid,.medical-grid,.medical-grid.two-col{grid-template-columns:1fr!important}.incident-top{display:grid!important}.incident-meta,.linked-row,.mini-actions{display:flex!important;flex-wrap:wrap!important}.mini-form{grid-template-columns:1fr!important}.mini-form button{width:100%}.unit-top{align-items:flex-start!important}.status-strip{gap:4px!important}.status-btn{min-width:34px!important;min-height:34px!important}.mk-chat-pane{min-height:300px}.other-tabs{overflow-x:auto}
  .gms-screen{grid-template-columns:1fr!important;height:auto!important;min-height:calc(100vh - 60px)!important;overflow:auto!important}.gms-left-panel{min-height:360px!important}.gms-status-grid-screen{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;padding:10px!important}.gms-status-grid-screen button{min-height:72px!important}.gms-topbar,.unit-topbar{position:sticky!important;top:0;z-index:25;gap:8px;overflow-x:auto}.gms-top-right,.unit-top-actions{display:flex;white-space:nowrap}
  .personal-dashboard{grid-template-columns:1fr!important}.personal-stats{grid-template-columns:repeat(3,1fr)!important}.settings-card{max-width:none}.toggle-row{gap:10px!important}.toggle-row small{font-size:11px}.sound-settings{padding:8px}
}
@media(max-width:430px){.personal-stats{grid-template-columns:1fr!important}.gms-status-grid-screen{grid-template-columns:1fr 1fr!important}.dispatch-actions .top-link{display:none}.dispatch-actions{max-width:48vw}.incident-meta span,.linked-unit{font-size:10px!important}}

.linked-unit-wrap{display:inline-flex;align-items:center;gap:2px}.unlink-unit-form{display:inline-flex;margin:0}.unlink-unit-form button{width:21px;height:21px;padding:0;border-radius:999px;background:#4b1d24;border:1px solid #7f2936;color:#fecdd3;font-weight:800;line-height:1;cursor:pointer}.unlink-unit-form button:hover{background:#7f1d1d}.lead-form select option[value="none"]{font-weight:700}
