/* KPI Alert Dashboard — styles */

/* KPI bar — 4 segments */
.kpi-bar-wrap  { display:flex; flex-direction:column; gap:3px; min-width:120px; }
.kpi-segs      { display:flex; gap:4px; }
.kpi-seg       { width:26px; height:10px; border-radius:3px; }

/* Scaled fill bar (width = kpi_pct%) */
.kpi-track     { width:100px; height:6px; background:#e5e7eb; border-radius:3px; overflow:hidden; }
.kpi-fill      { height:6px; border-radius:3px; transition:width 0.4s ease; }
.kpi-pct-label { font-size:10px; color:#6b7280; }

/* Severity badges */
.badge-high    { background:#fed7aa; color:#c2410c; font-size:10px; padding:1px 6px; border-radius:999px; display:inline-block; }
.badge-medium  { background:#fef9c3; color:#854d0e; font-size:10px; padding:1px 6px; border-radius:999px; display:inline-block; }
.badge-low     { background:#d1fae5; color:#065f46; font-size:10px; padding:1px 6px; border-radius:999px; display:inline-block; }

/* Status dot */
.status-dot    { width:10px; height:10px; border-radius:50%; display:inline-block; }
.dot-open      { background:#ef4444; }
.dot-closed    { background:#22c55e; }

/* Sortable column headers */
.sortable      { cursor:pointer; user-select:none; }
.sortable:hover { background:#f1f5f9; }
