/* ── Sicherer Briefkasten ── */

.briefkasten-formular {
    max-width: 32rem;
}

    .briefkasten-formular .form--input {
        width: 100%;
        box-sizing: border-box;
    }

.briefkasten-entschluesseln {
    margin-top: var(--oo-space-4);
}

.briefkasten-link {
    word-break: break-all;
    user-select: all;
}

/* Entschlüsselter Text: Zeilenumbrüche erhalten, lange Wörter umbrechen */
.briefkasten-klartext {
    margin: 0;
    padding: var(--oo-space-3);
    border: var(--oo-border-width) solid var(--oo-color-border);
    border-radius: var(--oo-radius-sm);
    white-space: pre-wrap;
    word-break: break-word;
    font-family: var(--oo-font-family-mono, monospace);
}

.briefkasten-klartext--leer {
    display: none;
}

/* ── Öffentliche Einwurf-Seite (/b/{Token}) ── */

.briefkasten-einwurf {
    max-width: 40rem;
    margin-inline: auto;
    padding: var(--oo-space-4);
    box-sizing: border-box;
}

    .briefkasten-einwurf h1 {
        margin: 0;
        font-size: 1.5rem;
    }

.briefkasten-einwurf-meldung {
    min-height: 300px;
    justify-content: center;
    text-align: center;
}

.briefkasten-hinweis {
    padding: var(--oo-space-3);
    border-left: 4px solid var(--oo-primary);
    background: var(--oo-color-surface);
    white-space: pre-wrap;
    /* Lange URLs oder Zeichenketten im Hinweis dürfen auf dem Smartphone nicht seitlich überstehen */
    overflow-wrap: anywhere;
}

.briefkasten-textfeld {
    width: 100%;
    box-sizing: border-box;
    resize: vertical;
    font-family: var(--oo-font-family-mono, monospace);
}

.briefkasten-fehler {
    color: var(--oo-danger);
    margin: 0;
}