/* Gracel V0.0.48 — Padrão único de botões e campos (Escritório GC e Portal do Cliente).
   Carregado por último. Usa !important para prevalecer sobre regras antigas e estilos inline.
   1) Cantos em 8px.
   2) Foco acessível (WCAG 2.4.7): um único indicador, sem anel duplo nem outline afastado.
      - Campos: borda na cor de destaque + halo suave colado ao campo (mouse e teclado).
      - Botões/links: contorno só na navegação por teclado (:focus-visible), nunca ao clicar.
   Não altera <button> usados como cards (módulos da Home, tiles, post-its, cards de estatística/auditoria),
   seletores de cor, nem o visual de checkbox/radio. */
:root{
 --gc-radius-control:8px;
 --gc-focus-color:#29477f;
 --gc-focus-halo:rgba(41,71,127,.16);
 --gc-focus-on-dark:#fca311;
}

/* 1) Cantos */
.btn,
button:not(.gc-home-module):not(.gc-client-module):not(.gc-fin-card):not(.gc-doc-company):not(.gc-overview-tile):not(.gc-folder-tile):not(.gc-home-postit):not([class*="gc-paper-"]):not(.stat-button):not(.stat):not(.gc-v008-stat):not(.audit-category):not(.month-card):not(.gc-menu-backdrop):not(.gc-swatch),
input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]):not([type="hidden"]),
select,
textarea{
 border-radius:var(--gc-radius-control)!important;
}

/* 2a) Foco em campos de texto */
:is(input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]):not([type="file"]),select,textarea):is(:focus,:focus-visible){
 outline:none!important;
 border-color:var(--gc-focus-color)!important;
 box-shadow:0 0 0 3px var(--gc-focus-halo)!important;
 transform:none!important;
}

/* 2b) Botões, links e controles: nada ao clicar; contorno nítido só pelo teclado */
:is(button,.btn,a,[role="button"],summary,input[type="checkbox"],input[type="radio"],input[type="file"]):focus:not(:focus-visible){
 outline:none!important;
}
:is(button,.btn,a,[role="button"],summary,input[type="checkbox"],input[type="radio"],input[type="file"]):focus-visible{
 outline:2px solid var(--gc-focus-color)!important;
 outline-offset:2px!important;
}
/* Em fundos escuros (menu lateral e painel azul do login) o azul some: usa o amarelo da marca. */
:is(.sidebar,.gc-cl-sidebar,.brand-panel) :is(button,.btn,a,[role="button"]):focus-visible{
 outline-color:var(--gc-focus-on-dark)!important;
}
