/* ============================================================================
   23-ux-admin.css — CAMADA 23 · onda 3 de refino UX/UI  ·  2026-08-11
   Escopo: painel MASTER (#view-master) e ADMINISTRACAO GLOBAL (#view-admin).

   O QUE E ESTA CAMADA
   Ultima folha da cascata (carregada depois de aurora-*, 22-glass-uniform,
   00-mobile-foundation e autocomplete). NAO reescreve nada: so corrige defeitos
   visuais concretos encontrados na auditoria. Cada secao e numerada e
   independente — da para comentar uma secao isolada, ou remover a camada
   INTEIRA apagando o <link> de css/23-ux-admin.css no index.html, e os dois
   paineis voltam exatamente ao estado de 10/08/2026.

   REGRAS QUE ESTA FOLHA SEGUE
   - Tudo escopado em #view-master / #view-admin. Nada de regra solta em .aur:
     o kit (aurora-core.css) serve TODAS as telas do sistema.
   - Nenhum token redefinido em :root. As unicas custom properties declaradas
     aqui sao (a) as que aurora-master.css consome e ninguem definiu para o
     master (secao 1) e (b) duas privadas com prefixo --ux-.
   - !important so onde a regra derrotada tambem usa !important; a linha
     vencida esta citada como arquivo:linha no comentario.

   ARMADILHA DE ESPECIFICIDADE DESTE PROJETO (por que ha seletores repetidos)
   1) views/admin.html carrega <style id="adm-v2-skin"> DENTRO DO BODY. O
      server monta as views dentro do index.html em tempo de request
      (server.js:98), entao esse <style> vem DEPOIS de todos os <link> do
      <head>: em empate de especificidade ele vence esta folha. Por isso as
      regras do admin usam pelo menos "#view-admin.aur ..." (id + classe).
   2) aurora-master.css usa "#view-master .master-tab:not(#master-tab-map) ..."
      e o :not(#id) vale um ID: aquilo pesa (2,3,1). Onde precisamos vencer
      esses seletores o id aparece repetido — "#view-master#view-master.aur".
   ============================================================================ */


/* ============================================================================
   1. VARIAVEIS QUE FALTAVAM NO MASTER          [auditoria: item 5 + item 1]
   ----------------------------------------------------------------------------
   aurora-master.css:459/461/463/467/469/473 consome --kpi-val, --kpi-pad,
   --r-card e --r-inner. Essas quatro so existem em views/admin.html:21, ou
   seja, SO para #view-admin. No #view-master elas nunca foram declaradas.
   var() sem valor e sem fallback torna a declaracao "invalida em tempo de
   valor computado": a propriedade nao cai para a regra anterior da cascata,
   ela vai para o valor inicial. Efeito real hoje no master:
     - aurora-master.css:469  .t-note  -> border-radius 0 (o kit dava 12px).
       .t-note e o cartao de "Atencao agora", "Cobertura", "Maior pressao",
       insights das Analises e a lista de unidades sem admin: todos QUADRADOS
       no meio de um painel com raio 16-20px.
     - aurora-master.css:463/467  .master-chart-box, .ppi-card e .fin-card
       ficam com raio 0.
     - aurora-master.css:461  .ppi-card -> padding 0.
     - aurora-master.css:459  .ppi-card-v -> font-size herdado (o numero do
       KPI do PPI sai do tamanho do corpo do texto).
   Uma declaracao resolve os cinco casos. Valores identicos aos do admin, para
   os dois paineis ficarem com a mesma geometria.
   ========================================================================== */
#view-master.aur{
  --r-card:18px;
  --r-inner:12px;
  --kpi-val:26px;
  --kpi-pad:16px;
}


/* ============================================================================
   2. ALTURA UNICA DE CONTROLE                            [auditoria: item 2]
   ----------------------------------------------------------------------------
   Foi o defeito mais comum das ondas 1 e 2 e se repete aqui. Medidas de hoje
   na MESMA linha:
     - admin, barra de filtros de Usuarios (views/admin.html:145/150/155/89):
       busca 42px, select 42px, chip ~36px, botao "Adicionar Usuario" ~40px.
     - admin, filtros do Dashboard (15-padronizacao-master.css:139):
       input[type=date] 34px ao lado de botoes de ~40px.
     - admin/master, topbar: .btn ~40px, .icon-btn 38px (admin.html:100,
       aurora-core.css:98) e .adm-session-timer 36px (admin.html:117).
     - master, filtros de Acessos (js/app/master/04.js:190): chips ~36px,
       botao ~40px e .field.search ~44px (aurora-core.css:133).
   Uma altura so para tudo que e "controle de uma linha": 40px.
   Campos de varias linhas (textarea) e o <select multiple> de departamentos
   ficam de fora de proposito.
   ========================================================================== */
