/* Dark theme shares the light theme typography; colors remain independent. */
html:not([data-theme="light"]) .count-badge{font:700 14px/1 Arial,sans-serif;font-variant-numeric:tabular-nums}
html:not([data-theme="light"]) .text-button{font:600 14px/1.3 Arial,sans-serif}
html:not([data-theme="light"]) body{font-family:Arial,'Helvetica Neue',sans-serif;-webkit-font-smoothing:antialiased}
html:not([data-theme="light"]) button,html:not([data-theme="light"]) input,html:not([data-theme="light"]) select,html:not([data-theme="light"]) .nav-item,html:not([data-theme="light"]) .lang,html:not([data-theme="light"]) .theme-toggle,html:not([data-theme="light"]) .breadcrumb,html:not([data-theme="light"]) .profile,html:not([data-theme="light"]) .sidebar .sidebar-profile #profile-name,html:not([data-theme="light"]) .sidebar .sidebar-profile small,html:not([data-theme="light"]) .legal-footer,html:not([data-theme="light"]) .status-pill,html:not([data-theme="light"]) .demo-badge,html:not([data-theme="light"]) .risk-console-top,html:not([data-theme="light"]) .risk-console-bottom{font-family:Arial,'Helvetica Neue',sans-serif;letter-spacing:0}
html:not([data-theme="light"]) h1,html:not([data-theme="light"]) h2,html:not([data-theme="light"]) h3,html:not([data-theme="light"]) .page-heading h1,html:not([data-theme="light"]) .panel h2,html:not([data-theme="light"]) .bot-identity h3{font-family:Arial,'Helvetica Neue',sans-serif;font-weight:700;letter-spacing:-.2px}
html:not([data-theme="light"]) .metric-number,html:not([data-theme="light"]) .chart-summary strong,html:not([data-theme="light"]) .admin-user-card dd{font-family:Arial,'Helvetica Neue',sans-serif;font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:-.8px}
html:not([data-theme="light"]) .metric-label{font-size:13px;font-weight:600}
html:not([data-theme="light"]) .metric-foot{font-size:12px;line-height:1.6}
html:not([data-theme="light"]) .metric-foot>span:last-child{font-size:11px}
html:not([data-theme="light"]) .panel-heading p,html:not([data-theme="light"]) .chart-footer,html:not([data-theme="light"]) .system-card p{font-size:12px;line-height:1.6}
html:not([data-theme="light"]) .breadcrumb{font-size:11px;font-weight:600}
html:not([data-theme="light"]) .nav-item{font-weight:600}
html:not([data-theme="light"]) .panel h2{font-size:17px}
html:not([data-theme="light"]) .legal-footer{font-size:13px;line-height:1.8}
@media(max-width:760px){
html:not([data-theme="light"]) #app .metric-label{font-size:13px}
html:not([data-theme="light"]) .breadcrumb{font-size:9px}
html:not([data-theme="light"]) #app .sidebar .sidebar-profile #profile-name{font-family:Arial,'Helvetica Neue',sans-serif}
html:not([data-theme="light"]) #app .panel h2{font-size:17px}
}
html:not([data-theme="light"]) .metric-label{font-size:14px;font-weight:600}
html:not([data-theme="light"]) .metric-foot,html:not([data-theme="light"]) .metric-foot>span:last-child{font-size:12px;line-height:1.6}
html:not([data-theme="light"]) .panel h2{font-size:18px;line-height:1.4;font-weight:700}
html:not([data-theme="light"]) .panel-heading p,html:not([data-theme="light"]) .chart-footer,html:not([data-theme="light"]) .risk-note,html:not([data-theme="light"]) .settings-panel>p,html:not([data-theme="light"]) .notice{font-size:13px;line-height:1.7}
html:not([data-theme="light"]) th{font:600 12px/1.5 Arial,sans-serif}
html:not([data-theme="light"]) td{font:500 14px/1.5 Arial,sans-serif}
html:not([data-theme="light"]) .instrument b{font-size:15px;font-weight:700}
html:not([data-theme="light"]) .instrument small{font-size:12px}
html:not([data-theme="light"]) .table-status{font:600 14px/1.5 Arial,sans-serif}
html:not([data-theme="light"]) .trade-tabs button,html:not([data-theme="light"]) .periods button{font:600 13px/1.4 Arial,sans-serif}
html:not([data-theme="light"]) .setting-row b{font-size:15px;font-weight:700}
html:not([data-theme="light"]) .setting-row p,html:not([data-theme="light"]) .settings-panel label{font-size:13px;line-height:1.6}
html:not([data-theme="light"]) .status-pill,html:not([data-theme="light"]) .demo-badge{font-size:11px;font-weight:600}
html:not([data-theme="light"]) .admin-user-card dt,html:not([data-theme="light"]) .admin-filters label,html:not([data-theme="light"]) .user-history-hint{font-size:13px;line-height:1.6}
html:not([data-theme="light"]) .admin-user-header h3{font-size:17px}
html:not([data-theme="light"]) .admin-user-card summary,html:not([data-theme="light"]) .admin-user-actions button{font-size:14px;font-weight:600}
html:not([data-theme="light"]) .legal-footer{font-size:14px;line-height:1.8}
@media(max-width:760px){
html:not([data-theme="light"]) #app .panel h2{font-size:18px}
html:not([data-theme="light"]) #app .metric-label{font-size:13px}
html:not([data-theme="light"]) #app td{font-size:14px}
html:not([data-theme="light"]) #app td:before{font-size:12px;font-weight:600}
html:not([data-theme="light"]) #app .text-button{font-size:14px}
}
html:not([data-theme="light"]) thead th{font-weight:600}