/* ============================================================================
   aurora-legacy-reset.css — ANTIDOTO do CSS legado nas views ja migradas.
   Origem: auditoria de cascata (40 arquivos, 203 conflitos).

   O Aurora nao ganha sozinho porque o legado ataca por 3 vetores que o escopo
   `.aur` nao alcanca:
     (a) SELETOR UNIVERSAL — 02-base.css:2-5 aplica a fonte em CADA elemento
         (nao por heranca), entao .aur{font-family} nunca chega nos filhos;
     (b) SELETORES DE ELEMENTO globais (input/select/textarea/button/table/th/td);
     (c) a familia body.theme-dark / body.high-contrast-mode, cheia de !important,
         que no tema ESCURO fazia o rebuild sumir.

   Formula de especificidade: prefixo `.view-section.aur` (+1 classe) e, para
   conteudo TELEPORTADO para dentro da unidade, `#view-ubs-intranet #ubs-main-content`
   (o teleporte remove .view-section do painel, entao aquele prefixo nao serve la).

   Carregar por ULTIMO, depois de todos os aurora-*.css.
   ============================================================================ */

/* ============================================================================
   1. TIPOGRAFIA — o conflito mais grave (afetava 100% do texto migrado)
   02-base.css:2-5  *,*::before,*::after{font-family:var(--font-ui)}  (Poppins)
   Aplicado direto em cada no => .aur{font-family:var(--font)} so pintava o
   container. Aqui devolvemos Segoe UI a arvore inteira do Aurora.
   ============================================================================ */
.aur, .aur *, .aur *::before, .aur *::after{ font-family:var(--font) }
/* icones lucide/inline nao usam fonte de texto — nada a fazer */

/* ============================================================================
   2. GOTEIRA E ROLAGEM
   ============================================================================ */
/* 04-utils-views-units.css:23-25 .view-section{padding:24px} somava com o padding
   proprio do Aurora (46px em vez de 22px no units, 42px em vez de 18px na intranet) */
.view-section.aur{ padding:0 }

/* 02-base.css:10-24 body{padding-bottom:56px} = faixa morta no rodape */
body:has(.view-section.aur.active){ padding-bottom:0 }

/* 02-base.css:10-24 body{overflow-x:hidden} (+ html,body{height:100%}) transforma o
   body em contexto de rolagem e QUEBRA position:sticky — e a causa do rail lateral
   nao grudar ao rolar (.intranet-sidebar e .intranet-reg-rail sao sticky). */
body:has(.view-section.aur.active){ overflow-x:clip }

/* ============================================================================
   3. CHIPS E CAMPOS — aurora.css global x kit Aurora
   ============================================================================ */
/* aurora.css:115-117 arredonda .chip em 20px !important; o kit usa squircle de 10px */
.aur .chip{ border-radius:10px !important }
/* aurora.css:95-105: o ramo `.search` casa o WRAPPER label.field.search e bloqueia
   o realce de foco roxo (border !important) */
.aur .field.search{ border-radius:12px !important }
.aur .field.search:focus-within{
  border-color:var(--brand2) !important; box-shadow:0 0 0 3px rgba(92,111,58,.18) !important;
}
/* 04-utils-views-units.css:221-229 input{margin:4px 0 14px} inchava a pilula de busca */
.aur .field.search input, .aur .field input, .aur .field select, .aur .field textarea{ margin:0 }

/* ============================================================================
   4. TEMA ESCURO — sem isto o rebuild "some" no dark
   ============================================================================ */
/* 02-base.css:601-611 devolve caixa opaca + borda ATRAS do rail de vidro.
   A sidebar e so o contêiner; quem tem visual e o .mod-nav. */
body.theme-dark .view-section.aur .intranet-sidebar{
  background:transparent !important; border:none !important; box-shadow:none !important;
}

