/* Raio X — filtro em gaveta à direita (computador) e folha que sobe de baixo (celular). Othon, 31/10/2026.
   Barra de resumo no lugar do quadro antigo; a gaveta abre por cima e pode ser fixada (alfinete). */
:root{--rx-gw:400px;--rx-top:56px}
.rx-barra{display:flex;align-items:center;gap:12px;margin-bottom:16px;padding:10px 12px;background:var(--tblr-bg-surface);border:1px solid var(--tblr-border-color);border-radius:var(--tblr-border-radius-lg,8px)}
.rx-chips{display:flex;flex-wrap:wrap;gap:6px;flex:1;min-width:0}
.rx-chip{display:inline-flex;align-items:center;gap:5px;max-width:260px;height:28px;padding:0 10px;border:1px solid rgba(var(--tblr-primary-rgb),.45);border-radius:14px;background:rgba(var(--tblr-primary-rgb),.08);color:var(--tblr-body-color);font-size:13px;cursor:pointer;white-space:nowrap}
.rx-chip span{overflow:hidden;text-overflow:ellipsis}
.rx-chip small{color:var(--tblr-secondary);font-size:12px}
.rx-chip:hover{border-color:var(--tblr-primary)}
.rx-chip-vz{color:var(--tblr-secondary);font-size:13px}
.rx-barra-ac{display:flex;align-items:center;gap:8px;flex:none}
#rxAbrir .ti{margin-right:6px}

.rx-gaveta{position:fixed;top:var(--rx-top);right:calc(-1 * var(--rx-gw) - 24px);bottom:0;width:var(--rx-gw);max-width:100vw;z-index:1042;display:flex;flex-direction:column;background:var(--tblr-bg-surface);border-left:1px solid var(--tblr-border-color);box-shadow:var(--tblr-box-shadow-lg,0 16px 48px rgba(52,58,64,.18));visibility:hidden;transition:right .28s cubic-bezier(.2,.8,.2,1),visibility 0s linear .28s}
body.rx-g-aberta .rx-gaveta,body.rx-g-fixa .rx-gaveta{right:0;visibility:visible;transition:right .28s cubic-bezier(.2,.8,.2,1),visibility 0s}
body.rx-g-fixa .rx-gaveta{box-shadow:none}
body.rx-g-fixa .page-wrapper,body.rx-g-fixa .footer{margin-right:var(--rx-gw)}
.rx-veu{position:fixed;inset:var(--rx-top) 0 0 0;z-index:1041;background:rgba(24,36,51,.24);opacity:0;pointer-events:none;transition:opacity .2s}
body.rx-g-aberta:not(.rx-g-fixa) .rx-veu{opacity:1;pointer-events:auto}
.rx-g-alca,.rx-g-abas{display:none}
.rx-g-top{display:flex;align-items:center;gap:8px;height:44px;padding:0 6px 0 14px;border-bottom:1px solid var(--tblr-border-color);flex:none}
.rx-g-top b{font-weight:500;font-size:15px}
.rx-g-fixar[aria-pressed="true"]{color:var(--tblr-primary);background:rgba(var(--tblr-primary-rgb),.1)}
.rx-g-corpo{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain}
.rx-g-sec{padding:10px 14px 12px;border-bottom:1px solid var(--tblr-border-color)}
.rx-g-sec:last-child{border-bottom:0}
.rx-g-h{display:flex;align-items:center;gap:6px;height:24px;margin-bottom:6px;font-size:11px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:var(--tblr-secondary)}
.rx-g-h>.ti{font-size:14px;color:var(--tblr-primary)}
.rx-g-h .ao-rx-limpar{margin-left:auto;height:24px;padding:0 6px;text-transform:none;letter-spacing:0;font-weight:400;font-size:12px;gap:4px}
.rx-g-h .ao-rx-limpar .ti{font-size:14px}
/* dentro da gaveta tudo quebra em linhas, com botões mais baixos (31/10/2026: altura menor, pedido do Othon) */
.rx-gaveta .ao-rx-dds,.rx-gaveta #rxDs,.rx-gaveta #rxDs .ao-rx-dds,.rx-gaveta #rxPerfil .ao-rx-dds{display:flex;flex-wrap:wrap!important;gap:4px;margin:0;padding:0;border:0}
.rx-gaveta .ao-rx-dd-b,.rx-gaveta #rxDs .ao-rx-dd-b{max-width:100%;height:28px;min-height:28px;padding:0 8px;gap:4px;font-size:12.5px;line-height:1}
.rx-gaveta .ao-rx-dd-b .ti,.rx-gaveta #rxDs .ao-rx-dd-b .ti{font-size:14px}
.rx-gaveta .ao-rx-dd-b.dropdown-toggle::after{margin-left:2px}
/* Região e Perfil: duas colunas iguais (4 seletores = 2 linhas) */
.rx-gaveta #rxTb .ao-rx-dds,.rx-gaveta #rxPerfil .ao-rx-dds{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}
.rx-gaveta #rxTb .ao-rx-dd,.rx-gaveta #rxPerfil .ao-rx-dd{min-width:0}
.rx-gaveta #rxTb .ao-rx-dd-b,.rx-gaveta #rxPerfil .ao-rx-dd-b{width:100%;justify-content:flex-start}
.rx-gaveta #rxTb .ao-rx-dd-b.dropdown-toggle::after,.rx-gaveta #rxPerfil .ao-rx-dd-b.dropdown-toggle::after{margin-left:auto}
.rx-g-pe{flex:none;padding:8px 14px;border-top:1px solid var(--tblr-border-color);background:var(--tblr-bg-surface)}
.rx-g-pe .btn{height:34px}
body.rx-g-fixa .rx-g-pe{display:none}

