/* ============================================================================
   ALLREGTECH — PADRAO-SKIN  (camada de convergencia visual — carregar por ULTIMO)
   Objetivo: puxar os PRIMITIVOS compartilhados (modais, cards, botoes, inputs,
   badges) para o padrao unico Master + Recepcao, usando os tokens --ds-* do
   design-system.css. NAO altera HTML nem JS — so repinta classes existentes.
   Reversivel: basta remover o <link> ou baixar a versao.

   Correcoes objetivas cobertas nesta camada:
   - Modais v6 tinham residuo "frio" (backdrop navy rgba(8,12,24), sombras
     azuladas, texto #020617, seta/scroll cinza-ardosia) -> convertido p/ roxo quente.
   - Botao .btn-secondary cinza #6c757d (fora da paleta) -> lilas do sistema.
   - .card com raio 10px + sombra cinza -> raio/sombra/borda do padrao (22px).
   ============================================================================ */

/* ---------------------------------------------------------------------------
   1) MODAIS — aquecer o v6 (mesma especificidade .modal-overlay .modal-box +
      carregado depois; usa !important pois o v6 tambem usa).
   Nunca toca display/position/inset/z-index/animation (estados funcionais).
   --------------------------------------------------------------------------- */
.modal-overlay {
  background: rgba(26,31,17,0.55) !important;             /* navy -> roxo escuro */
  backdrop-filter: blur(6px) saturate(130%) !important;
  -webkit-backdrop-filter: blur(6px) saturate(130%) !important;
}
.modal-overlay .modal-box {
  border-radius: var(--ds-r-modal, 26px) !important;         /* 20 -> 26 */
  box-shadow:
    0 0 0 1px rgba(57,70,36,0.05),
    0 24px 48px -12px rgba(57,70,36,0.26),
    0 8px 16px -8px rgba(57,70,36,0.18) !important;      /* sombra navy -> roxa */
  color: var(--ds-t-strong, #212717) !important;             /* #020617 -> roxo-preto */
  scrollbar-color: #c5d1b0 transparent !important;
}
.modal-overlay .modal-box h3 { color: var(--ds-t-strong, #212717) !important; }
.modal-overlay .modal-box h3 + p { color: var(--ds-t-soft, #7e8474) !important; }
.modal-overlay .modal-box p { color: var(--ds-t-mid, #4d5243) !important; }
/* seta do select: slate -> roxo do sistema */
.modal-overlay .modal-box select {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%237a2089' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'/></svg>") !important;
}
/* barra de acoes do rodape: gradiente frio -> lilas quente */
.modal-overlay .modal-box .modal-actions {
  border-top: 1px solid var(--ds-bd-row, #e8ede1) !important;
  background: linear-gradient(180deg, #fafdf5 0%, #f1f5ea 100%) !important;
}

/* ---------------------------------------------------------------------------
   2) BOTOES — corrigir o secundario cinza (fora da paleta) e alinhar raio.
      Mantem primary/accent/danger como estao (semantica preservada).
   --------------------------------------------------------------------------- */
.btn-secondary,
.modal-overlay .modal-box .btn-secondary {
  background: var(--ds-chip, #ecf0e5) !important;
  color: var(--ds-primary, #394820) !important;
  border-color: var(--ds-bd-input, #e0e7d4) !important;
}
.btn-secondary:hover,
.modal-overlay .modal-box .btn-secondary:hover:not(:disabled) {
  background: var(--ds-lilac, #e7efd9) !important;
  color: var(--ds-primary-hover, #2f3c19) !important;
}

/* ---------------------------------------------------------------------------
   3) CARDS — raio pequeno (10px) + sombra cinza -> padrao do sistema (22px roxo).
      Escopo generico .card (usado em quase todas as telas).
   --------------------------------------------------------------------------- */
.card {
  border-radius: var(--ds-r-card, 22px);
  border: 1px solid var(--ds-bd-card, #eaefe2);
  box-shadow: var(--ds-sh-card2, 0 10px 26px rgba(57,70,36,.07));
}