/* Ailex — rust en instellingen (22-10-2026, klus "Ailex rust en instellingen"); bij rust.js. Laatste stylesheet. */

/* tekstgrootte: één schaal over de chat, de pagina's, het typveld en de gegevenspagina; normaal = geen data-tekst = zoals het was */
html[data-tekst="klein"] { --ailex-tekst: .9; }
html[data-tekst="groot"] { --ailex-tekst: 1.2; }
html[data-tekst] #log, html[data-tekst] #sheetBody, html[data-tekst] #composeInput, html[data-tekst] .ailex-geg-tekst { zoom: var(--ailex-tekst); }

/* een klant ziet geen gezichtjes van hulpen; de eigenaar en de browser houden het oude. Het teken "Ailex is bezig" (.ailex-bezig) is weg
   sinds 31-10-2026: de bovenbalk blijft altijd gelijk, de chat toont wat Ailex doet */
html[data-schil="app"]:not([data-rol="eigenaar"]) #kopWie { display: none !important; }

/* korte woordjes onder de ronde knoppen: compact (speelgoed.css zet ze; hier kleiner en dichter op de knop) */
html[data-vorm="plat"] .actions .ab::after { font: 700 12px var(--sg-letter); margin-top: 4px; line-height: 1.1; pointer-events: none; }

/* Instellingen */
.ailex-inst { margin: 4px 0 12px; }

/* pagina Jouw gegevens */
.ailex-gegevens { position: fixed; inset: 0; z-index: 200; overflow-y: auto; background: var(--bg1, #fff); color: var(--ink, #222);
  padding: calc(12px + max(env(safe-area-inset-top, 0px), var(--app-top, 0px))) 16px calc(24px + env(safe-area-inset-bottom, 0px)); box-sizing: border-box; }
.ailex-gegevens[hidden] { display: none; }
.ailex-geg-kop { display: flex; align-items: center; gap: 12px; margin-bottom: 8px; }
.ailex-geg-kop h1 { font: 800 20px var(--sg-letter, sans-serif); margin: 0; }
.ailex-geg-terug { border: 0; border-radius: 20px; padding: 8px 14px; min-height: 44px; background: var(--kaart, #eee); color: var(--ink, #222);
  font: 700 15px var(--sg-letter, sans-serif); box-shadow: var(--ax-diep-klein, 0 2px 6px rgba(0,0,0,.15)); cursor: pointer; }
.ailex-geg-tekst { font-size: 15px; line-height: 1.45; max-width: 640px; }
.ailex-geg-tekst h2 { font: 800 16px var(--sg-letter, sans-serif); margin: 18px 0 6px; }
.ailex-geg-tekst ul { margin: 0; padding-left: 20px; }
.ailex-geg-tekst li { margin: 4px 0; }
/* 04-11-2026 (klus "Ailex gegevens inzien en wissen"): wisblok in Jouw gegevens */
.ailex-geg-wis { display: grid; gap: 8px; margin: 6px 0 24px; padding: 12px; border: 2px solid #c62828; border-radius: 12px; }
.ailex-geg-wis p { margin: 0 0 4px; }
.ailex-geg-gevaar { background: #c62828; color: #fff; }
.ailex-geg-meld { min-height: 1.2em; margin: 6px 0; font-weight: 600; }