/*
 * mietwerk.css - projekteigene Ergaenzungen zu grundwerk-uis
 * grundwerk_ui/css/grundwerk.css (siehe docs/ui.md, "Shared vs. local").
 *
 * Mietwerks fruehere ui/static/ui/css/base.css (1865 Zeilen) ist bei der
 * UI-Umstellung auf grundwerk-ui komplett entfallen: mietwerk ist die
 * kanonische Quelle fuer grundwerk-uis Klassennamen (grundwerk/ui/docs/
 * css-architecture.md), fast jede Regel aus base.css lebt jetzt
 * unveraendert in grundwerk.css. Was unten steht, sind ausschliesslich
 * Klassen, die grundwerk-ui 0.1.1 (noch) NICHT mitbringt (gepruefte
 * Luecken, siehe docs/ui.md "grundwerk-ui-Luecken") oder die genuin
 * mietwerk-spezifisch sind (kein Kandidat fuer die geteilte Bibliothek).
 *
 * Nur Tokens (var(--...)), keine Farb-/Abstands-Literale - dieselbe Regel
 * wie fuer grundwerk-uis eigene Layer, siehe grundwerk/ui/docs/
 * css-architecture.md, "Rule: components use tokens only", jetzt zusaetzlich
 * von grundwerk_ui.testing.suite.test_gw_project_css_uses_tokens_only
 * geprueft (tests/test_grundwerk.py). Die eine bewusste Ausnahme
 * (.settings-preview-dark) liegt deshalb in einer eigenen Datei,
 * mietwerk-fixed-colors.css.
 */

/* Back-compat-Alias fuer grundwerk-uis .text-muted (Umbenennung beim
   Portieren, siehe layers/utilities.css) - vermeidet Aenderungen an den
   ~70 Templates quer durchs Projekt, die noch class="muted" verwenden. */
.muted {
    color: var(--color-muted);
}

/* Gespraechsverlauf an einer Schadensmeldung (tickets/issue_detail.html,
   portal/issue_detail.html). LUECKE: grundwerk-uis Komponenten-Inventar
   fuehrt .comment-list als "Shared candidate" (gastwerk-Ursprung), aber
   noch kein layers/components/comment.css existiert in 0.1.1. */
.comment-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: var(--space-sm);
}

.comment-list > li {
    padding: var(--space-sm) var(--space-md);
    background: var(--color-surface-alt);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-md);
}

/* Kopfzeile einer Klausel-Karte im Vertrags-Assistenten
   (contracts/contract_wizard.html) - projekteigen, kein Kandidat fuer
   grundwerk-ui (nur der Mietvertrags-Assistent kennt "Klauseln"). */
.clause-head {
    display: flex;
    align-items: center;
    gap: var(--space-sm);
    margin-bottom: var(--space-sm);
}

/* Branding-/Mieterhöhungs-Einstellungsformulare
   (ui/management_settings_form.html): Logo-Vorschau in zwei Spalten.
   LUECKE: kein settings.css in grundwerk-ui 0.1.1. */
.settings-section h2 {
    margin-top: 0;
}

.settings-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0 var(--space-lg);
}

.settings-preview {
    display: block;
    max-width: 12rem;
    max-height: 5rem;
    margin: 0 0 var(--space-sm);
    object-fit: contain;
    object-position: left center;
}

/* .settings-preview-dark: siehe ui/static/ui/css/mietwerk-fixed-colors.css
   (eigene Datei, damit diese eine bewusste Ausnahme vom Farb-Token-Audit
   nicht den Rest dieser Datei mit ausnimmt). */

@media (max-width: 40rem) {
    .settings-grid {
        grid-template-columns: 1fr;
    }
}

/* Oeffentliche Dokumentpruefseite (core/document_verify.html). LUECKE:
   grundwerk-uis Inventar fuehrt .verification-* als "Shared candidate"
   (gastwerk-Ursprung), aber noch kein layers/components/verification.css
   existiert in 0.1.1. */
.verification-card {
    max-width: 48rem;
    margin: var(--space-xl) auto;
}

.verification-eyebrow {
    margin: 0 0 var(--space-xs);
    color: var(--color-primary);
    font-size: var(--font-size-xs);
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.verification-hash {
    display: inline-block;
    max-width: 100%;
    overflow-wrap: anywhere;
}

/* Hinweis-Karte im Mieterportal ("Zählerstände fällig", portal/home.html,
   portal/meter_detail.html) - vorher in ui/css/portal.css (jetzt
   geloescht, siehe docs/ui.md). Getönte Warnfläche mit Akzentkante links
   statt eines roten Vollrahmens: es ist eine Erinnerung, kein Fehler.
   Projektspezifisch, kein grundwerk-ui-Kandidat. */
.notice-warning {
    background: var(--color-warning-bg);
    border-color: var(--color-warning-border);
    border-left: 3px solid var(--color-warning-text);
    box-shadow: none;
}

.notice-warning h2 {
    margin-top: 0;
    font-size: var(--font-size-base);
    color: var(--color-warning-text);
}

.notice-warning ul {
    margin: var(--space-sm) 0 0;
    padding-left: var(--space-lg);
}

.notice-warning p {
    margin: 0;
    font-size: var(--font-size-sm);
}