/* ============================================================
   refino.css — acabamento do site do cliente (25/09/2026, ADITIVO)
   Carregado DEPOIS do bundle compilado (/assets/index-*.css):
   apenas refinamentos globais que não podem quebrar o layout da
   SPA (elementos nativos, scrollbar, seleção, foco, autofill).
   Identidade do site preservada: charcoal quente + dourado.
   ============================================================ */
html{
  color-scheme:dark;
  -webkit-tap-highlight-color:transparent;
}
*{scrollbar-width:thin;scrollbar-color:#3A342E transparent}
*::-webkit-scrollbar{width:10px;height:10px}
*::-webkit-scrollbar-track{background:transparent}
*::-webkit-scrollbar-thumb{background:#2C2F36;border-radius:99px;border:2px solid #101114}
*::-webkit-scrollbar-thumb:hover{background:#3D414B}
*::-webkit-scrollbar-corner{background:transparent}
::selection{background:rgba(255,92,26,.35);color:#FFF1E8}
:focus-visible{outline:2px solid #FF5C1A;outline-offset:2px}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
select:-webkit-autofill{
  -webkit-text-fill-color:#F2EFEA;
  -webkit-box-shadow:0 0 0 1000px #232019 inset;
  caret-color:#F2EFEA;
}
body{
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{
    animation-duration:.01ms!important;
    animation-iteration-count:1!important;
    transition-duration:.01ms!important;
    scroll-behavior:auto!important;
  }
}

/* ============================================================
   TEMA CLARO do site (25/09/2026) — ativado por html[data-theme=light]
   (botão flutuante do tema.js; preferência em pedidai_site_tema).
   Cobre: chrome global, body/utilitários conhecidos do bundle e os
   gates. Componentes INTERNOS da SPA compilada que usem outras
   utilidades permanecem no escuro até o CSS compilado ser
   disponibilizado (ver relatório) — a camada já está preparada.
   ============================================================ */
.pdid-tema-btn{
  position:fixed;left:14px;bottom:14px;z-index:99998;
  display:inline-flex;align-items:center;gap:6px;
  padding:9px 15px;border-radius:999px;
  border:1px solid rgba(255,92,26,.4);
  background:rgba(18,16,14,.85);color:#FF8A50;
  font:700 12px/1 system-ui,-apple-system,'Segoe UI',sans-serif;
  cursor:pointer;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);
  box-shadow:0 4px 18px rgba(0,0,0,.35);
  transition:transform .2s,background .2s,color .2s;
}
.pdid-tema-btn:hover{transform:translateY(-1px)}
html[data-theme=light] .pdid-tema-btn{
  background:rgba(255,255,255,.92);color:#B34700;
  border-color:rgba(217,83,14,.45);
  box-shadow:0 4px 18px rgba(20,21,25,.18);
}
html[data-theme=light] body,
html[data-theme=light] body.bg-charcoal{
  background-color:#F5F5F3!important;
  color:#17181C;
}
html[data-theme=light] body.text-warm{color:#17181C!important}
html[data-theme=light] .bg-charcoal{background-color:#F5F5F3!important}
html[data-theme=light] .text-warm{color:#17181C!important}
html[data-theme=light] ::selection{background:rgba(217,83,14,.28);color:#1F1810}
html[data-theme=light] *{scrollbar-color:#D5D5D0 transparent}
html[data-theme=light] *::-webkit-scrollbar-thumb{background:#D5D5D0;border:2px solid #F5F5F3}
html[data-theme=light] *::-webkit-scrollbar-thumb:hover{background:#BDBDB7}
html[data-theme=light] input:-webkit-autofill,
html[data-theme=light] textarea:-webkit-autofill,
html[data-theme=light] select:-webkit-autofill{
  -webkit-text-fill-color:#17181C;
  -webkit-box-shadow:0 0 0 1000px #FFEFE3 inset;
  caret-color:#17181C;
}