/* Tungi rejim (TZ 11.1, 12). Yorug' rejim — har qobiqning o'z CSS'i; bu fayl faqat [data-theme="dark"] uchun
   o'zgaruvchilarni va qattiq yozilgan oq/kulrang fonlarni almashtiradi.
   Palitra: sahifa foni Tun ko'ki #020B1A, kartalar Ko'k 90 #0B1628, chegara Ko'k 70 #24324A,
   ikkinchi matn Ko'k 40 #8A94A6, asosiy matn oq, Vaqtliy yashil o'zgarmaydi.
   "Tizim bo'yicha" tanlovini i18n.js OS sozlamasiga qarab dark/light ga aylantiradi. */
:root[data-theme="dark"] {
  color-scheme: dark;
  /* admin.css */
  --bg: #020B1A;
  --surface: #0B1628;
  --line: #24324A;
  --text: #FFFFFF;
  --muted: #8A94A6;
  --accent: #00C782;
  --accent-strong: #00C782;
  --accent-soft: rgba(0, 199, 130, .18);
  --danger: #FF8A8E;
  --warning: #F5A524;
  /* app_shell.css (yon menyu) */
  --app-navy: #FFFFFF;
  --app-green-ink: #2FE0A0;
  --app-green-20: rgba(0, 199, 130, .16);
  --app-grey: #24324A;
  --app-muted: #8A94A6;
  /* hr.css */
  --hr-bg: #020B1A;
  --hr-surface: #0B1628;
  --hr-surface-low: #101C33;
  --hr-surface-mid: #16243D;
  --hr-surface-high: #1E2F4C;
  --hr-line: #24324A;
  --hr-line-strong: #34455F;
  --hr-text: #FFFFFF;
  --hr-text-2: #C7D0DC;
  --hr-muted: #8A94A6;
  --hr-faint: #6F7B90;
  --hr-teal: #00C782;
  --hr-teal-strong: #2FE0A0;
  --hr-teal-ink: #020B1A;
  --hr-teal-soft: rgba(0, 199, 130, .18);
  --hr-navy: #0B1628;
  --hr-navy-2: #16243D;
  --hr-blue: #5B9CFF;
  --hr-blue-soft: rgba(59, 130, 246, .2);
  --hr-blue-ink: #9CC2FF;
  --hr-amber: #F5A524;
  --hr-amber-soft: rgba(245, 165, 36, .18);
  --hr-amber-ink: #FBCB6B;
  --hr-red: #E5484D;
  --hr-red-soft: rgba(229, 72, 77, .2);
  --hr-red-ink: #FF8A8E;
  --hr-purple: #A78BFA;
  --hr-purple-soft: rgba(139, 92, 246, .22);
  --hr-purple-ink: #C4B5FD;
  --hr-shadow: 0 1px 2px rgba(0, 0, 0, .35);
  --hr-shadow-lg: 0 24px 60px rgba(0, 0, 0, .55);
}

