/* ============================================================
   TASKFLOW - DARK MODE STYLES
   ============================================================ */

.theme-dark {
  --bg: #0F172A;
  --surface: #1E293B;
  --surface-2: #1A2740;
  --border: #334155;
  --text: #F1F5F9;
  --text-muted: #94A3B8;
  --text-light: #64748B;
  --primary-light: rgba(59,130,246,0.15);
  --success-light: rgba(16,185,129,0.15);
  --warning-light: rgba(245,158,11,0.15);
  --danger-light: rgba(239,68,68,0.15);
  --gray-50: #1E293B;
  --gray-100: #1E293B;
  --gray-200: #334155;
  --gray-300: #475569;
  --gray-400: #64748B;
  --gray-500: #94A3B8;
  --gray-600: #CBD5E1;
  --shadow-sm: 0 1px 3px rgba(0,0,0,0.3);
  --shadow: 0 2px 8px rgba(0,0,0,0.4);
  --shadow-md: 0 4px 16px rgba(0,0,0,0.5);
  --shadow-lg: 0 8px 32px rgba(0,0,0,0.6);
}

.theme-dark .top-bar {
  background: #1E293B;
  border-bottom-color: #334155;
}
.theme-dark .sidebar {
  background: #1E293B;
  border-right-color: #334155;
}
.theme-dark .sidebar-header { border-bottom-color: #334155; }
.theme-dark .sidebar-user { background: rgba(59,130,246,0.1); }
.theme-dark .menu-item:hover { background: rgba(255,255,255,0.05); }
.theme-dark .menu-item.active { background: rgba(59,130,246,0.15); }
.theme-dark .modal { background: #1E293B; }
.theme-dark .modal-header { border-bottom-color: #334155; }
.theme-dark .modal-footer { border-top-color: #334155; background: #1E293B; }
.theme-dark .form-input, .theme-dark .form-textarea,
.theme-dark .form-select, .theme-dark .filter-select {
  background: #0F172A;
  border-color: #334155;
  color: #F1F5F9;
}
.theme-dark .form-input:focus, .theme-dark .form-textarea:focus {
  border-color: var(--primary);
}
.theme-dark .auth-container {
  background: #1E293B;
}
.theme-dark .auth-tabs { background: #0F172A; }
.theme-dark .auth-tab.active { background: #1E293B; }
.theme-dark .task-card { background: #1E293B; }
.theme-dark .task-card.status-atrasada { background: rgba(239,68,68,0.1); }
.theme-dark .stat-card { background: #1E293B; }
.theme-dark .section-card { background: #1E293B; }
.theme-dark .chart-card { background: #1E293B; }
.theme-dark .report-chart-card { background: #1E293B; }
.theme-dark .kpi-card { background: #1E293B; }
.theme-dark .cal-day { background: #1E293B; border-color: #334155; }
.theme-dark .cal-day:hover { background: rgba(255,255,255,0.05); }
.theme-dark .cal-day.other-month { background: #0F172A; }
.theme-dark .cal-day.today { background: rgba(59,130,246,0.15) !important; }
.theme-dark .notif-item { background: #1E293B; }
.theme-dark .notif-item.unread { background: rgba(59,130,246,0.1); }
.theme-dark .notif-config-card { background: #1E293B; }
.theme-dark .user-card { background: #1E293B; }
.theme-dark .profile-card { background: #1E293B; }
.theme-dark .settings-section { background: #1E293B; }
.theme-dark .setting-item { border-bottom-color: #334155; }
.theme-dark .task-mini { background: rgba(255,255,255,0.04); }
.theme-dark .task-mini:hover { background: rgba(255,255,255,0.08); }
.theme-dark .subtask-item { background: rgba(255,255,255,0.04); }
.theme-dark .comment-item { background: rgba(255,255,255,0.04); }
.theme-dark .info-item { background: rgba(255,255,255,0.04); }
.theme-dark .cat-setting-item { background: rgba(255,255,255,0.04); }
.theme-dark .detail-info-grid { background: rgba(255,255,255,0.04); }
.theme-dark .filter-panel { background: #1E293B; }
.theme-dark .search-bar { background: #1E293B; border-color: #334155; }
.theme-dark .search-bar input { color: #F1F5F9; }
.theme-dark .calendar-month { background: #1E293B; }
.theme-dark .cal-header { background: #1E293B; }
.theme-dark .kanban-col { background: rgba(255,255,255,0.04); }
.theme-dark .bottom-nav {
  background: #1E293B;
  border-top-color: #334155;
}
.theme-dark .period-btn { background: #1E293B; border-color: #334155; }
.theme-dark .qfilter { background: #1E293B; border-color: #334155; }
.theme-dark .filter-select { background: #0F172A; }
.theme-dark .view-btn { background: #1E293B; border-color: #334155; }
.theme-dark .btn-outline { color: #60A5FA; border-color: #60A5FA; }
.theme-dark .btn-outline:hover { background: rgba(96,165,250,0.1); }
.theme-dark .auth-demo { border-top-color: #334155; }
.theme-dark .btn-demo { background: rgba(255,255,255,0.05); border-color: #334155; color: #CBD5E1; }
.theme-dark .btn-demo:hover { background: rgba(59,130,246,0.15); border-color: var(--primary); color: var(--primary); }
.theme-dark .badge-type { background: rgba(255,255,255,0.1); color: #CBD5E1; }
.theme-dark .user-status-badge.status-ativo { background: rgba(16,185,129,0.15); }
.theme-dark .user-status-badge.status-inativo { background: rgba(239,68,68,0.15); }
.theme-dark .about-info { color: #94A3B8; }
.theme-dark .ftab { color: #94A3B8; }
.theme-dark .ftab.active { background: #0F172A; color: var(--primary); }
.theme-dark .form-tabs { background: #0F172A; }
.theme-dark .subtask-check { background: #0F172A; border-color: #334155; }
.theme-dark .task-check { background: #0F172A; border-color: #334155; }
.theme-dark .calendar-view-tabs { background: #1E293B; }
.theme-dark .cal-task-chip { background: rgba(255,255,255,0.04); }
.theme-dark .cal-task-chip:hover { background: rgba(255,255,255,0.08); }
.theme-dark .cal-week-item { background: #1E293B; }
.theme-dark .toast-container .toast { background: #334155; }
.theme-dark .qfilter-sm { background: rgba(255,255,255,0.05); border-color: #334155; }
.theme-dark .notif-config-row { border-bottom-color: #334155; }
.theme-dark .section-header { /* unchanged */ }
.theme-dark .badge-status-pendente { background: rgba(245,158,11,0.15); color: #FCD34D; }
.theme-dark .badge-status-andamento { background: rgba(59,130,246,0.15); color: #93C5FD; }
.theme-dark .badge-status-concluida { background: rgba(16,185,129,0.15); color: #6EE7B7; }
.theme-dark .badge-status-atrasada { background: rgba(239,68,68,0.15); color: #FCA5A5; }
.theme-dark .badge-status-cancelada { background: rgba(255,255,255,0.05); color: #64748B; }
.theme-dark .badge-priority-baixa { background: rgba(16,185,129,0.15); color: #6EE7B7; }
.theme-dark .badge-priority-media { background: rgba(245,158,11,0.15); color: #FCD34D; }
.theme-dark .badge-priority-alta { background: rgba(249,115,22,0.15); color: #FDBA74; }
.theme-dark .badge-priority-urgente { background: rgba(239,68,68,0.15); color: #FCA5A5; }
.theme-dark .perfil-administrador { background: rgba(249,115,22,0.15); color: #FDBA74; }
.theme-dark .perfil-gestor { background: rgba(59,130,246,0.15); color: #93C5FD; }
.theme-dark .perfil-colaborador { background: rgba(139,92,246,0.15); color: #C4B5FD; }
.theme-dark .perfil-usuario { background: rgba(255,255,255,0.05); color: #94A3B8; }
.theme-dark .profile-role-badge { background: rgba(59,130,246,0.15); }
.theme-dark .user-summary-item { border-bottom-color: #334155; }
.theme-dark .history-item { border-left-color: #334155; }
.theme-dark .cal-header-day { color: #64748B; }
.theme-dark .comment-input-row .form-textarea { background: #0F172A; }