/**
 * Tema claro/escuro do Club: tokens globais (abaixo) + modo escuro das
 * telas de job — single (single.php), Add Job
 * (pages/page-job-add.php) e os cards compartilhados de functions/job-panels.
 *
 * Os estilos dessas telas usam cores fixas do modo claro (#fff, #f7f9fc,
 * #2a3547…). Aqui elas são trocadas só quando o tema escuro está ligado
 * ([data-bs-theme=dark]), com as cores do próprio tema:
 *   card   → --bs-body-bg         (#001e4a)
 *   suave  → --bs-body-wrapper-bg (#123f82)  linhas, campos, tarefas
 * Tons claros de alerta (rosa, verde, roxo) viram versões translúcidas.
 */
/* ── Tokens de tema (padrão para páginas novas) ───────────────────────
   Use estes em vez de cores fixas — trocam sozinhos no modo escuro:
   --club-card (fundo de card) · --club-suave (linhas, campos, chips)
   --club-texto · --club-sub (texto secundário) · --club-borda · --club-sombra
   --club-mix (base pra color-mix de tons: "color-mix(in srgb, COR 14%, var(--club-mix))") */
:root {
    --club-card:  #fff;
    --club-suave: var(--bs-body-wrapper-bg, #f4f7fb);
    --club-texto: #2a3547;
    --club-sub:   #7a8494;
    --club-borda: #e9edf3;
    --club-sombra: 0 2px 12px rgba(0, 0, 0, .06);
    --club-mix:   #fff;
}
/* ── Respiro no fim das páginas ───────────────────────────────────────
   O conteúdo (listas, cards, calendários) não pode terminar colado na borda da tela.
   Vale pra todas as telas que usam .body-wrapper; no celular/PWA deixa folga extra pro
   botão flutuante do menu e pra barra home do iPhone. */
.body-wrapper { padding-bottom: 56px; }
@media (max-width: 767.98px) { .body-wrapper { padding-bottom: calc(88px + env(safe-area-inset-bottom, 0px)); } }

[data-bs-theme=dark] {
    --club-card:  var(--bs-body-bg, #001e4a);
    --club-suave: var(--bs-body-wrapper-bg, #123f82);
    --club-texto: #eaeff4;
    --club-sub:   #8fa3c2;
    --club-borda: rgba(255, 255, 255, .12);
    --club-sombra: 0 2px 14px rgba(0, 0, 0, .35);
    --club-mix:   var(--bs-body-bg, #001e4a);
}

[data-bs-theme=dark] {
    --esc-card:  var(--bs-body-bg, #001e4a);
    --esc-suave: var(--bs-body-wrapper-bg, #123f82);
    --esc-suave-2: color-mix(in srgb, var(--bs-body-wrapper-bg, #123f82) 80%, #5d87ff);
    --esc-texto: #eaeff4;
    --esc-sub:   #8fa3c2;
    --esc-borda: rgba(255, 255, 255, .12);
    --esc-sombra: 0 2px 14px rgba(0, 0, 0, .35);
}

/* ── Cards e cabeçalhos ──────────────────────────────────────────────── */
[data-bs-theme=dark] .jra-card,
[data-bs-theme=dark] .s-section-nav { background: var(--esc-card); box-shadow: var(--esc-sombra); }
[data-bs-theme=dark] #tarefas-view-list.modo-kanban .jra-grupo { background: var(--esc-card); }

/* Faixa "Próxima ação" */
[data-bs-theme=dark] .s-proxima-inner { background: color-mix(in srgb, var(--pa-cor) 16%, var(--esc-card)); }
[data-bs-theme=dark] .s-proxima-txt { color: var(--esc-texto); }

/* Faixa de standby */
[data-bs-theme=dark] .s-standby { background: rgba(190, 60, 150, .16); border-color: rgba(190, 60, 150, .35); }
[data-bs-theme=dark] .s-standby.is-vencido { background: rgba(246, 43, 84, .14); border-color: rgba(246, 43, 84, .35); }
[data-bs-theme=dark] .s-standby-tag { background: transparent; border-color: rgba(230, 120, 200, .45); color: #f0a6dc; }
[data-bs-theme=dark] .s-standby-motivo { color: var(--esc-texto); }

/* Botões de link (link final / aprovação) */
[data-bs-theme=dark] .s-link-btn { background: transparent; border-color: rgba(143, 205, 247, .45); color: #8fcdf7; }
[data-bs-theme=dark] .s-link-btn:hover, [data-bs-theme=dark] .s-link-btn:focus { background: rgba(63, 169, 245, .16); border-color: #3fa9f5; color: #bfe3ff; }
[data-bs-theme=dark] .s-link-btn-wide:hover, [data-bs-theme=dark] .s-link-btn-wide:focus { background: rgba(19, 168, 107, .18); border-color: #13a86b; color: #6fe3b3; }

/* Informações / ideia / briefing */
[data-bs-theme=dark] .s-mini-switch { background: rgba(255, 255, 255, .22); }
[data-bs-theme=dark] .s-ideia-toggle { color: var(--esc-sub); }
[data-bs-theme=dark] .jra-tarefa-briefing-texto { color: var(--esc-texto); }
[data-bs-theme=dark] .jra-abrir-briefing { background: transparent; border-color: rgba(143, 180, 255, .45); color: #8fb4ff; }
[data-bs-theme=dark] .jra-abrir-briefing:hover { background: rgba(93, 135, 255, .18); color: #bcd0ff; }

/* ── Tarefas (single e Add Job) ──────────────────────────────────────── */
[data-bs-theme=dark] .s-tarefas-card .tarefa-bloco { background: var(--esc-suave) !important; }
[data-bs-theme=dark] .s-tarefas-card .tarefa-bloco:hover { background: var(--esc-suave-2) !important; border-color: var(--esc-borda) !important; }
[data-bs-theme=dark] .jra-tarefa { background: var(--esc-suave); }
[data-bs-theme=dark] .jra-tarefa:hover,
[data-bs-theme=dark] .jra-tarefa.open { background: var(--esc-suave-2); border-color: var(--esc-borda); }
[data-bs-theme=dark] .jra-tarefa-desc { color: var(--esc-texto); }
[data-bs-theme=dark] .jra-tarefa-move i:hover { color: var(--esc-texto); }
[data-bs-theme=dark] .jra-tarefa-status { background: var(--esc-card); }
[data-bs-theme=dark] .jra-tarefa-body .form-control,
[data-bs-theme=dark] .jra-tarefa-body .form-select { background-color: var(--esc-card); color: var(--esc-texto); border-color: var(--esc-borda); }
[data-bs-theme=dark] .jra-badge-standby { background: rgba(190, 60, 150, .22); color: #f0a6dc; }
[data-bs-theme=dark] .jra-badge-vinculo { background: rgba(121, 0, 255, .25); color: #c9a6ff; }

/* ── Add Job ─────────────────────────────────────────────────────────── */
[data-bs-theme=dark] .ja-btn-rascunho { background: transparent; color: var(--esc-texto); border-color: var(--esc-borda); }
[data-bs-theme=dark] .ja-btn-rascunho:hover { background: var(--esc-suave); }
[data-bs-theme=dark] .ja-ctl { color: var(--esc-texto); }
[data-bs-theme=dark] .ja-ctl:focus,
[data-bs-theme=dark] .ja-ideia-grid textarea:focus,
[data-bs-theme=dark] .ja-campo .form-control:focus,
[data-bs-theme=dark] .ja-campo .form-select:focus { background-color: var(--esc-suave-2); color: var(--esc-texto); }
[data-bs-theme=dark] .ja-ctl.is-invalid { background-color: rgba(220, 53, 69, .16); }
[data-bs-theme=dark] .ja-ideia-grid textarea,
[data-bs-theme=dark] .ja-campo .form-control,
[data-bs-theme=dark] .ja-campo .form-select { color: var(--esc-texto); }
[data-bs-theme=dark] .jra-toggle-opt.active { background: var(--esc-card); color: var(--esc-texto); box-shadow: 0 1px 3px rgba(0, 0, 0, .4); }

/* Editor de briefing (Quill) */
[data-bs-theme=dark] #job-briefing-editor,
[data-bs-theme=dark] .ql-container.ql-snow { background: var(--esc-suave); color: var(--esc-texto); border-color: var(--esc-borda); }
[data-bs-theme=dark] .ql-toolbar.ql-snow { background: var(--esc-card); border-color: var(--esc-borda); }
[data-bs-theme=dark] .ql-snow .ql-stroke { stroke: #b6c3d6; }
[data-bs-theme=dark] .ql-snow .ql-fill { fill: #b6c3d6; }
[data-bs-theme=dark] .ql-snow .ql-picker { color: #b6c3d6; }
[data-bs-theme=dark] .ql-snow .ql-picker-options { background: var(--esc-card); border-color: var(--esc-borda); }
[data-bs-theme=dark] .ql-snow.ql-toolbar button:hover .ql-stroke,
[data-bs-theme=dark] .ql-snow.ql-toolbar button.ql-active .ql-stroke { stroke: #8fb4ff; }
[data-bs-theme=dark] .ql-editor.ql-blank::before { color: var(--esc-sub); }

/* ── Cards compartilhados (job-panels) ───────────────────────────────── */
[data-bs-theme=dark] .s-st-banco { background: transparent; color: var(--esc-texto); border-color: var(--esc-borda); }
[data-bs-theme=dark] .s-st-banco:hover { background: rgba(225, 48, 108, .12); border-color: #e1306c; }
[data-bs-theme=dark] .s-st-banco-ico { background: rgba(225, 48, 108, .18); }
[data-bs-theme=dark] .s-st-banco small { color: var(--esc-sub) !important; }
[data-bs-theme=dark] .jra-toggle-group[data-target="job-modo"] .jra-toggle-opt.active[data-value="postagem"] { color: #c9a6ff; }
[data-bs-theme=dark] .jra-tarefa-fixa .jra-tarefa-status { color: #c9a6ff; box-shadow: inset 0 0 0 1.5px rgba(201, 166, 255, .45); }

/* ── Dashboard: vermelhos fixos (rótulos "Atrasadas", "parados") ─────── */
[data-bs-theme=dark] .pn [style*="#d32f2f"] { color: #ff7d8f !important; }