/* /var/www/kiosks.systems/public/status/dashboard-dark.css */
/* Status dashboard page layer — load after /admin/css/admin-theme-dark.css + Bootstrap + body.admin-theme-dark */

.admin-theme-dark .dash-stat-label {
  font-size: 0.7rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: var(--adm-text-muted, #8b929e);
  margin-bottom: 0.35rem;
}

.admin-theme-dark .dash-stat-val {
  font-family: var(--adm-font-mono, ui-monospace, monospace);
  font-size: clamp(1.35rem, 3vw, 1.85rem);
  font-weight: 700;
  line-height: 1.2;
}

.admin-theme-dark .dash-stat-val small {
  font-size: 0.75rem;
  font-weight: 600;
  color: var(--adm-text-muted, #8b929e);
  font-family: var(--adm-font, system-ui, sans-serif);
}

.admin-theme-dark .dash-bar {
  height: 10px;
  border-radius: 999px;
  background: rgba(0, 0, 0, 0.25);
  border: 1px solid var(--adm-border, rgba(255, 255, 255, 0.08));
  overflow: hidden;
  margin-top: 0.65rem;
}

.admin-theme-dark .dash-bar > i {
  display: block;
  height: 100%;
  width: 0%;
  border-radius: 999px;
  transition: width 0.2s ease;
  font-style: normal;
}

.admin-theme-dark .dash-bar-cpu > i {
  background: linear-gradient(90deg, #d88920, #f5a93a);
}

.admin-theme-dark .dash-bar-mem > i {
  background: linear-gradient(90deg, #3d8bb8, #5eb3e0);
}

.admin-theme-dark .dash-bar-gpu > i {
  background: linear-gradient(90deg, #7c5cbf, #a78bfa);
}

.admin-theme-dark .dash-banner {
  border: 1px solid var(--adm-border-strong, rgba(255, 255, 255, 0.14)) !important;
}

.admin-theme-dark .dash-banner-ok {
  border-color: rgba(61, 214, 140, 0.45) !important;
  background: rgba(61, 214, 140, 0.08) !important;
}

.admin-theme-dark .dash-banner-warn {
  border-color: rgba(240, 160, 48, 0.5) !important;
  background: rgba(240, 160, 48, 0.1) !important;
}

.admin-theme-dark .dash-banner-bad {
  border-color: rgba(232, 93, 93, 0.55) !important;
  background: rgba(232, 93, 93, 0.1) !important;
}

.admin-theme-dark .badge-dash {
  display: inline-block;
  padding: 0.25rem 0.6rem;
  border-radius: 999px;
  font-size: 0.75rem;
  font-weight: 600;
  font-family: var(--adm-font, system-ui, sans-serif);
  border: 1px solid transparent;
}

.admin-theme-dark .dash-b-ok {
  background: var(--adm-success-dim, rgba(61, 214, 140, 0.12));
  border-color: rgba(61, 214, 140, 0.4);
  color: var(--adm-success, #3dd68c);
}

.admin-theme-dark .dash-b-warn {
  background: var(--adm-accent-dim, rgba(240, 160, 48, 0.15));
  border-color: rgba(240, 160, 48, 0.45);
  color: var(--adm-accent, #f0a030);
}

.admin-theme-dark .dash-b-bad {
  background: var(--adm-danger-dim, rgba(232, 93, 93, 0.12));
  border-color: rgba(232, 93, 93, 0.45);
  color: var(--adm-danger, #e85d5d);
}

.admin-theme-dark .dash-chart-wrap {
  border: 1px solid var(--adm-border, rgba(255, 255, 255, 0.08));
  border-radius: var(--adm-radius-sm, 8px);
  background: rgba(0, 0, 0, 0.18);
  padding: 0.75rem;
  overflow: hidden;
  position: relative;
  flex: 0 0 auto;
}

.admin-theme-dark .dash-chart-wrap canvas {
  width: 100% !important;
  height: 220px !important;
}

.admin-theme-dark .dash-chart-card-body {
  flex: 0 0 auto !important;
}

.admin-theme-dark .dash-modal-backdrop {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.82);
  display: none;
  align-items: center;
  justify-content: center;
  padding: 1.25rem;
  z-index: 1055;
  backdrop-filter: blur(6px);
}

.admin-theme-dark .dash-modal-box {
  width: min(980px, 96vw);
  max-height: 86vh;
  overflow: auto;
  background: var(--adm-bg-surface, #141820);
  border: 1px solid var(--adm-border-strong, rgba(255, 255, 255, 0.14));
  border-radius: var(--adm-radius, 12px);
  box-shadow: var(--adm-shadow, 0 4px 24px rgba(0, 0, 0, 0.45));
  padding: 1.25rem;
}

.admin-theme-dark pre.dash-ai-out {
  white-space: pre-wrap;
  word-break: break-word;
  background: rgba(0, 0, 0, 0.25);
  border: 1px solid var(--adm-border, rgba(255, 255, 255, 0.08));
  border-radius: var(--adm-radius-sm, 8px);
  padding: 1rem;
  font-family: var(--adm-font-mono, ui-monospace, monospace);
  font-size: 0.8125rem;
  line-height: 1.5;
  color: var(--adm-text, #e8eaef);
  max-height: 60vh;
  overflow: auto;
}

@media (max-width: 991.98px) {
  .admin-theme-dark .dash-chart-wrap canvas {
    height: 200px !important;
  }
}