/* Tokens do projeto. A cor da marca vive SÓ aqui (Sistema_de_Estilos). */
:root {
  --cor-primaria: #D50768;
  --cor-primaria-hover: #AD0655;
  --cor-primaria-escura: #7C043D;
  --cor-primaria-suave: #F8E7EF;
  --cor-primaria-soft: rgba(213, 7, 104, 0.12);
  --cor-primaria-sombra: rgba(213, 7, 104, 0.15);
  --cor-primaria-texto: #D50768;
  --texto-sobre-cor-primaria: #FFFFFF;
  /* tons da marca para gráficos e fundos do relatório do dono (16/10/2026) */
  --cor-primaria-media: #E58AB3;
  --cor-primaria-clara: #F6C7DB;
  --cor-primaria-trilho: #FBE9F1;
  --cor-primaria-fundo: #FDF5F9;
  --cor-primaria-linha: #F1DCE6;
  --preto-marca: #151515;   /* preto da marca (04/10): pingo aceso do logo e, se escolhido, painel do login */

  --fundo: #F6F7F9;
  --superficie: #FFFFFF;
  --borda: #E4E6EB;
  --texto: #1A1D23;
  --texto-suave: #5F6673;
  --texto-fraco: #8A909C;

  --sucesso: #15803D;
  --sucesso-suave: #DCFCE7;
  --alerta: #B45309;
  --alerta-suave: #FEF3C7;
  --erro: #B91C1C;
  --erro-suave: #FEE2E2;

  --font: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-titulo: "Sora", "Inter", system-ui, sans-serif;

  --raio: 12px;
  --raio-sm: 8px;
  --sombra: 0 1px 2px rgba(16, 24, 40, 0.06), 0 1px 3px rgba(16, 24, 40, 0.08);
  --sombra-sm: 0 1px 2px rgba(16, 24, 40, 0.05);
  --sidebar-width: 248px;   /* sobrescrito pelo localStorage sidebar_width (200 a 480) no <head> */
  --topbar-h: 58px;
  --controle-h: 40px;
}

/* Padrao_Modal_Popup_Centrado: <dialog> top-layer quando o modal tem SelectBusca (o painel não pode cortar) */
dialog.popup-centrado {
    position: fixed;
    top: 50%; left: 50%;
    transform: translate(-50%, -50%);
    margin: 0;
    border: 0;
    border-radius: var(--raio);
    padding: 0;
    max-width: 520px;
    width: 92%;
    background: var(--superficie);
    color: var(--texto);
    box-shadow: 0 20px 50px rgba(0,0,0,.25);
    overflow: visible !important;
}
dialog.popup-centrado::backdrop { background: rgba(0,0,0,.4); }
dialog.popup-centrado .modal-corpo { overflow: visible; }
.sb-panel.sb-in-dialog { position: absolute; }