/* 02-base.css:613-619 forca color:#e0e0e0!important em TODO <span> dentro de
   .intranet-sidebar. O rail e feito de <span> (mod-acc-name / mod-nav-avatar-*),
   entao o item ATIVO ficava texto claro sobre pilula branca = ilegivel. */
body.theme-dark .view-section.aur .mod-acc-head .mod-acc-name,
body.theme-dark .view-section.aur .mod-nav-avatar-name,
body.theme-dark .view-section.aur .mod-nav-avatar-ini,
body.theme-dark .view-section.aur .mod-nav-exit-name{ color:inherit !important }
body.theme-dark .view-section.aur .mod-acc.open > .mod-acc-head,
body.theme-dark .view-section.aur .mod-acc.open > .mod-acc-head .mod-acc-name,
body.theme-dark .view-section.aur .mod-acc-head.mod-menu.active,
body.theme-dark .view-section.aur .mod-acc-head.mod-menu.active .mod-acc-name,
body.theme-dark .view-section.aur .reg-rail-item.active{ color:#323e1d !important }
body.theme-dark .view-section.aur .mod-nav-avatar-ini{ color:#fff !important }

/* 16/01.css usa [class*="-card"] com !important e foi escrita para vencer #id:
   chapava .u-card / .in-card / .ubs-main-card no escuro. */
body.theme-dark .view-section.aur .glass,
body.theme-dark .view-section.aur .u-card,
body.theme-dark .view-section.aur .in-card,
body.theme-dark .view-section.aur .ubs-main-card{
  background:var(--glass) !important; border-color:var(--glass-brd) !important; color:var(--ink) !important;
}

/* 03-dashboard-kanban.css:2822-2830 body.theme-dark .btn (0,2,1) vencia .aur .btn */
body.theme-dark .view-section.aur .btn{ background:transparent; border-color:var(--line); color:var(--ink) }
body.theme-dark .view-section.aur .btn.ghost{ background:rgba(255,255,255,.06) }
body.theme-dark .view-section.aur .btn.primary{
  color:#fff; border:none; background:linear-gradient(135deg,var(--brand) 0%,#64793f 55%,#7f9b4e 100%);
}
body.theme-dark .view-section.aur .btn.soft{ color:var(--brand2); background:rgba(147,185,80,.14) }

/* 02-base.css:646-661 + 15-padronizacao-master.css:316-321 forcam caixa solida nos campos */
body.theme-dark .view-section.aur .field select,
body.theme-dark .view-section.aur .field input,
body.theme-dark .view-section.aur .field textarea{
  background:rgba(255,255,255,.05) !important; border-color:var(--line) !important; color:var(--ink) !important;
}

/* scrollbars cinza-preto do legado dentro das telas de vidro */
body.theme-dark .view-section.aur ::-webkit-scrollbar-thumb{ background:var(--glass-brd) }

/* ============================================================================
   5. ALTO CONTRASTE — a11y que estava tornando as telas inutilizaveis
   02-base.css:441-497 forca color:#fff!important, mas o FUNDO continua o gradiente
   claro do Aurora (aurora.css vence o background:#000). Resultado: texto branco
   sobre fundo claro. Aqui garantimos legibilidade ate o modo ser tratado a serio.
   ============================================================================ */
body.high-contrast-mode .view-section.aur,
body.high-contrast-mode .view-section.aur :is(h1,h2,h3,h4,p,span,b,strong,div,label,small){
  color:var(--ink) !important;
}
body.high-contrast-mode .view-section.aur .btn.primary,
body.high-contrast-mode .view-section.aur .btn.primary *{ color:#fff !important }
body.high-contrast-mode .view-section.aur .mod-acc-head,
body.high-contrast-mode .view-section.aur .mod-acc-head *,
body.high-contrast-mode .view-section.aur .reg-rail-item,
body.high-contrast-mode .view-section.aur .reg-rail-item *{ color:#fff !important }
body.high-contrast-mode .view-section.aur .mod-acc.open > .mod-acc-head,
body.high-contrast-mode .view-section.aur .mod-acc.open > .mod-acc-head *,
body.high-contrast-mode .view-section.aur .reg-rail-item.active,
body.high-contrast-mode .view-section.aur .reg-rail-item.active *{ color:#323e1d !important }

/* ============================================================================
   6. MODO ACESSIBILIDADE — alturas minimas deformavam os controles do kit
   02-base.css:419-433 (min-height 40/44px)
   ============================================================================ */
body.accessibility-mode .view-section.aur :is(.icon-btn, .chip){ min-height:0 }

/* ============================================================================
   7. PAINEL TELEPORTADO — o teleporte REMOVE .view-section do painel embutido,
   entao o prefixo acima nao alcanca. Cobrimos pelo host da unidade.
   (js/app/units/01.js _embedViewInShell)
   ============================================================================ */
#view-ubs-intranet #ubs-main-content .aur,
#view-ubs-intranet #ubs-main-content .aur *{ font-family:var(--font) }

/* ============================================================================
   8. PONTE .card LEGADO -> VIDRO AURORA
   Paineis migrados que mantiveram o .card do CSS antigo (ex.: RH usa
   "card mb-2 au-sec") herdavam a superficie BRANCA de 07-components.css,
   destoando das telas que ja usam .glass. Aqui o .card dentro de uma view
   Aurora passa a ter exatamente a mesma superficie do kit.
   ============================================================================ */
.view-section.aur .card,
#view-ubs-intranet #ubs-main-content .card{
  background:var(--glass) !important;
  backdrop-filter:blur(22px) saturate(1.5); -webkit-backdrop-filter:blur(22px) saturate(1.5);
  border:1px solid var(--glass-brd) !important;
  border-radius:20px !important;
  box-shadow:var(--shadow), inset 0 1px 0 rgba(255,255,255,.5) !important;
}
/* .card DENTRO de .glass e moldura dupla: achata o interno */
.view-section.aur .glass .card,
.view-section.aur .card .card{
  background:transparent !important; border:none !important; box-shadow:none !important; border-radius:0 !important;
}

/* ============================================================================
   9. PONTE DOS BOTOES LEGADOS (btn-primary / btn-success / ...)
   Muito JS ainda faz `el.className = 'btn btn-primary'` — inclusive codigo que
   nao da para editar (a IIFE do Transporte dentro do index.html, tv.js:295,
   totem.js:22). Dentro de uma view Aurora o `.aur .btn` (0,2,0) vence o
   `.btn-primary` (0,1,0) e o botao perde a COR SEMANTICA: acao primaria,
   sucesso e perigo ficam todos neutros. Aqui os modificadores legados voltam a
   valer, mapeados para o vocabulario do kit. (0,3,0) vence (0,2,0).
   ============================================================================ */
.view-section.aur .btn.btn-primary, .view-section.aur .btn.btn-accent,
#view-ubs-intranet #ubs-main-content .btn.btn-primary{
  color:#fff; border:none;
  background:linear-gradient(135deg,var(--brand) 0%,#64793f 55%,#7f9b4e 100%);
  box-shadow:0 10px 24px -8px rgba(78,98,44,.55);
}
.view-section.aur .btn.btn-danger,
#view-ubs-intranet #ubs-main-content .btn.btn-danger{
  color:#fff; border:none; background:linear-gradient(135deg,var(--err),#ff7a9a);
}
.view-section.aur .btn.btn-success,
#view-ubs-intranet #ubs-main-content .btn.btn-success{
  color:#fff; border:none; background:linear-gradient(135deg,var(--ok),#66d69a);
}
.view-section.aur .btn.btn-warning,
#view-ubs-intranet #ubs-main-content .btn.btn-warning{
  color:#fff; border:none; background:linear-gradient(135deg,var(--warn),#e6c150);
}
.view-section.aur .btn.btn-secondary{ background:rgba(255,255,255,.35); color:var(--ink); border:1px solid var(--line) }
body.theme-dark .view-section.aur .btn.btn-secondary{ background:rgba(255,255,255,.06) }

/* ============================================================================
   10. TABELAS: seletor de ELEMENTO legado vencia o kit
   css/14-kanban-ubs-agenda.css tem `:is(#view-…) table{background:#fff}` com
   especificidade (1,0,1), que vence `.aur .au-table` (0,2,0). No tema ESCURO
   isso deixava tabela branca com texto claro = ilegivel.
   ============================================================================ */
.view-section.aur table, #view-ubs-intranet #ubs-main-content table{ background:transparent }
body.theme-dark .view-section.aur table thead th,
body.theme-dark #view-ubs-intranet #ubs-main-content table thead th{ background:transparent; color:var(--ink-soft) }
body.theme-dark .view-section.aur table tbody tr:hover td,
body.theme-dark #view-ubs-intranet #ubs-main-content table tbody tr:hover td{ background:rgba(147,185,80,.1) }

/* ============================================================================
   11. CAMPOS DO FORM-KIT NO TEMA ESCURO
   O bloco 4 blindava so `.field`; `.au-fld` ficou de fora e os formularios
   (Transporte tem 34) caiam na caixa cinza legada de 02-base.css:646.
   ============================================================================ */
body.theme-dark .view-section.aur .au-fld input,
body.theme-dark .view-section.aur .au-fld select,
body.theme-dark .view-section.aur .au-fld textarea,
body.theme-dark #view-ubs-intranet #ubs-main-content .au-fld input,
body.theme-dark #view-ubs-intranet #ubs-main-content .au-fld select,
body.theme-dark #view-ubs-intranet #ubs-main-content .au-fld textarea{
  background:rgba(255,255,255,.06) !important; border-color:var(--line) !important; color:var(--ink) !important;
}

