/* Meta semanal no Início (SPEC-META-SEMANAL §3.2, §3.5). Só tokens existentes. Contraste 4,5:1 (auditoria P5): texto sobre
   laranja é grafite; texto laranja sobre branco usa o laranja escuro; o laranja forte fica na borda da última chamada. */
.meta-semanal {
  margin: 0 0 20px;
  padding: 20px 22px;
  border-radius: 18px;
  background: var(--de-branco, #FFFFFF);
  border: 1px solid var(--de-borda-interna, #E7E3DC);
  color: var(--de-grafite, #181818);
}
.meta-semanal-cabeca { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; flex-wrap: wrap; }
.meta-semanal-cabeca h2 { margin: 0; font-size: 20px; }
.meta-semanal-sequencia { font-size: 13px; font-weight: 700; color: var(--de-status-contrato-ponto, #1F7A43); }
.meta-semanal-contexto { margin: 6px 0 0; font-size: 13px; color: var(--de-texto-secundario, #5D6068); }
.meta-semanal-frase { margin: 12px 0 14px; font-size: 15px; font-weight: 600; }
.meta-semanal-barras { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.meta-semanal-barra-rotulo { font-size: 13px; margin-bottom: 6px; color: var(--de-texto-secundario, #5D6068); }
.meta-semanal-barra-rotulo b { color: var(--de-grafite, #181818); }
.meta-semanal-trilho { height: 10px; border-radius: 999px; background: var(--de-borda-interna, #E7E3DC); overflow: hidden; }
.meta-semanal-trilho span { display: block; height: 100%; border-radius: 999px; background: var(--de-laranja-principal, #FF7617); }
.meta-semanal-barra--ok .meta-semanal-trilho span,
.meta-semanal--batida .meta-semanal-trilho span { background: var(--de-status-contrato-ponto, #1F7A43); }
.meta-semanal-ok { color: var(--de-status-contrato-ponto, #1F7A43); font-weight: 700; }
.meta-semanal--batida .meta-semanal-frase { color: var(--de-status-contrato-ponto, #1F7A43); }
.meta-semanal--andamento .meta-semanal-frase { color: var(--de-laranja-escuro, #A6410A); }
.meta-semanal--ultima_chamada { border-color: var(--de-laranja-hover, #E2560B); }
.meta-semanal--ultima_chamada .meta-semanal-frase { color: var(--de-laranja-escuro, #A6410A); }
.meta-semanal--ultima_chamada .meta-semanal-contagem { font-size: 16px; font-weight: 800; color: var(--de-laranja-escuro, #A6410A); }
.meta-semanal-acoes { display: flex; align-items: center; gap: 16px; margin-top: 16px; flex-wrap: wrap; }
.meta-semanal-botao {
  display: inline-block; padding: 10px 20px; border-radius: 999px; font-weight: 700; text-decoration: none;
  background: var(--de-laranja-principal, #FF7617); color: var(--de-grafite, #181818);
}
.meta-semanal-botao:hover, .meta-semanal-botao:focus-visible { background: var(--de-laranja-hover, #E2560B); color: var(--de-grafite, #181818); }
.meta-semanal-link { font-size: 13px; color: var(--de-texto-secundario, #5D6068); }
.meta-semanal-minimo { margin: 14px 0 0; font-size: 12px; color: var(--de-texto-secundario, #5D6068); }
.meta-semanal-atualizado { margin: 4px 0 0; font-size: 11px; color: var(--de-texto-secundario, #5D6068); }
.meta-semanal-dobra { margin-top: 10px; font-size: 13px; }
.meta-semanal-dobra summary { cursor: pointer; font-weight: 600; }
.meta-semanal-tabela { width: 100%; border-collapse: collapse; margin-top: 8px; font-size: 13px; }
.meta-semanal-tabela th, .meta-semanal-tabela td { text-align: left; padding: 6px 4px; border-bottom: 1px solid var(--de-borda-interna, #E7E3DC); }
.meta-semanal-vazio, .meta-semanal-porque { margin: 8px 0 0; color: var(--de-texto-secundario, #5D6068); line-height: 1.5; }
.de-nav-selo {
  display: inline-block; margin-left: 4px; padding: 1px 6px; border-radius: 999px; font-size: 11px; font-weight: 700; line-height: 16px;
  background: var(--de-laranja-principal, #FF7617); color: var(--de-grafite, #181818); vertical-align: middle;
}
@media (max-width: 700px) {
  .meta-semanal { padding: 16px; }
  .meta-semanal-barras { grid-template-columns: 1fr; }
}
/* Admin: "Meta semanal — quem bateu" (a tabela rola dentro do cartão no celular; a página não rola de lado). */
.meta-semanal-admin .row.between { flex-wrap: wrap; gap: 8px; }
.meta-semanal-admin-totais { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 0; margin: 8px 0 12px; padding: 0; list-style: none; }
.meta-semanal-admin-totais li { white-space: nowrap; }
.meta-semanal-admin-totais li + li::before { content: "·"; margin: 0 12px; color: var(--de-texto-secundario, #5D6068); }
.meta-semanal-admin-filtros { flex-wrap: wrap; gap: 8px; margin-bottom: 12px; }
.meta-semanal-admin .table-wrap { max-width: 100%; overflow-x: auto; }
.meta-semanal-admin-tabela { width: 100%; border-collapse: collapse; font-size: 14px; }
.meta-semanal-admin-tabela th, .meta-semanal-admin-tabela td { text-align: left; padding: 8px 6px; border-bottom: 1px solid var(--de-borda-interna, #E7E3DC); }
.meta-semanal-admin-ok { color: var(--de-status-contrato-ponto, #1F7A43); font-weight: 700; }
@media (max-width: 700px) {
  .meta-semanal-admin-totais { flex-direction: column; align-items: flex-start; gap: 4px; }
  .meta-semanal-admin-totais li + li::before { content: none; }
}