/* Extracted from public/index.html style block 24. */
/* Alte große Kopfleisten werden nur visuell ersetzt. Daten und IDs bleiben. */
.dp-app-header {
    display: none !important;
}

/*
 * CR-0007.2:
 * Die öffentliche Bid-/Ask-/Spread-Zeile bleibt im Desktop-Terminal
 * sichtbar. In einer früheren Designregel wurde sie gemeinsam mit der
 * alten Kopfzeile versehentlich ausgeblendet.
 */
.dp-market-status-strip {
    display: flex !important;
}

body {
    margin: 0 !important;
    padding: 8px 12px 0 !important;
    background:
        radial-gradient(circle at 48% -18%, rgba(41,98,255,.075), transparent 35%),
        #080b11 !important;
    color: #e9edf3;
    overflow-x: hidden !important;
}

/* --------------------------------------------------------------- */
/* PROFESSIONAL TOPBAR                                             */
/* --------------------------------------------------------------- */
.v31-topbar {
    min-height: 58px;
    display: grid;
    grid-template-columns: minmax(300px, auto) minmax(370px, auto) minmax(470px, 1fr) minmax(190px, auto);
    align-items: center;
    gap: 12px;
    padding: 7px 10px;
    border: 1px solid rgba(255,255,255,.075);
    border-radius: 7px;
    background:
        linear-gradient(180deg, rgba(255,255,255,.018), transparent),
        #0d121a;
    box-shadow: 0 10px 28px rgba(0,0,0,.24);
}

.v31-brand-zone,
.v31-context-zone,
.v31-user-zone {
    display: flex;
    align-items: center;
    min-width: 0;
}

.v31-brand-zone { gap: 10px; }
.v31-menu-button,
.v31-user-zone button {
    width: 30px;
    height: 30px;
    padding: 0 !important;
    border: 1px solid rgba(255,255,255,.09) !important;
    border-radius: 5px !important;
    background: #121821 !important;
    color: #aeb6c3 !important;
    box-shadow: none !important;
    font-size: 14px !important;
}

.v31-brand-mark {
    width: 31px;
    height: 31px;
    display: grid;
    place-items: center;
    border: 1px solid rgba(41,98,255,.40);
    border-radius: 7px;
    color: #4a89ff;
    background: rgba(41,98,255,.08);
    font-size: 9px;
    font-weight: 850;
    letter-spacing: -.03em;
}

.v31-brand-copy {
    display: flex;
    flex-direction: column;
    gap: 1px;
    white-space: nowrap;
}
.v31-brand-copy strong {
    color: #f2f5f8;
    font-size: 11px;
    font-weight: 780;
    letter-spacing: .02em;
}
.v31-brand-copy span {
    color: #7f8895;
    font-size: 7px;
    font-weight: 780;
    letter-spacing: .22em;
}

.v31-context-zone {
    align-self: stretch;
}
.v31-context-item {
    min-width: 112px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 3px;
    padding: 0 13px;
    border-left: 1px solid rgba(255,255,255,.065);
}
.v31-context-item span,
.v31-status-rack span,
.v31-user-zone span {
    color: #707a88;
    font-size: 7px;
    font-weight: 760;
    letter-spacing: .08em;
    text-transform: uppercase;
}
.v31-context-item strong {
    color: #dce1e8;
    font-size: 9px;
    font-weight: 740;
}
.v31-live-text i {
    display: inline-block;
    width: 6px;
    height: 6px;
    margin-right: 5px;
    border-radius: 50%;
    background: #32d26b;
    box-shadow: 0 0 0 3px rgba(50,210,107,.08);
}

