/* ══════════════════════════════════════════════════════════════
   BoxDash Theme System — v1 (Onda 1)
   • Global brand tokens at :root (additive, no conflict with dark vars)
   • [data-module="almoxarifado"] → full light theme scope
   • Other modules inherit the dark :root from index.html <style>
   ══════════════════════════════════════════════════════════════ */

/* ── Global brand tokens ─────────────────────────────────────── */
:root {
  --rb-green:        #8DC63F;
  --rb-green-soft:   rgba(141, 198, 63, .12);
  --rb-green-deep:   #3B6D11;
  --danger:          #e8455a;
  --danger-soft:     rgba(232, 69, 90, .12);
  --warn:            #d4a843;
  --warn-soft:       rgba(212, 168, 67, .12);
  --accent-blue:     #6ba0ff;
  --accent-violet:   #a78bfa;
  --info:            #06b6d4;
  --info-soft:       rgba(6, 182, 212, .10);

  /* Module accent defaults (overridden per-module below) */
  --module-accent:       var(--rb-green);
  --module-accent-soft:  var(--rb-green-soft);
  --module-accent-text:  var(--rb-green-deep);
}

/* ── Per-module accent palettes ──────────────────────────────── */
[data-module="manutencoes"] {
  --module-accent:      #0f766e;
  --module-accent-soft: rgba(15,118,110,.12);
  --module-accent-text: #0d4f4a;
  /* Base clara — mesma paleta de ponto/automacao/almoxarifado */
  --bg:   #fafaf9;
  --card: #ffffff;
  --bd:   #e2e8e2;
  --t:    #1c1917;
  --m:    #6b7280;
  --d:    #9ca3af;
  --g:    #8DC63F; /* verde Rio Box — pill de código MAN/RB */
  --r:    #e8455a;
  --a:    #d4a843;
  --b:    #6ba0ff;
  background: var(--bg);
  color: var(--t);
}
[data-module="chao"]          { --module-accent:#8DC63F; --module-accent-soft:rgba(141,198,63,.12); --module-accent-text:#3B6D11; }
[data-module="equipe"]        { --module-accent:#a78bfa; --module-accent-soft:rgba(167,139,250,.12); --module-accent-text:#6d28d9; }
[data-module="logistica"]     { --module-accent:#60a5fa; --module-accent-soft:rgba(96,165,250,.12);  --module-accent-text:#1d4ed8; }
[data-module="presenca"]      { --module-accent:#8DC63F; --module-accent-soft:rgba(141,198,63,.12);  --module-accent-text:#3B6D11; }
[data-module="relatorio"]     { --module-accent:#4f46e5; --module-accent-soft:rgba(79,70,229,.12);  --module-accent-text:#312e81; }
[data-module="administrativo"] {
  --bg:#fafaf9; --card:#ffffff; --bd:#e2e8e2;
  --t:#1c1917; --m:#6b7280; --d:#9ca3af;
  --g:#8DC63F; --a:#d4a843; --r:#e8455a; --b:#6ba0ff;
  --surface-2:#f5f5f4; --surface-3:#eeeeec;
  --module-accent:#4f46e5;
  --module-accent-soft:rgba(79,70,229,.12);
  --module-accent-text:#312e81;
  background:var(--bg); color:var(--t);
}
/* Comercial > Prospecção Ativa — mesma casa visual do administrativo (mesmos tokens) */
[data-module="comercial"] {
  --bg:#fafaf9; --card:#ffffff; --bd:#e2e8e2;
  --t:#1c1917; --m:#6b7280; --d:#9ca3af;
  --g:#8DC63F; --a:#d4a843; --r:#e8455a; --b:#6ba0ff;
  --surface-2:#f5f5f4; --surface-3:#eeeeec;
  --module-accent:#4f46e5;
  --module-accent-soft:rgba(79,70,229,.12);
  --module-accent-text:#312e81;
  background:var(--bg); color:var(--t);
}
/* Folha de Ponto (RH) — mesma casa visual do administrativo/comercial (mesmos tokens) */
[data-module="folha"] {
  --bg:#fafaf9; --card:#ffffff; --bd:#e2e8e2;
  --t:#1c1917; --m:#6b7280; --d:#9ca3af;
  --g:#8DC63F; --a:#d4a843; --r:#e8455a; --b:#6ba0ff;
  --surface-2:#f5f5f4; --surface-3:#eeeeec;
  --module-accent:#4f46e5;
  --module-accent-soft:rgba(79,70,229,.12);
  --module-accent-text:#312e81;
  background:var(--bg); color:var(--t);
}
[data-module="colaboradores"] { --module-accent:#57534e; --module-accent-soft:rgba(87,83,78,.12);  --module-accent-text:#292524; }
[data-module="admin"]         { --module-accent:#6b7280; --module-accent-soft:rgba(107,114,128,.12); --module-accent-text:#374151; }
[data-module="dashboard"]     { --module-accent:#8DC63F; --module-accent-soft:rgba(141,198,63,.12);  --module-accent-text:#3B6D11; }
[data-module="boxdash"] {
  --bg: #fafaf9; --card: #ffffff; --bd: #e2e8e2;
  --t: #1c1917; --m: #6b7280; --d: #9ca3af;
  --g: #8DC63F; --a: #d4a843; --r: #e8455a; --b: #6ba0ff;
  --surface: #ffffff; --surface-2: #f5f5f4; --surface-3: #eeeeec;
  --border: #e2e8e2; --text: #1c1917; --text-dim: #6b7280; --text-muted: #9ca3af;
  --module-accent: #8DC63F; --module-accent-soft: rgba(141,198,63,.12); --module-accent-text: #3B6D11;
  --man: #6d28d9; --man-soft: rgba(109,40,217,.1);
  background: var(--bg); color: var(--text);
}
[data-module="ponto"] {
  /* Cyan — associação visual com tempo/relógio */
  --module-accent:      #0891b2;
  --module-accent-soft: rgba(8, 145, 178, .12);
  --module-accent-text: #164e63;

  --accent:      #0891b2;
  --accent-soft: rgba(8, 145, 178, .12);
  --accent-mid:  rgba(8, 145, 178, .28);
  --accent-faint: rgba(8, 145, 178, .06);
  --accent-glow: rgba(8, 145, 178, .45);
  --acc-dim:     #164e63;

  --bg:   #fafaf9;
  --card: #ffffff;
  --bd:   #e2e8e2;
  --t:    #1c1917;
  --m:    #6b7280;
  --d:    #9ca3af;
  --s2:   #f5f5f4;
  --s3:   #eeeeec;
  --g:    #0891b2;
  --a:    #d4a843;
  --r:    #e8455a;
  --b:    #6ba0ff;
}

[data-module="automacao"] {
  /* Tokens de paleta */
  --module-accent:      #d97706;
  --module-accent-soft: rgba(217, 119, 6, .12);
  --module-accent-text: #78350f;

  /* Tokens de accent (mapeamento padrão) */
  --accent:      #d97706;
  --accent-soft: rgba(217, 119, 6, .12);
  --accent-mid:  rgba(217, 119, 6, .28);
  --accent-faint: rgba(217, 119, 6, .06);
  --accent-glow: rgba(217, 119, 6, .45);
  --acc-dim:     #78350f;

  /* Override neutros dark → light */
  --bg:   #fafaf9;
  --card: #ffffff;
  --bd:   #e2e8e2;
  --t:    #1c1917;
  --m:    #6b7280;
  --d:    #9ca3af;
  --s2:   #f5f5f4;
  --s3:   #eeeeec;

  /* --g (era accent verde) e --a (era badge âmbar) viram amber */
  --g: #d97706;
  --a: #d97706;

  /* --r (erro) e --b (azul navegação) mantidos — semânticos */
}

/* ── Animations ──────────────────────────────────────────────── */
@keyframes urgent-pulse {
  0%, 100% { opacity: 1; }
  50%       { opacity: .5; }
}
@keyframes card-pulse-late {
  0%, 100% { border-color: rgba(212, 168, 67, .4); }
  50%       { border-color: rgba(212, 168, 67, .9); }
}
@keyframes card-pulse-warn {
  0%, 100% { border-color: rgba(232, 69, 90, .3); }
  50%       { border-color: rgba(232, 69, 90, .8); }
}


/* ══════════════════════════════════════════════════════════════
   ALMOXARIFADO — Full light theme scope
   All CSS custom properties are remapped to light values within
   this element. The dark :root in index.html <style> keeps other
   modules dark.
   ══════════════════════════════════════════════════════════════ */

[data-module="almoxarifado"] {
  /* ── Remap dark vars → light values ── */
  --bg:   #fafaf9;
  --card: #ffffff;
  --bd:   #e2e8e2;
  --t:    #1c1917;
  --m:    #6b7280;
  --d:    #9ca3af;
  --g:    #8DC63F;
  --a:    #d4a843;
  --r:    #e8455a;
  --b:    #6ba0ff;

  /* ── New semantic tokens ── */
  --surface:             #ffffff;
  --surface-2:           #f5f5f4;
  --surface-3:           #eeeeec;
  --border:              #e2e8e2;
  --text:                #1c1917;
  --text-dim:            #6b7280;
  --text-muted:          #9ca3af;

  /* ── Module accent — green for Almoxarifado ── */
  --module-accent:       #8DC63F;
  --module-accent-soft:  rgba(141, 198, 63, .12);
  --module-accent-text:  #3B6D11;

  /* ── Warn/alert semantic ── */
  --warn-bg:             #fef3c7;
  --warn-bd:             #fde68a;

  background: var(--bg);
  color: var(--text);
}


/* ── Card backgrounds (hardcoded rgba → semantic) ───────────── */

/* Generic item list rows */
[data-module="almoxarifado"] .alm-item {
  background: var(--surface);
}
[data-module="almoxarifado"] .alm-item:active {
  background: var(--surface-2);
}

/* Product cards */
[data-module="almoxarifado"] .alm-prod-card {
  background: var(--surface);
}
[data-module="almoxarifado"] .alm-prod-card:active {
  background: var(--surface-2);
}

/* Entry cards */
[data-module="almoxarifado"] .alm-ent-card {
  background: var(--surface);
}
[data-module="almoxarifado"] .alm-ent-card:active {
  background: var(--surface-2);
}

/* Exit / devolution cards */
[data-module="almoxarifado"] .alm-saida-card {
  background: var(--surface);
}
[data-module="almoxarifado"] .alm-saida-card:active {
  background: var(--surface-2);
}

/* Detail blocks */
[data-module="almoxarifado"] .alm-det-bloco {
  background: var(--surface);
}
[data-module="almoxarifado"] .alm-det-row {
  border-bottom-color: var(--border);
}
[data-module="almoxarifado"] .alm-hist-row {
  border-bottom-color: var(--border);
}

/* Stat cards */
[data-module="almoxarifado"] .alm-stat-card {
  background: var(--surface);
}

/* Nota (invoice) rows and totals */
[data-module="almoxarifado"] .alm-nota-item-row {
  background: var(--surface);
}
[data-module="almoxarifado"] .alm-nota-totais {
  background: var(--surface);
}
[data-module="almoxarifado"] .alm-comprovante-item {
  background: var(--surface);
}
[data-module="almoxarifado"] .alm-ajuste-info {
  background: var(--surface);
}

/* Foto placeholder */
[data-module="almoxarifado"] .alm-foto-disabled {
  background: var(--surface-2);
}

/* Footer detail buttons */
[data-module="almoxarifado"] .alm-det-footer-btn {
  background: var(--surface-2);
}
[data-module="almoxarifado"] .alm-det-footer-btn:active {
  background: var(--surface-3);
}

/* Pencil / close icon buttons */
[data-module="almoxarifado"] .alm-det-edit {
  background: var(--surface-2);
}
[data-module="almoxarifado"] .alm-det-edit:active {
  background: var(--surface-3);
}
[data-module="almoxarifado"] .alm-modal-x {
  background: var(--surface-2);
}
[data-module="almoxarifado"] .alm-modal-x:active {
  background: var(--surface-3);
}


/* ── Form controls ───────────────────────────────────────────── */

[data-module="almoxarifado"] .alm-input {
  background: var(--surface);
  color: var(--text);
}
[data-module="almoxarifado"] .alm-input:focus {
  background: rgba(141, 198, 63, .04);
  border-color: var(--g);
}
[data-module="almoxarifado"] .alm-input::placeholder {
  color: var(--text-muted);
}

[data-module="almoxarifado"] .alm-btn-cancel {
  background: var(--surface-2);
  border-color: var(--border);
  color: var(--text-dim);
}
[data-module="almoxarifado"] .alm-btn-cancel:active {
  background: var(--surface-3);
}

[data-module="almoxarifado"] .alm-btn-quickadd:active {
  background: var(--surface-2);
}

[data-module="almoxarifado"] .alm-radio-btn {
  color: var(--text-dim);
}


/* ── Autocomplete dropdown ───────────────────────────────────── */

[data-module="almoxarifado"] .alm-autocomplete-drop {
  background: var(--surface);
  box-shadow: 0 4px 16px rgba(0, 0, 0, .12);
}
[data-module="almoxarifado"] .alm-autocomplete-item {
  color: var(--text);
  border-bottom-color: var(--border);
}
[data-module="almoxarifado"] .alm-autocomplete-item:active {
  background: var(--surface-2);
}
[data-module="almoxarifado"] .alm-autocomplete-item.kbfocus {
  background: rgba(141, 198, 63, .08);
}


/* ── Hub back button — fix hardcoded white hover text ───────── */

[data-module="almoxarifado"] .hub-back:hover,
[data-module="almoxarifado"] .hub-btn:hover {
  color: var(--text);
  border-color: var(--g);
}


/* ── Modal backdrop ─────────────────────────────────────────── */

[data-module="almoxarifado"] .alm-modal {
  background: var(--surface);
}


/* ══════════════════════════════════════════════════════════════
   COMPONENT LIBRARY (scoped to almoxarifado for Onda 1)
   ══════════════════════════════════════════════════════════════ */

/* ── .rb-pill — RB code badge, light version ─────────────────── */
[data-module="almoxarifado"] .rb-pill {
  font-family: 'JetBrains Mono', monospace;
  font-size: .62rem;
  font-weight: 700;
  padding: 2px 7px;
  border-radius: 5px;
  background: rgba(141, 198, 63, .1);
  color: var(--module-accent-text);
  border: 1px solid rgba(141, 198, 63, .35);
  display: inline-block;
  line-height: 1.5;
}

/* ── .rb-chip — filter / toggle chips ───────────────────────── */
[data-module="almoxarifado"] .rb-chip {
  flex-shrink: 0;
  background: var(--surface);
  border: 1px solid var(--border);
  color: var(--text-dim);
  padding: 5px 12px;
  border-radius: 999px;
  font-size: .75rem;
  font-weight: 500;
  font-family: inherit;
  cursor: pointer;
  transition: background .12s, border-color .12s, color .12s;
  white-space: nowrap;
}
[data-module="almoxarifado"] .rb-chip.active {
  background: var(--module-accent);
  border-color: var(--module-accent);
  color: #0a1500;
  font-weight: 700;
}
[data-module="almoxarifado"] .rb-chip:active {
  opacity: .8;
}

/* ── .hub-btn — navigation back button ──────────────────────── */
[data-module="almoxarifado"] .hub-btn {
  background: transparent;
  border: 1px solid var(--border);
  color: var(--text-dim);
  padding: 6px 12px;
  border-radius: 6px;
  cursor: pointer;
  font-size: .85rem;
  font-family: inherit;
  transition: color .15s, border-color .15s;
  line-height: 1;
}
[data-module="almoxarifado"] .hub-btn:hover {
  color: var(--text);
  border-color: var(--module-accent);
}
[data-module="almoxarifado"] .hub-btn:active {
  opacity: .8;
}

/* ── .sort-chip — sort order selector ───────────────────────── */
[data-module="almoxarifado"] .sort-chip {
  padding: 4px 10px;
  border-radius: 999px;
  font-size: .72rem;
  font-weight: 500;
  background: var(--surface);
  border: 1px solid var(--border);
  color: var(--text-dim);
  cursor: pointer;
  font-family: inherit;
  transition: .12s;
}
[data-module="almoxarifado"] .sort-chip.active {
  background: var(--surface-2);
  border-color: var(--module-accent);
  color: var(--text);
  font-weight: 600;
}

/* ── .tabs-strip / .tab — generic tab bar ───────────────────── */
[data-module="almoxarifado"] .tabs-strip {
  display: flex;
  border-bottom: 1px solid var(--border);
  flex-shrink: 0;
}
[data-module="almoxarifado"] .tabs-strip .tab {
  flex: 1;
  padding: 10px 6px;
  background: transparent;
  border: none;
  border-bottom: 2px solid transparent;
  color: var(--text-dim);
  font-family: inherit;
  font-size: .72rem;
  font-weight: 700;
  letter-spacing: .5px;
  cursor: pointer;
  transition: color .15s, border-color .15s;
}
[data-module="almoxarifado"] .tabs-strip .tab.active {
  color: var(--module-accent);
  border-bottom-color: var(--module-accent);
}


/* ══════════════════════════════════════════════════════════════
   COLABORADORES — Full light theme scope (Onda 2)
   Indigo profundo (#57534e) — uso prolongado, saturação baixa
   Cobre: relatorio-dia.html · presenca.html · colaboradores.html
   ══════════════════════════════════════════════════════════════ */

[data-module="colaboradores"] {
  /* ── Remap dark vars → light values ── */
  --bg:   #fafaf9;
  --card: #ffffff;
  --bd:   #e2e8e2;
  --t:    #1c1917;
  --m:    #6b7280;
  --d:    #9ca3af;
  --a:    #d4a843;
  --r:    #e8455a;
  --b:    #6ba0ff;
  --g:    #8DC63F;

  /* ── Accent: indigo profundo ── */
  --accent:       #57534e;
  --accent-soft:  rgba(87,83,78,.12);
  --accent-mid:   rgba(87,83,78,.28);
  --accent-faint: rgba(87,83,78,.06);
  --accent-glow:  rgba(87,83,78,.45);
  --acc-dim:      #292524;

  /* ── Segmentos da timeline (relatorio-dia) ── */
  --seg-cr:    #57534e;  /* stone-700 — CR */
  --seg-fab:   #60a5fa;  /* azul semântico Fábrica — mantém */
  --seg-idle:  #d1d5db;  /* cinza claro — ocioso */
  --seg-extra: #d4a843;  /* amber — hora extra — mantém */

  /* ── Semantic tokens ── */
  --surface:            #ffffff;
  --surface-2:          #f5f5f4;
  --surface-3:          #eeeeec;
  --border:             #e2e8e2;
  --text:               #1c1917;
  --text-dim:           #6b7280;
  --text-muted:         #9ca3af;

  /* ── Module accent ── */
  --module-accent:      #57534e;
  --module-accent-soft: rgba(87,83,78,.12);
  --module-accent-text: #292524;

  background: var(--bg);
  color: var(--t);
}


/* ── relatorio-dia: header (background hardcoded dark) ── */
[data-module="colaboradores"] .rd-header {
  background: var(--card);
  border-bottom-color: var(--bd);
}
[data-module="colaboradores"] .rd-back:active {
  background: var(--accent-soft);
}

/* ── relatorio-dia: título e subtítulo no header ── */
[data-module="colaboradores"] .rd-titulo {
  color: #57534e;
}
[data-module="colaboradores"] .rd-sub {
  color: #6b7280;
}

/* ── relatorio-dia: botão Editar ── */
[data-module="colaboradores"] .rd-edit-btn {
  color: #57534e;
  border-color: rgba(87,83,78,.35);
}

/* ── relatorio-dia: chip ativo (cor + borda explícitas) ── */
[data-module="colaboradores"] .rd-chip.active {
  background: rgba(87,83,78,.12);
  border-color: #57534e;
  color: #57534e;
}

/* ── relatorio-dia: barras de timeline (track escuro hardcoded) ── */
[data-module="colaboradores"] .rd-bar,
[data-module="colaboradores"] .rd-agg-bar {
  background: var(--surface-2);
}

/* ── relatorio-dia: pills cronológicas ── */
[data-module="colaboradores"] .rd-pill.cr {
  background: rgba(87,83,78,.10);
  border-color: rgba(87,83,78,.30);
  color: #57534e;
}
[data-module="colaboradores"] .rd-pill.idle {
  background: rgba(107,114,128,.08);
  border-color: rgba(107,114,128,.22);
}

/* ── relatorio-dia: sheet bottom ── */
[data-module="colaboradores"] .rd-sheet {
  background: var(--surface);
}
[data-module="colaboradores"] .rd-sheet-input {
  background: var(--surface-2);
  color: var(--t);
}
[data-module="colaboradores"] .rd-sheet-input:focus {
  background: rgba(87,83,78,.04);
  border-color: var(--accent);
}
[data-module="colaboradores"] .rd-sheet-btn.secundario {
  background: var(--surface-2);
  color: var(--t);
}
[data-module="colaboradores"] .rd-agora-btn {
  background: rgba(87,83,78,.10);
  border-color: rgba(87,83,78,.30);
  color: var(--accent);
}
[data-module="colaboradores"] .rd-agora-btn:active {
  background: rgba(87,83,78,.18);
}
[data-module="colaboradores"] .rd-sheet-tab.active {
  border-color: var(--accent);
  color: var(--accent);
  background: rgba(87,83,78,.08);
}
[data-module="colaboradores"] .rd-cr-item:active,
[data-module="colaboradores"] .rd-cr-item.sel {
  background: rgba(87,83,78,.10);
  color: var(--accent);
}

/* ── relatorio-dia: modo edição ── */
[data-module="colaboradores"] .rd-edit-banner {
  background: rgba(87,83,78,.06);
  border-left-color: var(--accent);
  color: var(--accent);
}
[data-module="colaboradores"] .rd-edit-btn.active {
  background: rgba(87,83,78,.12);
  border-color: var(--accent);
}
[data-module="colaboradores"] .rd-edit-btn:active {
  background: rgba(87,83,78,.18);
}

/* ── relatorio-dia: toast ── */
[data-module="colaboradores"] .rd-toast {
  background: var(--surface);
  border-color: var(--bd);
  color: var(--t);
}
[data-module="colaboradores"] .rd-toast.erro {
  border-color: var(--r);
  color: var(--r);
  background: rgba(232,69,90,.04);
}

/* ── colaboradores.css: toast e hover de foto ── */
[data-module="colaboradores"] .cl-toast {
  background: rgba(255,255,255,.97);
  border-color: var(--bd);
  color: var(--t);
}
[data-module="colaboradores"] .cl-foto-btn-prim:active {
  background: rgba(87,83,78,.18);
}

/* ── presenca.css: keypad active e toast ── */
[data-module="colaboradores"] .pr-key:active {
  background: rgba(0,0,0,.08);
}
[data-module="colaboradores"] .pr-toast {
  background: rgba(255,255,255,.97);
  border-color: var(--bd);
  color: var(--t);
}


/* ══════════════════════════════════════════════════════════════
   BOXDASH / CHÃO DE FÁBRICA — Light theme (Micro-onda 3.1)
   Paleta verde RB dessaturada — baixa saturação para uso prolongado
   Cobre: Hub + Lista de C&Rs + Tarefas de Hoje
   ══════════════════════════════════════════════════════════════ */

[data-module="boxdash"] {
  /* ── Remap dark vars → verde RB dessaturado ── */
  --bg:         #f8f9f7;
  --card:       #ffffff;
  --bd:         #d5dece;
  --t:          #1a2512;
  --m:          #576b48;
  --d:          #8a9c7a;
  --g:          #5a8a1f;
  --a:          #c07d15;
  --r:          #c93048;
  --b:          #3b7ac8;

  /* ── Surface tokens ── */
  --surface:     #ffffff;
  --surface-2:   #f0f2ec;
  --surface-3:   #e8ebe3;
  --border:      #d5dece;
  --border-soft: #d5dece;

  /* ── Semantic aliases (usadas via fallback em chao.css) ── */
  --text:        #1a2512;
  --text-dim:    #576b48;
  --text-faint:  #8a9c7a;
  --rb-green:    #5a8a1f;

  /* ── Module accent ── */
  --module-accent:      #5a8a1f;
  --module-accent-soft: rgba(90,138,31,.12);
  --module-accent-text: #3d5e12;

  background: var(--bg);
  color: var(--t);
}

/* ── Hub: hover text hardcoded #fff → var(--t) ─────────────── */
[data-module="boxdash"] .hub-logout:hover,
[data-module="boxdash"] .hub-back:hover { color: var(--t); }

/* ── Aba tabs: count badge ──────────────────────────────────── */
[data-module="boxdash"] .cf-aba-count { background: var(--surface-3); }

/* ── Back button active state ───────────────────────────────── */
[data-module="boxdash"] .cf-hub-back:active { background: var(--surface-3); }

/* ── Inline search box ──────────────────────────────────────── */
[data-module="boxdash"] .cf-busca-hd { background: var(--surface-2); }

/* ── Quad dashboard cards ───────────────────────────────────── */
[data-module="boxdash"] .cf-quad,
[data-module="boxdash"] .cf-quad-wide { background: var(--surface-2); }
[data-module="boxdash"] .cf-quad:active,
[data-module="boxdash"] .cf-quad-wide:active { border-color: var(--bd); }

/* ── RB code chips ──────────────────────────────────────────── */
[data-module="boxdash"] .cf-chip-rb { background: var(--surface-3); }
[data-module="boxdash"] .cf-chip-bar { background: var(--bd); }

/* ── Slim stat cards ────────────────────────────────────────── */
[data-module="boxdash"] .cf-slim { background: var(--surface-2); }
[data-module="boxdash"] .cf-slim:active { background: var(--surface-3); }

/* ── Resumo summary card ────────────────────────────────────── */
[data-module="boxdash"] .cf-resumo-card { background: var(--surface-2); }

/* ── Enriched C&R list cards ───────────────────────────────── */
[data-module="boxdash"] .cf-enrich-card { border-bottom-color: var(--bd); }
[data-module="boxdash"] .cf-enrich-card:active { background: var(--surface-3); }
[data-module="boxdash"] .cf-ec-bar { background: var(--bd); }

/* ── C&R card progress bar track ───────────────────────────── */
[data-module="boxdash"] .cr-card-progress-track { background: var(--surface-3); }

/* ── Day count badge ────────────────────────────────────────── */
[data-module="boxdash"] .cf-day-count { background: var(--surface-3); }

/* ── Filter bar sort button ─────────────────────────────────── */
[data-module="boxdash"] .cf-bf-sort:active { background: var(--surface-3); }

/* ── Today's tasks list ─────────────────────────────────────── */
[data-module="boxdash"] .cf-tarefa { border-bottom-color: var(--bd); }
[data-module="boxdash"] .cf-tarefa-bad .cf-tarefa-text { color: var(--r); }

/* ── Priority sections (seção HOJE agrupada) ────────────────── */
[data-module="boxdash"] .priority-section { border-color: var(--bd); }
[data-module="boxdash"] .psec-header { background: var(--surface-2); }
[data-module="boxdash"] .psec-body { border-top-color: var(--bd); }
[data-module="boxdash"] .priority-item { border-bottom-color: var(--bd); }
[data-module="boxdash"] .priority-item:active { background: var(--surface-3); }
[data-module="boxdash"] .psec-expand { border-top-color: var(--bd); }

/* ── Paralisadas section cards ──────────────────────────────── */
[data-module="boxdash"] .cf-par-card { background: var(--surface-2); }
[data-module="boxdash"] .cf-par-ico { background: var(--surface-3); }


/* ══════════════════════════════════════════════════════════════
   BOXDASH — Micro-onda 3.2
   Cobre: Drawer detalhe C&R + Tarefas + Edit + Reorder + Lote
   ══════════════════════════════════════════════════════════════ */

/* ── Drawer (index.html hardcoded dark) ─────────────────────── */
[data-module="boxdash"] .drawer { background: var(--bg); }
[data-module="boxdash"] .dh-close:hover { background: var(--surface-3); }
[data-module="boxdash"] .dh-back:hover  { background: var(--surface-3); }
[data-module="boxdash"] .dr-n           { color: var(--t); }
[data-module="boxdash"] .ditem:hover    { background: var(--surface-2); }
[data-module="boxdash"] .dr-cat-lbl    { background: var(--surface-2); }

/* ── C&R detail header ──────────────────────────────────────── */
[data-module="boxdash"] .chao-cr-info-title { color: var(--t); }
[data-module="boxdash"] .det-podio-link:hover { color: var(--g); }
[data-module="boxdash"] .det-alerta-btn:hover { color: var(--g); }
[data-module="boxdash"] .det-resumo-btn:hover { color: var(--b); }

/* ── Task bottom sheet ──────────────────────────────────────── */
[data-module="boxdash"] .task-sheet-handle       { background: var(--bd); }
[data-module="boxdash"] .task-sheet-title        { color: var(--t); }
[data-module="boxdash"] .task-sheet-cr           { background: var(--surface-3); }
[data-module="boxdash"] .task-sheet-cell         { background: var(--surface-2); }
[data-module="boxdash"] .task-sheet-btn:active   { background: var(--surface-3); }

/* ── Task list in detail ────────────────────────────────────── */
[data-module="boxdash"] .task-actions-row        { border-top-color: var(--bd); }
[data-module="boxdash"] .task-menu button:hover  { background: var(--surface-3); }
[data-module="boxdash"] .cf-drawer-item          { border-bottom-color: var(--bd); }
[data-module="boxdash"] .tarefa-subs-toggle:hover { background: var(--surface-3); }
[data-module="boxdash"] .tarefa-subs-list        { border-top-color: var(--bd); }
[data-module="boxdash"] .cf-entregas-sep         { border-top-color: var(--bd); }
[data-module="boxdash"] .cf-entrega-btn-outline:active { background: var(--surface-3); }

/* ── Lote (batch task entry) ────────────────────────────────── */
[data-module="boxdash"] .lote-at-pop             { background: var(--card); }
[data-module="boxdash"] .lote-at-item            { border-bottom-color: var(--bd); }
[data-module="boxdash"] .lote-at-item:hover,
[data-module="boxdash"] .lote-at-item.kfoc       { background: var(--surface-3); }
[data-module="boxdash"] .lote-hint code          { background: var(--surface-3); }
[data-module="boxdash"] .lote-title-inp:hover,
[data-module="boxdash"] .lote-title-inp:focus    { background: var(--surface-2); }
[data-module="boxdash"] .lote-subs-list          { border-top-color: var(--bd); }
[data-module="boxdash"] .lote-pop-chip           { background: var(--surface-2); }
[data-module="boxdash"] .lote-pop-search         { background: var(--surface-2); }
[data-module="boxdash"] .lote-pop-item:hover     { background: var(--surface-3); }

/* ── Editar tarefa (tela rica) ──────────────────────────────── */
[data-module="boxdash"] .edit-meta-chip          { background: var(--surface-3); }
[data-module="boxdash"] .edit-date-inp           { background: var(--surface-2); }

/* ── Inputs genéricos do módulo (modais de detalhe) ─────────── */
[data-module="boxdash"] .chao-input              { background: var(--surface-2); }
[data-module="boxdash"] .chao-textarea           { background: var(--surface-2); }

/* ══════════════════════════════════════════════════════════════
   BOXDASH — Micro-onda 3.3
   Cobre: modais (task-menu, resumo IA), RDO (momento), aba Equipe/Gantt
   ══════════════════════════════════════════════════════════════ */

/* ── Task long-press menu ───────────────────────────────────── */
[data-module="boxdash"] .task-menu button.danger  { color: var(--r); }

/* ── RDO momento rows ───────────────────────────────────────── */
[data-module="boxdash"] .momento-row              { border-bottom-color: var(--bd); }

/* ── Det2 action buttons ────────────────────────────────────── */
[data-module="boxdash"] .det2-acao-btn:active     { background: var(--surface-3); }

/* ── Gantt ──────────────────────────────────────────────────── */
[data-module="boxdash"] .det-gantt-axis-wrap      { border-bottom-color: var(--bd); }
[data-module="boxdash"] .det-gantt-track          { background: var(--surface-3); }

/* ── Equipe histórico cards + pills ─────────────────────────── */
[data-module="boxdash"] .det-colab-hist-card      { background: var(--card); }
[data-module="boxdash"] .det-colab-pill           { background: var(--surface-2); }