/* OSPrimeApp 5.7 — Base / layout global */
body.premium-ui .main {
  min-width: 0 !important;
  max-width: 100% !important;
}
body.premium-ui .topbar.glass-header > div:first-child {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
.page-tabs {
  width: 100%;
  max-width: 100%;
  flex-wrap: wrap;
  overflow-x: visible;
  overflow-y: visible;
  padding: 0 2px;
}

/* 5.7.3: estas condições prevalecem sobre o display dos componentes. */
html body.premium-ui #nav .hidden,
html body.premium-ui #nav .desktop-section-item-hidden:not(.desktop-search-hidden),
html body.premium-ui .sidebar .hidden { display:none !important; }
html body.premium-ui #nav.desktop-searching .desktop-section-item-hidden:not(.hidden):not(.desktop-search-hidden) { display:grid !important; }
@media(min-width:769px){
 html body.premium-ui .main > #page-orders,
 html body.premium-ui .main > #page-clients,
 html body.premium-ui .main > #page-parts,
 html body.premium-ui .main > #page-finance {width:100% !important;max-width:none !important;margin-left:0 !important;margin-right:0 !important;}
}
#partsTable th:last-child,#partsTable td:last-child,
#clientsTable th:last-child,#clientsTable td:last-child,
#financeTable th:last-child,#financeTable td:last-child {position:sticky;right:0;background:var(--bg-surface,#101d30);z-index:2;box-shadow:-6px 0 12px rgba(0,0,0,.12);}
html body.premium-ui :is(#partsTable,#clientsTable,#financeTable) :is(th,td):last-child {background:#101a2b !important;}
html body.premium-ui.theme-light :is(#partsTable,#clientsTable,#financeTable) :is(th,td):last-child {background:#fff !important;}
/* Os mesmos filtros permanecem na faixa com contadores. */
html body.premium-ui #orderFilterBar {display:none !important;}
form[aria-busy="true"] button[type="submit"]{cursor:wait;opacity:.7;}

/* O atributo hidden do HTML precisa vencer o display dos componentes.

   #pageTabs nasce com hidden no index.php e só é revelado quando a página tem
   abas — mas .page-tabs declara display:flex, e regra de autor ganha do
   [hidden]{display:none} que o navegador traz. Resultado medido em 412px: uma
   faixa com borda de 384x10px no topo de TODAS as 28 páginas, sem conteúdo
   nenhum. É a barra vazia que aparecia acima de cada tela.

   Vale para qualquer elemento com hidden, não só as abas: é o comportamento
   que o HTML promete e que o resto do código já assume. */
[hidden] {
  display: none !important;
}

/* Coluna "Ações" das tabelas: botões numa linha só e centrados.

   O legacy transforma .row-actions em flex:

     body.premium-ui.mc-ux-536 .row-actions { display:flex !important; ... }

   Numa <td> isso custa caro. Um table-cell com display:flex deixa de ser
   célula de tabela: o navegador embrulha o conteúdo numa célula anônima, a
   caixa flex fica só da altura do conteúdo e encosta no topo — e vertical-align
   passa a não valer nada (foi por isso que a correção anterior, só com
   vertical-align:middle, não bastou). A célula também perde a capacidade de
   pedir a largura natural, então os botões espremem e quebram.

   Medido em 1366px na tabela de Produtos e Peças, com os quatro botões
   (Editar, Entrada, Etiqueta, Excluir): eles somavam 266px numa coluna de
   254px, então "Excluir" caía sozinho numa segunda linha, e o conjunto ficava
   a 12px do topo com 51px de vazio embaixo. É o desalinhamento das telas.

   Voltando a célula para table-cell: a coluna pede 306px, os quatro cabem na
   mesma linha, o vertical-align volta a funcionar (15px em cima, 16px embaixo)
   e a linha inteira encolhe de 95px para 63px.

   Só a <td> muda. .row-actions fora de tabela (barras de ação soltas)
   continua flex, como o legacy quer. */
html body.premium-ui.mc-ux-536 td.row-actions {
  display: table-cell !important;
  vertical-align: middle !important;
}
html body.premium-ui.mc-ux-536 td.row-actions > button,
html body.premium-ui.mc-ux-536 td.row-actions > a {
  display: inline-flex !important;
  vertical-align: middle !important;
  margin: 2px 4px 2px 0 !important;
}