/* Padrão visual único da versão de teste (obs. 15 e 24, pedido do Alen, 18/10/2026).
   Carregado depois de app.css e vale para todas as telas, com ou sem a camada "premium".
   Só ajusta aparência, não muda regra de negócio. */

/* Texto e títulos: os mesmos tamanhos em listas, detalhes, painel e janelas. */
body.r05 main{font-size:14px;line-height:1.5;padding:28px 32px!important}
body.r05 main h1{font-size:26px!important;line-height:1.2!important;margin:0 0 6px!important;font-weight:700}
body.r05 main h2,body.r05 dialog h2{font-size:17px!important;line-height:1.3!important;margin:0 0 10px!important}
body.r05 main h3{font-size:15px!important;margin:0 0 6px!important}
body.r05 main p{margin:6px 0}
body.r05 main dt,body.r05 main dd,body.r05 main td{font-size:14px}
body.r05 .eyebrow{font-size:11px!important;letter-spacing:.12em;margin:0 0 8px!important}

/* Espaçamento: blocos com o mesmo respiro e o mesmo canto. */
body.r05 main .panel,body.r05 main .premium-panel,body.r05 main .record,body.r05 main .list-summary{padding:18px 20px!important;border-radius:8px!important;margin:0 0 16px!important}
body.r05 main .premium-heading,body.r05 main .toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin:0 0 20px!important}
body.r05 main .premium-heading p.muted{margin:0}

