/* ═══════════════════════════════════════════════
   NEXORA THEME — Dark Mode Override Only
   Load AFTER app.css
   Light theme = original app.css (untouched)
   ═══════════════════════════════════════════════ */

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
   DARK THEME (Toggle)
   Nexora website aesthetic — deep dark, glowing
   ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

[data-theme="dark"] {
  --bg: #0a0a0f;
  --surface: #111118;
  --card: #16161f;
  --border: rgba(255,255,255,0.06);
  --border-light: rgba(255,255,255,0.03);
  --bg-input: #1c1c28;
  --bg-hover: rgba(255,255,255,0.04);
  --bg-overlay: rgba(0,0,0,.7);
  --sidebar-bg: #0e0e14;
  --sidebar-border: rgba(99,102,241,.25);

  --accent: #818cf8;
  --accent-light: rgba(129,140,248,0.10);
  --accent2: #22d3ee;
  --accent2-light: rgba(34,211,238,0.10);

  --green: #4ade80;  --green-light: rgba(74,222,128,0.10);
  --yellow: #fde68a; --yellow-light: rgba(253,230,138,0.08);
  --red: #fca5a5;    --red-light: rgba(252,165,165,0.08);
  --purple: #c4b5fd; --purple-light: rgba(196,181,253,0.08);
  --orange: #fdba74; --orange-light: rgba(253,186,116,0.08);
  --teal: #5eead4;   --teal-light: rgba(94,234,212,0.08);
  --pink: #f9a8d4;   --pink-light: rgba(249,168,212,0.08);

  --text: #f0f0f5;
  --text-2: #c0c0d0;
  --muted: #8888a0;
  --muted-light: #55556a;

  --shadow-xs: 0 1px 3px rgba(0,0,0,.4);
  --shadow-sm: 0 2px 8px rgba(0,0,0,.4);
  --shadow-md: 0 4px 16px rgba(0,0,0,.45);
  --shadow-lg: 0 10px 40px rgba(0,0,0,.5);
  --shadow-xl: 0 20px 60px rgba(0,0,0,.6);
}

/* ── Dark: Loading ──────────────────────────── */
[data-theme="dark"] .loading { background: var(--bg) !important; color: var(--text) !important; }

/* ── Dark: Login ────────────────────────────── */
[data-theme="dark"] .login-card {
  background: rgba(22,22,31,0.85) !important;
  border: 1px solid rgba(255,255,255,0.06) !important;
  backdrop-filter: blur(40px) !important; -webkit-backdrop-filter: blur(40px) !important;
  box-shadow: var(--shadow-xl) !important;
}

[data-theme="dark"] .login-error { background: rgba(239,68,68,0.08) !important; border-color: rgba(239,68,68,0.25) !important; }
[data-theme="dark"] .demo-acc { background: var(--bg-input) !important; border-color: var(--border) !important; color: var(--text) !important; }
[data-theme="dark"] .demo-acc:hover { background: var(--accent-light) !important; border-color: var(--accent) !important; }

/* ── Dark: Topbar ───────────────────────────── */
[data-theme="dark"] .topbar {
  background: rgba(14,14,20,0.85) !important;
  backdrop-filter: blur(20px) !important; -webkit-backdrop-filter: blur(20px) !important;
  border-bottom-color: var(--border) !important;
}

/* ── Dark: Inputs ───────────────────────────── */
[data-theme="dark"] .form-input, [data-theme="dark"] .form-select,
[data-theme="dark"] .form-textarea, [data-theme="dark"] .assignee-tags,
[data-theme="dark"] .search-input, [data-theme="dark"] .filter-select,
[data-theme="dark"] .chat-input, [data-theme="dark"] .kb-search,
[data-theme="dark"] .kb-custom-select-btn, [data-theme="dark"] .kb-content-textarea,
[data-theme="dark"] .kb-transcript-lines, [data-theme="dark"] .kb-summary-content,
[data-theme="dark"] .doc-editor-status-select {
  background: var(--bg-input) !important; border-color: var(--border) !important; color: var(--text) !important;
}

