.page-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:24px;display:flex}.page-head h1{font-size:26px;font-weight:700}.page-head p{color:var(--text-muted);margin-top:4px;font-size:13px}.section-title{margin:28px 0 12px;font-size:17px;font-weight:700}.history-card{margin-top:20px}.history-card .table-wrap{margin-top:8px}.range-switch{border:1px solid var(--border);background:var(--bg);border-radius:999px;gap:4px;padding:4px;display:flex}.range-switch button{color:var(--text-muted);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:999px;padding:6px 14px;font-size:13px;font-weight:600;transition:background .2s,color .2s}.range-switch button:hover{color:var(--text)}.range-switch button[aria-pressed=true]{background:var(--green-soft);color:var(--green-dark)}.range-switch button:focus-visible{outline:2px solid var(--green);outline-offset:2px}.tiles{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:16px;margin-bottom:20px;display:grid}.tile{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);box-shadow:var(--shadow);flex-direction:column;gap:2px;padding:14px 16px;display:flex}.tile span{color:var(--text-muted);font-size:12px}.tile strong{font-variant-numeric:tabular-nums;font-size:24px;font-weight:700}.tile small{color:var(--text-muted);font-size:12px}.chart-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.chart-wide{grid-column:1/-1}.chart-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.chart-box{margin-top:12px;position:relative}.chart-box.is-empty{min-height:160px;color:var(--text-muted);place-items:center;font-size:13px;display:grid}.mchart{width:100%;height:auto;display:block;overflow:visible}.mchart .grid{stroke:#eee;stroke-width:1px}.mchart .axis{fill:#9ca3af;font-size:12px}.mchart .value{fill:var(--text);font-size:13px;font-weight:600}.mchart .crosshair{stroke:#c7cbd1;stroke-width:1px;stroke-dasharray:3 3}.mchart .bar-group{transition:opacity .15s}.mchart .bar-group.is-dim{opacity:.35}.chart-tip{z-index:2;color:#fff;white-space:nowrap;pointer-events:none;background:#111827;border-radius:8px;flex-direction:column;gap:2px;padding:6px 10px;font-size:12px;display:flex;position:absolute;transform:translate(-50%,calc(-100% - 12px))}.chart-tip[hidden]{display:none}.chart-tip span{color:#d1d5db}.legend{color:var(--text-muted);gap:14px;margin:0;padding:0;font-size:12px;list-style:none;display:flex}.legend li{align-items:center;gap:6px;display:flex}.legend .swatch{border-radius:3px;width:10px;height:10px}.status-banner{background:#f2fbf5;border-color:#cbefd7;align-items:center;gap:14px;margin-bottom:20px;display:flex}.status-banner h2{font-size:16px;font-weight:700}.status-banner p{color:var(--text-muted);margin-top:2px;font-size:13px}.status-banner-icon{background:var(--green);color:#fff;border-radius:50%;flex-shrink:0;place-items:center;width:40px;height:40px;display:grid}.status-banner-icon svg{fill:none;stroke:currentColor;stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round;width:22px;height:22px}.status-banner.is-alert{background:#fff4f1;border-color:#f6c9be}.status-banner.is-alert .status-banner-icon{background:#c9573c}.status-banner.is-muted{border-color:var(--border);background:var(--bg)}.status-banner.is-muted .status-banner-icon{background:#d1d5db}.severity{align-items:center;gap:6px;font-weight:600;display:inline-flex}.severity:before{content:"";background:currentColor;border-radius:50%;width:7px;height:7px}.severity-low{color:#23854a}.severity-medium{color:#a86a00}.severity-high{color:#b4432b}.detection-status{border-radius:999px;padding:2px 10px;font-size:12px;font-weight:600;display:inline-block}.detection-status.is-resolved{background:var(--green-soft);color:var(--green-dark)}.detection-status.is-active{color:#b4432b;background:#fff1ee}.detections-table{min-width:560px}.guide-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;display:grid}.guide-card{flex-direction:column;gap:10px;display:flex}.guide-head{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.guide-head h3{font-size:15px;font-weight:700}.guide-head .severity{white-space:nowrap;font-size:12px}.guide-seen{color:var(--text-muted);background:#f3f4f6;border-radius:999px;align-self:flex-start;padding:2px 10px;font-size:12px;font-weight:600}.guide-card dt{color:var(--text-muted);margin-top:6px;font-size:12px;font-weight:600}.guide-card dd{margin:2px 0 0;font-size:13px;line-height:1.5}@media (width<=860px){.chart-grid{grid-template-columns:1fr}}