/* Urteilsband — das Signaturelement (Schnitt H, docs/OFFEN-optik-software.md §2.5)
   Teil der Kaskade (AK 60). Gefahr · Befund · nicht bewertbar, Segmente proportional,
   der Rest stille Flaeche. Farben = lib/dokument/farben.js (Wache tests/optik-token). */

.urteilsband { margin-bottom: var(--ab-alt-20); }

.urteilsband-spur {
    display: flex;
    height: 44px;
    background: var(--bg-surface);
    border: 1px solid var(--border);
    border-radius: var(--radius-sm);
    overflow: hidden;
}

.urteilsband-segment {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 6px;
    color: #ffffff;
    transition: width var(--transition);
}
.urteilsband-segment + .urteilsband-segment { border-left: 2px solid #ffffff; }

.urteilsband-ziffer {
    font-family: var(--schrift-mono);
    font-variant-numeric: tabular-nums;
    font-size: var(--gr-titel);
    font-weight: 500;
    line-height: 1;
    /* Weisse Marke auf der Urteilsflaeche: Weiss auf --warning hat 5,02:1, auf --urteil-offen 4,83:1, auf --danger 6,47:1.
       Die Flaechen bleiben (Druck = App, F-3); die Ziffer bekommt ihren eigenen hellen Grund, dunkle Tinte >= 7:1 (Gate 2 Welle 1, M-3). */
    padding: var(--ab-alt-3) 7px;
    border-radius: 4px;
    background: #ffffff;
    color: var(--text-primary);
}

.urteilsband-gefahr { background: var(--danger); }
.urteilsband-befund { background: var(--warning); }
.urteilsband-offen { background: var(--urteil-offen); }

.urteilsband-legende {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--ab-alt-6) var(--ab-4);
    margin-top: var(--ab-2);
    font-size: var(--gr-klein);
    color: var(--text-secondary);
}

/* Die Marke der Legende: Punkt + Ziffer + Wort — nie Farbe allein */
.urteilsband-marke { display: inline-flex; align-items: center; gap: var(--ab-alt-6); }
.urteilsband-marke::before { content: ''; width: 12px; height: 12px; border-radius: 3px; background: currentColor; }
.urteilsband-marke b { font-family: var(--schrift-mono); font-variant-numeric: tabular-nums; font-weight: 500; font-size: var(--gr-text); color: var(--text-primary); }
.urteilsband-marke.urteilsband-gefahr { background: none; color: var(--danger-text); }
.urteilsband-marke.urteilsband-befund { background: none; color: var(--warning-text); }
.urteilsband-marke.urteilsband-offen { background: none; color: var(--urteil-offen-text); }
.urteilsband-marke.urteilsband-gefahr::before { background: var(--danger); }
.urteilsband-marke.urteilsband-befund::before { background: var(--warning); }
.urteilsband-marke.urteilsband-offen::before { background: var(--urteil-offen); }
.urteilsband-marke.urteilsband-leer-wort::before { background: var(--border); }
.urteilsband-marke.urteilsband-leer-wort { color: var(--text-muted); }
.urteilsband-beisatz { margin-left: auto; color: var(--text-muted); }

/* Klein: 8-px-Band im Listeneintrag, Legende bleibt (die Chips der Liste) */
.urteilsband-klein { margin-bottom: var(--ab-2); }
.urteilsband-klein .urteilsband-spur { height: 8px; border: none; border-radius: 4px; }
.urteilsband-klein .urteilsband-ziffer { display: none; }
.urteilsband-klein .urteilsband-legende { display: none; }
.urteilsband-klein .urteilsband-segment + .urteilsband-segment { border-left-width: 1px; }