/* Yon menyu (app_shell.css) */
[data-theme="dark"] .app-sidebar.sidebar,
[data-theme="dark"] .app-sidebar.hr-sidebar { background: #0B1628; border-right-color: #24324A; }
[data-theme="dark"] .app-sidebar .hr-org-switch select { background: #101C33; border-color: #24324A; color: #FFFFFF; }
[data-theme="dark"] .app-nav-top,
[data-theme="dark"] .app-nav-sub a { color: #C7D0DC; }
[data-theme="dark"] .app-nav-top:hover,
[data-theme="dark"] .app-nav-sub a:hover { background: #16243D; color: #FFFFFF; }
[data-theme="dark"] .app-nav [data-plan-lock] { color: #6F7B90; }
[data-theme="dark"] .app-sidebar a.app-demo.is-expired { background: rgba(229, 72, 77, .2); color: #FF8A8E; }
[data-theme="dark"] .app-sidebar a.app-demo span { color: #C7D0DC; }
[data-theme="dark"] .app-lock-dialog { background: #0B1628; color: #FFFFFF; }
[data-theme="dark"] .app-lock-dialog p { color: #C7D0DC; }
[data-theme="dark"] .app-lock-dialog .app-lock-note { color: #8A94A6; }
[data-theme="dark"] .app-lock-icon { background: #16243D; }
[data-theme="dark"] .app-lock-btn { background: #16243D; border-color: #24324A; color: #FFFFFF; }
[data-theme="dark"] .app-lock-btn.is-primary { background: #00C782; border-color: #00C782; color: #020B1A; }
[data-theme="dark"] .app-icon-btn:hover { background: #16243D; color: #FFFFFF; }

/* Eski panel (admin.css): qattiq yozilgan oq va och kulrang fonlar */
[data-theme="dark"] .topbar { background: #0B1628; border-color: #24324A; }
[data-theme="dark"] th { background: #101C33; }
[data-theme="dark"] tfoot td,
[data-theme="dark"] .inactive-row { background: #101C33; }
[data-theme="dark"] .toggle-card { background: #101C33; }
[data-theme="dark"] .button.secondary,
[data-theme="dark"] button.secondary { background: #16243D; border-color: #24324A; color: #FFFFFF; }
[data-theme="dark"] .button,
[data-theme="dark"] button:not(.secondary):not(.danger):not(.text-button):not(.icon-button):not(.app-icon-btn):not(.hr-btn):not(.hr-icon-btn):not(.password-toggle):not(.auth-link-button) { color: #020B1A; }
[data-theme="dark"] input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="button"]):not([type="range"]),
[data-theme="dark"] select,
[data-theme="dark"] textarea { background: #101C33; color: #FFFFFF; border-color: #24324A; }
[data-theme="dark"] .token-display,
[data-theme="dark"] .tech-isup code { background: #101C33; color: #FFFFFF; }
[data-theme="dark"] .notice { background: rgba(0, 199, 130, .14); color: #2FE0A0; border-color: transparent; }
[data-theme="dark"] .notice-danger { background: rgba(229, 72, 77, .18); color: #FF8A8E; }
[data-theme="dark"] .slide-panel,
[data-theme="dark"] .app-dialog { background: #0B1628; color: #FFFFFF; }
[data-theme="dark"] .error-body { background: #020B1A; color: #FFFFFF; }

/* Vazifalar doskasi (workspace.css) */
[data-theme="dark"] .task-column,
[data-theme="dark"] .count-badge,
[data-theme="dark"] .task-comment-body,
[data-theme="dark"] .due-badge { background: #101C33; color: #C7D0DC; }
[data-theme="dark"] .task-card { background: #0B1628; border-color: #24324A; }
[data-theme="dark"] .approved { background: rgba(139, 92, 246, .16); }

/* HR qobig'i (hr.css): #fff bilan yozilgan yuzalar */
[data-theme="dark"] .hr-app :is(.hr-combo-list, .hr-pager select, .hr-page-btn, .hr-menu, .hr-drawer, .hr-dialog,
  .hr-info-card, .hr-report, .hr-inline-panel, .st-root, .st-card, .rl-role, .ws-item, .rl-box, .ws-days button,
  .crm-check, .crm-bulk, .crm-bulk select, .bs-radio, .hr-event-icon, .hr-diff-new, .hr-day-num, .hr-task-icon,
  .pf-week-row input[type="time"], .pay-steps li span, .pay-filter .hr-chip, .pay-add .hr-segmented,
  .hr-segmented button[aria-pressed="true"], .hr-segmented button[aria-selected="true"]) {
  background: var(--hr-surface);
  color: var(--hr-text);
}
[data-theme="dark"] .hr-app .hr-table.is-cards tr { background: var(--hr-surface); }
[data-theme="dark"] .hr-app :is(input, select, textarea):not([type="checkbox"]):not([type="radio"]):not([type="range"]) {
  background: var(--hr-surface-low);
  color: var(--hr-text);
  border-color: var(--hr-line);
}
[data-theme="dark"] .hr-app .hr-chip[aria-pressed="true"] { background: var(--hr-surface-mid); color: var(--hr-text); }
[data-theme="dark"] .hr-app .hr-btn.is-primary { color: #020B1A; }
[data-theme="dark"] .hr-app .hr-nav-title { color: #6F7B90; }
[data-theme="dark"] .hr-app .hr-user-meta span,
[data-theme="dark"] .hr-app .hr-sidebar-foot .hr-icon-btn { color: #8A94A6; }
[data-theme="dark"] .hr-app .hr-diff-old { background: rgba(255, 255, 255, .06); }
[data-theme="dark"] .hr-app .pay-banner-actions .hr-btn:not(.is-primary) { background: var(--hr-surface-mid); color: var(--hr-text); }
[data-theme="dark"] .hr-app .crs-play.is-off { background: var(--hr-surface-mid); }