/**
 * toolbar-widgets.css - die Plus/Minus-Regler der Werkzeugleiste.
 *
 * Vier Stueck, alle mit demselben Aufbau: Schriftgroesse, Linienstaerke,
 * Aussenpunkte (§98) und Messpunkte (§135.5). Sie teilen sich Rahmen,
 * Beschriftung, Knopfform und Wertanzeige - deshalb stehen sie zusammen und
 * werden als Liste von Waehlern gefuehrt.
 *
 * ⚠️ Ein neuer Regler braucht seine id an DREI Stellen dieser Datei:
 * Rahmen, `body.mode-3d`-Sichtbarkeit und Wertanzeige. Fehlt die zweite,
 * ist der Regler im 3D-Modus unsichtbar; fehlt die dritte, steht der Wert in
 * der falschen Schrift.
 *
 * Aus toolbar.css herausgeloest (250-Zeilen-Limit).
 */
/* Font Size Control Widget */
#font-size-control,
#line-width-control,
#outer-size-control,
#csv-size-control {
    flex-direction: column;
    align-items: center;
    background: var(--pd-vertief);
    padding: 2px 8px;
    border-radius: 6px;
    border: 1px solid var(--pd-rahmen-fein);
    display: none; /* Standardmäßig ausblenden */
}

body.mode-3d #font-size-control,
body.mode-3d #line-width-control,
body.mode-3d #outer-size-control,
body.mode-3d #csv-size-control {
    display: flex; /* Nur im 3D-Modus anzeigen */
}

.font-size-label {
    font-size: 12px;
    color: var(--pd-text-s);
    margin-bottom: 2px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.font-size-row {
    display: flex;
    align-items: center;
    gap: 5px;
}

.font-btn {
    background: var(--pd-gefahr-b);
    border: 1px solid var(--pd-gefahr-b);
    color: var(--pd-text);
    width: 25px;
    height: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    cursor: pointer;
    font-size: 16px;
    line-height: 1;
}

.font-btn:hover {
    background: var(--pd-gefahr-b);
}

#font-size-val,
#line-width-val,
#outer-size-val,
#csv-size-val {
    font-family: 'Courier New', monospace;
    font-size: 15px;
    color: var(--pd-gut);
    min-width: 32px;
    text-align: center;
}