/* Ailex — de Dossier-pagina (24-10-2026, klus "Ailex dossierpagina"). De tegels zijn de Privé-tegels (.pl-tegel in speelgoed.css);
   hier alleen de kop met terug, het zoekveld, de jaarkeuze en de rijen met gegevens. Tikvlakken minstens 48 px. */
.dos-kop { display: flex; align-items: center; gap: 12px; margin: 2px 0 8px; }
.dos-h { margin: 0; font-size: 26px; font-weight: 900; color: var(--ax-tekst, #262A4D); }
.dos-zoek { margin: 0 0 10px; }
.dos-zoek .pl-inv { min-height: 48px; font-size: 16px; border-radius: 24px; padding: 0 18px; }
.dos-jaren { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 14px; }
.dos-jaren .pl-k { flex: 0 0 auto; min-height: 48px; min-width: 64px; padding: 0 16px; font-size: 15px !important; border-radius: 24px; }
.dos-emo { display: inline-flex; align-items: center; justify-content: center; font-size: 22px; line-height: 24px; font-style: normal; }
.dos-rij { display: flex; width: 100%; min-height: 56px; text-align: left; font: inherit; cursor: pointer; align-items: center; gap: 10px; }
.dos-rij:disabled { cursor: default; opacity: .75; }
.dos-mini { flex: none; font-size: 22px; }
.dos-chips { display: flex; flex-wrap: wrap; gap: 6px; margin: 5px 0 2px; }
.dos-chip { background: #E8ECFF; color: #2B3399; font-size: 13px; font-weight: 800; padding: 3px 10px; border-radius: 12px; }
.dos-chip.g { background: #DFF7EC; color: #0F6644; }
.dos-chip.o { background: #FFF1D6; color: #7A4A00; }
.dos-rij .dos-stand, .dos-rij .ak-stand { display: block; font-size: 13px; font-weight: 700; color: var(--ax-tekst-zacht, #5A5F8C); }
/* 24-10-2026, klus "Ailex dossier weergave fix" (Alex 17:27 "weergave fout", 1.8.13):
   1 één kop: zolang het Dossier open is verdwijnt de Privé-kop van het vak (anders stonden "Privé" en "Dossier" onder elkaar en
     scrolde "Dossier" weg); de Dossier-kop neemt zijn plek in met dezelfde ronde terugknop (.sg-terug), terug = naar Privé.
     :has() kan in WebView Android vanaf 105 (zit ook al in speelgoed.css). */
html[data-vorm="plat"] #sheet:has(#sheetBody [data-pl-scherm="dossier"]) .sheet-head { display: none; }
.dos-kop { min-height: 64px; margin: 0 0 10px; padding-right: 96px; }
.dos-kop .dos-terug { flex: none; width: 50px; height: 50px; min-width: 48px; padding: 0; font-size: 0; border-radius: 50%; }
.dos-h { min-width: 0; font-size: 30px; line-height: 1.1; color: #B0244A; overflow-wrap: anywhere; }
/* 2 twee kolommen die altijd binnen het scherm passen: 1fr 1fr groeide mee met het langste woord ("Verzekeringen"), het raster werd
     breder dan het vak en de rechterkolom viel rechts weg. minmax(0, 1fr) en min-width 0 laten de kolommen krimpen; het label
     wordt iets kleiner en past dan heel, de afkapping (…) uit speelgoed.css blijft het vangnet. */
html[data-vorm="plat"] .sheet-body .pl-tegels.dos-tegels { grid-template-columns: repeat(2, minmax(0, 1fr)); width: 100%; box-sizing: border-box; }
html[data-vorm="plat"] .sheet-body .dos-tegels .pl-tegel { min-width: 0; max-width: 100%; box-sizing: border-box; }
html[data-vorm="plat"] .sheet-body .dos-tegels .pl-tegel b { padding: 2px 8px; font-size: clamp(14px, 4.4vw, 18px) !important; }
html[data-vorm="plat"] .sheet-body .dos-tegels .pl-tegel .ic { max-width: calc(100% - 52px); }
/* 3 ruimte voor de bol rechtsboven: de kop houdt rechts 96 px vrij (padding-right hierboven) en het zinnetje staat tussen kop en
     zoekbalk, zodat de zoekbalk pas onder de bol begint, zoals op de andere Privé-pagina's. */
.dos .pl-zeg { margin: 0 0 16px; }
/* 24-10-2026, klus "Ailex dossier rode terugknop" (Alex 17:38 "ik zie blauw terug knop ... ik gebruik daar ook gewoon de rode"):
   de terugknop is dezelfde .sg-terug als op de Privé-pagina (#sgTerug, rood #CF3A60 uit speelgoed.css). Het Dossier hoort altijd bij
   Privé; staat #sheet even zonder data-wereld, dan zou .sg-terug terugvallen op blauw, dus hier vast de Privé-kleur. */
html[data-vorm="plat"] #sheet:not([data-wereld]) .dos { --wk: #CF3A60; --wkd: #A82848; }