#view-master.aur,
#view-admin.aur{
  --ux-ctl-h:40px;
}

/* ---- 2.1 barra de filtros — ADMIN ---- */
#view-admin.aur .filters .field.search{
  min-height:var(--ux-ctl-h); padding-top:0; padding-bottom:0;
}
/* :not(.search) porque dentro de .field.search o <input> e o miolo cru da
   caixa (aurora-core.css:141) — quem tem altura ali e a caixa, nao o campo. */
#view-admin.aur .filters .field select,
#view-admin.aur .filters .field:not(.search) input:not([type=checkbox]):not([type=radio]){
  min-height:var(--ux-ctl-h); padding-top:0; padding-bottom:0;
}
#view-admin.aur .filters .btn,
#view-admin.aur .filters .chip{
  min-height:var(--ux-ctl-h); padding-top:0; padding-bottom:0;
  display:inline-flex; align-items:center; justify-content:center;
}

/* ---- 2.2 barra de filtros — MASTER ----
   id repetido para passar de aurora-master.css:339 ("#view-master
   .master-tab:not(#master-tab-map) input/select", que pesa 2 ids). */
#view-master#view-master.aur .shell .filters .field.search{
  height:var(--ux-ctl-h); padding-top:0; padding-bottom:0;
}
#view-master#view-master.aur .shell .filters .field select,
#view-master#view-master.aur .shell .filters .field:not(.search) input:not([type=checkbox]):not([type=radio]){
  height:var(--ux-ctl-h); min-height:0; padding-top:0; padding-bottom:0;
}
#view-master#view-master.aur .shell .filters .btn,
#view-master#view-master.aur .shell .filters .chip{
  height:var(--ux-ctl-h); padding-top:0; padding-bottom:0;
  display:inline-flex; align-items:center; justify-content:center;
}

/* ---- 2.3 topbar dos dois paineis ---- */
#view-master.aur .topbar .icon-btn{
  width:var(--ux-ctl-h); height:var(--ux-ctl-h);
}
#view-admin.aur .topbar .icon-btn{
  width:var(--ux-ctl-h); min-height:var(--ux-ctl-h);
}
#view-master.aur .topbar .btn{
  height:var(--ux-ctl-h); padding-top:0; padding-bottom:0;
}
#view-admin.aur .topbar .btn{
  min-height:var(--ux-ctl-h); padding-top:0; padding-bottom:0;
}
#view-admin.aur .topbar .adm-session-timer{
  min-height:var(--ux-ctl-h);
}

/* ---- 2.4 toolbars de secao (.au-sec-head > .au-toolbar) ----
   Alem da altura, o alinhamento: a toolbar mistura .au-fld (rotulo em cima +
   campo embaixo, ~60px) com botoes soltos (~40px) e o kit centraliza
   (aurora-core.css:362), entao o botao flutua no meio do campo rotulado.
   Ancorar pela BASE alinha botao e campo na mesma linha de apoio. */
#view-admin.aur .au-toolbar,
#view-master.aur .au-toolbar{
  align-items:flex-end;
}
#view-admin.aur .au-toolbar .btn,
#view-master.aur .au-toolbar .btn{
  height:var(--ux-ctl-h); padding-top:0; padding-bottom:0;
}

/* ---- 2.5 campos de formulario (.au-fld) ----
   2 ids: vence views/admin.html:350 (":not(#adm-tab-users) input", 2 ids) e
   aurora-master.css:340 (":not(#master-tab-map) input", 2 ids). */
#view-admin#view-admin.aur .au-fld input:not([type=checkbox]):not([type=radio]),
#view-admin#view-admin.aur .au-fld select:not([multiple]),
#view-master#view-master.aur .au-fld input:not([type=checkbox]):not([type=radio]),
#view-master#view-master.aur .au-fld select:not([multiple]){
  height:var(--ux-ctl-h); min-height:0; padding-top:0; padding-bottom:0;
}

