/* 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 maar één rustig teken; de eigenaar en de browser houden het oude */
.ailex-bezig { display: none; }
html[data-schil="app"]:not([data-rol="eigenaar"]) #kopWie { display: none !important; }
html[data-schil="app"]:not([data-rol="eigenaar"]) .ailex-bezig:not([hidden]) { display: inline-flex; }
.ailex-bezig { align-items: center; gap: 6px; border: 0; border-radius: 16px; padding: 5px 10px; min-height: 32px; cursor: pointer;
  background: var(--kaart, #fff); color: var(--ink, #222); font: 700 13px var(--sg-letter, sans-serif); white-space: nowrap; box-shadow: var(--ax-diep-klein, 0 2px 6px rgba(0,0,0,.15)); }
.ailex-bezig-stip { width: 8px; height: 8px; border-radius: 50%; background: var(--munt, #3bb67a); animation: ailex-adem 2.4s ease-in-out infinite; }
@keyframes ailex-adem { 50% { opacity: .35; } }
@media (prefers-reduced-motion: reduce) { .ailex-bezig-stip { animation: none; } }

/* 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; }