/* Die Cookie-Einstellungen einer öffentlichen Kundenwebsite (UC-W9, UC-K6, Q-R3).

   ★ BEWUSST OHNE THEME und deshalb hier statt unter /Themes. Die Aussage
     dieser Seite darf sich nicht mit dem Erscheinungsbild eines Mandanten
     ändern — dieselbe Überlegung wie bei der Anmeldeseite seit Phase 14.

   Die eigenen Namen tragen das Plattformpräfix (AT-12), auch die
   Custom Properties: Diese Datei liegt unter der Plattformwurzel, und ein
   unpräfixierter Name wäre genau die Kollision, die AT-12 ausschließt. */

:root {
    --saas-bg: #f6f7f9;
    --saas-surface: #ffffff;
    --saas-border: #c3cad3;
    --saas-text: #16202b;
    --saas-muted: #4a5561;
    --saas-accent: #1f3a5f;
    --saas-on-accent: #ffffff;
    --saas-focus: #ffb020;
}

*, *::before, *::after { box-sizing: border-box; }

button, input { font: inherit; color: inherit; }

body {
    margin: 0;
    padding: 1.5rem;
    font-family: system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
    font-size: 16px;
    line-height: 1.6;
    color: var(--saas-text);
    background: var(--saas-bg);
}

:focus-visible { outline: 3px solid var(--saas-focus); outline-offset: 2px; }

main { max-width: 42rem; margin: 0 auto; }

h1 { font-size: 1.5rem; }

.saas-card {
    background: var(--saas-surface);
    border: 1px solid var(--saas-border);
    border-radius: 8px;
    padding: 1.25rem;
    margin-bottom: 1.25rem;
}

.saas-muted { color: var(--saas-muted); }

.saas-choice { display: flex; gap: .75rem; align-items: flex-start; margin-bottom: 1rem; }
.saas-choice input { margin-top: .45rem; width: 20px; height: 20px; }

.saas-actions { display: flex; flex-wrap: wrap; gap: .75rem; }

.saas-button {
    min-height: 44px;
    padding: .6rem 1.1rem;
    border: 1px solid var(--saas-accent);
    border-radius: 8px;
    background: var(--saas-accent);
    color: var(--saas-on-accent);
    font-weight: 600;
    cursor: pointer;
}

/* ★ Gleichwertig, nicht versteckt: Ablehnen ist kein Randweg. */
.saas-button.saas-secondary { background: var(--saas-surface); color: var(--saas-accent); }

.saas-notice {
    border: 1px solid var(--saas-border);
    border-left: 4px solid #14532d;
    border-radius: 8px;
    padding: .8rem 1rem;
    margin-bottom: 1.25rem;
    background: var(--saas-surface);
}