/* Estrutura das telas, faixa de título, indicadores (KPI) e tabela. */
#app.com-lateral{padding-left:var(--lateral)}
.sec{display:flex;flex-direction:column;gap:16px;padding-block:20px 0}
.faixa{background:linear-gradient(135deg,var(--azul) 0%,var(--azul2) 60%,var(--azul) 100%);color:var(--branco);padding:22px 0;border-bottom:4px solid var(--dourado)}
.faixa .wrap{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}
.faixa h1{font-size:clamp(26px,3vw,36px);text-transform:uppercase;color:var(--branco);margin-top:6px}
.faixa p{margin:4px 0 0;color:var(--cinza-claro);font-size:14px}
.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px}
.kpi{background:var(--branco);border:1px solid var(--linha);border-radius:var(--r);padding:16px 18px;display:flex;flex-direction:column;gap:4px;min-width:0}
.kpi .k{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-weight:700}
.kpi .v{font-family:var(--display);font-weight:600;font-size:30px;line-height:1.12;white-space:nowrap}
.kpi .d{font-size:13px;color:var(--muted);font-variant-numeric:tabular-nums}
.kpi.dark{background:linear-gradient(135deg,var(--azul),var(--azul2));border-color:var(--azul);color:var(--branco)}
.kpi.dark .k,.kpi.dark .d{color:var(--cinza-claro)}
.kpi.dark .v{color:var(--branco)}
.tbl-wrap{overflow:auto;max-height:72vh;border:1px solid var(--linha);border-radius:var(--r);background:var(--branco)}
table{border-collapse:separate;border-spacing:0;width:100%;font-size:13px}
th,td{padding:10px 12px;border-bottom:1px solid var(--linha);text-align:left;font-variant-numeric:tabular-nums}
td.r,th.r{text-align:right;white-space:nowrap}
thead th{position:sticky;top:0;background:var(--azul);color:var(--dourado-claro);font-weight:700;font-size:11px;text-transform:uppercase;letter-spacing:.05em;border-bottom:2px solid var(--dourado)}
tbody tr:nth-child(even) td{background:var(--creme)}
tbody tr:hover td{background:var(--azul-mclaro)}
.vazio{margin:0;padding:24px 4px;color:var(--muted)}
.soon{white-space:nowrap;font-size:9px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--dourado-claro);border:1px solid rgba(var(--dourado-rgb),.5);border-radius:999px;padding:1px 6px;margin-left:auto}
.lt-nav a[aria-disabled="true"]{opacity:.55;cursor:not-allowed}
.lt-nav a[aria-disabled="true"]:hover{background:transparent}
.lt-user{margin-top:auto;padding:16px 22px;border-top:1px solid rgba(var(--branco-rgb),.1);display:flex;flex-direction:column;gap:8px;font-size:13px;color:var(--sobre-azul-2)}
.lt-user b{color:var(--branco);font-size:14px}
.lt-user .btn{align-self:flex-start}
.rodape{margin:28px 0 0;border-top:4px solid var(--dourado);background:linear-gradient(135deg,var(--azul),var(--azul2));color:var(--cinza-claro);font-size:12px}
.rodape .wrap{padding-block:18px;display:flex;justify-content:space-between;gap:8px 24px;flex-wrap:wrap}
.rodape b{color:var(--dourado-claro)}
@media (max-width:900px){#app.com-lateral{padding-left:0}.lt-user{margin-top:0;padding:4px var(--gut) 14px;border-top:0}}
.mt12{margin-top:12px}.mt20{margin-top:20px}.h-sm{font-size:16px;margin-top:16px}.pre{white-space:pre-wrap}
@media (max-width:900px){.lt-user{display:none}.lateral.aberta .lt-user{display:flex}}