.v31-status-rack {
    min-height: 40px;
    display: grid;
    grid-template-columns: repeat(6, minmax(64px, 1fr));
    overflow: hidden;
    border: 1px solid rgba(255,255,255,.075);
    border-radius: 6px;
    background: #0b1017;
}
.v31-status-rack > div {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 2px;
    padding: 0 9px;
    border-right: 1px solid rgba(255,255,255,.055);
}
.v31-status-rack > div:last-child { border-right: 0; }
.v31-status-rack strong {
    font-size: 8px;
    font-weight: 800;
}
.v31-green { color: #4bd26f !important; }
.v31-orange { color: #ffad32 !important; }
.v31-red { color: #ff5b56 !important; }

.v31-user-zone {
    justify-content: flex-end;
    gap: 8px;
    min-height: 40px;
    padding: 0 7px 0 10px;
    border: 1px solid rgba(255,255,255,.075);
    border-radius: 6px;
    background: #10161f;
}
.v31-avatar {
    width: 24px;
    height: 24px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    background: #202937;
    color: #e8edf4 !important;
    font-size: 8px !important;
}
.v31-user-zone > div {
    display: flex;
    flex-direction: column;
    gap: 1px;
    min-width: 92px;
}
.v31-user-zone strong {
    color: #e9edf3;
    font-size: 9px;
}
.v31-user-zone > div span {
    color: #4d8cff;
    font-size: 7px;
}

/* --------------------------------------------------------------- */
/* NAVIGATION                                                       */
/* --------------------------------------------------------------- */
.dp-app-navigation .tab-btn {
    min-height: 30px !important;
    padding: 4px 13px !important;
    border-radius: 4px !important;
    font-size: 8px !important;
}
.v31-nav-actions {
    display: flex;
    align-items: center;
    gap: 7px;
}
.v31-nav-chip {
    min-height: 24px;
    display: inline-flex;
    align-items: center;
    padding: 0 8px;
    border: 1px solid rgba(41,98,255,.30);
    border-radius: 4px;
    color: #6fa1ff;
    background: rgba(41,98,255,.06);
    font-size: 7px;
    font-weight: 800;
    letter-spacing: .05em;
}
.v31-start-button {
    border-color: transparent !important;
    background: transparent !important;
    color: #9ba4b1 !important;
    box-shadow: none !important;
}

/* --------------------------------------------------------------- */
/* WORKSPACE: EXAKTE DESKTOP-PROPORTIONEN                           */
/* --------------------------------------------------------------- */
.v2-workspace {
    padding: 0 0 12px !important;
}
.v2-workspace-header,
.v21-command-bar {
    display: none !important;
}

.v2-shell {
    grid-template-columns: 348px minmax(0, 1fr) !important;
    gap: 9px !important;
    align-items: start !important;
}

.v2-control-center {
    position: sticky;
    top: 7px;
    gap: 9px !important;
    padding: 9px !important;
}
.v2-panel-heading h2 {
    display: none;
}
.v2-panel-heading .v2-eyebrow {
    color: #6fa1ff;
}

.v2-control-card::before,
.v2-execution-card::before {
    top: 10px !important;
    right: 10px !important;
    width: 24px;
    height: 24px;
    display: grid;
    place-items: center;
    border-radius: 4px;
    color: #fff !important;
    background: #2d6bc9;
    font-size: 8px !important;
}
.v2-control-card[data-role="risk"]::before { background: #4a963b; }
.v2-control-card[data-role="market"]::before { background: #2469bd; }
.v2-control-card[data-role="levels"]::before { background: #a56320; }
.v2-execution-card[data-role="execution"]::before { background: #693dd4; }

.v2-section-head .v2-kicker {
    display: none;
}
.v2-status-dot {
    position: absolute;
    right: 10px;
    top: 11px;
}

.v2-field-grid,
.v2-level-grid {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
    gap: 7px !important;
}

.v2-execution-card {
    padding-top: 11px !important;
}
.v2-execution-card > .v2-kicker {
    min-height: 23px;
    display: flex;
    align-items: center;
    padding: 0 34px 7px 0;
    border-bottom: 1px solid rgba(255,255,255,.055);
    color: #dce1e8;
    font-size: 9px;
    letter-spacing: .035em;
}

/* --------------------------------------------------------------- */
/* ANALYSIS COCKPIT                                                 */
/* --------------------------------------------------------------- */
.v2-analysis-center {
    gap: 8px !important;
    padding: 9px !important;
}
.v2-cockpit-heading {
    min-height: 28px !important;
    padding: 0 2px 7px !important;
}
.v2-cockpit-heading h2 {
    display: none;
}
.v2-cockpit-heading .v2-eyebrow {
    color: #6fa1ff;
}
.v2-live-indicator {
    display: none !important;
}

.v2-intelligence-grid {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
    gap: 8px !important;
}
.v2-data-card {
    min-height: 318px !important;
    padding: 9px !important;
    border-radius: 6px !important;
    background: #111924 !important;
}
.v2-data-card h3 {
    font-size: 9px !important;
    text-transform: uppercase;
}
.v2-data-card .v2-kicker {
    display: none;
}
.v2-feed {
    min-height: 224px !important;
    height: 224px !important;
    background: #080c12 !important;
    border-color: rgba(255,255,255,.07) !important;
}

/* --------------------------------------------------------------- */
/* DECISION ENGINE                                                 */
/* --------------------------------------------------------------- */
.v3-decision-engine {
    border-radius: 6px !important;
    background: #0e151e !important;
}
.v3-decision-header {
    min-height: 37px !important;
    padding: 7px 9px !important;
}
.v3-decision-header h3 {
    display: none;
}
.v3-decision-grid {
    grid-template-columns: minmax(0, 1.55fr) minmax(220px, .72fr) minmax(230px, .78fr) !important;
    gap: 8px !important;
    padding: 8px !important;
}
.v3-summary-pane,
.v3-levels-pane,
.v3-report-pane {
    background: #101823 !important;
}
.v3-pane-title {
    min-height: 30px !important;
}

/* --------------------------------------------------------------- */
/* VALIDATION                                                       */
/* --------------------------------------------------------------- */
.v3-validation-actions select {
    min-height: 32px !important;
    background: #eef0f3 !important;
    color: #15181d !important;
}
.v3-validation-actions .v2-btn-success {
    min-height: 32px !important;
}

/* --------------------------------------------------------------- */
/* FOOTER                                                          */
/* --------------------------------------------------------------- */
footer:not(.v3-validation-bar) {
    color: #5f6976;
}

/* --------------------------------------------------------------- */
/* RESPONSIVE                                                      */
/* --------------------------------------------------------------- */
@media (max-width: 1380px) {
    .v31-topbar {
        grid-template-columns: minmax(270px, auto) minmax(330px, auto) 1fr;
    }
    .v31-user-zone {
        display: none;
    }
}
@media (max-width: 1160px) {
    .v31-status-rack {
        display: none;
    }
    .v31-topbar {
        grid-template-columns: 1fr auto;
    }
    .v31-context-zone {
        justify-self: end;
    }
    .v2-shell {
        grid-template-columns: 330px minmax(0, 1fr) !important;
    }
    .v3-decision-grid {
        grid-template-columns: minmax(0, 1fr) minmax(210px, .72fr) !important;
    }
    .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;
    }
}
@media (max-width: 900px) {
    .v31-topbar {
        grid-template-columns: 1fr;
    }
    .v31-context-zone {
        display: none;
    }
    .v2-shell {
        grid-template-columns: 1fr !important;
    }
    .v2-control-center {
        position: static;
    }
    .v2-intelligence-grid,
    .v3-decision-grid {
        grid-template-columns: 1fr !important;
    }
    .v3-levels-pane {
        display: block;
    }
    .v3-validation-bar {
        grid-template-columns: 1fr !important;
    }
}

/* Extracted from public/index.html style block 25. */
/* --------------------------------------------------------------- */
/* 1. CONTROL CENTER BREITER UND LESBARER                           */
/* --------------------------------------------------------------- */


.v2-control-center {
    gap: 12px !important;
    padding: 12px !important;
    overflow: visible !important;
}

.v2-panel-heading {
    min-height: 34px !important;
    padding: 0 4px 10px !important;
}

.v2-panel-heading .v2-eyebrow {
    font-size: 10px !important;
    letter-spacing: .12em !important;
}


/* --------------------------------------------------------------- */
/* 2. KARTEN-TYPOGRAFIE                                             */
/* --------------------------------------------------------------- */

.v2-control-card,
.v2-execution-card {
    padding: 14px !important;
    overflow: hidden !important;
}


.v2-section-head h3 {
    font-size: 13px !important;
    font-weight: 780 !important;
    letter-spacing: .015em !important;
    text-transform: none !important;
}

.v2-control-card::before,
.v2-execution-card::before {
    top: 10px !important;
    right: 11px !important;
    width: 28px !important;
    height: 28px !important;
    font-size: 10px !important;
}

.v2-mini-label {
    font-size: 8px !important;
    padding: 4px 7px !important;
}

/* --------------------------------------------------------------- */
/* 3. FELDER UND LABELS                                              */
/* --------------------------------------------------------------- */

.v2-field-grid,
.v2-level-grid {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
    column-gap: 12px !important;
    row-gap: 11px !important;
    width: 100% !important;
}

.v2-field {
    width: 100% !important;
    min-width: 0 !important;
    gap: 6px !important;
}

.v2-field > span {
    color: #b9c0ca !important;
    font-size: 11px !important;
    font-weight: 650 !important;
    line-height: 1.2 !important;
}

.v2-field input,
.v2-field select {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    min-height: 38px !important;
    padding: 8px 10px !important;
    box-sizing: border-box !important;
    border: 1px solid #b8bec7 !important;
    border-radius: 5px !important;
    background: #f5f6f8 !important;
    color: #111318 !important;
    box-shadow: inset 0 1px 2px rgba(0,0,0,.08) !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
}

.v2-field input:hover,
.v2-field select:hover {
    border-color: #9299a4 !important;
    background: #ffffff !important;
}

.v2-field input:focus,
.v2-field select:focus {
    border-color: #2962ff !important;
    background: #ffffff !important;
    color: #111318 !important;
    outline: none !important;
    box-shadow: 0 0 0 2px rgba(41,98,255,.20) !important;
}

/* Browser-Autofill ebenfalls hell halten. */
.v2-field input:-webkit-autofill,
.v2-field input:-webkit-autofill:hover,
.v2-field input:-webkit-autofill:focus {
    -webkit-text-fill-color: #111318 !important;
    -webkit-box-shadow: 0 0 0 1000px #ffffff inset !important;
}

/* --------------------------------------------------------------- */
/* 4. MARKTDATEN UND EINZELFELDER                                   */
/* --------------------------------------------------------------- */

.v2-control-card[data-role="levels"] .v2-level-grid {
    margin-bottom: 12px;
}

.v2-control-card[data-role="market"] > .v2-field {
    margin-bottom: 12px;
}

.v2-spread-field {
    margin-top: 12px !important;
}

.v2-control-card .v2-btn-secondary {
    min-height: 36px !important;
    margin-top: 2px;
    padding: 8px 12px !important;
    font-size: 11px !important;
}

/* --------------------------------------------------------------- */
/* 5. EXECUTION                                                     */
/* --------------------------------------------------------------- */

.v2-execution-card {
    gap: 9px !important;
}

.v2-execution-card > .v2-kicker {
    min-height: 30px !important;
    padding: 0 42px 10px 0 !important;
    font-size: 12px !important;
}

.v2-execution-card .v2-btn {
    min-height: 40px !important;
    font-size: 12px !important;
    font-weight: 760 !important;
}

/* --------------------------------------------------------------- */
/* 6. KONTROLLIERTE ABSTÄNDE UND KEINE ÜBERSCHNEIDUNGEN              */
/* --------------------------------------------------------------- */

.v2-control-card *,
.v2-execution-card * {
    box-sizing: border-box !important;
}

.v2-control-card label,
.v2-execution-card label {
    margin: 0 !important;
}

.v2-control-card input,
.v2-control-card select,
.v2-execution-card input,
.v2-execution-card select {
    position: static !important;
    transform: none !important;
}

/* --------------------------------------------------------------- */
/* 7. ANALYSEBEREICH ETWAS GRÖSSER                                  */
/* --------------------------------------------------------------- */

.v2-data-card {
    min-height: 340px !important;
}



/* --------------------------------------------------------------- */
/* 8. RESPONSIVE                                                   */
/* --------------------------------------------------------------- */

@media (max-width: 1180px) {
    .v2-shell {
        grid-template-columns: 370px minmax(0, 1fr) !important;
    }

    .v2-field-grid,
    .v2-level-grid {
        column-gap: 9px !important;
    }
}

@media (max-width: 980px) {
    .v2-control-center {
        position: static !important;
    }
}

@media (max-width: 560px) {
    .v2-field-grid,
    .v2-level-grid {
        grid-template-columns: 1fr !important;
    }
}

/* Extracted from public/index.html style block 26. */
/* --------------------------------------------------------------- */
/* MT5-KONTOÜBERSICHT                                               */
/* --------------------------------------------------------------- */

.v33-account-strip .mt5-status-panel {
    display: grid !important;
    grid-template-columns: minmax(235px, .7fr) minmax(0, 2fr);
    align-items: center;
    gap: 12px;
    min-height: 54px;
    padding: 7px 11px !important;
    border: 1px solid rgba(255,255,255,.08) !important;
    border-radius: 6px !important;
    background:
        linear-gradient(90deg, rgba(41,98,255,.055), transparent 30%),
        #0e141d !important;
    box-shadow: 0 7px 20px rgba(0,0,0,.17) !important;
}

.v33-account-strip .mt5-status-main {
    min-width: 0;
}

.v33-account-strip .mt5-status-title {
    color: #eef2f7 !important;
    font-size: 11px !important;
    font-weight: 780 !important;
}

.v33-account-strip .mt5-status-subtitle {
    color: #88919d !important;
    font-size: 8.5px !important;
}

.v33-account-strip .mt5-status-details {
    display: grid !important;
    grid-template-columns: repeat(6, minmax(85px, 1fr));
    gap: 5px;
}

.v33-account-strip .mt5-status-item {
    min-width: 0;
    min-height: 36px;
    display: flex !important;
    flex-direction: column;
    justify-content: center;
    padding: 4px 8px;
    border-left: 1px solid rgba(255,255,255,.065);
}

.v33-account-strip .mt5-status-label {
    color: #697380 !important;
    font-size: 7px !important;
    font-weight: 800 !important;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.v33-account-strip .mt5-status-value {
    margin-top: 2px;
    overflow: hidden;
    color: #e4e8ee !important;
    font-size: 9.5px !important;
    font-weight: 720 !important;
    text-overflow: ellipsis;
    white-space: nowrap;
}


/* --------------------------------------------------------------- */
/* WIRTSCHAFTSKALENDER, NEWS UND ANALYSE LESBARER                    */
/* --------------------------------------------------------------- */
.v2-data-card h3 {
    font-size: 12px !important;
    font-weight: 780 !important;
}

.v2-data-card > header select {
    min-height: 34px !important;
    font-size: 12px !important;
}

.v2-data-card .v2-btn-ghost {
    min-height: 34px !important;
    font-size: 11px !important;
    font-weight: 720 !important;
}




/* --------------------------------------------------------------- */
/* TRADINGVIEW-BUTTON KLAR UND HELL                                 */
/* --------------------------------------------------------------- */
.v2-control-card .v2-btn-secondary {
    border: 1px solid #b8bec7 !important;
    background: #f3f4f6 !important;
    color: #14171c !important;
    box-shadow: 0 2px 5px rgba(0,0,0,.12) !important;
    font-size: 11px !important;
    font-weight: 720 !important;
}

.v2-control-card .v2-btn-secondary:hover {
    border-color: #8e96a1 !important;
    background: #ffffff !important;
    color: #0d1014 !important;
}

/* --------------------------------------------------------------- */
/* VALIDATION: BUTTONS BERÜHREN SICH NICHT                          */
/* --------------------------------------------------------------- */
.v3-validation-actions {
    grid-template-columns: minmax(125px, .85fr) minmax(155px, 1fr) !important;
    column-gap: 12px !important;
    padding: 8px 9px !important;
}

.v3-validation-actions label {
    min-width: 0;
    padding-right: 1px;
}


.v3-validation-actions .v2-btn-success {
    margin-left: 0 !important;
    padding-inline: 12px !important;
}

/* --------------------------------------------------------------- */
/* ONE-SCREEN-FIT AUF NORMALEN DESKTOP-HÖHEN                         */
/* --------------------------------------------------------------- */
@media (min-width: 1100px) and (min-height: 820px) {
    body {
        padding-top: 6px !important;
    }

    .v31-topbar {
        min-height: 52px !important;
        padding-block: 5px !important;
    }

    .v33-account-strip {
        margin: 5px 0 !important;
    }

    .v33-account-strip .mt5-status-panel {
        min-height: 47px !important;
        padding-block: 5px !important;
    }

    .dp-app-navigation {
        margin: 5px 0 6px !important;
    }

    .v2-control-center,
    .v2-analysis-center {
        padding: 8px !important;
    }

    .v2-control-center {
        gap: 7px !important;
    }

    .v2-control-card,
    .v2-execution-card {
        padding: 10px 11px !important;
    }

    .v2-section-head {
        min-height: 31px !important;
        margin-bottom: 8px !important;
        padding-bottom: 7px !important;
    }

    .v2-field-grid,
    .v2-level-grid {
        row-gap: 7px !important;
    }

    .v2-field {
        gap: 4px !important;
    }

    .v2-field input,
    .v2-field select {
        min-height: 33px !important;
        padding-block: 6px !important;
    }

    .v2-execution-card .v2-btn {
        min-height: 34px !important;
    }

    .v2-data-card {
        min-height: 272px !important;
    }

    .v2-feed {
        min-height: 180px !important;
        height: 180px !important;
    }

    .v3-report-pane textarea {
        min-height: 178px !important;
        height: 178px !important;
    }

    .v3-decision-primary {
        min-height: 45px !important;
        font-size: 22px !important;
    }

    .v3-summary-row,
    .v3-level-row {
        min-height: 26px !important;
    }

    .v3-validation-bar {
        padding: 6px !important;
    }
}

/* Bei kleineren Höhen darf sauber gescrollt werden statt abzuschneiden. */
@media (max-height: 819px) and (min-width: 901px) {
    body {
        overflow-y: auto !important;
    }

    .v2-control-center {
        position: static !important;
    }
}

/* Kontoübersicht auf schmaleren Fenstern. */
@media (max-width: 1180px) {
    .v33-account-strip .mt5-status-panel {
        grid-template-columns: 1fr;
    }

    .v33-account-strip .mt5-status-details {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 680px) {
    .v33-account-strip .mt5-status-details {
        grid-template-columns: repeat(2, 1fr);
    }
}

/* Extracted from public/index.html style block 27. */
.v31-context-item strong,
.v31-user-zone strong { font-size: 10.5px !important; }
.v31-status-rack strong { font-size: 9px !important; }

.v34-user-menu {
    width: 28px !important;
    height: 28px !important;
    min-height: 28px !important;
    padding: 0 !important;
    border: 1px solid rgba(255,255,255,.08) !important;
    border-radius: 4px !important;
    background: #131a24 !important;
    color: #aeb6c3 !important;
    box-shadow: none !important;
    font-size: 16px !important;
}


.v2-control-card[data-role="levels"] > .v2-btn-secondary,
.v2-control-card[data-role="market"] > .v2-btn-secondary {
    display: block !important;
    width: 72% !important;
    min-width: 210px;
    max-width: 290px !important;
    margin: 12px auto 0 !important;
    border: 1px solid rgba(41,98,255,.72) !important;
    background: linear-gradient(180deg, #376ff2, #2458d7) !important;
    color: #ffffff !important;
    box-shadow: 0 5px 14px rgba(41,98,255,.18) !important;
    font-size: 12px !important;
}


.v3-validation-bar {
    grid-template-columns:
        minmax(195px, 1.05fr)
        minmax(120px, .58fr)
        minmax(120px, .58fr)
        minmax(135px, .68fr)
        minmax(330px, 1.25fr) !important;
    column-gap: 10px !important;
}
.v3-validation-stat { padding: 9px 10px !important; }
.v3-validation-stat span,
.v3-validation-actions label > span {
    font-size: 9px !important;
    font-weight: 700 !important;
}
.v3-validation-actions .v2-btn-success { margin: 0 !important; }

/* CR-0011.1: Ausführung, Ergebnis und Eingriff bleiben optisch getrennt. */
.v3-validation-actions.v3-lifecycle-actions {
    grid-template-columns: minmax(330px, 1.65fr) minmax(175px, .75fr) !important;
    align-items: stretch !important;
}
.v3-lifecycle-inputs {
    display: grid;
    grid-template-columns: repeat(2, minmax(130px, 1fr));
    gap: 5px 8px;
    min-width: 0;
}
.v3-lifecycle-inputs label:not(.v3-manual-intervention) {
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-width: 0;
}
.v3-manual-intervention {
    grid-column: 1 / -1;
    display: flex !important;
    flex-direction: row !important;
    align-items: center;
    gap: 7px !important;
    color: #aeb5c0;
    font-size: 9px;
}
.v3-manual-intervention input {
    width: 15px !important;
    height: 15px !important;
    margin: 0 !important;
}
.v2-execution-card .v2-btn-danger:disabled {
    cursor: not-allowed;
    opacity: .58;
    border-color: #59616d !important;
    background: #252a32 !important;
    color: #aeb5c0 !important;
}

@media (max-width: 1450px) {
    .v3-validation-bar { grid-template-columns: repeat(3, minmax(110px, 1fr)) !important; }
    .v3-validation-title { grid-column: 1 / -1; }
    .v3-validation-actions.v3-lifecycle-actions { grid-column: 1 / -1; }
}

@media (max-width: 760px) {
    .v3-validation-actions.v3-lifecycle-actions,
    .v3-lifecycle-inputs { grid-template-columns: 1fr !important; }
    .v3-manual-intervention { grid-column: 1; }
}

@media (min-width: 1200px) and (min-height: 820px) {
    .v31-topbar { min-height: 48px !important; }
    .v33-account-strip .mt5-status-panel { min-height: 44px !important; }
    .dp-app-navigation { height: 36px !important; }
    .v2-control-center { gap: 6px !important; padding: 7px !important; }
    .v2-control-card,
    .v2-execution-card { padding: 9px 10px !important; }
    .v2-section-head {
        min-height: 28px !important;
        margin-bottom: 6px !important;
        padding-bottom: 5px !important;
    }
    .v2-field-grid,
    .v2-level-grid { row-gap: 6px !important; }
    .v2-field input,
    .v2-field select { min-height: 31px !important; }
    .v2-data-card { min-height: 254px !important; }
    .v2-feed { min-height: 164px !important; height: 164px !important; }
    .v3-report-pane textarea { min-height: 165px !important; height: 165px !important; }
}

@media (max-width: 1320px) {
    .v3-validation-bar {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
    .v3-validation-title { grid-column: 1 / -1; }
    .v3-validation-actions { grid-column: 1 / -1; }
}

/* Extracted from public/index.html style block 28. */
:root {
    --tde-bg: #090d14;
    --tde-surface-1: #0f151f;
    --tde-surface-2: #151d29;
    --tde-surface-3: #1b2533;
    --tde-border: rgba(172, 189, 214, .16);
    --tde-border-strong: rgba(172, 189, 214, .26);
    --tde-text: #f2f5f9;
    --tde-text-soft: #c0c8d3;
    --tde-muted: #7e8998;
    --tde-blue: #2f6df6;
    --tde-blue-hover: #4380ff;
    --tde-green: #39d98a;
    --tde-red: #ff5f6d;
    --tde-orange: #f5ad42;
    --tde-radius-lg: 10px;
    --tde-radius-md: 7px;
    --tde-shadow: 0 16px 42px rgba(0, 0, 0, .30);

    --tde-font-xs: 10px;
    --tde-font-sm: 12px;
    --tde-font-md: 14px;
    --tde-font-lg: 17px;
    --tde-font-xl: 22px;
    --tde-control-h: 38px;
}

/* ---------------------------------------------------------------- */
/* GESAMTBILD                                                       */
/* ---------------------------------------------------------------- */
html,
body {
    background:
        radial-gradient(circle at 78% 4%, rgba(47,109,246,.10), transparent 26%),
        linear-gradient(180deg, #0a0f17 0%, var(--tde-bg) 100%) !important;
    color: var(--tde-text) !important;
}

body {
    padding: 8px 12px 14px !important;
    font-family: Inter, "Segoe UI", Arial, sans-serif !important;
}

.v2-shell {
    grid-template-columns: 430px minmax(0, 1fr) !important;
    gap: 12px !important;
}

.v2-control-center,
.v2-analysis-center {
    border: 1px solid var(--tde-border) !important;
    border-radius: var(--tde-radius-lg) !important;
    background: rgba(15, 21, 31, .97) !important;
    box-shadow: var(--tde-shadow) !important;
}

/* ---------------------------------------------------------------- */
/* TOPBAR                                                           */
/* ---------------------------------------------------------------- */
.v31-topbar {
    min-height: 62px !important;
    padding: 7px 10px !important;
    border: 1px solid var(--tde-border) !important;
    border-radius: var(--tde-radius-lg) !important;
    background:
        linear-gradient(90deg, rgba(47,109,246,.12), transparent 28%),
        var(--tde-surface-1) !important;
    box-shadow: 0 10px 28px rgba(0,0,0,.24) !important;
}

.v31-menu-button,
.v34-user-menu {
    width: 34px !important;
    height: 34px !important;
    min-height: 34px !important;
    border: 1px solid var(--tde-border-strong) !important;
    border-radius: 6px !important;
    background: var(--tde-surface-3) !important;
    color: var(--tde-text-soft) !important;
}

.v31-brand-mark {
    width: 39px !important;
    height: 39px !important;
    border-radius: 7px !important;
    background: linear-gradient(145deg, #3979ff, #1e4fbf) !important;
    box-shadow: 0 7px 18px rgba(47,109,246,.28) !important;
    font-size: 13px !important;
}

.v31-brand-copy strong {
    color: #ffffff !important;
    font-size: 15px !important;
    letter-spacing: .035em !important;
}

.v31-brand-copy span {
    color: #8fa6c7 !important;
    font-size: 10px !important;
    letter-spacing: .13em !important;
}

.v31-context-item,
.v31-status-rack > div {
    min-height: 40px !important;
    padding: 5px 11px !important;
    border-left-color: var(--tde-border) !important;
}

.v31-context-item span,
.v31-status-rack span,
.v31-user-zone span {
    color: var(--tde-muted) !important;
    font-size: 10px !important;
}

.v31-context-item strong,
.v31-status-rack strong,
.v31-user-zone strong {
    color: var(--tde-text) !important;
    font-size: 12px !important;
}

.v31-user-zone {
    gap: 9px !important;
}

/* ---------------------------------------------------------------- */
/* MT5 ACCOUNT STRIP                                                */
/* ---------------------------------------------------------------- */
.v33-account-strip {
    margin: 7px 0 !important;
}

.v33-account-strip .mt5-status-panel {
    min-height: 60px !important;
    grid-template-columns: minmax(245px, .72fr) minmax(0, 2.28fr) !important;
    gap: 10px !important;
    padding: 7px 11px !important;
    border: 1px solid rgba(57,217,138,.18) !important;
    border-radius: var(--tde-radius-lg) !important;
    background:
        linear-gradient(90deg, rgba(57,217,138,.07), transparent 27%),
        var(--tde-surface-1) !important;
}

.v33-account-strip .mt5-status-title {
    font-size: 13px !important;
}

.v33-account-strip .mt5-status-subtitle {
    font-size: 10px !important;
}

.v33-account-strip .mt5-status-details {
    grid-template-columns: repeat(6, minmax(98px, 1fr)) !important;
    gap: 5px !important;
}

.v33-account-strip .mt5-status-item {
    min-height: 43px !important;
    padding: 5px 9px !important;
    border-left: 1px solid var(--tde-border) !important;
}

.v33-account-strip .mt5-status-label {
    color: var(--tde-muted) !important;
    font-size: 9px !important;
}

.v33-account-strip .mt5-status-value {
    color: var(--tde-text) !important;
    font-size: 12px !important;
}

.v33-account-strip .mt5-status-value.balance {
    color: var(--tde-green) !important;
    font-size: 13px !important;
}

/* ---------------------------------------------------------------- */
/* NAVIGATION                                                       */
/* ---------------------------------------------------------------- */
.dp-app-navigation {
    min-height: 42px !important;
    margin: 6px 0 8px !important;
    border: 1px solid var(--tde-border) !important;
    border-radius: 8px !important;
    background: var(--tde-surface-1) !important;
}



/* ---------------------------------------------------------------- */
/* PANEL-ÜBERSCHRIFTEN                                              */
/* ---------------------------------------------------------------- */
.v2-panel-heading,
.v2-cockpit-heading {
    min-height: 42px !important;
    padding: 2px 3px 10px !important;
    border-bottom: 1px solid var(--tde-border) !important;
}

.v2-panel-heading h2,
.v2-cockpit-heading h2 {
    color: #ffffff !important;
    font-size: var(--tde-font-lg) !important;
    font-weight: 760 !important;
}

.v2-eyebrow,
.v2-kicker {
    color: #7fa1d8 !important;
    font-size: 10px !important;
    letter-spacing: .12em !important;
}

.v2-step {
    color: rgba(115,147,196,.42) !important;
    font-size: 22px !important;
}

/* ---------------------------------------------------------------- */
/* CONTROL CENTER                                                   */
/* ---------------------------------------------------------------- */
.v2-control-center {
    gap: 9px !important;
    padding: 11px !important;
}

.v2-control-card,
.v2-execution-card {
    position: relative;
    padding: 12px !important;
    border: 1px solid var(--tde-border) !important;
    border-radius: var(--tde-radius-md) !important;
    background:
        linear-gradient(135deg, rgba(255,255,255,.022), transparent 48%),
        var(--tde-surface-2) !important;
}

.v2-control-card:hover,
.v2-execution-card:hover {
    border-color: rgba(47,109,246,.28) !important;
}

.v2-control-card::before,
.v2-execution-card::before {
    width: 30px !important;
    height: 30px !important;
    border: 1px solid rgba(47,109,246,.24) !important;
    background: rgba(47,109,246,.08) !important;
    color: #8eb0ff !important;
    font-size: 11px !important;
}

.v2-section-head {
    min-height: 35px !important;
    margin-bottom: 9px !important;
    padding: 0 40px 8px 0 !important;
    border-bottom: 1px solid rgba(172,189,214,.10) !important;
}

.v2-section-head h3,
.v2-execution-card > .v2-kicker {
    color: #ffffff !important;
    font-size: 14px !important;
    font-weight: 760 !important;
}

.v2-field-grid,
.v2-level-grid {
    column-gap: 11px !important;
    row-gap: 9px !important;
}

.v2-field {
    gap: 5px !important;
}

.v2-field > span {
    color: var(--tde-text-soft) !important;
    font-size: 12px !important;
    font-weight: 650 !important;
}

.v2-field input,
.v2-field select {
    min-height: var(--tde-control-h) !important;
    padding: 8px 10px !important;
    border: 1px solid #b8c0cb !important;
    border-radius: 6px !important;
    background: #ffffff !important;
    color: #11151a !important;
    box-shadow: inset 0 1px 2px rgba(0,0,0,.08) !important;
    font-size: 14px !important;
    font-weight: 700 !important;
}

.v2-field input:focus,
.v2-field select:focus {
    border-color: var(--tde-blue) !important;
    background: #ffffff !important;
    box-shadow: 0 0 0 3px rgba(47,109,246,.18) !important;
}

/* ---------------------------------------------------------------- */
/* BUTTON-SYSTEM                                                    */
/* ---------------------------------------------------------------- */
.v2-btn,
.v2-btn-secondary,
.v2-btn-primary,
.v2-btn-success,
.v2-btn-ghost {
    min-height: 38px !important;
    border-radius: 6px !important;
    font-size: 13px !important;
    font-weight: 750 !important;
    letter-spacing: .01em !important;
}

.v2-btn-primary,
.v2-execution-card .v2-btn-primary {
    border: 1px solid #4a82ff !important;
    background: linear-gradient(180deg, #3778ff, #285fdc) !important;
    color: #ffffff !important;
    box-shadow: 0 8px 18px rgba(47,109,246,.21) !important;
}

.v2-btn-primary:hover,
.v2-execution-card .v2-btn-primary:hover {
    background: linear-gradient(180deg, #4a87ff, #3470ef) !important;
}

.v2-control-card[data-role="levels"] > .v2-btn-secondary,
.v2-control-card[data-role="market"] > .v2-btn-secondary {
    width: 76% !important;
    max-width: 300px !important;
    margin: 12px auto 0 !important;
    border: 1px solid rgba(88,160,255,.74) !important;
    background: linear-gradient(180deg, #253d61, #1a2e4c) !important;
    color: #eaf2ff !important;
    box-shadow: 0 6px 15px rgba(0,0,0,.20) !important;
}

.v2-control-card[data-role="levels"] > .v2-btn-secondary:hover,
.v2-control-card[data-role="market"] > .v2-btn-secondary:hover {
    border-color: #6ca9ff !important;
    background: linear-gradient(180deg, #2f4c76, #213b60) !important;
}

.v2-btn-success {
    border: 1px solid rgba(57,217,138,.60) !important;
    background: linear-gradient(180deg, #1e9f68, #167c52) !important;
    color: #ffffff !important;
}

/* ---------------------------------------------------------------- */
/* ANALYSE-COCKPIT                                                  */
/* ---------------------------------------------------------------- */
.v2-analysis-center {
    padding: 11px !important;
}

.v2-data-card,
.v2-decision-report {
    border: 1px solid var(--tde-border) !important;
    border-radius: var(--tde-radius-md) !important;
    background: var(--tde-surface-2) !important;
}

.v2-data-card > header {
    min-height: 44px !important;
    padding: 8px 10px !important;
    border-bottom: 1px solid var(--tde-border) !important;
}

.v2-data-card h3 {
    color: #ffffff !important;
    font-size: 14px !important;
}

.v2-data-card .v2-btn-ghost {
    border: 1px solid var(--tde-border-strong) !important;
    background: #202b3a !important;
    color: #e0e7f2 !important;
    font-size: 12px !important;
}

.v2-feed {
    height: 190px !important;
    min-height: 190px !important;
    padding: 10px !important;
    color: #d5dce6 !important;
    font-size: 13px !important;
    line-height: 1.55 !important;
}

.v3-report-pane textarea {
    height: 190px !important;
    min-height: 190px !important;
    padding: 11px !important;
    border: 1px solid rgba(172,189,214,.15) !important;
    border-radius: 6px !important;
    background: #0d131c !important;
    color: #e4e9f0 !important;
    font-size: 13px !important;
    line-height: 1.55 !important;
}

.v3-pane-title {
    color: #8da4c7 !important;
    font-size: 11px !important;
    font-weight: 760 !important;
}

.v3-decision-primary {
    min-height: 52px !important;
    border: 1px solid rgba(47,109,246,.25) !important;
    border-radius: 7px !important;
    background:
        radial-gradient(circle at center, rgba(47,109,246,.18), transparent 70%),
        #111927 !important;
    color: #ffffff !important;
    font-size: 25px !important;
    letter-spacing: .04em !important;
}

.v3-summary-row,
.v3-level-row {
    min-height: 30px !important;
    border-bottom-color: rgba(172,189,214,.09) !important;
}

.v3-summary-row span,
.v3-level-row span {
    color: var(--tde-muted) !important;
    font-size: 11px !important;
}

.v3-summary-row strong,
.v3-level-row strong {
    color: var(--tde-text) !important;
    font-size: 12px !important;
}

/* ---------------------------------------------------------------- */
/* VALIDATION                                                       */
/* ---------------------------------------------------------------- */
.v3-validation-bar {
    grid-template-columns:
        minmax(200px, 1.05fr)
        minmax(120px, .58fr)
        minmax(120px, .58fr)
        minmax(140px, .68fr)
        minmax(355px, 1.35fr) !important;
    gap: 9px !important;
    padding: 8px !important;
    border: 1px solid var(--tde-border) !important;
    border-radius: var(--tde-radius-md) !important;
    background: #111824 !important;
}

.v3-validation-title,
.v3-validation-stat,
.v3-validation-actions {
    border: 1px solid rgba(172,189,214,.10) !important;
    border-radius: 6px !important;
    background: rgba(255,255,255,.015) !important;
}

.v3-validation-title strong {
    color: #ffffff !important;
    font-size: 14px !important;
}

.v3-validation-title small {
    color: var(--tde-muted) !important;
    font-size: 10px !important;
}

.v3-validation-stat span,
.v3-validation-actions label > span {
    color: var(--tde-muted) !important;
    font-size: 10px !important;
}

.v3-validation-stat strong {
    font-size: 13px !important;
}

.v3-validation-actions {
    grid-template-columns: minmax(145px, .8fr) minmax(180px, 1fr) !important;
    gap: 18px !important;
    padding: 9px 11px !important;
}

.v3-validation-actions select,
.v3-validation-actions .v2-btn-success {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 40px !important;
    margin: 0 !important;
}

.v3-validation-actions select {
    border: 1px solid #b8c0cb !important;
    border-radius: 6px !important;
    background: #ffffff !important;
    color: #11151a !important;
    font-size: 13px !important;
    font-weight: 700 !important;
}

/* ---------------------------------------------------------------- */
/* DESKTOP-FIT 1920 x 1080                                          */
/* ---------------------------------------------------------------- */
@media (min-width: 1440px) and (min-height: 850px) {
    body {
        overflow-y: auto !important;
    }

    .v31-topbar {
        min-height: 58px !important;
    }

    .v33-account-strip .mt5-status-panel {
        min-height: 55px !important;
    }

    .dp-app-navigation {
        min-height: 39px !important;
    }

    .v2-control-center,
    .v2-analysis-center {
        padding: 9px !important;
    }

    .v2-control-center {
        gap: 7px !important;
    }

    .v2-control-card,
    .v2-execution-card {
        padding: 10px !important;
    }

    .v2-field input,
    .v2-field select {
        min-height: 35px !important;
    }

    .v2-feed,
    .v3-report-pane textarea {
        height: 170px !important;
        min-height: 170px !important;
    }
}

@media (max-width: 1360px) {
    .v2-shell {
        grid-template-columns: 395px minmax(0, 1fr) !important;
    }

    .v33-account-strip .mt5-status-details {
        grid-template-columns: repeat(3, minmax(100px, 1fr)) !important;
    }
}

@media (max-width: 980px) {
    .v2-shell {
        grid-template-columns: 1fr !important;
    }

    .v31-context-zone,
    .v31-status-rack {
        display: none !important;
    }

    .v33-account-strip .mt5-status-panel {
        grid-template-columns: 1fr !important;
    }
}

/* Extracted from public/index.html style block 29. */
:root {
    --tde-font-nav: 13px;
    --tde-font-label: 12px;
    --tde-font-body: 13px;
    --tde-font-value: 14px;
    --tde-font-button: 13px;
    --tde-font-table-head: 12px;
    --tde-font-table-cell: 13px;
    --tde-font-panel-title: 16px;
    --tde-font-page-title: 21px;

    --tde-row-h: 38px;
    --tde-control-h: 40px;
    --tde-tab-h: 44px;
}

/* ---------------------------------------------------------------- */
/* GLOBALE TYPOGRAFIE – KEINE KLEINSTSCHRIFT MEHR                    */
/* ---------------------------------------------------------------- */
body,
button,
input,
select,
textarea,
table {
    font-family: Inter, "Segoe UI", Arial, sans-serif !important;
}

body {
    font-size: var(--tde-font-body) !important;
}

small,
.v2-eyebrow,
.v2-kicker,
.v31-brand-copy span,
.v31-context-item span,
.v31-status-rack span,
.v31-user-zone span,
.v3-validation-title small,
.v33-account-strip .mt5-status-label {
    font-size: 10px !important;
}

/* ---------------------------------------------------------------- */
/* OBERE NAVIGATION – WIE EINE DESKTOP-HANDELSPLATTFORM              */
/* ---------------------------------------------------------------- */
.dp-app-navigation {
    min-height: var(--tde-tab-h) !important;
    height: auto !important;
    padding: 0 8px !important;
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
    border: 1px solid rgba(172,189,214,.18) !important;
    border-radius: 8px !important;
    background:
        linear-gradient(180deg, rgba(255,255,255,.02), transparent),
        #111823 !important;
    box-shadow: 0 8px 20px rgba(0,0,0,.20) !important;
}

.dp-app-navigation button,
.dp-app-navigation .tab-button {
    min-height: 38px !important;
    height: 38px !important;
    padding: 0 17px !important;
    border-radius: 5px !important;
    color: #b9c3d0 !important;
    font-size: var(--tde-font-nav) !important;
    font-weight: 760 !important;
    letter-spacing: .035em !important;
    text-transform: uppercase !important;
}

.dp-app-navigation button:hover,
.dp-app-navigation .tab-button:hover {
    color: #ffffff !important;
    background: rgba(255,255,255,.045) !important;
}

.dp-app-navigation button.active,
.dp-app-navigation .tab-button.active {
    border: 1px solid rgba(74,130,255,.70) !important;
    background: linear-gradient(180deg, rgba(47,109,246,.24), rgba(47,109,246,.12)) !important;
    color: #ffffff !important;
    box-shadow:
        inset 0 -2px 0 #4b82ff,
        0 5px 14px rgba(47,109,246,.16) !important;
}

.dp-app-navigation .dp-nav-right,
.dp-app-navigation .nav-right,
.dp-app-navigation [class*="right"] {
    margin-left: auto !important;
}

.dp-app-navigation .dp-nav-badge,
.dp-app-navigation .nav-badge,
.dp-app-navigation .workspace-label,
.dp-app-navigation .engine-label {
    min-height: 30px !important;
    padding: 0 11px !important;
    display: inline-flex !important;
    align-items: center !important;
    border: 1px solid rgba(74,130,255,.36) !important;
    border-radius: 5px !important;
    background: rgba(47,109,246,.09) !important;
    color: #9db8ed !important;
    font-size: 11px !important;
    font-weight: 760 !important;
    letter-spacing: .05em !important;
    text-transform: uppercase !important;
}

/* ---------------------------------------------------------------- */
/* JOURNAL UND BACKTESTING – SEITENAUFBAU                            */
/* ---------------------------------------------------------------- */
#journal,
#backtestTab {
    color: #eef3f8 !important;
}

#journal h1,
#journal h2,
#journal h3,
#backtestTab h1,
#backtestTab h2,
#backtestTab h3 {
    color: #ffffff !important;
    font-weight: 760 !important;
}

#journal h1,
#backtestTab h1 {
    font-size: var(--tde-font-page-title) !important;
}

#journal h2,
#backtestTab h2 {
    font-size: var(--tde-font-panel-title) !important;
}

#journal h3,
#backtestTab h3 {
    font-size: 14px !important;
}

#journal .card,
#journal .panel,
#journal .section,
#backtestTab .card,
#backtestTab .panel,
#backtestTab .section {
    border: 1px solid rgba(172,189,214,.16) !important;
    border-radius: 8px !important;
    background:
        linear-gradient(135deg, rgba(255,255,255,.018), transparent 52%),
        #141c27 !important;
    box-shadow: 0 10px 28px rgba(0,0,0,.20) !important;
}

/* ---------------------------------------------------------------- */
/* JOURNAL UND BACKTESTING – EINGABEFELDER UND BUTTONS               */
/* ---------------------------------------------------------------- */
#journal label,
#backtestTab label {
    color: #c1cad6 !important;
    font-size: var(--tde-font-label) !important;
    font-weight: 650 !important;
}

#journal input,
#journal select,
#journal textarea,
#backtestTab input,
#backtestTab select,
#backtestTab textarea {
    min-height: var(--tde-control-h) !important;
    padding: 8px 11px !important;
    border: 1px solid #b9c1cc !important;
    border-radius: 6px !important;
    background: #ffffff !important;
    color: #11151a !important;
    font-size: var(--tde-font-value) !important;
    font-weight: 680 !important;
}

#journal textarea,
#backtestTab textarea {
    line-height: 1.5 !important;
}

#journal input:focus,
#journal select:focus,
#journal textarea:focus,
#backtestTab input:focus,
#backtestTab select:focus,
#backtestTab textarea:focus {
    border-color: #3478ff !important;
    box-shadow: 0 0 0 3px rgba(52,120,255,.18) !important;
    outline: none !important;
}

#journal button,
#backtestTab button {
    min-height: var(--tde-control-h) !important;
    padding: 0 15px !important;
    border-radius: 6px !important;
    font-size: var(--tde-font-button) !important;
    font-weight: 760 !important;
}

/* ---------------------------------------------------------------- */
/* TABELLEN – TRADING-TERMINAL-STIL                                  */
/* ---------------------------------------------------------------- */
#journal table,
#backtestTab table {
    width: 100% !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
    border: 1px solid rgba(172,189,214,.16) !important;
    border-radius: 7px !important;
    overflow: hidden !important;
    background: #101721 !important;
    box-shadow: 0 10px 24px rgba(0,0,0,.16) !important;
}

#journal thead th,
#backtestTab thead th {
    min-height: 42px !important;
    padding: 11px 12px !important;
    border-bottom: 1px solid rgba(172,189,214,.18) !important;
    background:
        linear-gradient(180deg, rgba(255,255,255,.035), transparent),
        #1a2431 !important;
    color: #c9d3df !important;
    font-size: var(--tde-font-table-head) !important;
    font-weight: 780 !important;
    letter-spacing: .035em !important;
    text-align: left !important;
    text-transform: uppercase !important;
    white-space: nowrap !important;
}

#journal tbody td,
#backtestTab tbody td {
    min-height: var(--tde-row-h) !important;
    padding: 10px 12px !important;
    border-bottom: 1px solid rgba(172,189,214,.07) !important;
    color: #e4e9ef !important;
    font-size: var(--tde-font-table-cell) !important;
    line-height: 1.35 !important;
    white-space: nowrap !important;
}

#journal tbody tr:nth-child(even),
#backtestTab tbody tr:nth-child(even) {
    background: rgba(255,255,255,.017) !important;
}

#journal tbody tr:hover,
#backtestTab tbody tr:hover {
    background: rgba(47,109,246,.075) !important;
}

#journal tbody tr:last-child td,
#backtestTab tbody tr:last-child td {
    border-bottom: none !important;
}

