/* ============================================================
   VERA-VM A1 – OPTIMIERTE VERSION (Schrift schwarz, Gattung klar)
   ============================================================ */

/* --- Grundlayout --- */
.vera-a1-form {
    max-width: 960px;
    margin: 0 auto;
    font-family: sans-serif;
    line-height: 1.45;
    color: #000; /* Schwarze Standardschrift */
}

.vera-section {
    margin: 28px 0;
}

.vera-section-title {
    margin-bottom: 10px;
    font-size: 1.3rem;
    font-weight: bold;
    color: #000;
}

/* --- Inputs / Textareas --- */

.vera-input, .vera-input-file, .vera-textarea {
    width: 100%;
    box-sizing: border-box;
    padding: 8px 10px;
    border: 1px solid #999;
    border-radius: 4px;
    margin-bottom: 12px;
    font-size: 0.95rem;
    color: #000 !important; /* WICHTIG: Schwarze Schrift */
    background: #fff;
}

.vera-textarea {
    min-height: 120px;
}

/* --- Ampel-Status --- */

#vera-ampel,
#vera-a1-precheck-status {
    padding: 10px 14px;
    border-radius: 6px;
    margin: 10px 0 20px 0;
    color: white;
    font-weight: bold;
    font-size: 1rem;
}

.vera-ampel-rot   { background:#b30000 !important; }
.vera-ampel-blau  { background:#005c99 !important; }
.vera-ampel-gruen { background:#0b7d0b !important; }

/* --- Farbpunkte --- */

.vera-ampel-dot {
    width: 11px;
    height: 11px;
    border-radius: 50%;
    display: inline-block;
    margin-right: 6px;
}

.vera-rot  { background:#c00; }
.vera-blau { background:#06c; }
.vera-gruen{ background:#0a0; }

/* ============================================================
   GATTUNG – VERBESSERTES LAYOUT
   ============================================================ */

.vera-gattung-category {
    font-weight: 600;
    margin-top: 20px;
    margin-bottom: 6px;
    color: #333;
    border-bottom: 1px solid #ccc;
    padding-bottom: 3px;
}

.vera-gattung-item {
    display: inline-flex;
    align-items: center;
    background:#f8f8f8;
    padding: 7px 12px;
    border-radius: 4px;
    border:1px solid #ccc;
    cursor:pointer;
    margin: 4px 6px 4px 0;
    color:#000;
}

.vera-gattung-item input[type="radio"] {
    margin-right: 8px;
}

.vera-gattung-item:hover {
    background:#e3f0ff;
    border-color:#99b8ff;
}

/* --- Aktive Auswahl farblich hervorheben --- */
.vera-gattung-item-selected {
    background:#d8ebff !important;
    border-color:#1a73e8 !important;
}

/* ============================================================
   INPUT-FARBCODEN (rot/blau/grün)
   ============================================================ */

.vera-input.red,
.vera-textarea.red {
    border-color:#b30000 !important;
}

.vera-input.blue,
.vera-textarea.blue {
    border-color:#005c99 !important;
}

.vera-input.green,
.vera-textarea.green {
    border-color:#0b7d0b !important;
}

/* ============================================================
   Buttons
   ============================================================ */

.vera-button-validate {
    background:#006cd1;
    border:none;
    padding: 10px 18px;
    font-size: 1rem;
    border-radius:6px;
    color:white;
    cursor:pointer;
    margin-right:14px;
}

.vera-button-submit {
    background:#0a7d00;
    border:none;
    padding:10px 18px;
    font-size: 1rem;
    border-radius:6px;
    color:white;
    cursor:pointer;
}

.vera-button-submit[disabled] {
    opacity: 0.45;
    cursor:not-allowed;
}

/* ============================================================
   Ausgabecontainer
   ============================================================ */

/* ===== VERA FIXBLOCK – ENFOLD OVERRIDES ===== */

#vera-a1-output,
#vera-a1-output * {
    color: #000 !important;
}

#vera-a1-precheck-status {
    min-height: 22px;
    padding: 10px 12px;
    border-radius: 6px;
    margin-top: 18px;
    font-weight: bold;
    color: #fff !important;
    background: #b30000;
}

/* Input-Farbmodi */
.vera-input.red,
.vera-textarea.red {
    border-color: #b30000 !important;
}

.vera-input.blue,
.vera-textarea.blue {
    border-color: #005c99 !important;
}

.vera-input.green,
.vera-textarea.green {
    border-color: #0b7d0b !important;
}

/* Gattungsfelder */
.vera-gattung-item {
    color: #000 !important;
}
/* ================================================
   VERA-VM – DEUTLICHE LINKS-BALKEN FÜR INPUT-FELDER
   ================================================ */

.vera-input,
.vera-textarea {
    border: 1px solid #666 !important;
    border-left-width: 10px !important;
    padding-left: 12px !important;
    color: #000 !important;
    background: #fff;
}

/* ROT = Pflichtfelder */
.vera-input.red,
.vera-textarea.red {
    border-left-color: #cc0000 !important;
    border-color: #cc0000 !important;
}

/* BLAU = Analysefelder */
.vera-input.blue,
.vera-textarea.blue {
    border-left-color: #005c99 !important;
    border-color: #005c99 !important;
}

/* GRÜN = Technik/Detailfelder */
.vera-input.green,
.vera-textarea.green {
    border-left-color: #0b7d0b !important;
    border-color: #0b7d0b !important;
}

/* Optional: Hover etwas sanfter highlighten */
.vera-input:hover,
.vera-textarea:hover {
    background: #f8faff !important;
}
.vera-a1-assist-search {
    margin-top: 12px;
    padding-top: 8px;
    border-top: 1px dotted #ccc;
}
.vera-section::after {
    content: "";
    display: block;
    clear: both;
}
.vera-textarea {
    width: 100%;
    min-height: 120px;
    box-sizing: border-box;
}

.vera-section {
    margin-bottom: 20px;
}