/*
Teamplan, V0.1 - 2026
(c) 2026 copyright by Frank Schwarz
Alle Rechte vorbehalten, Frank Schwarz; fs@csskoeln.de
$Id: fsv-signatur.css 1 17.10.2026 @fs$
Aus der FSV (fsv/assets/css/signatur.css) unveraendert uebernommen (Entscheidung 17.10.2026: Oberflaeche strikt wie FSV).
Aenderungen nur in teamplan.css.
*/
/*
*****************************************************************************
FSV - Fahrschulverwaltung, V0.4 - 2026
(c) 2026 copyright by Frank Schwarz
Alle Rechte vorbehalten, Frank Schwarz; fs@csskoeln.de
*****************************************************************************
$Id: signatur.css 1 06.10.2026 @fs$
*****************************************************************************
Signatur eines Postfachs (Administration > E-Mail > Versandkonten, Reiter Signatur und Testen): das Einfuegefeld, die
Knoepfe fuer den Namen, die Vorschau und die Zeile "Testmail an".
*/

.signatur-formular { margin-top: 0; }
.signatur-meldung:empty { display: none; }
.signatur-meldung { display: flex; flex-direction: column; gap: var(--box-abstand); margin-bottom: 12px; }
.signatur-pille:empty { display: none; }

/* Das Einfuegefeld: wie ein Eingabefeld, aber mit Platz fuer Bilder und Tabellen */
.signatur-editor {
    min-height: 140px;
    padding: 10px;
    border: 1px solid var(--rahmen-eingabe);
    border-radius: 8px;
    background: #FFFFFF;
    color: #333333;
    font: 14px/1.5 Arial, Helvetica, sans-serif;
    overflow-wrap: anywhere;
    cursor: text;
}
.signatur-editor:focus { outline: 2px solid var(--haupt); outline-offset: 1px; }
.signatur-editor:empty::before { content: attr(data-leer); color: var(--text-gedaempft); }
.signatur-editor img { max-width: 100%; height: auto; }
.signatur-editor table { max-width: 100%; }
.signatur-nur-lesen { cursor: default; background: var(--tabellenkopf); }
.signatur-keine { color: var(--text-gedaempft); font-size: 14px; }
.signatur-datei { display: none; }

/* Knoepfe fuer Vorname und Nachname unter dem Feld */
.signatur-platzhalter { display: flex; flex-wrap: wrap; align-items: center; gap: var(--knopf-abstand); }
.signatur-platzhalter .knopf code { font-family: inherit; font-size: 13px; }

/* Vorschau mit und ohne Namen */
.signatur-vorschau { display: flex; flex-direction: column; gap: 8px; margin-top: 12px; }
.signatur-vorschau:empty { display: none; }
.signatur-vorschau p { margin: 0; }
.signatur-beispiel {
    padding: 10px;
    border: 1px dashed var(--linie-stark);
    border-radius: 8px;
    background: #FFFFFF;
    color: #333333;
    font: 14px/1.5 Arial, Helvetica, sans-serif;
    overflow-wrap: anywhere;
}
.signatur-beispiel img { max-width: 100%; height: auto; }

/* Testmail: Feld und Knopf in einer Zeile, der Knopf rechts */
.testen-zeile { display: flex; flex-wrap: wrap; align-items: flex-end; gap: var(--knopf-abstand); }
.testen-zeile .feld { flex: 1 1 260px; min-width: 0; }