/* ---- 2.6 filtros do Dashboard do admin ---- */
#view-admin.aur .dash-filters input,
#view-admin.aur .dash-filters select,
#view-admin.aur .dash-filters .btn{
  height:var(--ux-ctl-h); min-height:0; padding-top:0; padding-bottom:0;
}

/* ---- 2.7 formulario "Adicionar Usuario" ----
   Sao ~20 inputs/selects crus dentro de um .flex, cada um com a altura que o
   estilo global do <input> der. 3 ids para passar de views/admin.html:531. */
#view-admin#view-admin.aur #add-user-form-card .flex > input:not([type=checkbox]):not([type=radio]),
#view-admin#view-admin.aur #add-user-form-card .flex > select:not([multiple]){
  height:var(--ux-ctl-h); min-height:0; padding-top:0; padding-bottom:0;
}

/* ---- 2.8 busca da Consulta de Paciente e criacao de fila (Departamentos) ---- */
#view-admin.aur .adm-patient-search input,
#view-admin.aur .adm-patient-search .btn,
#view-admin.aur .dept-create-row input,
#view-admin.aur .dept-create-row .dept-create-btn{
  height:var(--ux-ctl-h); min-height:0; padding-top:0; padding-bottom:0;
}


/* ============================================================================
   3. LEGENDA .au-hint FORA DE .au-fld                    [auditoria: item 5]
   ----------------------------------------------------------------------------
   O kit so estiliza ".aur .au-fld .au-hint" (aurora-core.css:355). O JS do
   master usa .au-hint como LEGENDA solta ~40 vezes e quase nunca dentro de um
   .au-fld — js/app/master/03.js:368 e :392, 04.js:226/241/278/301,
   05.js:36/244, 02.js:127/198/393. Sem regra que a alcance, a legenda herda
   tamanho e cor do texto normal e some a hierarquia: rotulo e valor ficam
   identicos dentro do mesmo cartao.
   (O admin nao sofre porque sempre escreve "au-hint k-sub", e .k-sub e global
   no kit — js/app/admin/01.js:363. A regra abaixo tambem cobre o admin, sem
   mudar nada onde o par ja existe.)
   ========================================================================== */
#view-master.aur .au-hint,
#view-admin.aur .au-hint{
  font-size:12px;
  line-height:1.45;
  color:var(--ink-soft);
}
#view-master.aur .au-hint b,
#view-master.aur .au-hint strong{ color:var(--ink); }


/* ============================================================================
   4. RITMO VERTICAL E SEPARACAO DE BLOCOS                [auditoria: item 1]
   ========================================================================== */

/* ---- 4.1 aside "Atencao agora / Cobertura / Maior pressao" ----
   Tres grupos empilhados dentro do mesmo cartao (views/master.html:70-83),
   separados apenas por um margin-top:14px inline. Sem regua visual, "Cobertura"
   parece continuacao da lista de cima. Um fio de 1px resolve — e nao disputa
   com o estilo inline (so acrescenta padding/borda). */
#view-master.aur .ops > .t-head:not(:first-of-type){
  padding-top:14px;
  border-top:1px solid var(--line);
}

/* ---- 4.2 gaps das tres listas do aside ----
   04-utils-views-units.css:516 (8px), :585 (8px) e :646 (7px). Tres irmaos,
   dois valores. Uma medida so. */
#view-master.aur .ops .master-attention-list,
#view-master.aur .ops .master-governance-list,
#view-master.aur .ops .master-demand-ranking{
  gap:8px;
}

/* ---- 4.3 ritmo da aba Analises ----
   Hoje: summary margin-bottom 8px (04-utils:3177), insights 10px
   (04-utils:3192), subsection-head margin 12px/12px + padding-top 14px
   (04-utils:3198 + aurora-master.css:477). Quatro medidas para o mesmo
   respiro. Fica uma escada de 14/12. */
#view-master.aur #master-tab-dashboard .master-analytics-summary,
#view-master.aur #master-tab-dashboard .master-analytics-insights,
#view-master.aur #master-tab-dashboard .master-dashboard-units{
  margin-bottom:14px;
}
#view-master.aur #master-tab-dashboard .master-subsection-head{
  margin:0 0 12px;
  padding:16px 2px 12px;
}


