#results-view { max-width:1560px; margin:0 auto; padding:24px 28px 48px; color:var(--text-main); }
#results-view [hidden], #results-view[hidden] { display:none !important; }
.results-heading { display:flex; justify-content:space-between; align-items:center; gap:16px; margin-bottom:20px; }
.results-heading h2 { font:600 1.5rem var(--font-heading); margin:0 0 4px; }
.results-heading p,.results-note { color:var(--text-muted); font-size:.8rem; line-height:1.6; }
.results-filters { display:flex; align-items:flex-end; gap:12px; flex-wrap:wrap; padding:16px 0; border-top:1px solid var(--crm-glass-border); border-bottom:1px solid var(--crm-glass-border); }
#results-view label { display:grid; gap:7px; font-size:.76rem; color:var(--text-muted); }
#results-view input,#results-view select { min-height:40px; min-width:145px; max-width:100%; padding:8px 10px; background:var(--crm-input-bg); color:var(--text-main); border:1px solid #334155; border-radius:8px; font:inherit; color-scheme:dark; }
#results-view button { min-height:40px; padding:9px 14px; background:#162235; color:var(--text-main); border:1px solid #334155; border-radius:8px; font:600 .8rem var(--font-body); cursor:pointer; }
#results-view button:hover { background:#23334a; }
#results-view button:disabled { opacity:.5; cursor:wait; }
#results-view button:focus-visible,#results-view input:focus-visible,#results-view select:focus-visible,#results-view summary:focus-visible { outline:2px solid #60a5fa; outline-offset:3px; }
#results-refresh,#results-auth-submit { background:#2563eb !important; border-color:#2563eb !important; }
#results-status { min-height:42px; padding:12px 0; font-size:.8rem; color:var(--text-muted); line-height:1.5; }
.results-auth { display:flex; gap:12px; align-items:end; flex-wrap:wrap; padding:20px; background:var(--crm-input-bg); border-radius:12px; }
.results-auth p { flex-basis:100%; color:var(--text-muted); font-size:.85rem; }
.results-summary { display:grid; grid-template-columns:repeat(4,1fr); gap:24px; padding:12px 0 24px; }
.results-summary div { padding-right:12px; border-right:1px solid var(--crm-glass-border); }
.results-summary div:last-child { border:0; }
.results-summary dt { color:var(--text-muted); font-size:.78rem; margin-bottom:8px; }
.results-summary dd { margin:0; font:600 1.8rem var(--font-heading); font-variant-numeric:tabular-nums; }
.results-summary small { display:block; color:var(--text-muted); font-size:.7rem; margin-top:6px; line-height:1.5; }
.results-columns { display:grid; grid-template-columns:1fr 1fr; gap:32px; margin:24px 0; }
.results-section { min-width:0; padding-top:20px; border-top:1px solid var(--crm-glass-border); }
.results-section h3 { font:600 1.1rem var(--font-heading); margin:0 0 8px; }
.results-scroll { overflow-x:auto; margin-top:14px; }
#results-view table { width:100%; border-collapse:collapse; font-size:.8rem; }
#results-view th { color:var(--text-muted); font-weight:500; text-align:left; white-space:nowrap; }
#results-view th,#results-view td { padding:12px 8px; border-bottom:1px solid var(--crm-glass-border); font-variant-numeric:tabular-nums; }
#results-view td:not(:first-child),#results-view th:not(:first-child) { text-align:right; }
#results-view td:first-child { overflow-wrap:anywhere; }
.results-bar { display:block; width:100%; min-width:60px; height:6px; background:#1e293b; border-radius:3px; }
.results-bar span { display:block; height:100%; background:#60a5fa; border-radius:3px; }
.results-legend { display:flex; gap:16px; font-size:.75rem; color:var(--text-muted); }
.results-legend span::before { content:''; display:inline-block; width:12px; height:3px; background:#60a5fa; vertical-align:middle; margin-right:7px; }
.results-legend span+span::before { background:#34d399; }
#results-chart svg { width:100%; height:auto; max-height:300px; }
#results-view details { margin-top:18px; }
#results-view summary { cursor:pointer; color:var(--text-muted); font-size:.8rem; padding:8px 0; }
.results-loading { height:160px; border-radius:12px; background:#0f172a; opacity:.7; }
@media(max-width:760px) { #results-view {padding:20px 16px 40px;} .results-heading {align-items:flex-start;} .results-summary {grid-template-columns:1fr 1fr;gap:24px 16px;} .results-summary div:nth-child(2){border:0;} .results-columns{grid-template-columns:1fr;gap:24px;} .results-filters label{flex:1 1 140px;min-width:0;} .results-auth label{flex:1 1 140px;min-width:0;} #results-view input,#results-view select{min-width:0;width:100%;} .results-heading h2{font-size:1.3rem;} }
@media(prefers-reduced-motion:reduce){#results-view *{animation:none !important;transition:none !important;}}

@media(max-width:760px){ .view-switch{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));} .view-switch .btn-view{width:100%;min-height:36px;} }