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

html[data-theme="light"] body{
    background:#f1f5f9!important;
    color:#1e293b!important;
}

html[data-theme="light"] body :is(h1,h2,h3,h4,h5,h6,p,label,small,td,th,li){
    color:#253248;
}

html[data-theme="light"] body :is(input,select,textarea){
    border-color:#cbd5e1!important;
    background:#fff!important;
    color:#172033!important;
}

html[data-theme="light"] body :is(input,select,textarea)::placeholder{
    color:#738197!important;
}

html[data-theme="light"] body :is(table){
    color:#253248;
}

html[data-theme="light"] body :is(th){
    background:#e9eef5!important;
    color:#334155!important;
}

html[data-theme="light"] body :is(td){
    border-color:#dbe2eb!important;
}

html[data-theme="light"] body :is(
    .container,
    main,
    .sidebar,
    .admin-sidebar,
    .support-sidebar,
    .user-profile-dropdown,
    .user-settings-dialog,
    .user-delete-dialog,
    .modal-content,
    .modal,
    .dropdown-menu,
    .topbar,
    .admin-topbar,
    .support-header,
    .user-menu-bar,
    .card,
    .panel,
    .summary-card,
    .stat-card,
    .metric-card,
    .dashboard-card,
    .table-card,
    .content-card,
    .account-card,
    .terminal,
    .broker-card,
    .license-info,
    .license-card,
    .withdrawal-card,
    .support-item,
    .notification-item,
    .history-panel,
    .journal-panel,
    .form-card,
    .form-container,
    .settings-card,
    .profile-card,
    .market-overview-row,
    .market-strategy-state,
    .pending-order-row,
    .user-detail,
    .user-settings-profile,
    .currency-chip,
    .report-card,
    .notification-card,
    .notification-item,
    .history-card,
    .journal-card,
    .earning-card,
    .license-card
){
    border-color:#d7dfeb!important;
    background-color:#fff!important;
    color:#253248!important;
    box-shadow:0 8px 24px rgba(31,45,68,.07);
}

html[data-theme="light"] body :is(
    .sidebar,
    .admin-sidebar,
    .support-sidebar
){
    background-color:#e8edf4!important;
}

html[data-theme="light"] body :is(
    .sidebar li,
    #adminNav button,
    .back-link,
    .user-profile-dropdown button,
    .user-profile-dropdown a,
    .outline-button,
    .secondary-button
){
    color:#334155!important;
}

html[data-theme="light"] body :is(
    .sidebar li:hover,
    #adminNav button:hover,
    .user-profile-dropdown button:hover,
    .user-profile-dropdown a:hover
){
    background:#eef2f7!important;
}

html[data-theme="light"] body :is(
    .user-profile-summary,
    .user-profile-dropdown,
    .user-settings-section,
    .user-settings-heading
){
    border-color:#d7dfeb!important;
}

html[data-theme="light"] body :is(
    .user-profile-summary strong,
    .user-settings-heading h2,
    .user-settings-section h3,
    .user-danger-zone strong,
    .user-detail strong
){
    color:#172033!important;
}

html[data-theme="light"] body :is(
    .user-profile-summary span,
    .user-settings-heading p,
    .user-settings-avatar-copy span,
    .user-detail span,
    .user-danger-zone p
){
    color:#64748b!important;
}

html[data-theme="light"] body :is(
    .user-settings-form label,
    .user-delete-content label,
    .user-delete-content p
){
    color:#334155!important;
}

html[data-theme="light"] body :is(.user-settings-form input,.user-delete-content input){
    background:#fff!important;
    color:#172033!important;
}

html[data-theme="light"] body :is(.support-shell,.admin-main,.main-content,.dashboard-content){
    color:#253248;
}

html[data-theme="light"] body :is(.market-overview-reason,.market-empty,.panel-hint,.data-note){
    color:#64748b!important;
}

html[data-theme="light"] body :is(.page-message,.currency-chip,.user-detail,.user-settings-profile){
    background:#f8fafc!important;
}

html[data-theme="light"] body :is(
    .stat-card span,
    .summary-card span,
    .summary-card small,
    .metric-card span,
    .account-info span,
    .account-info p,
    .topbar p,
    .page-title p,
    .welcome p,
    .table-card th,
    .history-table th,
    .trade-table th
){
    color:#64748b!important;
}

html[data-theme="light"] body :is(.stat-card,.summary-card,.metric-card,.dashboard-card,.table-card,.account-card,.content-card){
    background:#fff!important;
    color:#253248!important;
}

