/* scanner-help.css
 * Erklaerung und "Erneut versuchen" bei Kamera-Fehlern im Scanner-Sheet.
 *
 * Lag bis zum 13.09.2026 in barcode-scanner.css, mit der Begruendung, diese
 * Datei lade "jede Seite mit Scanner-Sheet". Das stimmte nicht: einkaufsmodus
 * .html hat ein Scanner-Sheet und laedt barcode-scanner.css NICHT. Gemessen im
 * echten Browser war der Hilfetext dort in allen drei Zustaenden - normal,
 * Warnung, Fehler - dieselbe Farbe wie Fliesstext (rgb(43,33,24)), ohne
 * Polsterung und ohne abgrenzenden Rand. Eine gescheiterte Kamera sah damit
 * aus wie ein beilaeufiger Satz.
 *
 * Das ist dieselbe Fehlerklasse wie Meldung 71 ("Scanner bleibt schwarz"),
 * nur auf der anderen Seite - der Fix von damals kam dort nie an. Deshalb
 * jetzt eine eigene Datei, die BEIDE Seiten mit Scanner ausdruecklich
 * einbinden: Was zwei Seiten brauchen, darf nicht an einer Datei haengen, die
 * nur eine von beiden laedt.
 */

.sm-scanner-help {
    padding: var(--space-10) var(--space-12);
    border-top: 1px solid var(--border);
    background: var(--input-bg, rgba(127, 127, 127, 0.06));
}

.sm-scanner-help-text {
    margin: 0;
    font-size: var(--text-13);
    color: var(--text-muted);
    line-height: 1.35;
}

.sm-scanner-help--warning .sm-scanner-help-text {
    color: var(--warning);
}

.sm-scanner-help--error .sm-scanner-help-text {
    color: var(--danger-text);
}

.sm-scanner-retry {
    margin-top: var(--space-8);
    border: 1px solid var(--accent);
    background: var(--accent);
    color: #fff;
    border-radius: var(--radius-lg);
    padding: var(--space-8) var(--space-12);
    font-size: var(--text-13);
    font-weight: 700;
    cursor: pointer;
}