.primary-nav{display:flex;align-items:center;gap:4px;margin-right:auto;margin-left:28px}.primary-nav a{color:#cbd5e1;text-decoration:none;padding:8px 10px;border-radius:5px;font-weight:650}.primary-nav a:hover{background:#23334a;color:#fff}.heading-actions{display:flex;align-items:center;gap:10px}.summary-strip{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));background:#fff;border:1px solid var(--line);border-radius:8px;margin-bottom:18px}.summary-strip div{padding:13px 16px;border-left:1px solid var(--line)}.summary-strip div:first-child{border-left:0}.summary-strip span,.summary-strip strong{display:block}.summary-strip span{font-size:12px;color:var(--muted)}.summary-strip strong{font-size:19px;margin-top:2px}.detail-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(340px,.85fr);gap:18px;margin-bottom:18px}.trend-panel,.diagnosis-card,.sql-panel,.evidence-panel{min-width:0}.chart-wrap{padding:18px}.chart-wrap svg{display:block;width:100%;height:210px;background:linear-gradient(to bottom,#fff,#f8fafc);border:1px solid #eef1f5}.grid-line{stroke:#d9e0e9;stroke-width:1;vector-effect:non-scaling-stroke}.chart-line{fill:none;stroke-width:2.5;vector-effect:non-scaling-stroke}.chart-line.cpu{stroke:#2563eb}.chart-line.memory{stroke:#12805c}.chart-legend{display:flex;gap:18px;justify-content:flex-end;color:var(--muted);font-size:12px;margin-top:8px}.chart-legend span:before{content:"";display:inline-block;width:10px;height:3px;margin:0 6px 3px 0;background:#94a3b8}.chart-legend .cpu-key:before{background:#2563eb}.chart-legend .memory-key:before{background:#12805c}.diagnosis-card .panel-head,.sql-panel .panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.diagnosis-label{white-space:nowrap;font-size:12px;font-weight:750;border-radius:999px;padding:3px 9px;background:#eef2f6;color:#475467}.critical .diagnosis-label{background:#fff0ee;color:#b42318}.warning .diagnosis-label{background:#fff8df;color:#9a6700}.normal .diagnosis-label{background:#e9f7f1;color:#12805c}.diagnosis-body,.sql-summary{padding:16px 18px}.diagnosis-summary{font-weight:700;margin:0 0 14px}.finding{border-left:3px solid #f59e0b;padding:8px 0 8px 12px;margin:12px 0}.finding span,.finding strong,.finding p{display:block}.finding span{font-size:11px;color:var(--muted)}.finding strong{margin:2px 0}.finding p{margin:3px 0;color:#475467}.sql-panel,.evidence-panel{margin-bottom:18px}.metric-list{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));margin:14px 0;border:1px solid var(--line);border-radius:6px}.metric-list div{padding:10px 12px;border-left:1px solid var(--line)}.metric-list div:first-child{border-left:0}.metric-list dt{font-size:11px;color:var(--muted)}.metric-list dd{margin:3px 0 0;font-weight:700}.evidence-columns{display:grid;grid-template-columns:1fr 1fr;gap:24px;padding:16px 20px}.evidence-columns ol,.evidence-columns ul{padding-left:20px;margin:8px 0}.evidence-columns li{margin:6px 0}.filter-bar{display:flex;align-items:end;gap:10px;background:#fff;border:1px solid var(--line);border-radius:8px;padding:12px 16px;margin-bottom:14px}.filter-bar label{display:grid;grid-template-columns:auto minmax(220px,360px);align-items:center;gap:10px;margin:0}.records-table{max-height:calc(100vh - 250px)}.records-table td:first-child small{display:block;color:var(--muted);font-size:11px}.records-table td:nth-last-child(-n+2){font-size:12px}.span-2{min-width:0}
@media(max-width:1000px){.topbar{height:auto;min-height:58px;flex-wrap:wrap;padding-top:8px;padding-bottom:8px}.primary-nav{order:3;width:100%;margin:4px 0 0}.summary-strip{grid-template-columns:repeat(3,1fr)}.summary-strip div:nth-child(4){border-left:0}.detail-grid{grid-template-columns:1fr}.metric-list{grid-template-columns:repeat(3,1fr)}.metric-list div:nth-child(4){border-left:0}}
@media(max-width:620px){.account>span{display:none}.primary-nav{overflow:auto}.summary-strip{grid-template-columns:repeat(2,1fr)}.summary-strip div{border-top:1px solid var(--line)}.summary-strip div:nth-child(-n+2){border-top:0}.summary-strip div:nth-child(odd){border-left:0}.metric-list{grid-template-columns:repeat(2,1fr)}.metric-list div:nth-child(odd){border-left:0}.evidence-columns{grid-template-columns:1fr}.filter-bar{align-items:stretch;flex-direction:column}.filter-bar label{grid-template-columns:1fr}.chart-wrap svg{height:160px}}