/* =========================================================
   GGCS HR SYSTEM — PREMIUM DARK THEME
   Loaded last to provide a consistent visual system.
   ========================================================= */

html[data-theme="dark"] {
  color-scheme: dark;

  --premium-page: #050b14;
  --premium-sidebar: #081423;
  --premium-topbar: #0a1727;
  --premium-panel: #0d1c2e;
  --premium-panel-raised: #11233a;
  --premium-panel-hover: #142942;
  --premium-border: rgba(158, 181, 211, .12);
  --premium-text: #f2f6fb;
  --premium-muted: #a4b1c2;
  --premium-soft: #7e8da2;
  --premium-blue: #5f91d5;
  --premium-yellow: #f2cf5b;
}

/* Landing page */

html[data-theme="dark"] body,
html[data-theme="dark"] .landing-page,
html[data-theme="dark"] .app-shell,
html[data-theme="dark"] .main-content,
html[data-theme="dark"] .dashboard-content {
  color: var(--premium-text);
  background: var(--premium-page);
}

html[data-theme="dark"] .landing-page {
  background:
    radial-gradient(
      circle at 74% 4%,
      rgba(55, 103, 168, .15),
      transparent 32%
    ),
    radial-gradient(
      circle at 5% 96%,
      rgba(242, 207, 91, .055),
      transparent 25%
    ),
    linear-gradient(145deg, #050b14, #081525);
}

html[data-theme="dark"] .hero h1 {
  color: var(--premium-text);
}

html[data-theme="dark"] .hero p,
html[data-theme="dark"] .site-footer {
  color: var(--premium-muted);
}

html[data-theme="dark"] .attendance-card {
  color: var(--premium-text);
  border-color: var(--premium-border);
  background:
    radial-gradient(
      circle at 87% 5%,
      rgba(242, 207, 91, .10),
      transparent 35%
    ),
    var(--premium-panel);
  box-shadow: 0 24px 60px rgba(0, 0, 0, .30);
}

html[data-theme="dark"] .login-card {
  color: #ffffff;
  background:
    radial-gradient(
      circle at 90% 4%,
      rgba(255, 255, 255, .10),
      transparent 35%
    ),
    linear-gradient(145deg, #102e55, #1f4f88);
  box-shadow: 0 24px 60px rgba(0, 0, 0, .32);
}

/* Logo presentation */

html[data-theme="dark"] .brand-logo,
html[data-theme="dark"] .sidebar-brand img {
  border: 1px solid rgba(255, 255, 255, .08);
  background: rgba(250, 252, 255, .96);
  box-shadow: 0 12px 34px rgba(0, 0, 0, .20);
}

/* Theme button */

html[data-theme="dark"] .theme-toggle {
  color: var(--premium-yellow);
  border-color: rgba(242, 207, 91, .18);
  background: rgba(242, 207, 91, .07);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .04);
}

html[data-theme="dark"] .theme-toggle:hover {
  border-color: rgba(242, 207, 91, .36);
  background: rgba(242, 207, 91, .11);
}

/* Sidebar and topbar */

html[data-theme="dark"] .sidebar {
  color: var(--premium-text);
  border-color: var(--premium-border);
  background:
    linear-gradient(
      180deg,
      #0a192a 0%,
      var(--premium-sidebar) 100%
    );
}

html[data-theme="dark"] .topbar {
  color: var(--premium-text);
  border-color: var(--premium-border);
  background: rgba(10, 23, 39, .96);
  box-shadow: 0 1px 0 rgba(255, 255, 255, .02);
}

html[data-theme="dark"] .topbar h1,
html[data-theme="dark"] .sidebar-user strong,
html[data-theme="dark"] .topbar-user strong {
  color: var(--premium-text);
}

html[data-theme="dark"] .menu-label,
html[data-theme="dark"] .page-label,
html[data-theme="dark"] .panel-label,
html[data-theme="dark"] .profile-label,
html[data-theme="dark"] .profile-section-label {
  color: #7789a1;
}

html[data-theme="dark"] .menu-item {
  color: #9faec1;
}

html[data-theme="dark"] .menu-item:hover {
  color: #ffffff;
  background: rgba(255, 255, 255, .045);
}

html[data-theme="dark"] .menu-item.active {
  color: var(--premium-yellow);
  background:
    linear-gradient(
      90deg,
      rgba(67, 113, 175, .28),
      rgba(67, 113, 175, .13)
    );
  box-shadow: inset 3px 0 0 var(--premium-yellow);
}

html[data-theme="dark"] .sidebar-footer {
  border-color: var(--premium-border);
}

html[data-theme="dark"] .sidebar-user small,
html[data-theme="dark"] .topbar-user small,
html[data-theme="dark"] .back-link {
  color: var(--premium-muted);
}

/* Dashboard welcome */

html[data-theme="dark"] .welcome-card {
  color: #ffffff;
  background:
    radial-gradient(
      circle at 88% 0%,
      rgba(242, 207, 91, .13),
      transparent 32%
    ),
    linear-gradient(135deg, #102d51, #1e4d83);
  box-shadow: 0 25px 65px rgba(0, 0, 0, .30);
}

html[data-theme="dark"] .welcome-card h2 {
  color: #ffffff;
}

html[data-theme="dark"] .welcome-card p:not(.welcome-label) {
  color: rgba(255, 255, 255, .78);
}

html[data-theme="dark"] .welcome-label {
  color: var(--premium-yellow);
}

/* Dashboard cards and panels */

html[data-theme="dark"] .summary-card,
html[data-theme="dark"] .panel,
html[data-theme="dark"] .profile-panel,
html[data-theme="dark"] .profile-hero {
  color: var(--premium-text);
  border-color: var(--premium-border);
  background: var(--premium-panel);
  box-shadow:
    0 18px 45px rgba(0, 0, 0, .20),
    inset 0 1px 0 rgba(255, 255, 255, .025);
}

html[data-theme="dark"] .summary-card:hover {
  border-color: rgba(95, 145, 213, .22);
  background: var(--premium-panel-hover);
}

html[data-theme="dark"] .summary-card strong,
html[data-theme="dark"] .panel h3,
html[data-theme="dark"] .profile-hero h2,
html[data-theme="dark"] .profile-panel h3,
html[data-theme="dark"] .information-item dd,
html[data-theme="dark"] .profile-number strong,
html[data-theme="dark"] .supervisor strong,
html[data-theme="dark"] .timeline-item strong,
html[data-theme="dark"] .request-item strong {
  color: var(--premium-text);
}

html[data-theme="dark"] .summary-card p,
html[data-theme="dark"] .summary-card small,
html[data-theme="dark"] .timeline-item small,
html[data-theme="dark"] .timeline-item p,
html[data-theme="dark"] .information-item dt,
html[data-theme="dark"] .profile-position,
html[data-theme="dark"] .profile-number small,
html[data-theme="dark"] .supervisor small,
html[data-theme="dark"] .request-item small {
  color: var(--premium-muted);
}

html[data-theme="dark"] .profile-panel-header,
html[data-theme="dark"] .information-item,
html[data-theme="dark"] .profile-list div,
html[data-theme="dark"] .table-row,
html[data-theme="dark"] .request-item {
  border-color: var(--premium-border);
}

html[data-theme="dark"] .panel-header a {
  color: #84afe7;
}

html[data-theme="dark"] .profile-number {
  border-color: var(--premium-border);
  background: rgba(255, 255, 255, .035);
}

html[data-theme="dark"] .profile-note {
  color: var(--premium-muted);
  border-color: rgba(95, 145, 213, .18);
  background: rgba(49, 91, 147, .11);
}

html[data-theme="dark"] .profile-note strong {
  color: #9bc1f0;
}

/* Fine details */

html[data-theme="dark"] .timeline-line {
  background: rgba(255, 255, 255, .11);
}

html[data-theme="dark"] .table-row:not(.table-header) span {
  color: #e8eef6;
}

html[data-theme="dark"] .table-header {
  color: #8292a7;
}

html[data-theme="dark"] .page-footer {
  color: #718198;
}