/* ============================================================================
   12. BOTAO DE ACESSIBILIDADE — so o icone
   O botao foi dimensionado para caber o rotulo ("width:100%", "padding:0 16px").
   Sem o texto ele viraria uma pilula larga e vazia. Aqui vira um botao circular
   de icone. O rotulo acessivel continua em aria-label/title — quem usa leitor de
   tela nao perde nada; quem enxerga ganha a tela de volta.
   ============================================================================ */
.ui-global-main-toggle{
  width:52px !important; min-width:52px !important; height:52px; min-height:52px !important;
  padding:0 !important; border-radius:50% !important;
  display:grid !important; place-items:center;
  color:var(--brand) !important;
  background:var(--glass, rgba(255,255,255,.9)) !important;
  backdrop-filter:blur(18px) saturate(1.4); -webkit-backdrop-filter:blur(18px) saturate(1.4);
  border:1px solid rgba(255,255,255,.7) !important;
  box-shadow:0 14px 34px -14px rgba(46,59,23,.5) !important;
  transition:transform .16s, box-shadow .16s;
}
.ui-global-main-toggle:hover{ transform:translateY(-2px) }
.ui-global-main-toggle svg{ width:24px; height:24px; display:block }
body.theme-dark .ui-global-main-toggle{ color:var(--brand2) !important }
body.theme-dark .ui-global-main-toggle{
  background:rgba(48,54,36,.72) !important; border-color:rgba(146,181,87,.22) !important;
}