/* ---------------------------------------------------------------- */
/* JOURNAL – STATUS UND ERGEBNISSE                                   */
/* ---------------------------------------------------------------- */
#journal .status,
#journal .badge,
#journal [class*="status"],
#journal [class*="badge"] {
    min-height: 26px !important;
    padding: 4px 8px !important;
    display: inline-flex !important;
    align-items: center !important;
    border-radius: 999px !important;
    font-size: 11px !important;
    font-weight: 760 !important;
}

#journal .positive,
#journal .profit,
#journal .long,
#journal .success {
    color: #55e3a0 !important;
}

#journal .negative,
#journal .loss,
#journal .short,
#journal .danger {
    color: #ff7180 !important;
}

/* ---------------------------------------------------------------- */
/* BACKTESTING – KENNZAHLEN UND ERGEBNISSE                           */
/* ---------------------------------------------------------------- */
#backtestTab .metric,
#backtestTab .stat,
#backtestTab [class*="metric"],
#backtestTab [class*="stat"] {
    padding: 12px !important;
    border: 1px solid rgba(172,189,214,.13) !important;
    border-radius: 7px !important;
    background: #151e2a !important;
}

#backtestTab .metric span,
#backtestTab .stat span,
#backtestTab [class*="metric"] span,
#backtestTab [class*="stat"] span {
    color: #8793a2 !important;
    font-size: 11px !important;
    font-weight: 700 !important;
}

