/* ============================================================================
   Onda 19 — Dashboard "O que fazer hoje" (Simplificacao #3)
   ----------------------------------------------------------------------------
   Seção de AÇÃO no topo do dashboard, ANTES das métricas. Até 3 grupos
   compactos (atenção / reuniões de hoje / propostas aguardando) + empty-state
   positivo. Reusa os badges de motivo (badge--atencao-*) e as ações
   (.atencao-item__wa) da onda-17 pra consistência visual com a #4.

   Tokens AAA do tema claro: texto >=7:1, UI/bordas >=3:1. Escopo em
   :root[data-theme="light"] seguindo o padrão das ondas anteriores.
   ============================================================================ */

/* ---------- Wrapper da seção ---------- */
:root[data-theme="light"] .dash-hoje {
  margin-bottom: var(--gap-6, 24px);
}

:root[data-theme="light"] .dash-hoje__titulo {
  margin: 0 0 var(--gap-3, 12px);
  font-size: var(--fs-md, 16px);
  font-weight: 700;
  color: var(--text-primary, #0F172A);
  line-height: 1.3;
}

/* ---------- Empty-state positivo ---------- */
:root[data-theme="light"] .dash-hoje__empty {
  display: flex;
  align-items: center;
  gap: var(--gap-2, 8px);
  padding: var(--gap-4, 16px);
  background: rgba(22, 163, 74, 0.08);              /* verde bem claro */
  border: 1px solid rgba(21, 128, 61, 0.40);        /* green-700 translucido >=3:1 */
  border-left: 3px solid var(--color-success, #15803D);
  border-radius: var(--radius-lg, 8px);
  color: var(--text-primary, #0F172A);
  font-size: var(--fs-sm, 14px);
}
:root[data-theme="light"] .dash-hoje__empty svg {
  flex: 0 0 auto;
  color: var(--color-success, #15803D);             /* ~4.9:1 sobre branco — AA UI */
}

/* ---------- Grupos ---------- */
:root[data-theme="light"] .dash-hoje__grupos {
  display: grid;
  gap: var(--gap-4, 16px);
}

:root[data-theme="light"] .dash-hoje__grupo {
  background: var(--bg-surface, #FFFFFF);
  border: 1px solid var(--border-default, #CBD5E1);
  border-left: 3px solid var(--border-default, #CBD5E1);
  border-radius: var(--radius-lg, 8px);
  overflow: hidden;
}

/* Faixa lateral por tipo de grupo (consistente com os tons dos badges) */
:root[data-theme="light"] .dash-hoje__grupo--atencao {
  border-left-color: var(--color-warning, #92400E);
}
:root[data-theme="light"] .dash-hoje__grupo--reuniao {
  border-left-color: var(--color-accent, #173C46);
}
:root[data-theme="light"] .dash-hoje__grupo--proposta {
  border-left-color: var(--color-success, #15803D);
}

:root[data-theme="light"] .dash-hoje__grupo-titulo {
  margin: 0;
  padding: var(--gap-3, 12px) var(--gap-4, 16px);
  font-size: var(--fs-sm, 14px);
  font-weight: 600;
  color: var(--text-primary, #0F172A);
  border-bottom: 1px solid var(--border-subtle, #E2E8F0);
  line-height: 1.3;
}

:root[data-theme="light"] .dash-hoje__count {
  font-weight: 700;
}
:root[data-theme="light"] .dash-hoje__count--atencao { color: var(--color-warning, #92400E); }   /* ~7.2:1 — AAA */
:root[data-theme="light"] .dash-hoje__count--reuniao { color: var(--color-accent, #173C46); }    /* ~10:1 — AAA */
:root[data-theme="light"] .dash-hoje__count--proposta { color: var(--color-success-text, #166534); }  /* #166534 = 7:1 AAA (--color-success vivo reprova 3.3:1) */

/* ---------- Lista de itens ---------- */
:root[data-theme="light"] .dash-hoje__list {
  list-style: none;
  margin: 0;
  padding: 0;
}

:root[data-theme="light"] .dash-hoje__item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--gap-3, 12px);
  padding: var(--gap-3, 12px) var(--gap-4, 16px);
  border-bottom: 1px solid var(--border-subtle, #E2E8F0);
}
:root[data-theme="light"] .dash-hoje__item:last-child {
  border-bottom: 0;
}

:root[data-theme="light"] .dash-hoje__item-main {
  display: flex;
  align-items: center;
  gap: var(--gap-3, 12px);
  min-width: 0;
  flex-wrap: wrap;
}

:root[data-theme="light"] .dash-hoje__item-nome {
  font-weight: 600;
  font-size: var(--fs-sm, 14px);
  color: var(--text-primary, #0F172A);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 240px;
}

:root[data-theme="light"] .dash-hoje__item-actions {
  display: flex;
  align-items: center;
  gap: var(--gap-2, 8px);
  flex: 0 0 auto;
}

/* ---------- Badges adicionais (reuniao + proposta) ----------
   Os badges de atenção (badge--atencao-vencido / --atencao-parado) já vêm
   da onda-17 e são reusados como estão. Aqui adicionamos os dois novos. */

/* "HH:MM" da reunião — tom accent (mesma família do toolbar). */
:root[data-theme="light"] .badge--reuniao {
  background: rgba(23, 60, 70, 0.10);               /* accent bem claro */
  color: var(--color-accent, #173C46);              /* ~10:1 — AAA */
  border: 1px solid rgba(23, 60, 70, 0.40);         /* accent translucido >=3:1 */
  font-variant-numeric: tabular-nums;
}

/* Valor da proposta — tom de sucesso (verde). */
:root[data-theme="light"] .badge--proposta {
  background: rgba(22, 163, 74, 0.10);              /* verde bem claro */
  color: var(--color-success-text, #166534);       /* green-800 ~7:1 — AAA */
  border: 1px solid rgba(21, 128, 61, 0.40);        /* green-700 translucido >=3:1 */
  font-variant-numeric: tabular-nums;
}

/* ---------- Responsivo ---------- */
@media (max-width: 600px) {
  :root[data-theme="light"] .dash-hoje__item {
    flex-direction: column;
    align-items: stretch;
  }
  :root[data-theme="light"] .dash-hoje__item-actions {
    justify-content: flex-end;
  }
}