/* Extracted from public/index.html style block 23. */
/* Linke Eingabefelder bleiben sicher innerhalb des Control Centers. */
.v2-control-center {
    overflow: hidden;
}
.v2-field-grid,
.v2-level-grid {
    min-width: 0;
}
.v2-field {
    min-width: 0;
}
.v2-field input,
.v2-field select {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}

/* Etwas mehr Raum für Kalender und News. */
.v2-data-card {
    min-height: 285px !important;
}
.v2-feed {
    min-height: 195px !important;
    height: 195px !important;
}

/* Decision Engine im Stil eines professionellen Trading-Terminals. */
.v3-decision-engine {
    border: 1px solid rgba(41,98,255,.26);
    border-radius: 7px;
    background:
        linear-gradient(180deg, rgba(41,98,255,.025), transparent 24%),
        #111318;
    overflow: hidden;
}
.v3-decision-header {
    min-height: 42px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    padding: 8px 11px;
    border-bottom: 1px solid var(--v21-border);
}
.v3-decision-header h3 {
    margin: 2px 0 0;
    color: #e7eaf0;
    font-size: 10px;
}
.v3-state-chip {
    display: inline-flex;
    align-items: center;
    min-height: 21px;
    padding: 0 7px;
    border: 1px solid var(--v21-border);
    border-radius: 4px;
    font-size: 7px;
    font-weight: 800;
    letter-spacing: .09em;
}
.v3-state-ready {
    color: #8fdca5;
    border-color: rgba(34,197,94,.24);
    background: rgba(34,197,94,.06);
}
.v3-state-blocked {
    color: #ff7b76;
    border-color: rgba(239,83,80,.28);
    background: rgba(239,83,80,.07);
}
.v3-decision-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.65fr) minmax(210px, .72fr) minmax(220px, .78fr);
    gap: 8px;
    padding: 8px;
}
.v3-report-pane,
.v3-summary-pane,
.v3-levels-pane {
    min-width: 0;
    border: 1px solid var(--v21-border);
    border-radius: 5px;
    background: #13161c;
    overflow: hidden;
}
.v3-pane-title {
    min-height: 31px;
    display: flex;
    align-items: center;
    padding: 0 10px;
    border-bottom: 1px solid var(--v21-border);
    color: #cfd4dc;
    font-size: 8px;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
}
.v3-report-pane textarea {
    width: 100% !important;
    min-height: 210px !important;
    height: 210px !important;
    box-sizing: border-box;
    padding: 12px !important;
    resize: vertical;
    border: 0 !important;
    border-radius: 0 !important;
    background: #07090c !important;
    color: #65df87 !important;
    font-family: Consolas, "Cascadia Mono", monospace !important;
    font-size: 9px !important;
    line-height: 1.55 !important;
}
.v3-decision-primary {
    min-height: 56px;
    display: flex;
    align-items: center;
    padding: 0 12px;
    border-bottom: 1px solid var(--v21-border);
    color: #9aa2ad;
    font-size: 25px;
    font-weight: 800;
    letter-spacing: -.03em;
}
.v3-direction-long { color: #4bd26f; }
.v3-direction-short { color: #ff6b65; }
.v3-direction-neutral { color: #a5acb6; }

.v3-summary-row,
.v3-level-row {
    min-height: 31px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    padding: 0 10px;
    border-bottom: 1px solid rgba(255,255,255,.055);
}
.v3-summary-row:last-child,
.v3-level-row:last-child {
    border-bottom: 0;
}
.v3-summary-row span,
.v3-level-row span {
    color: #858d99;
    font-size: 8px;
}
.v3-summary-row strong,
.v3-level-row strong {
    color: #d8dce3;
    font-size: 8.5px;
    font-variant-numeric: tabular-nums;
    text-align: right;
}
.v3-text-green { color: #43d468 !important; }
.v3-text-red { color: #ff625d !important; }
.v3-text-yellow { color: #f6b73c !important; }

.v3-validation-bar {
    display: grid;
    grid-template-columns: minmax(210px, 1.25fr) repeat(3, minmax(105px, .55fr)) minmax(250px, 1fr);
    gap: 7px;
    align-items: stretch;
    padding: 8px;
    border: 1px solid rgba(34,197,94,.20);
    border-radius: 7px;
    background:
        linear-gradient(90deg, rgba(34,197,94,.035), transparent 45%),
        #111318;
}
.v3-validation-title,
.v3-validation-stat,
.v3-validation-actions {
    min-width: 0;
    border: 1px solid var(--v21-border);
    border-radius: 5px;
    background: #15181e;
}
.v3-validation-title {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 2px;
    padding: 8px 10px;
}
.v3-validation-title strong {
    color: #e3e6eb;
    font-size: 10px;
}
.v3-validation-title small {
    color: #717985;
    font-size: 7px;
}
.v3-validation-stat {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 4px;
    padding: 8px 9px;
}
.v3-validation-stat span,
.v3-validation-actions label > span {
    color: #747c88;
    font-size: 7px;
}
.v3-validation-stat strong {
    color: #d9dde4;
    font-size: 9px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.v3-validation-actions {
    display: grid;
    grid-template-columns: minmax(115px, .8fr) minmax(130px, 1fr);
    gap: 7px;
    align-items: end;
    padding: 7px;
}
.v3-validation-actions label {
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-width: 0;
}
.v3-validation-actions select {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 31px !important;
    box-sizing: border-box;
}
.v3-validation-actions .v2-btn-success {
    width: 100%;
    min-width: 0;
    min-height: 31px !important;
}

/* Desktop-Höhe effizient nutzen. */
@media (max-height: 900px) and (min-width: 901px) {
    .v2-data-card {
        min-height: 245px !important;
    }
    .v2-feed {
        min-height: 160px !important;
        height: 160px !important;
    }
    .v3-report-pane textarea {
        min-height: 175px !important;
        height: 175px !important;
    }
}

/* Saubere Reaktion auf kleinere Fenster. */
@media (max-width: 1260px) {
    .v3-decision-grid {
        grid-template-columns: minmax(0, 1.45fr) minmax(190px, .75fr);
    }
    .v3-levels-pane {
        grid-column: 1 / -1;
        display: grid;
        grid-template-columns: repeat(3, 1fr);
    }
    .v3-levels-pane .v3-pane-title {
        grid-column: 1 / -1;
    }
    .v3-validation-bar {
        grid-template-columns: 1fr 1fr 1fr;
    }
    .v3-validation-title {
        grid-column: 1 / -1;
    }
    .v3-validation-actions {
        grid-column: 1 / -1;
    }
}
@media (max-width: 900px) {
    .v3-decision-grid {
        grid-template-columns: 1fr;
    }
    .v3-levels-pane {
        grid-column: auto;
        display: block;
    }
    .v3-validation-bar {
        grid-template-columns: 1fr;
    }
    .v3-validation-title,
    .v3-validation-actions {
        grid-column: auto;
    }
}