/* Scoped to diagnostics: no grid theme changes, no continuous animations. */
#mod3-diagnostics{background:#0c1424;color:#e2eaf7;font:13px 'Segoe UI',Arial,sans-serif;color-scheme:dark}
#mod3-diagnostics header{padding:18px 20px;background:linear-gradient(110deg,#14263c,#152035);border-bottom:1px solid #30415a;gap:16px}
#mod3-diagnostics h2{font-size:19px;letter-spacing:-.4px;color:#f1f6ff;font-weight:700}
#mod3-diagnostics .d-live{font-size:10px;font-weight:700;letter-spacing:1px;color:#afbbce;white-space:nowrap}
#mod3-diagnostics .d-live[data-active=true]{color:#7ee4c7}
#mod3-diagnostics .d-live:before{content:'';display:inline-block;width:7px;height:7px;border-radius:50%;background:currentColor;margin-right:7px}
#mod3-diagnostics .d-dashboard{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:16px 20px}
#mod3-diagnostics button.d-card{display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:13px 16px;border:1px solid #30415a;border-radius:10px;background:#142136;min-width:0;color:#9ecbff}
#mod3-diagnostics .d-card span{font-size:10px;font-weight:700;letter-spacing:1px}
#mod3-diagnostics .d-card strong{font:600 27px 'Segoe UI',sans-serif;line-height:1.2}
#mod3-diagnostics .d-card[data-level=WARN]{color:#ffd58a}
#mod3-diagnostics .d-card[data-level=ERROR]{color:#ffabb9}
#mod3-diagnostics button.d-card[aria-pressed=true]{border-color:#63b9ff;background:#1b304b;box-shadow:inset 0 0 0 1px #63b9ff}
#mod3-diagnostics .d-controls{padding:8px 20px;border-bottom:1px solid #26364f;gap:8px}
#mod3-diagnostics button,#mod3-diagnostics select,#mod3-diagnostics input{background:#162339;border:1px solid #40546e;color:#e2eaf7;border-radius:6px;min-height:33px;font-size:12px}
#mod3-diagnostics input::placeholder{color:#a7b5c8;opacity:1}
#mod3-diagnostics button:hover{background:#233b56;border-color:#73c7ff}
#mod3-diagnostics button[aria-pressed=true]{background:#29405e;color:#fff}
#mod3-diagnostics .d-status{padding:10px 20px;color:#aabbd1;font-size:11px;border-bottom:1px solid #26364f}
#mod3-diagnostics table{font:12px Consolas,'Segoe UI',monospace;background:#0e192a}
#mod3-diagnostics th{background:#1c2d43;color:#acbfd7;font:600 10px 'Segoe UI',sans-serif;text-transform:uppercase;letter-spacing:.6px;padding:11px 12px}
#mod3-diagnostics td{color:#dce7f7!important;background:transparent!important;border-bottom:1px solid #243249;padding:10px 12px;line-height:1.5}
#mod3-diagnostics tr:nth-child(even){background:#132035}
#mod3-diagnostics tr[data-level=WARN]{background:#342b1c}
#mod3-diagnostics tr[data-level=ERROR]{background:#382332}
#mod3-diagnostics tr[data-level=WARN] td{color:#ffe0a6!important}
#mod3-diagnostics tr[data-level=ERROR] td{color:#ffc4ce!important}
#mod3-diagnostics td:nth-child(4){font-weight:700;font-size:11px}
#mod3-diagnostics tbody tr:hover,#mod3-diagnostics tbody tr[data-selected=true]{background:#25425e;box-shadow:inset 3px 0 #7bcaff}
#mod3-diagnostics button.d-event{color:#8fd6ff!important;background:transparent;border:0;text-decoration:underline;text-underline-offset:3px;font:inherit;min-height:24px}
#mod3-diagnostics .d-detail-title{padding:8px 20px 4px;font-size:10px;letter-spacing:1px;font-weight:700;color:#8fd6ff;background:#101d30}
#mod3-diagnostics .d-detail{background:#101d30;color:#dbeaff;padding:10px 20px;max-height:150px;font-size:12px;line-height:1.55}
#mod3-diagnostics .d-foot{background:#0c1424;color:#aabbd1;padding:6px 20px}
#mod3-diagnostics :is(button,input,select,pre):focus-visible{outline:2px solid #98dfff;outline-offset:2px}
@media(max-width:650px){#mod3-diagnostics .d-dashboard{grid-template-columns:repeat(2,minmax(0,1fr));padding:10px;gap:6px}#mod3-diagnostics header{padding:12px;flex-wrap:wrap}#mod3-diagnostics h2{font-size:16px}#mod3-diagnostics .d-controls{padding:6px 10px}#mod3-diagnostics button.d-card{padding:8px}#mod3-diagnostics .d-card strong{font-size:20px}#mod3-diagnostics .d-detail{max-height:90px}}