/* ============================================================================
   30-admin-skin.css — o skin adm-v2 do painel Administracao.

   MORAVA EM views/admin.html, NUM <style> DENTRO DO BODY (28/08/2026).
   O server monta as views dentro do index.html em tempo de request, entao aquele
   <style> vinha DEPOIS de todos os <link> do <head>: em empate de especificidade
   ele vencia qualquer folha, inclusive as que existem para corrigi-lo. Foi essa
   posicao — nao o conteudo — que obrigou aurora-panels.css a escrever 718
   !important e 23-ux-admin.css a repetir id (#view-admin#view-admin.aur) so
   para alcancar peso.

   Aqui ele entra na cascata pela porta da frente: depois das folhas de base, que
   ele legitimamente sobrescreve, e ANTES de aurora-panels/aurora-admin/23-ux-admin,
   que passam a vencer por ORDEM, sem precisar de !important.
   ============================================================================ */
#view-admin *{box-sizing:border-box}
    #view-admin{
      /* Os 10 tokens que estavam aqui foram removidos em 02/09/2026: eles
         tambem sao declarados em css/aurora-admin.css, que carrega DEPOIS
         desta folha e por isso sempre venceu — nunca tiveram efeito. Um
         deles chegava a divergir (--acc era #4e5f2f aqui e #405023 la) e o
         valor que valia era o de la. Um token, um dono. */
 --olive-light:#526533;
      /* Aqui --p0..--p3 NAO sao Manchester (isso e o .aur): sao a prioridade
         da solicitacao, mapeada no trio de estado do kit. Sao preenchimento
         sob texto branco, entao valem as mesmas contas: o verde subiu de
         #1f8a5b (4,33:1) para #1e8658 (4,56) e o dourado, que com branco da
         3,05:1 em qualquer tom aceitavel de ouro, leva tinta escura. */
      --p0:#d6334a; --p1:#c4881a; --p2:#405023; --p3:#1e8658;
      --font:"Segoe UI",-apple-system,BlinkMacSystemFont,Roboto,"Helvetica Neue",Arial,sans-serif;
      position:relative; min-height:100vh; width:100%;
      font-family:var(--font); color:var(--ink);
      background:var(--canvas);
      overflow-x:hidden;
      -webkit-font-smoothing:antialiased;
      --serie:#526533; --serie-destaque:#394820; --trilho:#e8ede1; --area:#e7efd9;
      --r-card:14px; --r-inner:10px; --r-selo:6px; --ctl-h:40px; --pad-card:16px 16px; --kpi-min-h:120px; --kpi-val:25px; --kpi-pad:16px;
    }

    body.theme-dark #view-admin{
      /* Mesma historia do bloco claro, no escuro: estes 7 tokens tambem
         sao declarados em css/aurora-admin.css, que carrega depois. Os 7
         tinham valor identico — era duplicata, nao divergencia. */

      --brand:#8fb057; --brand2:#a5c66c; --olive-light:#b4cb8d;
      --acc:#95be4e;
      /* --p0..--p3 nao se redefinem no escuro: sao preenchimento sob tinta
         fixa, e clarear derrubava os quatro selos para 1,7-2,7:1. */
      --serie:#7f9b4e; --serie-destaque:#a6c56f; --trilho:rgba(255,255,255,.10); --area:rgba(126,156,73,.22);
      background:var(--canvas);
    }

    /* Blobs Aurora REMOVIDOS (02/09/2026, kit): nao existia .b1..b4 em views/admin.html —
       eram 4 radial-gradient animados sem markup nenhum. O kit tambem proibe blob animado. */
    @keyframes admFade{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}

    #view-admin .shell{position:relative; z-index:1; max-width:1600px; margin:0 auto; padding:22px 26px 40px; display:flex; flex-direction:column; gap:16px}

    /* Glass base */
    /* Cartao do kit: tinta chapada + 1px de borda. Sem sombra (so modal/dropdown/tooltip),
       sem anel gradiente no ::after, raio 14px. */
    #view-admin .glass{
      background:var(--glass);
      border:1px solid var(--glass-brd);
      border-radius:var(--r-card);
      box-shadow:none;
      position:relative;
    }
    #view-admin .glass::after{content:none}

    /* Topbar */
    #view-admin .topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 22px;flex-wrap:wrap}
    #view-admin .brand{display:flex;align-items:center;gap:14px;min-width:0}
    #view-admin .mark{width:44px;height:44px;border-radius:var(--r-inner);display:grid;place-items:center;color:#fff;flex:none;
      background:var(--brand);box-shadow:none}
    #view-admin .brand-txt h1{margin:0;font-size:21px;font-weight:700;letter-spacing:-.02em;line-height:1.15}
    #view-admin .brand-txt p{margin:2px 0 0;font-size:12.5px;color:var(--ink-soft)}
    #view-admin .brand-titlerow{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
    #view-admin .actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
    #view-admin .admin-menu-wrap{position:relative}

    #view-admin .btn{font-family:inherit;font-size:13px;font-weight:600;border-radius:var(--r-inner);min-height:var(--ctl-h);padding:8px 14px;border:1px solid var(--border);cursor:pointer;background:transparent;color:var(--ink);transition:.18s;white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;gap:8px;line-height:1}
    #view-admin .btn:hover{transform:translateY(-1px)}
    #view-admin .btn.ghost{background:var(--surface)}    body.theme-dark #view-admin .btn.ghost{background:var(--glass)}
    #view-admin .btn.primary{color:#fff;border:1px solid var(--brand);background:var(--brand);box-shadow:none}
    #view-admin .btn.primary .plus{font-weight:800}
    #view-admin .btn.soft{color:var(--brand);background:rgba(92,111,58,.12);border-color:rgba(92,111,58,.22)}    body.theme-dark #view-admin .btn.soft{color:var(--brand2);background:rgba(147,185,80,.14)}
    #view-admin .btn.exit{color:var(--ink-soft)}
    #view-admin .icon-btn{width:var(--ctl-h);min-height:var(--ctl-h);border-radius:var(--r-inner);border:1px solid var(--border);background:var(--surface);color:var(--ink);display:grid;place-items:center;cursor:pointer;transition:.18s}    body.theme-dark #view-admin .icon-btn{background:var(--glass)}
    #view-admin .icon-btn:hover{color:var(--brand);border-color:rgba(92,111,58,.4);transform:translateY(-1px)}
    #view-admin .theme .i-moon{display:none}   body.theme-dark #view-admin .theme .i-sun{display:none}
    body.theme-dark #view-admin .theme .i-moon{display:block}

    /* Escopo badge + user info + session timer (topbar) */
    #view-admin .adm-scope-badge{font-size:10.5px;letter-spacing:1px;font-weight:700;padding:4px 10px;border-radius:var(--r-selo);text-transform:uppercase;color:#405023;background:#ecf0e5;border:1px solid #d3dcc2}
    #view-admin.adm-scope-unit .adm-scope-badge{color:#1556a4;background:#eef4fd;border-color:#d7e4f7}
    #view-admin .admin-user-info{margin-top:4px;font-size:12px;color:var(--ink-soft)}
    #view-admin .admin-user-info-row{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
    #view-admin .admin-user-name{font-weight:700;color:var(--ink)}
    #view-admin .admin-user-detail{color:var(--ink-soft)}
    #view-admin .adm-session-timer{display:flex;align-items:center;gap:4px;min-height:var(--ctl-h);padding:0 12px;border-radius:var(--r-inner);background:var(--surface);border:1px solid var(--border);color:var(--brand);font-weight:700;font-size:12px}    body.theme-dark #view-admin .adm-session-timer{background:var(--glass)}

    /* Dropdown "Abrir Painel" */
    /* dropdown: o kit permite sombra aqui (so modal/dropdown/tooltip). */
    #view-admin .adm-menu-dropdown{position:absolute;right:0;top:48px;width:232px;border-radius:var(--r-card);padding:4px;z-index:40;
      background:var(--surface);
      border:1px solid var(--glass-brd);box-shadow:var(--shadow-drop);animation:admFade .18s ease both}
    body.theme-dark #view-admin .adm-menu-dropdown, #view-admin[data-theme="dark"] .adm-menu-dropdown{ background:var(--glass) }
    #view-admin .adm-menu-title{font-size:10.5px;letter-spacing:1.1px;font-weight:700;text-transform:uppercase;color:var(--ink-soft);padding:8px 12px 4px;margin:0}
    #view-admin .adm-menu-item{width:100%;display:flex;align-items:center;justify-content:flex-start;gap:8px;min-height:var(--ctl-h);padding:8px 12px;border-radius:var(--r-inner);font-size:12.5px;font-weight:600;color:var(--ink);background:transparent;border:none;box-shadow:none;cursor:pointer;text-align:left;font-family:inherit}
    #view-admin .adm-menu-item:hover{background:rgba(92,111,58,.1)}
    #view-admin .adm-menu-item.btn-danger{color:var(--danger);background:transparent}
    /* .btn.danger vem de css/aurora-core.css (folha compartilhada, nao e desta tela):
       gradiente rosa cheio. Aqui vira o trio de estado do kit. */
    #view-admin .btn.danger{color:var(--danger);background:#fdeef0;border:1px solid #f7d3d8}
    #view-admin .adm-menu-item i,#view-admin .adm-menu-item svg{width:16px;height:16px}

    /* Tabs (pílula de vidro + tinta deslizante) */
    /* Barra de abas do kit: nao e cartao. E uma regua de 1px com as abas sentadas nela.
       A classe .glass continua no markup (a view nao muda), mas aqui ela e neutralizada. */
    #view-admin .tabs{display:flex;gap:4px;padding:0;position:relative;align-self:stretch;max-width:100%;overflow-x:auto;overflow-y:visible;scrollbar-width:none;-ms-overflow-style:none;background:transparent;border:none;border-bottom:1px solid var(--border);border-radius:0;box-shadow:none}
    body.theme-dark #view-admin .tabs{border-bottom-color:var(--glass-brd)}
    #view-admin .tabs::-webkit-scrollbar{display:none;width:0;height:0}
    #view-admin .tab{position:relative;z-index:1;font-family:inherit;font-size:13.5px;font-weight:600;color:var(--ink-soft);background:transparent;border:none;border-bottom:2px solid transparent;margin-bottom:-1px;min-height:44px;padding:0 14px;border-radius:0;cursor:pointer;white-space:nowrap;transition:color .2s,border-color .2s;display:inline-flex;align-items:center;gap:8px}
    #view-admin .tab i,#view-admin .tab svg{width:20px;height:20px;flex:none}
    /* Aba de icone puro, 46x44, como o designer desenhou. O rotulo continua no DOM
       (leitor de tela, e o title/aria-label de cada botao), so nao ocupa a barra. */
    #view-admin .tab{width:46px;padding:0;justify-content:center}
    #view-admin .tab > span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}
    #view-admin .tab-fill{flex:1;border-bottom:2px solid transparent;margin-bottom:-1px}
    #view-admin .tab-now{align-self:center;font-size:13.5px;font-weight:700;color:var(--brand);padding:0 4px 0 12px;white-space:nowrap}
    body.theme-dark #view-admin .tab-now{color:var(--brand2)}
    #view-admin .tab:hover{color:var(--brand);border-bottom-color:var(--border)}
    /* Os DOIS !important abaixo sao os unicos desta folha que existem para vencer outra
       folha, e sao rastreaveis: css/aurora.css declara
       ".tab.active{background:linear-gradient(...) !important;color:#fff !important}"
       sem escopo nenhum, e css/16/01-tema-escuro.css repete o mesmo para
       "body.theme-dark :is(.adm-tab,...)". Nao ha como venceres por especificidade um
       !important; ou se mexe naquelas folhas (compartilhadas com outros paineis) ou se
       marca aqui. A aba do kit e sublinhado, nao pilula. */
    #view-admin .tab.active{color:var(--brand) !important;background:transparent !important;border-bottom:2px solid var(--brand) !important}
    body.theme-dark #view-admin .tab{background:transparent !important;border-color:transparent}
    body.theme-dark #view-admin .tab.active{color:var(--brand2) !important;background:transparent !important;border-bottom:2px solid var(--brand2) !important}
    #view-admin .tab.active i,#view-admin .tab.active svg{color:currentColor}
        /* .tab-ink sai de cena (02/09/2026). A aba do kit e sublinhado de 2px, nao pilula
       deslizante: o kit lista a decoracao em position:absolute dentro de barra densa como
       causa de colisao (N3 §10). O elemento continua no DOM — o script inline da view
       (moveInk / window.__admMoveInk) ainda o posiciona, e o :has(.tab-ink) de
       aurora-core.css continua valendo. */
    #view-admin .tab-ink{display:none}

    /* Filtros */
    #view-admin .filters{display:flex;gap:14px;padding:14px 16px;flex-wrap:wrap;align-items:flex-end;margin-bottom:16px}
    #view-admin .field{display:flex;flex-direction:column;gap:4px}
    #view-admin .field .lbl{font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:1.1px;color:var(--ink-soft)}
    #view-admin .field.search{flex:1;min-width:230px;min-height:var(--ctl-h);flex-direction:row;align-items:center;gap:8px;background:var(--field-bg);border:1px solid var(--field-border);border-radius:var(--r-inner);padding:0 12px;color:var(--ink-soft)}    body.theme-dark #view-admin .field.search{background:rgba(255,255,255,.05)}
    #view-admin .field.search:focus-within{border-color:#85ab42;box-shadow:0 0 0 3px rgba(88,109,52,.14)}
    #view-admin .field.search input{border:none;background:transparent;outline:none;font-family:inherit;font-size:14px;color:var(--ink);width:100%;height:100%;padding:0;margin:0;box-shadow:none;min-height:0}
    /* CONTORNO DE CAMPO (28/08/2026). Estas regras usavam var(--line), que e a cor de
       LINHA DIVISORIA (rgba(57,72,32,.14), ~1,2:1) — nao de contorno de controle. Eram
       36 campos do Admin com o contorno invisivel, os unicos que sobravam depois da
       correcao global em css/aurora.css, porque este <style> inline vence tudo.
       Contorno de campo e var(--field-border). */
    #view-admin .field select{font-family:inherit;font-size:13.5px;color:var(--ink);background:var(--field-bg);border:1px solid var(--field-border);border-radius:var(--r-inner);padding:0 12px;cursor:pointer;min-width:170px;outline:none;min-height:var(--ctl-h);margin:0;box-shadow:none}    body.theme-dark #view-admin .field select{background:rgba(255,255,255,.05)}
    #view-admin .field select:focus{border-color:#85ab42;box-shadow:0 0 0 3px rgba(88,109,52,.14)}
    #view-admin .chips{display:flex;gap:4px}
    #view-admin .chip{font-family:inherit;font-size:12.5px;font-weight:700;border-radius:var(--r-inner);min-height:var(--ctl-h);padding:8px 14px;border:1px solid var(--border);background:var(--surface);color:var(--ink-soft);cursor:pointer;transition:.16s;display:inline-flex;align-items:center;justify-content:center}    body.theme-dark #view-admin .chip{background:var(--glass)}
    #view-admin .chip:hover{transform:translateY(-1px)}
    #view-admin .chip.active,#view-admin .chip.on{color:#fff;border:1px solid var(--brand);background:var(--brand)}

    /* Grid */
    #view-admin .grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;grid-template-areas:"kpi kpi" "queue trend";gap:16px}
        /* Kit 5b arquetipo 01: a faixa e UM cartao dividido por bordas (nunca 4 cartoes
       flutuantes). O gap zero e proposital: quem separa e a borda. */
    #view-admin .kpis{grid-area:kpi;display:grid;grid-template-columns:repeat(auto-fit,minmax(185px,1fr));gap:0;overflow:hidden}
    #view-admin .queue{grid-area:queue}
    #view-admin .trend{grid-area:trend}

    /* KPI */
    #view-admin .kpi{padding:14px 16px;display:flex;flex-direction:column;gap:0;overflow:hidden;min-height:0;background:transparent;border:none;border-right:1px solid var(--ds-bd-row,#e8ede1);border-radius:0;box-shadow:none}
    #view-admin .kpi:last-child{border-right:none}
    body.theme-dark #view-admin .kpi{border-right-color:var(--line)}
    #view-admin .k-top{display:none}
    
    #view-admin .k-ico{display:none} /* kit: sem icone decorativo na faixa de indicadores */
    #view-admin .k-defer .k-ico{background:#1f8a5b}
    #view-admin .k-time .k-ico{background:#405023}
    #view-admin .k-sla .k-ico{background:#526533}
    #view-admin .k-tag{display:block;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--ink-soft);background:transparent;padding:0;border-radius:var(--r-selo)}
    #view-admin .k-tag.alert{color:var(--danger);background:transparent}    body.theme-dark #view-admin .k-tag.alert{color:var(--err)}
    #view-admin .k-val{margin-top:8px;font-size:var(--kpi-val);font-weight:700;letter-spacing:-.03em;line-height:1;display:flex;align-items:baseline;gap:4px}
    #view-admin .k-val em{font-style:normal;font-size:12px;font-weight:600;color:var(--ink-soft)}
    #view-admin .k-val .pct{font-size:16px;font-weight:700;color:var(--brand2);margin-left:1px}
    #view-admin .k-sub{font-size:11.5px;color:var(--ink-soft);margin-top:8px}
    #view-admin .k-bar{height:5px;border-radius:4px;background:var(--ds-bd-row,#e8ede1);overflow:hidden;margin-top:8px}
    #view-admin .k-bar i{display:block;height:100%;width:var(--w,calc(var(--p,0)*1%));border-radius:4px;background:var(--brand)}
    #view-admin .k-bar.warn i{background:var(--p1)}
    #view-admin .spark{display:none} /* kit: max 2 formas por painel; a faixa mostra numero */
    #view-admin .spark svg{width:100%;height:100%}
    #view-admin .ring{--sz:46px;position:absolute;right:14px;bottom:12px;width:var(--sz);height:var(--sz);border-radius:50%;
      background:conic-gradient(var(--p3) calc(var(--p)*1%),rgba(77,90,54,.14) 0);display:grid;place-items:center}
    #view-admin .ring::before{content:"";position:absolute;inset:5px;border-radius:50%;background:var(--glass);}
    #view-admin .ring span{position:relative;font-size:11px;font-weight:800;color:var(--p3)}   body.theme-dark #view-admin .ring span{color:var(--ok)}
    body.theme-dark #view-admin .ring{background:conic-gradient(var(--ok) calc(var(--p)*1%),rgba(157,190,99,.16) 0)}

    /* Queue */
    #view-admin .q-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:16px 16px 12px;flex-wrap:wrap}
    #view-admin .q-head h2{margin:0;font-size:15px;font-weight:700;letter-spacing:-.02em}
    #view-admin .q-head p{margin:3px 0 0;font-size:12px;color:var(--ink-soft)}
    #view-admin .q-legend{display:flex;gap:14px;font-size:11.5px;color:var(--ink-soft)}
    #view-admin .q-legend span{display:flex;align-items:center;gap:4px}
    #view-admin .dot{width:8px;height:8px;border-radius:50%;display:inline-block}
    #view-admin .d-defer{background:#1f8a5b}
    #view-admin .d-pend{background:#c4881a}
    #view-admin .d-neg{background:#d6334a}

        /* Kit 5b arquetipo 01: divisoria #f0f3ec, hover #f7f9f4, cabecalho sobre #f7f9f4,
       linha de 44px minimo, e rolagem horizontal quando passa de 6 colunas. */
    #view-admin .q-list{padding:0}
    #view-admin .adm-users .q-scroll{overflow-x:auto}
    @media (min-width:641px){ #view-admin .adm-users .q-scroll > *{min-width:860px} }
    #view-admin .q-row{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,1.1fr) minmax(0,.7fr) minmax(0,.9fr) minmax(0,.95fr) minmax(0,.6fr);align-items:center;gap:8px;min-height:44px;padding:12px 16px;border-bottom:1px solid #f0f3ec;border-radius:0;font-size:13px;transition:.16s}
    #view-admin .q-row.head{min-height:0;padding:10px 16px;background:var(--field-bg);border-bottom:1px solid var(--ds-bd-row,#e8ede1);font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:1.1px;color:var(--ink-soft)}
    #view-admin .q-row:not(.head){cursor:pointer}
    #view-admin .q-row:not(.head):hover{background:var(--field-bg)}
    #view-admin .q-row:not(.head):focus-visible{outline:2px solid #85ab42;outline-offset:-2px}    body.theme-dark #view-admin .q-row:not(.head):hover{background:rgba(147,185,80,.1)}
    body.theme-dark #view-admin .q-row{border-bottom-color:var(--line)}
    body.theme-dark #view-admin .q-row.head{background:rgba(255,255,255,.04);border-bottom-color:var(--line)}
    #view-admin .pt{display:flex;align-items:center;gap:8px;min-width:0}
    #view-admin .pt b{font-weight:650;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
    #view-admin .av{flex:none;width:32px;height:32px;border-radius:10px;display:grid;place-items:center;font-size:11px;font-weight:800;color:#fff;font-style:normal;letter-spacing:.02em}
    #view-admin .a1{background:#394820}
    #view-admin .a2{background:#405023}
    #view-admin .a3{background:#526533}
    #view-admin .a4{background:#394820}
    #view-admin .a5{background:#405023}
    #view-admin .a6{background:#526533}
    #view-admin .esp{color:var(--ink-soft)}
    #view-admin .prio{font-style:normal;font-size:11.5px;font-weight:700;padding:4px 10px;border-radius:var(--r-selo);color:#fff}
    #view-admin .prio.p0{background:var(--p0)}
    #view-admin .prio.p1{background:var(--p1);color:var(--on-fill)}
    #view-admin .prio.p2{background:var(--p2)}
    #view-admin .prio.p3{background:var(--p3)}
    #view-admin .st{font-style:normal;font-size:11.5px;font-weight:700;padding:4px 10px;border-radius:var(--r-selo);border:1px solid transparent;display:inline-flex;align-items:center;gap:4px}
    #view-admin .st::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}
    #view-admin .st.defer{color:var(--success);background:#eafaf0;border-color:#bfe6cd}
    #view-admin .st.pend{color:var(--warning);background:#fdf6ec;border-color:#f5e2c8}
    #view-admin .st.neg{color:var(--danger);background:#fdeef0;border-color:#f7d3d8}
    /* No escuro o trio do kit (bg claro chapado) nao serve: a pilula acende no meio de
       uma tela escura. Os fundos abaixo sao os mesmos que esta folha ja usava antes de
       02/09/2026 (translucidos, funcionam nos dois temas); a tinta do texto sai dos
       tokens de estado do projeto, que ja sao sensiveis ao tema. */
    body.theme-dark #view-admin .st.defer{color:var(--au-ok);background:rgba(63,157,106,.16);border-color:rgba(63,157,106,.34)}
    body.theme-dark #view-admin .st.pend{color:var(--au-warn);background:rgba(232,134,58,.16);border-color:rgba(232,134,58,.34)}
    body.theme-dark #view-admin .st.neg{color:var(--au-err);background:rgba(226,58,109,.16);border-color:rgba(226,58,109,.34)}
    #view-admin .proto{font-variant-numeric:tabular-nums;color:var(--ink-soft);font-size:12px;font-weight:600}
    #view-admin .sla{font-variant-numeric:tabular-nums;font-weight:700;font-size:12.5px;text-align:right}
    #view-admin .sla.ok{color:var(--success)}
    #view-admin .sla.warn{color:var(--warning)}
    #view-admin .sla.late{color:var(--danger)}  body.theme-dark #view-admin .sla.ok{color:var(--au-ok)}
    body.theme-dark #view-admin .sla.warn{color:var(--warn)}
    body.theme-dark #view-admin .sla.late{color:var(--err)}

    /* Trend */
    #view-admin .trend{padding:16px;display:flex;flex-direction:column;gap:4px}
    #view-admin .t-head{display:flex;align-items:center;justify-content:space-between}
    #view-admin .t-head h2{margin:0;font-size:15px;font-weight:700;letter-spacing:-.02em}
    #view-admin .t-pill{font-size:11px;font-weight:700;padding:4px 9px;border-radius:var(--r-selo);border:1px solid transparent}
    #view-admin .t-pill.up{color:#405023;background:#ecf0e5;border-color:#d3dcc2}    body.theme-dark #view-admin .t-pill.up{color:var(--au-ok)}
    #view-admin .t-sub{margin:0;font-size:12px;color:var(--ink-soft)}
    #view-admin .chart{height:120px;margin:6px 0 4px}
    #view-admin .chart svg{width:100%;height:100%}
    #view-admin .tline{filter:none}
    #view-admin .t-stats{list-style:none;margin:4px 0 0;padding:0;display:grid;grid-template-columns:1fr;gap:0}
    #view-admin .t-stats li{background:transparent;border-bottom:1px solid var(--ds-bd-row,#e8ede1);border-radius:0;padding:12px 0;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 8px;align-items:center}
    #view-admin .t-stats li b{justify-self:end}
    /* barra de serie do kit: trilho #e8ede1, serie #526533, destaque #394820 no maior */
    #view-admin .t-stats .t-bar{grid-column:1/3;display:block;height:7px;border-radius:4px;background:var(--trilho);overflow:hidden;position:relative}
    #view-admin .t-stats .t-bar::after{content:"";position:absolute;top:0;bottom:0;left:0;width:var(--w,0%);background:var(--serie)}
    #view-admin .t-stats li:first-child .t-bar::after{background:var(--serie-destaque)}    body.theme-dark #view-admin .t-stats li{background:transparent;border-bottom-color:var(--line)}
    #view-admin .t-stats span{font-size:10.5px;text-transform:uppercase;letter-spacing:1.1px;color:var(--ink-soft);font-weight:700}
    #view-admin .t-stats b{font-size:18px;font-weight:700;letter-spacing:-.02em}
    #view-admin .t-note{margin-top:16px;padding-top:14px;font-size:12px;color:var(--ink-soft);background:transparent;border:none;border-top:1px solid var(--ds-bd-row,#e8ede1);border-radius:0;padding-left:0;padding-right:0;padding-bottom:0;line-height:1.5}    body.theme-dark #view-admin .t-note{background:transparent;border-top-color:var(--line)}
    #view-admin .t-note b{color:var(--brand2)}

    #view-admin .foot{text-align:center;font-size:11.5px;color:var(--ink-soft);padding-top:6px;opacity:.85}

    /* Focus */
    #view-admin button:focus-visible,#view-admin input:focus-visible,#view-admin select:focus-visible{outline:2px solid #85ab42;outline-offset:2px}

    /* Painéis das demais abas: caixa de vidro + fade */
    #view-admin .adm-pane{padding:16px 22px;border-radius:var(--r-card)}
    #view-admin [id^="adm-tab-"]:not(.hidden){animation:admFade .34s cubic-bezier(.22,.7,.3,1) both}

    /* Admin: overrides pontuais reusando o sistema Aurora */
    #view-admin .adm-users .q-row{grid-template-columns:minmax(0,.95fr) minmax(0,1.7fr) minmax(0,.85fr) minmax(0,.8fr) minmax(0,1fr) minmax(0,1.5fr) minmax(0,.7fr)}
    #view-admin .adm-uname{display:flex;flex-direction:column;line-height:1.2;min-width:0}
    #view-admin .adm-uname b{font-weight:650;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
    #view-admin .adm-uname small{font-weight:500;font-size:11.5px;color:var(--ink-soft)}
    #view-admin .adm-role{font-style:normal;font-size:11.5px;font-weight:700;padding:4px 10px;border-radius:var(--r-selo);border:1px solid transparent}
    #view-admin .adm-admin{color:#405023;background:#ecf0e5;border-color:#d3dcc2}
    #view-admin .adm-op{color:#1556a4;background:#eef4fd;border-color:#d7e4f7}
    #view-admin .adm-drv{color:var(--warning);background:#fdf6ec;border-color:#f5e2c8}
    body.theme-dark #view-admin .adm-admin{color:#a6c56f;background:rgba(126,156,73,.2);border-color:rgba(126,156,73,.36)}
    body.theme-dark #view-admin .adm-op{color:var(--au-info);background:rgba(58,111,208,.18);border-color:rgba(58,111,208,.36)}
    body.theme-dark #view-admin .adm-drv{color:var(--au-warn);background:rgba(198,138,44,.18);border-color:rgba(198,138,44,.36)}
    body.theme-dark #view-admin .adm-scope-badge{color:#a6c56f;background:rgba(126,156,73,.2);border-color:rgba(126,156,73,.36)}
    body.theme-dark #view-admin.adm-scope-unit .adm-scope-badge{color:var(--au-info);background:rgba(58,111,208,.18);border-color:rgba(58,111,208,.36)}
    body.theme-dark #view-admin .t-pill.up{color:#a6c56f;background:rgba(126,156,73,.2);border-color:rgba(126,156,73,.36)}
    #view-admin .adm-chips{display:flex;min-width:0;overflow:hidden;align-items:center}
    #view-admin .adm-chips .upl-wrap{display:flex;flex-wrap:nowrap;gap:4px;align-items:center;min-width:0}
    #view-admin .adm-chips .upl-extra{display:none}
    #view-admin .adm-chips .upl-chip{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:96px;flex:0 1 auto}
    #view-admin .adm-chips .upl-more{flex:none}
    #view-admin .adm-chip{font-size:11px;font-weight:600;color:var(--ink-soft);background:var(--surface-2,#f3f4f0);border:1px solid var(--ds-bd-row,#e8ede1);padding:3px 9px;border-radius:20px}
    body.theme-dark #view-admin .adm-chips .upl-chip{background:rgba(255,255,255,.06);border-color:var(--line)}    body.theme-dark #view-admin .adm-chip{background:rgba(255,255,255,.06)}
    #view-admin .adm-chip.more{color:#405023;background:#ecf0e5;border-color:transparent}
    body.theme-dark #view-admin .adm-chip.more{color:#a6c56f;background:rgba(126,156,73,.2)}
    #view-admin .btn.adm-xs{padding:6px 12px;font-size:12px}
    #view-admin .ta-r{text-align:right;justify-self:end}

    /* Matriz RBAC (reaproveitada, visual de vidro) */
    #view-admin .adm-matrix-wrap{width:100%;overflow-x:auto}
    #view-admin .adm-matrix{width:100%;border-collapse:collapse;min-width:640px}
    #view-admin .adm-matrix th,#view-admin .adm-matrix td{padding:9px 10px;font-size:12.5px;text-align:center;border-bottom:1px solid var(--line)}
    #view-admin .adm-matrix th{font-weight:700;color:var(--ink-soft);text-transform:uppercase;font-size:10.5px;letter-spacing:.05em}
    #view-admin .adm-matrix .adm-mx-user{text-align:left;color:var(--ink);font-weight:600}
    #view-admin .adm-mx-toggle{display:inline-block;width:34px;height:20px;border-radius:20px;background:rgba(77,90,54,.18);position:relative;cursor:pointer;transition:.16s;vertical-align:middle}
    #view-admin .adm-mx-toggle::after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:#fff;transition:.16s}
    #view-admin .adm-mx-toggle.on{background:var(--brand)}
    #view-admin .adm-mx-toggle.on::after{left:16px}
    #view-admin .adm-mx-toggle.busy{opacity:.55;pointer-events:none}
    #view-admin .adm-mx-note{display:flex;align-items:center;gap:8px;margin-top:12px;font-size:12px;color:var(--ink-soft)}

    /* Responsive */
    @media (max-width:920px){
      #view-admin .grid{grid-template-columns:1fr;grid-template-areas:"kpi" "queue" "trend"}
      #view-admin .kpis{grid-template-columns:repeat(2,1fr)}
    }
    @media (max-width:640px){
      #view-admin .kpis{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
      #view-admin .q-row{grid-template-columns:minmax(0,1.6fr) minmax(0,.8fr) minmax(0,.8fr);gap:8px}
      #view-admin .adm-users .q-row{grid-template-columns:minmax(0,1.6fr) minmax(0,.9fr) minmax(0,1.3fr);gap:8px}
      #view-admin .q-row .esp,#view-admin .q-row .proto,#view-admin .q-row.head span:nth-child(2),#view-admin .q-row.head span:nth-child(5),#view-admin .q-row.head span:nth-child(6){display:none}
      #view-admin .brand-txt h1{font-size:16px}
      #view-admin .actions .btn.ghost,#view-admin .actions .btn.exit{display:none}
    }
    @media (max-width:420px){#view-admin .kpis{grid-template-columns:1fr}}

    /* =================================================================
       CAMADA AURORA — abas NÃO-users (escopo total sob #view-admin).
       Não toca users/topbar/tabs/filters/kpis/q-list/trend/adm-chips.
       Reusa tokens já definidos (--brand,--glass,--ink,--line,--shadow…).
       ================================================================= */

    /* ---- Genéricos das abas não-users (nunca afeta #adm-tab-users) ---- */
    #view-admin [id^="adm-tab-"]:not(#adm-tab-users) h4{color:var(--ink);font-weight:700;letter-spacing:-.01em}
    #view-admin [id^="adm-tab-"]:not(#adm-tab-users) .small{font-size:11.5px;color:var(--ink-soft);font-weight:600}
    #view-admin [id^="adm-tab-"]:not(#adm-tab-users) .text-muted{color:var(--ink-soft)}
    #view-admin [id^="adm-tab-"]:not(#adm-tab-users) .mb-2{margin-bottom:14px}
    #view-admin [id^="adm-tab-"]:not(#adm-tab-users) .flex{display:flex;gap:8px;flex-wrap:wrap;align-items:center}

    /* inputs / selects / textarea → campo de vidro com foco roxo */
    #view-admin [id^="adm-tab-"]:not(#adm-tab-users) input:not([type="checkbox"]):not([type="radio"]),
    #view-admin [id^="adm-tab-"]:not(#adm-tab-users) select,
    #view-admin [id^="adm-tab-"]:not(#adm-tab-users) textarea{
      font-family:inherit;color:var(--ink);background:var(--field-bg);
      border:1px solid var(--field-border);border-radius:var(--r-inner);min-height:var(--ctl-h);padding:8px 12px;outline:none;
      transition:border-color .16s,box-shadow .16s}
    body.theme-dark #view-admin [id^="adm-tab-"]:not(#adm-tab-users) input:not([type="checkbox"]):not([type="radio"]),
    body.theme-dark #view-admin [id^="adm-tab-"]:not(#adm-tab-users) select,
    body.theme-dark #view-admin [id^="adm-tab-"]:not(#adm-tab-users) textarea,
    #view-admin[data-theme="dark"] [id^="adm-tab-"]:not(#adm-tab-users) input:not([type="checkbox"]):not([type="radio"]),
    #view-admin[data-theme="dark"] [id^="adm-tab-"]:not(#adm-tab-users) select,
    #view-admin[data-theme="dark"] [id^="adm-tab-"]:not(#adm-tab-users) textarea{background:rgba(255,255,255,.06)}
    #view-admin [id^="adm-tab-"]:not(#adm-tab-users) input:not([type="checkbox"]):not([type="radio"]):focus,
    #view-admin [id^="adm-tab-"]:not(#adm-tab-users) select:focus,
    #view-admin [id^="adm-tab-"]:not(#adm-tab-users) textarea:focus{border-color:#85ab42;box-shadow:0 0 0 3px rgba(88,109,52,.14)}

    /* tabelas → vidro, cabeçalho discreto uppercase + hover lilás */
    #view-admin [id^="adm-tab-"]:not(#adm-tab-users) table{
      width:100%;border-collapse:separate;border-spacing:0;overflow:hidden;
      background:var(--glass);border:1px solid var(--glass-brd);border-radius:var(--r-card);box-shadow:none;}
    #view-admin [id^="adm-tab-"]:not(#adm-tab-users) table thead th{
      background:var(--field-bg);color:var(--ink-soft);
      font-size:10.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;
      text-align:left;padding:12px 14px !important;border:none;border-bottom:1px solid var(--line)}
    #view-admin [id^="adm-tab-"]:not(#adm-tab-users) table tbody td{
      padding:11px 14px !important;border-top:none;border-bottom:1px solid var(--line);
      font-size:12.5px;color:var(--ink);vertical-align:middle;background:transparent}
    #view-admin [id^="adm-tab-"]:not(#adm-tab-users) table tbody tr:nth-child(even) td{background:transparent}
    #view-admin [id^="adm-tab-"]:not(#adm-tab-users) table tbody tr:hover td{background:rgba(92,111,58,.08)}
    body.theme-dark #view-admin [id^="adm-tab-"]:not(#adm-tab-users) table tbody tr:hover td,
    #view-admin[data-theme="dark"] [id^="adm-tab-"]:not(#adm-tab-users) table tbody tr:hover td{background:rgba(147,185,80,.1)}

    /* botões das abas não-users (complementa o .btn base do skin) */
    #view-admin [id^="adm-tab-"]:not(#adm-tab-users) .btn-sm{padding:8px 12px;font-size:12.5px;border-radius:var(--r-inner)}
    #view-admin [id^="adm-tab-"]:not(#adm-tab-users) .btn-primary{
      color:#fff;border:1px solid var(--brand);background:var(--brand);
      box-shadow:none}
    #view-admin [id^="adm-tab-"]:not(#adm-tab-users) .btn-accent{
      color:#fff;border:1px solid var(--p3);background:var(--p3);
      box-shadow:none}
    #view-admin [id^="adm-tab-"]:not(#adm-tab-users) .btn-danger{
      color:var(--danger);border:1px solid #f7d3d8;background:#fdeef0}
    #view-admin [id^="adm-tab-"]:not(#adm-tab-users) .btn-primary:hover,
    #view-admin [id^="adm-tab-"]:not(#adm-tab-users) .btn-accent:hover,
    #view-admin [id^="adm-tab-"]:not(#adm-tab-users) .btn-danger:hover{transform:translateY(-1px)}

    /* barras de filtro (Relatório / Ouvidoria / Histórico) → vidro */
    #view-admin #adm-tab-reports > .flex,
    #view-admin #adm-tab-complaints > .flex,
    #view-admin #adm-tab-history > .flex{
      background:var(--glass);border:1px solid var(--glass-brd);border-radius:var(--r-card);padding:14px 16px;gap:12px;align-items:center}
    body.theme-dark #view-admin #adm-tab-reports > .flex,
    body.theme-dark #view-admin #adm-tab-complaints > .flex,
    body.theme-dark #view-admin #adm-tab-history > .flex,
    #view-admin[data-theme="dark"] #adm-tab-reports > .flex,
    #view-admin[data-theme="dark"] #adm-tab-complaints > .flex,
    #view-admin[data-theme="dark"] #adm-tab-history > .flex{background:rgba(255,255,255,.05)}

    /* =================== DASHBOARD =================== */
    #view-admin #adm-tab-dashboard .dash-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:16px}
    #view-admin #adm-tab-dashboard .dash-title{color:var(--ink)}
    #view-admin #adm-tab-dashboard .dash-sub{color:var(--ink-soft)}
    #view-admin #adm-tab-dashboard .dash-f-label{color:var(--ink-soft);font-weight:700;font-size:11.5px}
    #view-admin #adm-tab-dashboard .dash-filters{
      background:var(--glass);border:1px solid var(--glass-brd);border-radius:var(--r-card);
      padding:14px 16px;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:16px}
    body.theme-dark #view-admin #adm-tab-dashboard .dash-filters,
    #view-admin[data-theme="dark"] #adm-tab-dashboard .dash-filters{background:rgba(255,255,255,.05)}
    #view-admin #adm-tab-dashboard .dash-filters input,
    #view-admin #adm-tab-dashboard .dash-filters select{
      background:var(--field-bg);border:1px solid var(--field-border);border-radius:var(--r-inner);min-height:var(--ctl-h);padding:8px 12px;margin:0;color:var(--ink)}
    body.theme-dark #view-admin #adm-tab-dashboard .dash-filters input,
    body.theme-dark #view-admin #adm-tab-dashboard .dash-filters select,
    #view-admin[data-theme="dark"] #adm-tab-dashboard .dash-filters input,
    #view-admin[data-theme="dark"] #adm-tab-dashboard .dash-filters select{background:rgba(255,255,255,.08)}
    #view-admin #adm-tab-dashboard .dash-pbi-btn{color:#405023;background:#ecf0e5;border:1px solid #d3dcc2}

    /* KPIs → cartão de vidro, ícone em tile gradiente, número moderado */
    #view-admin .dash-kpi{
      background:var(--glass);border:1px solid var(--glass-brd);border-left:1px solid var(--glass-brd);
      border-radius:var(--r-card);box-shadow:none;
      padding:16px;display:flex;flex-direction:row;align-items:center;gap:12px;}
    #view-admin .dash-kpi::before{display:none}
    #view-admin .dash-kpi > div:last-child{display:flex;flex-direction:column;min-width:0}
    #view-admin .dash-kpi-ic{
      width:38px;height:38px;border-radius:var(--r-inner);
      display:grid;place-items:center;flex-shrink:0;color:#fff;position:relative;
      background:var(--brand)}
    #view-admin .dash-kpi-ic::after{content:none;display:none}
    #view-admin .dash-kpi-ic i,#view-admin .dash-kpi-ic svg{display:inline-block;width:18px;height:18px;color:#fff;stroke:#fff}
    #view-admin .dash-kpi[data-tone="purple"] .dash-kpi-ic{background:#405023}
    #view-admin .dash-kpi[data-tone="green"]  .dash-kpi-ic{background:#1f8a5b}
    #view-admin .dash-kpi[data-tone="blue"]   .dash-kpi-ic{background:#405023}
    #view-admin .dash-kpi[data-tone="amber"]  .dash-kpi-ic{background:#c4881a}
    #view-admin .dash-kpi[data-tone="red"]    .dash-kpi-ic{background:#d6334a}
    #view-admin .dash-kpi[data-tone="indigo"] .dash-kpi-ic{background:#405023}
    #view-admin .dash-kpi[data-tone="cyan"]   .dash-kpi-ic{background:#405023}
    #view-admin .dash-kpi-val{font-size:22px;font-weight:700;letter-spacing:-.03em;color:var(--ink);line-height:1.05}
    #view-admin .dash-kpi-lbl{font-size:10.5px;letter-spacing:1.1px;text-transform:uppercase;color:var(--ink-soft);font-weight:700;margin-top:4px}

    /* painéis de gráfico → vidro */
    #view-admin .dash-panel{
      background:var(--glass);border:1px solid var(--glass-brd);border-radius:var(--r-card);box-shadow:none;overflow:hidden;}
    #view-admin .dash-panel-h{display:flex;align-items:center;gap:8px;font-weight:700;font-size:15px;color:var(--ink);padding:12px 16px;background:var(--field-bg);border-bottom:1px solid var(--glass-brd)}
    #view-admin .dash-panel-h svg,#view-admin .dash-panel-h i{width:16px;height:16px;color:var(--brand2);flex:none}
    #view-admin .dash-panel-body{position:relative}
    #view-admin .dash-panel-body.dash-panel-block .dash-sub{color:var(--ink-soft)}

    /* =================== DEPARTAMENTOS =================== */
    #view-admin .dept-create-card{
      background:var(--glass);border:1px solid var(--glass-brd);border-radius:var(--r-card);padding:16px 22px;box-shadow:none;margin-bottom:14px;}
    #view-admin .dept-create-title{font-size:15px;font-weight:700;color:var(--ink);margin-bottom:12px}
    #view-admin .dept-create-row{display:flex;gap:12px;flex-wrap:wrap;align-items:center}
    #view-admin .dept-create-row input{background:var(--field-bg);border:1px solid var(--field-border);border-radius:var(--r-inner);min-height:var(--ctl-h);padding:8px 12px;font-size:13.5px;font-family:inherit;color:var(--ink);margin:0}
    body.theme-dark #view-admin .dept-create-row input,
    #view-admin[data-theme="dark"] .dept-create-row input{background:rgba(255,255,255,.06)}
    #view-admin .dept-create-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--brand);color:#fff;font-family:inherit;font-weight:600;font-size:13px;min-height:var(--ctl-h);padding:8px 16px;border-radius:var(--r-inner);cursor:pointer;
      background:var(--brand);box-shadow:none}
    #view-admin .dept-create-btn:hover{background:var(--brand-dark,#323e1d)}
    #view-admin .admd-id{color:var(--brand2)}
    #view-admin .admd-name{color:var(--ink)}
    #view-admin .admd-edit{color:#405023;background:#ecf0e5;border:1px solid #d3dcc2;border-radius:var(--r-inner)}
    #view-admin .admd-edit:hover{background:#e7efd9}
    #view-admin .admd-del{color:var(--danger);background:#fdeef0;border:1px solid #f7d3d8;border-radius:var(--r-inner)}
    /* pílulas de status (Depts) — variantes dark */
    body.theme-dark #view-admin .admu-status.on,#view-admin[data-theme="dark"] .admu-status.on{background:rgba(63,157,106,.2);color:var(--au-ok)}
    body.theme-dark #view-admin .admu-status.off,#view-admin[data-theme="dark"] .admu-status.off{background:rgba(226,58,109,.2);color:var(--err)}

    /* =================== UNIDADE (cards de vidro) =================== */
    #view-admin .adm-unit-card{
      border:1px solid var(--glass-brd);background:var(--glass);border-radius:var(--r-card);box-shadow:none;}
    #view-admin .adm-unit-card:hover{border-color:var(--brand)}
    #view-admin .adm-unit-card strong{color:var(--ink)}
    #view-admin .adm-unit-card small{color:var(--ink-soft)}
    #view-admin .adm-unit-card::after{color:var(--brand)}

    /* =================== CONSULTA PACIENTE (busca de vidro) =================== */
    #view-admin .adm-patient-search{
      display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:var(--r-card);
      background:var(--glass);border:1px solid var(--glass-brd);box-shadow:none;}
    #view-admin .adm-patient-search:focus-within{border-color:#85ab42;box-shadow:0 0 0 3px rgba(88,109,52,.14)}
    #view-admin .adm-patient-search > i,#view-admin .adm-patient-search > svg{color:var(--brand2);flex-shrink:0}
    #view-admin .adm-patient-search input{flex:1;background:var(--field-bg);border:1px solid var(--field-border);border-radius:var(--r-inner);min-height:var(--ctl-h);padding:8px 12px;font-size:13.5px;font-family:inherit;color:var(--ink);margin:0}
    body.theme-dark #view-admin .adm-patient-search input,#view-admin[data-theme="dark"] .adm-patient-search input{background:rgba(255,255,255,.06)}
    #view-admin .adm-patient-search .btn{color:#fff;border:1px solid var(--brand);background:var(--brand);box-shadow:none}

    /* =================== SENHAS ATIVAS / HISTÓRICO / OUVIDORIA / AUDITORIA =================== */
    #view-admin .adms-card,#view-admin .admh-card{
      background:var(--glass);border:1px solid var(--glass-brd);border-radius:var(--r-card);box-shadow:none;}
    #view-admin .adms-code,#view-admin .admh-code,#view-admin .adms-patient,#view-admin .admh-patient{color:var(--ink)}
    #view-admin .adms-sub,#view-admin .adms-meta,#view-admin .admh-dept,#view-admin .admh-meta{color:var(--ink-soft)}
    #view-admin .adms-call{background:var(--brand);box-shadow:none}
    #view-admin .adms-call:hover{background:var(--brand-dark,#323e1d)}
    #view-admin .admh-resgatar{background:#ecf0e5;border:1px solid #d3dcc2;color:#405023}
    body.theme-dark #view-admin .adms-tag.wait,#view-admin[data-theme="dark"] .adms-tag.wait{background:rgba(64,80,35,.28);color:#a6c56f}
    body.theme-dark #view-admin .adms-tag.closed,#view-admin[data-theme="dark"] .adms-tag.closed{background:rgba(255,255,255,.08);color:var(--ink-soft)}
    /* containers dinâmicos (Ouvidoria / Auditoria) → cards de vidro */
    #view-admin #admin-complaints-list .card,
    #view-admin #admin-audit-host .card{
      background:var(--glass) !important;border:1px solid var(--glass-brd) !important;border-radius:var(--r-card) !important;box-shadow:none !important;}

    /* =================== AGENDA & VAGAS =================== */
    /* container já é .glass; calendário mantém inline-styles. Só botões/inputs herdam o genérico. */
    #view-admin #adm-tab-agenda .btn-primary,#view-admin #adm-tab-agenda .btn-accent{border-radius:var(--r-inner)}

    /* =================== REFINO DE DESIGN (diretor de arte) =================== */
    #view-admin .dash-kpi{min-height:var(--kpi-min-h);border-radius:var(--r-card);padding:var(--kpi-pad);}
    #view-admin .dash-kpi-val{font-size:var(--kpi-val);line-height:1;}
        /* kit 5b §03: "Sem icone decorativo: o rotulo ja diz o que e." O markup do tile saiu
       da view; a regra fica como no-op explicito para nao ressuscitar por outra folha. */
    #view-admin .dash-kpi-ic{display:none}
    #view-admin .dash-band-title{margin:0 0 8px;font-size:10.5px;font-weight:700;letter-spacing:1.1px;text-transform:uppercase;color:var(--ink-soft)}
    #view-admin #adm-tab-dashboard .dash-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(185px,1fr));gap:0;margin-bottom:16px;background:var(--glass);border:1px solid var(--glass-brd);border-radius:var(--r-card);overflow:hidden}
    #view-admin #adm-tab-dashboard .dash-kpi{background:transparent;border:none;border-right:1px solid var(--ds-bd-row,#e8ede1);border-radius:0;box-shadow:none;padding:14px 16px;min-height:0;display:block}
    #view-admin #adm-tab-dashboard .dash-kpi:last-child{border-right:none}
    body.theme-dark #view-admin #adm-tab-dashboard .dash-kpi{border-right-color:var(--line)}
    #view-admin #adm-tab-dashboard .dash-kpi-lbl{order:2}
    #view-admin #adm-tab-agenda > div:not(#adm-agenda-unidades) > div{background:var(--glass) !important;border:1px solid var(--glass-brd) !important;border-radius:var(--r-card) !important;box-shadow:none !important;}
    #view-admin #adm-tab-agenda [style*="#f8fafc"],#view-admin #adm-tab-agenda [style*="#fff"]{background:transparent !important;}
    #view-admin #adm-tab-agenda #add-times-btn,#view-admin #adm-tab-agenda [style*="var(--primary)"]{background:var(--brand) !important;box-shadow:none !important;border:1px solid var(--brand) !important;color:#fff !important;}
    #view-admin #adm-tab-agenda span[style*="#8d9977"],#view-admin #adm-tab-agenda [style*="#64748b"],#view-admin #adm-tab-agenda [style*="#94a3b8"]{color:var(--ink-soft) !important;}
    #view-admin #adm-tab-users #add-user-form-card input:not([type=checkbox]):not([type=radio]),#view-admin #adm-tab-users #add-user-form-card select,#view-admin #adm-tab-users #add-user-form-card textarea{background:var(--field-bg) !important;color:var(--ink) !important;border:1px solid var(--field-border) !important;border-radius:var(--r-inner) !important;min-height:var(--ctl-h);}
    #view-admin #adm-tab-users #add-user-form-card label{color:var(--ink-soft) !important;}
    body.theme-dark #view-admin #adm-tab-users #add-user-form-card input,body.theme-dark #view-admin #adm-tab-users #add-user-form-card select,body.theme-dark #view-admin #adm-tab-users #add-user-form-card textarea{background:rgba(255,255,255,.06) !important;}
    #view-admin .adm-pane > table,#view-admin .adm-pane .adm-matrix{background:transparent !important;box-shadow:none !important;border:none !important;border-radius:0 !important;}
    #view-admin .adm-pane > h4:first-child,#view-admin .dash-title,#view-admin .dept-create-title{font-size:15px;font-weight:700;letter-spacing:-.02em;color:var(--ink);margin:0 0 4px;}
    #view-admin .adm-pane > .small:nth-child(2),#view-admin .dash-sub{color:var(--ink-soft);margin:0 0 14px;}
    #view-admin .dept-create-card,#view-admin .dash-panel,#view-admin [id^="adm-tab-"]:not(#adm-tab-users) table,#view-admin .adms-card,#view-admin .admh-card,#view-admin #admin-complaints-list .card,#view-admin #admin-audit-host .card{border-radius:var(--r-card) !important;}
    #view-admin .adm-pane{border-radius:var(--r-card);padding:var(--pad-card);}

