/* Theme palette is loaded last on every first-party HTML page. */
.theme-settings{margin-bottom:20px}.theme-choices{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.theme-choice{display:flex;align-items:center;gap:10px;margin:0;padding:13px 12px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);cursor:pointer;min-width:0}.theme-choice:hover{border-color:var(--teal)}.theme-choice:has(input:checked){border-color:var(--teal);background:var(--surface2);box-shadow:inset 0 0 0 1px var(--teal)}.theme-choice input{width:auto;accent-color:var(--teal);margin:0}.theme-choice>i{width:12px;height:12px;border:1px solid var(--line);border-radius:50%;flex-shrink:0}.theme-choice span{display:grid;gap:4px}.theme-choice b{font-size:11px;color:var(--text);font-weight:600}.theme-choice small{font-size:9px;color:var(--muted)}
body{background:var(--bg);color:var(--text);font-family:var(--font-num)}html[data-theme] .side{background:var(--surface)!important;border-color:var(--line)}html[data-theme] .panel,html[data-theme] .card,html[data-theme] .auth-card{background:var(--surface);border-color:var(--line);border-radius:var(--radius);box-shadow:var(--panel-shadow)}html[data-theme] input,html[data-theme] select{color:var(--text);border-color:var(--line);background:var(--surface2)}html[data-theme] .auth-card .btn.primary,html[data-theme] .matrix-page .btn.primary{background:var(--teal);color:var(--bg);border-color:var(--teal)}html[data-theme] .matrix-auth{background:transparent}
html[data-theme]:not([data-theme=matrix]) .big-number,html[data-theme]:not([data-theme=matrix]) .eyebrow,html[data-theme]:not([data-theme=matrix]) .positive{text-shadow:none}
html[data-theme]:not([data-theme=matrix]) .matrix-logo{background:var(--surface2);border-color:var(--teal);box-shadow:none}html[data-theme]:not([data-theme=matrix]) .nav a.active{background:var(--surface2);border-color:var(--line);color:var(--teal);box-shadow:inset 2px 0 var(--teal)}html[data-theme]:not([data-theme=matrix]) .section-heading>span,html[data-theme]:not([data-theme=matrix]) .kpi,html[data-theme]:not([data-theme=matrix]) .pf-ret div,html[data-theme]:not([data-theme=matrix]) .record-badge,html[data-theme]:not([data-theme=matrix]) .source-badge{background:var(--surface2);border-color:var(--line)}html[data-theme]:not([data-theme=matrix]) .explain{background:var(--surface2);border-color:var(--line);border-left-color:var(--teal)}html[data-theme]:not([data-theme=matrix]) .account-actions a{border-color:var(--line)}html[data-theme]:not([data-theme=matrix]) .login-grid span{background:var(--surface2);border-color:var(--line)}html[data-theme]:not([data-theme=matrix]) .matrix-page .kv-table code,html[data-theme]:not([data-theme=matrix]) .matrix-page .note code{background:var(--surface2)}html[data-theme]:not([data-theme=matrix]) .skip-link{background:var(--teal);color:var(--bg)}
@media(max-width:1000px){.theme-choices{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:620px){.theme-choices{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.theme-choice{padding:12px 8px;gap:7px}.theme-choice b{font-size:10px}}