/* Desktop management UI. Bootstrap does the heavy lifting; this file only
   carries the few operational affordances Bootstrap has no opinion about. */
.card { border-color: rgba(255, 255, 255, 0.08); }
[data-kpi] { font-variant-numeric: tabular-nums; }

/* Semantic states render here, never in the database (design section 10). */
.state-ON_TRACK, .state-HEALTHY  { color: #4ade80; }
.state-AT_RISK, .state-DEGRADED  { color: #fbbf24; }
.state-BLOCKED, .state-OFFLINE   { color: #f87171; }
.state-CRITICAL                  { color: #ef4444; font-weight: 600; }
.state-MAINTENANCE, .state-UNKNOWN { color: #94a3b8; }