html[data-theme="light"] body :is(.stat-card h2,.stat-card h3,.summary-card h2,.summary-card h3,.metric-card strong,.table-card h2,.table-card h3){
    color:#172033!important;
}

html[data-theme="light"] body :is(.table-card table,.history-table,.trade-table){
    background:#fff!important;
}

html[data-theme="light"] body :is(.table-card tr:hover,.history-table tr:hover,.trade-table tr:hover){
    background:#f1f5f9!important;
}

html[data-theme="light"] body :is(.container){
    background:#fff!important;
    color:#253248!important;
    box-shadow:0 18px 55px rgba(31,45,68,.12);
}

html[data-theme="light"] body :is(.container h1,.container h2,.container h3,.container label,.container .subtitle,.container .bottom){
    color:#253248!important;
}

html[data-theme="light"] body :is(.container input,.container select,.container textarea){
    border-color:#cbd5e1!important;
    background:#f8fafc!important;
    color:#172033!important;
}

html[data-theme="light"] body :is(.hero-visual,.principles>div,.process-card,.risk-section,.risk-list>div,.platform-visual){
    border-color:#d7dfeb!important;
    background:#fff!important;
    color:#253248!important;
}

html[data-theme="light"] body :is(.visual-topline,.pair-label,.visual-footnote,.process-number){
    color:#64748b!important;
}

html[data-theme="light"] body .chart-label{
    background:#e9eef5!important;
    color:#6b570a!important;
}

html[data-theme="light"] body .support-item .reply{
    background:#effaf4!important;
}

.network-status-banner{
    position:fixed;
    top:12px;
    left:50%;
    z-index:10000;
    display:flex;
    width:min(620px,calc(100% - 24px));
    align-items:center;
    justify-content:space-between;
    gap:16px;
    padding:13px 16px;
    transform:translateX(-50%);
    border:1px solid #7f1d1d;
    border-radius:12px;
    background:#3b1118;
    color:#fff1f2;
    box-shadow:0 12px 35px rgba(0,0,0,.35);
    font:600 13px/1.45 Inter,Poppins,Arial,sans-serif;
}

.network-status-banner[hidden]{display:none}
.network-status-banner[data-state="server"]{border-color:#a16207;background:#422b0b;color:#fff7d6}
.network-status-message{flex:1;min-width:0;overflow-wrap:anywhere}
.network-status-retry{
    flex:none;
    padding:7px 12px;
    border:1px solid currentColor;
    border-radius:8px;
    background:transparent;
    color:inherit;
    font:inherit;
    cursor:pointer;
}
.network-status-retry:hover{background:rgba(255,255,255,.12)}
.network-status-retry[hidden]{display:none}
html[data-theme="light"] .network-status-banner{
    border-color:#b91c1c;
    background:#fff1f2;
    color:#881b1b;
}
html[data-theme="light"] .network-status-banner[data-state="server"]{
    border-color:#a16207;
    background:#fffbeb;
    color:#78350f;
}

@media(max-width:520px){
    .network-status-banner{top:8px;align-items:flex-start;gap:10px;padding:11px 12px;font-size:12px}
    .network-status-retry{padding:6px 9px}
}

html[data-theme="light"] body :is(.user-danger-zone){
    background:#fff7f7!important;
}

html[data-theme="light"] body :is(.user-menu-icon){
    border-color:#cbd5e1!important;
    background:#fff!important;
    color:#334155!important;
}

html[data-theme="light"] body :is(.user-menu-icon:hover){
    border-color:#d4af37!important;
    background:#fff9e6!important;
    color:#8a6500!important;
}

html[data-theme="light"] body :is(.user-settings-close,.user-delete-cancel){
    border-color:#cbd5e1!important;
    background:#e8edf4!important;
    color:#253248!important;
}

html[data-theme="light"] body .user-settings-dialog,
html[data-theme="light"] body .user-delete-dialog{
    box-shadow:0 24px 80px rgba(31,45,68,.24);
}

html[data-theme="light"] body .support-header{
    background:#fff!important;
}

html[data-theme="light"] body .site-header{
    border-color:#dce3ec;
    background:rgba(255,255,255,.9);
}

html[data-theme="light"] body :is(.site-header a,.brand,.hero h1,.section-heading h2,.risk-copy h2,.platform-copy h2){
    color:#172033;
}

html[data-theme="light"] body .brand-name strong{color:#172033}
html[data-theme="light"] body .brand-name span{color:#a87908}
html[data-theme="light"] body .sidebar .fundpilot-wordmark strong{color:#f5f7fa}

html[data-theme="light"] body :is(.hero-description,.section-heading p,.site-footer,.trust-points span){
    color:#64748b;
}