/* ============================================================
   Onesown Blazor Components – TextArea (oo-textarea)
   Gemeinsame Regeln für Eingabefelder: input.css und _shared/base.css
   ============================================================ */

/* Senkrechtes Innenpolster: Die Größen setzen für alle Eingabefelder 0 (ein input zentriert seinen Text selbst),
   ein textarea beginnt aber oben; ohne Abstand klebt die erste Zeile am Rand. !important wie bei den Größen. */
.oo-textarea textarea.form--input {
    padding-top: var(--oo-space-2) !important;
    padding-bottom: var(--oo-space-2) !important;
}

/* Schwebendes Label: Es sitzt auf dem oberen Rand und ragt halb ins Feld; ohne mehr Abstand überdeckte es die erste Zeile. */
.oo-textarea.float-label textarea.form--input {
    padding-top: var(--oo-space-3) !important;
}

/* AutoGrow: wächst mit dem Text. display: block, sonst bleibt als inline-block unter dem Feld ein Spalt für die Grundlinie. */
.oo-textarea--autogrow textarea.form--input {
    display: block;
    field-sizing: content;
    overflow-y: auto;
}

/* Borderless: ohne Rahmen und Hintergrund, knapper Abstand oben und unten, ohne Mindesthöhe der Größe
   (sonst bliebe unter einer Zeile Leerraum). Die umgebende Karte gibt Rahmen und Abstand vor. */
.oo-textarea--borderless textarea.form--input {
    border: none;
    background: transparent;
    min-height: 0 !important;
    padding-top: var(--oo-space-1) !important;
    padding-bottom: var(--oo-space-1) !important;
}