/* ============================================================================
   5. CARTAO DENTRO DE CARTAO                             [auditoria: item 1]
   ----------------------------------------------------------------------------
   A aba Analises e uma laje .glass (.tab-panel-card) e o JS enche ela de
   outras lajes .glass — js/app/master/05.js:270 (cartao por unidade),
   :192 (KPIs .kpi glass) e 03.js:365 (.t-note). Cada uma traz a sombra cheia
   do kit (aurora-core.css:61, "0 18px 50px -22px") e o fio iridescente do
   ::after. Resultado: sombra sobre sombra dentro da mesma superficie.
   aurora-master.css:463 ja tinha achatado SO o .master-chart-box — mas essa
   classe nao e mais emitida (o JS agora escreve <article class="glass">),
   entao na pratica nada esta achatado. Aqui o cartao interno vira uma
   superficie plana com fio de 1px, que e o que o mockup Aurora faz.
   ========================================================================== */
#view-master.aur .tab-panel-card .glass{
  box-shadow:none;
  background:rgba(255,255,255,.42);
  border-color:var(--line);
}
#view-master.aur .tab-panel-card .glass::after{ content:none; }
body.theme-dark #view-master.aur .tab-panel-card .glass{
  background:rgba(255,255,255,.05);
}

/* Rolagem interna da lista de unidades: 230px (04-utils:3202) mostra menos de
   duas fileiras de cartao e o scrollbar encosta no conteudo (padding 4px). */
#view-master.aur #master-dashboard-units{
  max-height:min(56vh,520px);
  padding-right:8px;
}


/* ============================================================================
   6. GRADES COM ORFAO NA ULTIMA LINHA                    [auditoria: item 4]
   ========================================================================== */

/* ---- 6.1 KPIs do Centro de comando (6 cartoes, views/master.html:47-52) ----
   O kit usa repeat(auto-fit,minmax(190px,1fr)) (aurora-core.css:167). Em
   1560px sobra uma pista vazia que colapsa e os 6 fecham; mas na faixa de
   ~900-1240px cabem 4 ou 5 pistas e a ultima linha fica com 1 ou 2 orfaos.
   Escada explicita que sempre divide 6. */
@media (min-width:1241px){
  #view-master.aur #master-tab-map > .kpis{ grid-template-columns:repeat(6,minmax(0,1fr)); }
}
@media (min-width:901px) and (max-width:1240px){
  #view-master.aur #master-tab-map > .kpis{ grid-template-columns:repeat(3,minmax(0,1fr)); }
}
@media (min-width:641px) and (max-width:900px){
  #view-master.aur #master-tab-map > .kpis{ grid-template-columns:repeat(2,minmax(0,1fr)); }
}

/* ---- 6.2 KPIs da Consulta de Paciente (admin) ----
   js/app/admin/04.js:761 renderiza <section class="kpis"> com 2 cartoes (1 se
   o paciente nao for cadastrado), mas views/admin.html:163 forca
   repeat(4,minmax(0,1fr)) em TODO .kpis do painel: os 2 cartoes ocupam metade
   da largura e sobram duas colunas vazias. O grid-area:kpi da mesma linha
   tambem nao faz sentido fora do .grid de areas nomeadas. */
#view-admin.aur #patient-lookup-result .kpis{
  grid-template-columns:repeat(auto-fit,minmax(190px,1fr));
  grid-area:auto;
}

/* ---- 6.3 cartoes da aba Unidade (admin) ----
   3 cartoes (views/admin.html:1089-1100) num auto-fill de minmax(260px,1fr)
   limitado a max-width:780px (15-padronizacao-master.css:17): so cabem 2
   colunas, o terceiro sempre sobra sozinho na segunda linha. */
#view-admin.aur .adm-unit-grid{
  grid-template-columns:repeat(3,minmax(0,1fr));
  max-width:1020px;
  gap:14px;
}
@media (max-width:940px){
  #view-admin.aur .adm-unit-grid{ grid-template-columns:1fr; }
}

