/* Admin: usa as mesmas variáveis do app, com ajustes para densidade e tabelas largas. */
.aviso{padding:60px 20px}
.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;margin-bottom:16px}
.kpi{background:var(--card);border-radius:12px;padding:14px;box-shadow:var(--sombra)}
.kpi .r{color:var(--mudo);font-size:11px;text-transform:uppercase;letter-spacing:.08em}
.kpi .v{font-size:26px;font-weight:700;margin-top:4px}
.kpi .s{color:var(--mudo);font-size:12px;margin-top:2px}
.tabela.compacta td,.tabela.compacta th{padding:8px 10px;font-size:12px}
.linha-busca{display:flex;gap:8px;margin-bottom:12px;flex-wrap:wrap}
.linha-busca input,.linha-busca select{padding:8px 10px;border:1px solid var(--sec);border-radius:10px;background:var(--fundo);min-width:160px}
.sparkline{display:flex;align-items:flex-end;gap:2px;height:38px;margin-top:4px}
.sparkline>div{flex:1;background:var(--ouro);border-radius:2px 2px 0 0;min-height:2px}
.dialog{position:fixed;inset:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:50;padding:16px}
.dialog .cartao{max-width:560px;width:100%;max-height:85vh;overflow:auto}
.dialog .fechar{position:absolute;right:14px;top:14px;background:none;border:0;font-size:20px;cursor:pointer;color:var(--mudo)}
.sel-filtro{display:flex;gap:4px;flex-wrap:wrap}
.sel-filtro button{padding:6px 10px;font-size:12px;border:1px solid var(--sec);background:transparent;border-radius:8px;cursor:pointer;color:var(--texto)}
.sel-filtro button.on{background:var(--prim);color:#fff;border-color:var(--prim)}
.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}
.minibtn{padding:4px 8px;font-size:11px;border-radius:6px;border:1px solid var(--sec);background:var(--card);cursor:pointer;color:var(--texto)}
.minibtn:hover{border-color:var(--ouro)}
.minibtn.perigo{color:#E25D5D;border-color:#E25D5D;background:transparent}
#lateral .menu a{cursor:pointer}