/* ------------------------------------------------------------------
   Ergänzungen zum Theme-Stylesheet von tickets.ssv-reutlingen.de.
   Alles Übrige – Schrift, Farben, Buttons, Formularfelder – kommt aus
   dem Theme. Hier steht nur, wofür es dort keine Entsprechung gibt.
   ------------------------------------------------------------------ */

/* Der Code muss zeichengenau abgetippt werden: monospace mit weiter
   Laufweite, damit 0/O und 1/I unterscheidbar bleiben. */
.code-input {
    font-family: ui-monospace, "SFMono-Regular", "Menlo", "Consolas", monospace;
    letter-spacing: .12em;
    text-transform: uppercase;
}

/* Der ausgegebene Code ist der Moment, auf den alles hinausläuft. */
.code-output {
    margin: 1rem 0 1.5rem;
    padding: 1rem 1.25rem;
    font-family: ui-monospace, "SFMono-Regular", "Menlo", "Consolas", monospace;
    font-size: clamp(1.4rem, 4vw, 2rem);
    font-weight: 700;
    letter-spacing: .18em;
    text-align: center;
    border: 2px dashed currentColor;
    user-select: all;
}

/* Honeypot: im DOM vorhanden, für Menschen unsichtbar. */
.honeypot-container {
    position: absolute;
    left: -9999px;
    width: 1px;
    height: 1px;
    overflow: hidden;
}

/* --------------------------------------------------- nur Statusseite */

.status-box {
    margin: 0 0 1.5rem;
    padding: 1rem 1.25rem;
    border-left: 4px solid currentColor;
}

.status-box.-ok    { border-left-color: #2e7d32; }
.status-box.-warn  { border-left-color: #ed6c02; }
.status-box.-error { border-left-color: #c8102e; }

.status-box h2 {
    margin-top: 0;
}

.status-table {
    width: 100%;
    border-collapse: collapse;
}

.status-table th {
    padding: .3rem 0;
    font-weight: 400;
    text-align: left;
}

.status-table td {
    padding: .3rem 0;
    font-variant-numeric: tabular-nums;
    font-weight: 700;
    text-align: right;
}

.status-path {
    font-family: ui-monospace, "SFMono-Regular", "Menlo", "Consolas", monospace;
    font-size: .8rem;
    font-weight: 400;
    word-break: break-all;
}

/* Tabelle der letzten Vorgänge: linksbündig statt Zahlenspalte */
.status-table td:not(:last-child),
.status-table th:not(:first-child) {
    text-align: left;
    padding-right: 1rem;
}