/* ---- 6.4 KPIs do Dashboard do admin (10 cartoes) ----
   15-padronizacao-master.css:141 cai para 3 colunas em <=1180px: 3+3+3+1,
   um orfao. 16/06.css:148 so corrige em <=1100px, entao sobra a faixa
   1101-1180px. Com 10 cartoes, 2 colunas fecham exatamente.
   2 ids para vencer 16/06.css:128 ("#view-admin #adm-tab-dashboard .dash-kpis"). */
@media (max-width:1180px){
  #view-admin.aur #adm-tab-dashboard .dash-kpis,
  #view-admin.aur .dash-kpis{ grid-template-columns:repeat(2,minmax(0,1fr)); }
}


/* ============================================================================
   7. TABELAS                                             [auditoria: item 3]
   ========================================================================== */

/* Fundo opaco do cabecalho fixo. Nao pode ser var(--glass) (translucido): a
   linha rolando por baixo apareceria atraves do <th>. Propriedade privada
   desta camada, declarada nas raizes das duas views — nao em :root. */
#view-master.aur,
#view-admin.aur{ --ux-th-bg:#f1f5e8; }
body.theme-dark #view-master.aur,
body.theme-dark #view-admin.aur,
#view-admin.aur[data-theme="dark"]{ --ux-th-bg:#2b3122; }

/* ---- 7.1 altura de linha da Matriz RBAC ----
   15-padronizacao-master.css:172/173 aplica "padding:8px 12px !important" e
   "7px 12px !important" a QUALQUER <table> do admin. As abas nao-usuarios
   escapam por views/admin.html:374/376 (11-14px), mas a Matriz RBAC vive
   dentro de #adm-tab-users e fica com linhas de 7px — visivelmente mais
   apertadas que todas as outras tabelas do mesmo painel.
   !important porque a regra derrotada (15-padronizacao-master.css:173)
   tambem usa. */
#view-admin#view-admin.aur #adm-users-matrix .adm-matrix th{ padding:12px 14px !important; }
#view-admin#view-admin.aur #adm-users-matrix .adm-matrix td{ padding:11px 14px !important; }

/* ---- 7.2 hover da Matriz RBAC no tema escuro ----
   15-padronizacao-master.css:174 pinta o hover com var(--primary-muted)
   (#e7efd9, fixo em 01-tokens.css:14 e sem variante escura). No tema escuro o
   texto e claro: linha verde-clara + texto claro = ilegivel no hover.
   As abas nao-usuarios ja tem hover tonal (views/admin.html:379); a matriz
   nao tinha nenhum seletor que a alcancasse. */
#view-admin#view-admin.aur #adm-users-matrix tbody tr:hover td{
  background:rgba(92,111,58,.08);
}
body.theme-dark #view-admin#view-admin.aur #adm-users-matrix tbody tr:hover td{
  background:rgba(147,185,80,.1);
}

/* ---- 7.3 cabecalho fixo nas duas tabelas longas do admin ----
   Relatorio (11 colunas, intervalo de datas) e Matriz RBAC (uma linha por
   usuario da rede) rolam varias telas sem cabecalho. Observacao tecnica:
   .au-table-wrap tem overflow-x:auto (aurora-core.css:331), o que torna o
   proprio wrap o container de rolagem tambem no eixo Y — position:sticky so
   funciona se esse container tiver altura limitada. Por isso o max-height. */
#view-admin.aur #adm-tab-reports .au-table-wrap,
#view-admin.aur #adm-users-matrix .adm-matrix-wrap{
  max-height:min(62vh,620px);
  overflow:auto;
  scrollbar-width:thin;
}
#view-admin.aur #adm-tab-reports .au-table-wrap thead th,
#view-admin.aur #adm-users-matrix .adm-matrix-wrap thead th{
  position:sticky; top:0; z-index:2;
  background:var(--ux-th-bg);
}

/* ---- 7.4 coluna de acoes a direita ----
   Ultima coluna de Relatorio e Departamentos e "Acoes" (views/admin.html:934
   e :915): botao alinhado a esquerda numa tabela larga fica longe da borda e
   quebra a leitura. A fila de usuarios do mesmo painel ja usa .ta-r
   (views/admin.html:668). */
#view-admin.aur #report-table th:last-child,
#view-admin.aur #report-table td:last-child,
#view-admin.aur #table-depts th:last-child,
#view-admin.aur #table-depts td:last-child{
  text-align:right;
}