/* ---------- celular: folha que sobe de baixo (recolhida · meia tela · tela inteira) ---------- */
@media (max-width:767.98px){
  .rx-barra{position:fixed;left:0;right:0;bottom:0;z-index:1040;margin:0;border-radius:14px 14px 0 0;border-bottom:0;box-shadow:0 -6px 24px rgba(52,58,64,.14);padding:10px 12px calc(10px + env(safe-area-inset-bottom))}
  .rx-chips{flex-wrap:nowrap;overflow:hidden}
  .rx-chip:nth-child(n+3){display:none}
  #rxLimparTudo{display:none}
  .ao-rx-full{padding-bottom:84px}
  .rx-gaveta{top:auto;left:0;right:0;width:auto;height:55dvh;border-left:0;border-radius:14px 14px 0 0;box-shadow:0 -10px 32px rgba(52,58,64,.22);transform:translateY(105%);visibility:hidden;transition:transform .28s cubic-bezier(.2,.8,.2,1),height .28s cubic-bezier(.2,.8,.2,1),visibility 0s linear .28s}
  body.rx-g-aberta .rx-gaveta,body.rx-g-fixa .rx-gaveta{right:0;transform:none;visibility:visible;transition:transform .28s cubic-bezier(.2,.8,.2,1),height .28s cubic-bezier(.2,.8,.2,1),visibility 0s}
  body.rx-f-cheia .rx-gaveta{height:calc(100dvh - var(--rx-top))}
  body.rx-g-fixa .page-wrapper,body.rx-g-fixa .footer{margin-right:0}
  body.rx-g-aberta .ao-rx-full{padding-bottom:calc(55dvh + 16px)}
  .rx-veu{display:none}
  .rx-g-alca{display:flex;justify-content:center;padding:8px 0 2px;cursor:grab;touch-action:none;flex:none}
  .rx-g-alca span{width:40px;height:4px;border-radius:2px;background:var(--tblr-border-color-dark,#c9c9c9)}
  .rx-g-top{height:44px}
  .rx-g-fixar{display:none}
  .rx-g-abas{display:flex;gap:4px;padding:0 12px;border-bottom:1px solid var(--tblr-border-color);flex:none}
  .rx-g-abas button{flex:1;height:40px;border:0;border-bottom:2px solid transparent;background:none;color:var(--tblr-secondary);font:inherit;font-size:14px}
  .rx-g-abas button.on{color:var(--tblr-primary);border-bottom-color:var(--tblr-primary)}
  /* meia tela: uma seção por vez (abas); tela inteira: as três, uma embaixo da outra */
  body:not(.rx-f-cheia) .rx-g-sec{display:none;border-bottom:0}
  body:not(.rx-f-cheia) .rx-g-sec.on{display:block}
  body.rx-f-cheia .rx-g-abas{display:none}
  body:not(.rx-f-cheia) .rx-g-pe{display:none}
  body.rx-f-cheia .rx-g-pe{display:block;padding-bottom:calc(12px + env(safe-area-inset-bottom))}
  body.rx-g-aberta .rx-barra{display:none}
}
@media print{.rx-gaveta,.rx-veu,.rx-barra-ac{display:none!important}body.rx-g-fixa .page-wrapper{margin-right:0}}
/* 01/11/2026 (Othon): no computador, sem a faixa de filtros escolhidos — o botão Filtros vira uma aba de pé na borda direita (texto de lado, com o número); a gaveta abre do mesmo lado */
@media (min-width:768px){
  .rx-barra,.rx-barra-ac{display:contents}
  .rx-chips,#rxLimparTudo{display:none!important}
  #rxAbrir{position:fixed;right:0;top:calc(var(--rx-top) + 96px);z-index:1040;writing-mode:vertical-rl;transform:rotate(180deg);height:auto;min-height:0;padding:14px 8px;gap:8px;border-radius:0 8px 8px 0;box-shadow:var(--tblr-box-shadow-dropdown,0 8px 24px rgba(52,58,64,.16));line-height:1}
  #rxAbrir .ti{margin:0;transform:rotate(90deg)}
  #rxAbrir .badge{writing-mode:horizontal-tb;transform:rotate(180deg)}
  body.rx-g-aberta #rxAbrir,body.rx-g-fixa #rxAbrir{display:none}
}

/* 01/11/2026 (Othon): barra da tabela do Raio X em duas linhas, tudo da esquerda para a direita.
   1ª linha: Empresas · busca · Agrupar por › › · expandir/recolher/desagrupar · Limpar filtros
   2ª linha: Valores · Cálculos · filtro por coluna · Colunas · tela cheia · contagem de linhas */
.ao-rx-full .c1g-bar{justify-content:flex-start;row-gap:10px;column-gap:8px}
.ao-rx-full .c1g-bar::before{content:"";order:7;flex-basis:100%;height:0}
.ao-rx-full .c1g-bar>.c1g-antes{order:1}
.ao-rx-full .c1g-bar>.input-icon{order:2}
.ao-rx-full .c1g-bar>.c1g-agr{order:3;display:inline-flex;align-items:center;gap:6px;margin-left:8px}
.ao-rx-full .c1g-bar>[data-a="abre"],.ao-rx-full .c1g-bar>[data-a="fecha"],.ao-rx-full .c1g-bar>[data-a="desagr"]{order:4}
.ao-rx-full .c1g-bar>[data-a="abre"]{margin-left:4px;border-top-right-radius:0;border-bottom-right-radius:0}
.ao-rx-full .c1g-bar>[data-a="fecha"]{margin-left:-9px;border-radius:0}
.ao-rx-full .c1g-bar>[data-a="abre"],.ao-rx-full .c1g-bar>[data-a="fecha"],.ao-rx-full .c1g-bar>[data-a="desagr"],.ao-rx-full .c1g-bar [data-a="filtog"],.ao-rx-full .c1g-bar [data-a="cheia"]{width:31px;height:31px;padding:0;display:inline-flex;align-items:center;justify-content:center}
.ao-rx-full .c1g-bar>[data-a="desagr"]{margin-left:-9px;border-top-left-radius:0;border-bottom-left-radius:0}
.ao-rx-full .c1g-bar>.c1g-ext,.ao-rx-full .c1g-bar>[data-a="limpa"]{order:5}
.ao-rx-full .c1g-bar>.ms-auto{order:8;margin-left:0!important;gap:8px!important}
.ao-rx-full .c1g-bar>span.text-secondary.small{order:9;margin-left:4px}
