/**
 * Scrumban - Modo Escuro
 * Backlog, Minhas Tarefas, Gerenciar Sprint, Gerenciar Status, Projetos e Atividades
 * Estilo minimalista: menos cores, fundos de tabela suaves ou transparentes
 * Referência: Timesheet - Relatório de Horas
 */

/* ========== TÍTULOS E HEADERS (usar variáveis para light/dark) ========== */
.page-title-dark {
    color: var(--text-primary, #212529);
}
[data-theme="dark"] h1[style*="color: #2d3748"],
[data-theme="dark"] h5[style*="color: #2d3748"],
[data-theme="dark"] .card-header h5[style*="color"] {
    color: var(--text-primary) !important;
}

/* ========== BACKLOG ========== */
[data-theme="dark"] .backlog-tabs-wrap {
    background: var(--bg-card);
    border-bottom-color: var(--border-color);
}
[data-theme="dark"] .backlog-tabs .nav-link {
    color: var(--text-secondary);
}
[data-theme="dark"] .backlog-tabs .nav-link:hover {
    color: var(--text-primary);
}
[data-theme="dark"] .backlog-tabs .nav-link.active {
    color: var(--text-primary);
    border-bottom-color: var(--text-primary);
    background: transparent;
}
[data-theme="dark"] .backlog-content {
    background: var(--bg-card);
}
[data-theme="dark"] .backlog-list-body .backlog-row {
    border-bottom-color: var(--border-color);
    background: transparent;
}
[data-theme="dark"] .backlog-list-body .backlog-row:hover {
    background: rgba(255, 255, 255, 0.03);
}
[data-theme="dark"] .backlog-list-header-6,
[data-theme="dark"] .backlog-list-header-5,
[data-theme="dark"] .backlog-list-header-4 {
    background: var(--bg-body);
    border-color: var(--border-color);
}
[data-theme="dark"] .backlog-tabs .badge.bg-secondary {
    background: var(--bg-hover) !important;
    color: var(--text-secondary) !important;
}

/* Backlog - badges de prioridade (menos cores) */
[data-theme="dark"] .backlog-row .badge.bg-danger,
[data-theme="dark"] .backlog-row .badge.bg-warning,
[data-theme="dark"] .backlog-row .badge.bg-success {
    background: var(--bg-hover) !important;
    color: var(--text-primary) !important;
    border: 1px solid var(--border-color);
}

/* ========== GERENCIAR SPRINT ========== */
[data-theme="dark"] .d-flex.bg-light.px-3.py-2.rounded-3 {
    background: var(--bg-hover) !important;
    border-color: var(--border-color) !important;
}
[data-theme="dark"] .d-flex.bg-light .text-info {
    color: var(--text-primary) !important;
}

/* Tabela de sprints - sem fundos coloridos nas linhas */
[data-theme="dark"] .table.table-hover tbody tr.table-warning,
[data-theme="dark"] .table.table-hover tbody tr.table-success,
[data-theme="dark"] .table.table-hover tbody tr.table-light {
    background: transparent !important;
}
[data-theme="dark"] .table.table-hover tbody tr:hover {
    background: var(--bg-hover) !important;
    color: var(--text-primary);
}

/* Badges de estado - menos cores */
[data-theme="dark"] .table .badge.bg-success,
[data-theme="dark"] .table .badge.bg-primary,
[data-theme="dark"] .table .badge.bg-secondary {
    background: var(--bg-hover) !important;
    color: var(--text-primary) !important;
    border: 1px solid var(--border-color);
}
[data-theme="dark"] .table .badge.bg-warning,
[data-theme="dark"] .table .badge.bg-danger {
    background: var(--bg-hover) !important;
    color: var(--text-primary) !important;
    border: 1px solid var(--border-color);
}
[data-theme="dark"] .table .badge.bg-light.bg-light.text-dark {
    background: var(--bg-hover) !important;
    color: var(--text-primary) !important;
}

/* Card header sprints */
[data-theme="dark"] .card-header.bg-white {
    background: var(--bg-card) !important;
    border-color: var(--border-color) !important;
}

/* Alert sprint ativa */
[data-theme="dark"] .alert.alert-success {
    background: var(--bg-card) !important;
    border-color: var(--border-color) !important;
    color: var(--text-primary) !important;
}

/* ========== GERENCIAR STATUS (página principal) ========== */
[data-theme="dark"] .ts-page {
    background: transparent;
}
[data-theme="dark"] .ts-title {
    color: var(--text-primary) !important;
}
[data-theme="dark"] .ts-subtitle {
    color: var(--text-secondary) !important;
}
[data-theme="dark"] .ts-grupo {
    background: var(--bg-card);
    border-color: var(--border-color);
}
[data-theme="dark"] .ts-grupo-header {
    background: var(--bg-body);
    border-color: var(--border-color);
}
[data-theme="dark"] .ts-grupo-nome,
[data-theme="dark"] .ts-status-nome {
    color: var(--text-primary);
}
[data-theme="dark"] .ts-grupo-badge,
[data-theme="dark"] .ts-status-code,
[data-theme="dark"] .ts-status-tarefas,
[data-theme="dark"] .ts-loading,
[data-theme="dark"] .ts-empty {
    color: var(--text-secondary);
}
[data-theme="dark"] .ts-status-item {
    border-color: var(--border-color);
    background: transparent;
}
[data-theme="dark"] .ts-status-item:hover {
    background: rgba(255, 255, 255, 0.03);
}
[data-theme="dark"] .ts-grupo-tipo {
    background: var(--bg-hover);
    color: var(--text-secondary);
}
[data-theme="dark"] .ts-status-default {
    background: var(--bg-hover);
    color: var(--text-secondary);
}

/* ========== PROJETOS E ATIVIDADES ========== */
[data-theme="dark"] .accordion-item {
    background: var(--bg-card);
    border-color: var(--border-color);
}
[data-theme="dark"] .accordion-button {
    background: var(--bg-body) !important;
    border-color: var(--border-color) !important;
    color: var(--text-primary) !important;
}
[data-theme="dark"] .accordion-button:not(.collapsed) {
    background: var(--bg-card) !important;
    color: var(--text-primary) !important;
}
[data-theme="dark"] .accordion-button::after {
    filter: invert(1);
}
[data-theme="dark"] .accordion-body {
    background: var(--bg-card);
    border-color: var(--border-color);
    color: var(--text-primary);
}
[data-theme="dark"] .list-group-item {
    background: var(--bg-body) !important;
    border-color: var(--border-color) !important;
    color: var(--text-primary) !important;
}
[data-theme="dark"] .list-group-item .badge.bg-light.text-dark {
    background: var(--bg-hover) !important;
    color: var(--text-primary) !important;
}

/* ========== MINHAS TAREFAS (Desenvolvedor) ========== */
[data-theme="dark"] .dev-hero {
    background: var(--bg-card);
    border-color: var(--border-color);
}
[data-theme="dark"] .dev-hero h1,
[data-theme="dark"] .dev-hero .dev-subtitle {
    color: var(--text-primary);
}
[data-theme="dark"] .dev-hero .dev-date-badge {
    background: var(--bg-hover);
    color: var(--text-secondary);
}
[data-theme="dark"] .dev-kpi-card,
[data-theme="dark"] .dev-active-tasks,
[data-theme="dark"] .dev-section,
[data-theme="dark"] .dev-status-chip,
[data-theme="dark"] .dev-period-card {
    background: var(--bg-card);
    border-color: var(--border-color);
}
[data-theme="dark"] .dev-kpi-card .kpi-value,
[data-theme="dark"] .dev-kpi-card .kpi-label,
[data-theme="dark"] .dev-active-tasks .active-header h6,
[data-theme="dark"] .dev-section-header h6 {
    color: var(--text-primary);
}
[data-theme="dark"] .dev-kpi-card .kpi-label,
[data-theme="dark"] .dev-status-chip .chip-label {
    color: var(--text-secondary);
}
[data-theme="dark"] .dev-kpi-card .kpi-icon {
    background: var(--bg-hover) !important;
    color: var(--text-primary) !important;
}
[data-theme="dark"] .dev-kpi-card.kpi-purple .kpi-icon { color: var(--text-primary) !important; }
[data-theme="dark"] .dev-kpi-card.kpi-blue .kpi-icon { color: var(--text-primary) !important; }
[data-theme="dark"] .dev-kpi-card.kpi-green .kpi-icon { color: var(--text-primary) !important; }
[data-theme="dark"] .dev-kpi-card.kpi-orange .kpi-icon { color: var(--text-primary) !important; }
[data-theme="dark"] .dev-kpi-card.kpi-red .kpi-icon { color: var(--text-primary) !important; }
[data-theme="dark"] .dev-status-chip .chip-count {
    color: var(--text-primary);
}
[data-theme="dark"] .active-task-item {
    border-color: var(--border-color);
    background: transparent;
}
[data-theme="dark"] .active-task-item:hover {
    background: rgba(255, 255, 255, 0.03);
}
[data-theme="dark"] .active-task-item .task-info .task-title {
    color: var(--text-primary);
}
[data-theme="dark"] .active-task-item .task-info .task-meta {
    color: var(--text-secondary);
}
[data-theme="dark"] .active-task-item .task-timer {
    background: var(--bg-hover);
    color: var(--text-primary);
}
[data-theme="dark"] .dev-active-tasks .active-header {
    border-color: var(--border-color);
}
[data-theme="dark"] .dev-tarefas-table tbody tr {
    background: transparent;
}
[data-theme="dark"] .dev-tarefas-table tbody tr:hover {
    background: var(--bg-hover);
}
[data-theme="dark"] .dev-task-title-cell .title {
    color: var(--text-primary);
}
[data-theme="dark"] .dev-task-title-cell .desc {
    color: var(--text-secondary);
}
[data-theme="dark"] .dev-badge-urgente,
[data-theme="dark"] .dev-badge-alta,
[data-theme="dark"] .dev-badge-media,
[data-theme="dark"] .dev-badge-baixa {
    background: var(--bg-hover) !important;
    color: var(--text-primary) !important;
    border: 1px solid var(--border-color);
}

/* ========== TIMESHEET (referência - menos cores) ========== */
[data-theme="dark"] .card.bg-primary,
[data-theme="dark"] .card.bg-info,
[data-theme="dark"] .card.bg-success {
    background: var(--bg-card) !important;
    border: 1px solid var(--border-color) !important;
    color: var(--text-primary) !important;
}
[data-theme="dark"] .card.bg-primary .card-body,
[data-theme="dark"] .card.bg-info .card-body,
[data-theme="dark"] .card.bg-success .card-body {
    color: var(--text-primary) !important;
}

/* ========== Customizar Área do Login - Summernote ========== */
[data-theme="dark"] .note-editor.note-frame {
    background: var(--bg-card) !important;
    border-color: var(--border-color) !important;
}
[data-theme="dark"] .note-editor .note-toolbar {
    background: var(--bg-hover) !important;
    border-color: var(--border-color) !important;
}
[data-theme="dark"] .note-editor .note-editing-area {
    background: var(--bg-card) !important;
    color: var(--text-primary) !important;
}
[data-theme="dark"] .note-editor .note-editing-area .note-editable {
    background: var(--bg-card) !important;
    color: var(--text-primary) !important;
}
[data-theme="dark"] .note-editor .btn-light {
    background: var(--bg-card) !important;
    border-color: var(--border-color) !important;
    color: var(--text-primary) !important;
}
[data-theme="dark"] .note-editor .btn-light:hover {
    background: var(--bg-hover) !important;
}