/* Gezamenlijke dieptewerking. Kleuren en de transparantie van vlakken blijven
   bepaald door het bestaande organisatiepatroon. */
:root{--relief-hoog:inset 0 1px 2px #fff8,inset 0 -1px 1px #0002,0 2px 4px #0003;--relief-laag:inset 0 2px 4px #0003,inset 0 -1px 1px #fff6}
body :is(button,input[type=submit],input[type=button],.standaard-knop,.apparaat-installatieknop):not(:where(.help-vraagteken,.chat-gesprekkeuze,.aanmeld-vergeten,.zoekkeuze-knop,[data-kleur-deel],[data-verloop-punt])){box-shadow:var(--relief-hoog)}
body :is(button,input[type=submit],input[type=button],.standaard-knop,.apparaat-installatieknop):is(:active,[aria-pressed=true],[aria-selected=true],.actief):not(:where(.help-vraagteken,.chat-gesprekkeuze,.aanmeld-vergeten,[data-kleur-deel],[data-verloop-punt])){box-shadow:var(--relief-laag)}
body input[type=file]::file-selector-button{box-shadow:var(--relief-hoog)}
body :is(.instellingen-kaart,.beheer-onderdeel,.beheer-filterkaart,.pagina-melding,.bureaublad-tekstkader,.gebruiker-accountopties,.gebruikers-tabelvak,.radio-incident,.opmaak-keuze,.groep-optie,.venster-status,.aanmeld-foutpopup,.herstel-kaart,.instellingen-bevestiging,.profiel-dialog,.sessie-heraanmelden,.kleur-dialoog,.radio-beheer details,fieldset,[role=tabpanel]){box-shadow:var(--relief-hoog)}
body :is(input:not([type=hidden]):not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]):not([type=file]):not([type=button]):not([type=submit]):not([type=reset]),textarea,select,[contenteditable=true]){box-shadow:var(--relief-laag)}
body input[type=checkbox]{box-shadow:var(--relief-hoog),0 0 0 1px var(--vlak-tekst,#000)}
body input[type=checkbox]:is(:checked,:indeterminate,:active){box-shadow:var(--relief-laag),0 0 0 1px var(--vlak-tekst,#000)}
body :is(.systeem-afbeelding,.gebruikersinstellingen-afbeelding){filter:drop-shadow(0 -1px 1px #fff9) drop-shadow(0 3px 3px #0005)}

/* Alle gewone keuzelijsten dezelfde leesbare maat, ook in radio- en
   aanmeldinstellingen. Alleen de eigen bediening in spelers blijft compact. */
body select:not(:where(.help-vraagteken,.radio-paneel *,.chat-window *,.applicatie-titelbalk *)){box-sizing:border-box;font:inherit;line-height:1.3;min-height:44px;max-width:100%;padding:9px 36px 9px 12px;border-radius:8px;vertical-align:middle}
body select[data-enige-keuze="1"]{appearance:none;cursor:default;padding-right:12px}
/* Een vast organisatieveld is geen filter: alleen echte keuzes blijven staan. */
.beheer-keuzebalk:not(:has(select:not([data-enige-keuze="1"]):not([hidden]))){position:static;top:auto;z-index:auto}

/* Gezamenlijke standaard voor uitbreidingen rechts op de taakbalk. */
body .windows-taakbalk .taakbalk-hulpknop{box-sizing:border-box;display:grid;place-items:center;flex:0 0 46px;width:46px;height:42px;min-height:42px;padding:0!important;border:1px solid #555!important;border-radius:5px;background:var(--kleur-vensterknop,linear-gradient(#f3f3f3,#c6c6c6))!important;color:var(--kleur-venstertekst,#222);box-shadow:var(--relief-hoog);cursor:pointer;text-decoration:none}
body .windows-taakbalk .taakbalk-hulpknop[aria-pressed=true],body .windows-taakbalk .taakbalk-hulpknop:active{box-shadow:var(--relief-laag);border-color:#222!important}
body .windows-taakbalk .taakbalk-hulpknop img{display:block;width:34px;height:34px;object-fit:contain;margin:0;transform:none}
body .windows-taakbalk .taakbalk-hulpknop[aria-pressed=true] img{transform:translate(1px,1px)}
body .windows-taakbalk .taakbalk-hulpknop:focus-visible{outline:2px solid var(--kleur-venstertekst,#222);outline-offset:2px}
body .windows-taakbalk .taakbalk-hulpknop[hidden]{display:none}
body .windows-taakbalk :is(.windows-startknop,.taakbalk-windowknop){box-shadow:var(--relief-hoog)}
body .windows-taakbalk :is(.windows-startknop,.taakbalk-windowknop):is(.actief,[aria-pressed=true],:active){box-shadow:var(--relief-laag)}

/* Eén zwarte buitenrand en één afronding; geen witte oude binnenhoek. */
body .applicatie-window:has([data-chat-window]){border:1px solid #000!important;border-radius:20px;outline:2px solid #fff;outline-offset:0;background:var(--bediening-achtergrond);overflow:hidden}
body .applicatie-window:has([data-chat-window])>.applicatie-inhoud{border:0;border-radius:0;background:transparent;box-shadow:none}
@media(forced-colors:active){body input[type=checkbox]{box-shadow:none}body .windows-taakbalk .taakbalk-hulpknop{background:ButtonFace!important;color:ButtonText;border-color:ButtonText!important}}

/* Tabs sluiten zonder onderschaduw aan op hun verhoogde inhoudsvlak. */
body [role=tablist]>[role=tab],body [role=tablist]>[role=tab][aria-selected=true]{box-shadow:inset 0 2px 2px #fff9,inset 1px 0 1px #fff6,inset -1px 0 1px #0003;clip-path:inset(-4px -4px 0 -4px)}
body .tabblad-inhoud{box-shadow:var(--relief-hoog)}
body .tabblad-inhoud>[role=tabpanel]{box-shadow:none}
body table{box-shadow:var(--relief-hoog)}
body :is(.gebruikers-tabelvak,.radio-tabel-scroll,.import-tabelvak):has(table){box-shadow:var(--relief-hoog)}
body :is(.gebruikers-tabelvak,.radio-tabel-scroll,.import-tabelvak)>table{box-shadow:none}
.aanmeld-organisatie-melding{position:fixed;z-index:2147483001;bottom:80px;left:50%;transform:translateX(-50%);max-width:90vw;padding:12px 18px;border-radius:10px;background:#fff;color:#172a33;box-shadow:0 3px 15px #0005}
.aanmeld-organisatie-melding[hidden]{display:none}
body .chat-links,body .chat-rechts{border:1px solid #888;box-shadow:inset 2px 2px 2px #fff9,inset -1px -1px 1px #3338,0 0 0 1px #8888,3px 4px 7px #0006}
.chat-teller{display:inline-flex;align-items:center;justify-content:center;min-width:19px;min-height:19px;border-radius:12px;background:#b92129;color:#fff;font:700 12px/1 Arial,sans-serif;padding:2px 4px;box-sizing:border-box}
.chat-teller[hidden]{display:none!important}.chat-taakbalkknop{position:relative}.chat-taakbalkknop>.chat-teller{position:absolute;right:-3px;top:-4px}
.chat-gesprekkeuze>.chat-teller{flex-shrink:0;margin-left:auto}
body .chat-gebruikerskeuze.chat-symbolenkeuze[open]{display:flex;flex-direction:column;overflow:hidden;height:min(740px,calc(100dvh - 32px))}
.chat-symbolenkeuze>h2,.chat-symbolenkeuze>[data-chat-symbolen-sluiten]{flex-shrink:0}
.chat-symbolenkeuze>.chat-symbolenraster{overflow:auto;min-height:0;flex:1;align-content:start;padding:4px}
.chat-symbolenkeuze>[data-chat-symbolen-sluiten]{align-self:flex-end}
.chat-bericht{padding:0!important;overflow:hidden}
.chat-bericht>.chat-afzender{margin:0;padding:8px 12px;background:#00000016}
.chat-berichtinhoud{padding:9px 12px}
/* Alleen de eigen berichtinhoud wordt licht; naam- en tijdbalk erven
   hun bestaande donkere organisatieachtergrond en tekstkleur. */
.chat-bericht.eigen>.chat-berichtinhoud{background:#edf0f3;color:#172a33}
.chat-berichtvoet{display:flex;align-items:center;gap:4px;padding:6px 12px;background:#00000016;font-size:.85em;white-space:normal}
.chat-berichtvoet time{margin:0;font-size:inherit}
body .chat-berichtvoet .chat-reageren{background:transparent!important;color:inherit!important;border:0!important;box-shadow:none;min-height:26px;padding:2px 8px;margin-left:auto}
.chat-bericht.nieuw{outline:2px solid color-mix(in srgb,var(--kleur-icoon,#387b98) 65%,white);outline-offset:-2px;background:#e2edf1}
.chat-nieuwe-berichten{text-align:center;border-top:1px solid #789;padding:8px;font-size:.85em;flex-shrink:0}
.chat-berichtregel{display:block;min-height:1.4em;white-space:pre-wrap}
.chat-berichtregel>.chat-symbool{width:1em;height:1em;vertical-align:-.12em}
.chat-berichtregel.chat-enkel-symbool>.chat-symbool{width:4em;height:4em}
body .chat-bericht .chat-citaat,.chat-reactievoorbeeld{display:flex;background:#edf0f3!important;color:#172a33!important;border:0!important;border-left:3px solid var(--kleur-icoon,#387b98)!important;border-radius:6px!important;padding:8px 12px!important;margin:8px;max-width:calc(100% - 16px);font-size:.85em!important;white-space:pre-wrap;overflow-wrap:anywhere;text-align:left;box-shadow:none!important}
.chat-citaat{max-height:100px;overflow:auto}.chat-reactievoorbeeld{gap:10px;align-items:center;flex-shrink:0;max-height:100px;overflow:auto}.chat-reactievoorbeeld span{flex:1}.chat-reactievoorbeeld[hidden]{display:none}
.chat-aangewezen{outline:3px solid var(--kleur-icoon,#387b98)!important;outline-offset:-3px}

.chat-citaat .chat-symbool,.chat-reactievoorbeeld .chat-symbool{width:1em;height:1em;vertical-align:-.12em}
.chat-bericht.eigen .chat-citaat .chat-symbool.zonder-cirkel,.chat-reactievoorbeeld .chat-symbool.zonder-cirkel{color:var(--kleur-icoon,#387b98)}

/* Opslaan is een downloadlink, maar heeft dezelfde diepte als de PDF-knoppen. */
body .pdf-titelbediening a[data-pdf-download]{box-shadow:var(--relief-hoog)}
body .pdf-titelbediening a[data-pdf-download]:active{box-shadow:var(--relief-laag)}

/* Geen vast blauw: actieve toepassingen volgen het organisatiepatroon. */
body .windows-taakbalk .taakbalk-windowknop.actief{background:color-mix(in srgb,var(--kleur-icoon,#666) 18%,white)!important;border-color:var(--kleur-icoon,#666)!important;color:#172a33!important;box-shadow:var(--relief-hoog),inset 0 -3px 0 var(--kleur-icoon,#666)}
body .windows-taakbalk .taakbalk-windowknop.actief .taakbalk-windowtitel{color:inherit}
body .windows-taakbalk .taakbalk-windowknop:focus-visible{outline-color:var(--kleur-icoon,#666)}