/*
 * Betrieb und Datenschutz – Systemzustand der Plattform-Verwaltung, Hinweis vor dem Sitzungsende,
 * Erklärung zur Barrierefreiheit. Nur Tokens des Designsystems, keine eigenen Farben oder Schriften.
 */

/* ---- Systemzustand ---------------------------------------------------------- */

.health-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 20rem), 1fr));
    gap: var(--space-4);
}

.health-card {
    border-left: 4px solid var(--c-border);
}

.health-card--ok {
    border-left-color: var(--c-success);
}

.health-card--warning {
    border-left-color: var(--c-warning);
}

.health-card--error {
    border-left-color: var(--c-danger);
}

.health-card .panel__header {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-2);
}

.health-card .panel__header h2 {
    display: inline-flex;
    align-items: center;
    gap: var(--space-2);
    margin: 0;
    font-size: var(--fs-h3);
}

.health-card .facts {
    margin: 0;
}

/* ---- Hinweis vor dem Sitzungsende ------------------------------------------ */

.session-timeout__countdown {
    font-variant-numeric: tabular-nums;
    font-weight: 500;
    color: var(--c-text-strong);
}

/* ---- Erklärung zur Barrierefreiheit (öffentliche Seite) --------------------- */

.accessibility-statement {
    max-width: 52rem;
}

.accessibility-statement h2 {
    margin-top: var(--space-6);
    font-size: var(--fs-h2);
}

.accessibility-statement h2:first-child {
    margin-top: 0;
}

.accessibility-statement p,
.accessibility-statement ul {
    overflow-wrap: anywhere;
}