/* IIoT Platform — status color utilities not compiled into Metronic's styles.css */

/* Text colors */
.text-success { color: #17c653; }
.text-danger  { color: #f1416c; }
.text-warning { color: #f6c000; }
.text-info    { color: #7239ea; }

/* Solid backgrounds */
.bg-success { background-color: #17c653; }
.bg-danger  { background-color: #f1416c; }
.bg-warning { background-color: #f6c000; }
.bg-info    { background-color: #7239ea; }

/* Light tinted backgrounds */
.bg-success\/5  { background-color: rgb(23  198  83 / 0.05); }
.bg-success\/10 { background-color: rgb(23  198  83 / 0.10); }
.bg-success\/15 { background-color: rgb(23  198  83 / 0.15); }
.bg-danger\/5   { background-color: rgb(241  65 108 / 0.05); }
.bg-danger\/10  { background-color: rgb(241  65 108 / 0.10); }
.bg-danger\/15  { background-color: rgb(241  65 108 / 0.15); }
.bg-warning\/5  { background-color: rgb(246 192   0 / 0.05); }
.bg-warning\/10 { background-color: rgb(246 192   0 / 0.10); }
.bg-warning\/15 { background-color: rgb(246 192   0 / 0.15); }
.bg-info\/10    { background-color: rgb(114  57 234 / 0.10); }

/* Borders */
.border-success\/20 { border-color: rgb(23  198  83 / 0.20); }
.border-danger\/20  { border-color: rgb(241  65 108 / 0.20); }
.border-warning\/20 { border-color: rgb(246 192   0 / 0.20); }
.border-primary\/20 { border-color: rgb(27 132 255 / 0.20); }

/* Extended opacity variants used in theme-aware cards */
.bg-primary\/5  { background-color: rgb(27 132 255 / 0.05); }
.bg-warning\/10 { background-color: rgb(246 192   0 / 0.10); }

/* Sidebar active state */
.bg-accent\/60  { background-color: rgba(255,255,255,0.06); }

/* Dark mode: flip accent to slightly lighter surface */
.dark .bg-accent\/60 { background-color: rgba(255,255,255,0.06); }
.light .bg-accent\/60 { background-color: rgba(0,0,0,0.06); }

/* Responsive grid utilities missing from pre-compiled Metronic styles.css */
@media (width >= 80rem) {
  .xl\:col-span-2 { grid-column: span 2 / span 2; }
  .xl\:col-span-3 { grid-column: span 3 / span 3; }
  .xl\:grid-cols-5 { grid-template-columns: repeat(5, minmax(0, 1fr)); }
}