.mon-overview,.mon-details{border:1px solid var(--line);border-radius:16px;background:var(--panel);padding:20px;margin:0 0 18px}
.mon-details{margin-top:20px;scroll-margin-top:18px}.mon-header{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;flex-wrap:wrap}.mon-header h2{font-size:1.25rem;margin:4px 0 8px}.mon-header p{margin-bottom:8px}
.mon-muted{color:var(--muted);font-size:.86rem}.mon-overview.has-alerts{border-color:var(--amber)}.mon-badge{padding:8px 12px;border-radius:9px;color:var(--green);background:rgba(86,227,159,.08);font-weight:700;font-size:.86rem}.has-alerts .mon-badge{color:var(--amber);background:rgba(255,191,71,.1)}
.mon-alerts,.mon-card-alerts{list-style:none;padding:0;margin:12px 0 0}.mon-alert{display:flex;gap:14px;flex-wrap:wrap;background:rgba(255,191,71,.07);border-left:3px solid var(--amber);padding:10px 12px;margin-bottom:7px;border-radius:4px;font-size:.88rem}.mon-card-alerts li{color:var(--amber);font-size:.8rem;margin-top:7px}.device-card.mon-card-alert{border-color:var(--amber)}
.mon-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.mon-actions button{flex:1}.mon-actions button:disabled{opacity:.4;cursor:not-allowed}
.mon-controls{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin:12px 0}.mon-ranges{display:flex;gap:5px}.mon-ranges button{padding:7px 12px}.mon-ranges button[aria-pressed=true]{border-color:var(--cyan);color:var(--cyan);background:rgba(57,208,255,.08)}
.mon-controls select{border:1px solid var(--line);padding:8px;border-radius:8px;background:var(--panel-2);color:var(--text);font:inherit;font-size:.85rem}.mon-controls label{font-size:.8rem;color:var(--muted)}
.mon-chart{min-height:220px;border:1px solid var(--line);border-radius:12px;background:rgba(7,10,16,.6);overflow:hidden}.mon-chart svg{display:block;width:100%;height:auto}.mon-gridline{stroke:var(--line);stroke-width:1}.mon-axis{fill:var(--muted);font-family:inherit;font-size:11px}.mon-empty{padding:60px 24px;text-align:center;color:var(--muted);font-size:.9rem}.mon-legend{display:flex;gap:18px;flex-wrap:wrap;font-size:.8rem;padding:12px 2px}.mon-note{color:var(--muted);font-size:.78rem;line-height:1.5;margin-bottom:18px}
.mon-timeline{list-style:none;margin:12px 0 0;padding:0;max-height:320px;overflow:auto}.mon-timeline li{display:grid;grid-template-columns:165px 1fr;gap:14px;padding:10px 0;border-top:1px solid var(--line);font-size:.8rem;line-height:1.45}.mon-timeline time{color:var(--muted);font-variant-numeric:tabular-nums}.mon-timeline span{overflow-wrap:anywhere}
.mon-details details,.mon-overview details{margin-top:16px;border-top:1px solid var(--line);padding-top:12px}.mon-details summary,.mon-overview summary{cursor:pointer;color:var(--text);font-size:.86rem;font-weight:600}.mon-report{white-space:pre-wrap;overflow-wrap:anywhere;max-height:470px;overflow:auto;background:#080e17;border:1px solid var(--line);border-radius:10px;padding:14px;font:12px/1.5 Consolas,monospace}.mon-diagnostic-progress{font-size:.83rem;color:var(--cyan);margin:12px 0}
@media(max-width:560px){.mon-overview,.mon-details{padding:15px}.mon-timeline li{grid-template-columns:1fr;gap:3px}.mon-header .button{padding:7px 10px}.mon-legend{gap:12px}.mon-controls{gap:7px}.mon-chart{min-height:220px}}