/* ---- 7.5 tabela alinhada com o titulo do proprio cartao ----
   .adm-pane/.au-sec ja tem 18px de recuo; a celula soma mais 12-14px, entao a
   primeira coluna comeca ~30px da borda enquanto o <h3> comeca em 18px. Zerar
   o recuo externo da primeira/ultima celula devolve o alinhamento.
   !important no admin porque views/admin.html:374/376 usa "padding:... !important"
   (shorthand) e uma declaracao longhand sem !important perderia. */
#view-admin#view-admin.aur .adm-pane .au-table > thead th:first-child,
#view-admin#view-admin.aur .adm-pane .au-table > tbody td:first-child{ padding-left:0 !important; }
#view-admin#view-admin.aur .adm-pane .au-table > thead th:last-child,
#view-admin#view-admin.aur .adm-pane .au-table > tbody td:last-child{ padding-right:0 !important; }

#view-master#view-master.aur .au-sec .au-table > thead th:first-child,
#view-master#view-master.aur .au-sec .au-table > tbody td:first-child{ padding-left:0; }
#view-master#view-master.aur .au-sec .au-table > thead th:last-child,
#view-master#view-master.aur .au-sec .au-table > tbody td:last-child{ padding-right:0; }


/* ============================================================================
   8. ESTADOS AUSENTES                                    [auditoria: item 6]
   ========================================================================== */

/* ---- 8.1 select desabilitado ----
   views/admin.html:1237 faz "sel.disabled = !isMaster" no seletor de Escopo.
   Nenhuma folha estiliza :disabled em campo (o kit so cobre .btn:disabled,
   aurora-core.css:370): para quem nao e master o controle parece habilitado e
   simplesmente nao responde. */
#view-admin.aur select:disabled,
#view-admin.aur input:disabled,
#view-master.aur select:disabled,
#view-master.aur input:disabled{
  opacity:.5;
  cursor:not-allowed;
}

/* ---- 8.2 .t-note clicavel (master) ----
   js/app/master/03.js:365 e :381 e 04.js:290 renderizam <button class="t-note">
   — cartao de "Atencao agora", ranking de pressao e unidades sem admin sao
   BOTOES, mas .t-note (aurora-core.css:278) e uma caixa estatica: sem hover,
   sem foco, sem indicacao de que da para clicar. */
#view-master.aur button.t-note{
  transition:background .16s, border-color .16s, transform .16s;
  font-family:inherit;
  color:inherit;
}
#view-master.aur button.t-note:hover{
  background:rgba(92,111,58,.1);
  border-color:var(--brand2);
  transform:translateY(-1px);
}
body.theme-dark #view-master.aur button.t-note:hover{
  background:rgba(147,185,80,.12);
}
#view-master.aur button.t-note:focus-visible{
  outline:2px solid var(--brand2);
  outline-offset:2px;
}

/* ---- 8.3 cartoes da aba Unidade (admin) ----
   15-padronizacao-master.css:19 da hover com background:#ebf5db, mas
   aurora-admin.css:20 fixa "background:var(--glass) !important" no mesmo
   elemento: o hover nunca aparece, sobra so o translateY. E o hex nao inverte
   no tema escuro. Aqui o realce vai pela borda, que ninguem trava.
   !important porque aurora-admin.css:22 fixa "border:... !important". */
#view-admin.aur .adm-unit-card{ padding:16px 18px; }
#view-admin.aur .adm-unit-card:hover{
  border-color:rgba(92,111,58,.45) !important; /* vence aurora-admin.css:22 */
}
#view-admin.aur .adm-unit-card:focus-visible{
  outline:2px solid var(--brand2);
  outline-offset:2px;
}

/* ---- 8.4 dropdown "Abrir Painel" opaco ----
   views/admin.html:564 monta o menu com class="card adm-menu-dropdown".
   views/admin.html:123 pediu fundo quase solido (.98), mas aurora-admin.css:20
   aplica "background:var(--glass) !important" a .card: o menu flutuante fica
   com 62% de opacidade e o conteudo da pagina aparece atraves dos itens.
   !important porque a regra derrotada (aurora-admin.css:20) tambem usa. */
