/* ═══════════════════════════════════════════════════════════════
   NHC Uptime — Dark Theme Override
   Applied when body[data-theme="dark"]
   ═══════════════════════════════════════════════════════════════ */

body[data-theme="dark"] {
  background: #0f1117;
  color: #e4e5e7;
}

body[data-theme="dark"] .panel-sidebar {
  background: #161920;
  border-right-color: rgba(255,255,255,0.06);
}
body[data-theme="dark"] .sidebar-brand span:first-child { color: #f0f0f2; }
body[data-theme="dark"] .sidebar-nav a { color: #8b8d97; }
body[data-theme="dark"] .sidebar-nav a:hover { color: #e4e5e7; background: rgba(99,91,255,0.06); }
body[data-theme="dark"] .sidebar-nav a.active { color: #a5b4fc; background: rgba(99,91,255,0.08); border-left-color: #635bff; }
body[data-theme="dark"] .sidebar-section { color: #4b4d56; }
body[data-theme="dark"] .sidebar-footer { border-top-color: rgba(255,255,255,0.06); }

body[data-theme="dark"] .panel-header {
  background: #161920;
  border-bottom-color: rgba(255,255,255,0.06);
}
body[data-theme="dark"] .panel-header-title { color: #f0f0f2; }

body[data-theme="dark"] .panel-card {
  background: #1a1d27;
  border-color: rgba(255,255,255,0.06);
}
body[data-theme="dark"] .panel-card:hover { box-shadow: 0 4px 16px rgba(0,0,0,0.3); }
body[data-theme="dark"] .panel-card-title { color: #8b8d97; }
body[data-theme="dark"] .panel-card-value { color: #f0f0f2; }

body[data-theme="dark"] .monitor-row {
  background: #1a1d27;
  border-color: rgba(255,255,255,0.06);
}
body[data-theme="dark"] .monitor-row:hover {
  border-color: rgba(99,91,255,0.2);
  box-shadow: 0 4px 16px rgba(0,0,0,0.2);
}
body[data-theme="dark"] .monitor-name { color: #f0f0f2; }
body[data-theme="dark"] .monitor-url { color: #6b6d76; }

body[data-theme="dark"] .btn-outline {
  background: rgba(255,255,255,0.04);
  border-color: rgba(255,255,255,0.1);
  color: #a1a3ab;
}
body[data-theme="dark"] .btn-outline:hover {
  border-color: rgba(255,255,255,0.2);
  background: rgba(255,255,255,0.06);
  color: #e4e5e7;
}

body[data-theme="dark"] .form-input,
body[data-theme="dark"] .form-select {
  background: #1a1d27;
  border-color: rgba(255,255,255,0.1);
  color: #e4e5e7;
  box-shadow: none;
}
body[data-theme="dark"] .form-input:focus,
body[data-theme="dark"] .form-select:focus {
  border-color: #635bff;
  box-shadow: 0 0 0 3px rgba(99,91,255,0.15);
}
body[data-theme="dark"] .form-input::placeholder { color: #4b4d56; }
body[data-theme="dark"] .form-label { color: #a1a3ab; }

body[data-theme="dark"] .alert-success { background: rgba(34,197,94,0.08); border-color: rgba(34,197,94,0.2); color: #4ade80; }
body[data-theme="dark"] .alert-danger { background: rgba(239,68,68,0.08); border-color: rgba(239,68,68,0.2); color: #f87171; }
body[data-theme="dark"] .alert-warning { background: rgba(245,158,11,0.08); border-color: rgba(245,158,11,0.2); color: #fbbf24; }
body[data-theme="dark"] .alert-info { background: rgba(59,130,246,0.08); border-color: rgba(59,130,246,0.2); color: #60a5fa; }

body[data-theme="dark"] table th {
  color: #6b6d76;
  border-bottom-color: rgba(255,255,255,0.06);
  background: rgba(255,255,255,0.02);
}
body[data-theme="dark"] table td {
  color: #a1a3ab;
  border-bottom-color: rgba(255,255,255,0.03);
}
body[data-theme="dark"] table tr:hover td { background: rgba(255,255,255,0.02); }

body[data-theme="dark"] code {
  background: rgba(99,91,255,0.08);
  color: #a5b4fc;
}

body[data-theme="dark"] .dropdown-menu {
  background: #1a1d27;
  border-color: rgba(255,255,255,0.08);
  box-shadow: 0 10px 40px rgba(0,0,0,0.5);
}
body[data-theme="dark"] .dropdown-menu button,
body[data-theme="dark"] .dropdown-menu a { color: #a1a3ab; }
body[data-theme="dark"] .dropdown-menu button:hover,
body[data-theme="dark"] .dropdown-menu a:hover { background: rgba(255,255,255,0.04); }

body[data-theme="dark"] .tab-nav { border-bottom-color: rgba(255,255,255,0.06); }
body[data-theme="dark"] .tab-nav a { color: #6b6d76; }
body[data-theme="dark"] .tab-nav a:hover { color: #e4e5e7; }
body[data-theme="dark"] .tab-nav a.active { color: #a5b4fc; border-bottom-color: #635bff; }

body[data-theme="dark"] .pill-green { background: rgba(34,197,94,0.1); color: #4ade80; }
body[data-theme="dark"] .pill-red { background: rgba(239,68,68,0.1); color: #f87171; }
body[data-theme="dark"] .pill-yellow { background: rgba(245,158,11,0.1); color: #fbbf24; }
body[data-theme="dark"] .pill-blue { background: rgba(59,130,246,0.1); color: #60a5fa; }
body[data-theme="dark"] .pill-purple { background: rgba(99,91,255,0.1); color: #a5b4fc; }
body[data-theme="dark"] .pill-gray { background: rgba(255,255,255,0.05); color: #8b8d97; }

body[data-theme="dark"] .badge-free { background: rgba(255,255,255,0.05); color: #8b8d97; }
body[data-theme="dark"] .badge-solo { background: rgba(59,130,246,0.1); color: #60a5fa; }
body[data-theme="dark"] .badge-team { background: rgba(124,58,237,0.1); color: #a78bfa; }
body[data-theme="dark"] .badge-enterprise { background: rgba(217,119,6,0.1); color: #fbbf24; }

body[data-theme="dark"] .uptime-bar-segment.none { background: #2a2d37; }

body[data-theme="dark"] .auth-wrapper { background: #0f1117; }
body[data-theme="dark"] .auth-card { background: #1a1d27; border-color: rgba(255,255,255,0.06); box-shadow: 0 8px 32px rgba(0,0,0,0.4); }
body[data-theme="dark"] .auth-title { color: #f0f0f2; }
body[data-theme="dark"] .auth-subtitle { color: #6b6d76; }
body[data-theme="dark"] .auth-error { background: rgba(239,68,68,0.08); border-color: rgba(239,68,68,0.2); color: #f87171; }

body[data-theme="dark"] .skeleton { background: linear-gradient(90deg, #1a1d27 25%, #2a2d37 50%, #1a1d27 75%); background-size: 200% 100%; }
body[data-theme="dark"] .divider { background: rgba(255,255,255,0.06); }
body[data-theme="dark"] .progress-bar { background: #2a2d37; }

body[data-theme="dark"] ::-webkit-scrollbar-thumb { background: #3a3d47; }
body[data-theme="dark"] ::-webkit-scrollbar-thumb:hover { background: #4b4d56; }