#backtestTab .metric strong,
#backtestTab .stat strong,
#backtestTab [class*="metric"] strong,
#backtestTab [class*="stat"] strong {
    color: #ffffff !important;
    font-size: 15px !important;
    font-weight: 780 !important;
}

/* ---------------------------------------------------------------- */
/* SCROLLBARE TABELLEN – WIE BEI TERMINALSOFTWARE                    */
/* ---------------------------------------------------------------- */
#journal .table-wrapper,
#journal .table-container,
#backtestTab .table-wrapper,
#backtestTab .table-container {
    overflow: auto !important;
    border-radius: 7px !important;
}

#journal ::-webkit-scrollbar,
#backtestTab ::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}

#journal ::-webkit-scrollbar-track,
#backtestTab ::-webkit-scrollbar-track {
    background: #0c121a;
}

#journal ::-webkit-scrollbar-thumb,
#backtestTab ::-webkit-scrollbar-thumb {
    border: 2px solid #0c121a;
    border-radius: 999px;
    background: #334153;
}

/* ---------------------------------------------------------------- */
/* RESPONSIVE                                                       */
/* ---------------------------------------------------------------- */
@media (max-width: 1200px) {
    .dp-app-navigation button,
    .dp-app-navigation .tab-button {
        padding-inline: 13px !important;
        font-size: 12px !important;
    }

    #journal thead th,
    #backtestTab thead th,
    #journal tbody td,
    #backtestTab tbody td {
        padding-inline: 9px !important;
    }
}

@media (max-width: 760px) {
    .dp-app-navigation {
        overflow-x: auto !important;
        justify-content: flex-start !important;
    }

    .dp-app-navigation button,
    .dp-app-navigation .tab-button {
        flex: 0 0 auto !important;
    }

    #journal,
    #backtestTab {
        overflow-x: auto !important;
    }
}