[data-theme="dark"] .form-input:focus, [data-theme="dark"] .form-select:focus,
[data-theme="dark"] .form-textarea:focus, [data-theme="dark"] .assignee-tags:focus-within,
[data-theme="dark"] .chat-input:focus, [data-theme="dark"] .kb-search:focus {
  background: var(--surface) !important; border-color: var(--accent) !important; box-shadow: 0 0 0 3px rgba(129,140,248,.12) !important;
}

[data-theme="dark"] .form-select option, [data-theme="dark"] .filter-select option { background: var(--card) !important; color: var(--text) !important; }

/* ── Dark: Cards ────────────────────────────── */
[data-theme="dark"] .kpi-card, [data-theme="dark"] .chart-card,
[data-theme="dark"] .team-card, [data-theme="dark"] .eval-card,
[data-theme="dark"] .profile-card, [data-theme="dark"] .avail-kpi,
[data-theme="dark"] .suggest-card, [data-theme="dark"] .timeline-card,
[data-theme="dark"] .api-key-card, [data-theme="dark"] .tree-project-block {
  background: var(--card) !important; border-color: var(--border) !important;
}

[data-theme="dark"] .strip-item { background: var(--card) !important; }

/* ── Dark: Tables ───────────────────────────── */
[data-theme="dark"] .table-wrap { background: var(--card) !important; border-color: var(--border) !important; }
[data-theme="dark"] thead th { background: rgba(255,255,255,0.03) !important; }
[data-theme="dark"] tbody tr:hover td { background: rgba(255,255,255,0.03) !important; }

/* ── Dark: Kanban ───────────────────────────── */
[data-theme="dark"] .kanban-project-card, [data-theme="dark"] .gantt-project-card { background: linear-gradient(135deg, rgba(129,140,248,0.06), rgba(34,211,238,0.04)) !important; border-color: var(--border) !important; }
[data-theme="dark"] .kanban-cols, [data-theme="dark"] .gantt-wrap { background: var(--surface) !important; border-color: var(--border) !important; }
[data-theme="dark"] .kanban-col { background: rgba(255,255,255,0.02) !important; border-color: var(--border) !important; }
[data-theme="dark"] .kanban-count { background: var(--bg-input) !important; border-color: var(--border) !important; }
[data-theme="dark"] .task-card { background: var(--card) !important; border-color: var(--border) !important; }
[data-theme="dark"] .task-card:hover { border-color: rgba(129,140,248,0.25) !important; }
[data-theme="dark"] .task-card.task-card-overdue { border-color: rgba(252,165,165,0.35) !important; background: linear-gradient(135deg, rgba(252,165,165,0.06), var(--card)) !important; }
[data-theme="dark"] .kanban-progress-bar, [data-theme="dark"] .gantt-progress-bar,
[data-theme="dark"] .tree-progress-bar, [data-theme="dark"] .import-progress-bar,
[data-theme="dark"] .cat-bar-track { background: rgba(255,255,255,0.06) !important; }
[data-theme="dark"] .kd-clone { background: var(--card) !important; border-color: var(--border) !important; }

