/* AurumX AI V5 Functional layer */
.mode-banner {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 7px 10px;
    margin-bottom: 5px;
    border: 1px solid rgba(255, 198, 64, .28);
    border-radius: 9px;
    background: rgba(255, 190, 40, .07);
    font-size: 11px;
    letter-spacing: .05em
}

.mode-banner.live {
    border-color: rgba(0, 233, 160, .28);
    background: rgba(0, 233, 160, .07)
}

.integration-grid {
    display: grid;
    grid-template-columns: repeat(5, minmax(110px, 1fr));
    gap: 8px;
    margin-top: 12px
}

.integration-chip {
    padding: 9px 10px;
    border: 1px solid #21364d;
    border-radius: 13px;
    background: #09111a;
    font-size: 11px;
    color: #95aabd
}

.integration-chip b {
    display: block;
    color: #d9e7f0;
    margin-top: 3px
}

.integration-chip.ok {
    border-color: rgba(0, 233, 160, .3)
}

.integration-chip.ok b {
    color: #00e9a0
}

.integration-chip.warn {
    border-color: rgba(255, 193, 50, .35)
}

.integration-chip.warn b {
    color: #ffc94a
}

.signal-tr button,
.journal-item button {
    font: inherit
}

.row-actions {
    display: flex;
    gap: 6px;
    justify-content: flex-end
}

.mini-action {
    border: 1px solid #294059;
    background: #0a1520;
    color: #bed0dd;
    border-radius: 7px;
    padding: 5px 8px;
    cursor: pointer
}

.mini-action:hover {
    border-color: #8c5cff;
    color: white
}

.lesson-modal,
.integration-modal {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, .72);
    display: none;
    align-items: center;
    justify-content: center;
    z-index: 1200;
    padding: 20px
}

.lesson-modal.show,
.integration-modal.show {
    display: flex
}

.lesson-dialog,
.integration-dialog {
    width: min(720px, 96vw);
    max-height: 86vh;
    overflow: auto;
    border: 1px solid #3b315d;
    border-radius: 18px;
    background: linear-gradient(180deg, #0c111b, #070b12);
    box-shadow: 0 30px 90px rgba(0, 0, 0, .65), 0 0 45px rgba(135, 80, 255, .12);
    padding: 24px;
    position: relative
}

.lesson-dialog h2,
.integration-dialog h2 {
    margin: 4px 0 10px
}

.lesson-dialog li {
    margin: 8px 0;
    color: #b9c8d6
}

.lesson-close {
    position: absolute;
    right: 14px;
    top: 12px;
    border: 0;
    background: transparent;
    color: #fff;
    font-size: 28px;
    cursor: pointer
}

.progress-track {
    height: 8px;
    background: #141f2e;
    border-radius: 99px;
    overflow: hidden
}

.progress-track i {
    display: block;
    height: 100%;
    background: linear-gradient(90deg, #8059ff, #ffbd3f);
    border-radius: 99px
}

.bot-state {
    display: inline-flex;
    gap: 7px;
    align-items: center
}

.bot-state i {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #00e9a0;
    box-shadow: 0 0 12px #00e9a0
}

.bot-state.stopped i {
    background: #ff3f57;
    box-shadow: 0 0 12px #ff3f57
}

.status-connected.demo {
    color: #ffc94a
}

.status-connected.live {
    color: #00e9a0
}

.backtest-equity {
    width: 100%;
    height: 180px;
    border: 1px solid #172a3b;
    border-radius: 13px;
    background: #060d14;
    margin-top: 12px
}

.backtest-trades {
    max-height: 210px;
    overflow: auto;
    margin-top: 12px
}

.backtest-trades .signal-tr {
    grid-template-columns: 1fr .7fr .8fr .8fr .8fr
}

.chart-preview img {
    max-width: 100%;
    border-radius: 12px;
    border: 1px solid #263b51
}

.scanner-result {
    margin-top: 10px;
    padding: 12px;
    border: 1px solid #263b51;
    border-radius: 13px;
    background: #08131d
}

.payment-modal {
    position: fixed;
    inset: 0;
    display: none;
    align-items: center;
    justify-content: center;
    background: rgba(0, 0, 0, .72);
    z-index: 1000
}

.payment-modal.show {
    display: flex
}

.payment-dialog {
    width: min(540px, 94vw);
    border: 1px solid #43336c;
    border-radius: 18px;
    background: #0a0e16;
    padding: 24px;
    box-shadow: 0 30px 80px rgba(0, 0, 0, .6)
}

.payment-dialog label {
    display: block;
    margin: 12px 0
}

.payment-dialog input,
.payment-dialog textarea {
    width: 100%;
    margin-top: 6px;
    background: #07111a;
    border: 1px solid #253a4d;
    border-radius: 9px;
    padding: 11px;
    color: white
}

.admin-table {
    width: 100%;
    display: grid;
    gap: 6px
}

.admin-row {
    display: grid;
    grid-template-columns: 1.7fr .8fr .8fr 1fr 1.4fr;
    gap: 10px;
    align-items: center;
    padding: 10px;
    border-bottom: 1px solid #172537
}

.admin-row.head {
    color: #71899b;
    font-size: 11px;
    text-transform: uppercase
}

.admin-actions {
    display: flex;
    gap: 6px;
    flex-wrap: wrap
}

.admin-actions button {
    padding: 6px 8px;
    border-radius: 7px;
    border: 1px solid #2d4056;
    background: #0b1621;
    color: #d8e5ee;
    cursor: pointer
}

.system-checks {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    gap: 10px
}

.system-check {
    padding: 12px;
    border-radius: 12px;
    border: 1px solid #25384b;
    background: #09121b
}

.system-check strong {
    display: block;
    margin-bottom: 5px
}

.system-check.ok strong {
    color: #00e9a0
}

.system-check.warn strong {
    color: #ffc94a
}

@media(max-width:900px) {
    .integration-grid {
        grid-template-columns: repeat(2, 1fr)
    }

    .admin-row {
        grid-template-columns: 1fr
    }

    .admin-row.head {
        display: none
    }
}

.v3-nav button.locked,
[data-view-jump].locked {
    opacity: .58;
    position: relative
}

.v3-nav button.locked::after,
[data-view-jump].locked::after {
    content: attr(data-plan-required);
    margin-left: auto;
    font-size: 8px;
    letter-spacing: .05em;
    padding: 2px 5px;
    border: 1px solid rgba(255, 193, 63, .45);
    border-radius: 13px;
    color: #ffc13f;
    background: rgba(255, 193, 63, .07)
}

.v3-btn.locked {
    opacity: .6;
    filter: saturate(.65)
}

.drawing-tools button.active {
    color: #ffc13f !important;
    background: rgba(146, 82, 255, .12) !important;
    box-shadow: inset 2px 0 #8f5cff
}