/* ============================================================
FLUX OPERATOR CONSOLE v2 — CAMADA DE OVERRIDE (carregar por ULTIMO)
Endurece o tema v2 contra resíduos legados DENTRO do conteúdo .fxv2,
para casar os tokens do preview operator v2 (preview-ani-map-v2.html).
Escopo SEMPRE em body.fxv2shell .fxv2 — nunca global.
Seletores confirmados ao vivo (DevTools em customer_edit), NÃO às cegas.
NÃO altera HTML/JS; só reveste.
============================================================ */
:root{
--fxo-primary:#1f62d4; --fxo-primary-700:#0039c7;
--fxo-surface:#1b202b; --fxo-surface-2:#222835; --fxo-surface-3:#293140;
--fxo-border:#303746; --fxo-border-strong:#465063;
--fxo-ink:#f2f4f8; --fxo-ink-muted:#a7b0c0; --fxo-ink-faint:#7f8999;
--fxo-radius:2px;
}
/* ============================================================
SEÇÃO T — ciclo-14: override global das variáveis --flux-* para dark
flux-modern-theme.css declara --flux-surface:#ffffff etc. em :root.
Ao sobrescrever no seletor body.fxv2shell, todos os componentes legados
que usam var(--flux-*) herdam automaticamente os valores dark sem
precisar de patches individuais com !important.
============================================================ */
body.fxv2shell {
/* Superfícies dark */
--flux-bg: #0f1217 !important;
--flux-surface: #1b202b !important;
--flux-surface-2: #222835 !important;
--flux-surface-3: #293140 !important;
/* Bordas dark */
--flux-border: #303746 !important;
--flux-border-strong: #465063 !important;
/* Texto dark */
--flux-text: #f2f4f8 !important;
--flux-text-muted: #a7b0c0 !important;
--flux-text-faint: #7f8999 !important;
--flux-text-invert: #0f1217 !important;
/* Primary dark (mais saturado que o primário light) */
--flux-primary: #1f62d4 !important;
--flux-primary-600: #1a5290 !important;
--flux-primary-700: #143f70 !important;
--flux-primary-soft: rgba(31,98,212,.14) !important;
/* Navy dark */
--flux-navy: #101d2c !important;
--flux-navy-2: #16273d !important;
--flux-navy-line: #1e3147 !important;
/* Estados operacionais dark */
--flux-success: #24a148 !important;
--flux-success-soft: rgba(36,161,72,.12) !important;
--flux-danger: #da1e28 !important;
--flux-danger-soft: rgba(218,30,40,.12) !important;
--flux-warning: #d98c1f !important;
--flux-warning-soft: rgba(217,140,31,.12) !important;
--flux-info: #1192e8 !important;
--flux-info-soft: rgba(17,146,232,.12) !important;
--flux-neutral: #a7b0c0 !important;
--flux-neutral-soft: rgba(167,176,192,.12) !important;
/* Sombras dark */
--flux-shadow-sm: 0 1px 0 rgba(0,0,0,.3) !important;
--flux-shadow: 0 1px 3px rgba(0,0,0,.35) !important;
--flux-shadow-pop: 0 10px 30px rgba(0,0,0,.4) !important;
}
/* ---- Cabeçalho de card legado (utilitários Bootstrap) -> visual card-h v2 ----
PROBLEMA confirmado ao vivo: as views de detalhe/edição montam o título do card
como TÍTULO
.
O tema v2 só estiliza .card-h .t, então esses cabeçalhos vinham como título
preto 17.5px/700 (bg-secondary virava branco, text-light virava quase-preto).
Aqui restilizamos esse padrão para o card-h cinza 11.5px do preview. */
body.fxv2shell .fxv2 .card > .bg-secondary,
body.fxv2shell .fxv2 .card > .rounded-top,
body.fxv2shell .fxv2 .card .bg-secondary.text-light,
body.fxv2shell .fxv2 .card .rounded-top.text-light{
background:var(--fxo-surface-2) !important;
color:var(--fxo-ink-muted) !important;
font-size:11.5px !important;
font-weight:700 !important;
text-transform:uppercase !important;
letter-spacing:.05em !important;
line-height:1.3 !important;
padding:10px 14px !important;
border-bottom:1px solid var(--fxo-border) !important;
border-radius:var(--fxo-radius) var(--fxo-radius) 0 0 !important;
}
/* Garante cantos retos e borda clara nos cards de conteúdo v2 (anula radius/borda
herdados do Bootstrap quando presentes). */
body.fxv2shell .fxv2 .card{
border-color:var(--fxo-border) !important;
border-radius:var(--fxo-radius) !important;
}
/* ---- P2: toolbar de ação legada com botões float-right cujo CONTÊINER COLAPSA ----
PROBLEMA (padrao §3 P2, confirmado): as listas legadas (ex.: did_list,
user/view_invoices_list, view_reseller_charges_list, view_user_emails_list,
view_customer_cdrs_list...) montam a barra de busca/acao como
— tipicamente o toggle #show_search (btn-warning)
e/ou um botao "Back"/"Search" — dentro de um wrapper Bootstrap col-* / w-section
SEM clear. O float tira o botao do fluxo e o contêiner colapsa para altura ~0:
surge uma FAIXA HORIZONTAL VAZIA (com a divisoria do col) logo acima do grid.
CORRECAO determinista e NAO destrutiva: estabelecer um BFC (display:flow-root)
APENAS nos contêineres que possuem um filho DIRETO .float-right / #show_search.
flow-root somente CONTÉM os floats (passa a envolver a altura do botao); nao
esconde, nao remove e nao reflui os filhos em fluxo normal — portanto nao mexe
em nenhum elemento controlado por JS (nada de display:none/visibility).
Escopo: body.fxv2shell (nivel painel, NUNCA global, NUNCA *) + guarda estrutural
:has(> .float-right) sobre seletor legado NOMEADO (col-* / w-section / #show_search).
Degradacao graciosa: navegadores sem :has ignoram a regra inteira (no-op, zero
regressao); navegadores com :has (Chrome 105+) passam a conter o float. */
body.fxv2shell [class*="col-"]:has(> .float-right),
body.fxv2shell [class*="col-"]:has(> #show_search),
body.fxv2shell .w-section:has(> .float-right),
body.fxv2shell .portlet-content:has(> .float-right){
display:flow-root;
}
/* ---- P7: hover/focus legado pinta o
INTEIRO da sidebar de azul ----
PROBLEMA (confirmado ao vivo via DevTools em rates/origination_rates_list):
com-style.css define `body .mainmenu .navbar-nav > li:hover/:focus { background:#4297dc }`
(e style.css um tom mais escuro #1976d2). No layout operator a sidebar abre o
submenu em ACORDEÃO inline DENTRO do próprio ; ao passar o mouse sobre um item
ABERTO, o fica alto (engloba o submenu) e o azul legado preenche TODO o bloco —
uma faixa azul saturada "vazando" atrás do submenu translúcido (o "tosquera").
O tema operator só estiliza o .nav-link e o .dropdown-menu, nunca o fundo do ,
deixando o azul legado exposto.
CORREÇÃO determinista e NÃO destrutiva: zerar APENAS a cor de fundo do em
hover/focus/show. O feedback de hover já existe, com bom gosto, no .nav-link:hover
(rgba(95,160,230,.10)) e o gradiente no .nav-item.show>.nav-link permanece intacto.
Sem display:none/visibility — só neutraliza o background do container. Escopo
body.fxv2shell .mainmenu, seletor legado NOMEADO, !important cirúrgico. Desktop
apenas (a sidebar v2 só existe em >=992px). */
@media (min-width:992px){
body.fxv2shell .mainmenu .navbar-nav>li:hover,
body.fxv2shell .mainmenu .navbar-nav>li:focus,
body.fxv2shell .mainmenu .navbar-nav>li.show{ background:transparent !important; }
}
/* ---- P8: submenu lateral da conta (.sidebar.collapse > ul.sidemenu) -> DROPDOWN ----
PROBLEMA confirmado ao vivo (customer_edit/333): as telas de cliente trazem uma
navegação secundária herdada