/* ============================================================================
   13. MASTER: rolagem travada
   js/app/motion.js:37 liga `body.master-fullscreen-active` ao entrar no Master,
   e css/02-base.css:27 aplica `overflow:hidden` no body. Isso fazia sentido no
   layout ANTIGO, em que o container .mst-page rolava POR DENTRO em tela cheia.
   O Master Aurora usa o .shell do kit, que nao e scroller — entao o body ficava
   travado e nada rolava. Aqui ele volta a rolar como todos os outros paineis.
   overflow-y explicito (nao o shorthand) para nao anular o overflow-x:clip do
   bloco 2, que existe para o position:sticky do rail funcionar.
   ============================================================================ */
body.master-fullscreen-active{ overflow-y:auto !important }
body.master-fullscreen-active:has(#view-master.aur){ padding-bottom:0 }
/* CAUSA REAL (confirmada no DOM): 04-utils-views-units.css poe
   `#view-master{ position:fixed; inset:0; height:100dvh }` — o master e FIXO na
   viewport inteira. Com inset:0 (top+bottom:0) a altura vem da viewport, nao do
   height, entao ele nao transborda o body e o body nunca rola. A saida nao e
   crescer, e ROLAR POR DENTRO: overflow-y:auto no proprio #view-master. Assim o
   conteudo alto (PPI/Analises) rola dentro do painel fixo.
   (As regras de overflow interno de 16/04 apontam para .master-content/-shell/
   -layout/-menu, classes do layout ANTIGO que o markup Aurora `.shell` nao usa —
   nunca casaram.) */
#view-master.aur{ overflow-y:auto !important; scrollbar-gutter:stable; }

/* ============================================================================
   14. SUPERFICIES BRANCAS LEGADAS DENTRO DE VIEWS AURORA
   Varredura sistematica atras de "cartao branco". O padrao e sempre o mesmo e
   e o mesmo que produziu o caixote branco do RH: a camada Aurora estiliza o
   alvo (padding, cor, tipografia) mas NAO declara background, entao o
   background opaco do CSS legado continua valendo por cima do gradiente.
   Detectado mecanicamente cruzando (a) regras legadas com background branco
   opaco e (b) alvos que a camada Aurora estiliza sem declarar background.

   Fora daqui de proposito: .card (ja tem ponte no bloco 8) e
   public/transporte.html (pagina standalone, nao e Aurora — zero .aur).
   As superficies brancas SEM emissor nenhum (.rh-kpi-card/-label/-value,
   .reg-table-wrap, .ubs-menu-group, .reg-task-dashboard-v2) nao ganharam
   antidoto: foram PODADAS do CSS legado, por seletor e nao por bloco, porque
   varias vinham agrupadas com seletores ainda vivos.
   ============================================================================ */

/* .panel-container e so CENTRALIZADOR no Aurora; quem tem superficie sao os
   .glass/.card. 07-components.css:2 lhe da background:var(--surface) (#fff no
   claro, #1a1d24 no escuro) + borda + shadow-lg. Atinge hoje o shell do
   Faturamento (js/fat/02.js) e serve de rede para os proximos paineis. */
.view-section.aur .panel-container,
#view-ubs-intranet #ubs-main-content .panel-container{
  background:transparent !important;
  border:none !important;
  box-shadow:none !important;
  border-radius:0 !important;
}

/* Regulacao: 16/07.css:306 e :340 pintam #fff. aurora-reg.css:144 so ajusta o
   padding do .reg-dash-panel, entao o branco vazava. Especificidade (1,2,0)
   para vencer o `#view-regulacao .reg-*` (1,1,0) do legado. */
#view-regulacao.aur .reg-dash-panel,
#view-regulacao.aur .reg-filters-wrap{
  background:var(--glass);
  border:1px solid var(--glass-brd);
  box-shadow:var(--shadow);
}

/* Admin > aba Agenda: 10-capacitacao-intranet.css:1267 forca background:#fff
   com !important em `#adm-tab-agenda > div > div`. aurora-panels.css:328 so
   define a cor do texto. Precisa de !important e de especificidade maior
   (1,2,2 contra 1,0,2). */
.view-section.aur #adm-tab-agenda > div > div{
  background:var(--glass) !important;
  border:1px solid var(--glass-brd) !important;
  box-shadow:var(--shadow) !important;
}
body.theme-dark .view-section.aur #adm-tab-agenda > div > div,
body.theme-dark .view-section.aur #adm-tab-agenda #details-content,
body.theme-dark .view-section.aur #adm-tab-agenda #calendar-days{
  background:var(--glass) !important;
}