/* ── Dark: Modal / Drawer ───────────────────── */
[data-theme="dark"] .modal, [data-theme="dark"] .confirm-box { background: var(--card) !important; border: 1px solid var(--border) !important; }
[data-theme="dark"] .drawer { background: var(--surface) !important; border-color: var(--border) !important; }
[data-theme="dark"] .assignee-dropdown { background: var(--card) !important; border-color: var(--accent) !important; }
[data-theme="dark"] .assignee-dropdown-item:hover { background: rgba(129,140,248,0.08) !important; }
[data-theme="dark"] .assignee-dropdown-item.selected { background: rgba(196,181,253,0.10) !important; color: #c4b5fd !important; }
[data-theme="dark"] .type-tab { background: var(--bg-input) !important; border-color: var(--border) !important; color: var(--muted) !important; }

/* ── Dark: Toast ────────────────────────────── */
[data-theme="dark"] .toast { background: var(--card) !important; border-color: var(--border) !important; color: var(--text) !important; }
[data-theme="dark"] .toast.success { background: rgba(74,222,128,0.08) !important; border-color: rgba(74,222,128,0.25) !important; color: #4ade80 !important; }
[data-theme="dark"] .toast.error { background: rgba(252,165,165,0.08) !important; border-color: rgba(252,165,165,0.25) !important; color: #fca5a5 !important; }

/* ── Dark: Tabs ─────────────────────────────── */
[data-theme="dark"] .tab-btn.tab-active { background: var(--card) !important; color: var(--text) !important; }

/* ── Dark: Badges ───────────────────────────── */
[data-theme="dark"] .badge-green  { background: rgba(74,222,128,0.10) !important;  color: #4ade80 !important; }
[data-theme="dark"] .badge-blue   { background: rgba(96,165,250,0.10) !important;  color: #60a5fa !important; }
[data-theme="dark"] .badge-yellow { background: rgba(253,230,138,0.08) !important; color: #fde68a !important; }
[data-theme="dark"] .badge-red    { background: rgba(252,165,165,0.08) !important; color: #fca5a5 !important; }
[data-theme="dark"] .badge-purple { background: rgba(196,181,253,0.08) !important; color: #c4b5fd !important; }
[data-theme="dark"] .badge-gray   { background: rgba(255,255,255,0.06) !important; color: var(--muted) !important; }
[data-theme="dark"] .badge-teal   { background: rgba(94,234,212,0.08) !important;  color: #5eead4 !important; }
[data-theme="dark"] .badge-orange { background: rgba(253,186,116,0.08) !important; color: #fdba74 !important; }

/* ── Dark: Score / Activity / File ──────────── */
[data-theme="dark"] .score-pill.s1 { background: rgba(252,165,165,0.08) !important; color: #fca5a5 !important; }
[data-theme="dark"] .score-pill.s2 { background: rgba(253,186,116,0.08) !important; color: #fdba74 !important; }
[data-theme="dark"] .score-pill.s3 { background: rgba(253,230,138,0.08) !important; color: #fde68a !important; }
[data-theme="dark"] .score-pill.s4 { background: rgba(96,165,250,0.10) !important; color: #60a5fa !important; }
[data-theme="dark"] .score-pill.s5 { background: rgba(74,222,128,0.10) !important; color: #4ade80 !important; }
[data-theme="dark"] .score-btn { background: var(--bg-input) !important; border-color: var(--border) !important; }
[data-theme="dark"] .score-btn.selected { background: rgba(253,230,138,0.08) !important; color: #fde68a !important; }
[data-theme="dark"] .activity-icon.created { background: rgba(96,165,250,0.10) !important; color: #60a5fa !important; }
[data-theme="dark"] .activity-icon.updated { background: rgba(253,230,138,0.08) !important; color: #fde68a !important; }
[data-theme="dark"] .activity-icon.status  { background: rgba(74,222,128,0.10) !important; color: #4ade80 !important; }
[data-theme="dark"] .activity-icon.comment { background: rgba(196,181,253,0.08) !important; color: #c4b5fd !important; }
[data-theme="dark"] .activity-icon.deleted { background: rgba(252,165,165,0.08) !important; color: #fca5a5 !important; }
[data-theme="dark"] .file-ext-badge.pdf   { background: rgba(252,165,165,0.08) !important; color: #fca5a5 !important; }
[data-theme="dark"] .file-ext-badge.image { background: rgba(253,230,138,0.08) !important; color: #fde68a !important; }
[data-theme="dark"] .file-ext-badge.text  { background: rgba(96,165,250,0.10) !important; color: #60a5fa !important; }

/* ── Dark: Tags / Chips ─────────────────────── */
[data-theme="dark"] .assignee-tag { background: rgba(196,181,253,0.10) !important; color: #c4b5fd !important; border-color: rgba(196,181,253,0.2) !important; }
[data-theme="dark"] .type-badge.epic { background: rgba(196,181,253,0.10) !important; color: #c4b5fd !important; border-color: rgba(196,181,253,0.2) !important; }
[data-theme="dark"] .type-badge.task { background: rgba(96,165,250,0.10) !important; color: #60a5fa !important; border-color: rgba(96,165,250,0.2) !important; }
[data-theme="dark"] .person-chip.pm  { background: rgba(196,181,253,0.08) !important; color: #c4b5fd !important; border-color: rgba(196,181,253,0.15) !important; }
[data-theme="dark"] .person-chip.pmo { background: rgba(94,234,212,0.08) !important; color: #5eead4 !important; border-color: rgba(94,234,212,0.15) !important; }
[data-theme="dark"] .role-pill.manager { color: #c4b5fd !important; }
[data-theme="dark"] .role-pill.pm { background: rgba(96,165,250,0.10) !important; color: #60a5fa !important; }
[data-theme="dark"] .rqp.rqp-pm { background: rgba(96,165,250,0.06) !important; border-color: rgba(96,165,250,0.15) !important; color: #60a5fa !important; }
[data-theme="dark"] .obstacle-box { background: rgba(252,165,165,0.06) !important; border-color: rgba(252,165,165,0.15) !important; color: #fca5a5 !important; }
[data-theme="dark"] .solution-box { background: rgba(74,222,128,0.06) !important; border-color: rgba(74,222,128,0.15) !important; color: #4ade80 !important; }

/* ── Dark: AI Chat ──────────────────────────── */
[data-theme="dark"] .ai-panel, [data-theme="dark"] .ai-history-item, [data-theme="dark"] .ai-prompt-item { background: var(--card) !important; border-color: var(--border) !important; }
[data-theme="dark"] .ai-header { background: linear-gradient(90deg, var(--surface), var(--bg)) !important; }
[data-theme="dark"] .ai-sub-header, [data-theme="dark"] .quick-prompts { background: var(--surface) !important; }
[data-theme="dark"] .chat-messages { background: var(--bg) !important; }
[data-theme="dark"] .chat-input-row { background: var(--surface) !important; border-color: var(--border) !important; }
[data-theme="dark"] .msg-bubble { background: var(--card) !important; border-color: var(--border) !important; color: var(--text) !important; }
[data-theme="dark"] .msg.user .msg-bubble { background: linear-gradient(135deg, rgba(129,140,248,0.15), rgba(129,140,248,0.08)) !important; border-color: rgba(129,140,248,0.25) !important; color: var(--text) !important; }
[data-theme="dark"] .msg-bubble.error-bubble { background: rgba(252,165,165,0.06) !important; border-color: rgba(252,165,165,0.2) !important; }
[data-theme="dark"] .msg-avatar { background: linear-gradient(135deg, rgba(129,140,248,0.12), rgba(129,140,248,0.06)) !important; border-color: rgba(129,140,248,0.2) !important; }
[data-theme="dark"] .msg.user .msg-avatar { background: linear-gradient(135deg, rgba(34,211,238,0.12), rgba(34,211,238,0.06)) !important; border-color: rgba(34,211,238,0.2) !important; }
[data-theme="dark"] .qp { background: var(--bg-input) !important; border-color: var(--border) !important; }
[data-theme="dark"] .ai-history-item-del, [data-theme="dark"] .ai-prompt-edit, [data-theme="dark"] .ai-prompt-del { background: var(--bg-input) !important; }
[data-theme="dark"] .upload-zone, [data-theme="dark"] .proj-file-zone { background: var(--bg-input) !important; border-color: var(--border) !important; }
[data-theme="dark"] .upload-zone:hover, [data-theme="dark"] .proj-file-zone:hover { background: rgba(129,140,248,0.06) !important; border-color: var(--accent) !important; }
[data-theme="dark"] .upload-zone.has-file, [data-theme="dark"] .proj-file-zone.has-file { background: rgba(74,222,128,0.06) !important; border-color: rgba(74,222,128,0.2) !important; }
[data-theme="dark"] .upload-zone-wrap { background: var(--surface) !important; }
[data-theme="dark"] .upload-zone-icon { background: rgba(196,181,253,0.08) !important; }
[data-theme="dark"] .upload-clear { background: var(--bg-input) !important; border-color: var(--border) !important; }
[data-theme="dark"] .upload-clear:hover { border-color: rgba(252,165,165,0.4) !important; color: #fca5a5 !important; background: rgba(252,165,165,0.06) !important; }
[data-theme="dark"] .proj-file-chip { background: var(--bg-input) !important; }
[data-theme="dark"] .error-detail { background: var(--card) !important; }

/* ── Dark: Gantt / Avail / Misc ─────────────── */
[data-theme="dark"] .gantt-header-row, [data-theme="dark"] .gantt-header-row th { background: rgba(255,255,255,0.03) !important; }
[data-theme="dark"] .gantt-label-epic { color: #c4b5fd !important; }
[data-theme="dark"] .avail-timeline-wrap { background: var(--card) !important; border-color: var(--border) !important; }
[data-theme="dark"] .avail-member-row:hover, [data-theme="dark"] .avail-date-header { background: rgba(255,255,255,0.03) !important; }
[data-theme="dark"] .skill-chip { border-color: rgba(56,189,248,0.15) !important; }
[data-theme="dark"] .skill-filter-btn { background: var(--bg-input) !important; border-color: var(--border) !important; }
[data-theme="dark"] .pagination { background: var(--surface) !important; }
[data-theme="dark"] .pg-btn { background: var(--bg-input) !important; border-color: var(--border) !important; color: var(--muted) !important; }
[data-theme="dark"] .pg-btn:hover { border-color: var(--accent) !important; color: var(--accent) !important; }
[data-theme="dark"] .pg-size { background: var(--bg-input) !important; border-color: var(--border) !important; color: var(--text) !important; }
[data-theme="dark"] .tree-task, [data-theme="dark"] .tree-task-standalone { background: var(--card) !important; border-color: var(--border) !important; }
[data-theme="dark"] .tree-task:hover { background: rgba(255,255,255,0.03) !important; }
[data-theme="dark"] .tree-subtask { background: var(--surface) !important; }
[data-theme="dark"] .tree-subtask:hover { background: rgba(255,255,255,0.03) !important; }
[data-theme="dark"] .tree-project-stats { background: var(--surface) !important; }
[data-theme="dark"] .dl-btn { background: var(--bg-input) !important; border-color: var(--border) !important; }
[data-theme="dark"] .appraisal-summary { background: linear-gradient(135deg, var(--surface), var(--card)) !important; }
[data-theme="dark"] .mini-task-item:hover, [data-theme="dark"] .member-task-row:hover { background: rgba(129,140,248,0.06) !important; }
[data-theme="dark"] .doc-prompts { background: linear-gradient(90deg, rgba(129,140,248,0.06), rgba(34,211,238,0.04)) !important; }
[data-theme="dark"] .kb-graph-tooltip { background: rgba(22,22,31,0.95) !important; border-color: var(--border) !important; }
[data-theme="dark"] .kb-graph-tooltip .tt-title { color: var(--text) !important; }
[data-theme="dark"] .kb-graph-tooltip .tt-preview { color: var(--text-2) !important; }
[data-theme="dark"] .star.off { color: rgba(255,255,255,0.1) !important; }
[data-theme="dark"] .progress-track, [data-theme="dark"] .progress-track-sm { background: rgba(255,255,255,0.06) !important; }
[data-theme="dark"] #typeTab-Epic.active { background: #8b5cf6 !important; border-color: #8b5cf6 !important; }

/* ── Dark: Sidebar ──────────────────────────── */
[data-theme="dark"] .sidebar { background: #0e0e14 !important; border-right: 1px solid rgba(255,255,255,0.04) !important; }
[data-theme="dark"] .logo-icon { background: linear-gradient(135deg, #6366f1, #818cf8, #06b6d4) !important; box-shadow: 0 4px 14px rgba(99,102,241,0.35) !important; }
[data-theme="dark"] .logo-text { color: #f0f0f5 !important; }
[data-theme="dark"] .nav-group-toggle span { color: rgba(240,240,245,0.3) !important; }
[data-theme="dark"] .nav-chevron { color: rgba(240,240,245,0.2) !important; }
[data-theme="dark"] .nav-group-toggle:hover { background: rgba(255,255,255,0.04) !important; }
[data-theme="dark"] .nav-item { color: rgba(240,240,245,0.5) !important; }
[data-theme="dark"] .nav-item .icon { color: rgba(240,240,245,0.5) !important; opacity: 0.6; }
[data-theme="dark"] .nav-item:hover { color: #f0f0f5 !important; background: rgba(255,255,255,0.05) !important; }
[data-theme="dark"] .nav-item:hover .icon { color: #f0f0f5 !important; opacity: 0.9; }
[data-theme="dark"] .nav-item.active { color: #fff !important; background: linear-gradient(90deg, rgba(129,140,248,0.20), rgba(129,140,248,0.06)) !important; }
[data-theme="dark"] .nav-item.active .icon { color: #fff !important; opacity: 1; }
[data-theme="dark"] .nav-item.active::before { background: linear-gradient(180deg, #818cf8, #6366f1) !important; }
[data-theme="dark"] .sidebar-user { background: rgba(255,255,255,0.02) !important; border-top-color: rgba(255,255,255,0.04) !important; }
[data-theme="dark"] .s-avatar { background: linear-gradient(135deg, #6366f1, #8b5cf6) !important; box-shadow: 0 2px 10px rgba(99,102,241,0.3) !important; }
[data-theme="dark"] .s-name { color: #f0f0f5 !important; }
[data-theme="dark"] .s-role { color: rgba(240,240,245,0.35) !important; }
[data-theme="dark"] .sidebar.collapsed .nav-item[data-tooltip]:hover::after { background: #1c1c28 !important; color: #f0f0f5 !important; border: 1px solid rgba(255,255,255,0.06) !important; box-shadow: 0 4px 16px rgba(0,0,0,.5) !important; }
[data-theme="dark"] .sidebar::-webkit-scrollbar-thumb { background: rgba(255,255,255,0.06); }
[data-theme="dark"] .theme-toggle, [data-theme="dark"] .sidebar-toggle-btn { background: rgba(255,255,255,0.04) !important; border-color: rgba(255,255,255,0.06) !important; color: #8888a0 !important; }
[data-theme="dark"] .theme-toggle:hover, [data-theme="dark"] .sidebar-toggle-btn:hover { background: rgba(255,255,255,0.08) !important; color: #f0f0f5 !important; }
[data-theme="dark"] .logout-btn { color: rgba(240,240,245,0.4) !important; }
[data-theme="dark"] .logout-btn:hover { color: #ef4444 !important; background: rgba(239,68,68,0.08) !important; }

/* ── Dark: Scrollbars ───────────────────────── */
[data-theme="dark"] ::-webkit-scrollbar { width: 6px; height: 6px; }
[data-theme="dark"] ::-webkit-scrollbar-track { background: transparent; }
[data-theme="dark"] ::-webkit-scrollbar-thumb { background: rgba(255,255,255,0.08); border-radius: 3px; }
[data-theme="dark"] ::-webkit-scrollbar-thumb:hover { background: rgba(255,255,255,0.14); }