:root {
  --surface-primary: #ffffff; --surface-primary-alt: #F8F8F8; --surface-primary-contrast: #F2F2F2;
  --surface-secondary: #F8F8F8; --surface-secondary-alt: #F1F0F0; --surface-tertiary: #F1F0F0; --surface-chat: #ffffff;
  --surface-active: #F1F0F0; --surface-active-alt: #E9E9E9; --surface-hover: #F6F6F6; --surface-dialog: #ffffff; --header-primary: #ffffff;
  --text-primary: #4A4645; --text-secondary: #9B9999; --text-secondary-alt: #9B9999; --text-tertiary: #B7B5B5;
  --surface-submit: #EF7D00; --surface-submit-hover: #D26E00;
  --green-500:#EF7D00; --green-600:#DC7300; --green-700:#EF7D00; --green-800:#C46700;
  --brand-purple: #EF7D00; --primary: 12 3% 28%; --primary-foreground: 0 0% 100%; --ring-primary: #EF7D00;
  --border-light: #F1F0F0; --border-medium: #E9E9E9; --border-heavy: #DEDEDE;
}
/* ---- donker thema -----------------------------------------------------
   Wie zijn toestel op donker heeft staan, houdt een donker scherm; wel in de
   kleuren van de omgeving en met genoeg contrast. */
.dark {
  --surface-primary: #1B1A19; --surface-primary-alt: #201F1E; --surface-primary-contrast: #292827;
  --surface-secondary: #201F1E; --surface-secondary-alt: #292827; --surface-tertiary: #292827; --surface-chat: #1B1A19;
  --surface-active: #432300; --surface-active-alt: #643500; --surface-hover: #323130; --surface-dialog: #201F1E; --header-primary: #1B1A19;
  --text-primary: #F3F2F1; --text-secondary: #C8C6C4; --text-secondary-alt: #C8C6C4; --text-tertiary: #979593;
  --surface-submit: #EF7D00; --surface-submit-hover: #F18D1F;
  --green-500:#EF7D00; --green-600:#F18D1F; --green-700:#EF7D00; --green-800:#C46700;
  --brand-purple: #F5AA59; --primary: 12 3% 28%; --primary-foreground: 0 0% 100%; --ring-primary: #F5AA59;
  --border-light: #292827; --border-medium: #3B3A39; --border-heavy: #484644;
}
/* de pagina-achtergrond staat in de software hard op #212121; gelijktrekken,
   anders wijkt elk vlak dat wel de variabelen gebruikt zichtbaar af */
html.dark, .dark body{ background-color:#1B1A19 !important; }
.dark input, .dark textarea, .dark select{ color:#F3F2F1; }
.dark input::placeholder, .dark textarea::placeholder{ color:#979593; opacity:1; }
.dark a:not(.nedllm-geenlink):not([class*="btn"]){ color:#F5AA59; }
.dark hr{ border-color:#3B3A39; }
/* ---- merkaanwezigheid -------------------------------------------------
   De software rekt het logo tot volle breedte met een vaste hoogte, waardoor
   het merk piepklein werd weergegeven. Hier krijgt het de ruimte die het hoort
   te hebben, ongeacht de verhoudingen van het aangeleverde logo. */
img[src*="logo.svg"]{ height:64px !important; max-height:64px !important; width:auto !important;
  max-width:min(320px,82vw) !important; margin:8px auto 4px !important; object-fit:contain !important; display:block !important; }
@media (max-width:480px){ img[src*="logo.svg"]{ height:52px !important; } }
/* het aangeleverde logo is overwegend donker: op een donker scherm krijgt het
   een licht vlak onder zich, zodat het merk leesbaar blijft */
.dark img[src*="logo.svg"]{ background:#FFFFFF !important; padding:10px 18px !important;
  border-radius:8px !important; box-sizing:content-box !important; }
.nedllm-merkregel{ text-align:center; margin:6px auto 26px; max-width:34ch;
  font:400 14px/1.5 "Segoe UI Variable Text","Segoe UI",system-ui,-apple-system,Arial,sans-serif; color:var(--text-secondary); }
.nedllm-voet{ position:fixed; left:0; right:0; bottom:10px; text-align:center; pointer-events:none;
  font:400 12px/1.4 "Segoe UI Variable Text","Segoe UI",system-ui,Arial,sans-serif; color:var(--text-tertiary); }
.nedllm-geenlink{ text-decoration:none !important; cursor:default !important; }

/* vertrouwenslabel onder het gesprek */
.nedllm-vertrouwen{ display:inline-flex; align-items:center; gap:6px; margin-left:10px; padding:2px 9px; border:1px solid var(--border-medium, #E1DFDD);
  border-radius:999px; font-size:11px; line-height:16px; color:inherit; text-decoration:none; white-space:nowrap; vertical-align:middle; }
.nedllm-vertrouwen:hover{ border-color:var(--text-secondary, #605E5C); text-decoration:underline; }
.nedllm-vertrouwen i{ width:7px; height:7px; border-radius:50%; background:#8A8886; display:inline-block; }
.nedllm-vertrouwen.operationeel i{ background:#107C10; }
.nedllm-vertrouwen.onderhoud i{ background:#C19C00; }
.nedllm-vertrouwen.storing i{ background:#A4262C; }
.dark .nedllm-vertrouwen{ border-color:#3B3A39; }
@media (max-width: 640px){ .nedllm-vertrouwen{ margin-left:0; margin-top:4px; white-space:normal; } }