/* Securitywatch: poche aggiunte sopra app.css di Netwatch. */
.bulb.sc { background: #b91c1c; box-shadow: 0 0 8px #b91c1c88; }

.kpis { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 12px; margin: 12px 0 18px; }
.kpi { padding: 12px 14px; border-radius: 10px; border: 1px solid #8883; }
.kpi b { display: block; font-size: 1.6em; font-variant-numeric: tabular-nums; }
.kpi span { font-size: .85em; opacity: .75; }
.kpi.high { border-color: #dc2626; }
.kpi.medium { border-color: #f59e0b; }

.sev { font-weight: 600; padding: 1px 8px; border-radius: 10px; font-size: .82em; white-space: nowrap; }
.sev.high { background: #fee2e2; color: #b91c1c; }
.sev.medium { background: #fef3c7; color: #b45309; }
.sev.low { background: #e0f2fe; color: #0369a1; }
.sev.log { background: #8882; color: inherit; }
.tag.kev { background: #b91c1c; color: #fff; }
@media (prefers-color-scheme: dark) {
  .sev.high { background: #7f1d1d; color: #fecaca; }
  .sev.medium { background: #78350f; color: #fde68a; }
  .sev.low { background: #0c4a6e; color: #bae6fd; }
}

.hostcard { padding: 10px 14px; border-radius: 10px; border: 1px solid #8883; margin: 10px 0; }
.hostcard.high { border-color: #dc2626; }
.hostcard h3 { margin: 0 0 6px; font-size: 1.05em; }
.hostcard .meta { font-size: .85em; opacity: .75; margin-bottom: 6px; }

.sevbar { display: flex; gap: 3px; align-items: center; }
.sevbar b { font-variant-numeric: tabular-nums; }
.pill { font-size: .78em; padding: 1px 7px; border-radius: 10px; border: 1px solid #8884; }

tr.fixed td { opacity: .5; }
tr.muted td { opacity: .5; font-style: italic; }
.ev { font-family: ui-monospace, monospace; font-size: .85em; opacity: .85; }
.filters { display: flex; gap: 10px; flex-wrap: wrap; align-items: center; margin: 10px 0; }
.filters select, .filters input { padding: 4px 6px; }