/* Botões: um tamanho só, compacto, alinhados numa linha; a ação principal em azul. */
body.r05 main button,body.r05 dialog button,body.r05 .batch-bar button{min-height:34px!important;padding:6px 14px!important;font-size:13px!important;line-height:1.3!important;border-radius:6px!important;white-space:nowrap;width:auto}
body.r05 main .premium-table button{min-height:30px!important;padding:4px 12px!important}
body.r05 main button.primary,body.r05 dialog button.primary,body.r05 .batch-bar button.primary{background:#0007CC!important;border-color:#0007CC!important;color:#fff!important;font-weight:700}
body.r05 main .premium-actions,body.r05 main .detail-actions,body.r05 main .actions,body.r05 dialog .dialog-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
body.r05 main button+button{margin-left:0}
body.r05 main button.link,body.r05 main button.record-link{min-height:0!important;padding:0!important;background:none!important;border:0!important;color:#00C2FE!important}

/* Campos: mesma altura dos botões vizinhos. */
body.r05 main .field input,body.r05 main .field select{min-height:36px!important;padding:6px 10px!important;font-size:14px!important}
body.r05 main .field{font-size:12px}

/* Faixa dos selecionados (obs. 8 e 9): discreta, numa linha, só com as ações que cabem. */
body .batch-bar,body.premium .batch-bar{background:#0b1424!important;border:1px solid #2b4a8a!important;color:#edf3ff!important;padding:8px 12px!important;gap:8px!important;display:flex;flex-wrap:wrap;align-items:center;border-radius:8px;margin:0 0 12px}
body .batch-bar[hidden]{display:none!important}
.batch-bar>strong{margin-right:auto;font-size:13px}
body .batch-bar button.batch-main{background:#0007cc!important;border-color:#0007cc!important;color:#fff!important;font-weight:700}

/* Tabelas: código, situação, valor e data sem quebra; descrição ocupa o espaço que sobra. */
body .premium-table th,body .premium-table td{padding:10px 12px!important}
body .premium-table td{min-width:0!important}
body .premium-table td:nth-child(3){min-width:160px!important}
.premium-table .record-link,.premium-table .state-label,.premium-table td.money{white-space:nowrap}
.premium-table td:last-child,.premium-table th:last-child{position:sticky;right:0;background:#0d1422!important}
.premium-table th:first-child,.premium-table td:first-child{width:36px}

/* Situação e "Mais filtros" (obs. 23): botão pequeno ao lado, que abre um painel por cima da lista. */
body .c12-filters,body .premium-filters{display:flex!important;justify-content:flex-start!important;align-items:flex-end!important;gap:8px!important;flex-wrap:wrap;margin:0 0 12px!important;padding:0!important;background:transparent!important;border:0!important}
body .c12-filters>.field,body .premium-filters>.field{flex:0 1 240px!important;width:240px!important;max-width:240px!important;margin:0!important}
body details.premium-advanced{position:relative;flex:0 0 auto!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important}
body details.premium-advanced[open]{flex-basis:auto!important}
body details.premium-advanced>summary{list-style:none;display:flex;box-sizing:border-box;height:36px;align-items:center;gap:6px;min-height:36px;padding:6px 14px!important;border:1px solid #344561;border-radius:6px;background:#131d2d;color:#edf3ff!important;font-size:13px!important;font-weight:400!important;cursor:pointer;white-space:nowrap}
body details.premium-advanced>summary::-webkit-details-marker{display:none}
body details.premium-advanced>summary::after{content:"▾";font-size:11px;color:#00C2FE}
body details.premium-advanced[open]>summary{border-color:#00C2FE}
body .premium-advanced-panel{position:absolute;z-index:20;top:calc(100% + 6px);left:0;width:min(760px,calc(100vw - 300px));min-width:320px;padding:16px;border:1px solid #344561;border-radius:8px;background:#0a0f19;box-shadow:0 10px 30px #000a}
body .premium-advanced-panel .form-grid{padding-top:0!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important}
body .premium-advanced-panel details>summary{padding:8px 0;color:#00C2FE;cursor:pointer;font-size:13px}
body .premium-advanced-panel{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
body .premium-advanced-panel>.form-grid,body .premium-advanced-panel>details,body .premium-advanced-panel>p{flex:1 1 100%}
body .premium-advanced-panel>.premium-actions{margin:0!important}
body .premium-advanced-panel .field{width:auto!important;min-width:0}
body .premium-advanced-panel .field input,body .premium-advanced-panel .field select{width:100%!important;box-sizing:border-box}
main details>summary{cursor:pointer}

/* Quadros da Central de Compras: todos do mesmo tamanho. */
body .c12-kpis button{min-height:64px!important;align-items:flex-start;white-space:normal!important}

/* Janelas: ações à direita, sem botão sobrando. */
dialog .dialog-actions{display:flex;justify-content:flex-end;gap:8px}

@media(max-width:700px){
 body.r05 main{padding:16px!important}
 body .c12-filters>.field,body .premium-filters>.field{flex:1 1 100%!important;width:100%!important;max-width:none!important}
 body .premium-advanced-panel{position:static;width:auto;min-width:0;margin-top:8px}
 body .premium-advanced-panel .form-grid{grid-template-columns:1fr!important}
}
/* Aviso de erro vazio não ocupa espaço (alinha "Mais filtros" com "Situação"). */
body .c12-filters>.field>.field-error:empty,body .premium-filters>.field>.field-error:empty{display:none}
/* Tabelas simples (parcelas, itens): mesmo respiro das listas. */
body.r05 main table:not(.premium-table){border-collapse:collapse}
body.r05 main table:not(.premium-table) th,body.r05 main table:not(.premium-table) td{padding:8px 14px;text-align:left;border-bottom:1px solid #253044}

/* Moldura igual em todas as telas: menu lateral, topo e selos, com ou sem a camada "premium". */
body.r05 .sidebar{background:#000!important}
body.r05 .brand{background:transparent!important;display:flex;justify-content:center;padding:0!important;border:0!important}
body.r05 .brand img{width:128px!important;max-height:none!important;object-fit:contain}
body.r05 .nav-group a{font-size:13px!important;font-weight:400!important;padding:9px 12px!important;min-height:40px;color:#e3e4e7;border-radius:5px;box-sizing:border-box}
body.r05 .nav-group a[aria-current=page]{background:#0007CC!important;color:#fff!important;border-left:3px solid #00C2FE!important}
body.r05 .nav-section{border:0!important}
body.r05 .nav-section summary{color:#d0e0f4!important;font-size:12px!important;font-weight:700!important;letter-spacing:.05em;padding:12px 8px!important;text-transform:uppercase}
body.r05 .topbar{background:#000!important;border-bottom:1px solid #263248!important;padding:12px 32px!important;min-height:64px;box-sizing:border-box}
body.r05 .topbar .badge{background:#111a29!important;color:#edf3ff!important;border:1px solid #344561!important;border-radius:4px!important;padding:4px 8px!important;font-size:12px!important}
body.r05 main .badge,body.r05 main .state-label{display:inline-block;background:#111a29!important;color:#edf3ff!important;border:1px solid #344561!important;border-radius:4px!important;padding:3px 8px!important;font-size:12px!important;line-height:1.4}
@media(min-width:901px){body.r05 .shell{grid-template-columns:224px minmax(0,1fr)!important}body.r05 .sidebar{padding:24px 16px!important}}
/* Uma fonte só em todas as telas e janelas. */
body.r05{font-family:Arial,Helvetica,sans-serif!important}
body.r05 button,body.r05 input,body.r05 select,body.r05 textarea{font-family:inherit}