/* ════════════════════════════════════════════════════════════
   ADMIN-UI (3.79.0 en verder)
   Dezelfde rustige taal als het klantportaal, nu voor het team. Dit
   bestand laadt na main.css en geldt alleen binnen #s-admin (en de
   panelen die over de admin heen komen). Er gaat niets weg uit
   main.css: wie dit bestand weghaalt, heeft de oude admin terug.
   ════════════════════════════════════════════════════════════ */

/* ── 1. Werkvlak in Bone ───────────────────────────────────── */
#s-admin{background:var(--bone);}
#s-admin .admin-main{background:var(--bone);}
#s-admin .apage{padding:1.75rem 2.25rem 3rem;}

/* Witte vlakken zonder rand, met een zachte schaduw. Randen alleen nog
   bij invoervelden. */
#s-admin .card{border:0;box-shadow:0 1px 2px rgba(16,53,144,.04),0 10px 30px -18px rgba(16,53,144,.22);}

/* ── 2. Zijbalk ────────────────────────────────────────────── */
#s-admin .sidebar{padding:1.25rem 0 1rem;transition:width .22s var(--soepel),min-width .22s var(--soepel);}
#s-admin .sb-logo{padding:0 1rem 1rem 1.25rem;margin-bottom:.9rem;border-bottom:0;min-height:38px;}
#s-admin .sb-logo::after{display:none;}
#s-admin .sb-ltag{margin-left:auto;}
.sb-klap{background:none;border:0;color:rgba(255,255,255,.55);width:30px;height:30px;display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:var(--kader-xs);flex-shrink:0;}
.sb-klap svg{width:16px;height:16px;}
.sb-klap:hover,.sb-klap:focus-visible{color:#fff;background:rgba(255,255,255,.1);outline:none;}

.sb-zoek{display:flex;align-items:center;gap:9px;margin:0 .875rem 1.1rem;width:calc(100% - 1.75rem);padding:9px 10px 9px 12px;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.08);border-radius:var(--kader-xs);color:rgba(255,255,255,.62);font-size:12px;font-weight:600;cursor:pointer;text-align:left;transition:background .15s,color .15s;}
.sb-zoek svg{width:15px;height:15px;flex-shrink:0;}
.sb-zoek-t{flex:1;}
.sb-zoek kbd{font-family:inherit;font-size:9.5px;font-weight:700;letter-spacing:.04em;color:rgba(255,255,255,.62);border:1px solid rgba(255,255,255,.22);border-radius:4px;padding:1px 6px;}
.sb-zoek:hover,.sb-zoek:focus-visible{background:rgba(255,255,255,.15);color:#fff;outline:none;}

#s-admin .sb-sec{margin-bottom:1rem;}
#s-admin .sb-lbl{font-size:9.5px;color:rgba(255,255,255,.45);letter-spacing:.14em;padding:0 .5rem;margin-bottom:3px;}
#s-admin .sb-item{position:relative;padding:8px 12px;color:rgba(255,255,255,.72);font-weight:600;border-radius:var(--kader-xs);}
#s-admin .sb-item svg{width:16px;height:16px;flex-shrink:0;}
#s-admin .sb-item:hover{background:rgba(255,255,255,.08);color:#fff;}
/* De actieve pagina: een licht vlak met een geel streepje links */
#s-admin .sb-item.active{background:rgba(255,255,255,.14);color:#fff;box-shadow:none;}
#s-admin .sb-item.active::before{content:"";position:absolute;left:0;top:7px;bottom:7px;width:3px;background:var(--yellow);border-radius:0 2px 2px 0;}

/* Onderin: je naam met Beheer en Uitloggen */
#s-admin .sb-bottom{padding:0 .875rem;}
#s-admin .sb-user{border:0;background:rgba(255,255,255,.07);padding:10px 12px;border-radius:var(--kader-sm);align-items:center;}
.sb-ut{min-width:0;flex:1;}
#s-admin .sb-uname{color:#fff;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.sb-ulinks{display:flex;align-items:center;gap:5px;margin-top:1px;flex-wrap:wrap;}
#s-admin .sb-ulinks .sb-item,#s-admin .sb-ulinks .sb-out{display:inline-flex;align-items:center;gap:4px;padding:0;margin:0;background:none;border:0;color:rgba(255,255,255,.6);font-size:10.5px;font-weight:600;cursor:pointer;letter-spacing:.02em;min-height:0;font-family:inherit;}
#s-admin .sb-ulinks svg{display:none;}
#s-admin .sb-ulinks .sb-item:hover,#s-admin .sb-ulinks .sb-out:hover,#s-admin .sb-ulinks .sb-item.active{color:#fff;background:none;}
#s-admin .sb-ulinks .sb-item.active{color:var(--yellow);}
#s-admin .sb-ulinks .sb-item.active::before{display:none;}
.sb-punt{color:rgba(255,255,255,.35);font-size:10px;}
.sb-ulinks .sb-item[style*="none"] + .sb-punt{display:none;}

/* Ingeklapt: alleen iconen (alleen op een breed scherm) */
@media (min-width:900px){
  #s-admin.sb-ingeklapt .sidebar{width:68px!important;min-width:68px!important;}
  #s-admin.sb-ingeklapt .sb-logo{flex-direction:column;gap:10px;padding:0 0 1rem;align-items:center;}
  #s-admin.sb-ingeklapt .sb-logo img{width:22px!important;height:20px!important;object-fit:cover!important;object-position:left center;}
  #s-admin.sb-ingeklapt .sb-ltag{display:none;}
  #s-admin.sb-ingeklapt .sb-zoek{width:44px;margin:0 auto 1rem;padding:9px 0;justify-content:center;}
  #s-admin.sb-ingeklapt .sb-zoek-t,#s-admin.sb-ingeklapt .sb-zoek kbd{display:none;}
  #s-admin.sb-ingeklapt .sb-sec{padding:0 .625rem;margin-bottom:.6rem;}
  #s-admin.sb-ingeklapt .sb-lbl{font-size:0;height:1px;background:rgba(255,255,255,.14);margin:0 .5rem 8px;padding:0;}
  #s-admin.sb-ingeklapt .sb-item{font-size:0;justify-content:center;padding:9px 0;gap:0;}
  #s-admin.sb-ingeklapt .sb-item .sb-badge{position:absolute;top:3px;right:5px;font-size:0;width:8px;height:8px;min-width:0;padding:0;border-radius:50%;margin:0;}
  #s-admin.sb-ingeklapt .sb-bottom{padding:0 .625rem;}
  #s-admin.sb-ingeklapt .sb-user{flex-direction:column;padding:10px 0;gap:8px;background:none;}
  #s-admin.sb-ingeklapt .sb-uname,#s-admin.sb-ingeklapt .sb-punt{display:none;}
  #s-admin.sb-ingeklapt .sb-ulinks{flex-direction:column;gap:6px;}
  #s-admin.sb-ingeklapt .sb-ulinks svg{display:block;width:16px;height:16px;}
  #s-admin.sb-ingeklapt .sb-ulinks .sb-item,#s-admin.sb-ingeklapt .sb-ulinks .sb-out{font-size:0;padding:6px;}
  #s-admin.sb-ingeklapt .sb-ulinks .sb-out span{display:none;}
}

/* ── 3. Paginakop ──────────────────────────────────────────── */
/* Context in kleine hoofdletters boven de titel (js/admin-ui.js) */
.aui-ctx{font-size:10px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin:0 0 4px;line-height:1.3;}
#s-admin .pagina-titel{font-size:26px;line-height:1.15;}
#s-admin .pagina-sub{font-size:12.5px;max-width:62ch;}
/* De hoofdknop: Royal met gele tekst. Geel staat alleen op blauw. */
#s-admin .btn-blue,body[data-screen="s-admin"] .btn-blue{color:var(--yellow);}
#s-admin .btn-blue:disabled,body[data-screen="s-admin"] .btn-blue:disabled{color:rgba(255,255,255,.7);}
#s-admin .btn-ghost{border-color:var(--bone-lijn);}

/* ── 4. Berichten ──────────────────────────────────────────── */
.ib{display:none;}
.ib-knop,.ib-bd,.mb-top,.mb-onder{display:none;}
.ib{flex-direction:column;background:var(--white);width:340px;min-width:340px;height:100vh;box-shadow:-1px 0 0 rgba(16,53,144,.06);position:relative;z-index:5;}
.ib-lijstvak,.ib-gesprek{display:flex;flex-direction:column;min-height:0;flex:1;}
.ib-lijstvak[hidden],.ib-gesprek[hidden]{display:none;}
.ib-kop{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding:1.6rem 1.25rem .9rem;}
.ib-titel{font-size:20px;font-weight:900;font-style:italic;color:var(--royal);letter-spacing:-.01em;line-height:1.2;}
.ib-sub{font-size:11.5px;color:var(--muted);margin-top:3px;font-weight:500;}
.ib-sluit{display:none;background:none;border:0;width:34px;height:34px;align-items:center;justify-content:center;cursor:pointer;color:var(--muted);border-radius:var(--kader-xs);}
.ib-sluit svg{width:16px;height:16px;}
.ib-sluit:hover{background:var(--bone);color:var(--royal);}
.ib-schakel{margin:0 1.25rem .75rem;align-self:flex-start;}
.ib-lijst{flex:1;overflow-y:auto;min-height:0;padding-bottom:1rem;}
.ib-rij{display:flex;align-items:flex-start;gap:11px;width:100%;padding:12px 1.25rem;background:none;border:0;border-top:1px solid var(--bone-vlak);text-align:left;cursor:pointer;font-family:inherit;color:var(--charcoal);position:relative;}
.ib-rij:hover,.ib-rij:focus-visible{background:var(--bone);outline:none;}
.ib-rij.ib-aan{background:var(--royal-wash);}
.ib-rij.ib-wacht::before{content:"";position:absolute;left:0;top:10px;bottom:10px;width:3px;background:var(--royal);border-radius:0 2px 2px 0;}
.ib-av{width:34px;height:34px;flex-shrink:0;border-radius:var(--kader-xs);background:var(--royal-wash);color:var(--royal);font-size:10px;font-weight:800;display:flex;align-items:center;justify-content:center;letter-spacing:.02em;}
.ib-rt{flex:1;min-width:0;display:flex;flex-direction:column;}
.ib-rt b{font-size:12.5px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.ib-rt span{font-size:11.5px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:1px;}
.ib-wacht .ib-rt span{color:var(--charcoal);}
.ib-rr{display:flex;flex-direction:column;align-items:flex-end;gap:6px;flex-shrink:0;}
.ib-rr small{font-size:10px;color:var(--muted);font-weight:600;}
.ib-stip{width:8px;height:8px;border-radius:50%;background:var(--danger);display:block;}
.ib-leeg{padding:2rem 1.25rem;}
.ib-gkop{display:flex;align-items:center;gap:8px;padding:1.1rem 1rem .9rem;border-bottom:1px solid var(--bone-vlak);}
.ib-terug{background:none;border:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--royal);border-radius:var(--kader-xs);flex-shrink:0;}
.ib-terug svg{width:16px;height:16px;}
.ib-terug:hover{background:var(--bone);}
.ib-gnaam{flex:1;min-width:0;display:flex;flex-direction:column;}
.ib-gnaam b{font-size:14px;font-weight:800;color:var(--royal);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.ib-gnaam small{font-size:10.5px;color:var(--muted);font-weight:600;}
.ib-naarklant{font-size:11px!important;padding:6px 10px!important;flex-shrink:0;min-height:0!important;}
.ib-msgs{flex:1;min-height:0;overflow-y:auto;padding:1rem;background:var(--bone);max-height:none!important;height:auto!important;}
.ib-form{display:flex;gap:8px;align-items:flex-end;padding:.75rem 1rem 1rem;border-top:1px solid var(--bone-vlak);background:var(--white);}
.ib-form textarea{flex:1;resize:none;border:1.5px solid var(--bone-lijn);border-radius:var(--kader-xs);padding:9px 11px;font-size:12.5px;line-height:1.45;font-family:inherit;min-height:38px;max-height:140px;outline:none;background:var(--white);}
.ib-form textarea:focus{border-color:var(--royal);}
.ib-stuur{width:38px;height:38px;flex-shrink:0;border:0;background:var(--royal);color:var(--yellow);border-radius:var(--kader-xs);display:flex;align-items:center;justify-content:center;cursor:pointer;}
.ib-stuur svg{width:16px;height:16px;}

/* Breed scherm: vaste kolom rechts */
@media (min-width:1400px){
  #s-admin .ib{display:flex;}
}
/* Smaller: een knop met een getal, en het paneel schuift in */
@media (max-width:1399px){
  #s-admin .ib{display:flex;position:fixed;top:0;right:0;bottom:0;z-index:560;width:min(400px,100vw);min-width:0;transform:translateX(105%);transition:transform .26s var(--soepel);box-shadow:-20px 0 50px -20px rgba(16,53,144,.35);visibility:hidden;}
  body.ib-open #s-admin .ib{transform:none;visibility:visible;}
  #s-admin .ib-sluit{display:flex;}
  #s-admin .ib-knop{display:flex;position:fixed;right:24px;bottom:24px;z-index:550;width:56px;height:56px;border-radius:var(--kader);border:0;background:var(--royal);color:var(--yellow);align-items:center;justify-content:center;cursor:pointer;box-shadow:0 12px 28px rgba(16,53,144,.35);}
  #s-admin .ib-knop svg{width:22px;height:22px;}
  body.ib-open #s-admin .ib-knop{display:none;}
  #s-admin .ib-bd{position:fixed;inset:0;background:rgba(26,29,35,.32);z-index:555;}
  body.ib-open #s-admin .ib-bd{display:block;}
}
.ib-knop-n{position:absolute;top:-5px;right:-5px;min-width:20px;height:20px;padding:0 5px;border-radius:10px;background:var(--danger);color:#fff;font-size:10px;font-weight:800;display:flex;align-items:center;justify-content:center;font-style:normal;}
.ib-knop-n[hidden]{display:none;}
/* De zwevende "Database verbonden" schuift opzij voor de knop */
@media (max-width:1399px){ body[data-screen="s-admin"] #db-indicator{right:92px!important;} }

/* ── 5. Telefoon en tablet: balk boven en onder ────────────── */
@media (max-width:899px){
  #s-admin .mb-top{display:flex;position:fixed;top:0;left:0;right:0;height:56px;z-index:450;background:var(--royal);align-items:center;justify-content:space-between;padding:0 14px 0 16px;}
  #s-admin .mb-top img{height:18px;object-fit:contain;}
  .mb-av{width:34px;height:34px;border-radius:50%;border:0;background:var(--cyan);color:var(--charcoal);font-size:10px;font-weight:800;display:flex;align-items:center;justify-content:center;cursor:pointer;overflow:hidden;padding:0;font-family:inherit;}
  .mb-av img{width:100%;height:100%;object-fit:cover;}
  #s-admin .mb-onder{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:450;background:var(--white);box-shadow:0 -1px 0 var(--bone-vlak),0 -10px 30px -18px rgba(16,53,144,.25);padding:6px 4px calc(6px + env(safe-area-inset-bottom));}
  .mb-o{flex:1;background:none;border:0;display:flex;flex-direction:column;align-items:center;gap:3px;padding:6px 2px;color:var(--muted);font-size:10px;font-weight:700;cursor:pointer;font-family:inherit;position:relative;min-height:48px;}
  .mb-o svg{width:20px;height:20px;}
  .mb-o.aan{color:var(--royal);}
  .mb-o.aan::before{content:"";position:absolute;top:-6px;left:30%;right:30%;height:3px;background:var(--royal);border-radius:0 0 2px 2px;}
  .mb-o[hidden]{display:none;}
  .mb-n{position:absolute;top:2px;left:calc(50% + 4px);min-width:16px;height:16px;padding:0 4px;border-radius:8px;background:var(--danger);color:#fff;font-size:9px;font-weight:800;font-style:normal;display:flex;align-items:center;justify-content:center;}
  .mb-n[hidden]{display:none;}

  #s-admin .admin-main{padding-top:56px;padding-bottom:64px;}
  #s-admin .apage{padding:1.25rem 1rem 2rem;}
  #s-admin .ib-knop{display:none!important;}
  #mob-fab-menu,#mob-menu-btn{display:none!important;}
  #s-admin .ib{width:100vw;top:0;bottom:0;z-index:600;}
  body[data-screen="s-admin"] #db-indicator{display:none!important;}

  /* Meer: het menu schuift van links in, met alle pagina's */
  #s-admin .sidebar{transform:translateX(-100%);position:fixed;z-index:620;top:0;left:0;height:100vh;transition:transform .28s cubic-bezier(.4,0,.2,1);width:280px!important;min-width:280px!important;max-width:86vw;overflow-y:auto;box-shadow:none;visibility:hidden;}
  #s-admin .sidebar.mob-open{transform:translateX(0);box-shadow:4px 0 24px rgba(0,0,0,.15);visibility:visible;}
  #s-admin .sb-klap{display:none;}
  #mob-backdrop{z-index:615;}
  #s-admin .pagina-titel{font-size:23px;}
}
/* Op de telefoon schuiven panelen en de toast boven de onderbalk */
@media (max-width:899px){ body[data-screen="s-admin"] #toast{bottom:80px!important;} }

/* ── 6. Schakelaar (in plaats van tabbladen) ───────────────── */
.aui-schakel{display:inline-flex;gap:2px;padding:3px;background:var(--bone-vlak);border-radius:var(--kader-xs);flex-wrap:wrap;}
.aui-schakel > button{border:0;background:none;padding:6px 12px;font-size:11.5px;font-weight:700;color:var(--muted);cursor:pointer;border-radius:5px;display:inline-flex;align-items:center;gap:6px;font-family:inherit;white-space:nowrap;}
.aui-schakel > button:hover{color:var(--royal);}
.aui-schakel > button.aan{background:var(--white);color:var(--royal);box-shadow:0 1px 3px rgba(16,53,144,.12);}
.aui-schakel b{font-size:9.5px;font-weight:800;background:var(--royal);color:#fff;border-radius:8px;padding:1px 6px;min-width:18px;text-align:center;}
.aui-schakel b[hidden]{display:none;}

/* ── 7. Laadvormen en lege staten ──────────────────────────── */
.aui-laad{display:flex;flex-direction:column;gap:12px;padding:1.25rem 1.5rem;background:var(--white);border-radius:var(--kader);}
.aui-laad span{display:block;height:12px;border-radius:6px;background:linear-gradient(90deg,var(--bone-vlak) 0%,var(--bone) 50%,var(--bone-vlak) 100%);background-size:200% 100%;animation:aui-laad 1.3s ease-in-out infinite;}
@keyframes aui-laad{0%{background-position:100% 0;}100%{background-position:-100% 0;}}
@media (prefers-reduced-motion:reduce){.aui-laad span{animation:none;}}
.aui-leeg{display:flex;flex-direction:column;align-items:flex-start;gap:12px;padding:1.5rem;color:var(--muted);font-size:12.5px;}
.aui-leeg p{margin:0;}
/* Bubbels in de inbox: breed genoeg voor een zin */
.ib-msgs .chat-msg > div:last-child{max-width:82%;min-width:0;}
.ib-msgs .chat-bubble{max-width:none;word-break:normal;overflow-wrap:anywhere;}
body.ib-open #db-indicator{display:none!important;}
.ib-msgs .chat-msg:not(.mine) .chat-bubble{background:var(--white);box-shadow:0 1px 2px rgba(16,53,144,.06);}
@media (min-width:1400px){ body[data-screen="s-admin"] #db-indicator{right:364px!important;} }

/* ════════════════════════════════════════════════════════════
   STARTPAGINA (3.80.0)
   Kop, vier cijfers, links Nu doen en rechts Vandaag, daaronder
   Deze week. Weekoverleg en weekafsluiting openen als volledig scherm.
   ════════════════════════════════════════════════════════════ */
#startpagina-body{container-type:inline-size;gap:22px;}
#s-admin .sp-modi{background:none;padding:0;gap:8px;}
#s-admin .sp-modus-knop{border-radius:var(--kader-sm);padding:9px 16px;position:relative;}
#s-admin .sp-modus-knop.btn-ghost{background:var(--white);border:1.5px solid var(--bone-lijn);color:var(--royal);}
#s-admin .sp-modus-knop.btn-blue{background:var(--royal);color:var(--yellow);}
#s-admin .sp-modus-knop.sp-ritme::after{content:"";position:absolute;top:-3px;right:-3px;width:9px;height:9px;border-radius:50%;background:var(--cyan);box-shadow:0 0 0 2px var(--bone);}
#s-admin .sp-titel{font-size:30px;}

/* De vier cijfers */
#s-admin .sp-bureau{position:relative;}
#s-admin .sp-cijfers-knop{display:block;margin:6px 0 0 auto;font-size:10.5px;color:var(--muted);text-decoration:none;order:2;}
#s-admin .sp-bureau{display:flex;flex-direction:column;}
#s-admin .sp-cijfers-knop:hover{color:var(--royal);}
#s-admin .sp-bureau-dicht .sp-cijfers-knop{position:static;}
#s-admin .sp-tegels{gap:12px;}
#s-admin .sp-tegel{border:0;box-shadow:0 1px 2px rgba(16,53,144,.04),0 10px 30px -18px rgba(16,53,144,.22);padding:14px 16px;}
#s-admin .sp-tegel:hover{box-shadow:0 0 0 1.5px var(--royal-20),0 10px 30px -18px rgba(16,53,144,.3);}
#s-admin .sp-tegel-lbl{font-size:9.5px;letter-spacing:.12em;}
#s-admin .sp-tegel-val{font-size:24px;font-weight:600;letter-spacing:-.02em;}
#s-admin .sp-tegel-let .sp-tegel-val{color:var(--royal);}
#s-admin .sp-tegel-let .sp-tegel-sub{color:var(--danger);font-weight:700;}
#s-admin .sp-tegel-goed .sp-tegel-sub{color:var(--success);font-weight:700;}

/* Nu doen links, Vandaag rechts */
.sp-raster{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:16px;align-items:start;}
.sp-raster-links,.sp-raster-rechts{min-width:0;}
.sp-raster-rechts .sp-vandaag{min-height:100%;}
@container (max-width:720px){ .sp-raster{grid-template-columns:minmax(0,1fr);} }
@container (max-width:600px){ #s-admin .sp-tegels{grid-template-columns:repeat(2,minmax(0,1fr));} }
#s-admin .sp-nudoen .sp-laag-kop{margin-bottom:10px;}

/* Nu doen als rustige lijst: een stip voor de soort, de acties pas bij aanwijzen */
#s-admin .sp-punten{border:0;box-shadow:0 1px 2px rgba(16,53,144,.04),0 10px 30px -18px rgba(16,53,144,.22);}
#s-admin .sp-punt{grid-template-columns:10px minmax(0,1fr) auto auto;gap:14px;padding:13px 18px;border-bottom:1px solid var(--bone-vlak);}
#s-admin .sp-punt::before{display:none;}
#s-admin .sp-punt .sp-soort{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);padding:0;margin:-1px;}
.sp-stip{width:8px;height:8px;border-radius:50%;background:var(--royal);display:block;}
.sp-geld .sp-stip{background:var(--danger);}
.sp-deadline .sp-stip{background:var(--warning);}
.sp-taak .sp-stip{background:var(--cyan);}
.sp-team .sp-stip{background:var(--royal-40);}
.sp-draaidag .sp-stip{background:var(--mid);}
.sp-lead .sp-stip{background:var(--success);}
.sp-raad .sp-stip{background:var(--charcoal);}
#s-admin .sp-punt-titel{font-size:13px;font-weight:600;}
#s-admin .sp-wacht{min-width:0;font-size:10.5px;}
#s-admin .sp-wacht-leeg{display:none;}
#s-admin .sp-punt .sp-knop{padding:6px 11px;font-size:11.5px;border-radius:var(--kader-xs);}
#s-admin .sp-punt .sp-knop-hoofd{color:var(--yellow);}
#s-admin .sp-punt:hover{background:var(--bone);}
@media (hover:hover) and (pointer:fine){
  #s-admin .sp-punt{grid-template-columns:10px minmax(0,1fr) auto;}
  #s-admin .sp-punt .sp-punt-acties{position:absolute;right:12px;top:50%;transform:translateY(-50%);padding:4px 6px 4px 24px;background:linear-gradient(90deg,rgba(247,245,242,0) 0,var(--bone) 22px);opacity:0;z-index:2;transition:opacity .14s;flex-wrap:nowrap;}
  #s-admin .sp-punt:hover .sp-punt-acties,#s-admin .sp-punt:focus-within .sp-punt-acties{opacity:1;}
}
@container (max-width:560px){
  #s-admin .sp-punt{grid-template-columns:10px minmax(0,1fr) auto;gap:6px 12px;padding:13px 16px;}
  #s-admin .sp-punt .sp-stip{grid-row:1;}
  #s-admin .sp-punt-tekst{grid-column:2;grid-row:1;}
  #s-admin .sp-punt .sp-wacht{grid-column:3;grid-row:1;align-self:start;}
  #s-admin .sp-punt .sp-punt-acties{grid-column:2 / -1;grid-row:2;justify-content:flex-start;opacity:1!important;position:static;transform:none;background:none;padding:0;pointer-events:auto!important;flex-wrap:wrap;}
  #s-admin .sp-punt-acties .sp-knop{flex:0 1 auto;min-height:34px;}
}
#s-admin .sp-meer{border:0;background:var(--white);box-shadow:0 1px 2px rgba(16,53,144,.04);}
#s-admin .sp-leeg-groot{border:0;border-left:3px solid var(--success);}

/* Vandaag. */
#s-admin .sp-kaart{border:0;box-shadow:0 1px 2px rgba(16,53,144,.04),0 10px 30px -18px rgba(16,53,144,.22);}
#s-admin .sp-kaart-kop h4{font-size:17px;font-weight:900;font-style:italic;color:var(--royal);}
#s-admin .sp-vandaag .sp-kaart-kop h4{font-size:19px;}
#s-admin .sp-blok{border-bottom:1px solid var(--bone-vlak);padding:11px 0;}
#s-admin .sp-blok-nu{background:var(--royal-wash);margin:0 -20px;padding:11px 20px;}
#s-admin .sp-kaart-voet{border-top-color:var(--bone-vlak);}
#s-admin .sp-dagweek .sp-duo{margin-top:14px;margin-bottom:0;}
@container (max-width:720px){ #s-admin .sp-dagweek .sp-duo{grid-template-columns:minmax(0,1fr);} }
#s-admin .sp-duo:has(> :only-child){grid-template-columns:minmax(0,1fr);}

/* Weekoverleg en weekafsluiting: volledig scherm */
.sp-vol{position:fixed;inset:0;z-index:700;background:var(--bone);overflow-y:auto;padding:32px 36px 48px;animation:sp-vol-in .22s var(--soepel);}
@keyframes sp-vol-in{from{opacity:0;transform:translateY(8px);}to{opacity:1;transform:none;}}
.sp-vol-binnen{max-width:1240px;margin:0 auto;}
.sp-vol .sp-modus{padding:30px 32px 32px;}
.sp-vol .sp-laag-titel{font-size:28px;}
.sp-vol .sp-kop-rechts{background:var(--white);color:var(--royal);border:0;}
.sp-vol .sp-subs{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px;margin-top:14px;}
body.sp-vol-open{overflow:hidden;}
@media (max-width:899px){ .sp-vol{padding:16px 12px 32px;} .sp-vol .sp-modus{padding:20px 18px;} .sp-vol .sp-laag-titel{font-size:22px;} }

/* ════════════════════════════════════════════════════════════
   LIJSTPAGINA'S (3.81.0)
   Overal hetzelfde: kop, schakelaar, één zoekbalk met filters en een
   tabel met een Royal kop, rijen om en om wit en Bone, bedragen rechts
   in cijfers van gelijke breedte en de acties pas bij aanwijzen.
   ════════════════════════════════════════════════════════════ */
.aui-kop{align-items:flex-end!important;}
.aui-kopknoppen{display:flex;gap:8px;align-items:center;flex-wrap:wrap;}

/* De bestaande tabbladen krijgen allemaal de vorm van de schakelaar */
#s-admin .fin-tabs,#s-admin .ld-tabs,#s-admin .tv-tabs,#s-admin .merk-tabs,#s-admin .rvc-tabs,#s-admin .st-tabs,#s-admin .tk-tellers{
  display:inline-flex;flex-wrap:wrap;gap:2px;padding:3px;background:var(--bone-vlak);border:0;border-radius:var(--kader-xs);align-self:flex-start;width:auto;margin-bottom:14px;}
#s-admin .fin-tab,#s-admin .ld-tab,#s-admin .tv-tab,#s-admin .merk-tab,#s-admin .rvc-tab,#s-admin .tk-teller{
  border:0!important;background:none;padding:6px 12px;font-size:11.5px;font-weight:700;color:var(--muted);border-radius:5px;margin:0;box-shadow:none;display:inline-flex;align-items:center;gap:6px;white-space:nowrap;cursor:pointer;font-family:inherit;line-height:1.4;}
#s-admin .fin-tab:hover,#s-admin .ld-tab:hover,#s-admin .tv-tab:hover,#s-admin .merk-tab:hover,#s-admin .rvc-tab:hover,#s-admin .tk-teller:hover{color:var(--royal);}
#s-admin .fin-tab-on,#s-admin .ld-tab.aan,#s-admin .tv-tab.active,#s-admin .merk-tab.active,#s-admin .rvc-tab-on,#s-admin .tk-teller.aan,#s-admin .fin-tab.fin-tab-on{
  background:var(--white)!important;color:var(--royal)!important;box-shadow:0 1px 3px rgba(16,53,144,.12)!important;}
#s-admin .fin-tab-tel,#s-admin .ap-tabtel,#s-admin .tv-tab-n,#s-admin .tk-teller b{font-style:normal;font-size:9.5px;font-weight:800;background:var(--royal);color:#fff;border-radius:8px;padding:1px 6px;min-width:18px;text-align:center;line-height:1.5;margin:0;}
#s-admin .tk-t-laat b{background:var(--danger);}
#s-admin .tk-teller b[hidden]{display:none;}
#s-admin .ap-tabtel:empty{display:none;}
/* Filterchips binnen een lijst ook als schakelaar */
#s-admin .ws-filters .ws-chips{display:inline-flex;gap:2px;padding:3px;background:var(--bone-vlak);border-radius:var(--kader-xs);}
#s-admin .ws-fchip{border:0!important;background:none!important;color:var(--muted)!important;padding:6px 11px!important;border-radius:5px!important;font-size:11.5px!important;font-weight:700!important;letter-spacing:0!important;text-transform:none!important;box-shadow:none!important;}
#s-admin .ws-fchip.aan{background:var(--white)!important;color:var(--royal)!important;box-shadow:0 1px 3px rgba(16,53,144,.12)!important;}
#s-admin .ws-fchip em{font-style:normal;font-size:9.5px;font-weight:800;background:var(--royal);color:#fff;border-radius:8px;padding:1px 6px;margin-left:5px;}

/* Eén zoekbalk */
.aui-zoekbalk{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-bottom:12px;}
.aui-zoek{flex:1 1 240px;display:flex;align-items:center;gap:8px;background:var(--white);border:1.5px solid var(--bone-lijn);border-radius:var(--kader-xs);padding:0 12px;min-height:38px;color:var(--muted);}
.aui-zoek svg{width:15px;height:15px;flex-shrink:0;}
.aui-zoek input{flex:1;border:0;outline:none;background:none;font:inherit;font-size:12.5px;color:var(--charcoal);min-width:0;padding:8px 0;}
.aui-zoek:focus-within{border-color:var(--royal);}

/* De tabel */
.aui-tabel-wrap{background:var(--white);border-radius:var(--kader);overflow-x:auto;box-shadow:0 1px 2px rgba(16,53,144,.04),0 10px 30px -18px rgba(16,53,144,.22);}
.aui-tabel{width:100%;border-collapse:collapse;font-size:12.5px;}
.aui-tabel thead th{background:var(--royal);color:#fff;text-align:left;font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;padding:10px 14px;white-space:nowrap;}
.aui-tabel td{padding:11px 14px;border-bottom:1px solid var(--bone-vlak);vertical-align:middle;}
.aui-tabel tbody tr:nth-child(even) td{background:var(--bone);}
.aui-tabel tbody tr:last-child td{border-bottom:0;}
.aui-tabel tbody tr.aui-rij{cursor:pointer;}
.aui-tabel tbody tr.aui-rij:hover td{background:var(--royal-wash);}
.aui-num,.aui-tabel .aui-bedrag{font-variant-numeric:tabular-nums;white-space:nowrap;}
.aui-bedrag{text-align:right!important;}
.aui-acties{text-align:right;white-space:nowrap;width:1%;}
.aui-acties .btn-blue,.aui-acties .btn-ghost{padding:5px 10px;font-size:11px;margin-left:4px;}
@media (hover:hover) and (pointer:fine){
  .aui-tabel .aui-acties > *{opacity:0;transition:opacity .14s;}
  .aui-tabel tr:hover .aui-acties > *,.aui-tabel tr:focus-within .aui-acties > *{opacity:1;}
}

/* Bestaande tabellen: Royal kop, om en om wit en Bone */
#s-admin .tbl thead th{background:var(--royal);color:#fff;border-bottom:0;padding:10px 14px;font-weight:800;}
#s-admin .tbl tbody tr:nth-child(even) td{background:var(--bone);}
#s-admin .tbl tbody tr:hover td{background:var(--royal-wash);}
#s-admin .fin-tabel tbody tr:nth-child(even) td{background:var(--bone);}
#s-admin .fin-tabel tbody tr:hover td{background:var(--royal-wash);}
#s-admin .fin-num,#s-admin .fin-tabel td:nth-last-child(2){font-variant-numeric:tabular-nums;}
@media (hover:hover) and (pointer:fine){
  #s-admin .fin-tabel .fin-acties > *{opacity:0;transition:opacity .14s;}
  #s-admin .fin-tabel tr:hover .fin-acties > *,#s-admin .fin-tabel tr:focus-within .fin-acties > *{opacity:1;}
}
#s-admin .fin-tabel-wrap,#s-admin .ld-tabel,#s-admin .kn-tabelwrap{border:0;box-shadow:0 1px 2px rgba(16,53,144,.04),0 10px 30px -18px rgba(16,53,144,.22);}
#s-admin .ld-rij:nth-child(even){background:var(--bone);}

/* Taken als tabel: een Royal kop, de groepen als tussenkop */
.tk-tabel{background:var(--white);border-radius:var(--kader);overflow:hidden;box-shadow:0 1px 2px rgba(16,53,144,.04),0 10px 30px -18px rgba(16,53,144,.22);}
.tk-thead{display:grid;grid-template-columns:18px minmax(0,1fr) 140px 112px 70px 62px;gap:12px;padding:10px 12px;background:var(--royal);color:#fff;font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;}
#s-admin .tk-tabel .tk-groep{margin:0;}
#s-admin .tk-tabel .tk-groep h3{margin:0;padding:12px 12px 6px;font-size:10px;letter-spacing:.12em;color:var(--muted);}
#s-admin .tk-tabel .tk-g-laat h3{color:var(--danger);}
#s-admin .tk-tabel .tk-rijen{border:0;border-radius:0;}
#s-admin .tk-tabel .tk-rij{border-bottom:1px solid var(--bone-vlak);}
#s-admin .tk-tabel .tk-rij:hover{background:var(--royal-wash);}
@media (hover:hover) and (pointer:fine){
  #s-admin .tk-rij .tk-rij-knoppen{opacity:0;transition:opacity .14s;}
  #s-admin .tk-rij:hover .tk-rij-knoppen,#s-admin .tk-rij:focus-within .tk-rij-knoppen{opacity:1;}
}
@container (max-width:640px){ .tk-thead{display:none;} }
#ap-todo{container-type:inline-size;}
@media (max-width:899px){ .tk-thead{display:none;} }

/* Statuslabels in vier vaste kleuren: rood te laat, oranje wacht, blauw loopt, groen klaar */
.aui-stand{display:inline-flex;align-items:center;font-size:9.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;padding:3px 8px;border-radius:var(--kader-xs);white-space:nowrap;}
.aui-stand-rood{background:var(--danger-bg);color:var(--danger);}
.aui-stand-oranje{background:var(--warning-bg);color:var(--warning);}
.aui-stand-blauw{background:var(--royal-wash);color:var(--royal);}
.aui-stand-groen{background:var(--success-bg);color:var(--success);}

/* Kennisbank: artikelen als kaarten met de soort erboven */
#s-admin .kn-schakel{margin:0 0 16px;}
.kn-aks{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;margin-bottom:22px;}
.kn-ak{display:flex;flex-direction:column;gap:4px;text-align:left;background:var(--white);border:0;border-radius:var(--kader-sm);padding:16px 18px;cursor:pointer;font-family:inherit;color:var(--charcoal);box-shadow:0 1px 2px rgba(16,53,144,.04),0 10px 30px -18px rgba(16,53,144,.22);min-width:0;}
.kn-ak:hover,.kn-ak:focus-visible{box-shadow:0 0 0 1.5px var(--royal-20),0 10px 30px -18px rgba(16,53,144,.3);outline:none;}
.kn-ak-soort{font-size:9.5px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--mid);}
.kn-ak b{font-size:13.5px;font-weight:700;color:var(--royal);line-height:1.35;}
.kn-ak small{font-size:11.5px;color:var(--muted);line-height:1.5;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;}
.kn-ak-sjabloon{background:var(--bone);box-shadow:inset 0 0 0 1.5px var(--bone-lijn);}
#s-admin .kn-zoekbalk{border-color:var(--bone-lijn);}
#s-admin .kn-kop{margin-bottom:12px;}

/* Op de telefoon: schakelaars als één rij die je opzij schuift */
@media (max-width:899px){
  #s-admin .aui-schakel,#s-admin .fin-tabs,#s-admin .ld-tabs,#s-admin .tv-tabs,#s-admin .merk-tabs,#s-admin .rvc-tabs,#s-admin .st-tabs,#s-admin .tk-tellers,#s-admin .ws-filters .ws-chips{flex-wrap:nowrap;overflow-x:auto;max-width:100%;flex-shrink:0;min-height:max-content;scrollbar-width:none;-webkit-overflow-scrolling:touch;}
  #s-admin .aui-schakel::-webkit-scrollbar,#s-admin .tk-tellers::-webkit-scrollbar{display:none;}
  #s-admin .aui-schakel > button,#s-admin .tk-teller,#s-admin .fin-tab,#s-admin .ld-tab{flex-shrink:0;}
  .aui-tabel .aui-verberg-smal{display:none;}
  .aui-tabel td,.aui-tabel th{padding:10px 12px;}
}

/* ════════════════════════════════════════════════════════════
   PANELEN IN PLAATS VAN VENSTERS (3.82.0)
   Elk venster in de admin (.modal-bg met .modal) schuift nu van rechts
   in. De pagina blijft zichtbaar erachter. openModal en closeModal
   werken zoals altijd; alleen de vorm verandert. Invoervelden krijgen
   een onderstreping, onderin staan Annuleren en Opslaan. Op de telefoon
   vult het paneel het hele scherm. Geldt alleen in de admin; het
   klantportaal houdt zijn eigen vensters.
   ════════════════════════════════════════════════════════════ */
body[data-screen="s-admin"] .modal-bg{align-items:stretch!important;justify-content:flex-end!important;background:rgba(26,29,35,.32);padding:0;}
body[data-screen="s-admin"] .modal-bg > .modal{
  width:100%!important;max-width:min(var(--paneel,560px),100vw);height:100vh!important;max-height:100vh!important;margin:0!important;
  border-radius:0!important;padding:28px 32px 0!important;display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;
  box-shadow:-24px 0 60px -24px rgba(16,53,144,.4);animation:aui-paneel-in .26s var(--soepel);}
@keyframes aui-paneel-in{from{transform:translateX(48px);opacity:.4;}to{transform:none;opacity:1;}}
@media (prefers-reduced-motion:reduce){ body[data-screen="s-admin"] .modal-bg > .modal{animation:none;} }
/* Brede vensters houden hun breedte, als paneel */
body[data-screen="s-admin"] .modal-bg > .modal.mail-modal{--paneel:1200px;}
body[data-screen="s-admin"] .modal-bg > .modal.inv-modal{--paneel:820px;padding:0!important;display:grid;}
body[data-screen="s-admin"] .modal-bg > .modal.onb-modal{--paneel:760px;}
body[data-screen="s-admin"] .modal-bg > .modal[style*="max-width:680px"]{--paneel:700px;}
body[data-screen="s-admin"] .modal-bg > .modal[style*="max-width:600px"]{--paneel:620px;}
body[data-screen="s-admin"] .modal-bg > .modal[style*="max-width:7"]{--paneel:760px;}
/* Kop van het paneel: titel in Black Italic */
body[data-screen="s-admin"] .modal .modal-title{font-size:22px;font-weight:900;font-style:italic;color:var(--royal);letter-spacing:-.02em;line-height:1.2;margin-bottom:1.25rem;padding-bottom:1rem;border-bottom:1px solid var(--bone-vlak);}
/* Velden met een onderstreping */
body[data-screen="s-admin"] .modal .mf label{font-size:9.5px;font-weight:800;letter-spacing:.12em;color:var(--royal);margin-bottom:2px;}
body[data-screen="s-admin"] .modal .mf label.keuzeveld{color:var(--charcoal);letter-spacing:normal;font-size:12.5px;}
body[data-screen="s-admin"] .modal .mf input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=color]):not([type=range]),
body[data-screen="s-admin"] .modal .mf select{border:0;border-bottom:1.5px solid var(--bone-lijn);border-radius:0;padding:8px 0;background-color:transparent;font-size:13px;min-height:36px;}
body[data-screen="s-admin"] .modal .mf textarea{border:0;border-bottom:1.5px solid var(--bone-lijn);border-radius:0;padding:9px 10px;background:var(--bone);font-size:13px;}
body[data-screen="s-admin"] .modal .mf input:focus,body[data-screen="s-admin"] .modal .mf select:focus,body[data-screen="s-admin"] .modal .mf textarea:focus{border-bottom-color:var(--royal);box-shadow:0 1.5px 0 0 var(--royal);}
body[data-screen="s-admin"] .modal .mf{margin-bottom:1.1rem;}
body[data-screen="s-admin"] .modal .mrow{gap:18px;}
/* Onderin Annuleren en Opslaan, altijd in beeld */
body[data-screen="s-admin"] .modal .modal-footer{margin:auto -32px 0;padding:14px 32px calc(14px + env(safe-area-inset-bottom));border-top:1px solid var(--bone-vlak);position:sticky;bottom:0;background:var(--white);flex-direction:row!important;justify-content:flex-end;}
body[data-screen="s-admin"] .modal .modal-footer .btn-ghost,body[data-screen="s-admin"] .modal .modal-footer .btn-blue{width:auto!important;min-height:40px;}
body[data-screen="s-admin"] .modal.inv-modal .modal-footer{margin:auto 0 0;}
/* Telefoon: het paneel vult het hele scherm */
@media (max-width:899px){
  body[data-screen="s-admin"] .modal-bg > .modal{max-width:100vw!important;padding:20px 18px 0!important;}
  body[data-screen="s-admin"] .modal .modal-footer{margin:auto -18px 0;padding:12px 18px calc(12px + env(safe-area-inset-bottom));}
  body[data-screen="s-admin"] .modal .modal-footer .btn-ghost,body[data-screen="s-admin"] .modal .modal-footer .btn-blue{flex:1;}
  body[data-screen="s-admin"] .modal .mrow{grid-template-columns:1fr!important;gap:0;}
  body[data-screen="s-admin"] .modal-bg > .modal.inv-modal{display:block;}
}
/* Het paneel ligt boven de zijbalk, de berichtenknop en de balken */
body[data-screen="s-admin"] .modal-bg{z-index:640;}
body[data-screen="s-admin"]:has(.modal-bg.open) #db-indicator,
body[data-screen="s-admin"]:has(.modal-bg.open) .ib-knop{display:none!important;}
/* De vensters van leads, acquisitie, apparatuur, voorbeeldwebsites en
   contentkalender (.ws-overlay met .ws-venster) worden ook panelen */
body[data-screen="s-admin"] .ws-overlay{padding:0;align-items:stretch;justify-content:flex-end;background:rgba(26,29,35,.32);z-index:640;}
body[data-screen="s-admin"] .ws-overlay > .ws-venster{max-height:100vh;height:100vh;border-radius:0;max-width:min(var(--paneel,600px),100vw);box-shadow:-24px 0 60px -24px rgba(16,53,144,.4);animation:aui-paneel-in .26s var(--soepel);}
body[data-screen="s-admin"] .ws-overlay > .ws-venster.mrm{--paneel:1080px;height:100vh;}
body[data-screen="s-admin"] .ws-overlay > .ws-venster.ow-venster{--paneel:880px;}
body[data-screen="s-admin"] .ld-klein > .ws-venster{--paneel:520px;}
body[data-screen="s-admin"] .ws-venster .ws-v-kop{padding:28px 32px 14px;border-bottom:1px solid var(--bone-vlak);}
body[data-screen="s-admin"] .ws-venster .ws-v-lijf{padding:18px 32px 22px;flex:1;}
body[data-screen="s-admin"] .ws-venster .ws-v-voet{padding:14px 32px;background:var(--white);border-top-color:var(--bone-vlak);margin-top:auto;}
body[data-screen="s-admin"] .ws-venster .ws-v-veld{font-size:9.5px;letter-spacing:.12em;text-transform:uppercase;font-weight:800;color:var(--royal);}
body[data-screen="s-admin"] .ws-venster .ws-v-veld em{text-transform:none;letter-spacing:normal;color:var(--muted);}
body[data-screen="s-admin"] .ws-venster .ws-v-veld input:not([type=checkbox]):not([type=radio]):not([type=file]),
body[data-screen="s-admin"] .ws-venster .ws-v-veld select{border:0;border-bottom:1.5px solid var(--bone-lijn);border-radius:0;padding:8px 0;background-color:transparent;text-transform:none;letter-spacing:normal;font-weight:500;}
body[data-screen="s-admin"] .ws-venster .ws-v-veld textarea{border:0;border-bottom:1.5px solid var(--bone-lijn);border-radius:0;background:var(--bone);text-transform:none;letter-spacing:normal;font-weight:500;}
body[data-screen="s-admin"] .ws-venster .ws-v-veld input:focus,body[data-screen="s-admin"] .ws-venster .ws-v-veld select:focus,body[data-screen="s-admin"] .ws-venster .ws-v-veld textarea:focus{border-bottom-color:var(--royal);box-shadow:0 1.5px 0 0 var(--royal);outline:none;}
body[data-screen="s-admin"] .ws-venster .ws-v-blok{border-top-color:var(--bone-vlak);}
@media (max-width:899px){
  body[data-screen="s-admin"] .ws-overlay > .ws-venster{max-width:100vw;border-radius:0;}
  body[data-screen="s-admin"] .ws-venster .ws-v-kop{padding:18px 18px 12px;}
  body[data-screen="s-admin"] .ws-venster .ws-v-lijf{padding:14px 18px 18px;}
  body[data-screen="s-admin"] .ws-venster .ws-v-voet{padding:12px 18px calc(12px + env(safe-area-inset-bottom));}
}
body[data-screen="s-admin"]:has(.ws-overlay.open) .ib-knop,body[data-screen="s-admin"]:has(.ws-overlay.open) #db-indicator{display:none!important;}

/* ════════════════════════════════════════════════════════════
   DE REST (3.83.0)
   ════════════════════════════════════════════════════════════ */
/* Planning: Urenrapport en + Inplannen in de paginakop */
@media (min-width:900px){ #s-admin .pt-inplannen-oud{display:none!important;} }
@media (max-width:899px){ #s-admin #ap-planning .aui-kopknoppen .pt-inplannen{display:none;} }
#pl-rapport-knop.aan{border-color:var(--royal);color:var(--royal);}
#s-admin .pt-weergaven.aui-schakel{border:0;}
#s-admin .pt-weergave{border:0!important;background:none;box-shadow:none;}
#s-admin .pt-weergave.aan{background:var(--white)!important;color:var(--royal)!important;box-shadow:0 1px 3px rgba(16,53,144,.12)!important;}
/* Deep Dive als tabel */
.dd-t-naam{display:block;font-weight:700;color:var(--charcoal);}
.dd-t-sub{display:block;font-size:11px;color:var(--muted);margin-top:1px;}
.dd-t-meter{display:inline-flex;align-items:center;gap:8px;font-size:11.5px;color:var(--muted);}
.dd-t-meter .dd-meter{width:70px;margin:0;}
.dd-t-let{color:var(--danger);font-weight:700;font-size:11.5px;}
#s-admin .dd-chips.aui-schakel{margin-bottom:14px;}
#s-admin .dd-lijstkop .pagina-titel{margin:0;}
/* Statuslabels: rood, oranje, blauw en groen ook op bestaande chips */
#s-admin .ck-post,#s-admin .ck-blok{border-radius:var(--kader-xs);}
/* Contentkalender: posts in de kleur van hun stand */
#s-admin .ck-post.ck-stand-wacht{background:var(--warning-bg);}
#s-admin .ck-post.ck-stand-klaar{background:var(--success-bg);}
#s-admin .ck-post.ck-stand-loopt{background:var(--royal-wash);}
#s-admin .ck-post.ck-stand-idee{background:var(--bone);}
#s-admin .ck-post:hover{filter:brightness(.97);}

/* ── Berichten inklappen (3.84.0) ─────────────────────────── */
.ib-strook{display:none;}
.ib-klap{display:none;background:none;border:0;width:34px;height:34px;align-items:center;justify-content:center;cursor:pointer;color:var(--muted);border-radius:var(--kader-xs);flex-shrink:0;}
.ib-klap svg{width:16px;height:16px;}
.ib-klap:hover,.ib-klap:focus-visible{background:var(--bone);color:var(--royal);outline:none;}
@media (min-width:1400px){
  #s-admin .ib-klap{display:flex;}
  #s-admin.ib-ingeklapt .ib{width:60px;min-width:60px;}
  #s-admin.ib-ingeklapt .ib-lijstvak,#s-admin.ib-ingeklapt .ib-gesprek{display:none!important;}
  #s-admin.ib-ingeklapt .ib-strook{display:flex;flex-direction:column;align-items:center;gap:10px;width:100%;height:100%;padding:1.6rem 0;background:none;border:0;cursor:pointer;color:var(--royal);position:relative;font-family:inherit;}
  #s-admin.ib-ingeklapt .ib-strook:hover,#s-admin.ib-ingeklapt .ib-strook:focus-visible{background:var(--bone);outline:none;}
  .ib-strook svg{width:20px;height:20px;}
  .ib-strook-n{min-width:20px;height:20px;padding:0 5px;border-radius:10px;background:var(--danger);color:#fff;font-size:10px;font-weight:800;display:flex;align-items:center;justify-content:center;}
  .ib-strook-n[hidden]{display:none;}
  .ib-strook-t{writing-mode:vertical-rl;transform:rotate(180deg);font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);}
  #s-admin.ib-ingeklapt ~ #db-indicator,body[data-screen="s-admin"]:has(#s-admin.ib-ingeklapt) #db-indicator{right:84px!important;}
}

/* ── Offline (3.84.0) ─────────────────────────────────────── */
.ifo-balk{position:fixed;top:0;left:0;right:0;z-index:900;display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;padding:7px 16px;background:var(--warning-bg);color:var(--warning);font-size:12px;font-weight:600;text-align:center;box-shadow:0 1px 0 rgba(138,90,0,.15);}
.ifo-balk b{font-weight:800;}
.ifo-balk button{border:0;background:var(--royal);color:var(--yellow);font:inherit;font-weight:700;padding:5px 12px;border-radius:var(--kader-xs);cursor:pointer;}
.ifo-balk.ifo-terug{background:var(--success-bg);color:var(--success);}
.ifo-balk.ifo-weg{background:var(--danger-bg);color:var(--danger);}
.ifo-kort{display:none;}
body.ifo-balk-aan #s-admin .admin-main,body.ifo-balk-aan #s-admin .sidebar,body.ifo-balk-aan #s-admin .ib{padding-top:var(--ifo-h,34px);}
@media (max-width:899px){
  .ifo-lang{display:none;} .ifo-kort{display:inline;}
  body.ifo-balk-aan #s-admin .mb-top{top:var(--ifo-h,34px);}
  body.ifo-balk-aan #s-admin .admin-main{padding-top:calc(56px + var(--ifo-h,34px));}
  body.ifo-balk-aan #s-admin .sidebar{padding-top:var(--ifo-h,34px);}
}