#view-admin.aur #admin-panel-menu-dropdown{
  background:rgba(250,252,246,.985) !important; /* vence aurora-admin.css:20 */
  border-radius:16px !important;                /* vence aurora-admin.css:23 */
  /* sombra de popover: separa o menu do conteudo que ele cobre.
     !important vence aurora-admin.css:24 (box-shadow ... !important) */
  box-shadow:0 24px 48px -20px rgba(20,26,12,.5), 0 2px 6px rgba(20,26,12,.12) !important;
}
body.theme-dark #view-admin.aur #admin-panel-menu-dropdown{
  background:rgba(40,46,30,.985) !important;    /* vence aurora-admin.css:20 */
}


/* ============================================================================
   9. COR E TIPOGRAFIA FORA DA ESCALA                     [auditoria: item 7]
   ========================================================================== */

/* ---- 9.1 pesos que a Poppins carregada nao tem ----
   O index carrega 400;500;600;700;800. Os paineis pedem 750 e 650 em
   aurora-core.css:186/224/277, views/admin.html:178/216/270/288/449 e
   aurora-master.css:170/387. O navegador substitui por outro peso, entao o
   numero do KPI acaba mais pesado que o desenhado e a distincao entre
   "titulo 700" e "valor 750" some. Aqui os dois viram peso real da familia. */
#view-master.aur .k-val,
#view-master.aur .t-stats b,
#view-master.aur .ppi-card-v,
#view-admin.aur .k-val,
#view-admin.aur .t-stats b{
  font-weight:700;
}
#view-admin.aur .dash-kpi-val{
  font-weight:700 !important; /* vence views/admin.html:449 (750 !important) */
}
#view-master.aur .pt b,
#view-master.aur .op-txt b,
#view-admin.aur .pt b,
#view-admin.aur .adm-uname b{
  font-weight:600;
}

/* ---- 9.2 icone dos cartoes de Unidade ----
   15-padronizacao-master.css:20 usa var(--primary) (#394820, 01-tokens.css:11).
   Esse token nao tem variante escura (01-tokens.css:103 so troca --text-muted),
   entao no tema escuro o icone fica verde-escuro sobre cartao escuro. --brand
   inverte (aurora-admin.css:13). */
#view-admin.aur .adm-unit-card svg,
#view-admin.aur .adm-unit-card i{
  color:var(--brand);
}


/* ============================================================================
   10. FILA DE USUARIOS EM TELA ESTREITA                  [auditoria: item 3]
   ----------------------------------------------------------------------------
   A fila de usuarios do admin tem 7 colunas (views/admin.html:286 e :668) e o
   corpo e montado com os mesmos 7 <span> (views/admin.html:1333-1342):
   1 CPF, 2 nome, 3 perfil, 4 status, 5 unidade, 6 paineis, 7 acao.
   Em <=640px views/admin.html:328-330 reduz a grade para 3 colunas, mas
   esconde coisas DIFERENTES no corpo e no cabecalho: no corpo some .esp (5) e
   .proto (1) — restam 5 celulas em 3 colunas, que quebram para uma segunda
   linha; no cabecalho some 2, 5 e 6 — restam 4 rotulos. O rotulo "Login" acaba
   em cima do nome e "Perfil" em cima do status.
   Aqui os dois escondem exatamente os mesmos indices (1, 3, 5, 6) e sobram as
   tres colunas que importam no celular: Nome, Status e Acao.
   ========================================================================== */
@media (max-width:640px){
  #view-admin.aur .adm-users .q-row{
    grid-template-columns:minmax(0,1.6fr) minmax(0,.8fr) minmax(0,.9fr);
    gap:8px;
  }
  #view-admin.aur .adm-users .q-row > :nth-child(1),
  #view-admin.aur .adm-users .q-row > :nth-child(3),
  #view-admin.aur .adm-users .q-row > :nth-child(5),
  #view-admin.aur .adm-users .q-row > :nth-child(6){
    display:none;
  }
  /* devolve o rotulo "Nome / Contato", que views/admin.html:330 escondia */
  #view-admin.aur .adm-users .q-row.head > span:nth-child(2),
  #view-admin.aur .adm-users .q-row.head > span:nth-child(4),
  #view-admin.aur .adm-users .q-row.head > span:nth-child(7){
    display:block;
  }
}
