:root {
    --dashboard-surface: #ffffff;
    --dashboard-muted: #f6f8fb;
    --dashboard-border: rgba(15, 23, 42, 0.08);
}

body {
    min-height: 100vh;
    background:
        radial-gradient(circle at top left, rgba(13, 110, 253, 0.12), transparent 30rem),
        linear-gradient(180deg, #f8fafc 0%, #eef2f7 100%);
}

.dashboard-shell {
    max-width: 1600px;
}

.dashboard-hero,
.metric-card,
.dashboard-card {
    background: rgba(255, 255, 255, 0.92);
    border: 1px solid var(--dashboard-border);
    backdrop-filter: blur(12px);
}

.metric-card {
    border-radius: 1.25rem;
}

.metric-label {
    color: #64748b;
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.metric-value {
    font-size: clamp(1.8rem, 4vw, 2.35rem);
    font-weight: 800;
    line-height: 1.1;
    margin-top: 0.65rem;
}

.metric-subtitle {
    color: #64748b;
    font-size: 0.9rem;
    margin-top: 0.65rem;
}

.dashboard-card {
    border-radius: 1.25rem;
    overflow: hidden;
}

.dashboard-card .card-header {
    padding: 1rem 1.25rem;
    border-bottom-color: var(--dashboard-border);
}

.table {
    --bs-table-bg: transparent;
}

.table thead th {
    color: #64748b;
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    white-space: nowrap;
}

.table td {
    white-space: nowrap;
}

.signal-item,
.risk-item,
.empty-state {
    background: var(--dashboard-muted);
    border: 1px solid var(--dashboard-border);
}

.empty-state {
    border-radius: 1rem;
    color: #64748b;
    padding: 1.25rem;
    text-align: center;
}

@media (max-width: 576px) {
    .dashboard-shell {
        padding-left: 0.75rem;
        padding-right: 0.75rem;
    }

    .metric-value {
        font-size: 1.55rem;
    }

    .dashboard-card .card-header {
        padding: 0.9rem 1rem;
    }
}


.dashboard-nav .btn {
    border-radius: 999px;
}

.market-universe-table td,
.market-universe-table th {
    vertical-align: middle;
}

.market-universe-table tbody tr:hover {
    background: rgba(13, 110, 253, 0.04);
}

@media (max-width: 768px) {
    .market-universe-table {
        min-width: 980px;
    }
}


.paper-trading-table td,
.paper-trading-table th {
    vertical-align: middle;
}

.paper-event-item {
    background: var(--dashboard-muted);
    border: 1px solid var(--dashboard-border);
}

.paper-trading-table tbody tr:hover {
    background: rgba(13, 110, 253, 0.04);
}

@media (max-width: 768px) {
    .paper-trading-table {
        min-width: 920px;
    }

    .paper-position-table,
    .paper-fills-table {
        min-width: 1180px;
    }

    .paper-orders-table,
    .paper-ledger-table {
        min-width: 1480px;
    }
}


.bot-control-table td,
.bot-control-table th {
    vertical-align: middle;
}

.bot-control-table tbody tr:hover {
    background: rgba(13, 110, 253, 0.04);
}

.bot-control-reason {
    max-width: 14rem;
}

.bot-control-event {
    background: var(--dashboard-muted);
    border: 1px solid var(--dashboard-border);
}

@media (max-width: 768px) {
    .bot-control-table {
        min-width: 820px;
    }

    .bot-control-symbol-table {
        min-width: 920px;
    }

    .bot-control-reason {
        max-width: 100%;
    }
}


/* PWA shell */

.pwa-update-banner:not([hidden]) {
    display: flex;
}

.mobile-topbar {
    background: rgba(255, 255, 255, 0.94);
    border: 1px solid var(--dashboard-border);
    border-radius: 999px;
    box-shadow: 0 0.75rem 2rem rgba(15, 23, 42, 0.08);
    padding: 0.45rem 0.55rem;
}

.mobile-brand {
    align-items: center;
    color: #0f172a;
    display: inline-flex;
    font-weight: 800;
    gap: 0.55rem;
    min-width: 0;
}

.mobile-brand span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.mobile-bottom-nav {
    background: rgba(255, 255, 255, 0.96);
    border: 1px solid var(--dashboard-border);
    border-radius: 1.35rem 1.35rem 0 0;
    bottom: 0;
    box-shadow: 0 -0.8rem 2rem rgba(15, 23, 42, 0.10);
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
    gap: 0.15rem;
    left: 0;
    padding: 0.5rem max(0.5rem, env(safe-area-inset-left)) calc(0.5rem + env(safe-area-inset-bottom)) max(0.5rem, env(safe-area-inset-right));
    position: fixed;
    right: 0;
    z-index: 1030;
}

.mobile-bottom-nav a {
    align-items: center;
    border-radius: 1rem;
    color: #64748b;
    display: flex;
    flex-direction: column;
    font-size: 1.1rem;
    font-weight: 700;
    gap: 0.1rem;
    min-width: 0;
    padding: 0.35rem 0.2rem;
    text-align: center;
    text-decoration: none;
}

.mobile-bottom-nav a.active {
    background: rgba(13, 110, 253, 0.12);
    color: #0d6efd;
}

.mobile-bottom-nav small {
    font-size: 0.65rem;
    line-height: 1;
}

@media (display-mode: standalone) {
    body {
        user-select: none;
        -webkit-tap-highlight-color: transparent;
    }
}

@media (max-width: 991.98px) {
    body {
        padding-bottom: calc(4.75rem + env(safe-area-inset-bottom));
    }

    .dashboard-shell {
        padding-top: max(1rem, env(safe-area-inset-top));
    }

    .dashboard-hero {
        border-radius: 1.25rem !important;
        padding: 1.2rem !important;
    }

    .dashboard-hero .display-6 {
        font-size: 1.75rem;
    }

    .table-responsive {
        border-radius: 1rem;
    }
}

@media (min-width: 992px) {
    .mobile-bottom-nav {
        display: none;
    }
}


/* Identity auth */

.auth-body {
    padding-bottom: 0;
}

.auth-page {
    min-height: calc(100vh - 8rem);
}

.auth-topbar {
    max-width: 28rem;
}

.auth-status {
    white-space: nowrap;
}

.auth-status .badge {
    max-width: 14rem;
    overflow: hidden;
    text-overflow: ellipsis;
}

.auth-denied-card {
    max-width: 42rem;
}

.validation-summary-valid {
    display: none;
}

@media (max-width: 991.98px) {
    .auth-body {
        padding-bottom: 0;
    }

    .auth-status .badge {
        display: none;
    }

    .auth-page {
        min-height: calc(100vh - 7rem);
    }
}

.report-filter-form {
    min-width: min(100%, 42rem);
}

.report-filter-form .form-control {
    background-color: rgba(255, 255, 255, 0.92);
}

@media (max-width: 991.98px) {
    .report-filter-form {
        width: 100%;
    }
}


/* Türkçe yardım ikonları */

.info-tip {
    cursor: help;
}

.info-tip::after {
    align-items: center;
    background: rgba(13, 110, 253, 0.10);
    border: 1px solid rgba(13, 110, 253, 0.25);
    border-radius: 999px;
    color: #0d6efd;
    content: "i";
    display: inline-flex;
    font-size: 0.68rem;
    font-weight: 800;
    height: 1rem;
    justify-content: center;
    line-height: 1;
    margin-left: 0.35rem;
    text-transform: lowercase;
    vertical-align: 0.1em;
    width: 1rem;
}

.mobile-bottom-nav .info-tip::after {
    height: 0.85rem;
    margin-left: 0.1rem;
    width: 0.85rem;
}


.financial-tooltip {
    --bs-tooltip-max-width: min(28rem, calc(100vw - 2rem));
    --bs-tooltip-opacity: 1;
}

.financial-tooltip .tooltip-inner {
    box-shadow: 0 1rem 2.5rem rgba(15, 23, 42, 0.24);
    font-size: 0.82rem;
    line-height: 1.45;
    padding: 0.7rem 0.85rem;
    text-align: left;
}


/* Başlangıç rehberi */

[data-onboarding-start] {
    white-space: nowrap;
}

.onboarding-tour-modal .modal-content {
    border-radius: 1.5rem;
}

.onboarding-tour-modal .modal-header {
    background: linear-gradient(135deg, rgba(13, 110, 253, 0.10), rgba(25, 135, 84, 0.08));
    border-bottom: 1px solid rgba(148, 163, 184, 0.18);
    border-radius: 1.5rem 1.5rem 0 0;
}

.onboarding-tour-modal .lead {
    color: #334155;
    font-size: 1rem;
    line-height: 1.65;
}

.onboarding-progress {
    background: rgba(13, 110, 253, 0.10);
    border-radius: 999px;
    height: 0.55rem;
    overflow: hidden;
}

.onboarding-progress-bar {
    background: linear-gradient(90deg, #0d6efd, #198754);
    border-radius: inherit;
    height: 100%;
    transition: width 180ms ease-in-out;
    width: 0;
}

.onboarding-tour-checklist {
    background: rgba(248, 250, 252, 0.96);
    border: 1px solid rgba(148, 163, 184, 0.22);
}

.onboarding-tour-checklist ul {
    color: #475569;
    padding-left: 1.15rem;
}

.onboarding-tour-checklist li + li {
    margin-top: 0.45rem;
}

.onboarding-tour-highlight {
    animation: onboarding-pulse 1.4s ease-in-out infinite;
    outline: 3px solid rgba(13, 110, 253, 0.55);
    outline-offset: 0.3rem;
    position: relative;
    z-index: 1041;
}

@keyframes onboarding-pulse {
    0%,
    100% {
        box-shadow: 0 0 0 0 rgba(13, 110, 253, 0.36);
    }

    50% {
        box-shadow: 0 0 0 0.65rem rgba(13, 110, 253, 0.06);
    }
}

@media (max-width: 575.98px) {
    .onboarding-tour-modal .modal-dialog {
        margin: 0.75rem;
    }

    .onboarding-tour-modal .modal-footer .btn {
        width: 100%;
    }

    [data-onboarding-start] {
        padding-left: 0.55rem;
        padding-right: 0.55rem;
    }
}


.strategy-ai-narrative pre {
    font-family: inherit;
    white-space: pre-wrap;
}

.strategy-advisor-table td,
.strategy-advisor-table th {
    min-width: 8rem;
}

.strategy-advisor-table td:nth-child(2) {
    min-width: 18rem;
}


/* Code Black & White inspired TradeCode app shell */
:root {
    --tradecode-black: #05070d;
    --tradecode-ink: #0f172a;
    --tradecode-panel: #101827;
    --tradecode-panel-2: #111b2d;
    --tradecode-card: rgba(255, 255, 255, 0.94);
    --tradecode-soft: #f6f8fb;
    --tradecode-border: rgba(15, 23, 42, 0.09);
    --tradecode-dark-border: rgba(255, 255, 255, 0.09);
    --tradecode-muted: #64748b;
    --tradecode-accent: #5b8dff;
    --tradecode-success: #22c55e;
    --tradecode-danger: #ef4444;
    --dashboard-surface: var(--tradecode-card);
    --dashboard-muted: var(--tradecode-soft);
    --dashboard-border: var(--tradecode-border);
}

.tradecode-app {
    min-height: 100vh;
    background:
        radial-gradient(circle at 0 0, rgba(91, 141, 255, 0.18), transparent 30rem),
        radial-gradient(circle at 100% 0, rgba(34, 197, 94, 0.10), transparent 28rem),
        linear-gradient(180deg, #f7fafc 0%, #eef2f7 100%);
    color: var(--tradecode-ink);
}

.tradecode-login-body {
    background:
        radial-gradient(circle at top left, rgba(91, 141, 255, 0.28), transparent 28rem),
        radial-gradient(circle at bottom right, rgba(34, 197, 94, 0.14), transparent 26rem),
        linear-gradient(140deg, #05070d 0%, #08111d 52%, #0f172a 100%);
}

.dashboard-shell {
    max-width: 1720px;
}

.tradecode-header {
    align-items: center;
    background:
        radial-gradient(circle at top left, rgba(91, 141, 255, 0.16), transparent 22rem),
        linear-gradient(135deg, rgba(5, 7, 13, 0.98), rgba(13, 21, 36, 0.96));
    border: 1px solid var(--tradecode-dark-border);
    border-radius: 1.6rem;
    box-shadow: 0 1.5rem 4rem rgba(15, 23, 42, 0.20);
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    padding: 0.85rem;
    position: sticky;
    top: 1rem;
    z-index: 1020;
}

.tradecode-login-header {
    max-width: 44rem;
    position: relative;
}

.tradecode-brand-lockup {
    align-items: center;
    display: inline-flex;
    gap: 0.85rem;
    min-width: 0;
}

.tradecode-brand-mark {
    align-items: center;
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.10);
    border-radius: 1.15rem;
    display: inline-flex;
    flex: 0 0 auto;
    height: 3.4rem;
    justify-content: center;
    width: 3.4rem;
}

.tradecode-brand-mark img {
    display: block;
    height: 2.5rem;
    object-fit: contain;
    width: 2.5rem;
}

.tradecode-brand-copy {
    display: grid;
    line-height: 1.05;
    min-width: 0;
}

.tradecode-brand-copy strong {
    color: #fff;
    font-size: 1.25rem;
    font-weight: 850;
    letter-spacing: -0.035em;
}

.tradecode-brand-copy small {
    color: rgba(255, 255, 255, 0.62);
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.tradecode-desktop-nav {
    align-items: center;
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.07);
    border-radius: 999px;
    gap: 0.2rem;
    max-width: min(100%, 66rem);
    overflow-x: auto;
    padding: 0.3rem;
    scrollbar-width: none;
}

.tradecode-desktop-nav::-webkit-scrollbar {
    display: none;
}

.tradecode-nav-link {
    align-items: center;
    border-radius: 999px;
    color: rgba(255, 255, 255, 0.76);
    display: inline-flex;
    font-size: 0.84rem;
    font-weight: 750;
    gap: 0.42rem;
    padding: 0.62rem 0.85rem;
    text-decoration: none;
    transition: background-color 0.18s ease, color 0.18s ease, transform 0.18s ease;
    white-space: nowrap;
}

.tradecode-nav-link:hover,
.tradecode-nav-link:focus-visible {
    background: rgba(255, 255, 255, 0.08);
    color: #fff;
    transform: translateY(-1px);
}

.tradecode-nav-link.active {
    background: #ffffff;
    color: #0f172a;
    box-shadow: 0 0.7rem 1.6rem rgba(0, 0, 0, 0.22);
}

.tradecode-header-actions {
    align-items: center;
    display: flex;
    flex: 0 0 auto;
    gap: 0.55rem;
}

.tradecode-status-pill {
    align-items: center;
    background: rgba(34, 197, 94, 0.12);
    border: 1px solid rgba(34, 197, 94, 0.26);
    border-radius: 999px;
    color: #90f0b7;
    display: inline-flex;
    font-size: 0.82rem;
    font-weight: 750;
    gap: 0.42rem;
    padding: 0.48rem 0.75rem;
    white-space: nowrap;
}

.tradecode-ghost-action {
    align-items: center;
    border-color: rgba(255, 255, 255, 0.14);
    color: rgba(255, 255, 255, 0.86);
    display: inline-flex;
    gap: 0.42rem;
    white-space: nowrap;
}

.tradecode-ghost-action:hover,
.tradecode-ghost-action:focus-visible {
    background: rgba(255, 255, 255, 0.10);
    border-color: rgba(255, 255, 255, 0.24);
    color: #ffffff;
}

.tradecode-menu-button {
    align-items: center;
    display: inline-flex;
    gap: 0.35rem;
}

.auth-status .badge {
    background: rgba(255, 255, 255, 0.09) !important;
    border-color: rgba(255, 255, 255, 0.12) !important;
    color: rgba(255, 255, 255, 0.88) !important;
}

.auth-status .btn-outline-danger {
    border-color: rgba(248, 113, 113, 0.38);
    color: #fecaca;
}

.auth-status .btn-outline-danger:hover,
.auth-status .btn-outline-danger:focus-visible {
    background: rgba(239, 68, 68, 0.15);
    color: #fff;
}

.tradecode-mobile-menu {
    background:
        radial-gradient(circle at top left, rgba(91, 141, 255, 0.18), transparent 20rem),
        linear-gradient(180deg, #05070d 0%, #0f172a 100%);
    color: #fff;
}

.tradecode-mobile-menu .offcanvas-header {
    border-bottom: 1px solid rgba(255, 255, 255, 0.09);
}

.tradecode-mobile-menu-list {
    display: grid;
    gap: 0.55rem;
}

.tradecode-mobile-menu-list a {
    align-items: center;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 1rem;
    color: rgba(255, 255, 255, 0.82);
    display: flex;
    font-weight: 760;
    gap: 0.75rem;
    padding: 0.85rem 1rem;
    text-decoration: none;
}

.tradecode-mobile-menu-list a.active,
.tradecode-mobile-menu-list a:hover,
.tradecode-mobile-menu-list a:focus-visible {
    background: rgba(255, 255, 255, 0.10);
    color: #ffffff;
}

/* Dashboard surfaces */
.dashboard-hero {
    background:
        radial-gradient(circle at top right, rgba(91, 141, 255, 0.14), transparent 26rem),
        linear-gradient(135deg, rgba(255, 255, 255, 0.98), rgba(249, 251, 255, 0.92));
    border: 1px solid rgba(15, 23, 42, 0.08);
    box-shadow: 0 1rem 3rem rgba(15, 23, 42, 0.10);
}

.dashboard-hero p:first-child {
    color: #0f172a !important;
    letter-spacing: 0.12em;
}

.dashboard-hero h1 {
    letter-spacing: -0.045em;
}

.metric-card,
.dashboard-card {
    background: rgba(255, 255, 255, 0.94);
    border: 1px solid rgba(15, 23, 42, 0.08);
    box-shadow: 0 1rem 2.4rem rgba(15, 23, 42, 0.08) !important;
}

.metric-card {
    transition: transform 0.18s ease, box-shadow 0.18s ease;
}

.metric-card:hover {
    box-shadow: 0 1.35rem 3rem rgba(15, 23, 42, 0.12) !important;
    transform: translateY(-2px);
}

.metric-label {
    color: #667085;
    letter-spacing: 0.11em;
}

.metric-value {
    color: #0f172a;
    letter-spacing: -0.04em;
}

.dashboard-card .card-header {
    background: linear-gradient(180deg, rgba(248, 250, 252, 0.90), rgba(255, 255, 255, 0.82)) !important;
}

.btn-primary {
    --bs-btn-bg: #05070d;
    --bs-btn-border-color: #05070d;
    --bs-btn-hover-bg: #111827;
    --bs-btn-hover-border-color: #111827;
    --bs-btn-active-bg: #111827;
    --bs-btn-active-border-color: #111827;
}

.btn-outline-primary {
    --bs-btn-color: #05070d;
    --bs-btn-border-color: rgba(15, 23, 42, 0.24);
    --bs-btn-hover-bg: #05070d;
    --bs-btn-hover-border-color: #05070d;
    --bs-btn-active-bg: #05070d;
    --bs-btn-active-border-color: #05070d;
}

.badge.text-bg-success,
.text-bg-success {
    background-color: rgba(34, 197, 94, 0.14) !important;
    color: #15803d !important;
    border: 1px solid rgba(34, 197, 94, 0.20);
}

.badge.text-bg-light,
.text-bg-light {
    background-color: rgba(248, 250, 252, 0.92) !important;
    color: #334155 !important;
}

.table thead th {
    color: #667085;
    letter-spacing: 0.08em;
}

.table-hover > tbody > tr:hover > * {
    --bs-table-bg-state: rgba(91, 141, 255, 0.045);
}

.empty-state,
.signal-item,
.risk-item,
.paper-event-item,
.bot-control-event {
    background: #f8fafc;
    border-color: rgba(15, 23, 42, 0.08);
}

/* Login */
.tradecode-login-body .dashboard-card {
    background: rgba(255, 255, 255, 0.97);
    border: 1px solid rgba(255, 255, 255, 0.18);
    box-shadow: 0 2rem 5rem rgba(0, 0, 0, 0.28) !important;
}

.tradecode-login-body .auth-page {
    min-height: calc(100vh - 10rem);
}

/* Mobile */
.mobile-bottom-nav {
    background: rgba(5, 7, 13, 0.96);
    border: 1px solid rgba(255, 255, 255, 0.10);
    box-shadow: 0 -1rem 2rem rgba(15, 23, 42, 0.24);
}

.mobile-bottom-nav a {
    color: rgba(255, 255, 255, 0.68);
}

.mobile-bottom-nav a.active,
.mobile-bottom-nav a:hover,
.mobile-bottom-nav a:focus-visible {
    color: #ffffff;
}

.mobile-bottom-nav i {
    display: block;
    font-size: 1.05rem;
    line-height: 1;
    margin-bottom: 0.18rem;
}

@media (max-width: 1399.98px) {
    .tradecode-header {
        align-items: flex-start;
        flex-wrap: wrap;
    }

    .tradecode-header-actions {
        margin-left: auto;
    }
}

@media (max-width: 1199.98px) {
    .tradecode-header {
        top: 0.75rem;
    }
}

@media (max-width: 767.98px) {
    .dashboard-shell {
        padding-left: 0.85rem;
        padding-right: 0.85rem;
        padding-bottom: 6.5rem !important;
    }

    .tradecode-header {
        border-radius: 1.25rem;
        gap: 0.75rem;
        padding: 0.7rem;
    }

    .tradecode-brand-mark {
        border-radius: 1rem;
        height: 2.9rem;
        width: 2.9rem;
    }

    .tradecode-brand-mark img {
        height: 2.1rem;
        width: 2.1rem;
    }

    .tradecode-brand-copy strong {
        font-size: 1.08rem;
    }

    .tradecode-brand-copy small {
        font-size: 0.68rem;
    }

    .tradecode-header-actions {
        gap: 0.4rem;
    }

    .tradecode-status-pill {
        display: none;
    }

    .auth-status .badge {
        display: none;
    }

    .dashboard-hero {
        padding: 1.25rem !important;
    }

    .metric-card,
    .dashboard-card {
        border-radius: 1rem;
    }

    .mobile-bottom-nav {
        border-radius: 1.25rem 1.25rem 0 0;
    }
}

@media (max-width: 575.98px) {
    .tradecode-header {
        position: relative;
        top: auto;
    }

    .tradecode-header-actions {
        width: 100%;
        justify-content: flex-end;
    }

    .tradecode-login-header .tradecode-status-pill {
        display: inline-flex;
    }
}


/* CompileFix12: Code Black & White-inspired dashboard inner cards */
.tradecode-command-center {
    align-items: stretch;
    background:
        radial-gradient(circle at 0 0, rgba(91, 141, 255, 0.18), transparent 24rem),
        radial-gradient(circle at 100% 0, rgba(34, 197, 94, 0.14), transparent 22rem),
        linear-gradient(135deg, #05070d 0%, #07111d 50%, #0f172a 100%);
    border: 1px solid rgba(255, 255, 255, 0.09);
    border-radius: 2rem;
    box-shadow: 0 2rem 5.5rem rgba(15, 23, 42, 0.26);
    color: #ffffff;
    display: grid;
    gap: 1.5rem;
    grid-template-columns: minmax(0, 1fr) minmax(26rem, 0.86fr);
    overflow: hidden;
    padding: clamp(1.2rem, 3vw, 2rem);
    position: relative;
}

.tradecode-command-center::after {
    background-image:
        linear-gradient(rgba(255, 255, 255, 0.035) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 255, 255, 0.035) 1px, transparent 1px);
    background-size: 2rem 2rem;
    content: "";
    inset: 0;
    opacity: 0.24;
    pointer-events: none;
    position: absolute;
}

.tradecode-command-copy,
.tradecode-command-preview {
    position: relative;
    z-index: 1;
}

.tradecode-command-copy {
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 28rem;
}

.tradecode-command-kicker {
    align-items: center;
    background: rgba(34, 197, 94, 0.11);
    border: 1px solid rgba(34, 197, 94, 0.24);
    border-radius: 999px;
    color: #8af0b2;
    display: inline-flex;
    font-size: 0.84rem;
    font-weight: 800;
    gap: 0.55rem;
    letter-spacing: 0.04em;
    margin-bottom: 1.1rem;
    padding: 0.55rem 0.85rem;
    text-transform: uppercase;
    width: fit-content;
}

.tradecode-command-copy h1 {
    font-size: clamp(2.45rem, 5vw, 4.8rem);
    font-weight: 900;
    letter-spacing: -0.06em;
    line-height: 0.97;
    margin: 0;
    max-width: 55rem;
}

.tradecode-command-copy p {
    color: rgba(234, 241, 251, 0.75);
    font-size: 1.04rem;
    line-height: 1.7;
    margin: 1.2rem 0 0;
    max-width: 48rem;
}

.tradecode-command-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    margin-top: 1.45rem;
}

.tradecode-command-center .btn-primary {
    --bs-btn-bg: #ffffff;
    --bs-btn-border-color: #ffffff;
    --bs-btn-color: #05070d;
    --bs-btn-hover-bg: #e8eef8;
    --bs-btn-hover-border-color: #e8eef8;
    --bs-btn-hover-color: #05070d;
}

.tradecode-command-center .btn-outline-primary {
    --bs-btn-color: rgba(255, 255, 255, 0.90);
    --bs-btn-border-color: rgba(255, 255, 255, 0.18);
    --bs-btn-hover-bg: rgba(255, 255, 255, 0.10);
    --bs-btn-hover-border-color: rgba(255, 255, 255, 0.28);
    --bs-btn-hover-color: #ffffff;
    --bs-btn-active-bg: rgba(255, 255, 255, 0.12);
    --bs-btn-active-border-color: rgba(255, 255, 255, 0.30);
}

.tradecode-command-proof {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem 1rem;
    margin-top: 1.4rem;
}

.tradecode-command-proof span {
    align-items: center;
    color: rgba(255, 255, 255, 0.78);
    display: inline-flex;
    font-size: 0.92rem;
    font-weight: 750;
    gap: 0.45rem;
}

.tradecode-command-proof i {
    color: #66df99;
}

.tradecode-command-preview {
    background:
        radial-gradient(circle at top right, rgba(91, 141, 255, 0.16), transparent 20rem),
        linear-gradient(180deg, rgba(13, 18, 28, 0.98), rgba(10, 14, 22, 0.95));
    border: 1px solid rgba(255, 255, 255, 0.10);
    border-radius: 1.65rem;
    box-shadow: 0 2rem 4.8rem rgba(0, 0, 0, 0.38);
    display: flex;
    flex-direction: column;
    min-height: 28rem;
    padding: 1.25rem;
}

.tradecode-preview-header,
.tradecode-preview-grid {
    align-items: center;
    display: flex;
    justify-content: space-between;
    gap: 1rem;
}

.tradecode-preview-header span,
.tradecode-preview-value span,
.tradecode-preview-grid span {
    color: rgba(228, 236, 248, 0.60);
    display: block;
    font-size: 0.82rem;
    font-weight: 750;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.tradecode-preview-header strong,
.tradecode-preview-value strong,
.tradecode-preview-grid strong {
    color: #ffffff;
}

.tradecode-live-pill {
    align-items: center;
    background: rgba(34, 197, 94, 0.12);
    border: 1px solid rgba(34, 197, 94, 0.25);
    border-radius: 999px;
    color: #9df2bd !important;
    display: inline-flex !important;
    gap: 0.4rem;
    padding: 0.42rem 0.7rem;
}

.tradecode-live-pill i {
    font-size: 0.48rem;
}

.tradecode-preview-value {
    margin: 1.25rem 0 0.9rem;
}

.tradecode-preview-value strong {
    display: block;
    font-size: clamp(1.7rem, 3vw, 2.5rem);
    letter-spacing: -0.045em;
}

.tradecode-preview-value small {
    color: rgba(157, 242, 189, 0.84);
}

.tradecode-preview-chart {
    background: linear-gradient(180deg, rgba(8, 15, 28, 0.92), rgba(5, 10, 18, 0.94));
    border: 1px solid rgba(255, 255, 255, 0.07);
    border-radius: 1.2rem;
    flex: 1;
    min-height: 12rem;
    overflow: hidden;
}

.tradecode-preview-chart svg {
    height: 100%;
    width: 100%;
}

.tradecode-preview-grid-lines {
    fill: none;
    stroke: rgba(255, 255, 255, 0.06);
    stroke-width: 1;
}

.tradecode-preview-line {
    fill: none;
    stroke: #5b8dff;
    stroke-linecap: round;
    stroke-width: 5;
}

.tradecode-preview-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin-top: 1rem;
}

.tradecode-preview-grid div {
    background: rgba(255, 255, 255, 0.045);
    border: 1px solid rgba(255, 255, 255, 0.075);
    border-radius: 1rem;
    padding: 0.85rem;
}

.tradecode-kpi-grid {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.tradecode-kpi-card {
    align-items: flex-start;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(248, 250, 252, 0.94));
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-radius: 1.45rem;
    box-shadow: 0 1.2rem 3rem rgba(15, 23, 42, 0.08);
    display: flex;
    gap: 1rem;
    min-height: 10rem;
    overflow: hidden;
    padding: 1.2rem;
    position: relative;
    transition: transform 0.18s ease, box-shadow 0.18s ease;
}

.tradecode-kpi-card::after {
    background: radial-gradient(circle, rgba(91, 141, 255, 0.12), transparent 60%);
    content: "";
    height: 10rem;
    pointer-events: none;
    position: absolute;
    right: -4rem;
    top: -4rem;
    width: 10rem;
}

.tradecode-kpi-card.primary {
    background:
        radial-gradient(circle at top right, rgba(91, 141, 255, 0.18), transparent 14rem),
        linear-gradient(135deg, #05070d, #111827);
    border-color: rgba(255, 255, 255, 0.10);
}

.tradecode-kpi-card.primary .metric-label,
.tradecode-kpi-card.primary .metric-subtitle {
    color: rgba(255, 255, 255, 0.62);
}

.tradecode-kpi-card.primary .metric-value {
    color: #ffffff;
}

.tradecode-kpi-card:hover {
    box-shadow: 0 1.45rem 3.4rem rgba(15, 23, 42, 0.12);
    transform: translateY(-2px);
}

.tradecode-kpi-icon {
    align-items: center;
    background: #05070d;
    border-radius: 1rem;
    color: #ffffff;
    display: inline-flex;
    flex: 0 0 auto;
    font-size: 1.35rem;
    height: 3rem;
    justify-content: center;
    width: 3rem;
}

.tradecode-kpi-icon.success {
    background: rgba(34, 197, 94, 0.13);
    color: #15803d;
}

.tradecode-kpi-icon.accent {
    background: rgba(91, 141, 255, 0.13);
    color: #335fd6;
}

.tradecode-kpi-icon.danger {
    background: rgba(239, 68, 68, 0.12);
    color: #dc2626;
}

.tradecode-panel-grid {
    display: grid;
    gap: 1rem;
    grid-template-columns: minmax(0, 1.25fr) minmax(22rem, 0.75fr);
}

.tradecode-panel {
    background: rgba(255, 255, 255, 0.96);
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-radius: 1.45rem;
    box-shadow: 0 1.2rem 3rem rgba(15, 23, 42, 0.08);
    overflow: hidden;
}

.tradecode-panel-wide {
    min-width: 0;
}

.tradecode-panel-header {
    align-items: center;
    background:
        linear-gradient(180deg, rgba(248, 250, 252, 0.92), rgba(255, 255, 255, 0.88));
    border-bottom: 1px solid rgba(15, 23, 42, 0.07);
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    padding: 1.05rem 1.2rem;
}

.tradecode-panel-header span {
    color: #64748b;
    display: block;
    font-size: 0.76rem;
    font-weight: 800;
    letter-spacing: 0.10em;
    text-transform: uppercase;
}

.tradecode-panel-header h2 {
    color: #0f172a;
    font-size: 1.05rem;
    font-weight: 850;
    letter-spacing: -0.02em;
    margin: 0.12rem 0 0;
}

.tradecode-count-badge {
    align-items: center;
    background: #f1f5f9;
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-radius: 999px;
    color: #334155 !important;
    display: inline-flex !important;
    font-size: 0.84rem !important;
    font-weight: 850 !important;
    justify-content: center;
    letter-spacing: 0 !important;
    min-width: 2.1rem;
    padding: 0.35rem 0.65rem;
    text-transform: none !important;
}

.tradecode-count-badge.success {
    background: rgba(34, 197, 94, 0.12);
    border-color: rgba(34, 197, 94, 0.22);
    color: #15803d !important;
}

.tradecode-count-badge.danger {
    background: rgba(239, 68, 68, 0.12);
    border-color: rgba(239, 68, 68, 0.22);
    color: #dc2626 !important;
}

.tradecode-panel-body {
    padding: 1.2rem;
}

.tradecode-table {
    --bs-table-bg: transparent;
}

.tradecode-table thead th {
    background: #f8fafc;
    border-bottom: 1px solid rgba(15, 23, 42, 0.08);
    color: #667085;
    font-size: 0.72rem;
    font-weight: 850;
    letter-spacing: 0.09em;
    padding: 0.85rem 1rem;
    text-transform: uppercase;
    white-space: nowrap;
}

.tradecode-table tbody td {
    border-bottom: 1px solid rgba(15, 23, 42, 0.06);
    color: #334155;
    padding: 1rem;
    white-space: nowrap;
}

.tradecode-table tbody tr:hover td {
    background: rgba(91, 141, 255, 0.045);
}

.tradecode-table tbody tr.tradecode-order-row > * {
    transition: background-color 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease;
}

.tradecode-table tbody tr.tradecode-order-row > td:first-child {
    box-shadow: inset 0.28rem 0 0 rgba(148, 163, 184, 0.52);
}

.tradecode-table .tradecode-order-status-icon-col,
.tradecode-table .tradecode-order-status-icon-cell {
    padding-left: 0.85rem;
    padding-right: 0.35rem;
    text-align: center;
    width: 2.5rem;
}

.tradecode-order-status-icon {
    align-items: center;
    border-radius: 999px;
    display: inline-flex;
    font-size: 1rem;
    height: 1.85rem;
    justify-content: center;
    width: 1.85rem;
}

.tradecode-table tbody tr.tradecode-order-row.order-status-success > * {
    background: rgba(34, 197, 94, 0.075) !important;
    border-bottom-color: rgba(34, 197, 94, 0.18) !important;
}

.tradecode-table tbody tr.tradecode-order-row.order-status-success > td:first-child {
    box-shadow: inset 0.28rem 0 0 rgba(34, 197, 94, 0.90);
}

.tradecode-table tbody tr.tradecode-order-row.order-status-success .tradecode-order-status-icon {
    background: rgba(34, 197, 94, 0.14);
    color: #16a34a;
}

.tradecode-table tbody tr.tradecode-order-row.order-status-error > * {
    background: rgba(239, 68, 68, 0.075) !important;
    border-bottom-color: rgba(239, 68, 68, 0.18) !important;
}

.tradecode-table tbody tr.tradecode-order-row.order-status-error > td:first-child {
    box-shadow: inset 0.28rem 0 0 rgba(239, 68, 68, 0.90);
}

.tradecode-table tbody tr.tradecode-order-row.order-status-error .tradecode-order-status-icon {
    background: rgba(239, 68, 68, 0.14);
    color: #dc2626;
}

.tradecode-table tbody tr.tradecode-order-row.order-status-sending > * {
    background: rgba(59, 130, 246, 0.070) !important;
    border-bottom-color: rgba(59, 130, 246, 0.18) !important;
}

.tradecode-table tbody tr.tradecode-order-row.order-status-sending > td:first-child {
    box-shadow: inset 0.28rem 0 0 rgba(59, 130, 246, 0.88);
}

.tradecode-table tbody tr.tradecode-order-row.order-status-sending .tradecode-order-status-icon {
    background: rgba(59, 130, 246, 0.14);
    color: #2563eb;
}

.tradecode-table tbody tr.tradecode-order-row.order-status-pending > * {
    background: rgba(245, 158, 11, 0.085) !important;
    border-bottom-color: rgba(245, 158, 11, 0.20) !important;
}

.tradecode-table tbody tr.tradecode-order-row.order-status-pending > td:first-child {
    box-shadow: inset 0.28rem 0 0 rgba(245, 158, 11, 0.92);
}

.tradecode-table tbody tr.tradecode-order-row.order-status-pending .tradecode-order-status-icon {
    background: rgba(245, 158, 11, 0.16);
    color: #d97706;
}

.tradecode-table tbody tr.tradecode-order-row.order-status-blocked > *,
.tradecode-table tbody tr.tradecode-order-row.order-status-muted > * {
    background: rgba(100, 116, 139, 0.065) !important;
    border-bottom-color: rgba(100, 116, 139, 0.16) !important;
}

.tradecode-table tbody tr.tradecode-order-row.order-status-blocked > td:first-child,
.tradecode-table tbody tr.tradecode-order-row.order-status-muted > td:first-child {
    box-shadow: inset 0.28rem 0 0 rgba(100, 116, 139, 0.82);
}

.tradecode-table tbody tr.tradecode-order-row.order-status-blocked .tradecode-order-status-icon,
.tradecode-table tbody tr.tradecode-order-row.order-status-muted .tradecode-order-status-icon {
    background: rgba(100, 116, 139, 0.14);
    color: #64748b;
}

.tradecode-table tbody tr.tradecode-order-row.tradecode-order-focused > * {
    box-shadow: inset 0 0 0 999px rgba(250, 204, 21, 0.08), inset 0 -1px 0 rgba(250, 204, 21, 0.28) !important;
}

.tradecode-table tbody tr.tradecode-order-row.tradecode-order-focused > td:first-child {
    box-shadow: inset 0.28rem 0 0 rgba(250, 204, 21, 0.95), inset 0 0 0 999px rgba(250, 204, 21, 0.08) !important;
}

.tradecode-table tbody tr.tradecode-order-row:hover > * {
    background: rgba(91, 141, 255, 0.115) !important;
}

.tradecode-symbol-cell {
    align-items: center;
    display: flex;
    gap: 0.75rem;
}

.tradecode-symbol-cell > span {
    align-items: center;
    background: #05070d;
    border-radius: 50%;
    color: #ffffff;
    display: inline-flex;
    flex: 0 0 auto;
    font-size: 0.82rem;
    font-weight: 900;
    height: 2.35rem;
    justify-content: center;
    width: 2.35rem;
}

.tradecode-symbol-cell.compact > span {
    height: 2rem;
    width: 2rem;
}

.tradecode-symbol-cell strong {
    color: #0f172a;
    display: block;
    line-height: 1.2;
}

.tradecode-symbol-cell small {
    color: #64748b;
    display: block;
    margin-top: 0.1rem;
}

.tradecode-feed-list {
    display: grid;
    gap: 0.8rem;
}

.tradecode-feed-item,
.tradecode-risk-ok,
.tradecode-empty-state {
    background:
        radial-gradient(circle at top right, rgba(91, 141, 255, 0.07), transparent 12rem),
        #f8fafc;
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-radius: 1.15rem;
    padding: 1rem;
}

.tradecode-feed-item.risk {
    background:
        radial-gradient(circle at top right, rgba(239, 68, 68, 0.08), transparent 12rem),
        #fff7f7;
}

.tradecode-feed-topline {
    align-items: flex-start;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
}

.tradecode-feed-topline strong {
    color: #0f172a;
    display: block;
}

.tradecode-feed-topline small,
.tradecode-feed-item p,
.tradecode-feed-metrics span {
    color: #64748b;
}

.tradecode-feed-item p {
    font-size: 0.92rem;
    line-height: 1.55;
    margin: 0.75rem 0;
}

.tradecode-feed-metrics {
    display: flex;
    flex-wrap: wrap;
    gap: 0.55rem;
}

.tradecode-feed-metrics span {
    background: #ffffff;
    border: 1px solid rgba(15, 23, 42, 0.07);
    border-radius: 999px;
    font-size: 0.78rem;
    padding: 0.35rem 0.55rem;
}

.tradecode-feed-metrics strong {
    color: #0f172a;
}

.tradecode-risk-ok,
.tradecode-empty-state {
    align-items: center;
    display: grid;
    gap: 0.35rem;
    min-height: 12rem;
    place-items: center;
    text-align: center;
}

.tradecode-risk-ok {
    background:
        radial-gradient(circle at top, rgba(34, 197, 94, 0.11), transparent 12rem),
        #f8fafc;
}

.tradecode-risk-ok i,
.tradecode-empty-state i {
    align-items: center;
    background: #05070d;
    border-radius: 1rem;
    color: #ffffff;
    display: inline-flex;
    font-size: 1.45rem;
    height: 3.2rem;
    justify-content: center;
    width: 3.2rem;
}

.tradecode-risk-ok i {
    background: rgba(34, 197, 94, 0.15);
    color: #15803d;
}

.tradecode-risk-ok strong,
.tradecode-empty-state strong {
    color: #0f172a;
}

.tradecode-risk-ok span,
.tradecode-empty-state span {
    color: #64748b;
    max-width: 26rem;
}

@media (max-width: 1399.98px) {
    .tradecode-kpi-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .tradecode-panel-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 1199.98px) {
    .tradecode-command-center {
        grid-template-columns: 1fr;
    }

    .tradecode-command-copy {
        min-height: auto;
    }

    .tradecode-command-preview {
        min-height: 24rem;
    }
}

@media (max-width: 767.98px) {
    .tradecode-command-center {
        border-radius: 1.35rem;
        padding: 1rem;
    }

    .tradecode-command-copy h1 {
        font-size: clamp(2.15rem, 12vw, 3rem);
    }

    .tradecode-command-actions .btn {
        width: 100%;
    }

    .tradecode-preview-header,
    .tradecode-chart-header,
    .tradecode-feed-topline {
        align-items: stretch;
        flex-direction: column;
    }

    .tradecode-preview-grid,
    .tradecode-kpi-grid {
        grid-template-columns: 1fr;
    }

    .tradecode-kpi-card,
    .tradecode-panel {
        border-radius: 1.15rem;
    }

    .tradecode-panel-header {
        align-items: flex-start;
    }

    .tradecode-table {
        min-width: 860px;
    }
}

@media (max-width: 575.98px) {
    .tradecode-command-kicker {
        border-radius: 1rem;
        white-space: normal;
    }

    .tradecode-preview-value strong {
        font-size: 1.6rem;
        overflow-wrap: anywhere;
    }

    .tradecode-kpi-card {
        flex-direction: column;
    }
}


/* CompileFix13: Orders, Wallet and Reports corporate card system */
.tradecode-command-center.tradecode-page-hero {
    grid-template-columns: minmax(0, 1fr) minmax(24rem, 0.72fr);
}

.tradecode-page-hero .tradecode-command-copy {
    min-height: 18rem;
}

.tradecode-page-hero .tradecode-command-preview {
    min-height: 18rem;
}

.tradecode-page-hero .tradecode-command-copy h1 {
    font-size: clamp(2.15rem, 4.4vw, 3.7rem);
    max-width: 50rem;
}

.tradecode-filter-preview {
    justify-content: space-between;
}

.tradecode-filter-grid {
    display: grid;
    gap: 0.9rem;
    margin-top: 1.2rem;
}

.tradecode-filter-grid .form-label {
    color: rgba(228, 236, 248, 0.72);
    font-size: 0.78rem;
    font-weight: 850;
    letter-spacing: 0.08em;
    margin-bottom: 0.45rem;
    text-transform: uppercase;
}

.tradecode-filter-grid .form-control,
.tradecode-filter-grid .form-select {
    background-color: rgba(255, 255, 255, 0.07);
    border-color: rgba(255, 255, 255, 0.12);
    color: #ffffff;
}

.tradecode-filter-grid .form-control::placeholder {
    color: rgba(255, 255, 255, 0.42);
}

.tradecode-filter-grid .form-select option {
    color: #0f172a;
}

.tradecode-filter-actions {
    align-items: end;
    display: flex;
    gap: 0.65rem;
}

.tradecode-filter-actions .btn {
    width: 100%;
}

.tradecode-panel .paper-trading-table {
    --bs-table-bg: transparent;
    margin-bottom: 0 !important;
}

.tradecode-panel .paper-trading-table thead th {
    background: #f8fafc;
    border-bottom: 1px solid rgba(15, 23, 42, 0.08);
    color: #667085;
    font-size: 0.72rem;
    font-weight: 850;
    letter-spacing: 0.09em;
    padding: 0.85rem 1rem;
    text-transform: uppercase;
    white-space: nowrap;
}

.tradecode-panel .paper-trading-table tbody td {
    border-bottom: 1px solid rgba(15, 23, 42, 0.06);
    color: #334155;
    padding: 1rem;
    white-space: nowrap;
}

.tradecode-panel .paper-trading-table tbody tr:hover td {
    background: rgba(91, 141, 255, 0.045);
}

.tradecode-panel .btn-outline-secondary {
    --bs-btn-color: #334155;
    --bs-btn-border-color: rgba(15, 23, 42, 0.14);
    --bs-btn-hover-bg: #05070d;
    --bs-btn-hover-border-color: #05070d;
    --bs-btn-hover-color: #ffffff;
    border-radius: 999px;
    font-weight: 800;
}

.tradecode-command-center .tradecode-preview-grid.mt-3 {
    display: grid;
}

@media (max-width: 1199.98px) {
    .tradecode-command-center.tradecode-page-hero {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 767.98px) {
    .tradecode-page-hero .tradecode-command-copy,
    .tradecode-page-hero .tradecode-command-preview {
        min-height: auto;
    }

    .tradecode-filter-actions {
        align-items: stretch;
        flex-direction: column;
    }
}


/* CompileFix15 - TradeCode CBW command screens: Market Universe, Bot Control, Strategy Advisor */
.tradecode-screen {
    display: grid;
    gap: 1rem;
}

.tradecode-screen .tradecode-command-hero {
    position: relative;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    background:
        radial-gradient(circle at 15% 0%, rgba(24, 183, 104, 0.18), transparent 30%),
        radial-gradient(circle at 90% 10%, rgba(83, 128, 255, 0.18), transparent 34%),
        linear-gradient(135deg, #05070d 0%, #0a1220 48%, #101827 100%) !important;
    box-shadow: 0 28px 80px rgba(5, 8, 13, 0.28);
    color: #f8fafc;
}

.tradecode-screen .tradecode-command-hero::before {
    content: "";
    position: absolute;
    inset: 0;
    background-image:
        linear-gradient(rgba(255, 255, 255, 0.035) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 255, 255, 0.035) 1px, transparent 1px);
    background-size: 2.1rem 2.1rem;
    mask-image: linear-gradient(90deg, #000 0%, transparent 75%);
    pointer-events: none;
}

.tradecode-screen .tradecode-command-hero::after {
    content: "TradeCode";
    position: absolute;
    right: 1.5rem;
    bottom: -1rem;
    color: rgba(255, 255, 255, 0.035);
    font-size: clamp(4rem, 10vw, 9rem);
    font-weight: 900;
    letter-spacing: -0.08em;
    line-height: 1;
    pointer-events: none;
}

.tradecode-screen .tradecode-command-hero > * {
    position: relative;
    z-index: 1;
}

.tradecode-screen .tradecode-command-hero h1,
.tradecode-screen .tradecode-command-hero .display-6,
.tradecode-screen .tradecode-command-hero .fw-semibold {
    color: #ffffff !important;
}

.tradecode-screen .tradecode-command-hero p,
.tradecode-screen .tradecode-command-hero .text-body-secondary,
.tradecode-screen .tradecode-command-hero .small {
    color: rgba(226, 232, 240, 0.74) !important;
}

.tradecode-screen .tradecode-command-hero .text-uppercase {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    width: fit-content;
    padding: 0.42rem 0.72rem;
    border-radius: 999px;
    border: 1px solid rgba(74, 222, 128, 0.2);
    background: rgba(34, 197, 94, 0.11);
    color: #86efac !important;
    letter-spacing: 0.08em;
}

.tradecode-screen .tradecode-command-hero .text-uppercase::before {
    content: "";
    width: 0.48rem;
    height: 0.48rem;
    border-radius: 999px;
    background: #22c55e;
    box-shadow: 0 0 0 0.25rem rgba(34, 197, 94, 0.12);
}

.tradecode-screen .tradecode-command-hero .btn,
.tradecode-screen .tradecode-filter-card .btn,
.tradecode-screen .tradecode-panel-card .btn {
    border-radius: 999px;
    font-weight: 700;
}

.tradecode-screen .tradecode-command-hero .btn-outline-primary {
    border-color: rgba(255, 255, 255, 0.18);
    color: #ffffff;
    background: rgba(255, 255, 255, 0.06);
}

.tradecode-screen .tradecode-command-hero .btn-outline-primary:hover,
.tradecode-screen .tradecode-command-hero .btn-outline-primary:focus-visible {
    border-color: rgba(255, 255, 255, 0.34);
    background: rgba(255, 255, 255, 0.12);
}

.tradecode-screen .tradecode-filter-card,
.tradecode-screen .tradecode-panel-card,
.tradecode-screen .tradecode-kpi-card {
    border: 1px solid rgba(15, 23, 42, 0.08) !important;
    border-radius: 1.35rem !important;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(248, 250, 252, 0.98)) !important;
    box-shadow: 0 18px 50px rgba(15, 23, 42, 0.08) !important;
}

.tradecode-screen .tradecode-filter-card .card-header,
.tradecode-screen .tradecode-panel-card .card-header {
    border-bottom-color: rgba(15, 23, 42, 0.08);
}

.tradecode-screen .form-control,
.tradecode-screen .form-select,
.tradecode-screen .input-group-text {
    border-radius: 0.95rem;
    border-color: rgba(15, 23, 42, 0.12);
    background-color: #f8fafc;
}

.tradecode-screen .input-group .form-control {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.tradecode-screen .input-group .input-group-text {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.tradecode-screen .form-label {
    color: #111827;
    font-weight: 700;
}

.tradecode-screen .form-text,
.tradecode-screen .metric-subtitle,
.tradecode-screen .text-body-secondary {
    color: #64748b !important;
}

.tradecode-screen .metric-card.tradecode-kpi-card {
    position: relative;
    overflow: hidden;
}

.tradecode-screen .metric-card.tradecode-kpi-card::after {
    content: "";
    position: absolute;
    right: -1.5rem;
    bottom: -1.75rem;
    width: 7rem;
    height: 7rem;
    border-radius: 50%;
    background:
        radial-gradient(circle, rgba(37, 99, 235, 0.14), rgba(37, 99, 235, 0));
    pointer-events: none;
}

.tradecode-screen .metric-label {
    color: #64748b;
    font-size: 0.78rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.tradecode-screen .metric-value {
    color: #0f172a;
    font-size: clamp(1.65rem, 3vw, 2.35rem);
    letter-spacing: -0.045em;
}

.tradecode-screen .table-responsive {
    border-radius: 1.15rem;
    border: 1px solid rgba(15, 23, 42, 0.08);
    overflow: auto;
    background: #ffffff;
}

.tradecode-screen .table {
    margin-bottom: 0;
    vertical-align: middle;
}

.tradecode-screen .table thead th {
    color: #64748b;
    background: #f8fafc;
    border-bottom: 1px solid rgba(15, 23, 42, 0.08);
    font-size: 0.76rem;
    font-weight: 800;
    letter-spacing: 0.07em;
    text-transform: uppercase;
    white-space: nowrap;
}

.tradecode-screen .table tbody td {
    color: #172033;
    border-color: rgba(15, 23, 42, 0.065);
}

.tradecode-screen .table tbody tr:hover {
    background: rgba(37, 99, 235, 0.035);
}

.tradecode-screen .badge {
    border-radius: 999px;
    font-weight: 800;
}

.tradecode-screen .alert {
    border-radius: 1.15rem;
    border: 1px solid rgba(15, 23, 42, 0.08);
}

.tradecode-screen .list-group,
.tradecode-screen .list-group-item {
    border-color: rgba(15, 23, 42, 0.08);
}

.tradecode-screen .list-group-item {
    background: rgba(248, 250, 252, 0.76);
}

.tradecode-bot-screen form,
.tradecode-advisor-screen form {
    min-width: 0;
}

.tradecode-bot-screen .bot-control-reason {
    min-width: min(18rem, 55vw);
}

.tradecode-advisor-screen .tradecode-panel-card:first-child {
    background:
        radial-gradient(circle at top right, rgba(37, 99, 235, 0.08), transparent 30%),
        #ffffff !important;
}

.tradecode-advisor-screen textarea.form-control {
    min-height: 7rem;
}

.tradecode-market-screen .table tbody td:first-child,
.tradecode-bot-screen .table tbody td:first-child,
.tradecode-advisor-screen .table tbody td:first-child {
    font-weight: 800;
}

@media (max-width: 991.98px) {
    .tradecode-screen .tradecode-command-hero::after {
        display: none;
    }

    .tradecode-screen .tradecode-command-hero {
        border-radius: 1.35rem !important;
    }

    .tradecode-screen .table {
        min-width: 54rem;
    }
}

@media (max-width: 575.98px) {
    .tradecode-screen .tradecode-command-hero,
    .tradecode-screen .tradecode-filter-card .card-body,
    .tradecode-screen .tradecode-panel-card .card-body,
    .tradecode-screen .tradecode-kpi-card .card-body {
        padding: 1rem !important;
    }

    .tradecode-screen .tradecode-command-hero h1,
    .tradecode-screen .tradecode-command-hero .display-6 {
        font-size: 2.05rem;
        line-height: 1.05;
    }

    .tradecode-screen .metric-value {
        font-size: 1.65rem;
    }

    .tradecode-bot-screen .bot-control-reason {
        min-width: 0;
        width: 100%;
    }
}


/* CompileFix16: public landing before login + CBW premium alignment */
.tradecode-public-body {
    min-height: 100vh;
    background:
        radial-gradient(circle at 7% -10%, rgba(83, 128, 255, 0.18), transparent 28rem),
        radial-gradient(circle at 94% 0%, rgba(34, 197, 94, 0.11), transparent 30rem),
        linear-gradient(180deg, #f7fafc 0%, #eef3f8 100%);
    color: #111827;
    font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.tradecode-public-shell {
    margin-inline: auto;
    max-width: 1840px;
    padding: clamp(1rem, 2.2vw, 2.4rem);
}

.tradecode-public-topbar {
    align-items: center;
    background:
        radial-gradient(circle at top left, rgba(91, 141, 255, 0.12), transparent 18rem),
        linear-gradient(135deg, rgba(5, 7, 13, 0.98), rgba(10, 16, 28, 0.96));
    border: 1px solid rgba(255, 255, 255, 0.09);
    border-radius: 1.75rem;
    box-shadow: 0 1.8rem 5rem rgba(15, 23, 42, 0.22);
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    margin-bottom: 1.25rem;
    padding: 0.85rem;
    position: sticky;
    top: 1rem;
    z-index: 30;
}

.tradecode-public-brand {
    align-items: center;
    color: #ffffff;
    display: inline-flex;
    gap: 0.9rem;
    min-width: 0;
    text-decoration: none;
}

.tradecode-public-brand:hover {
    color: #ffffff;
}

.tradecode-public-logo {
    align-items: center;
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.10);
    border-radius: 1.15rem;
    display: grid;
    height: 3.6rem;
    place-items: center;
    width: 3.6rem;
}

.tradecode-public-logo img {
    height: 2.65rem;
    object-fit: contain;
    width: 2.65rem;
}

.tradecode-public-brand strong {
    color: #ffffff;
    display: block;
    font-size: 1.35rem;
    font-weight: 900;
    letter-spacing: -0.04em;
    line-height: 1;
}

.tradecode-public-brand small {
    color: rgba(255, 255, 255, 0.68);
    display: block;
    font-size: 0.78rem;
    font-weight: 800;
    letter-spacing: 0.10em;
    text-transform: uppercase;
}

.tradecode-public-nav {
    align-items: center;
    display: flex;
    gap: 0.35rem;
    overflow-x: auto;
    scrollbar-width: none;
}

.tradecode-public-nav::-webkit-scrollbar {
    display: none;
}

.tradecode-public-nav a {
    border-radius: 999px;
    color: rgba(255, 255, 255, 0.74);
    flex: 0 0 auto;
    font-size: 0.92rem;
    font-weight: 750;
    padding: 0.74rem 0.95rem;
    text-decoration: none;
}

.tradecode-public-nav a:hover,
.tradecode-public-nav a:focus-visible {
    background: rgba(255, 255, 255, 0.07);
    color: #ffffff;
}

.tradecode-public-nav .tradecode-public-login {
    background: #ffffff;
    color: #05070d;
    margin-left: 0.4rem;
}

.tradecode-public-hero {
    align-items: stretch;
    background:
        radial-gradient(circle at 4% 0, rgba(34, 197, 94, 0.16), transparent 24rem),
        radial-gradient(circle at 100% 0, rgba(91, 141, 255, 0.17), transparent 28rem),
        linear-gradient(135deg, #04070d 0%, #07111d 52%, #0d1728 100%);
    border: 1px solid rgba(255, 255, 255, 0.10);
    border-radius: 2.25rem;
    box-shadow: 0 2.4rem 6.5rem rgba(15, 23, 42, 0.28);
    color: #ffffff;
    display: grid;
    gap: clamp(1.4rem, 3vw, 3rem);
    grid-template-columns: minmax(0, 0.95fr) minmax(34rem, 1.05fr);
    min-height: 42rem;
    overflow: hidden;
    padding: clamp(1.35rem, 3vw, 3rem);
    position: relative;
}

.tradecode-public-hero::after {
    background-image:
        linear-gradient(rgba(255, 255, 255, 0.035) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 255, 255, 0.035) 1px, transparent 1px);
    background-size: 2rem 2rem;
    content: "";
    inset: 0;
    opacity: 0.22;
    pointer-events: none;
    position: absolute;
}

.tradecode-public-hero-copy,
.tradecode-public-visual {
    position: relative;
    z-index: 1;
}

.tradecode-public-hero-copy {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.tradecode-public-kicker,
.tradecode-public-eyebrow {
    align-items: center;
    background: rgba(34, 197, 94, 0.12);
    border: 1px solid rgba(34, 197, 94, 0.26);
    border-radius: 999px;
    color: #8af0b2;
    display: inline-flex;
    font-size: 0.86rem;
    font-weight: 850;
    gap: 0.55rem;
    letter-spacing: 0.04em;
    margin-bottom: 1.25rem;
    padding: 0.55rem 0.85rem;
    text-transform: uppercase;
    width: fit-content;
}

.tradecode-public-hero h1 {
    color: #ffffff;
    font-size: clamp(3.25rem, 5.9vw, 6rem);
    font-weight: 950;
    letter-spacing: -0.065em;
    line-height: 0.94;
    margin: 0;
    max-width: 58rem;
}

.tradecode-public-hero p {
    color: rgba(236, 244, 255, 0.76);
    font-size: clamp(1rem, 1.2vw, 1.18rem);
    line-height: 1.72;
    margin: 1.35rem 0 0;
    max-width: 48rem;
}

.tradecode-public-actions,
.tradecode-public-proof {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    margin-top: 1.55rem;
}

.tradecode-public-actions .btn {
    border-radius: 1rem;
    font-weight: 850;
    min-height: 3.25rem;
    padding-inline: 1.25rem;
}

.tradecode-public-actions .btn-outline-light {
    background: rgba(255, 255, 255, 0.03);
    border-color: rgba(255, 255, 255, 0.18);
}

.tradecode-public-proof {
    gap: 1rem 1.35rem;
    margin-top: 1.75rem;
}

.tradecode-public-proof span {
    align-items: center;
    color: rgba(255, 255, 255, 0.82);
    display: inline-flex;
    font-weight: 750;
    gap: 0.45rem;
}

.tradecode-public-proof i {
    color: #52db8a;
}

.tradecode-public-visual {
    align-items: center;
    display: flex;
}

.tradecode-public-window {
    background:
        radial-gradient(circle at top right, rgba(91, 141, 255, 0.14), transparent 18rem),
        linear-gradient(180deg, rgba(15, 23, 42, 0.96), rgba(5, 10, 18, 0.96));
    border: 1px solid rgba(255, 255, 255, 0.11);
    border-radius: 1.75rem;
    box-shadow: 0 2.2rem 6rem rgba(0, 0, 0, 0.36);
    padding: 1.2rem;
    width: 100%;
}

.tradecode-public-window-head,
.tradecode-public-mini-brand,
.tradecode-public-tabs,
.tradecode-public-market div {
    align-items: center;
    display: flex;
}

.tradecode-public-window-head {
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1rem;
}

.tradecode-public-mini-brand {
    color: #ffffff;
    gap: 0.6rem;
}

.tradecode-public-window-head > span {
    align-items: center;
    background: rgba(34, 197, 94, 0.12);
    border: 1px solid rgba(34, 197, 94, 0.24);
    border-radius: 999px;
    color: #9df2bd;
    display: inline-flex;
    font-weight: 850;
    gap: 0.4rem;
    padding: 0.42rem 0.7rem;
    text-transform: uppercase;
}

.tradecode-public-window-head i {
    font-size: 0.5rem;
}

.tradecode-public-tabs {
    gap: 0.35rem;
    margin-bottom: 1rem;
    overflow-x: auto;
    scrollbar-width: none;
}

.tradecode-public-tabs::-webkit-scrollbar {
    display: none;
}

.tradecode-public-tabs span {
    border-radius: 999px;
    color: rgba(255, 255, 255, 0.58);
    flex: 0 0 auto;
    font-size: 0.78rem;
    font-weight: 800;
    padding: 0.55rem 0.75rem;
}

.tradecode-public-tabs .active {
    background: rgba(255, 255, 255, 0.08);
    color: #ffffff;
}

.tradecode-public-stat-grid {
    display: grid;
    gap: 0.85rem;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin-bottom: 0.85rem;
}

.tradecode-public-stat-grid article,
.tradecode-public-market,
.tradecode-public-chart {
    background: rgba(255, 255, 255, 0.045);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 1.1rem;
}

.tradecode-public-stat-grid article {
    padding: 0.95rem;
}

.tradecode-public-stat-grid span,
.tradecode-public-market span,
.advisor-card span {
    color: rgba(228, 236, 248, 0.60);
    display: block;
    font-size: 0.76rem;
    font-weight: 850;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.tradecode-public-stat-grid strong {
    color: #ffffff;
    display: block;
    font-size: clamp(1.2rem, 1.6vw, 1.75rem);
    line-height: 1.1;
    margin: 0.35rem 0;
}

.tradecode-public-stat-grid small {
    color: #8af0b2;
}

.tradecode-public-chart {
    height: 18rem;
    overflow: hidden;
}

.tradecode-public-chart svg {
    height: 100%;
    width: 100%;
}

.tradecode-public-market {
    display: grid;
    gap: 0.75rem;
    margin-top: 0.85rem;
    padding: 0.95rem;
}

.tradecode-public-market div {
    display: grid;
    grid-template-columns: 1fr auto auto;
    gap: 0.8rem;
}

.tradecode-public-market strong {
    color: #ffffff;
}

.tradecode-public-market em {
    font-style: normal;
    font-weight: 850;
}

.tradecode-public-market .up {
    color: #52db8a;
}

.tradecode-public-market .down {
    color: #ff7a7a;
}

.tradecode-public-modules,
.tradecode-public-advisor,
.tradecode-public-security {
    margin-top: 1.25rem;
}

.tradecode-public-modules {
    background: #ffffff;
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-radius: 2rem;
    box-shadow: 0 1.6rem 4.2rem rgba(15, 23, 42, 0.09);
    padding: clamp(1.25rem, 2.3vw, 2.2rem);
}

.tradecode-public-section-head {
    max-width: 64rem;
}

.tradecode-public-section-head > span {
    color: #2563eb;
    font-size: 0.84rem;
    font-weight: 900;
    letter-spacing: 0.10em;
    text-transform: uppercase;
}

.tradecode-public-section-head h2,
.tradecode-public-advisor h2 {
    color: #0f172a;
    font-size: clamp(2rem, 4vw, 3.4rem);
    font-weight: 950;
    letter-spacing: -0.055em;
    line-height: 0.98;
    margin: 0.55rem 0 0;
}

.tradecode-public-section-head p,
.tradecode-public-advisor p,
.tradecode-public-module-grid span,
.tradecode-public-security span,
.advisor-card small {
    color: #667085;
}

.tradecode-public-module-grid {
    display: grid;
    gap: 0.95rem;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    margin-top: 1.35rem;
}

.tradecode-public-module-grid article {
    background: #f8fafc;
    border: 1px solid rgba(15, 23, 42, 0.07);
    border-radius: 1.25rem;
    padding: 1.05rem;
}

.tradecode-public-module-grid i {
    color: #05070d;
    font-size: 1.6rem;
}

.tradecode-public-module-grid strong {
    color: #111827;
    display: block;
    margin: 0.75rem 0 0.35rem;
}

.tradecode-public-advisor {
    align-items: stretch;
    background: #ffffff;
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-radius: 2rem;
    box-shadow: 0 1.6rem 4.2rem rgba(15, 23, 42, 0.09);
    display: grid;
    gap: 1.25rem;
    grid-template-columns: minmax(0, 0.95fr) minmax(28rem, 1.05fr);
    padding: clamp(1.25rem, 2.3vw, 2.2rem);
}

.tradecode-public-advisor .tradecode-public-eyebrow {
    background: rgba(37, 99, 235, 0.10);
    border-color: rgba(37, 99, 235, 0.18);
    color: #1d4ed8;
}

.tradecode-public-advisor-orbit {
    background:
        radial-gradient(circle at center, rgba(37, 99, 235, 0.10) 0%, rgba(37, 99, 235, 0.04) 24%, transparent 25%),
        radial-gradient(circle at center, rgba(37, 99, 235, 0.10) 0%, rgba(37, 99, 235, 0.04) 45%, transparent 46%),
        radial-gradient(circle at center, rgba(37, 99, 235, 0.10) 0%, rgba(37, 99, 235, 0.04) 63%, transparent 64%),
        linear-gradient(180deg, #f8fbff, #ffffff);
    border: 1px solid rgba(15, 23, 42, 0.07);
    border-radius: 1.5rem;
    min-height: 24rem;
    position: relative;
}

.tradecode-public-orbit-logo {
    background: #05070d;
    border-radius: 50%;
    box-shadow: 0 1.4rem 3rem rgba(15, 23, 42, 0.2);
    display: grid;
    height: 7rem;
    left: 50%;
    place-items: center;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 7rem;
}

.tradecode-public-orbit-logo img {
    height: 4.5rem;
    object-fit: contain;
    width: 4.5rem;
}

.advisor-card {
    background: #ffffff;
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-radius: 1rem;
    box-shadow: 0 1rem 2.5rem rgba(15, 23, 42, 0.12);
    min-width: 11rem;
    padding: 0.95rem;
    position: absolute;
}

.advisor-card strong {
    color: #111827;
    display: block;
    margin: 0.25rem 0;
}

.advisor-a {
    bottom: 2rem;
    left: 1.5rem;
}

.advisor-b {
    right: 1.5rem;
    top: 1.5rem;
}

.advisor-c {
    bottom: 1.5rem;
    right: 1.5rem;
}

.tradecode-public-security {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.tradecode-public-security article {
    align-items: flex-start;
    background: #ffffff;
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-radius: 1.5rem;
    box-shadow: 0 1rem 2.8rem rgba(15, 23, 42, 0.07);
    display: flex;
    gap: 1rem;
    padding: 1.3rem;
}

.tradecode-public-security i {
    align-items: center;
    background: #05070d;
    border-radius: 1rem;
    color: #ffffff;
    display: inline-flex;
    flex: 0 0 auto;
    font-size: 1.45rem;
    height: 3.2rem;
    justify-content: center;
    width: 3.2rem;
}

.tradecode-public-security strong {
    color: #111827;
    display: block;
    margin-bottom: 0.25rem;
}

/* Authenticated app: wider, less centered, stronger CBW contrast */
.tradecode-authenticated.tradecode-app {
    background:
        radial-gradient(circle at -4% 0, rgba(91, 141, 255, 0.16), transparent 34rem),
        radial-gradient(circle at 104% 0, rgba(34, 197, 94, 0.10), transparent 31rem),
        linear-gradient(180deg, #f5f8fc 0%, #edf2f8 100%);
}

.tradecode-authenticated .dashboard-shell {
    max-width: none !important;
    width: 100%;
    padding-left: clamp(0.85rem, 1.7vw, 2rem) !important;
    padding-right: clamp(0.85rem, 1.7vw, 2rem) !important;
    padding-top: clamp(0.85rem, 1.4vw, 1.45rem) !important;
}

.tradecode-authenticated .tradecode-header {
    border-radius: 1.35rem;
    box-shadow: 0 1.25rem 3.5rem rgba(15, 23, 42, 0.20);
    margin-left: 0;
    margin-right: 0;
    padding: 0.72rem;
    width: 100%;
}

.tradecode-authenticated .tradecode-desktop-nav {
    flex: 1 1 auto;
    justify-content: flex-start;
    min-width: 0;
    overflow-x: auto;
    padding: 0.18rem;
    scrollbar-width: thin;
}

.tradecode-authenticated .tradecode-desktop-nav::-webkit-scrollbar {
    height: 0.35rem;
}

.tradecode-authenticated .tradecode-nav-link {
    flex: 0 0 auto;
}

.tradecode-authenticated .tradecode-header-actions {
    flex: 0 0 auto;
}

.tradecode-authenticated .tradecode-command-center {
    border-radius: 1.65rem;
    box-shadow: 0 1.9rem 5rem rgba(15, 23, 42, 0.28);
    grid-template-columns: minmax(0, 1.1fr) minmax(34rem, 0.9fr);
    margin-left: 0;
    margin-right: 0;
    padding: clamp(1.35rem, 2.6vw, 2.5rem);
}

.tradecode-authenticated .tradecode-command-copy {
    min-height: 25rem;
}

.tradecode-authenticated .tradecode-command-copy h1 {
    font-size: clamp(2.85rem, 4.8vw, 5.4rem);
    line-height: 0.94;
    max-width: 58rem;
}

.tradecode-authenticated .tradecode-command-copy p {
    color: rgba(235, 243, 255, 0.76);
    font-size: 1.05rem;
    max-width: 52rem;
}

.tradecode-authenticated .tradecode-kpi-grid {
    gap: 1.05rem;
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.tradecode-authenticated .tradecode-kpi-card {
    border-radius: 1.35rem;
    min-height: 8.8rem;
    padding: 1.1rem;
}

.tradecode-authenticated .tradecode-kpi-card:not(.primary) {
    background:
        radial-gradient(circle at top right, rgba(91, 141, 255, 0.07), transparent 12rem),
        linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(248, 250, 252, 0.97));
}

.tradecode-authenticated .tradecode-kpi-card .metric-value {
    display: block;
    font-size: clamp(1.8rem, 2.15vw, 2.4rem);
    letter-spacing: -0.045em;
    line-height: 1.08;
    margin-top: 0.35rem;
    white-space: normal;
    word-break: break-word;
}

.tradecode-authenticated .tradecode-kpi-card .metric-subtitle {
    line-height: 1.4;
}

.tradecode-authenticated .tradecode-panel-grid {
    gap: 1.1rem;
    grid-template-columns: minmax(0, 1.35fr) minmax(26rem, 0.65fr);
}

.tradecode-authenticated .tradecode-panel,
.tradecode-authenticated .dashboard-card,
.tradecode-authenticated .metric-card {
    border-radius: 1.35rem;
    box-shadow: 0 1.15rem 3.2rem rgba(15, 23, 42, 0.08);
}

.tradecode-authenticated .tradecode-table thead th {
    background: #f3f6fb;
    color: #4f5b6f;
}

.tradecode-authenticated .tradecode-table tbody td {
    color: #263244;
}

.tradecode-login-body .dashboard-shell {
    max-width: 100%;
    padding-inline: clamp(1rem, 2vw, 2rem) !important;
}

.tradecode-login-body .tradecode-login-header {
    max-width: 64rem;
}

.tradecode-login-body .auth-page {
    min-height: calc(100vh - 9rem);
}

.tradecode-login-body .auth-page .dashboard-card {
    border: 0;
    border-radius: 1.65rem;
    box-shadow: 0 2rem 5rem rgba(0, 0, 0, 0.28);
}

@media (max-width: 1399.98px) {
    .tradecode-public-hero,
    .tradecode-public-advisor,
    .tradecode-authenticated .tradecode-command-center {
        grid-template-columns: 1fr;
    }

    .tradecode-public-module-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .tradecode-authenticated .tradecode-panel-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 991.98px) {
    .tradecode-public-topbar {
        align-items: flex-start;
        flex-direction: column;
        position: relative;
        top: auto;
    }

    .tradecode-public-nav {
        width: 100%;
    }

    .tradecode-public-hero {
        grid-template-columns: 1fr;
        min-height: auto;
    }

    .tradecode-public-stat-grid,
    .tradecode-public-security,
    .tradecode-authenticated .tradecode-kpi-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .tradecode-authenticated .tradecode-command-copy h1 {
        font-size: clamp(2.5rem, 10vw, 4.1rem);
    }

    .tradecode-authenticated .tradecode-command-preview {
        min-width: 0;
    }
}

@media (max-width: 767.98px) {
    .tradecode-public-shell {
        padding: 0.85rem;
    }

    .tradecode-public-hero,
    .tradecode-public-modules,
    .tradecode-public-advisor {
        border-radius: 1.45rem;
        padding: 1.05rem;
    }

    .tradecode-public-hero h1 {
        font-size: clamp(2.5rem, 14vw, 3.6rem);
    }

    .tradecode-public-stat-grid,
    .tradecode-public-module-grid,
    .tradecode-public-security,
    .tradecode-authenticated .tradecode-kpi-grid {
        grid-template-columns: 1fr;
    }

    .tradecode-public-advisor {
        grid-template-columns: 1fr;
    }

    .tradecode-public-advisor-orbit {
        min-height: 27rem;
    }

    .advisor-card {
        min-width: 9.5rem;
    }

    .tradecode-authenticated .dashboard-shell {
        padding-left: 0.75rem !important;
        padding-right: 0.75rem !important;
    }

    .tradecode-authenticated .tradecode-command-center {
        border-radius: 1.25rem;
        padding: 1rem;
    }

    .tradecode-authenticated .tradecode-command-copy {
        min-height: auto;
    }

    .tradecode-authenticated .tradecode-preview-grid {
        grid-template-columns: 1fr;
    }
}


/* CompileFix17: CBW green-dot logo integration */
.tradecode-brand-mark,
.tradecode-public-logo {
    background: #03060b;
    border: 1px solid rgba(255, 255, 255, 0.14);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.10),
        0 1rem 2.4rem rgba(0, 0, 0, 0.24);
    overflow: hidden;
}

.tradecode-brand-mark img,
.tradecode-public-logo img {
    border-radius: inherit;
    height: 100%;
    object-fit: cover;
    width: 100%;
}

.tradecode-public-mini-brand img,
.tradecode-login-body .dashboard-card img[src*="codebw-logo"],
.tradecode-app img[src*="codebw-logo-green-dot"] {
    background: #03060b;
    border: 1px solid rgba(255, 255, 255, 0.12);
    box-shadow: 0 0.8rem 2rem rgba(0, 0, 0, 0.18);
    object-fit: cover;
}

.tradecode-public-mini-brand img {
    border-radius: 0.7rem;
}

.tradecode-login-body .dashboard-card img[src*="codebw-logo"] {
    border-radius: 1.25rem;
    height: 5rem;
    width: 5rem;
}

.tradecode-public-brand strong,
.tradecode-brand-copy strong {
    letter-spacing: -0.055em;
}

.tradecode-brand-copy small,
.tradecode-public-brand small {
    color: rgba(255, 255, 255, 0.72);
    font-weight: 800;
    letter-spacing: 0.10em;
    text-transform: uppercase;
}


/* CompileFix18: CBW premium dark system + authenticated operational dashboard */
:root {
    --tc-black: #03060b;
    --tc-black-2: #060b14;
    --tc-surface: #0a111d;
    --tc-surface-2: #0e1726;
    --tc-surface-3: #121d30;
    --tc-border: rgba(255, 255, 255, 0.10);
    --tc-border-strong: rgba(255, 255, 255, 0.16);
    --tc-text: #f8fafc;
    --tc-muted: #93a4ba;
    --tc-muted-2: #6f7f94;
    --tc-green: #24f276;
    --tc-green-soft: rgba(36, 242, 118, 0.14);
    --tc-blue: #6f93ff;
    --tc-blue-soft: rgba(111, 147, 255, 0.14);
    --tc-danger: #ff647c;
    --tc-warning: #f7b955;
    --tc-shadow: 0 28px 90px rgba(0, 0, 0, 0.42);
}

html[data-bs-theme="dark"] {
    color-scheme: dark;
}

body.tradecode-app,
body.tradecode-public-body {
    min-height: 100vh;
    background:
        radial-gradient(circle at 0% -10%, rgba(36, 242, 118, 0.105), transparent 24rem),
        radial-gradient(circle at 100% 0%, rgba(111, 147, 255, 0.11), transparent 27rem),
        linear-gradient(180deg, #02050a 0%, #060b14 45%, #02050a 100%) !important;
    color: var(--tc-text);
    font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

body.tradecode-app::before,
body.tradecode-public-body::before {
    content: "";
    position: fixed;
    inset: 0;
    z-index: -1;
    pointer-events: none;
    background-image:
        linear-gradient(rgba(255,255,255,.026) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,.026) 1px, transparent 1px);
    background-size: 42px 42px;
    mask-image: linear-gradient(180deg, rgba(0,0,0,.95), rgba(0,0,0,.28));
}

.dashboard-shell {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: clamp(1rem, 1.8vw, 2rem) clamp(1rem, 2.6vw, 3rem) !important;
}

.tradecode-header,
.tradecode-public-topbar,
.tradecode-login-header {
    background:
        radial-gradient(circle at 0 0, rgba(36, 242, 118, 0.10), transparent 20rem),
        linear-gradient(135deg, rgba(5, 9, 16, 0.96), rgba(9, 15, 26, 0.94)) !important;
    border: 1px solid var(--tc-border-strong) !important;
    box-shadow: var(--tc-shadow) !important;
    backdrop-filter: blur(24px) saturate(150%);
}

.tradecode-header {
    border-radius: 1.7rem !important;
    top: .85rem;
}

.tradecode-brand-mark,
.tradecode-public-logo {
    background: linear-gradient(180deg, rgba(255,255,255,.10), rgba(255,255,255,.035)) !important;
    border: 1px solid rgba(255,255,255,.16) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.10), 0 18px 32px rgba(0,0,0,.30);
}

.tradecode-brand-copy strong,
.tradecode-public-brand strong {
    color: #fff !important;
    text-shadow: 0 1px 0 rgba(0,0,0,.45);
}

.tradecode-brand-copy small,
.tradecode-public-brand small {
    color: rgba(255,255,255,.76) !important;
    letter-spacing: .11em;
}

.tradecode-desktop-nav {
    background: rgba(255,255,255,.045) !important;
    border-color: rgba(255,255,255,.08) !important;
}

.tradecode-nav-link {
    color: rgba(245,248,255,.76) !important;
}

.tradecode-nav-link.active {
    background: #ffffff !important;
    color: #05070d !important;
    box-shadow: 0 18px 38px rgba(0,0,0,.34), inset 0 0 0 1px rgba(255,255,255,.75) !important;
}

.tradecode-header-actions .btn,
.tradecode-ghost-action,
.tradecode-menu-button,
.tradecode-status-pill {
    border-color: rgba(255,255,255,.14) !important;
}

.tradecode-status-pill,
.tradecode-live-pill {
    background: var(--tc-green-soft) !important;
    border: 1px solid rgba(36,242,118,.25) !important;
    color: #8dffba !important;
}

/* Authenticated dashboard: no public marketing look, only operational cockpit */
.tradecode-command-center.tradecode-workbench {
    background:
        radial-gradient(circle at 0 0, rgba(36, 242, 118, 0.13), transparent 28rem),
        radial-gradient(circle at 100% 0, rgba(111, 147, 255, 0.14), transparent 28rem),
        linear-gradient(135deg, #05070d 0%, #07101d 52%, #0d1728 100%) !important;
    border: 1px solid var(--tc-border-strong) !important;
    border-radius: 2rem !important;
    box-shadow: var(--tc-shadow) !important;
    color: var(--tc-text) !important;
    grid-template-columns: minmax(0, 1.35fr) minmax(24rem, .65fr) !important;
    padding: clamp(1.1rem, 2vw, 1.65rem) !important;
}

.tradecode-command-center.tradecode-workbench::after {
    opacity: .16 !important;
}

.tradecode-workbench .tradecode-command-copy {
    min-height: 0 !important;
    justify-content: flex-start !important;
}

.tradecode-command-kicker,
.tradecode-public-kicker {
    background: rgba(36, 242, 118, 0.10) !important;
    border-color: rgba(36, 242, 118, 0.25) !important;
    color: #8dffba !important;
    letter-spacing: .08em !important;
}

.tradecode-workbench-heading {
    align-items: flex-start;
    display: flex;
    gap: 1.25rem;
    justify-content: space-between;
    margin-bottom: 1.15rem;
}

.tradecode-workbench-heading span,
.tradecode-workbench-time span,
.tradecode-workbench-grid span,
.tradecode-preview-header span,
.tradecode-preview-grid span {
    color: var(--tc-muted) !important;
    display: block;
    font-size: .76rem;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.tradecode-workbench-heading h1 {
    color: #fff;
    font-size: clamp(1.55rem, 2.4vw, 2.65rem) !important;
    font-weight: 900;
    letter-spacing: -.055em;
    line-height: 1.02;
    margin: .28rem 0 0;
    max-width: none;
}

.tradecode-workbench-time {
    background: rgba(255,255,255,.045);
    border: 1px solid rgba(255,255,255,.085);
    border-radius: 1.15rem;
    min-width: 16rem;
    padding: .85rem 1rem;
    text-align: right;
}

.tradecode-workbench-time strong {
    color: #fff;
    display: block;
    font-size: .95rem;
}

.tradecode-workbench-grid {
    display: grid;
    gap: .85rem;
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.tradecode-workbench-grid article {
    background: linear-gradient(180deg, rgba(255,255,255,.070), rgba(255,255,255,.035));
    border: 1px solid rgba(255,255,255,.09);
    border-radius: 1.25rem;
    min-height: 7.2rem;
    padding: 1rem;
}

.tradecode-workbench-grid strong {
    color: #fff;
    display: block;
    font-size: clamp(1.35rem, 1.8vw, 2rem);
    font-weight: 900;
    letter-spacing: -.04em;
    margin-top: .55rem;
}

.tradecode-workbench-grid small {
    color: var(--tc-muted);
    display: block;
    margin-top: .45rem;
}

.tradecode-command-actions {
    margin-top: 1rem !important;
}

.tradecode-command-center .btn-primary,
.tradecode-public-actions .btn-light,
.btn-primary {
    --bs-btn-bg: #ffffff;
    --bs-btn-border-color: #ffffff;
    --bs-btn-color: #02050a;
    --bs-btn-hover-bg: #e6edf7;
    --bs-btn-hover-border-color: #e6edf7;
    --bs-btn-hover-color: #02050a;
    --bs-btn-active-bg: #d8e2f0;
    --bs-btn-active-border-color: #d8e2f0;
    border-radius: .9rem;
    font-weight: 850;
}

.tradecode-command-center .btn-outline-primary,
.btn-outline-primary {
    --bs-btn-color: rgba(255,255,255,.88);
    --bs-btn-border-color: rgba(255,255,255,.18);
    --bs-btn-hover-bg: rgba(255,255,255,.08);
    --bs-btn-hover-border-color: rgba(255,255,255,.26);
    --bs-btn-hover-color: #fff;
    border-radius: .9rem;
    font-weight: 800;
}

.tradecode-command-preview,
.tradecode-chart-card,
.tradecode-market-card {
    background:
        linear-gradient(180deg, rgba(13, 22, 38, .96), rgba(7, 13, 24, .96)) !important;
    border: 1px solid rgba(255,255,255,.10) !important;
    box-shadow: 0 24px 70px rgba(0,0,0,.38) !important;
}

.tradecode-preview-value strong,
.tradecode-preview-header strong,
.tradecode-preview-grid strong {
    color: #fff !important;
}

.tradecode-preview-line {
    stroke: var(--tc-blue) !important;
}

.tradecode-preview-grid-lines {
    stroke: rgba(255,255,255,.075) !important;
}

/* Dark premium cards/tables across logged-in app */
.dashboard-card,
.metric-card,
.tradecode-kpi-card,
.tradecode-panel,
.tradecode-advisor-card,
.tradecode-module-card,
.tradecode-security-card,
.tradecode-usecase-grid article,
.tradecode-faq-grid article,
.paper-event-item,
.signal-item,
.risk-item {
    background:
        linear-gradient(180deg, rgba(16, 25, 42, 0.94), rgba(9, 15, 27, 0.94)) !important;
    border: 1px solid var(--tc-border) !important;
    box-shadow: 0 22px 70px rgba(0,0,0,.30) !important;
    color: var(--tc-text) !important;
}

.tradecode-kpi-card.primary {
    background:
        radial-gradient(circle at top right, rgba(36, 242, 118, .12), transparent 14rem),
        linear-gradient(135deg, #05070d, #0b1424) !important;
    border-color: rgba(36,242,118,.20) !important;
}

.tradecode-kpi-card::after {
    background: radial-gradient(circle, rgba(36, 242, 118, 0.10), transparent 62%) !important;
}

.tradecode-kpi-card .metric-label,
.metric-label,
.tradecode-panel-header span,
.tradecode-feed-item small,
.metric-subtitle,
.text-body-secondary,
.form-text,
small,
.tradecode-table small {
    color: var(--tc-muted) !important;
}

.tradecode-kpi-card .metric-value,
.metric-value,
.tradecode-panel-header h2,
.tradecode-feed-item strong,
.tradecode-risk-ok strong,
.tradecode-symbol-cell strong,
.table td,
.tradecode-table td,
.dashboard-card h1,
.dashboard-card h2,
.dashboard-card h3,
.dashboard-card h4,
.dashboard-card h5,
.card-title {
    color: var(--tc-text) !important;
}

.tradecode-kpi-icon {
    background: rgba(255,255,255,.075) !important;
    border: 1px solid rgba(255,255,255,.10);
    color: #fff !important;
}

.tradecode-kpi-icon.success {
    background: rgba(36,242,118,.12) !important;
    color: #8dffba !important;
}

.tradecode-kpi-icon.accent {
    background: var(--tc-blue-soft) !important;
    color: #aec2ff !important;
}

.tradecode-kpi-icon.danger {
    background: rgba(255,100,124,.12) !important;
    color: #ff9aad !important;
}

.tradecode-panel-header,
.dashboard-card .card-header,
.card-header {
    background:
        linear-gradient(180deg, rgba(255,255,255,.055), rgba(255,255,255,.026)) !important;
    border-bottom: 1px solid rgba(255,255,255,.09) !important;
    color: var(--tc-text) !important;
}

.tradecode-count-badge,
.badge.bg-light,
.badge.text-bg-light {
    background: rgba(255,255,255,.08) !important;
    border: 1px solid rgba(255,255,255,.10) !important;
    color: var(--tc-text) !important;
}

.table,
.tradecode-table {
    --bs-table-bg: transparent;
    --bs-table-color: var(--tc-text);
    --bs-table-border-color: rgba(255,255,255,.08);
    --bs-table-hover-bg: rgba(255,255,255,.05);
    color: var(--tc-text) !important;
}

.table thead th,
.tradecode-table thead th {
    background: rgba(255,255,255,.025) !important;
    border-bottom-color: rgba(255,255,255,.10) !important;
    color: #a8b6c8 !important;
}

.table tbody tr,
.tradecode-table tbody tr {
    border-color: rgba(255,255,255,.075) !important;
}

.paper-trading-table tbody tr:hover,
.market-universe-table tbody tr:hover,
.bot-control-table tbody tr:hover,
.tradecode-table tbody tr:hover {
    background: rgba(36,242,118,.045) !important;
}

.tradecode-symbol-cell span,
.tradecode-feed-item,
.tradecode-empty-state,
.empty-state,
.tradecode-risk-ok {
    background: rgba(255,255,255,.045) !important;
    border: 1px solid rgba(255,255,255,.085) !important;
    color: var(--tc-muted) !important;
}

.tradecode-empty-state i,
.empty-state i,
.tradecode-risk-ok i {
    background: #05070d !important;
    color: #fff !important;
}

.text-success,
.positive,
.pnl-positive {
    color: var(--tc-green) !important;
}

.text-danger,
.negative,
.pnl-negative {
    color: var(--tc-danger) !important;
}

.alert,
.modal-content,
.offcanvas,
.dropdown-menu {
    background: var(--tc-surface) !important;
    border-color: var(--tc-border) !important;
    color: var(--tc-text) !important;
}

.form-control,
.form-select,
.form-floating > .form-control,
.form-floating > .form-select {
    background: rgba(255,255,255,.06) !important;
    border-color: rgba(255,255,255,.12) !important;
    color: var(--tc-text) !important;
}

.form-control:focus,
.form-select:focus {
    background: rgba(255,255,255,.085) !important;
    border-color: rgba(36,242,118,.38) !important;
    box-shadow: 0 0 0 .25rem rgba(36,242,118,.13) !important;
    color: #fff !important;
}

.form-floating > label,
.form-label,
.form-check-label {
    color: var(--tc-muted) !important;
}

/* Login must not look like a public white card */
.tradecode-login-body .dashboard-shell {
    min-height: 100vh;
}

.tradecode-login-body .auth-page {
    min-height: calc(100vh - 8rem);
}

.tradecode-login-body .dashboard-card {
    background:
        linear-gradient(180deg, rgba(16,25,42,.97), rgba(8,13,24,.97)) !important;
    border: 1px solid rgba(255,255,255,.12) !important;
    box-shadow: 0 32px 90px rgba(0,0,0,.52) !important;
}

.tradecode-login-body .alert-warning {
    background: rgba(247,185,85,.10) !important;
    border-color: rgba(247,185,85,.24) !important;
    color: #ffe0a6 !important;
}

/* Public landing also follows the dark CBW reference; no white page */
.tradecode-public-shell {
    max-width: none !important;
    width: 100% !important;
    padding: clamp(1rem, 2.2vw, 2.75rem) !important;
}

.tradecode-public-hero,
.tradecode-public-modules,
.tradecode-public-strategy,
.tradecode-public-security,
.tradecode-public-card,
.tradecode-public-window {
    background:
        radial-gradient(circle at 0 0, rgba(36,242,118,.12), transparent 28rem),
        linear-gradient(135deg, rgba(9,15,26,.98), rgba(5,9,16,.98)) !important;
    border: 1px solid var(--tc-border) !important;
    box-shadow: var(--tc-shadow) !important;
    color: var(--tc-text) !important;
}

.tradecode-public-body h1,
.tradecode-public-body h2,
.tradecode-public-body h3,
.tradecode-public-body strong {
    color: #fff !important;
}

.tradecode-public-body p,
.tradecode-public-body small,
.tradecode-public-body span {
    color: var(--tc-muted);
}

.tradecode-public-section,
.tradecode-public-modules-section,
.tradecode-public-feature-section {
    background: transparent !important;
}

.tradecode-public-card,
.tradecode-public-module-card {
    background: linear-gradient(180deg, rgba(16,25,42,.94), rgba(9,15,27,.94)) !important;
    border: 1px solid var(--tc-border) !important;
    color: var(--tc-text) !important;
}

.tradecode-public-nav .tradecode-public-login {
    background: #fff !important;
    color: #05070d !important;
}

.tradecode-mobile-menu {
    background: #05070d !important;
}

.tradecode-mobile-menu-list a {
    background: rgba(255,255,255,.045) !important;
    border-color: rgba(255,255,255,.08) !important;
    color: var(--tc-text) !important;
}

.tradecode-mobile-menu-list a.active {
    background: #fff !important;
    color: #05070d !important;
}

@media (max-width: 1399.98px) {
    .tradecode-workbench-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .tradecode-command-center.tradecode-workbench {
        grid-template-columns: 1fr !important;
    }
}

@media (max-width: 991.98px) {
    .dashboard-shell {
        padding: .8rem !important;
    }

    .tradecode-header {
        border-radius: 1.25rem !important;
        top: .5rem;
    }

    .tradecode-workbench-heading {
        display: grid;
    }

    .tradecode-workbench-time {
        min-width: 0;
        text-align: left;
    }

    .tradecode-panel-grid,
    .tradecode-kpi-grid {
        grid-template-columns: 1fr !important;
    }
}

@media (max-width: 575.98px) {
    .tradecode-workbench-grid {
        grid-template-columns: 1fr;
    }

    .tradecode-command-center.tradecode-workbench,
    .tradecode-command-preview,
    .tradecode-kpi-card,
    .tradecode-panel {
        border-radius: 1.1rem !important;
    }
}

/* CompileFix19: transparent logo, premium header without scroll, HotelCode-like login */
.tradecode-header-premium {
    display: grid !important;
    gap: 1rem;
    padding: 1rem 1.15rem !important;
}

.tradecode-header-main-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    min-width: 0;
}

.tradecode-brand-lockup-premium {
    display: inline-flex;
    align-items: center;
    gap: 1rem;
    min-width: 0;
}

.tradecode-brand-logo {
    width: 4.25rem;
    height: 4.25rem;
    object-fit: contain;
    filter: drop-shadow(0 14px 30px rgba(0, 0, 0, 0.30));
    flex: 0 0 auto;
}

.tradecode-brand-mark,
.tradecode-public-logo {
    display: none !important;
}

.tradecode-brand-wordmark {
    display: grid;
    line-height: 1.02;
}

.tradecode-header .codebw-brand,
.tradecode-public-brand .codebw-brand,
.tradecode-login-card .codebw-brand {
    color: rgba(255,255,255,.86) !important;
    font-size: .76rem !important;
    font-weight: 950 !important;
    letter-spacing: .18em !important;
    text-transform: uppercase;
}

.tradecode-header .hotelcode-brand,
.tradecode-public-brand .hotelcode-brand,
.tradecode-login-card .hotelcode-brand {
    margin-top: .14rem;
    color: #ffffff !important;
    font-size: 1.42rem !important;
    font-weight: 950 !important;
    letter-spacing: -.045em !important;
}

.tradecode-public-brand {
    display: inline-flex;
    align-items: center;
    color: inherit;
    text-decoration: none;
}

.tradecode-public-brand strong,
.tradecode-public-brand small {
    display: none !important;
}

.tradecode-desktop-nav {
    flex-wrap: wrap;
    overflow: visible !important;
    max-width: none !important;
    width: 100%;
    padding: .35rem !important;
    gap: .35rem !important;
    border-radius: 1.25rem !important;
}

.tradecode-nav-link {
    flex: 0 0 auto;
}

.tradecode-header-actions {
    flex-wrap: wrap;
    justify-content: flex-end;
}

.tradecode-login-header {
    max-width: 78rem;
    padding: 1rem 1.25rem !important;
}

.tradecode-login-body .auth-page {
    min-height: calc(100vh - 10rem);
}

.tradecode-login-card {
    background: linear-gradient(180deg, rgba(255,255,255,.97), rgba(248,250,252,.96)) !important;
    border: 1px solid rgba(255,255,255,.18) !important;
    box-shadow: 0 30px 80px rgba(0,0,0,.34) !important;
}

.tradecode-login-shell {
    display: grid;
    grid-template-columns: minmax(18rem, .9fr) minmax(0, 1.1fr);
}

.tradecode-login-side {
    background:
        radial-gradient(circle at top left, rgba(36,242,118,.16), transparent 18rem),
        radial-gradient(circle at bottom right, rgba(91,141,255,.16), transparent 18rem),
        linear-gradient(145deg, #05070d 0%, #081120 58%, #0c1526 100%);
    color: #fff;
    display: flex;
    flex-direction: column;
    gap: 2rem;
    justify-content: space-between;
    padding: 2rem;
}

.tradecode-login-side .hotelcode-brand {
    color: #ffffff !important;
}

.tradecode-login-side-copy h1 {
    color: #fff;
    font-size: clamp(2rem, 3vw, 2.8rem);
    font-weight: 900;
    line-height: .98;
    letter-spacing: -.05em;
    margin-bottom: .8rem;
}

.tradecode-login-side-copy p,
.tradecode-login-side-copy li {
    color: rgba(255,255,255,.76);
    font-size: 1rem;
}

.tradecode-login-side-copy ul {
    margin: 1.25rem 0 0;
    padding-left: 1.15rem;
}

.tradecode-login-kicker {
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    padding: .45rem .8rem;
    border-radius: 999px;
    background: rgba(36,242,118,.11);
    border: 1px solid rgba(36,242,118,.22);
    color: #8dffba;
    font-size: .82rem;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.tradecode-login-form-panel {
    background: linear-gradient(180deg, rgba(255,255,255,.98), rgba(246,248,252,.98));
}

.tradecode-login-form-panel .h2,
.tradecode-login-form-panel label,
.tradecode-login-form-panel .form-check-label {
    color: #111827;
}

.tradecode-login-form-panel .form-control {
    border-radius: 1rem;
    border-color: rgba(15, 23, 42, 0.12);
    background: #fff;
    color: #111827;
    box-shadow: none;
}

.tradecode-login-form-panel .form-control:focus {
    border-color: rgba(36,242,118,.45);
    box-shadow: 0 0 0 .25rem rgba(36,242,118,.12);
}

.tradecode-login-submit {
    border-radius: 1rem;
    background: linear-gradient(135deg, #07101d, #0e182b) !important;
    border: 1px solid rgba(17,24,39,.08) !important;
    box-shadow: 0 16px 34px rgba(5,7,13,.22);
}

.tradecode-login-help {
    border-radius: 1rem;
}

.tradecode-public-topbar {
    align-items: center;
}

@media (max-width: 1399.98px) {
    .tradecode-header-premium {
        position: static !important;
    }
}

@media (max-width: 1199.98px) {
    .tradecode-login-shell {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 991.98px) {
    .tradecode-header-main-row {
        flex-wrap: wrap;
    }

    .tradecode-header-actions {
        width: 100%;
        justify-content: flex-start;
    }
}

@media (max-width: 767.98px) {
    .tradecode-brand-logo {
        width: 3.5rem;
        height: 3.5rem;
    }

    .tradecode-header .codebw-brand,
    .tradecode-public-brand .codebw-brand,
    .tradecode-login-card .codebw-brand {
        font-size: .68rem !important;
        letter-spacing: .14em !important;
    }

    .tradecode-header .hotelcode-brand,
    .tradecode-public-brand .hotelcode-brand,
    .tradecode-login-card .hotelcode-brand {
        font-size: 1.18rem !important;
    }
}


/* CompileFix20: logo-wordmark spacing */
.tradecode-brand-lockup-premium,
.tradecode-public-brand.tradecode-brand-lockup-premium,
.tradecode-login-card .tradecode-brand-lockup-premium,
.tradecode-header .tradecode-brand-lockup-premium,
.tradecode-mobile-menu .tradecode-brand-lockup-premium {
    gap: 0.17rem !important;
}

.tradecode-brand-wordmark {
    margin-left: 0 !important;
}

@media (max-width: 767.98px) {
    .tradecode-brand-lockup-premium,
    .tradecode-public-brand.tradecode-brand-lockup-premium,
    .tradecode-login-card .tradecode-brand-lockup-premium,
    .tradecode-header .tradecode-brand-lockup-premium,
    .tradecode-mobile-menu .tradecode-brand-lockup-premium {
        gap: 0.15rem !important;
    }
}


/* CompileFix21: Code Black & White exact brand lockup */
.tradecode-brand-lockup-premium,
.tradecode-public-brand.tradecode-brand-lockup-premium,
.tradecode-header .tradecode-brand-lockup-premium,
.tradecode-login-card .tradecode-brand-lockup-premium {
    display: inline-flex !important;
    align-items: center !important;
    gap: 0.9rem !important;
    color: inherit !important;
    text-decoration: none !important;
}

.tradecode-brand-logo {
    box-sizing: border-box !important;
    display: block !important;
    width: clamp(3.45rem, 3.4vw, 4.25rem) !important;
    height: clamp(3.45rem, 3.4vw, 4.25rem) !important;
    padding: 0 !important;
    border-radius: 1.05rem !important;
    object-fit: contain !important;
    background: transparent !important;
    box-shadow: none !important;
    filter: none !important;
    flex: 0 0 auto !important;
}

.codebw-wordmark {
    display: block !important;
    min-width: 0 !important;
    line-height: 1.05 !important;
}

.tradecode-header .codebw-brand,
.tradecode-public-brand .codebw-brand,
.tradecode-login-card .codebw-brand,
.tradecode-mobile-menu .codebw-brand {
    color: #ffffff !important;
    font-size: clamp(0.86rem, 0.84vw, 1rem) !important;
    font-weight: 950 !important;
    letter-spacing: 0.14em !important;
    line-height: 1.05 !important;
    text-transform: none !important;
    white-space: nowrap !important;
}

.tradecode-header .hotelcode-brand,
.tradecode-public-brand .hotelcode-brand,
.tradecode-login-card .hotelcode-brand,
.tradecode-mobile-menu .hotelcode-brand {
    margin-top: 0.28rem !important;
    color: #ffffff !important;
    font-size: clamp(1rem, 1.02vw, 1.18rem) !important;
    font-weight: 950 !important;
    line-height: 1.08 !important;
    letter-spacing: 0 !important;
    white-space: nowrap !important;
}

.tradecode-public-brand strong,
.tradecode-public-brand small,
.tradecode-brand-copy,
.tradecode-brand-mark,
.tradecode-public-logo {
    display: none !important;
}

@media (max-width: 575.98px) {
    .tradecode-brand-lockup-premium,
    .tradecode-public-brand.tradecode-brand-lockup-premium,
    .tradecode-header .tradecode-brand-lockup-premium,
    .tradecode-login-card .tradecode-brand-lockup-premium {
        gap: 0.9rem !important;
    }

    .tradecode-brand-logo {
        width: 3.2rem !important;
        height: 3.2rem !important;
        border-radius: 1rem !important;
    }

    .tradecode-header .codebw-brand,
    .tradecode-public-brand .codebw-brand,
    .tradecode-login-card .codebw-brand,
    .tradecode-mobile-menu .codebw-brand {
        font-size: 0.78rem !important;
        letter-spacing: 0.11em !important;
    }

    .tradecode-header .hotelcode-brand,
    .tradecode-public-brand .hotelcode-brand,
    .tradecode-login-card .hotelcode-brand,
    .tradecode-mobile-menu .hotelcode-brand {
        font-size: 0.98rem !important;
    }
}


/* CompileFix22: CBW reference contrast pass, no white app background, no nav scroll */
:root {
    --tc-cbw-bg: #020806;
    --tc-cbw-panel: rgba(4, 14, 14, 0.94);
    --tc-cbw-panel-2: rgba(9, 22, 28, 0.92);
    --tc-cbw-border: rgba(167, 255, 220, 0.23);
    --tc-cbw-border-soft: rgba(255, 255, 255, 0.11);
    --tc-cbw-text: #f8fbff;
    --tc-cbw-muted: rgba(236, 244, 255, 0.74);
    --tc-cbw-faint: rgba(236, 244, 255, 0.54);
    --tc-cbw-green: #69f7bf;
    --tc-cbw-green-strong: #24f276;
    --tc-cbw-shadow: 0 30px 90px rgba(0, 0, 0, 0.48);
}

html,
body.tradecode-app,
body.tradecode-public-body,
.tradecode-public-body,
.tradecode-login-body {
    background:
        radial-gradient(circle at 0 0, rgba(101, 255, 191, 0.055), transparent 24rem),
        radial-gradient(circle at 100% 0, rgba(101, 255, 191, 0.045), transparent 24rem),
        linear-gradient(180deg, #020806 0%, #010504 48%, #020806 100%) !important;
    color: var(--tc-cbw-text) !important;
}

.dashboard-shell,
.tradecode-public-shell {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: clamp(1rem, 1.8vw, 2.15rem) !important;
}

/* Public topbar: reference-like full dark corporate rail */
.tradecode-public-topbar,
.tradecode-header,
.tradecode-login-header {
    background:
        radial-gradient(circle at 0 0, rgba(105, 247, 191, 0.13), transparent 22rem),
        linear-gradient(135deg, rgba(4, 16, 18, 0.985), rgba(3, 11, 13, 0.965)) !important;
    border: 1px solid var(--tc-cbw-border) !important;
    border-radius: 1.55rem !important;
    box-shadow: var(--tc-cbw-shadow) !important;
    backdrop-filter: blur(24px) saturate(155%);
}

.tradecode-public-topbar {
    min-height: 5.1rem;
    margin-bottom: clamp(2rem, 4.2vw, 4.1rem) !important;
    padding: 0.75rem 1.15rem !important;
}

.tradecode-header-premium {
    position: sticky;
    top: 1rem;
    z-index: 1020;
}

/* Exact transparent logo lockup, no icon box */
.tradecode-brand-logo {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    filter: none !important;
    object-fit: contain !important;
}

.tradecode-brand-lockup-premium {
    gap: 0.9rem !important;
}

.tradecode-header .codebw-brand,
.tradecode-public-brand .codebw-brand,
.tradecode-login-card .codebw-brand {
    color: #ffffff !important;
    font-size: clamp(0.86rem, 0.84vw, 1rem) !important;
    font-weight: 950 !important;
    letter-spacing: 0.025em !important;
    line-height: 1 !important;
    text-transform: uppercase !important;
    text-shadow: 0 1px 0 rgba(0,0,0,.28);
}

.tradecode-header .hotelcode-brand,
.tradecode-public-brand .hotelcode-brand,
.tradecode-login-card .hotelcode-brand {
    color: rgba(228, 255, 242, 0.92) !important;
    font-size: clamp(0.88rem, 0.9vw, 1.02rem) !important;
    font-weight: 850 !important;
    letter-spacing: 0.105em !important;
    line-height: 1 !important;
    margin-top: 0.28rem !important;
    text-transform: uppercase !important;
}

/* Header nav: no horizontal scroll; compact premium pills */
.tradecode-public-nav,
.tradecode-desktop-nav {
    overflow: visible !important;
    scrollbar-width: auto !important;
}

.tradecode-public-nav {
    display: flex !important;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 0.58rem !important;
    min-width: 0;
}

.tradecode-public-nav::-webkit-scrollbar,
.tradecode-desktop-nav::-webkit-scrollbar {
    display: none !important;
}

.tradecode-public-nav a,
.tradecode-nav-link {
    border: 1px solid transparent;
    border-radius: 999px !important;
    color: rgba(255, 255, 255, 0.91) !important;
    font-size: 0.91rem !important;
    font-weight: 850 !important;
    line-height: 1 !important;
    padding: 0.72rem 0.92rem !important;
    text-decoration: none !important;
    white-space: nowrap;
}

.tradecode-public-nav a:hover,
.tradecode-nav-link:hover,
.tradecode-public-nav a:focus-visible,
.tradecode-nav-link:focus-visible {
    background: rgba(255,255,255,.055) !important;
    border-color: rgba(255,255,255,.12) !important;
    color: #ffffff !important;
}

.tradecode-public-nav .tradecode-public-login,
.tradecode-nav-link.active,
.tradecode-menu-button {
    background: linear-gradient(135deg, #9fffe0, #46edaa) !important;
    border-color: rgba(142, 255, 220, 0.72) !important;
    color: #02100d !important;
    box-shadow: 0 18px 42px rgba(36,242,118,.24), inset 0 1px 0 rgba(255,255,255,.55) !important;
}

/* Public landing: closer to CBW dark corporate contrast */
.tradecode-public-hero {
    min-height: clamp(36rem, 64vh, 47rem);
    align-items: center !important;
    background:
        radial-gradient(circle at 0 0, rgba(96, 137, 255, 0.15), transparent 31rem),
        radial-gradient(circle at 100% 92%, rgba(36, 242, 118, 0.16), transparent 27rem),
        linear-gradient(135deg, rgba(10, 18, 32, 0.96) 0%, rgba(3, 12, 14, 0.99) 58%, rgba(1, 7, 7, 0.99) 100%) !important;
    border: 1px solid rgba(177, 231, 216, 0.21) !important;
    border: 1px solid rgba(177, 231, 216, 0.21) !important;
    border-radius: 2rem !important;
    box-shadow: 0 36px 120px rgba(0,0,0,.54) !important;
    padding: clamp(2.2rem, 4vw, 4.8rem) !important;
}

.tradecode-public-kicker,
.tradecode-command-kicker,
.tradecode-login-kicker {
    background: linear-gradient(135deg, rgba(159, 255, 224, 0.98), rgba(96, 247, 188, 0.96)) !important;
    border: 0 !important;
    color: #01130f !important;
    font-weight: 950 !important;
    letter-spacing: 0.12em !important;
    box-shadow: 0 15px 42px rgba(36, 242, 118, 0.18) !important;
}

.tradecode-public-hero h1 {
    color: #ffffff !important;
    font-size: clamp(3.2rem, 6.4vw, 6.5rem) !important;
    font-weight: 950 !important;
    letter-spacing: -0.072em !important;
    line-height: 0.93 !important;
    max-width: 58rem;
    /*text-shadow: 0 2px 0 rgba(0,0,0,.36);*/
}

.tradecode-public-hero p,
.tradecode-public-proof,
.tradecode-public-card,
.tradecode-public-module-card,
.tradecode-public-feature-copy p {
    color: var(--tc-cbw-muted) !important;
}

.tradecode-public-actions .btn-light,
.tradecode-command-actions .btn-primary,
.tradecode-login-submit {
    background: linear-gradient(135deg, #a6ffe4, #45efa9) !important;
    border-color: rgba(150,255,222,.75) !important;
    color: #02100d !important;
    font-weight: 900 !important;
    box-shadow: 0 20px 50px rgba(36,242,118,.22) !important;
}

.tradecode-public-actions .btn-outline-light,
.tradecode-command-actions .btn-outline-primary,
.tradecode-header-actions .btn,
.tradecode-ghost-action {
    background: rgba(1, 12, 12, 0.32) !important;
    border-color: rgba(105,247,191,.38) !important;
    color: rgba(255,255,255,.94) !important;
    font-weight: 850 !important;
}

.tradecode-public-card,
.tradecode-public-module-card,
.tradecode-public-window,
.tradecode-public-feature-card,
.tradecode-public-section,
.tradecode-public-modules-section,
.tradecode-public-feature-section {
    background:
        radial-gradient(circle at 100% 100%, rgba(36, 242, 118, 0.08), transparent 18rem),
        linear-gradient(180deg, rgba(6, 18, 22, 0.96), rgba(3, 12, 16, 0.98)) !important;
    border-color: rgba(177, 231, 216, 0.18) !important;
    color: var(--tc-cbw-text) !important;
    box-shadow: 0 24px 70px rgba(0,0,0,.38) !important;
}

.tradecode-public-window-head,
.tradecode-public-tabs,
.tradecode-public-market div,
.tradecode-public-bot-card,
.tradecode-public-advisor,
.tradecode-public-security {
    border-color: rgba(177, 231, 216, 0.18) !important;
}

.tradecode-public-tabs span.active,
.tradecode-live-pill,
.tradecode-status-pill {
    background: rgba(36,242,118,.16) !important;
    border: 1px solid rgba(105,247,191,.38) !important;
    color: #96ffcf !important;
}

/* Authenticated app: direct user cockpit, dark panels everywhere */
.tradecode-authenticated .dashboard-card,
.tradecode-authenticated .metric-card,
.tradecode-authenticated .tradecode-kpi-card,
.tradecode-authenticated .tradecode-panel,
.tradecode-authenticated .tradecode-table-card,
.tradecode-authenticated .tradecode-preview-card,
.tradecode-authenticated .tradecode-form-card,
.tradecode-authenticated .tradecode-report-card {
    background:
        radial-gradient(circle at 100% 100%, rgba(36, 242, 118, 0.06), transparent 16rem),
        linear-gradient(180deg, rgba(9, 19, 27, 0.96), rgba(4, 11, 17, 0.98)) !important;
    border: 1px solid rgba(177, 231, 216, 0.15) !important;
    color: var(--tc-cbw-text) !important;
    box-shadow: 0 24px 70px rgba(0,0,0,.34) !important;
}

.tradecode-command-center.tradecode-workbench {
    background:
        radial-gradient(circle at 0 0, rgba(91, 141, 255, 0.14), transparent 28rem),
        radial-gradient(circle at 100% 100%, rgba(36, 242, 118, 0.18), transparent 31rem),
        linear-gradient(135deg, rgba(10, 18, 32, 0.98) 0%, rgba(3, 12, 14, 0.99) 58%, rgba(1, 7, 7, 0.99) 100%) !important;
    border-color: rgba(177, 231, 216, 0.20) !important;
    box-shadow: 0 36px 120px rgba(0,0,0,.52) !important;
}

.tradecode-command-copy h1,
.tradecode-workbench-heading h1 {
    color: #ffffff !important;
    font-size: clamp(2.1rem, 3.6vw, 4.35rem) !important;
    font-weight: 950 !important;
    letter-spacing: -0.06em !important;
    line-height: .95 !important;
}

.tradecode-workbench-heading span,
.tradecode-command-copy p,
.tradecode-kpi-card small,
.metric-subtitle,
.tradecode-authenticated .text-body-secondary,
.tradecode-authenticated .metric-label {
    color: var(--tc-cbw-muted) !important;
}

.tradecode-workbench-grid article,
.tradecode-preview-grid div {
    background: rgba(0,0,0,.18) !important;
    border: 1px solid rgba(177, 231, 216, 0.15) !important;
    border-radius: 1rem !important;
}

.tradecode-authenticated .table,
.tradecode-authenticated .tradecode-table {
    --bs-table-bg: transparent;
    --bs-table-color: var(--tc-cbw-text);
    --bs-table-border-color: rgba(177, 231, 216, 0.12);
    color: var(--tc-cbw-text) !important;
}

.tradecode-authenticated .tradecode-table thead th,
.tradecode-authenticated .table thead th {
    background: rgba(255,255,255,.035) !important;
    color: rgba(236,244,255,.68) !important;
    border-color: rgba(177, 231, 216, 0.12) !important;
}

.tradecode-authenticated .tradecode-table tbody td,
.tradecode-authenticated .table tbody td {
    color: rgba(248,251,255,.9) !important;
    border-color: rgba(177, 231, 216, 0.09) !important;
}

.tradecode-authenticated input,
.tradecode-authenticated select,
.tradecode-authenticated textarea,
.tradecode-authenticated .form-control,
.tradecode-authenticated .form-select {
    background-color: rgba(255,255,255,.045) !important;
    border-color: rgba(177, 231, 216, 0.16) !important;
    color: #ffffff !important;
}

.tradecode-authenticated input::placeholder,
.tradecode-authenticated textarea::placeholder {
    color: rgba(236,244,255,.46) !important;
}

/* Login screen: HotelCode-like split, transparent logo, premium contrast */
.tradecode-login-body .dashboard-shell {
    min-height: 100vh;
}

.tradecode-login-card {
    border-radius: 2rem !important;
    overflow: hidden;
}

.tradecode-login-side {
    min-height: 35rem;
}

.tradecode-login-form-panel {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

/* Responsive fixes */
@media (max-width: 1399.98px) {
    .tradecode-public-nav,
    .tradecode-desktop-nav {
        justify-content: flex-start;
    }
}

@media (max-width: 1199.98px) {
    .tradecode-public-topbar {
        align-items: flex-start !important;
        flex-direction: column;
    }

    .tradecode-public-nav {
        width: 100%;
    }
}

@media (max-width: 767.98px) {
    .tradecode-brand-lockup-premium {
        gap: 0.72rem !important;
    }

    .tradecode-brand-logo {
        width: 3.25rem !important;
        height: 3.25rem !important;
    }

    .tradecode-header .codebw-brand,
    .tradecode-public-brand .codebw-brand,
    .tradecode-login-card .codebw-brand {
        font-size: 0.72rem !important;
        letter-spacing: 0.02em !important;
    }

    .tradecode-header .hotelcode-brand,
    .tradecode-public-brand .hotelcode-brand,
    .tradecode-login-card .hotelcode-brand {
        font-size: 0.78rem !important;
        letter-spacing: 0.10em !important;
    }

    .tradecode-public-hero {
        padding: 1.35rem !important;
    }

    .tradecode-public-hero h1 {
        font-size: clamp(2.45rem, 13vw, 3.75rem) !important;
    }
}


/* CompileFix23: homepage service-worker recovery + exact CBW contrast polish */
.tradecode-public-body,
.tradecode-login-body,
.tradecode-app {
    background:
        radial-gradient(circle at 100% 100%, rgba(36, 242, 118, 0.12), transparent 28rem),
        radial-gradient(circle at 0 0, rgba(111, 147, 255, 0.08), transparent 30rem),
        linear-gradient(180deg, #020407 0%, #05070d 46%, #07101d 100%) !important;
}

.tradecode-brand-logo,
.tradecode-public-mini-brand img,
.tradecode-login-card img[src*="codebw-logo"] {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    padding: 0 !important;
}

.tradecode-brand-lockup-premium,
.tradecode-public-brand.tradecode-brand-lockup-premium {
    gap: 0.9rem !important;
}

.tradecode-public-topbar,
.tradecode-header-premium,
.tradecode-login-header {
    width: min(96vw, 1760px) !important;
    max-width: min(96vw, 1760px) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    background:
        radial-gradient(circle at 100% 50%, rgba(36, 242, 118, 0.13), transparent 18rem),
        linear-gradient(135deg, rgba(3, 10, 12, 0.98), rgba(5, 12, 19, 0.97)) !important;
    border: 1px solid rgba(141, 255, 186, 0.22) !important;
    box-shadow: 0 1.5rem 5rem rgba(0, 0, 0, 0.46) !important;
}

.tradecode-header-premium {
    position: sticky !important;
    top: 0.85rem !important;
}

.tradecode-desktop-nav,
.tradecode-public-nav {
    overflow: visible !important;
    scrollbar-width: none !important;
}

.tradecode-desktop-nav::-webkit-scrollbar,
.tradecode-public-nav::-webkit-scrollbar {
    display: none !important;
}

.tradecode-desktop-nav {
    background: rgba(255, 255, 255, 0.035) !important;
    border: 1px solid rgba(255, 255, 255, 0.075) !important;
    flex-wrap: wrap !important;
    justify-content: flex-start !important;
}

.tradecode-nav-link,
.tradecode-public-nav a {
    color: rgba(255, 255, 255, 0.88) !important;
    font-weight: 900 !important;
}

.tradecode-nav-link.active,
.tradecode-public-login,
.tradecode-public-actions .btn-light,
.tradecode-login-submit {
    background: linear-gradient(135deg, #9fffd0, #52e99b) !important;
    border-color: rgba(141, 255, 186, 0.55) !important;
    color: #020407 !important;
    box-shadow: 0 1rem 3rem rgba(36, 242, 118, 0.22) !important;
}

.tradecode-public-hero,
.tradecode-command-center,
.tradecode-workbench {
    width: min(96vw, 1760px) !important;
    max-width: min(96vw, 1760px) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    background:
        radial-gradient(circle at 0 0, rgba(111, 147, 255, 0.14), transparent 32rem),
        radial-gradient(circle at 100% 100%, rgba(36, 242, 118, 0.17), transparent 34rem),
        linear-gradient(145deg, #05070d 0%, #07101d 52%, #020407 100%) !important;
    border: 1px solid rgba(255, 255, 255, 0.16) !important;
    box-shadow: 0 2rem 7rem rgba(0, 0, 0, 0.52) !important;
}

.tradecode-public-hero h1,
.tradecode-command-center h1,
.tradecode-workbench h1 {
    color: #ffffff !important;
    /*text-shadow: 0 0.1rem 0 rgba(0, 0, 0, 0.6) !important;*/
}

.tradecode-login-card {
    width: min(96vw, 960px) !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

.tradecode-login-form-panel {
    color: #111827 !important;
}

.tradecode-login-form-panel .form-control::placeholder {
    color: #94a3b8 !important;
}

.offline-card,
.tradecode-offline-card {
    background: rgba(255, 255, 255, 0.98) !important;
    color: #0f172a !important;
}

@media (max-width: 767.98px) {
    .tradecode-brand-lockup-premium,
    .tradecode-public-brand.tradecode-brand-lockup-premium {
        gap: 0.75rem !important;
    }

    .tradecode-public-topbar,
    .tradecode-header-premium,
    .tradecode-login-header,
    .tradecode-public-hero,
    .tradecode-command-center,
    .tradecode-workbench {
        width: calc(100vw - 1rem) !important;
    }
}


/* CompileFix24: homepage-first launch, transparent CBW logo lockup, login contrast redesign */
:root {
    --cbw-fix24-bg: #020707;
    --cbw-fix24-panel: rgba(3, 12, 14, 0.965);
    --cbw-fix24-panel-soft: rgba(8, 19, 25, 0.92);
    --cbw-fix24-border: rgba(148, 255, 211, 0.24);
    --cbw-fix24-border-soft: rgba(255, 255, 255, 0.12);
    --cbw-fix24-text: #f8fbff;
    --cbw-fix24-muted: rgba(235, 246, 255, 0.74);
    --cbw-fix24-faint: rgba(235, 246, 255, 0.55);
    --cbw-fix24-green: #69f7bf;
    --cbw-fix24-green-strong: #24f276;
    --cbw-fix24-cta: linear-gradient(135deg, #a4ffdf 0%, #56eaa6 100%);
    --cbw-fix24-shadow: 0 2rem 7rem rgba(0, 0, 0, 0.52);
}

body.tradecode-public-body,
body.tradecode-app.tradecode-login-body,
body.tradecode-app.tradecode-authenticated {
    background:
        radial-gradient(circle at 5% 0%, rgba(108, 136, 255, 0.16), transparent 28rem),
        radial-gradient(circle at 97% 8%, rgba(36, 242, 118, 0.12), transparent 30rem),
        linear-gradient(180deg, #020707 0%, #030909 42%, #05070d 100%) !important;
    color: var(--cbw-fix24-text) !important;
}

.dashboard-shell,
.tradecode-public-shell {
    max-width: none !important;
    width: 100% !important;
    padding: clamp(0.95rem, 1.9vw, 2.2rem) !important;
}

.tradecode-public-topbar,
.tradecode-header-premium {
    align-items: center !important;
    background:
        radial-gradient(circle at 100% 50%, rgba(105, 247, 191, 0.12), transparent 20rem),
        linear-gradient(135deg, rgba(5, 15, 18, 0.985), rgba(3, 10, 12, 0.97)) !important;
    border: 1px solid var(--cbw-fix24-border) !important;
    border-radius: 1.55rem !important;
    box-shadow: 0 1.25rem 4rem rgba(0, 0, 0, 0.42) !important;
    gap: clamp(0.8rem, 1.5vw, 1.4rem) !important;
    margin: 0 auto clamp(2.1rem, 3.8vw, 3.8rem) !important;
    max-width: min(96vw, 1760px) !important;
    min-height: 5rem !important;
    padding: 0.78rem 1.35rem !important;
    width: min(96vw, 1760px) !important;
}

.tradecode-header-premium {
    margin-bottom: 1.5rem !important;
    position: sticky !important;
    top: 0.85rem !important;
}

.tradecode-brand-lockup,
.tradecode-brand-lockup-premium,
.tradecode-public-brand.tradecode-brand-lockup-premium,
.tradecode-header .tradecode-brand-lockup-premium,
.tradecode-login-card .tradecode-brand-lockup-premium,
.tradecode-mobile-menu .tradecode-brand-lockup-premium {
    align-items: center !important;
    display: inline-flex !important;
    gap: clamp(0.62rem, 0.8vw, 0.82rem) !important;
    min-width: 0 !important;
}

.tradecode-brand-logo,
.tradecode-public-mini-brand img,
.tradecode-login-card img[src*="codebw-logo"],
.tradecode-public-orbit-logo img {
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    display: block !important;
    filter: none !important;
    object-fit: contain !important;
    padding: 0 !important;
}

.tradecode-brand-logo {
    height: clamp(3.05rem, 3.15vw, 3.85rem) !important;
    width: clamp(3.05rem, 3.15vw, 3.85rem) !important;
}

.codebw-wordmark {
    align-items: flex-start !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    line-height: 1 !important;
    min-width: 0 !important;
    transform: translateY(0.02rem);
}

.tradecode-header .codebw-brand,
.tradecode-public-brand .codebw-brand,
.tradecode-login-card .codebw-brand,
.tradecode-mobile-menu .codebw-brand {
    color: #ffffff !important;
    font-size: clamp(0.9rem, 0.88vw, 1.05rem) !important;
    font-weight: 950 !important;
    letter-spacing: 0.035em !important;
    line-height: 1 !important;
    text-shadow: 0 0.08rem 0 rgba(0, 0, 0, 0.5) !important;
    text-transform: uppercase !important;
    white-space: nowrap !important;
}

.tradecode-header .hotelcode-brand,
.tradecode-public-brand .hotelcode-brand,
.tradecode-login-card .hotelcode-brand,
.tradecode-mobile-menu .hotelcode-brand {
    color: rgba(226, 255, 243, 0.94) !important;
    font-size: clamp(0.72rem, 0.72vw, 0.86rem) !important;
    font-weight: 850 !important;
    letter-spacing: 0.11em !important;
    line-height: 1 !important;
    margin-top: 0.34rem !important;
    text-transform: uppercase !important;
    white-space: nowrap !important;
}

.tradecode-public-nav,
.tradecode-desktop-nav {
    align-items: center !important;
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 0.55rem !important;
    justify-content: flex-end !important;
    overflow: visible !important;
    scrollbar-width: none !important;
}

.tradecode-public-nav a,
.tradecode-nav-link,
.tradecode-header-actions .btn,
.tradecode-ghost-action {
    align-items: center !important;
    border: 1px solid transparent !important;
    border-radius: 999px !important;
    color: rgba(255, 255, 255, 0.9) !important;
    display: inline-flex !important;
    font-size: 0.9rem !important;
    font-weight: 850 !important;
    gap: 0.42rem !important;
    line-height: 1 !important;
    min-height: 2.55rem !important;
    padding: 0.72rem 0.98rem !important;
    text-decoration: none !important;
    white-space: nowrap !important;
}

.tradecode-public-nav a:hover,
.tradecode-nav-link:hover,
.tradecode-header-actions .btn:hover,
.tradecode-ghost-action:hover {
    background: rgba(255, 255, 255, 0.055) !important;
    border-color: rgba(255, 255, 255, 0.13) !important;
    color: #ffffff !important;
}

.tradecode-public-nav .tradecode-public-login,
.tradecode-nav-link.active,
.tradecode-menu-button,
.tradecode-public-actions .btn-light,
.tradecode-command-actions .btn-primary,
.tradecode-login-submit {
    background: var(--cbw-fix24-cta) !important;
    border-color: rgba(150, 255, 222, 0.68) !important;
    color: #020707 !important;
    font-weight: 950 !important;
    box-shadow: 0 1rem 3rem rgba(36, 242, 118, 0.24), inset 0 1px 0 rgba(255, 255, 255, 0.48) !important;
}

.tradecode-public-nav .tradecode-public-ghost {
    background: rgba(3, 14, 15, 0.48) !important;
    border-color: rgba(105, 247, 191, 0.34) !important;
}

.tradecode-public-hero,
.tradecode-command-center,
.tradecode-workbench {
    background:
        radial-gradient(circle at 0 0, rgba(108, 136, 255, 0.16), transparent 31rem),
        radial-gradient(circle at 100% 100%, rgba(36, 242, 118, 0.18), transparent 33rem),
        linear-gradient(145deg, rgba(9, 17, 31, 0.98) 0%, rgba(3, 12, 14, 0.995) 58%, rgba(1, 7, 7, 0.995) 100%) !important;
    border: 1px solid rgba(201, 244, 232, 0.19) !important;
    border-radius: 2rem !important;
    box-shadow: var(--cbw-fix24-shadow) !important;
    margin-inline: auto !important;
    max-width: min(96vw, 1760px) !important;
    width: min(96vw, 1760px) !important;
}

.tradecode-public-hero-v2,
.tradecode-public-hero {
    align-items: center !important;
    display: grid !important;
    gap: clamp(2rem, 4vw, 5rem) !important;
    grid-template-columns: minmax(0, 1.08fr) minmax(24rem, 0.92fr) !important;
    min-height: clamp(39rem, 68vh, 51rem) !important;
    padding: clamp(2.25rem, 4.1vw, 5rem) !important;
}

.tradecode-public-kicker,
.tradecode-command-kicker,
.tradecode-login-kicker {
    align-items: center !important;
    background: linear-gradient(135deg, rgba(170, 255, 229, 0.98), rgba(104, 248, 190, 0.98)) !important;
    border: 0 !important;
    border-radius: 999px !important;
    color: #02110e !important;
    display: inline-flex !important;
    font-size: clamp(0.72rem, 0.75vw, 0.86rem) !important;
    font-weight: 950 !important;
    gap: 0.48rem !important;
    letter-spacing: 0.14em !important;
    padding: 0.58rem 0.92rem !important;
    text-transform: uppercase !important;
}

.tradecode-public-hero h1,
.tradecode-command-center h1,
.tradecode-workbench h1 {
    color: #ffffff !important;
    font-size: clamp(3.4rem, 6.6vw, 6.85rem) !important;
    font-weight: 950 !important;
    letter-spacing: -0.074em !important;
    line-height: 0.92 !important;
    margin-top: 1.05rem !important;
    max-width: 61rem !important;
    /*text-shadow: 0 0.12rem 0 rgba(0, 0, 0, 0.55) !important;*/
}

.tradecode-public-hero p {
    color: rgba(238, 246, 255, 0.86) !important;
    font-size: clamp(1.04rem, 1.15vw, 1.32rem) !important;
    line-height: 1.7 !important;
    max-width: 54rem !important;
}

.tradecode-public-actions {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 0.8rem !important;
    margin-top: 1.5rem !important;
}

.tradecode-public-actions .btn {
    align-items: center !important;
    border-radius: 999px !important;
    display: inline-flex !important;
    font-weight: 950 !important;
    min-height: 3.2rem !important;
    padding-inline: 1.15rem !important;
}

.tradecode-public-actions .btn-outline-light,
.tradecode-command-actions .btn-outline-primary {
    background: rgba(3, 14, 15, 0.48) !important;
    border-color: rgba(105, 247, 191, 0.42) !important;
    color: #ffffff !important;
}

.tradecode-public-proof {
    color: rgba(238, 246, 255, 0.78) !important;
    gap: 0.8rem !important;
}

.tradecode-public-window-v2,
.tradecode-public-window {
    background:
        radial-gradient(circle at 100% 100%, rgba(36, 242, 118, 0.12), transparent 20rem),
        linear-gradient(180deg, rgba(5, 18, 22, 0.96), rgba(3, 10, 14, 0.985)) !important;
    border: 1px solid rgba(201, 244, 232, 0.20) !important;
    border-radius: 1.35rem !important;
    box-shadow: 0 1.5rem 5rem rgba(0, 0, 0, 0.44) !important;
    color: var(--cbw-fix24-text) !important;
}

.tradecode-public-stat-grid article,
.tradecode-public-market div,
.tradecode-public-module-grid article,
.tradecode-public-advisor,
.tradecode-public-security article {
    background: rgba(0, 0, 0, 0.17) !important;
    border-color: rgba(201, 244, 232, 0.17) !important;
    color: var(--cbw-fix24-text) !important;
}

.tradecode-public-stat-grid strong {
    color: #ffffff !important;
    font-size: clamp(1.7rem, 2.3vw, 2.25rem) !important;
}

.tradecode-public-stat-grid span,
.tradecode-public-stat-grid small,
.tradecode-public-market span,
.tradecode-public-module-grid span,
.tradecode-public-section-head p,
.tradecode-public-advisor p,
.tradecode-public-security span {
    color: var(--cbw-fix24-muted) !important;
}

.tradecode-public-tabs span.active,
.tradecode-live-pill,
.tradecode-status-pill {
    background: rgba(36, 242, 118, 0.16) !important;
    border: 1px solid rgba(105, 247, 191, 0.40) !important;
    color: #9fffd0 !important;
}

.tradecode-auth-page {
    align-items: center !important;
    display: flex !important;
    justify-content: center !important;
    min-height: calc(100vh - 4rem) !important;
    padding: clamp(1rem, 2vw, 2.2rem) 0 !important;
}

.tradecode-login-card.tradecode-login-card-v2 {
    background:
        radial-gradient(circle at 0 0, rgba(108, 136, 255, 0.12), transparent 28rem),
        radial-gradient(circle at 100% 100%, rgba(36, 242, 118, 0.13), transparent 26rem),
        linear-gradient(145deg, rgba(7, 16, 27, 0.98), rgba(2, 8, 10, 0.99)) !important;
    border: 1px solid rgba(201, 244, 232, 0.20) !important;
    border-radius: 2rem !important;
    box-shadow: var(--cbw-fix24-shadow) !important;
    color: var(--cbw-fix24-text) !important;
    margin: 0 auto !important;
    max-width: min(96vw, 1120px) !important;
    overflow: hidden !important;
    width: min(96vw, 1120px) !important;
}

.tradecode-login-card-v2 .tradecode-login-shell {
    display: grid !important;
    grid-template-columns: minmax(22rem, 0.95fr) minmax(0, 1.05fr) !important;
    min-height: min(42rem, calc(100vh - 5rem)) !important;
}

.tradecode-login-card-v2 .tradecode-login-side {
    background:
        radial-gradient(circle at 0 0, rgba(105, 247, 191, 0.16), transparent 20rem),
        linear-gradient(150deg, rgba(4, 15, 18, 0.94), rgba(6, 15, 28, 0.96)) !important;
    color: #ffffff !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 2.1rem !important;
    justify-content: space-between !important;
    padding: clamp(2rem, 3vw, 3rem) !important;
}

.tradecode-login-side-copy h1 {
    color: #ffffff !important;
    font-size: clamp(2.35rem, 3.4vw, 3.55rem) !important;
    font-weight: 950 !important;
    letter-spacing: -0.065em !important;
    line-height: 0.94 !important;
    margin: 1rem 0 1rem !important;
    text-shadow: 0 0.12rem 0 rgba(0, 0, 0, 0.55) !important;
}

.tradecode-login-side-copy p {
    color: rgba(238, 246, 255, 0.78) !important;
    font-size: 1.04rem !important;
    line-height: 1.65 !important;
    max-width: 29rem !important;
}

.tradecode-login-proof-grid {
    display: grid !important;
    gap: 0.8rem !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

.tradecode-login-proof-grid article {
    background: rgba(0, 0, 0, 0.20) !important;
    border: 1px solid rgba(201, 244, 232, 0.16) !important;
    border-radius: 1.05rem !important;
    padding: 0.95rem !important;
}

.tradecode-login-proof-grid span,
.tradecode-login-proof-grid small {
    color: rgba(238, 246, 255, 0.62) !important;
    display: block !important;
    font-size: 0.76rem !important;
    line-height: 1.35 !important;
}

.tradecode-login-proof-grid strong {
    color: #ffffff !important;
    display: block !important;
    font-size: 1rem !important;
    font-weight: 950 !important;
    line-height: 1.15 !important;
    margin: 0.25rem 0 !important;
}

.tradecode-login-card-v2 .tradecode-login-form-panel {
    background:
        radial-gradient(circle at 100% 0, rgba(36, 242, 118, 0.08), transparent 18rem),
        linear-gradient(180deg, rgba(7, 18, 24, 0.98), rgba(3, 10, 14, 0.985)) !important;
    color: var(--cbw-fix24-text) !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
}

.tradecode-login-heading p,
.tradecode-login-form-panel p,
.tradecode-login-form-panel .text-body-secondary {
    color: rgba(238, 246, 255, 0.70) !important;
}

.tradecode-login-heading .text-uppercase {
    color: #8dffba !important;
    font-size: 0.8rem !important;
    letter-spacing: 0.13em !important;
}

.tradecode-login-form-panel .h2,
.tradecode-login-form-panel h2,
.tradecode-login-form-panel label,
.tradecode-login-form-panel .form-check-label {
    color: #ffffff !important;
}

.tradecode-login-card-v2 .form-control,
.tradecode-login-card-v2 .form-floating > .form-control {
    background: rgba(255, 255, 255, 0.075) !important;
    border: 1px solid rgba(201, 244, 232, 0.19) !important;
    border-radius: 1rem !important;
    box-shadow: none !important;
    color: #ffffff !important;
    min-height: 3.55rem !important;
}

.tradecode-login-card-v2 .form-control:focus,
.tradecode-login-card-v2 .form-floating > .form-control:focus {
    background: rgba(255, 255, 255, 0.10) !important;
    border-color: rgba(105, 247, 191, 0.58) !important;
    box-shadow: 0 0 0 0.25rem rgba(36, 242, 118, 0.13) !important;
    color: #ffffff !important;
}

.tradecode-login-card-v2 .form-floating > label {
    color: rgba(238, 246, 255, 0.66) !important;
}

.tradecode-login-card-v2 .form-floating > .form-control:focus ~ label,
.tradecode-login-card-v2 .form-floating > .form-control:not(:placeholder-shown) ~ label {
    color: rgba(238, 246, 255, 0.78) !important;
}

.tradecode-login-card-v2 .form-check-input {
    background-color: rgba(255, 255, 255, 0.075) !important;
    border-color: rgba(201, 244, 232, 0.25) !important;
}

.tradecode-login-card-v2 .form-check-input:checked {
    background-color: var(--cbw-fix24-green-strong) !important;
    border-color: var(--cbw-fix24-green-strong) !important;
}

.tradecode-login-submit {
    border-radius: 1rem !important;
    min-height: 3.55rem !important;
}

.tradecode-login-help.alert {
    background: rgba(36, 242, 118, 0.10) !important;
    border: 1px solid rgba(105, 247, 191, 0.24) !important;
    border-radius: 1rem !important;
    color: rgba(238, 246, 255, 0.82) !important;
}

.tradecode-login-help code {
    color: #9fffd0 !important;
}

.offline-card,
.tradecode-offline-card {
    background: rgba(3, 12, 14, 0.98) !important;
    border: 1px solid rgba(201, 244, 232, 0.20) !important;
    color: var(--cbw-fix24-text) !important;
}

@media (max-width: 1199.98px) {
    .tradecode-public-topbar {
        align-items: flex-start !important;
        flex-direction: column !important;
    }

    .tradecode-public-nav {
        justify-content: flex-start !important;
        width: 100% !important;
    }

    .tradecode-public-hero-v2,
    .tradecode-public-hero {
        grid-template-columns: 1fr !important;
        min-height: auto !important;
    }
}

@media (max-width: 991.98px) {
    .tradecode-login-card-v2 .tradecode-login-shell {
        display: block !important;
        min-height: 0 !important;
    }

    .tradecode-login-card-v2 .tradecode-login-side {
        display: none !important;
    }

    .tradecode-login-card-v2 .tradecode-login-form-panel {
        min-height: auto !important;
    }
}

@media (max-width: 767.98px) {
    .dashboard-shell,
    .tradecode-public-shell {
        padding: 0.65rem !important;
    }

    .tradecode-public-topbar,
    .tradecode-header-premium,
    .tradecode-public-hero,
    .tradecode-command-center,
    .tradecode-workbench,
    .tradecode-login-card.tradecode-login-card-v2 {
        border-radius: 1.25rem !important;
        width: calc(100vw - 1rem) !important;
    }

    .tradecode-brand-lockup,
    .tradecode-brand-lockup-premium,
    .tradecode-public-brand.tradecode-brand-lockup-premium {
        gap: 0.58rem !important;
    }

    .tradecode-brand-logo {
        height: 3rem !important;
        width: 3rem !important;
    }

    .tradecode-header .codebw-brand,
    .tradecode-public-brand .codebw-brand,
    .tradecode-login-card .codebw-brand,
    .tradecode-mobile-menu .codebw-brand {
        font-size: 0.72rem !important;
        letter-spacing: 0.025em !important;
    }

    .tradecode-header .hotelcode-brand,
    .tradecode-public-brand .hotelcode-brand,
    .tradecode-login-card .hotelcode-brand,
    .tradecode-mobile-menu .hotelcode-brand {
        font-size: 0.66rem !important;
        letter-spacing: 0.10em !important;
        margin-top: 0.28rem !important;
    }

    .tradecode-public-nav a,
    .tradecode-nav-link {
        font-size: 0.82rem !important;
        min-height: 2.35rem !important;
        padding: 0.62rem 0.78rem !important;
    }

    .tradecode-public-hero {
        padding: 1.25rem !important;
    }

    .tradecode-public-hero h1 {
        font-size: clamp(2.55rem, 13vw, 4rem) !important;
        letter-spacing: -0.065em !important;
    }

    .tradecode-login-proof-grid {
        grid-template-columns: 1fr !important;
    }
}


/* CompileFix26: CodeBlackWhite visual-gap-zero corporate full-screen pass */
:root {
    --cbw26-bg: #020806;
    --cbw26-panel: rgba(4, 14, 14, 0.94);
    --cbw26-panel-strong: rgba(2, 8, 10, 0.98);
    --cbw26-border: rgba(167, 255, 220, 0.24);
    --cbw26-border-soft: rgba(255, 255, 255, 0.11);
    --cbw26-text: #f8fbff;
    --cbw26-muted: rgba(236, 244, 255, 0.74);
    --cbw26-faint: rgba(236, 244, 255, 0.54);
    --cbw26-green: #8fffd8;
    --cbw26-green-strong: #45e6a8;
    --cbw26-blue: #6c88ff;
    --cbw26-shadow: 0 2rem 5.5rem rgba(0, 0, 0, 0.38);
    --cbw26-shadow-soft: 0 1.2rem 3rem rgba(0, 0, 0, 0.22);
    --cbw26-radius: clamp(1.25rem, 1.8vw, 2rem);
    --cbw26-page-pad: clamp(0.75rem, 1.25vw, 1.35rem);
}

html {
    background: var(--cbw26-bg) !important;
}

body.tradecode-public-body,
body.tradecode-app,
body.tradecode-login-body {
    min-height: 100vh !important;
    color: var(--cbw26-text) !important;
    background:
        radial-gradient(circle at 8% -8%, rgba(108, 136, 255, 0.18), transparent 28rem),
        radial-gradient(circle at 92% 0%, rgba(143, 255, 216, 0.13), transparent 32rem),
        radial-gradient(circle at 50% 105%, rgba(36, 242, 118, 0.10), transparent 28rem),
        linear-gradient(180deg, #020806 0%, #02090a 54%, #04100f 100%) !important;
    font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
    overflow-x: hidden !important;
}

.dashboard-shell {
    width: 100% !important;
    max-width: none !important;
}

.tradecode-public-shell,
.tradecode-corporate-shell {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: var(--cbw26-page-pad) !important;
}

.tradecode-public-main {
    display: grid !important;
    gap: clamp(1rem, 1.4vw, 1.5rem) !important;
    width: 100% !important;
}

.tradecode-public-topbar,
.tradecode-header-premium,
.tradecode-public-hero,
.tradecode-public-modules,
.tradecode-public-advisor,
.tradecode-public-security,
.tradecode-public-footer {
    width: 100% !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.tradecode-public-topbar,
.tradecode-header-premium {
    align-items: center !important;
    background:
        radial-gradient(circle at 0% 0%, rgba(143, 255, 216, 0.10), transparent 18rem),
        linear-gradient(135deg, rgba(6, 16, 20, 0.94), rgba(2, 8, 10, 0.96)) !important;
    border: 1px solid var(--cbw26-border) !important;
    border-radius: var(--cbw26-radius) !important;
    box-shadow: var(--cbw26-shadow-soft) !important;
    min-height: 4.95rem !important;
    padding: clamp(0.72rem, 0.95vw, 1rem) clamp(1rem, 1.5vw, 1.55rem) !important;
}

.tradecode-public-topbar {
    display: flex !important;
    justify-content: space-between !important;
    gap: 1rem !important;
    margin-bottom: clamp(1rem, 1.4vw, 1.5rem) !important;
    position: sticky !important;
    top: var(--cbw26-page-pad) !important;
    z-index: 30 !important;
    backdrop-filter: blur(22px) !important;
}

/* Reference zip visual-gap-zero logo lockup */
.tradecode-brand-lockup-premium,
.tradecode-public-brand.tradecode-brand-lockup-premium,
.tradecode-header .tradecode-brand-lockup-premium,
.tradecode-login-card .tradecode-brand-lockup-premium,
.tradecode-mobile-menu .tradecode-brand-lockup-premium,
.tradecode-public-footer .tradecode-brand-lockup-premium {
    display: inline-flex !important;
    align-items: center !important;
    gap: 0 !important;
    min-width: 0 !important;
    color: inherit !important;
    text-decoration: none !important;
}

.tradecode-brand-logo {
    box-sizing: border-box !important;
    display: block !important;
    width: clamp(3.55rem, 3.35vw, 4.25rem) !important;
    height: clamp(3.55rem, 3.35vw, 4.25rem) !important;
    min-width: clamp(3.55rem, 3.35vw, 4.25rem) !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    outline: 0 !important;
    object-fit: contain !important;
    background: transparent !important;
    box-shadow: none !important;
    filter: none !important;
    flex: 0 0 auto !important;
}

.tradecode-login-card .tradecode-brand-logo {
    width: clamp(4.1rem, 4.7vw, 5.1rem) !important;
    height: clamp(4.1rem, 4.7vw, 5.1rem) !important;
    min-width: clamp(4.1rem, 4.7vw, 5.1rem) !important;
}

.codebw-wordmark,
.tradecode-header .codebw-wordmark,
.tradecode-public-brand .codebw-wordmark,
.tradecode-login-card .codebw-wordmark,
.tradecode-mobile-menu .codebw-wordmark,
.tradecode-public-footer .codebw-wordmark {
    display: inline-grid !important;
    justify-items: end !important;
    width: max-content !important;
    min-width: 0 !important;
    margin-left: -0.28rem !important;
    gap: 0.14rem !important;
    line-height: 1 !important;
}

.tradecode-header .codebw-brand,
.tradecode-public-brand .codebw-brand,
.tradecode-login-card .codebw-brand,
.tradecode-mobile-menu .codebw-brand,
.tradecode-public-footer .codebw-brand {
    display: block !important;
    width: auto !important;
    max-width: none !important;
    margin: 0 !important;
    overflow: hidden !important;
    color: #ffffff !important;
    font-size: clamp(1.02rem, 1.08vw, 1.24rem) !important;
    font-weight: 1000 !important;
    letter-spacing: 0.035em !important;
    line-height: 1 !important;
    text-align: right !important;
    text-align-last: auto !important;
    text-shadow: 0 0.1rem 0 rgba(0, 0, 0, 0.42) !important;
    text-transform: uppercase !important;
    white-space: nowrap !important;
}

.tradecode-header .hotelcode-brand,
.tradecode-public-brand .hotelcode-brand,
.tradecode-login-card .hotelcode-brand,
.tradecode-mobile-menu .hotelcode-brand,
.tradecode-public-footer .hotelcode-brand {
    display: block !important;
    width: auto !important;
    max-width: none !important;
    margin: 0.18rem 0 0 !important;
    overflow: hidden !important;
    color: rgba(216, 255, 240, 0.82) !important;
    font-size: clamp(0.66rem, 0.7vw, 0.78rem) !important;
    font-weight: 760 !important;
    letter-spacing: 0.035em !important;
    line-height: 1 !important;
    text-align: right !important;
    text-align-last: auto !important;
    text-transform: uppercase !important;
    white-space: nowrap !important;
}

.tradecode-public-nav,
.tradecode-desktop-nav {
    align-items: center !important;
    gap: clamp(0.45rem, 0.72vw, 0.82rem) !important;
    min-width: 0 !important;
    scrollbar-width: none !important;
}

.tradecode-public-nav {
    display: flex !important;
    flex: 1 1 auto !important;
    flex-wrap: nowrap !important;
    justify-content: flex-end !important;
    overflow-x: auto !important;
}

.tradecode-public-nav::-webkit-scrollbar {
    display: none !important;
}

.tradecode-public-nav a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0.36rem !important;
    min-height: 2.55rem !important;
    padding: 0.54rem 0.82rem !important;
    border-radius: 999px !important;
    color: rgba(239, 248, 255, 0.82) !important;
    font-size: clamp(0.78rem, 0.78vw, 0.9rem) !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    text-decoration: none !important;
    white-space: nowrap !important;
    transition: background-color 180ms ease, border-color 180ms ease, color 180ms ease, transform 180ms ease !important;
}

.tradecode-public-nav a:hover,
.tradecode-public-nav a:focus-visible {
    color: #ffffff !important;
    background: rgba(143, 255, 216, 0.08) !important;
    transform: translateY(-0.05rem) !important;
}

.tradecode-public-nav .tradecode-public-ghost,
.tradecode-public-nav .tradecode-public-login,
.tradecode-public-nav .brand-nav-cta {
    border: 1px solid rgba(143, 255, 216, 0.33) !important;
    color: #d8fff0 !important;
    background: rgba(143, 255, 216, 0.08) !important;
    box-shadow: none !important;
}

.tradecode-public-nav .tradecode-public-login {
    color: #03100b !important;
    background: linear-gradient(135deg, #8fffd8, #45e6a8) !important;
    border-color: rgba(143, 255, 216, 0.55) !important;
    box-shadow: 0 0.85rem 2rem rgba(69, 230, 168, 0.18) !important;
}

.tradecode-public-hero,
.tradecode-public-hero-v2 {
    position: relative !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1.05fr) minmax(28rem, 0.95fr) !important;
    align-items: center !important;
    gap: clamp(2rem, 4.6vw, 5rem) !important;
    min-height: calc(100vh - 7.7rem) !important;
    overflow: hidden !important;
    padding: clamp(2rem, 5.2vw, 5.2rem) !important;
    border: 1px solid var(--cbw26-border-soft) !important;
    border-radius: var(--cbw26-radius) !important;
    background:
        radial-gradient(circle at 12% 0%, rgba(108, 136, 255, 0.18), transparent 28rem),
        radial-gradient(circle at 88% 96%, rgba(36, 242, 118, 0.18), transparent 30rem),
        linear-gradient(135deg, rgba(6, 16, 20, 0.97), rgba(2, 8, 10, 0.99)) !important;
    box-shadow: var(--cbw26-shadow) !important;
}

.tradecode-public-hero::after {
    content: "" !important;
    position: absolute !important;
    inset: auto -8rem -12rem auto !important;
    width: 34rem !important;
    height: 34rem !important;
    border-radius: 999px !important;
    background: radial-gradient(circle, rgba(143, 255, 216, 0.18), transparent 68%) !important;
    pointer-events: none !important;
}

.tradecode-public-hero-copy,
.tradecode-public-visual {
    position: relative !important;
    z-index: 1 !important;
}

.tradecode-public-kicker,
.tradecode-public-eyebrow,
.tradecode-public-section-head > span,
.tradecode-login-kicker {
    display: inline-flex !important;
    align-items: center !important;
    gap: 0.45rem !important;
    width: fit-content !important;
    padding: 0.55rem 0.85rem !important;
    border: 1px solid rgba(143, 255, 216, 0.28) !important;
    border-radius: 999px !important;
    color: #06110c !important;
    background: linear-gradient(135deg, #baffea, #79f5c3) !important;
    font-size: 0.78rem !important;
    font-weight: 1000 !important;
    letter-spacing: 0.12em !important;
    text-transform: uppercase !important;
}

.tradecode-public-hero h1 {
    max-width: 58rem !important;
    margin: 1.1rem 0 0 !important;
    color: #ffffff !important;
    font-size: clamp(3.2rem, 6.25vw, 6.5rem) !important;
    font-weight: 1000 !important;
    letter-spacing: -0.075em !important;
    line-height: 0.92 !important;
    /*text-shadow: 0 0.14rem 0 rgba(0, 0, 0, 0.62) !important;*/
}

.tradecode-public-hero p,
.tradecode-public-section-head p,
.tradecode-public-advisor p,
.tradecode-public-security span,
.tradecode-public-footer p {
    color: var(--cbw26-muted) !important;
}

.tradecode-public-hero p {
    max-width: 58rem !important;
    margin: 1.35rem 0 0 !important;
    font-size: clamp(1.02rem, 1.2vw, 1.22rem) !important;
    line-height: 1.75 !important;
}

.tradecode-public-actions,
.landing-actions {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 0.75rem !important;
    margin-top: 1.65rem !important;
}

.tradecode-public-actions .btn,
.tradecode-login-submit,
.tradecode-login-card .btn {
    border-radius: 999px !important;
    font-weight: 950 !important;
    letter-spacing: -0.02em !important;
}

.tradecode-public-actions .btn-light,
.tradecode-login-submit {
    color: #03100b !important;
    background: linear-gradient(135deg, #8fffd8, #45e6a8) !important;
    border-color: rgba(143, 255, 216, 0.7) !important;
    box-shadow: 0 1rem 2.4rem rgba(69, 230, 168, 0.22) !important;
}

.tradecode-public-actions .btn-outline-light,
.tradecode-login-card .btn-outline-light {
    color: #d8fff0 !important;
    border-color: rgba(143, 255, 216, 0.35) !important;
    background: rgba(143, 255, 216, 0.06) !important;
}

.tradecode-public-proof {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 0.55rem !important;
    margin-top: 1.25rem !important;
}

.tradecode-public-proof span {
    display: inline-flex !important;
    align-items: center !important;
    gap: 0.45rem !important;
    padding: 0.48rem 0.72rem !important;
    border: 1px solid rgba(255, 255, 255, 0.14) !important;
    border-radius: 999px !important;
    color: rgba(239, 248, 255, 0.86) !important;
    background: rgba(255, 255, 255, 0.06) !important;
    font-size: 0.84rem !important;
    font-weight: 850 !important;
}

.tradecode-public-window,
.tradecode-public-window-v2,
.tradecode-public-modules,
.tradecode-public-advisor,
.tradecode-public-security,
.tradecode-public-footer {
    border: 1px solid var(--cbw26-border-soft) !important;
    background:
        radial-gradient(circle at 100% 0%, rgba(143, 255, 216, 0.10), transparent 18rem),
        linear-gradient(145deg, rgba(7, 17, 22, 0.96), rgba(2, 8, 10, 0.98)) !important;
    box-shadow: var(--cbw26-shadow-soft) !important;
}

.tradecode-public-window,
.tradecode-public-window-v2 {
    width: min(100%, 52rem) !important;
    margin-left: auto !important;
    padding: clamp(1rem, 1.4vw, 1.3rem) !important;
    border-radius: clamp(1.35rem, 1.7vw, 1.85rem) !important;
}

.tradecode-public-window-head,
.tradecode-public-mini-brand,
.tradecode-public-window-head > span {
    display: flex !important;
    align-items: center !important;
}

.tradecode-public-window-head {
    justify-content: space-between !important;
    gap: 1rem !important;
    margin-bottom: 1rem !important;
}

.tradecode-public-mini-brand {
    gap: 0.65rem !important;
    color: #ffffff !important;
    font-weight: 950 !important;
}

.tradecode-public-mini-brand img {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

.tradecode-public-window-head > span,
.tradecode-live-pill,
.tradecode-status-pill {
    gap: 0.35rem !important;
    color: #9fffd0 !important;
    background: rgba(36, 242, 118, 0.16) !important;
    border: 1px solid rgba(105, 247, 191, 0.40) !important;
    border-radius: 999px !important;
    font-size: 0.78rem !important;
    font-weight: 950 !important;
    padding: 0.44rem 0.7rem !important;
}

.tradecode-public-tabs,
.tradecode-public-stat-grid,
.tradecode-public-market,
.tradecode-public-module-grid {
    display: grid !important;
    gap: 0.8rem !important;
}

.tradecode-public-tabs {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    margin-bottom: 0.9rem !important;
}

.tradecode-public-tabs span,
.tradecode-public-stat-grid article,
.tradecode-public-market div,
.tradecode-public-module-grid article,
.tradecode-public-security article,
.tradecode-login-proof-grid article {
    border: 1px solid rgba(201, 244, 232, 0.16) !important;
    background: rgba(0, 0, 0, 0.17) !important;
    color: var(--cbw26-text) !important;
}

.tradecode-public-tabs span {
    padding: 0.65rem 0.75rem !important;
    border-radius: 999px !important;
    color: var(--cbw26-muted) !important;
    font-size: 0.8rem !important;
    font-weight: 850 !important;
    text-align: center !important;
}

.tradecode-public-tabs span.active {
    color: #06110c !important;
    background: linear-gradient(135deg, #baffea, #79f5c3) !important;
    border-color: rgba(143, 255, 216, 0.55) !important;
}

.tradecode-public-stat-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

.tradecode-public-stat-grid article,
.tradecode-public-market div,
.tradecode-public-module-grid article {
    border-radius: 1.15rem !important;
    padding: 1rem !important;
}

.tradecode-public-stat-grid span,
.tradecode-public-stat-grid small,
.tradecode-public-market span,
.tradecode-public-module-grid span {
    display: block !important;
    color: var(--cbw26-muted) !important;
}

.tradecode-public-stat-grid strong {
    display: block !important;
    margin: 0.25rem 0 !important;
    color: #ffffff !important;
    font-size: clamp(1.7rem, 2.25vw, 2.25rem) !important;
    font-weight: 1000 !important;
    letter-spacing: -0.055em !important;
}

.tradecode-public-chart {
    height: clamp(11rem, 16vw, 17rem) !important;
    margin: 0.9rem 0 !important;
    overflow: hidden !important;
    border: 1px solid rgba(201, 244, 232, 0.12) !important;
    border-radius: 1.15rem !important;
    background: rgba(0, 0, 0, 0.18) !important;
}

.tradecode-public-chart svg {
    width: 100% !important;
    height: 100% !important;
}

.tradecode-public-market {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

.tradecode-public-market strong {
    color: #ffffff !important;
    font-size: 1rem !important;
    font-weight: 950 !important;
}

.tradecode-public-market em {
    display: inline-flex !important;
    margin-top: 0.35rem !important;
    font-style: normal !important;
    font-weight: 950 !important;
}

.tradecode-public-market .up {
    color: #8fffd8 !important;
}

.tradecode-public-market .down {
    color: #ff9a9a !important;
}

.tradecode-public-modules,
.tradecode-public-advisor,
.tradecode-public-security,
.tradecode-public-footer {
    border-radius: var(--cbw26-radius) !important;
    padding: clamp(1.4rem, 3vw, 3rem) !important;
}

.tradecode-public-section-head {
    max-width: 58rem !important;
    margin-bottom: 1.3rem !important;
}

.tradecode-public-section-head h2,
.tradecode-public-advisor h2 {
    color: #ffffff !important;
    font-size: clamp(2rem, 4vw, 4rem) !important;
    font-weight: 1000 !important;
    letter-spacing: -0.065em !important;
    line-height: 1 !important;
    margin: 0.9rem 0 0 !important;
}

.tradecode-public-module-grid {
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
}

.tradecode-public-module-grid article {
    min-height: 13rem !important;
    transition: transform 180ms ease, border-color 180ms ease, box-shadow 180ms ease !important;
}

.tradecode-public-module-grid article:hover {
    border-color: rgba(143, 255, 216, 0.34) !important;
    box-shadow: 0 1.2rem 2.6rem rgba(0, 0, 0, 0.24) !important;
    transform: translateY(-0.18rem) !important;
}

.tradecode-public-module-grid i,
.tradecode-public-security i {
    display: inline-grid !important;
    place-items: center !important;
    width: 2.75rem !important;
    height: 2.75rem !important;
    margin-bottom: 0.9rem !important;
    border-radius: 0.95rem !important;
    color: #06110c !important;
    background: linear-gradient(135deg, #8fffd8, #45e6a8) !important;
    font-size: 1.2rem !important;
}

.tradecode-public-module-grid strong,
.tradecode-public-security strong {
    display: block !important;
    color: #ffffff !important;
    font-size: 1.05rem !important;
    font-weight: 950 !important;
    margin-bottom: 0.35rem !important;
}

.tradecode-public-advisor {
    display: grid !important;
    grid-template-columns: minmax(0, 0.95fr) minmax(22rem, 1.05fr) !important;
    align-items: center !important;
    gap: clamp(1.5rem, 3vw, 3rem) !important;
}

.tradecode-public-advisor-orbit {
    position: relative !important;
    min-height: 24rem !important;
    border: 1px solid rgba(201, 244, 232, 0.14) !important;
    border-radius: 1.5rem !important;
    background:
        radial-gradient(circle at 50% 50%, rgba(143, 255, 216, 0.13), transparent 14rem),
        rgba(0, 0, 0, 0.16) !important;
}

.tradecode-public-orbit-logo {
    position: absolute !important;
    inset: 50% auto auto 50% !important;
    transform: translate(-50%, -50%) !important;
}

.tradecode-public-orbit-logo img {
    width: clamp(6rem, 8vw, 8.5rem) !important;
    height: clamp(6rem, 8vw, 8.5rem) !important;
    object-fit: contain !important;
}

.advisor-card {
    position: absolute !important;
    width: min(13.5rem, 42%) !important;
    padding: 1rem !important;
    border: 1px solid rgba(201, 244, 232, 0.16) !important;
    border-radius: 1.15rem !important;
    background: rgba(0, 0, 0, 0.22) !important;
    color: #ffffff !important;
}

.advisor-card span,
.advisor-card small {
    display: block !important;
    color: var(--cbw26-muted) !important;
}

.advisor-card strong {
    color: #ffffff !important;
    font-size: 1.35rem !important;
    font-weight: 1000 !important;
}

.advisor-a {
    left: 1.1rem !important;
    top: 1.1rem !important;
}

.advisor-b {
    right: 1.1rem !important;
    top: 45% !important;
}

.advisor-c {
    left: 14% !important;
    bottom: 1.1rem !important;
}

.tradecode-public-security {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 1rem !important;
}

.tradecode-public-security article {
    display: flex !important;
    align-items: flex-start !important;
    gap: 1rem !important;
    border-radius: 1.25rem !important;
    padding: 1.15rem !important;
}

.tradecode-public-security i {
    flex: 0 0 auto !important;
    margin: 0 !important;
}

.tradecode-public-footer {
    margin-top: clamp(1rem, 1.4vw, 1.5rem) !important;
}

.tradecode-public-footer-grid {
    display: grid !important;
    grid-template-columns: minmax(0, 1.35fr) repeat(3, minmax(10rem, 0.7fr)) !important;
    gap: clamp(1rem, 2.5vw, 2rem) !important;
    align-items: flex-start !important;
}

.tradecode-login-footer .tradecode-public-footer-grid {
    grid-template-columns: minmax(0, 1.35fr) minmax(10rem, 0.65fr) !important;
}

.tradecode-public-footer-brand {
    display: grid !important;
    gap: 1rem !important;
    max-width: 38rem !important;
}

.tradecode-public-footer-column {
    display: grid !important;
    gap: 0.55rem !important;
}

.tradecode-public-footer-column strong {
    color: #ffffff !important;
    font-size: 0.78rem !important;
    font-weight: 1000 !important;
    letter-spacing: 0.12em !important;
    text-transform: uppercase !important;
}

.tradecode-public-footer-column a {
    width: fit-content !important;
    color: var(--cbw26-muted) !important;
    font-size: 0.94rem !important;
    font-weight: 750 !important;
    text-decoration: none !important;
    transition: color 160ms ease, transform 160ms ease !important;
}

.tradecode-public-footer-column a:hover,
.tradecode-public-footer-column a:focus-visible {
    color: var(--cbw26-green) !important;
    transform: translateX(0.12rem) !important;
}

.tradecode-public-footer-bottom {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 0.5rem 1rem !important;
    justify-content: space-between !important;
    margin-top: clamp(1.25rem, 2.4vw, 2rem) !important;
    padding-top: 1rem !important;
    border-top: 1px solid rgba(201, 244, 232, 0.14) !important;
    color: var(--cbw26-faint) !important;
    font-size: 0.84rem !important;
    font-weight: 750 !important;
}

/* Login contrast and full-width corporate shell */
.tradecode-login-header {
    width: 100% !important;
    max-width: none !important;
    margin: 0 0 clamp(1rem, 1.4vw, 1.5rem) !important;
}

.tradecode-login-body .dashboard-shell,
.auth-body .dashboard-shell {
    padding: var(--cbw26-page-pad) !important;
}

.tradecode-auth-page {
    width: 100% !important;
    min-height: calc(100vh - 13rem) !important;
    padding: 0 !important;
}

.tradecode-login-card.tradecode-login-card-v2 {
    width: 100% !important;
    max-width: none !important;
    min-height: calc(100vh - 13rem) !important;
    margin: 0 !important;
    border-radius: var(--cbw26-radius) !important;
    background:
        radial-gradient(circle at 0% 0%, rgba(108, 136, 255, 0.13), transparent 28rem),
        radial-gradient(circle at 100% 100%, rgba(143, 255, 216, 0.12), transparent 28rem),
        linear-gradient(145deg, rgba(7, 16, 27, 0.98), rgba(2, 8, 10, 0.99)) !important;
    border: 1px solid var(--cbw26-border-soft) !important;
    box-shadow: var(--cbw26-shadow) !important;
}

.tradecode-login-card-v2 .tradecode-login-shell {
    min-height: calc(100vh - 13rem) !important;
    grid-template-columns: minmax(24rem, 0.95fr) minmax(0, 1.05fr) !important;
}

.tradecode-login-card-v2 .tradecode-login-side,
.tradecode-login-form-panel {
    color: #ffffff !important;
}

.tradecode-login-card-v2 .tradecode-login-side {
    background:
        radial-gradient(circle at 0 0, rgba(143, 255, 216, 0.16), transparent 21rem),
        radial-gradient(circle at 100% 100%, rgba(108, 136, 255, 0.12), transparent 22rem),
        linear-gradient(150deg, rgba(4, 15, 18, 0.96), rgba(6, 15, 28, 0.94)) !important;
}

.tradecode-login-form-panel {
    background:
        radial-gradient(circle at 100% 0%, rgba(143, 255, 216, 0.09), transparent 18rem),
        linear-gradient(180deg, rgba(6, 16, 20, 0.94), rgba(2, 8, 10, 0.98)) !important;
}

.tradecode-login-heading p,
.tradecode-login-help,
.tradecode-login-side-copy p,
.tradecode-login-proof-grid span,
.tradecode-login-proof-grid small {
    color: var(--cbw26-muted) !important;
}

.tradecode-login-heading h2,
.tradecode-login-side-copy h1 {
    color: #ffffff !important;
}

.tradecode-login-heading h2 {
    font-weight: 1000 !important;
    letter-spacing: -0.055em !important;
}

.tradecode-login-card .form-floating > label,
.tradecode-login-card .form-check-label {
    color: rgba(239, 248, 255, 0.72) !important;
}

.tradecode-login-card .form-control,
.tradecode-login-card .form-check-input {
    color: #ffffff !important;
    background-color: rgba(0, 0, 0, 0.28) !important;
    border-color: rgba(201, 244, 232, 0.22) !important;
}

.tradecode-login-card .form-control::placeholder {
    color: rgba(239, 248, 255, 0.42) !important;
}

.tradecode-login-card .form-control:focus {
    color: #ffffff !important;
    background-color: rgba(0, 0, 0, 0.36) !important;
    border-color: rgba(143, 255, 216, 0.72) !important;
    box-shadow: 0 0 0 0.22rem rgba(143, 255, 216, 0.14) !important;
}

.tradecode-login-card .form-floating > .form-control:focus ~ label,
.tradecode-login-card .form-floating > .form-control:not(:placeholder-shown) ~ label {
    color: rgba(216, 255, 240, 0.78) !important;
}

.tradecode-login-help {
    border-color: rgba(143, 255, 216, 0.18) !important;
    background: rgba(143, 255, 216, 0.07) !important;
}

.tradecode-login-help code {
    color: #baffea !important;
}

.tradecode-login-footer {
    margin-top: clamp(1rem, 1.4vw, 1.5rem) !important;
}

@media (max-width: 1399.98px) {
    .tradecode-public-module-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 1199.98px) {
    .tradecode-public-hero,
    .tradecode-public-advisor {
        grid-template-columns: 1fr !important;
    }

    .tradecode-public-window,
    .tradecode-public-window-v2 {
        margin-left: 0 !important;
        width: 100% !important;
    }

    .tradecode-public-footer-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 991.98px) {
    .tradecode-public-topbar,
    .tradecode-header-main-row {
        align-items: flex-start !important;
        flex-direction: column !important;
    }

    .tradecode-public-nav {
        justify-content: flex-start !important;
        flex-wrap: wrap !important;
        width: 100% !important;
    }

    .tradecode-public-hero,
    .tradecode-public-modules,
    .tradecode-public-advisor,
    .tradecode-public-security,
    .tradecode-public-footer {
        padding: 1.15rem !important;
    }

    .tradecode-public-hero {
        min-height: auto !important;
    }

    .tradecode-login-card-v2 .tradecode-login-shell {
        grid-template-columns: 1fr !important;
        min-height: auto !important;
    }

    .tradecode-login-card.tradecode-login-card-v2 {
        min-height: auto !important;
    }

    .tradecode-public-security,
    .tradecode-public-stat-grid,
    .tradecode-public-market,
    .tradecode-public-tabs {
        grid-template-columns: 1fr !important;
    }
}

@media (max-width: 575.98px) {
    :root {
        --cbw26-page-pad: 0.65rem;
    }

    .tradecode-brand-logo {
        width: 3.2rem !important;
        height: 3.2rem !important;
        min-width: 3.2rem !important;
    }

    .codebw-wordmark,
    .tradecode-header .codebw-wordmark,
    .tradecode-public-brand .codebw-wordmark,
    .tradecode-login-card .codebw-wordmark,
    .tradecode-mobile-menu .codebw-wordmark,
    .tradecode-public-footer .codebw-wordmark {
        margin-left: -0.22rem !important;
        gap: 0.12rem !important;
    }

    .tradecode-header .codebw-brand,
    .tradecode-public-brand .codebw-brand,
    .tradecode-login-card .codebw-brand,
    .tradecode-mobile-menu .codebw-brand,
    .tradecode-public-footer .codebw-brand {
        font-size: 0.92rem !important;
        letter-spacing: 0.02em !important;
    }

    .tradecode-header .hotelcode-brand,
    .tradecode-public-brand .hotelcode-brand,
    .tradecode-login-card .hotelcode-brand,
    .tradecode-mobile-menu .hotelcode-brand,
    .tradecode-public-footer .hotelcode-brand {
        font-size: 0.58rem !important;
        letter-spacing: 0.02em !important;
    }

    .tradecode-public-hero h1 {
        font-size: clamp(2.5rem, 15vw, 3.8rem) !important;
    }

    .tradecode-public-module-grid,
    .tradecode-public-footer-grid,
    .tradecode-login-footer .tradecode-public-footer-grid {
        grid-template-columns: 1fr !important;
    }

    .advisor-card {
        position: static !important;
        width: auto !important;
        margin: 0.75rem !important;
    }

    .tradecode-public-advisor-orbit {
        display: grid !important;
        gap: 0.75rem !important;
        min-height: auto !important;
        padding: 1rem 0 !important;
    }

    .tradecode-public-orbit-logo {
        position: static !important;
        transform: none !important;
        display: grid !important;
        place-items: center !important;
    }
}


/* CompileFix27: authenticated dashboard full-screen corporate unification */
:root {
    --cbw27-bg: #020806;
    --cbw27-panel: rgba(4, 14, 14, 0.94);
    --cbw27-panel-strong: rgba(2, 8, 10, 0.98);
    --cbw27-panel-soft: rgba(8, 21, 25, 0.82);
    --cbw27-border: rgba(167, 255, 220, 0.24);
    --cbw27-border-soft: rgba(255, 255, 255, 0.11);
    --cbw27-text: #f8fbff;
    --cbw27-muted: rgba(236, 244, 255, 0.74);
    --cbw27-faint: rgba(236, 244, 255, 0.52);
    --cbw27-green: #8fffd8;
    --cbw27-green-strong: #45e6a8;
    --cbw27-blue: #6c88ff;
    --cbw27-red: #ff7d90;
    --cbw27-amber: #ffd98a;
    --cbw27-radius: clamp(1.2rem, 1.65vw, 1.85rem);
    --cbw27-page-pad: clamp(0.75rem, 1.1vw, 1.2rem);
    --cbw27-gap: clamp(0.95rem, 1.35vw, 1.45rem);
    --cbw27-shadow: 0 2rem 5.5rem rgba(0, 0, 0, 0.38);
    --cbw27-shadow-soft: 0 1.2rem 3.2rem rgba(0, 0, 0, 0.24);
}

.tradecode-authenticated {
    color: var(--cbw27-text) !important;
    background:
        radial-gradient(circle at 0% -8%, rgba(108, 136, 255, 0.18), transparent 28rem),
        radial-gradient(circle at 100% 0%, rgba(143, 255, 216, 0.13), transparent 31rem),
        radial-gradient(circle at 50% 110%, rgba(36, 242, 118, 0.09), transparent 31rem),
        linear-gradient(180deg, #020806 0%, #02090a 54%, #04100f 100%) !important;
}

.tradecode-authenticated .dashboard-shell {
    display: flex !important;
    flex-direction: column !important;
    gap: var(--cbw27-gap) !important;
    min-height: 100vh !important;
    max-width: none !important;
    width: 100% !important;
    margin: 0 !important;
    padding: var(--cbw27-page-pad) !important;
}

.tradecode-authenticated .pwa-update-banner {
    margin: 0 !important;
    border: 1px solid rgba(143, 255, 216, 0.24) !important;
    border-radius: 1.15rem !important;
    color: var(--cbw27-text) !important;
    background: rgba(6, 18, 20, 0.96) !important;
}

.tradecode-authenticated .tradecode-header-premium {
    position: sticky !important;
    top: var(--cbw27-page-pad) !important;
    z-index: 1020 !important;
    margin: 0 !important;
    width: 100% !important;
    border: 1px solid var(--cbw27-border) !important;
    border-radius: var(--cbw27-radius) !important;
    background:
        radial-gradient(circle at 0% 0%, rgba(143, 255, 216, 0.10), transparent 18rem),
        linear-gradient(135deg, rgba(6, 16, 20, 0.94), rgba(2, 8, 10, 0.96)) !important;
    box-shadow: var(--cbw27-shadow-soft) !important;
    backdrop-filter: blur(22px) !important;
}

.tradecode-authenticated .tradecode-header-main-row {
    align-items: center !important;
    min-width: 0 !important;
}

.tradecode-authenticated .tradecode-desktop-nav {
    width: 100% !important;
    max-width: none !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 0.45rem !important;
    overflow-x: auto !important;
    padding: 0.42rem !important;
    border: 1px solid rgba(201, 244, 232, 0.13) !important;
    border-radius: 1.2rem !important;
    background: rgba(0, 0, 0, 0.17) !important;
    scrollbar-width: none !important;
}

.tradecode-authenticated .tradecode-desktop-nav::-webkit-scrollbar {
    display: none !important;
}

.tradecode-authenticated .tradecode-nav-link {
    min-height: 2.45rem !important;
    padding: 0.58rem 0.82rem !important;
    border: 1px solid transparent !important;
    color: rgba(239, 248, 255, 0.78) !important;
    font-size: clamp(0.76rem, 0.76vw, 0.88rem) !important;
    font-weight: 920 !important;
    letter-spacing: -0.015em !important;
}

.tradecode-authenticated .tradecode-nav-link:hover,
.tradecode-authenticated .tradecode-nav-link:focus-visible {
    color: #ffffff !important;
    border-color: rgba(143, 255, 216, 0.20) !important;
    background: rgba(143, 255, 216, 0.08) !important;
}

.tradecode-authenticated .tradecode-nav-link.active {
    color: #03100b !important;
    border-color: rgba(143, 255, 216, 0.58) !important;
    background: linear-gradient(135deg, #8fffd8, #45e6a8) !important;
    box-shadow: 0 0.85rem 2rem rgba(69, 230, 168, 0.16) !important;
}

.tradecode-authenticated .auth-status .badge,
.tradecode-authenticated .tradecode-ghost-action,
.tradecode-authenticated .tradecode-menu-button {
    border-color: rgba(143, 255, 216, 0.24) !important;
    color: rgba(239, 248, 255, 0.86) !important;
    background: rgba(143, 255, 216, 0.06) !important;
}

.tradecode-authenticated .auth-status .btn-outline-danger {
    color: #ffc4cc !important;
    border-color: rgba(255, 125, 144, 0.36) !important;
    background: rgba(255, 125, 144, 0.07) !important;
}

.tradecode-authenticated .tradecode-command-center,
.tradecode-authenticated .dashboard-hero.tradecode-command-hero {
    width: 100% !important;
    margin: 0 0 var(--cbw27-gap) !important;
    border: 1px solid var(--cbw27-border-soft) !important;
    border-radius: var(--cbw27-radius) !important;
    color: var(--cbw27-text) !important;
    background:
        radial-gradient(circle at 10% 0%, rgba(108, 136, 255, 0.16), transparent 28rem),
        radial-gradient(circle at 90% 100%, rgba(36, 242, 118, 0.16), transparent 30rem),
        linear-gradient(135deg, rgba(6, 16, 20, 0.97), rgba(2, 8, 10, 0.99)) !important;
    box-shadow: var(--cbw27-shadow) !important;
    overflow: hidden !important;
}

.tradecode-authenticated .tradecode-command-center {
    grid-template-columns: minmax(0, 1.05fr) minmax(28rem, 0.95fr) !important;
    gap: clamp(1.25rem, 3vw, 3.2rem) !important;
    min-height: clamp(25rem, 43vh, 36rem) !important;
    padding: clamp(1.45rem, 3.2vw, 3.3rem) !important;
}

.tradecode-authenticated .dashboard-hero.tradecode-command-hero {
    padding: clamp(1.25rem, 2.3vw, 2.35rem) !important;
}

.tradecode-authenticated .dashboard-hero.tradecode-command-hero > .d-flex {
    align-items: center !important;
}

.tradecode-authenticated .tradecode-command-kicker,
.tradecode-authenticated .dashboard-hero p:first-child,
.tradecode-authenticated .text-uppercase.fw-semibold {
    display: inline-flex !important;
    align-items: center !important;
    gap: 0.45rem !important;
    width: fit-content !important;
    margin-bottom: 0.9rem !important;
    padding: 0.5rem 0.82rem !important;
    border: 1px solid rgba(143, 255, 216, 0.28) !important;
    border-radius: 999px !important;
    color: #06110c !important;
    background: linear-gradient(135deg, #baffea, #79f5c3) !important;
    font-size: 0.78rem !important;
    font-weight: 1000 !important;
    letter-spacing: 0.10em !important;
    line-height: 1 !important;
    text-transform: uppercase !important;
}

.tradecode-authenticated .tradecode-command-copy h1,
.tradecode-authenticated .tradecode-workbench-heading h1,
.tradecode-authenticated .dashboard-hero h1,
.tradecode-authenticated .display-6 {
    color: #ffffff !important;
    font-size: clamp(2.25rem, 4.4vw, 5.4rem) !important;
    font-weight: 1000 !important;
    letter-spacing: -0.072em !important;
    line-height: 0.96 !important;
    /*text-shadow: 0 0.14rem 0 rgba(0, 0, 0, 0.52) !important;*/
}

.tradecode-authenticated .dashboard-hero h1,
.tradecode-authenticated .display-6 {
    font-size: clamp(2.1rem, 3.4vw, 4.25rem) !important;
}

.tradecode-authenticated .tradecode-command-copy p,
.tradecode-authenticated .dashboard-hero p,
.tradecode-authenticated .tradecode-command-proof span,
.tradecode-authenticated .tradecode-workbench-heading span,
.tradecode-authenticated .tradecode-workbench-time span {
    color: var(--cbw27-muted) !important;
}

.tradecode-authenticated .tradecode-command-copy p,
.tradecode-authenticated .dashboard-hero p.mb-0 {
    max-width: 62rem !important;
    font-size: clamp(0.98rem, 1.05vw, 1.12rem) !important;
    line-height: 1.75 !important;
}

.tradecode-authenticated .tradecode-workbench-time,
.tradecode-authenticated .tradecode-command-preview,
.tradecode-authenticated .tradecode-filter-preview {
    border: 1px solid rgba(201, 244, 232, 0.14) !important;
    border-radius: 1.35rem !important;
    background:
        radial-gradient(circle at 100% 0%, rgba(143, 255, 216, 0.10), transparent 18rem),
        linear-gradient(145deg, rgba(7, 17, 22, 0.92), rgba(2, 8, 10, 0.97)) !important;
    box-shadow: 0 1.25rem 3.6rem rgba(0, 0, 0, 0.30) !important;
}

.tradecode-authenticated .tradecode-workbench-grid article,
.tradecode-authenticated .tradecode-preview-grid div,
.tradecode-authenticated .tradecode-public-stat-grid article {
    border: 1px solid rgba(201, 244, 232, 0.14) !important;
    border-radius: 1.1rem !important;
    color: var(--cbw27-text) !important;
    background: rgba(0, 0, 0, 0.18) !important;
}

.tradecode-authenticated .tradecode-workbench-grid span,
.tradecode-authenticated .tradecode-preview-header span,
.tradecode-authenticated .tradecode-preview-grid span,
.tradecode-authenticated .tradecode-preview-value span {
    color: var(--cbw27-faint) !important;
    font-weight: 900 !important;
    letter-spacing: 0.07em !important;
    text-transform: uppercase !important;
}

.tradecode-authenticated .tradecode-workbench-grid strong,
.tradecode-authenticated .tradecode-preview-header strong,
.tradecode-authenticated .tradecode-preview-grid strong,
.tradecode-authenticated .tradecode-preview-value strong {
    color: #ffffff !important;
    font-weight: 1000 !important;
}

.tradecode-authenticated .tradecode-command-actions .btn,
.tradecode-authenticated .dashboard-hero .btn,
.tradecode-authenticated .tradecode-filter-actions .btn,
.tradecode-authenticated .card .btn {
    border-radius: 999px !important;
    font-weight: 950 !important;
    letter-spacing: -0.015em !important;
}

.tradecode-authenticated .btn-primary {
    --bs-btn-color: #03100b;
    --bs-btn-bg: #8fffd8;
    --bs-btn-border-color: rgba(143, 255, 216, 0.70);
    --bs-btn-hover-color: #03100b;
    --bs-btn-hover-bg: #baffea;
    --bs-btn-hover-border-color: #baffea;
    --bs-btn-active-color: #03100b;
    --bs-btn-active-bg: #45e6a8;
    --bs-btn-active-border-color: #45e6a8;
    box-shadow: 0 0.85rem 2rem rgba(69, 230, 168, 0.18) !important;
}

.tradecode-authenticated .btn-outline-primary,
.tradecode-authenticated .btn-outline-secondary,
.tradecode-authenticated .btn-outline-light {
    --bs-btn-color: #d8fff0;
    --bs-btn-border-color: rgba(143, 255, 216, 0.34);
    --bs-btn-hover-color: #ffffff;
    --bs-btn-hover-bg: rgba(143, 255, 216, 0.10);
    --bs-btn-hover-border-color: rgba(143, 255, 216, 0.54);
    --bs-btn-active-color: #03100b;
    --bs-btn-active-bg: #8fffd8;
    --bs-btn-active-border-color: #8fffd8;
    background: rgba(143, 255, 216, 0.055) !important;
}

.tradecode-authenticated .btn-success,
.tradecode-authenticated .btn-outline-success {
    --bs-btn-color: #03100b;
    --bs-btn-bg: #8fffd8;
    --bs-btn-border-color: rgba(143, 255, 216, 0.60);
    --bs-btn-hover-color: #03100b;
    --bs-btn-hover-bg: #baffea;
    --bs-btn-hover-border-color: #baffea;
}

.tradecode-authenticated .btn-danger,
.tradecode-authenticated .btn-outline-danger {
    --bs-btn-color: #fff;
    --bs-btn-bg: rgba(255, 125, 144, 0.22);
    --bs-btn-border-color: rgba(255, 125, 144, 0.42);
    --bs-btn-hover-bg: rgba(255, 125, 144, 0.34);
    --bs-btn-hover-border-color: rgba(255, 125, 144, 0.58);
}

.tradecode-authenticated .tradecode-kpi-grid {
    width: 100% !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: var(--cbw27-gap) !important;
    margin-bottom: var(--cbw27-gap) !important;
}

.tradecode-authenticated .tradecode-kpi-card,
.tradecode-authenticated .metric-card,
.tradecode-authenticated .dashboard-card,
.tradecode-authenticated .tradecode-panel,
.tradecode-authenticated .card {
    border: 1px solid rgba(201, 244, 232, 0.14) !important;
    border-radius: var(--cbw27-radius) !important;
    color: var(--cbw27-text) !important;
    background:
        radial-gradient(circle at 100% 0%, rgba(143, 255, 216, 0.08), transparent 15rem),
        linear-gradient(145deg, rgba(7, 17, 22, 0.94), rgba(2, 8, 10, 0.98)) !important;
    box-shadow: var(--cbw27-shadow-soft) !important;
}

.tradecode-authenticated .tradecode-kpi-card {
    min-height: 9.5rem !important;
    padding: clamp(1rem, 1.25vw, 1.28rem) !important;
}

.tradecode-authenticated .tradecode-kpi-card.primary {
    border-color: rgba(143, 255, 216, 0.30) !important;
    background:
        radial-gradient(circle at 100% 0%, rgba(143, 255, 216, 0.14), transparent 16rem),
        radial-gradient(circle at 0% 100%, rgba(108, 136, 255, 0.10), transparent 16rem),
        linear-gradient(145deg, rgba(6, 17, 21, 0.98), rgba(2, 8, 10, 0.99)) !important;
}

.tradecode-authenticated .metric-label {
    color: var(--cbw27-faint) !important;
    font-size: 0.78rem !important;
    font-weight: 950 !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
}

.tradecode-authenticated .metric-value {
    color: #ffffff !important;
    display: block !important;
    font-size: clamp(1.65rem, 2.2vw, 2.55rem) !important;
    font-weight: 1000 !important;
    letter-spacing: -0.06em !important;
    line-height: 1.05 !important;
    margin-top: 0.25rem !important;
}

.tradecode-authenticated .metric-subtitle {
    color: var(--cbw27-muted) !important;
    display: block !important;
    margin-top: 0.35rem !important;
}

.tradecode-authenticated .tradecode-kpi-icon,
.tradecode-authenticated .tradecode-public-security i {
    display: inline-grid !important;
    place-items: center !important;
    width: 3rem !important;
    height: 3rem !important;
    border: 1px solid rgba(143, 255, 216, 0.20) !important;
    border-radius: 1rem !important;
    color: #03100b !important;
    background: linear-gradient(135deg, #8fffd8, #45e6a8) !important;
}

.tradecode-authenticated .tradecode-kpi-icon.success,
.tradecode-authenticated .tradecode-kpi-icon.accent,
.tradecode-authenticated .tradecode-kpi-icon.danger {
    color: #03100b !important;
    background: linear-gradient(135deg, #8fffd8, #45e6a8) !important;
}

.tradecode-authenticated .tradecode-panel-grid,
.tradecode-authenticated .tradecode-panel-body .row {
    gap: var(--cbw27-gap) !important;
}

.tradecode-authenticated .tradecode-panel-grid {
    grid-template-columns: minmax(0, 1.25fr) minmax(24rem, 0.75fr) !important;
    margin-bottom: var(--cbw27-gap) !important;
}

.tradecode-authenticated .tradecode-panel-header,
.tradecode-authenticated .card-header {
    border-bottom: 1px solid rgba(201, 244, 232, 0.13) !important;
    color: var(--cbw27-text) !important;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.055), rgba(255, 255, 255, 0.022)) !important;
}

.tradecode-authenticated .tradecode-panel-header h2,
.tradecode-authenticated .card-header h2,
.tradecode-authenticated .card-title,
.tradecode-authenticated h2,
.tradecode-authenticated h3,
.tradecode-authenticated h4,
.tradecode-authenticated h5 {
    color: #ffffff !important;
    font-weight: 950 !important;
    letter-spacing: -0.035em !important;
}

.tradecode-authenticated .tradecode-panel-header span,
.tradecode-authenticated .card-header span,
.tradecode-authenticated .text-body-secondary,
.tradecode-authenticated .form-text,
.tradecode-authenticated small,
.tradecode-authenticated .small {
    color: var(--cbw27-muted) !important;
}

.tradecode-authenticated .tradecode-panel-body,
.tradecode-authenticated .card-body {
    color: var(--cbw27-text) !important;
}

.tradecode-authenticated .table-responsive,
.tradecode-authenticated .tradecode-screen .table-responsive {
    width: 100% !important;
    border: 1px solid rgba(201, 244, 232, 0.13) !important;
    border-radius: 1.15rem !important;
    background: rgba(0, 0, 0, 0.17) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.035) !important;
}

.tradecode-authenticated .table,
.tradecode-authenticated .tradecode-table {
    --bs-table-bg: transparent !important;
    --bs-table-color: var(--cbw27-text) !important;
    --bs-table-border-color: rgba(201, 244, 232, 0.11) !important;
    --bs-table-hover-bg: rgba(143, 255, 216, 0.055) !important;
    color: var(--cbw27-text) !important;
    margin: 0 !important;
}

.tradecode-authenticated .table thead th,
.tradecode-authenticated .tradecode-table thead th {
    color: rgba(216, 255, 240, 0.74) !important;
    border-bottom: 1px solid rgba(201, 244, 232, 0.14) !important;
    background: rgba(255, 255, 255, 0.035) !important;
    font-size: 0.74rem !important;
    font-weight: 950 !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
}

.tradecode-authenticated .table tbody td,
.tradecode-authenticated .tradecode-table tbody td {
    color: rgba(248, 251, 255, 0.92) !important;
    border-color: rgba(201, 244, 232, 0.09) !important;
}

.tradecode-authenticated .table tbody tr:hover > *,
.tradecode-authenticated .tradecode-table tbody tr:hover > * {
    background: rgba(143, 255, 216, 0.055) !important;
}

.tradecode-authenticated .tradecode-symbol-cell > span {
    color: #03100b !important;
    background: linear-gradient(135deg, #8fffd8, #45e6a8) !important;
    border: 0 !important;
}

.tradecode-authenticated .tradecode-symbol-cell strong,
.tradecode-authenticated .fw-semibold {
    color: #ffffff !important;
}

.tradecode-authenticated .form-control,
.tradecode-authenticated .form-select,
.tradecode-authenticated .input-group-text,
.tradecode-authenticated textarea.form-control {
    color: #ffffff !important;
    border: 1px solid rgba(201, 244, 232, 0.18) !important;
    border-radius: 0.98rem !important;
    background-color: rgba(0, 0, 0, 0.24) !important;
}

.tradecode-authenticated .input-group .form-control {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

.tradecode-authenticated .input-group .input-group-text {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}

.tradecode-authenticated .form-control::placeholder {
    color: rgba(236, 244, 255, 0.42) !important;
}

.tradecode-authenticated .form-control:focus,
.tradecode-authenticated .form-select:focus {
    color: #ffffff !important;
    border-color: rgba(143, 255, 216, 0.70) !important;
    background-color: rgba(0, 0, 0, 0.34) !important;
    box-shadow: 0 0 0 0.22rem rgba(143, 255, 216, 0.14) !important;
}

.tradecode-authenticated .form-label,
.tradecode-authenticated .form-check-label {
    color: rgba(239, 248, 255, 0.78) !important;
    font-weight: 850 !important;
}

.tradecode-authenticated .list-group,
.tradecode-authenticated .list-group-item,
.tradecode-authenticated .empty-state,
.tradecode-authenticated .tradecode-empty-state,
.tradecode-authenticated .signal-item,
.tradecode-authenticated .risk-item,
.tradecode-authenticated .paper-event-item,
.tradecode-authenticated .bot-control-event,
.tradecode-authenticated .tradecode-feed-item,
.tradecode-authenticated .tradecode-risk-ok {
    color: var(--cbw27-text) !important;
    border-color: rgba(201, 244, 232, 0.13) !important;
    background: rgba(0, 0, 0, 0.18) !important;
}

.tradecode-authenticated .empty-state i,
.tradecode-authenticated .tradecode-empty-state i,
.tradecode-authenticated .tradecode-risk-ok i {
    color: #03100b !important;
    background: linear-gradient(135deg, #8fffd8, #45e6a8) !important;
}

.tradecode-authenticated .badge,
.tradecode-authenticated .rounded-pill,
.tradecode-authenticated .tradecode-count-badge {
    border: 1px solid rgba(201, 244, 232, 0.14) !important;
    color: rgba(239, 248, 255, 0.90) !important;
    background: rgba(255, 255, 255, 0.07) !important;
    font-weight: 900 !important;
}

.tradecode-authenticated .text-bg-success,
.tradecode-authenticated .badge.text-bg-success {
    color: #baffea !important;
    border-color: rgba(143, 255, 216, 0.26) !important;
    background: rgba(143, 255, 216, 0.12) !important;
}

.tradecode-authenticated .text-bg-warning,
.tradecode-authenticated .badge.text-bg-warning {
    color: var(--cbw27-amber) !important;
    border-color: rgba(255, 217, 138, 0.28) !important;
    background: rgba(255, 217, 138, 0.12) !important;
}

.tradecode-authenticated .text-bg-light,
.tradecode-authenticated .badge.text-bg-light {
    color: rgba(239, 248, 255, 0.86) !important;
    background: rgba(255, 255, 255, 0.07) !important;
}

.tradecode-authenticated .text-success,
.tradecode-authenticated .positive,
.tradecode-authenticated .pnl-positive {
    color: var(--cbw27-green) !important;
}

.tradecode-authenticated .text-warning {
    color: var(--cbw27-amber) !important;
}

.tradecode-authenticated .text-danger,
.tradecode-authenticated .negative,
.tradecode-authenticated .pnl-negative {
    color: var(--cbw27-red) !important;
}

.tradecode-authenticated .alert {
    border-color: rgba(201, 244, 232, 0.15) !important;
    border-radius: 1.1rem !important;
    color: var(--cbw27-text) !important;
    background: rgba(5, 18, 22, 0.95) !important;
}

.tradecode-authenticated .tradecode-screen {
    width: 100% !important;
    display: block !important;
}

.tradecode-authenticated .tradecode-screen .row,
.tradecode-authenticated .row {
    --bs-gutter-x: var(--cbw27-gap);
    --bs-gutter-y: var(--cbw27-gap);
}

.tradecode-authenticated .tradecode-filter-grid {
    display: grid !important;
    gap: 0.85rem !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

.tradecode-authenticated .tradecode-filter-actions {
    align-items: end !important;
    display: flex !important;
    gap: 0.65rem !important;
}

.tradecode-authenticated .tradecode-preview-chart {
    border-color: rgba(201, 244, 232, 0.13) !important;
    background: rgba(0, 0, 0, 0.18) !important;
}

.tradecode-authenticated .tradecode-preview-line {
    stroke: var(--cbw27-green) !important;
}

.tradecode-authenticated .tradecode-preview-grid-lines {
    stroke: rgba(201, 244, 232, 0.12) !important;
}

.tradecode-dashboard-footer {
    width: 100% !important;
    margin-top: auto !important;
    padding: clamp(1.25rem, 2.4vw, 2.35rem) !important;
    border: 1px solid rgba(201, 244, 232, 0.14) !important;
    border-radius: var(--cbw27-radius) !important;
    color: var(--cbw27-text) !important;
    background:
        radial-gradient(circle at 100% 0%, rgba(143, 255, 216, 0.10), transparent 18rem),
        linear-gradient(145deg, rgba(7, 17, 22, 0.94), rgba(2, 8, 10, 0.98)) !important;
    box-shadow: var(--cbw27-shadow-soft) !important;
}

.tradecode-dashboard-footer-grid {
    display: grid !important;
    grid-template-columns: minmax(0, 1.4fr) repeat(3, minmax(10rem, 0.66fr)) !important;
    gap: clamp(1rem, 2vw, 2rem) !important;
    align-items: start !important;
}

.tradecode-dashboard-footer-brand {
    display: grid !important;
    gap: 1rem !important;
    max-width: 42rem !important;
}

.tradecode-dashboard-footer-brand p {
    color: var(--cbw27-muted) !important;
    line-height: 1.7 !important;
    margin: 0 !important;
}

.tradecode-dashboard-footer-column {
    display: grid !important;
    gap: 0.55rem !important;
}

.tradecode-dashboard-footer-column strong {
    color: #ffffff !important;
    font-size: 0.78rem !important;
    font-weight: 1000 !important;
    letter-spacing: 0.12em !important;
    text-transform: uppercase !important;
}

.tradecode-dashboard-footer-column a,
.tradecode-footer-button {
    width: fit-content !important;
    border: 0 !important;
    color: var(--cbw27-muted) !important;
    background: transparent !important;
    font-size: 0.94rem !important;
    font-weight: 780 !important;
    padding: 0 !important;
    text-decoration: none !important;
    transition: color 160ms ease, transform 160ms ease !important;
}

.tradecode-dashboard-footer-column a:hover,
.tradecode-dashboard-footer-column a:focus-visible,
.tradecode-footer-button:hover,
.tradecode-footer-button:focus-visible {
    color: var(--cbw27-green) !important;
    transform: translateX(0.12rem) !important;
}

.tradecode-dashboard-footer-bottom {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 0.5rem 1rem !important;
    justify-content: space-between !important;
    margin-top: clamp(1.15rem, 2vw, 1.8rem) !important;
    padding-top: 1rem !important;
    border-top: 1px solid rgba(201, 244, 232, 0.13) !important;
    color: var(--cbw27-faint) !important;
    font-size: 0.84rem !important;
    font-weight: 760 !important;
}

.tradecode-authenticated .mobile-bottom-nav {
    border-color: rgba(201, 244, 232, 0.14) !important;
    background: rgba(2, 8, 10, 0.96) !important;
    box-shadow: 0 -1.2rem 2.8rem rgba(0, 0, 0, 0.34) !important;
    backdrop-filter: blur(18px) !important;
}

.tradecode-authenticated .mobile-bottom-nav a {
    color: rgba(236, 244, 255, 0.62) !important;
}

.tradecode-authenticated .mobile-bottom-nav a.active,
.tradecode-authenticated .mobile-bottom-nav a:hover,
.tradecode-authenticated .mobile-bottom-nav a:focus-visible {
    color: var(--cbw27-green) !important;
}

@media (max-width: 1399.98px) {
    .tradecode-authenticated .tradecode-kpi-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    .tradecode-authenticated .tradecode-command-center {
        grid-template-columns: 1fr !important;
        min-height: auto !important;
    }

    .tradecode-dashboard-footer-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 1199.98px) {
    .tradecode-authenticated .tradecode-header-premium {
        position: relative !important;
        top: auto !important;
    }

    .tradecode-authenticated .tradecode-panel-grid {
        grid-template-columns: 1fr !important;
    }
}

@media (max-width: 991.98px) {
    .tradecode-authenticated .tradecode-header-main-row {
        align-items: flex-start !important;
        flex-direction: column !important;
    }

    .tradecode-authenticated .tradecode-header-actions {
        width: 100% !important;
        justify-content: flex-start !important;
    }

    .tradecode-authenticated .dashboard-hero.tradecode-command-hero > .d-flex {
        align-items: flex-start !important;
    }

    .tradecode-authenticated .tradecode-filter-grid,
    .tradecode-authenticated .tradecode-preview-grid {
        grid-template-columns: 1fr !important;
    }

    .tradecode-authenticated .tradecode-filter-actions {
        display: grid !important;
    }
}

@media (max-width: 767.98px) {
    .tradecode-authenticated .dashboard-shell {
        padding-bottom: 6.7rem !important;
    }

    .tradecode-authenticated .tradecode-command-center,
    .tradecode-authenticated .dashboard-hero.tradecode-command-hero,
    .tradecode-authenticated .tradecode-kpi-card,
    .tradecode-authenticated .tradecode-panel,
    .tradecode-authenticated .card,
    .tradecode-dashboard-footer {
        border-radius: 1.1rem !important;
    }

    .tradecode-authenticated .tradecode-kpi-grid,
    .tradecode-dashboard-footer-grid {
        grid-template-columns: 1fr !important;
    }
}


/* CompileFix27 footer logo lockup alignment */
.tradecode-dashboard-footer .tradecode-brand-lockup-premium {
    display: inline-flex !important;
    align-items: center !important;
    gap: 0 !important;
    width: fit-content !important;
    color: inherit !important;
    text-decoration: none !important;
}

.tradecode-dashboard-footer .tradecode-brand-logo {
    box-sizing: border-box !important;
    display: block !important;
    width: clamp(3.55rem, 3.35vw, 4.25rem) !important;
    height: clamp(3.55rem, 3.35vw, 4.25rem) !important;
    min-width: clamp(3.55rem, 3.35vw, 4.25rem) !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    object-fit: contain !important;
    background: transparent !important;
    box-shadow: none !important;
    filter: none !important;
}

.tradecode-dashboard-footer .codebw-wordmark {
    display: inline-grid !important;
    justify-items: end !important;
    width: max-content !important;
    margin-left: -0.28rem !important;
    gap: 0.14rem !important;
    line-height: 1 !important;
}

.tradecode-dashboard-footer .codebw-brand {
    color: #ffffff !important;
    font-size: clamp(1.02rem, 1.08vw, 1.24rem) !important;
    font-weight: 1000 !important;
    letter-spacing: 0.035em !important;
    line-height: 1 !important;
    text-align: right !important;
    text-shadow: 0 0.1rem 0 rgba(0, 0, 0, 0.42) !important;
    text-transform: uppercase !important;
    white-space: nowrap !important;
}

.tradecode-dashboard-footer .hotelcode-brand {
    margin: 0.18rem 0 0 !important;
    color: rgba(216, 255, 240, 0.82) !important;
    font-size: clamp(0.66rem, 0.7vw, 0.78rem) !important;
    font-weight: 760 !important;
    letter-spacing: 0.035em !important;
    line-height: 1 !important;
    text-align: right !important;
    text-transform: uppercase !important;
    white-space: nowrap !important;
}
/* CompileFix28: transparent CBW logo enforcement */
.tradecode-brand-lockup-premium,
.tradecode-public-brand.tradecode-brand-lockup-premium,
.tradecode-header .tradecode-brand-lockup-premium,
.tradecode-login-card .tradecode-brand-lockup-premium,
.tradecode-mobile-menu .tradecode-brand-lockup-premium,
.tradecode-dashboard-footer .tradecode-brand-lockup-premium,
.tradecode-login-mobile-brand .tradecode-brand-lockup-premium {
    align-items: center !important;
    display: inline-flex !important;
    gap: 0 !important;
    min-width: 0 !important;
    width: fit-content !important;
    color: inherit !important;
    text-decoration: none !important;
}

.tradecode-brand-logo,
.tradecode-public-mini-brand img,
.tradecode-public-orbit-logo img,
.tradecode-login-body .dashboard-card img[src*="codebw-logo"],
.tradecode-login-card img[src*="codebw-logo"],
.tradecode-app img[src*="codebw-logo"],
.tradecode-public-body img[src*="codebw-logo"],
body img[src*="codebw-logo-transparent"],
body img[src*="codebw-logo-green-dot"] {
    box-sizing: border-box !important;
    display: block !important;
    object-fit: contain !important;
    background: transparent !important;
    background-color: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    filter: none !important;
    outline: 0 !important;
    padding: 0 !important;
}

.tradecode-brand-logo {
    width: clamp(3.55rem, 3.35vw, 4.25rem) !important;
    height: clamp(3.55rem, 3.35vw, 4.25rem) !important;
    min-width: clamp(3.55rem, 3.35vw, 4.25rem) !important;
    margin: 0 !important;
    flex: 0 0 auto !important;
}

.tradecode-public-mini-brand img {
    width: 2rem !important;
    height: 2rem !important;
    min-width: 2rem !important;
}

.tradecode-public-orbit-logo {
    display: grid !important;
    place-items: center !important;
    background: transparent !important;
    background-color: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    outline: 0 !important;
}

.tradecode-public-orbit-logo img {
    width: 6.2rem !important;
    height: 6.2rem !important;
}

.codebw-wordmark,
.tradecode-header .codebw-wordmark,
.tradecode-public-brand .codebw-wordmark,
.tradecode-login-card .codebw-wordmark,
.tradecode-mobile-menu .codebw-wordmark,
.tradecode-dashboard-footer .codebw-wordmark {
    display: inline-grid !important;
    justify-items: end !important;
    width: max-content !important;
    min-width: 0 !important;
    margin-left: -0.28rem !important;
    gap: 0.14rem !important;
    line-height: 1 !important;
    transform: none !important;
}

.tradecode-header .codebw-brand,
.tradecode-public-brand .codebw-brand,
.tradecode-login-card .codebw-brand,
.tradecode-mobile-menu .codebw-brand,
.tradecode-dashboard-footer .codebw-brand {
    display: block !important;
    width: auto !important;
    margin: 0 !important;
    color: #ffffff !important;
    font-size: clamp(1.02rem, 1.08vw, 1.24rem) !important;
    font-weight: 1000 !important;
    letter-spacing: 0.035em !important;
    line-height: 1 !important;
    overflow: visible !important;
    text-align: right !important;
    text-transform: uppercase !important;
    white-space: nowrap !important;
}

.tradecode-header .hotelcode-brand,
.tradecode-public-brand .hotelcode-brand,
.tradecode-login-card .hotelcode-brand,
.tradecode-mobile-menu .hotelcode-brand,
.tradecode-dashboard-footer .hotelcode-brand {
    display: block !important;
    width: auto !important;
    margin: 0.18rem 0 0 !important;
    color: rgba(216, 255, 240, 0.82) !important;
    font-size: clamp(0.66rem, 0.7vw, 0.78rem) !important;
    font-weight: 760 !important;
    letter-spacing: 0.035em !important;
    line-height: 1 !important;
    overflow: visible !important;
    text-align: right !important;
    text-transform: uppercase !important;
    white-space: nowrap !important;
}

.tradecode-public-logo,
.tradecode-brand-mark,
.tradecode-brand-copy {
    display: none !important;
}

@media (max-width: 575.98px) {
    .tradecode-brand-logo {
        width: 3.15rem !important;
        height: 3.15rem !important;
        min-width: 3.15rem !important;
    }

    .codebw-wordmark,
    .tradecode-header .codebw-wordmark,
    .tradecode-public-brand .codebw-wordmark,
    .tradecode-login-card .codebw-wordmark,
    .tradecode-mobile-menu .codebw-wordmark,
    .tradecode-dashboard-footer .codebw-wordmark {
        margin-left: -0.22rem !important;
        gap: 0.12rem !important;
    }

    .tradecode-header .codebw-brand,
    .tradecode-public-brand .codebw-brand,
    .tradecode-login-card .codebw-brand,
    .tradecode-mobile-menu .codebw-brand,
    .tradecode-dashboard-footer .codebw-brand {
        font-size: 0.92rem !important;
    }

    .tradecode-header .hotelcode-brand,
    .tradecode-public-brand .hotelcode-brand,
    .tradecode-login-card .hotelcode-brand,
    .tradecode-mobile-menu .hotelcode-brand,
    .tradecode-dashboard-footer .hotelcode-brand {
        font-size: 0.62rem !important;
    }
}

/* CompileFix30: TradeCode AI wordmark sizing override */
.tradecode-header .hotelcode-brand,
.tradecode-public-brand .hotelcode-brand,
.tradecode-login-card .hotelcode-brand,
.tradecode-mobile-menu .hotelcode-brand,
.tradecode-public-footer .hotelcode-brand,
.tradecode-dashboard-footer .hotelcode-brand {
    display: block !important;
    width: auto !important;
    margin: 0.18rem 0 0 !important;
    color: rgba(216, 255, 240, 0.82) !important;
    font-size: clamp(1rem, 1vw, 1.2rem) !important;
    font-weight: 900 !important;
    letter-spacing: 0.035em !important;
    line-height: 1 !important;
    overflow: visible !important;
    text-align: right !important;
    text-transform: uppercase !important;
    white-space: nowrap !important;
}

@media (max-width: 575.98px) {
    .tradecode-header .hotelcode-brand,
    .tradecode-public-brand .hotelcode-brand,
    .tradecode-login-card .hotelcode-brand,
    .tradecode-mobile-menu .hotelcode-brand,
    .tradecode-public-footer .hotelcode-brand,
    .tradecode-dashboard-footer .hotelcode-brand {
        font-size: clamp(0.72rem, 3.2vw, 0.86rem) !important;
        letter-spacing: 0.025em !important;
    }
}

/* CompileFix31: authenticated dashboard contrast repair */
:root {
    --cbw31-contrast-panel: linear-gradient(180deg, rgba(5, 13, 18, 0.98), rgba(4, 11, 15, 0.96));
    --cbw31-contrast-panel-soft: linear-gradient(180deg, rgba(8, 18, 25, 0.96), rgba(6, 14, 20, 0.93));
    --cbw31-contrast-border: rgba(170, 255, 224, 0.24);
    --cbw31-contrast-border-soft: rgba(255, 255, 255, 0.12);
    --cbw31-contrast-text: #f8fbff;
    --cbw31-contrast-muted: rgba(235, 244, 255, 0.82);
    --cbw31-contrast-faint: rgba(235, 244, 255, 0.64);
    --cbw31-contrast-green: #97ffe0;
    --cbw31-contrast-green-strong: #49e7ab;
    --cbw31-contrast-blue: #8aa6ff;
    --cbw31-contrast-shadow: 0 1.6rem 4rem rgba(0, 0, 0, 0.30);
}

.tradecode-authenticated .tradecode-kpi-card:not(.primary),
.tradecode-authenticated .tradecode-panel,
.tradecode-authenticated .tradecode-screen .tradecode-filter-card,
.tradecode-authenticated .tradecode-screen .tradecode-panel-card,
.tradecode-authenticated .tradecode-screen .tradecode-kpi-card {
    background: var(--cbw31-contrast-panel) !important;
    border: 1px solid var(--cbw31-contrast-border-soft) !important;
    box-shadow: var(--cbw31-contrast-shadow) !important;
    color: var(--cbw31-contrast-text) !important;
}

.tradecode-authenticated .tradecode-panel-header,
.tradecode-authenticated .tradecode-screen .tradecode-filter-card .card-header,
.tradecode-authenticated .tradecode-screen .tradecode-panel-card .card-header {
    background: linear-gradient(180deg, rgba(12, 24, 34, 0.95), rgba(7, 16, 23, 0.92)) !important;
    border-bottom: 1px solid var(--cbw31-contrast-border-soft) !important;
}

.tradecode-authenticated .tradecode-panel-header > div > span,
.tradecode-authenticated .tradecode-screen .card-header .text-uppercase,
.tradecode-authenticated .tradecode-screen .metric-label,
.tradecode-authenticated .metric-label {
    color: var(--cbw31-contrast-faint) !important;
}

.tradecode-authenticated .tradecode-panel-header h2,
.tradecode-authenticated .tradecode-screen .card-header h2,
.tradecode-authenticated .tradecode-screen .card-header h3,
.tradecode-authenticated .tradecode-screen .card-title,
.tradecode-authenticated .metric-value,
.tradecode-authenticated .tradecode-symbol-cell strong,
.tradecode-authenticated .tradecode-feed-topline strong,
.tradecode-authenticated .tradecode-risk-ok strong,
.tradecode-authenticated .tradecode-empty-state strong {
    color: var(--cbw31-contrast-text) !important;
}

.tradecode-authenticated .metric-subtitle,
.tradecode-authenticated .text-body-secondary,
.tradecode-authenticated .tradecode-symbol-cell small,
.tradecode-authenticated .tradecode-feed-topline small,
.tradecode-authenticated .tradecode-feed-item p,
.tradecode-authenticated .tradecode-feed-metrics span,
.tradecode-authenticated .tradecode-risk-ok span,
.tradecode-authenticated .tradecode-empty-state span,
.tradecode-authenticated .tradecode-screen .form-text,
.tradecode-authenticated .tradecode-screen .text-body-secondary {
    color: var(--cbw31-contrast-muted) !important;
}

.tradecode-authenticated .tradecode-count-badge {
    background: rgba(255, 255, 255, 0.08) !important;
    border-color: rgba(255, 255, 255, 0.14) !important;
    color: var(--cbw31-contrast-text) !important;
}

.tradecode-authenticated .tradecode-count-badge.success {
    background: rgba(73, 231, 171, 0.16) !important;
    border-color: rgba(151, 255, 224, 0.28) !important;
    color: #d9ffee !important;
}

.tradecode-authenticated .tradecode-count-badge.danger {
    background: rgba(248, 113, 113, 0.14) !important;
    border-color: rgba(252, 165, 165, 0.24) !important;
    color: #ffd7dc !important;
}

.tradecode-authenticated .tradecode-feed-item,
.tradecode-authenticated .tradecode-risk-ok,
.tradecode-authenticated .tradecode-empty-state,
.tradecode-authenticated .empty-state,
.tradecode-authenticated .signal-item,
.tradecode-authenticated .risk-item,
.tradecode-authenticated .paper-event-item,
.tradecode-authenticated .bot-control-event {
    background: var(--cbw31-contrast-panel-soft) !important;
    border: 1px solid var(--cbw31-contrast-border-soft) !important;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.02);
}

.tradecode-authenticated .tradecode-feed-item.risk {
    background: linear-gradient(180deg, rgba(36, 13, 18, 0.98), rgba(22, 10, 15, 0.95)) !important;
    border-color: rgba(255, 160, 160, 0.22) !important;
}

.tradecode-authenticated .tradecode-feed-metrics span {
    background: rgba(255, 255, 255, 0.06) !important;
    border: 1px solid rgba(255, 255, 255, 0.10) !important;
}

.tradecode-authenticated .tradecode-feed-metrics strong {
    color: var(--cbw31-contrast-text) !important;
}

.tradecode-authenticated .tradecode-empty-state i,
.tradecode-authenticated .tradecode-risk-ok i {
    background: linear-gradient(180deg, rgba(151, 255, 224, 0.18), rgba(73, 231, 171, 0.12)) !important;
    border: 1px solid rgba(151, 255, 224, 0.22);
    color: var(--cbw31-contrast-green) !important;
}

.tradecode-authenticated .tradecode-kpi-icon {
    background: rgba(255, 255, 255, 0.08) !important;
    border: 1px solid rgba(255, 255, 255, 0.10);
    color: var(--cbw31-contrast-text) !important;
}

.tradecode-authenticated .tradecode-kpi-icon.success {
    background: rgba(73, 231, 171, 0.16) !important;
    color: var(--cbw31-contrast-green) !important;
}

.tradecode-authenticated .tradecode-kpi-icon.accent {
    background: rgba(138, 166, 255, 0.18) !important;
    color: #c9d4ff !important;
}

.tradecode-authenticated .tradecode-kpi-icon.danger {
    background: rgba(248, 113, 113, 0.14) !important;
    color: #ffd7dc !important;
}

.tradecode-authenticated .table-responsive,
.tradecode-authenticated .tradecode-screen .table-responsive {
    background: rgba(4, 11, 15, 0.88) !important;
    border-color: rgba(255, 255, 255, 0.10) !important;
}

.tradecode-authenticated .tradecode-table thead th,
.tradecode-authenticated .tradecode-screen .table thead th,
.tradecode-authenticated .tradecode-panel .paper-trading-table thead th {
    background: rgba(255, 255, 255, 0.04) !important;
    border-bottom-color: rgba(255, 255, 255, 0.10) !important;
    color: var(--cbw31-contrast-faint) !important;
}

.tradecode-authenticated .tradecode-table tbody td,
.tradecode-authenticated .tradecode-screen .table tbody td,
.tradecode-authenticated .tradecode-panel .paper-trading-table tbody td {
    border-bottom-color: rgba(255, 255, 255, 0.08) !important;
    color: var(--cbw31-contrast-text) !important;
}

.tradecode-authenticated .tradecode-table tbody tr:hover td,
.tradecode-authenticated .tradecode-screen .table tbody tr:hover,
.tradecode-authenticated .tradecode-panel .paper-trading-table tbody tr:hover td {
    background: rgba(151, 255, 224, 0.05) !important;
}

.tradecode-authenticated .tradecode-screen .list-group-item,
.tradecode-authenticated .tradecode-screen .alert,
.tradecode-authenticated .tradecode-screen .form-control,
.tradecode-authenticated .tradecode-screen .form-select,
.tradecode-authenticated .tradecode-screen .input-group-text {
    background: rgba(255, 255, 255, 0.06) !important;
    border-color: rgba(255, 255, 255, 0.12) !important;
    color: var(--cbw31-contrast-text) !important;
}

.tradecode-authenticated .tradecode-screen .form-control::placeholder {
    color: rgba(235, 244, 255, 0.48) !important;
}

.tradecode-authenticated .tradecode-status-pill,
.tradecode-login-body .tradecode-status-pill {
    background: rgba(73, 231, 171, 0.16) !important;
    border-color: rgba(151, 255, 224, 0.32) !important;
    color: #d9ffee !important;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.03), 0 0 0.75rem rgba(73, 231, 171, 0.08);
}

.tradecode-authenticated .tradecode-status-pill i,
.tradecode-login-body .tradecode-status-pill i {
    color: var(--cbw31-contrast-green) !important;
}

.onboarding-tour-modal .modal-content {
    background: linear-gradient(180deg, rgba(6, 14, 20, 0.985), rgba(4, 11, 15, 0.97)) !important;
    border: 1px solid rgba(255, 255, 255, 0.12) !important;
    box-shadow: 0 2rem 5rem rgba(0, 0, 0, 0.42) !important;
    color: var(--cbw31-contrast-text) !important;
}

.onboarding-tour-modal .modal-header {
    background: linear-gradient(180deg, rgba(12, 24, 34, 0.95), rgba(7, 16, 23, 0.92)) !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.10) !important;
}

.onboarding-tour-modal .modal-title,
.onboarding-tour-modal .fw-bold,
.onboarding-tour-modal .form-check-label {
    color: var(--cbw31-contrast-text) !important;
}

.onboarding-tour-modal .text-primary {
    color: var(--cbw31-contrast-green) !important;
}

.onboarding-tour-modal .lead,
.onboarding-tour-modal .onboarding-tour-body {
    color: var(--cbw31-contrast-muted) !important;
}

.onboarding-tour-modal .onboarding-progress {
    background: rgba(255, 255, 255, 0.08) !important;
}

.onboarding-tour-modal .onboarding-progress-bar {
    background: linear-gradient(90deg, #6c88ff, #49e7ab) !important;
}

.onboarding-tour-modal .onboarding-tour-checklist {
    background: rgba(255, 255, 255, 0.08) !important;
    border: 1px solid rgba(255, 255, 255, 0.12) !important;
}

.onboarding-tour-modal .onboarding-tour-checklist p,
.onboarding-tour-modal .onboarding-tour-checklist ul,
.onboarding-tour-modal .onboarding-tour-checklist li {
    color: var(--cbw31-contrast-text) !important;
}

.onboarding-tour-modal .alert-warning {
    background: rgba(73, 231, 171, 0.08) !important;
    border: 1px solid rgba(151, 255, 224, 0.18) !important;
    color: #edfef5 !important;
}

.onboarding-tour-modal .modal-footer {
    border-top: 1px solid rgba(255, 255, 255, 0.10) !important;
}

.onboarding-tour-modal .form-check-input {
    background-color: rgba(255, 255, 255, 0.08) !important;
    border-color: rgba(255, 255, 255, 0.18) !important;
}

.onboarding-tour-modal .form-check-input:checked {
    background-color: var(--cbw31-contrast-green-strong) !important;
    border-color: var(--cbw31-contrast-green-strong) !important;
}

.onboarding-tour-modal .btn-close {
    filter: invert(1) grayscale(100%) brightness(200%);
}

.onboarding-tour-modal .btn-outline-secondary {
    --bs-btn-color: var(--cbw31-contrast-text);
    --bs-btn-border-color: rgba(255, 255, 255, 0.18);
    --bs-btn-hover-bg: rgba(255, 255, 255, 0.10);
    --bs-btn-hover-border-color: rgba(255, 255, 255, 0.30);
    --bs-btn-hover-color: var(--cbw31-contrast-text);
    --bs-btn-active-bg: rgba(255, 255, 255, 0.12);
    --bs-btn-active-border-color: rgba(255, 255, 255, 0.32);
}

.onboarding-tour-modal .btn-outline-primary {
    --bs-btn-color: #dce6ff;
    --bs-btn-border-color: rgba(108, 136, 255, 0.36);
    --bs-btn-hover-bg: rgba(108, 136, 255, 0.14);
    --bs-btn-hover-border-color: rgba(108, 136, 255, 0.50);
    --bs-btn-hover-color: #ffffff;
    --bs-btn-active-bg: rgba(108, 136, 255, 0.18);
    --bs-btn-active-border-color: rgba(108, 136, 255, 0.52);
}

.onboarding-tour-modal .btn-primary,
.onboarding-tour-modal .btn-success {
    --bs-btn-bg: #a5f8dd;
    --bs-btn-border-color: #a5f8dd;
    --bs-btn-color: #04110d;
    --bs-btn-hover-bg: #c7ffea;
    --bs-btn-hover-border-color: #c7ffea;
    --bs-btn-hover-color: #04110d;
    --bs-btn-active-bg: #91efcf;
    --bs-btn-active-border-color: #91efcf;
    --bs-btn-active-color: #04110d;
    font-weight: 850;
}


/* CompileFix32: live market data / paper wallet / AI mode indicators */
.tradecode-header-actions {
    flex-wrap: wrap !important;
}

.tradecode-data-mode-pill,
.tradecode-wallet-mode-pill,
.tradecode-ai-mode-pill {
    cursor: default;
}

.tradecode-data-mode-pill.is-live-data {
    background: rgba(73, 231, 171, 0.18) !important;
    border-color: rgba(151, 255, 224, 0.38) !important;
    color: #e9fff7 !important;
}

.tradecode-data-mode-pill.is-sim-data {
    background: rgba(255, 217, 138, 0.14) !important;
    border-color: rgba(255, 217, 138, 0.30) !important;
    color: #fff2cf !important;
}

.tradecode-wallet-mode-pill.is-paper-wallet {
    background: rgba(138, 166, 255, 0.16) !important;
    border-color: rgba(138, 166, 255, 0.34) !important;
    color: #e4eaff !important;
}

.tradecode-wallet-mode-pill.is-live-wallet {
    background: rgba(255, 125, 144, 0.16) !important;
    border-color: rgba(255, 125, 144, 0.34) !important;
    color: #ffe1e5 !important;
}

.tradecode-ai-mode-pill.is-local-ai {
    background: rgba(255, 255, 255, 0.08) !important;
    border-color: rgba(255, 255, 255, 0.16) !important;
    color: rgba(246, 251, 255, 0.90) !important;
}

.tradecode-ai-mode-pill.is-openai {
    background: rgba(151, 255, 224, 0.16) !important;
    border-color: rgba(151, 255, 224, 0.34) !important;
    color: #e9fff7 !important;
}

@media (max-width: 991.98px) {
    .tradecode-data-mode-pill,
    .tradecode-wallet-mode-pill,
    .tradecode-ai-mode-pill {
        font-size: 0.74rem !important;
        padding: 0.42rem 0.58rem !important;
    }
}


/* CompileFix33: OpenAI decision layer and live data health visibility */
.strategy-ai-decision {
    background:
        radial-gradient(circle at top right, rgba(151, 255, 224, 0.09), transparent 16rem),
        linear-gradient(180deg, rgba(8, 18, 25, 0.96), rgba(5, 13, 18, 0.94));
    border: 1px solid rgba(151, 255, 224, 0.18);
    color: #f8fbff;
}

.strategy-ai-decision .text-body-secondary,
.strategy-ai-decision p,
.strategy-ai-decision li {
    color: rgba(235, 244, 255, 0.78) !important;
}

.strategy-ai-decision h3,
.strategy-ai-decision strong {
    color: #ffffff;
}

.strategy-ai-decision-metric {
    background: rgba(255, 255, 255, 0.055);
    border: 1px solid rgba(255, 255, 255, 0.10);
    border-radius: 1rem;
    padding: 0.85rem;
}

.strategy-ai-decision-metric span {
    color: rgba(235, 244, 255, 0.62);
    display: block;
    font-size: 0.72rem;
    font-weight: 850;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.strategy-ai-decision-metric strong {
    display: block;
    font-size: 1.08rem;
    margin-top: 0.2rem;
}

.tradecode-api-health-alert {
    border-radius: 1.2rem;
    border-width: 1px;
}

.tradecode-api-health-alert.alert-danger {
    background: rgba(127, 29, 29, 0.30);
    border-color: rgba(252, 165, 165, 0.30);
    color: #fff4f4;
}

.tradecode-live-pill.is-error {
    background: rgba(248, 113, 113, 0.14) !important;
    border-color: rgba(252, 165, 165, 0.30) !important;
    color: #ffd7dc !important;
}

.tradecode-live-pill.is-error i {
    color: #ff8fa3 !important;
}

.tradecode-ai-mode-pill.is-local-ai {
    background: rgba(255, 217, 138, 0.12) !important;
    border-color: rgba(255, 217, 138, 0.24) !important;
    color: #ffe9b5 !important;
}

.tradecode-ai-mode-pill.is-openai {
    background: rgba(138, 166, 255, 0.16) !important;
    border-color: rgba(138, 166, 255, 0.28) !important;
    color: #e0e7ff !important;
}


/* CompileFix34: Manual/automatic paper order execution controls */
.strategy-ai-order-mode,
.strategy-paper-order-form,
.strategy-paper-order-result {
    background: rgba(255, 255, 255, 0.065) !important;
    border: 1px solid rgba(151, 255, 224, 0.16) !important;
    color: var(--cbw31-contrast-text, #f8fbff) !important;
}

.strategy-ai-order-mode .form-label,
.strategy-paper-order-form strong,
.strategy-paper-order-result strong {
    color: var(--cbw31-contrast-text, #f8fbff) !important;
    font-weight: 850;
}

.strategy-ai-order-mode .form-text,
.strategy-paper-order-form .text-body-secondary {
    color: var(--cbw31-contrast-muted, rgba(235, 244, 255, 0.82)) !important;
}

.strategy-paper-order-form .btn-success {
    --bs-btn-bg: #a5f8dd;
    --bs-btn-border-color: #a5f8dd;
    --bs-btn-color: #04110d;
    --bs-btn-hover-bg: #c7ffea;
    --bs-btn-hover-border-color: #c7ffea;
    --bs-btn-hover-color: #04110d;
    --bs-btn-active-bg: #91efcf;
    --bs-btn-active-border-color: #91efcf;
    --bs-btn-active-color: #04110d;
    font-weight: 850;
}

.strategy-paper-order-result.alert-success {
    background: rgba(73, 231, 171, 0.12) !important;
    border-color: rgba(151, 255, 224, 0.28) !important;
    color: #edfef5 !important;
}

.strategy-paper-order-result.alert-danger {
    background: rgba(248, 113, 113, 0.12) !important;
    border-color: rgba(252, 165, 165, 0.26) !important;
    color: #fff1f2 !important;
}

.strategy-compact-decision-card {
    background: rgba(255, 255, 255, 0.045) !important;
    border: 1px solid rgba(151, 255, 224, 0.14) !important;
}

.strategy-decision-checklist {
    display: grid;
    gap: 0.75rem;
}

.strategy-check-item {
    border-radius: 1rem;
    border: 1px solid rgba(226, 232, 240, 0.13);
    padding: 0.85rem;
    background: rgba(15, 23, 42, 0.34);
}

.strategy-check-item:not(details) {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 0.85rem;
    align-items: flex-start;
}

details.strategy-check-item {
    overflow: hidden;
}

.strategy-check-summary {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    gap: 0.85rem;
    align-items: flex-start;
    cursor: pointer;
    list-style: none;
}

.strategy-check-summary::marker {
    content: "";
}

.strategy-check-summary::-webkit-details-marker {
    display: none;
}

.strategy-check-toggle {
    align-self: center;
    border-radius: 999px;
    border: 1px solid rgba(226, 232, 240, 0.18);
    color: var(--cbw31-contrast-muted, rgba(235, 244, 255, 0.78));
    font-size: 0.74rem;
    font-weight: 800;
    padding: 0.22rem 0.55rem;
    white-space: nowrap;
}

details.strategy-check-item[open] .strategy-check-toggle {
    color: var(--cbw31-contrast-text, #f8fbff);
}

details.strategy-check-item[open] .strategy-check-toggle::after {
    content: " açık";
}

.strategy-check-detail-panel {
    border-top: 1px solid rgba(226, 232, 240, 0.12);
    color: var(--cbw31-contrast-muted, rgba(235, 244, 255, 0.84));
    font-size: 0.88rem;
    line-height: 1.55;
    margin-left: 2.85rem;
    margin-top: 0.85rem;
    padding-top: 0.75rem;
}

.strategy-check-icon {
    display: inline-flex;
    width: 2rem;
    height: 2rem;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    font-weight: 900;
}

.strategy-check-title {
    color: var(--cbw31-contrast-text, #f8fbff);
    font-weight: 850;
}

.strategy-check-detail {
    color: var(--cbw31-contrast-muted, rgba(235, 244, 255, 0.82));
    font-size: 0.875rem;
    margin-top: 0.25rem;
}

.strategy-check-item.is-success {
    border-color: rgba(74, 222, 128, 0.34);
    background: rgba(22, 101, 52, 0.14);
}

.strategy-check-item.is-success .strategy-check-icon {
    background: rgba(74, 222, 128, 0.18);
    color: #bbf7d0;
}

.strategy-check-item.is-warning {
    border-color: rgba(251, 191, 36, 0.34);
    background: rgba(120, 53, 15, 0.14);
}

.strategy-check-item.is-warning .strategy-check-icon {
    background: rgba(251, 191, 36, 0.18);
    color: #fde68a;
}

.strategy-check-item.is-danger {
    border-color: rgba(248, 113, 113, 0.36);
    background: rgba(127, 29, 29, 0.16);
}

.strategy-check-item.is-danger .strategy-check-icon {
    background: rgba(248, 113, 113, 0.18);
    color: #fecaca;
}

.strategy-check-item.is-info {
    border-color: rgba(96, 165, 250, 0.34);
    background: rgba(30, 64, 175, 0.14);
}

.strategy-check-item.is-info .strategy-check-icon {
    background: rgba(96, 165, 250, 0.18);
    color: #bfdbfe;
}

.strategy-check-item.is-muted .strategy-check-icon {
    background: rgba(148, 163, 184, 0.18);
    color: #e2e8f0;
}

.strategy-paper-order-summary {
    border-top: 1px solid rgba(255, 255, 255, 0.14);
    padding-top: 0.85rem;
}

.strategy-paper-order-summary-item {
    min-height: 100%;
    border-radius: 0.85rem;
    border: 1px solid rgba(255, 255, 255, 0.14);
    background: rgba(15, 23, 42, 0.24);
    padding: 0.7rem 0.8rem;
}

.strategy-paper-order-summary-item span {
    display: block;
    color: var(--cbw31-contrast-muted, rgba(235, 244, 255, 0.78));
    font-size: 0.76rem;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.strategy-paper-order-summary-item strong {
    display: block;
    color: var(--cbw31-contrast-text, #f8fbff) !important;
    font-size: 0.95rem;
    overflow-wrap: anywhere;
}



/* Strategy Advisor: final decision summary card */
.strategy-final-decision-card {
    background: linear-gradient(135deg, rgba(15, 23, 42, 0.72), rgba(15, 23, 42, 0.42)) !important;
    border: 1px solid rgba(151, 255, 224, 0.16) !important;
    color: var(--cbw31-contrast-text, #f8fbff) !important;
    overflow: hidden;
    position: relative;
}

.strategy-final-decision-card::before {
    content: "";
    display: block;
    height: 0.35rem;
    inset: 0 0 auto;
    position: absolute;
}

.strategy-final-decision-card.is-order-success {
    background: linear-gradient(135deg, rgba(20, 83, 45, 0.58), rgba(15, 23, 42, 0.42)) !important;
    border-color: rgba(74, 222, 128, 0.64) !important;
    box-shadow: 0 1.25rem 3rem rgba(34, 197, 94, 0.18) !important;
}

.strategy-final-decision-card.is-order-success::before {
    background: linear-gradient(90deg, rgba(34, 197, 94, 0.95), rgba(134, 239, 172, 0.88));
}

.strategy-final-decision-card.is-order-error {
    background: linear-gradient(135deg, rgba(127, 29, 29, 0.58), rgba(15, 23, 42, 0.44)) !important;
    border-color: rgba(248, 113, 113, 0.66) !important;
    box-shadow: 0 1.25rem 3rem rgba(239, 68, 68, 0.18) !important;
}

.strategy-final-decision-card.is-order-error::before {
    background: linear-gradient(90deg, rgba(239, 68, 68, 0.96), rgba(252, 165, 165, 0.86));
}

.strategy-final-decision-card.is-order-sending,
.strategy-final-decision-card.is-order-ready {
    background: linear-gradient(135deg, rgba(30, 64, 175, 0.48), rgba(15, 23, 42, 0.44)) !important;
    border-color: rgba(96, 165, 250, 0.58) !important;
    box-shadow: 0 1.25rem 3rem rgba(59, 130, 246, 0.15) !important;
}

.strategy-final-decision-card.is-order-sending::before,
.strategy-final-decision-card.is-order-ready::before {
    background: linear-gradient(90deg, rgba(59, 130, 246, 0.96), rgba(147, 197, 253, 0.86));
}

.strategy-final-decision-card.is-order-awaiting-approval {
    background: linear-gradient(135deg, rgba(120, 53, 15, 0.54), rgba(15, 23, 42, 0.44)) !important;
    border-color: rgba(251, 191, 36, 0.58) !important;
    box-shadow: 0 1.25rem 3rem rgba(245, 158, 11, 0.15) !important;
}

.strategy-final-decision-card.is-order-awaiting-approval::before {
    background: linear-gradient(90deg, rgba(245, 158, 11, 0.96), rgba(253, 230, 138, 0.86));
}

.strategy-final-decision-card.is-order-blocked {
    background: linear-gradient(135deg, rgba(51, 65, 85, 0.62), rgba(15, 23, 42, 0.44)) !important;
    border-color: rgba(148, 163, 184, 0.48) !important;
    box-shadow: 0 1.25rem 3rem rgba(15, 23, 42, 0.24) !important;
}

.strategy-final-decision-card.is-order-blocked::before {
    background: linear-gradient(90deg, rgba(148, 163, 184, 0.88), rgba(226, 232, 240, 0.68));
}

.strategy-final-decision-card.is-buy {
    border-color: rgba(74, 222, 128, 0.34) !important;
    box-shadow: 0 1rem 2.5rem rgba(34, 197, 94, 0.10);
}

.strategy-final-decision-card.is-sell {
    border-color: rgba(248, 113, 113, 0.34) !important;
    box-shadow: 0 1rem 2.5rem rgba(239, 68, 68, 0.10);
}

.strategy-final-decision-card.is-hold {
    border-color: rgba(251, 191, 36, 0.34) !important;
    box-shadow: 0 1rem 2.5rem rgba(245, 158, 11, 0.08);
}

.strategy-final-decision-icon {
    align-items: center;
    border-radius: 1rem;
    display: inline-flex;
    flex: 0 0 auto;
    font-size: 1.65rem;
    height: 3rem;
    justify-content: center;
    width: 3rem;
}

.strategy-final-decision-card.is-buy .strategy-final-decision-icon {
    background: rgba(74, 222, 128, 0.16);
    color: #bbf7d0;
}

.strategy-final-decision-card.is-sell .strategy-final-decision-icon {
    background: rgba(248, 113, 113, 0.16);
    color: #fecaca;
}

.strategy-final-decision-card.is-hold .strategy-final-decision-icon {
    background: rgba(251, 191, 36, 0.16);
    color: #fde68a;
}

.strategy-final-decision-badge {
    font-size: 1rem;
    letter-spacing: 0.08em;
    padding: 0.45rem 0.7rem;
}

.strategy-final-decision-reason {
    color: var(--cbw31-contrast-muted, rgba(235, 244, 255, 0.86));
    line-height: 1.5;
}

.strategy-final-action-time {
    align-items: center;
    background: rgba(15, 23, 42, 0.30);
    border: 1px solid rgba(226, 232, 240, 0.12);
    border-radius: 999px;
    color: var(--cbw31-contrast-muted, rgba(235, 244, 255, 0.76));
    display: inline-flex;
    flex-wrap: wrap;
    gap: 0.35rem 0.55rem;
    padding: 0.35rem 0.65rem;
}

.strategy-final-action-time span {
    font-size: 0.72rem;
    font-weight: 750;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.strategy-final-action-time strong {
    color: var(--cbw31-contrast-text, #f8fbff);
    font-size: 0.86rem;
}

.strategy-final-order-status {
    border-radius: 1rem;
    border: 1px solid rgba(226, 232, 240, 0.13);
    min-width: min(100%, 18rem);
    padding: 0.85rem 1rem;
    text-align: left;
}

.strategy-final-decision-card.is-order-success .strategy-final-order-status {
    background: rgba(22, 101, 52, 0.28);
    border-color: rgba(74, 222, 128, 0.36);
}

.strategy-final-decision-card.is-order-error .strategy-final-order-status {
    background: rgba(127, 29, 29, 0.32);
    border-color: rgba(248, 113, 113, 0.38);
}

.strategy-final-decision-card.is-order-sending .strategy-final-order-status,
.strategy-final-decision-card.is-order-ready .strategy-final-order-status {
    background: rgba(30, 64, 175, 0.28);
    border-color: rgba(96, 165, 250, 0.34);
}

.strategy-final-decision-card.is-order-awaiting-approval .strategy-final-order-status {
    background: rgba(120, 53, 15, 0.28);
    border-color: rgba(251, 191, 36, 0.34);
}

.strategy-final-decision-card.is-order-blocked .strategy-final-order-status {
    background: rgba(51, 65, 85, 0.30);
    border-color: rgba(148, 163, 184, 0.30);
}


@media (min-width: 1200px) {
    .strategy-final-order-status {
        text-align: right;
    }
}

.strategy-final-order-fill {
    display: grid;
    gap: 0.5rem;
    grid-template-columns: repeat(auto-fit, minmax(6.75rem, 1fr));
}

.strategy-final-order-fill div {
    background: rgba(15, 23, 42, 0.34);
    border: 1px solid rgba(226, 232, 240, 0.10);
    border-radius: 0.75rem;
    padding: 0.5rem 0.6rem;
}

.strategy-final-order-fill span {
    color: var(--cbw31-contrast-muted, rgba(235, 244, 255, 0.72));
    display: block;
    font-size: 0.72rem;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.strategy-final-order-fill strong {
    color: var(--cbw31-contrast-text, #f8fbff);
    display: block;
    font-size: 0.9rem;
    overflow-wrap: anywhere;
}

.strategy-final-order-error {
    background: rgba(127, 29, 29, 0.35);
    border: 1px solid rgba(248, 113, 113, 0.32);
    border-radius: 0.85rem;
    color: #fee2e2;
    padding: 0.65rem 0.75rem;
}

.strategy-final-order-error span {
    display: block;
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.strategy-final-order-error strong {
    display: block;
    font-size: 0.88rem;
    line-height: 1.35;
    overflow-wrap: anywhere;
}

/* CompileFix34: Strategy Advisor table contrast repair */
.tradecode-authenticated .tradecode-screen .strategy-advisor-table {
    --bs-table-color: #f8fbff;
    --bs-table-bg: transparent;
    --bs-table-border-color: rgba(190, 255, 234, 0.11);
    color: #f8fbff !important;
}

.tradecode-authenticated .tradecode-screen .strategy-advisor-table thead th {
    background: linear-gradient(180deg, rgba(10, 22, 31, 0.98), rgba(6, 14, 20, 0.98)) !important;
    border-bottom: 1px solid rgba(151, 255, 224, 0.22) !important;
    color: rgba(239, 248, 255, 0.86) !important;
    font-weight: 950 !important;
}

.tradecode-authenticated .tradecode-screen .strategy-advisor-table tbody tr > * {
    background-color: rgba(5, 13, 18, 0.96) !important;
    border-bottom-color: rgba(190, 255, 234, 0.10) !important;
    color: #f8fbff !important;
}

.tradecode-authenticated .tradecode-screen .strategy-advisor-table tbody tr.table-success > * {
    --bs-table-bg-state: transparent;
    background:
        linear-gradient(90deg, rgba(28, 91, 72, 0.42), rgba(7, 21, 27, 0.96)) !important;
    border-bottom-color: rgba(151, 255, 224, 0.20) !important;
}

.tradecode-authenticated .tradecode-screen .strategy-advisor-table tbody tr.table-warning > * {
    --bs-table-bg-state: transparent;
    background:
        linear-gradient(90deg, rgba(132, 88, 18, 0.38), rgba(7, 21, 27, 0.96)) !important;
    border-bottom-color: rgba(255, 217, 138, 0.20) !important;
}

.tradecode-authenticated .tradecode-screen .strategy-advisor-table tbody tr.table-danger > * {
    --bs-table-bg-state: transparent;
    background:
        linear-gradient(90deg, rgba(113, 37, 48, 0.40), rgba(7, 21, 27, 0.96)) !important;
    border-bottom-color: rgba(255, 153, 172, 0.20) !important;
}

.tradecode-authenticated .tradecode-screen .strategy-advisor-table tbody tr.table-light > * {
    --bs-table-bg-state: transparent;
    background:
        linear-gradient(90deg, rgba(255, 255, 255, 0.055), rgba(7, 21, 27, 0.96)) !important;
}

.tradecode-authenticated .tradecode-screen .strategy-advisor-table tbody tr:hover > * {
    background:
        linear-gradient(90deg, rgba(151, 255, 224, 0.13), rgba(11, 31, 40, 0.98)) !important;
    color: #ffffff !important;
}

.tradecode-authenticated .tradecode-screen .strategy-advisor-table .fw-semibold,
.tradecode-authenticated .tradecode-screen .strategy-advisor-table strong {
    color: #ffffff !important;
    font-weight: 900 !important;
}

.tradecode-authenticated .tradecode-screen .strategy-advisor-table .text-body-secondary,
.tradecode-authenticated .tradecode-screen .strategy-advisor-table .small {
    color: rgba(232, 244, 255, 0.78) !important;
}

.tradecode-authenticated .tradecode-screen .strategy-advisor-table .badge.text-bg-light {
    background: rgba(151, 255, 224, 0.15) !important;
    border: 1px solid rgba(151, 255, 224, 0.28) !important;
    color: #dcfff4 !important;
}

.tradecode-authenticated .tradecode-screen .strategy-advisor-table td,
.tradecode-authenticated .tradecode-screen .strategy-advisor-table th {
    padding-bottom: 0.9rem !important;
    padding-top: 0.9rem !important;
}

.tradecode-authenticated .tradecode-screen .strategy-advisor-table td:nth-child(2),
.tradecode-authenticated .tradecode-screen .strategy-advisor-table td:nth-child(12) {
    white-space: normal;
}


/* Strategy Advisor: AI source clarity + contrast repair */
.tradecode-authenticated .tradecode-advisor-screen .strategy-section-kicker,
.tradecode-advisor-screen .strategy-section-kicker {
    align-items: center;
    background: rgba(151, 255, 224, 0.12) !important;
    border: 1px solid rgba(151, 255, 224, 0.24) !important;
    border-radius: 999px;
    color: #dffef4 !important;
    display: inline-flex;
    font-size: 0.72rem;
    font-weight: 850;
    letter-spacing: 0.10em;
    line-height: 1.1;
    padding: 0.38rem 0.66rem;
    text-transform: uppercase;
}

.tradecode-authenticated .tradecode-advisor-screen .badge.text-bg-success,
.tradecode-authenticated .tradecode-advisor-screen .text-bg-success,
.tradecode-advisor-screen .badge.text-bg-success,
.tradecode-advisor-screen .text-bg-success {
    background: #bbf7d0 !important;
    border: 1px solid rgba(22, 101, 52, 0.28) !important;
    color: #064e3b !important;
}

.tradecode-authenticated .tradecode-advisor-screen .badge.text-bg-info,
.tradecode-authenticated .tradecode-advisor-screen .text-bg-info,
.tradecode-advisor-screen .badge.text-bg-info,
.tradecode-advisor-screen .text-bg-info {
    background: #bfdbfe !important;
    border: 1px solid rgba(30, 64, 175, 0.28) !important;
    color: #1e3a8a !important;
}

.tradecode-authenticated .tradecode-advisor-screen .badge.text-bg-warning,
.tradecode-authenticated .tradecode-advisor-screen .text-bg-warning,
.tradecode-advisor-screen .badge.text-bg-warning,
.tradecode-advisor-screen .text-bg-warning {
    background: #fde68a !important;
    border: 1px solid rgba(146, 64, 14, 0.28) !important;
    color: #78350f !important;
}

.tradecode-authenticated .tradecode-advisor-screen .badge.text-bg-danger,
.tradecode-authenticated .tradecode-advisor-screen .text-bg-danger,
.tradecode-advisor-screen .badge.text-bg-danger,
.tradecode-advisor-screen .text-bg-danger {
    background: #fecaca !important;
    border: 1px solid rgba(127, 29, 29, 0.30) !important;
    color: #7f1d1d !important;
}

.tradecode-authenticated .tradecode-advisor-screen .badge.text-bg-secondary,
.tradecode-authenticated .tradecode-advisor-screen .text-bg-secondary,
.tradecode-advisor-screen .badge.text-bg-secondary,
.tradecode-advisor-screen .text-bg-secondary {
    background: #e2e8f0 !important;
    border: 1px solid rgba(51, 65, 85, 0.24) !important;
    color: #1e293b !important;
}

.tradecode-authenticated .tradecode-advisor-screen .badge.text-bg-light,
.tradecode-authenticated .tradecode-advisor-screen .text-bg-light,
.tradecode-advisor-screen .badge.text-bg-light,
.tradecode-advisor-screen .text-bg-light {
    background: #f8fafc !important;
    border: 1px solid rgba(15, 23, 42, 0.18) !important;
    color: #0f172a !important;
}

.tradecode-advisor-screen .strategy-badge-ai-real,
.tradecode-authenticated .tradecode-advisor-screen .strategy-badge-ai-real {
    background: #c7d2fe !important;
    border: 1px solid rgba(67, 56, 202, 0.30) !important;
    color: #312e81 !important;
}

.tradecode-advisor-screen .strategy-badge-ai-soft,
.tradecode-authenticated .tradecode-advisor-screen .strategy-badge-ai-soft {
    background: rgba(199, 210, 254, 0.14) !important;
    border: 1px solid rgba(199, 210, 254, 0.28) !important;
    color: #e0e7ff !important;
}

.tradecode-advisor-screen .strategy-badge-local,
.tradecode-authenticated .tradecode-advisor-screen .strategy-badge-local {
    background: #e2e8f0 !important;
    border: 1px solid rgba(51, 65, 85, 0.24) !important;
    color: #1e293b !important;
}

.tradecode-advisor-screen .strategy-badge-muted,
.tradecode-authenticated .tradecode-advisor-screen .strategy-badge-muted {
    background: rgba(226, 232, 240, 0.14) !important;
    border: 1px solid rgba(226, 232, 240, 0.20) !important;
    color: #f8fafc !important;
}

.strategy-ai-activation-help,
.strategy-ai-source-note,
.strategy-local-comment {
    border: 1px solid rgba(226, 232, 240, 0.14);
    color: var(--cbw31-contrast-text, #f8fbff);
}

.strategy-ai-activation-help,
.strategy-ai-source-note {
    background: rgba(15, 23, 42, 0.30);
}

.strategy-ai-activation-help.is-active,
.strategy-ai-source-note.is-active {
    background: rgba(49, 46, 129, 0.24);
    border-color: rgba(199, 210, 254, 0.26);
}

.strategy-ai-activation-help.is-waiting,
.strategy-ai-source-note.is-waiting {
    background: rgba(120, 53, 15, 0.18);
    border-color: rgba(253, 230, 138, 0.24);
}

.strategy-ai-activation-help.is-disabled,
.strategy-ai-source-note.is-disabled {
    background: rgba(51, 65, 85, 0.24);
    border-color: rgba(226, 232, 240, 0.16);
}

.strategy-ai-activation-steps,
.strategy-ai-source-note .small,
.strategy-ai-activation-help .small {
    color: var(--cbw31-contrast-muted, rgba(235, 244, 255, 0.84)) !important;
}

.strategy-ai-activation-help code {
    background: rgba(255, 255, 255, 0.10);
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 0.35rem;
    color: #dbeafe;
    padding: 0.06rem 0.28rem;
}

.strategy-local-comment {
    background: rgba(15, 23, 42, 0.34);
}

.strategy-local-comment p {
    color: var(--cbw31-contrast-muted, rgba(235, 244, 255, 0.86)) !important;
}

.strategy-comment-kicker {
    color: #dffef4 !important;
    font-size: 0.72rem;
    font-weight: 850;
    letter-spacing: 0.10em;
    margin-bottom: 0.35rem;
    text-transform: uppercase;
}

.strategy-ai-decision.is-openai-comment {
    background:
        radial-gradient(circle at top right, rgba(129, 140, 248, 0.18), transparent 16rem),
        linear-gradient(180deg, rgba(17, 24, 58, 0.98), rgba(8, 18, 25, 0.94)) !important;
    border-color: rgba(199, 210, 254, 0.30) !important;
}

.strategy-ai-decision.is-local-comment {
    background:
        radial-gradient(circle at top right, rgba(226, 232, 240, 0.08), transparent 16rem),
        linear-gradient(180deg, rgba(15, 23, 42, 0.82), rgba(5, 13, 18, 0.94)) !important;
    border-color: rgba(226, 232, 240, 0.18) !important;
}

.strategy-ai-source-line {
    background: rgba(255, 255, 255, 0.06);
    border: 1px solid rgba(255, 255, 255, 0.10);
    border-radius: 0.85rem;
    color: var(--cbw31-contrast-muted, rgba(235, 244, 255, 0.82)) !important;
    padding: 0.65rem 0.75rem;
}

.strategy-ai-source-line strong {
    color: var(--cbw31-contrast-text, #f8fbff) !important;
}

.strategy-final-decision-card .strategy-section-kicker,
.strategy-final-order-status .strategy-section-kicker {
    margin-bottom: 0.35rem;
}


/* Authenticated help page */

.tradecode-help-page {
    display: grid;
    gap: 1rem;
}

.tradecode-help-hero {
    align-items: stretch;
    background:
        radial-gradient(circle at top left, rgba(91, 141, 255, 0.16), transparent 24rem),
        radial-gradient(circle at top right, rgba(34, 197, 94, 0.10), transparent 22rem),
        linear-gradient(135deg, rgba(10, 16, 27, 0.98), rgba(13, 24, 34, 0.96));
    border: 1px solid rgba(148, 163, 184, 0.18);
    border-radius: 1.75rem;
    box-shadow: 0 1.5rem 4rem rgba(0, 0, 0, 0.25);
    color: #f8fafc;
    display: grid;
    gap: 1.25rem;
    grid-template-columns: minmax(0, 1fr) minmax(18rem, 0.34fr);
    overflow: hidden;
    padding: clamp(1.15rem, 2.4vw, 2rem);
}

.tradecode-help-kicker {
    align-items: center;
    color: #a7f3d0;
    display: inline-flex;
    font-size: 0.78rem;
    font-weight: 900;
    gap: 0.45rem;
    letter-spacing: 0.10em;
    margin-bottom: 0.8rem;
    text-transform: uppercase;
}

.tradecode-help-hero h1 {
    font-size: clamp(1.85rem, 4vw, 3.4rem);
    font-weight: 950;
    letter-spacing: -0.055em;
    line-height: 0.96;
    margin: 0;
    max-width: 58rem;
}

.tradecode-help-hero p {
    color: rgba(226, 232, 240, 0.82);
    font-size: 1rem;
    margin: 1rem 0 0;
    max-width: 58rem;
}

.tradecode-help-hero-card {
    align-self: stretch;
    background: rgba(255, 255, 255, 0.07);
    border: 1px solid rgba(167, 243, 208, 0.18);
    border-radius: 1.35rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 1.2rem;
}

.tradecode-help-hero-card span,
.tradecode-help-card-header span {
    color: #a7f3d0;
    display: block;
    font-size: 0.74rem;
    font-weight: 900;
    letter-spacing: 0.10em;
    text-transform: uppercase;
}

.tradecode-help-hero-card strong {
    color: #ffffff;
    display: block;
    font-size: 1.35rem;
    font-weight: 950;
    line-height: 1.1;
}

.tradecode-help-hero-card p {
    font-size: 0.92rem;
    margin-bottom: 0;
}

.tradecode-help-toc {
    display: flex;
    flex-wrap: wrap;
    gap: 0.65rem;
}

.tradecode-help-toc a {
    align-items: center;
    background: rgba(15, 23, 42, 0.88);
    border: 1px solid rgba(148, 163, 184, 0.18);
    border-radius: 999px;
    color: #e2e8f0;
    display: inline-flex;
    font-size: 0.86rem;
    font-weight: 850;
    gap: 0.45rem;
    padding: 0.62rem 0.85rem;
    text-decoration: none;
}

.tradecode-help-toc a:hover,
.tradecode-help-toc a:focus-visible {
    background: #ffffff;
    color: #0f172a;
}

.tradecode-help-grid {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.tradecode-help-card {
    background:
        linear-gradient(180deg, rgba(18, 28, 39, 0.96), rgba(8, 14, 22, 0.98));
    border: 1px solid rgba(148, 163, 184, 0.18);
    border-radius: 1.35rem;
    color: #e2e8f0;
    overflow: hidden;
    padding: clamp(1rem, 1.8vw, 1.35rem);
}

.tradecode-help-card-wide {
    grid-column: 1 / -1;
}

.tradecode-help-card-header {
    margin-bottom: 1rem;
}

.tradecode-help-card-header h2 {
    color: #ffffff;
    font-size: clamp(1.15rem, 2vw, 1.75rem);
    font-weight: 950;
    letter-spacing: -0.035em;
    margin: 0.2rem 0 0;
}

.tradecode-help-card p {
    color: rgba(226, 232, 240, 0.82);
}

.tradecode-formula-box {
    background: rgba(2, 6, 23, 0.7);
    border: 1px solid rgba(91, 141, 255, 0.28);
    border-radius: 1rem;
    margin-bottom: 1rem;
    padding: 0.95rem 1rem;
}

.tradecode-formula-box.small {
    margin-top: 0.85rem;
}

.tradecode-formula-box code,
.tradecode-help-steps code,
.tradecode-help-callout code {
    color: #bfdbfe;
    white-space: normal;
}

.tradecode-help-steps {
    display: grid;
    gap: 0.8rem;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    margin-top: 1.15rem;
}

.tradecode-help-steps div {
    background: rgba(255, 255, 255, 0.045);
    border: 1px solid rgba(148, 163, 184, 0.15);
    border-radius: 1rem;
    padding: 0.95rem;
}

.tradecode-help-steps span {
    align-items: center;
    background: #a7f3d0;
    border-radius: 999px;
    color: #052e16;
    display: inline-flex;
    font-size: 0.82rem;
    font-weight: 950;
    height: 1.8rem;
    justify-content: center;
    margin-bottom: 0.7rem;
    width: 1.8rem;
}

.tradecode-help-steps strong,
.tradecode-help-decision strong,
.tradecode-help-compare strong {
    color: #ffffff;
    display: block;
    font-weight: 950;
}

.tradecode-help-steps p,
.tradecode-help-decision p,
.tradecode-help-compare p {
    font-size: 0.9rem;
    margin-bottom: 0.55rem;
}

.tradecode-help-list,
.tradecode-help-checklist {
    color: rgba(226, 232, 240, 0.84);
    display: grid;
    gap: 0.55rem;
    margin: 0;
    padding-left: 1.1rem;
}

.tradecode-help-checklist {
    list-style: none;
    padding-left: 0;
}

.tradecode-help-checklist li {
    align-items: flex-start;
    display: flex;
    gap: 0.55rem;
}

.tradecode-help-checklist i {
    color: #86efac;
    margin-top: 0.15rem;
}

.tradecode-help-decision-grid,
.tradecode-help-compare {
    display: grid;
    gap: 0.85rem;
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.tradecode-help-decision,
.tradecode-help-compare div,
.tradecode-help-callout {
    border-radius: 1rem;
    padding: 1rem;
}

.tradecode-help-decision.success {
    background: rgba(34, 197, 94, 0.12);
    border: 1px solid rgba(34, 197, 94, 0.32);
}

.tradecode-help-decision.warning {
    background: rgba(234, 179, 8, 0.12);
    border: 1px solid rgba(234, 179, 8, 0.35);
}

.tradecode-help-decision.danger {
    background: rgba(239, 68, 68, 0.12);
    border: 1px solid rgba(239, 68, 68, 0.34);
}

.tradecode-help-decision.neutral,
.tradecode-help-compare div {
    background: rgba(148, 163, 184, 0.10);
    border: 1px solid rgba(148, 163, 184, 0.22);
}

.tradecode-help-compare {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin: 1rem 0;
}

.tradecode-help-compare span {
    color: #a7f3d0;
    display: block;
    font-size: 0.8rem;
    font-weight: 900;
    margin: 0.2rem 0 0.55rem;
}

.tradecode-help-callout {
    margin: 1rem 0;
}

.tradecode-help-callout.local {
    background: rgba(91, 141, 255, 0.12);
    border: 1px solid rgba(91, 141, 255, 0.30);
}

.tradecode-help-callout.ai {
    background: rgba(167, 243, 208, 0.10);
    border: 1px solid rgba(167, 243, 208, 0.26);
}

.tradecode-help-callout strong {
    color: #ffffff;
    display: block;
    margin-bottom: 0.65rem;
}

.tradecode-help-callout ul,
.tradecode-help-callout ol {
    color: rgba(226, 232, 240, 0.84);
    margin-bottom: 0;
}

@media (max-width: 1200px) {
    .tradecode-help-steps,
    .tradecode-help-decision-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 900px) {
    .tradecode-help-hero,
    .tradecode-help-grid,
    .tradecode-help-compare {
        grid-template-columns: 1fr;
    }

    .tradecode-help-steps,
    .tradecode-help-decision-grid {
        grid-template-columns: 1fr;
    }
}


/* Strategy Advisor contextual help links */

.strategy-help-anchor,
.strategy-help-links a {
    align-items: center;
    background: rgba(15, 23, 42, 0.06);
    border: 1px solid rgba(15, 23, 42, 0.12);
    border-radius: 999px;
    color: #0f172a;
    display: inline-flex;
    font-size: 0.82rem;
    font-weight: 850;
    gap: 0.35rem;
    padding: 0.42rem 0.65rem;
    text-decoration: none;
    width: fit-content;
}

.strategy-help-anchor:hover,
.strategy-help-anchor:focus-visible,
.strategy-help-links a:hover,
.strategy-help-links a:focus-visible {
    background: #0f172a;
    border-color: #0f172a;
    color: #ffffff;
}

.strategy-help-links {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

/* Help page examples and QA checklist */

.tradecode-help-example {
    display: grid;
    gap: 1rem;
    grid-template-columns: minmax(14rem, 0.32fr) minmax(0, 1fr);
    margin: 1rem 0;
}

.tradecode-help-example-summary {
    background: rgba(34, 197, 94, 0.12);
    border: 1px solid rgba(34, 197, 94, 0.32);
    border-radius: 1rem;
    padding: 1rem;
}

.tradecode-help-example-summary span {
    color: #a7f3d0;
    display: block;
    font-size: 0.74rem;
    font-weight: 900;
    letter-spacing: 0.10em;
    text-transform: uppercase;
}

.tradecode-help-example-summary strong {
    color: #ffffff;
    display: block;
    font-size: 1.35rem;
    font-weight: 950;
    margin: 0.25rem 0;
}

.tradecode-help-table {
    --bs-table-bg: rgba(255, 255, 255, 0.04);
    --bs-table-border-color: rgba(148, 163, 184, 0.18);
    color: #e2e8f0;
}

.tradecode-help-table thead th {
    color: #bfdbfe;
}

.tradecode-help-table td {
    color: rgba(226, 232, 240, 0.86);
    white-space: normal;
}

.tradecode-help-table td:first-child {
    color: #ffffff;
    font-weight: 900;
}

.tradecode-qa-grid {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.tradecode-qa-grid > div {
    background: rgba(255, 255, 255, 0.045);
    border: 1px solid rgba(148, 163, 184, 0.15);
    border-radius: 1rem;
    padding: 1rem;
}

.tradecode-qa-grid h3 {
    color: #ffffff;
    font-size: 1rem;
    font-weight: 950;
    margin-bottom: 0.75rem;
}

@media (max-width: 900px) {
    .tradecode-help-example,
    .tradecode-qa-grid {
        grid-template-columns: 1fr;
    }
}


/* Select dropdown contrast fix: native option popups can render with white background. */
.tradecode-authenticated select,
.tradecode-authenticated select.form-select,
.tradecode-authenticated .form-select {
    background-color: #0f172a !important;
    color: #f8fafc !important;
    color-scheme: dark;
}

.tradecode-authenticated select option,
.tradecode-authenticated .form-select option,
.tradecode-authenticated select optgroup,
.tradecode-authenticated .form-select optgroup {
    background-color: #ffffff !important;
    color: #0f172a !important;
}

.tradecode-authenticated select option:checked,
.tradecode-authenticated .form-select option:checked {
    background-color: #bbf7d0 !important;
    color: #052e16 !important;
}

.tradecode-authenticated select option:disabled,
.tradecode-authenticated .form-select option:disabled {
    background-color: #f1f5f9 !important;
    color: #64748b !important;
}


/* Trade AI gradient wordmark: copied from SocialCode "AI gelen kutusu" treatment */
.tradecode-gradient-text {
    display: inline-block;
    width: fit-content;
    padding-bottom: .14em;
    margin-bottom: -.02em;
    line-height: 1.1;
    overflow: visible;
    background: linear-gradient(95deg, #4e7cff, #35d9ae 78%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent !important;
    -webkit-text-fill-color: transparent;
}

.tradecode-header .hotelcode-brand,
.tradecode-public-brand .hotelcode-brand,
.tradecode-login-card .hotelcode-brand,
.tradecode-login-mobile-brand .hotelcode-brand,
.tradecode-public-footer .hotelcode-brand,
.mobile-brand-menu .hotelcode-brand {
    background: linear-gradient(95deg, #4e7cff, #35d9ae 78%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent !important;
    -webkit-text-fill-color: transparent;
}

/* Admin GTM / WebChat settings */
.admin-tracking-card {
    max-width: 1180px;
    margin-inline: auto;
}

.admin-tracking-warning {
    border-color: rgba(255, 193, 7, 0.32);
    background: rgba(255, 193, 7, 0.12);
    color: #ffe8a3;
}

.admin-tracking-option,
.admin-tracking-example {
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 1rem;
    background: rgba(255, 255, 255, 0.045);
    padding: 1rem;
}

.admin-tracking-code {
    min-height: 13rem;
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
    font-size: 0.875rem;
    line-height: 1.55;
    color: #f6fbff;
    background: rgba(3, 7, 18, 0.92);
    border-color: rgba(148, 163, 184, 0.35);
}

.admin-tracking-code:focus {
    color: #ffffff;
    background: rgba(3, 7, 18, 0.98);
    border-color: rgba(53, 217, 174, 0.75);
    box-shadow: 0 0 0 0.2rem rgba(53, 217, 174, 0.18);
}



/* Admin email code confirmation */
.tradecode-admin-code-card {
    max-width: 1120px;
    margin-inline: auto;
}

.tradecode-code-input {
    letter-spacing: 0.32em;
    text-align: center;
    font-size: 1.25rem;
    font-weight: 800;
}

.tradecode-code-input::placeholder {
    letter-spacing: normal;
    text-align: start;
}