/* ── Chips de paineis liberados (tabela de Usuarios) ───────────────────────
   Vieram de <style id="user-panels-css"> em views/admin.html, 28/08/2026 — o
   ultimo <style> que restava dentro de uma view. Nao tinha !important e nao
   estava em guerra com ninguem; saiu pelo mesmo motivo dos outros: CSS dentro do
   body vence por posicao e nao aparece para quem lê o <head>.
   E o componente que o proprio kit cita como precedente CERTO de revelacao
   progressiva: mostra alguns chips, resume o resto em "+N" e revela no cursor. */
.admin-user-panels .upl-wrap{display:flex;flex-wrap:wrap;align-items:center;gap:2px;max-width:320px;}
.admin-user-panels .upl-chip{display:inline-block;background:var(--surface-2,#f3f4f0);color:var(--text-muted,#5b6250);border:1px solid var(--ds-bd-row,#e8ede1);border-radius:20px;padding:2px 8px;font-size:11px;white-space:nowrap;}
.admin-user-panels .upl-more{display:inline-block;background:#ecf0e5;color:#405023;border:1px solid transparent;border-radius:20px;padding:2px 8px;font-size:11px;font-weight:700;cursor:default;}
/* Kit N4 §4 — REVELACAO PROGRESSIVA. Tres correcoes na mesma regra:

   1. GEMEO NO FOCO E NO TOQUE. Era so :hover — quem navega por teclado ou usa
      tablet nunca via os painteis escondidos. Agora :focus-within (teclado) e
      .is-open (toque, pelo botao +N) revelam o mesmo.

   2. REVELAR NAO MUDA O LAYOUT. Escondiam-se os extras com display:none e o +N
      sumia ao revelar: a celula mudava de altura e empurrava a linha, entao o
      clique errava o alvo. Agora os extras ficam no fluxo com opacidade e altura
      zeradas, e o +N so fica invisivel — o espaco continua reservado.

   3. ENTRADA EM 150ms, SAIDA EM 300ms, como o kit pede: sem isso o conteudo
      pisca ao atravessar a tela com o mouse. */
.admin-user-panels .upl-extra{
  display:inline-block;
  max-width:0; opacity:0; padding-left:0; padding-right:0;
  border-width:0; overflow:hidden; white-space:nowrap;
  transition:max-width .3s ease, opacity .3s ease, padding .3s ease;
}
.admin-user-panels .upl-wrap:hover .upl-extra,
.admin-user-panels .upl-wrap:focus-within .upl-extra,
.admin-user-panels .upl-wrap.is-open .upl-extra{
  max-width:240px; opacity:1; padding-left:8px; padding-right:8px; border-width:1px;
  transition-duration:.15s;
}
.admin-user-panels .upl-wrap:hover .upl-more,
.admin-user-panels .upl-wrap:focus-within .upl-more,
.admin-user-panels .upl-wrap.is-open .upl-more{ opacity:0; pointer-events:none; }
/* O +N e um botao: precisa parecer clicavel e acender no teclado. */
.admin-user-panels .upl-more{
  cursor:pointer; font-family:inherit; line-height:inherit;
  transition:opacity .15s ease;
}
.admin-user-panels .upl-more:focus-visible{
  outline:2px solid var(--field-focus,#85ab42); outline-offset:2px;
}
@media (prefers-reduced-motion: reduce){
  .admin-user-panels .upl-extra,
  .admin-user-panels .upl-more{ transition:none; }
}
/* Em tela de toque o hover nao existe: a lista so abre pelo botao. */
@media (hover: none){
  .admin-user-panels .upl-wrap:hover .upl-extra{ max-width:0; opacity:0; padding-left:0; padding-right:0; border-width:0; }
  .admin-user-panels .upl-wrap:hover .upl-more{ opacity:1; pointer-events:auto; }
  .admin-user-panels .upl-wrap.is-open .upl-extra{ max-width:240px; opacity:1; padding-left:8px; padding-right:8px; border-width:1px; }
  .admin-user-panels .upl-wrap.is-open .upl-more{ opacity:0; pointer-events:none; }
}
#view-admin .adm-chips .upl-chip{background:var(--surface-2,#f3f4f0);color:var(--ink-soft);border:1px solid var(--ds-bd-row,#e8ede1);border-radius:20px;padding:2px 8px;font-size:11px;font-weight:600;}
#view-admin .adm-chips .upl-more{background:#ecf0e5;color:#405023;border:none;border-radius:20px;padding:2px 8px;font-size:11px;font-weight:700;}
body.theme-dark #view-admin .adm-chips .upl-more{background:rgba(126,156,73,.2);color:#a6c56f;}
body.theme-dark .admin-user-panels .upl-chip{background:rgba(255,255,255,.06);color:var(--ink-soft);border-color:var(--line);}
body.theme-dark .admin-user-panels .upl-more{background:rgba(126,156,73,.2);color:#a6c56f;}
body.theme-dark #view-admin .adm-chips .upl-chip{background:rgba(255,255,255,.06);}

/* ===== Barra de abas em CARTAO (22/09/2026) =====
   Pedido do usuario: os icones soltos sobre a regua de 1px liam como desalinhados.
   Agora a barra e um cartao, cada aba e um botao 42x40 arredondado e a ativa vem
   preenchida. Nao mexe em display: as abas "so da central" continuam escondidas
   pela classe .hidden (js/app/admin/01.js). Os !important vencem os de
   aurora.css / 16/01-tema-escuro.css, pelo mesmo motivo explicado acima. */
#view-admin .tabs{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:6px;gap:4px;align-items:center}
body.theme-dark #view-admin .tabs{background:var(--surface);border-color:var(--glass-brd)}
#view-admin .tab{width:42px;height:40px;margin:0;border:none;border-radius:11px}
#view-admin .tab:hover{background:rgba(57,72,32,.08);color:var(--ink)}
body.theme-dark #view-admin .tab:hover{background:rgba(255,255,255,.08)}
/* .tabs na frente: aurora-admin.css carrega DEPOIS e zera o fundo de
   "#view-admin .adm-tab.active" com !important na mesma especificidade. */
#view-admin .tabs .adm-tab.active{color:#fff !important;background:var(--brand) !important;border-bottom:none !important}
body.theme-dark #view-admin .tabs .adm-tab.active{color:#10140b !important;background:var(--brand2) !important;border-bottom:none !important}
#view-admin .tab-fill{border:none}
#view-admin .tab-now{margin-left:auto;padding:0 10px}

/* ===== Bloco de Usuarios com fundo cheio =====
   Restaura o d62cb7d (09/09/2026) que o merge com o homolog deixou para tras: sem
   superficie, a lista de nomes ficava solta sobre o verde da pagina, ao lado do
   cartao do Perfis. */
#view-admin .adm-users{background:var(--surface);border:1px solid var(--border);border-radius:18px;padding:14px 16px}
body.theme-dark #view-admin .adm-users{background:var(--surface)}

/* ===== Busca de usuarios com UM contorno (22/09/2026) =====
   O <input> tinha borda e fundo proprios dentro do label.field.search, que ja e a
   moldura: dois contornos. O input vira transparente e o foco acende a moldura. */
/* os dois :not() igualam e superam "#view-admin input:not(...):not(...)" do aurora-admin.css, que carrega depois */
#view-admin .field.search input:not([type="checkbox"]):not([type="radio"]){border:none !important;background:transparent !important;box-shadow:none !important;outline:none;border-radius:0;padding-left:0}
#view-admin .field.search:focus-within{border-color:var(--brand);box-shadow:0 0 0 3px rgba(57,72,32,.14)}
body.theme-dark #view-admin .field.search:focus-within{border-color:var(--brand2);box-shadow:0 0 0 3px rgba(157,190,99,.18)}
