/* Monfer Operational OS — fundação das superfícies secundárias ativas. */
body[data-mos-page="portalAdmin"] .main-content { min-width: 0; max-width: 100%; }
body[data-mos-page="portalAdmin"] .main-content > .page-header {
  position: relative; min-height: 68px; padding: 14px 16px 12px 21px;
  border: 1px solid var(--mos-line, rgba(224,230,222,.14)); border-radius: var(--mos-radius, 7px);
  background: linear-gradient(105deg, rgba(225,191,54,.07), transparent 42%), var(--mos-surface, #181d1a);
}
body[data-mos-page="portalAdmin"] .main-content > .page-header::before {
  content: ""; position: absolute; inset: 0 auto 0 0; width: 4px; background: var(--mos-yellow, #e1bf36);
}

#pageSazonalidadeProdutos #sazTabs {
  display: flex;
  gap: 3px;
  max-width: 100%;
  padding: 4px;
  overflow-x: auto;
  border: 1px solid var(--mos-line, rgba(224,230,222,.14));
  border-radius: var(--mos-radius, 7px);
  background: var(--mos-shell, #121614);
}
#pageSazonalidadeProdutos #sazTabs .tab {
  flex: 0 0 auto;
  min-height: 34px;
  padding: 7px 11px;
  border: 0;
  border-radius: 5px;
  background: transparent;
  color: var(--mos-muted, #9ea8a0);
  font: inherit;
  cursor: pointer;
}
#pageSazonalidadeProdutos #sazTabs .tab.active {
  background: rgba(225,191,54,.13);
  color: var(--mos-text, #f1f4ef);
  box-shadow: inset 0 -2px var(--mos-yellow, #e1bf36);
}
@media (max-width: 1200px) {
  body[data-mos-page="portalAdmin"] .main-content { overflow-x: clip; }
  body[data-mos-page="portalAdmin"] .main-content > .page-header { align-items: stretch; flex-direction: column; gap: 10px; }
}
:is(
  #pageAdsCopilot, #pageAlertasRecompra, #pageAuditoriaProdutos, #pageCatalogoCompartilhavel,
  #pageCatalogos, #pageClientes, #pageComprasVisao, #pageConfigDocs, #pageContextoCodex,
  #pageCotacoesFornecedor, #pageCurriculos, #pageCustoKits, #pageDescricoes, #pageDocsProdutos,
  #pageEmail, #pageErrosSistema, #pageEtiquetas, #pageExclusivos, #pageFreteLocal,
  #pageFreteTransportadora, #pageGrupos, #pageHistoricoEnvios, #pageIaEnriquecimento,
  #pageLinkbio, #pageLojaBanners, #pageLojaDestaques, #pageMarketing, #pageMercadoPago,
  #pageMetaIntegracoes, #pageMonitor, #pageNotas, #pageOrcamentoRecorrente, #pagePesquisaPrecos,
  #pagePortalAdmin, #pagePromoSemanas, #pageRankingFornecedores, #pageReguaOrcamentos,
  #pageRetencao, #pageSazonalidadeProdutos, #pageScoreFornecedor, #pageSugestaoAuto,
  #pageTaskManager, #pageTvPainel, #pageUsuarios, #pageVendedores, #pageVerificador,
  #pageWhatsapp, #pageWhatsappObserver
) {
  min-width: 0;
  max-width: 100%;
}

:is(
  #pageAdsCopilot, #pageAlertasRecompra, #pageAuditoriaProdutos, #pageCatalogoCompartilhavel,
  #pageCatalogos, #pageClientes, #pageComprasVisao, #pageConfigDocs, #pageContextoCodex,
  #pageCotacoesFornecedor, #pageCurriculos, #pageCustoKits, #pageDescricoes, #pageDocsProdutos,
  #pageEmail, #pageErrosSistema, #pageEtiquetas, #pageExclusivos, #pageFreteLocal,
  #pageFreteTransportadora, #pageGrupos, #pageHistoricoEnvios, #pageIaEnriquecimento,
  #pageLinkbio, #pageLojaBanners, #pageLojaDestaques, #pageMarketing, #pageMercadoPago,
  #pageMetaIntegracoes, #pageMonitor, #pageNotas, #pageOrcamentoRecorrente, #pagePesquisaPrecos,
  #pagePortalAdmin, #pagePromoSemanas, #pageRankingFornecedores, #pageReguaOrcamentos,
  #pageRetencao, #pageSazonalidadeProdutos, #pageScoreFornecedor, #pageSugestaoAuto,
  #pageTaskManager, #pageTvPainel, #pageUsuarios, #pageVendedores, #pageVerificador,
  #pageWhatsapp, #pageWhatsappObserver
) > .page-header {
  position: relative;
  min-height: 68px;
  padding: 14px 16px 12px 21px;
  overflow: hidden;
  border: 1px solid var(--mos-line, rgba(224,230,222,.14));
  border-radius: var(--mos-radius, 7px);
  background: linear-gradient(105deg, rgba(225,191,54,.07), transparent 42%), var(--mos-surface, #181d1a);
}

:is(
  #pageAdsCopilot, #pageAlertasRecompra, #pageAuditoriaProdutos, #pageCatalogoCompartilhavel,
  #pageCatalogos, #pageClientes, #pageComprasVisao, #pageConfigDocs, #pageContextoCodex,
  #pageCotacoesFornecedor, #pageCurriculos, #pageCustoKits, #pageDescricoes, #pageDocsProdutos,
  #pageEmail, #pageErrosSistema, #pageEtiquetas, #pageExclusivos, #pageFreteLocal,
  #pageFreteTransportadora, #pageGrupos, #pageHistoricoEnvios, #pageIaEnriquecimento,
  #pageLinkbio, #pageLojaBanners, #pageLojaDestaques, #pageMarketing, #pageMercadoPago,
  #pageMetaIntegracoes, #pageMonitor, #pageNotas, #pageOrcamentoRecorrente, #pagePesquisaPrecos,
  #pagePortalAdmin, #pagePromoSemanas, #pageRankingFornecedores, #pageReguaOrcamentos,
  #pageRetencao, #pageSazonalidadeProdutos, #pageScoreFornecedor, #pageSugestaoAuto,
  #pageTaskManager, #pageTvPainel, #pageUsuarios, #pageVendedores, #pageVerificador,
  #pageWhatsapp, #pageWhatsappObserver
) > .page-header::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 4px;
  background: var(--mos-yellow, #e1bf36);
}

:is(
  #pageAdsCopilot, #pageAlertasRecompra, #pageAuditoriaProdutos, #pageCatalogoCompartilhavel,
  #pageCatalogos, #pageClientes, #pageComprasVisao, #pageConfigDocs, #pageContextoCodex,
  #pageCotacoesFornecedor, #pageCurriculos, #pageCustoKits, #pageDescricoes, #pageDocsProdutos,
  #pageEmail, #pageErrosSistema, #pageEtiquetas, #pageExclusivos, #pageFreteLocal,
  #pageFreteTransportadora, #pageGrupos, #pageHistoricoEnvios, #pageIaEnriquecimento,
  #pageLinkbio, #pageLojaBanners, #pageLojaDestaques, #pageMarketing, #pageMercadoPago,
  #pageMetaIntegracoes, #pageMonitor, #pageNotas, #pageOrcamentoRecorrente, #pagePesquisaPrecos,
  #pagePortalAdmin, #pagePromoSemanas, #pageRankingFornecedores, #pageReguaOrcamentos,
  #pageRetencao, #pageSazonalidadeProdutos, #pageScoreFornecedor, #pageSugestaoAuto,
  #pageTaskManager, #pageTvPainel, #pageUsuarios, #pageVendedores, #pageVerificador,
  #pageWhatsapp, #pageWhatsappObserver
) :is(.data-card, .kpi-card, .card) {
  min-width: 0;
  border-color: var(--mos-line, rgba(224,230,222,.14));
  border-radius: var(--mos-radius, 7px);
}

:is(
  #pageAdsCopilot, #pageAlertasRecompra, #pageAuditoriaProdutos, #pageCatalogoCompartilhavel,
  #pageCatalogos, #pageClientes, #pageComprasVisao, #pageConfigDocs, #pageContextoCodex,
  #pageCotacoesFornecedor, #pageCurriculos, #pageCustoKits, #pageDescricoes, #pageDocsProdutos,
  #pageEmail, #pageErrosSistema, #pageEtiquetas, #pageExclusivos, #pageFreteLocal,
  #pageFreteTransportadora, #pageGrupos, #pageHistoricoEnvios, #pageIaEnriquecimento,
  #pageLinkbio, #pageLojaBanners, #pageLojaDestaques, #pageMarketing, #pageMercadoPago,
  #pageMetaIntegracoes, #pageMonitor, #pageNotas, #pageOrcamentoRecorrente, #pagePesquisaPrecos,
  #pagePortalAdmin, #pagePromoSemanas, #pageRankingFornecedores, #pageReguaOrcamentos,
  #pageRetencao, #pageSazonalidadeProdutos, #pageScoreFornecedor, #pageSugestaoAuto,
  #pageTaskManager, #pageTvPainel, #pageUsuarios, #pageVendedores, #pageVerificador,
  #pageWhatsapp, #pageWhatsappObserver
) :is([id$="Wrapper"], .table-responsive, .table-wrapper-scroll, .dre-tabs) {
  max-width: 100%;
  overflow-x: auto;
  overscroll-behavior-inline: contain;
}

@media (max-width: 1200px) {
  body .main-content:has(:is(
    #pageAdsCopilot, #pageAlertasRecompra, #pageAuditoriaProdutos, #pageCatalogoCompartilhavel,
    #pageCatalogos, #pageClientes, #pageComprasVisao, #pageConfigDocs, #pageContextoCodex,
    #pageCotacoesFornecedor, #pageCurriculos, #pageCustoKits, #pageDescricoes, #pageDocsProdutos,
    #pageEmail, #pageErrosSistema, #pageEtiquetas, #pageExclusivos, #pageFreteLocal,
    #pageFreteTransportadora, #pageGrupos, #pageHistoricoEnvios, #pageIaEnriquecimento,
    #pageLinkbio, #pageLojaBanners, #pageLojaDestaques, #pageMarketing, #pageMercadoPago,
    #pageMetaIntegracoes, #pageMonitor, #pageNotas, #pageOrcamentoRecorrente, #pagePesquisaPrecos,
    #pagePortalAdmin, #pagePromoSemanas, #pageRankingFornecedores, #pageReguaOrcamentos,
    #pageRetencao, #pageSazonalidadeProdutos, #pageScoreFornecedor, #pageSugestaoAuto,
    #pageTaskManager, #pageTvPainel, #pageUsuarios, #pageVendedores, #pageVerificador,
    #pageWhatsapp, #pageWhatsappObserver
  ):not(.hidden)) { min-width: 0; overflow-x: clip; }

  :is(
    #pageAdsCopilot, #pageAlertasRecompra, #pageAuditoriaProdutos, #pageCatalogoCompartilhavel,
    #pageCatalogos, #pageClientes, #pageComprasVisao, #pageConfigDocs, #pageContextoCodex,
    #pageCotacoesFornecedor, #pageCurriculos, #pageCustoKits, #pageDescricoes, #pageDocsProdutos,
    #pageEmail, #pageErrosSistema, #pageEtiquetas, #pageExclusivos, #pageFreteLocal,
    #pageFreteTransportadora, #pageGrupos, #pageHistoricoEnvios, #pageIaEnriquecimento,
    #pageLinkbio, #pageLojaBanners, #pageLojaDestaques, #pageMarketing, #pageMercadoPago,
    #pageMetaIntegracoes, #pageMonitor, #pageNotas, #pageOrcamentoRecorrente, #pagePesquisaPrecos,
    #pagePortalAdmin, #pagePromoSemanas, #pageRankingFornecedores, #pageReguaOrcamentos,
    #pageRetencao, #pageSazonalidadeProdutos, #pageScoreFornecedor, #pageSugestaoAuto,
    #pageTaskManager, #pageTvPainel, #pageUsuarios, #pageVendedores, #pageVerificador,
    #pageWhatsapp, #pageWhatsappObserver
  ) > .page-header { min-height: 0; align-items: stretch; flex-direction: column; gap: 10px; overflow: visible; }
}

@media (max-width: 700px) {
  :is(
    #pageAdsCopilot, #pageAlertasRecompra, #pageAuditoriaProdutos, #pageCatalogoCompartilhavel,
    #pageCatalogos, #pageClientes, #pageComprasVisao, #pageConfigDocs, #pageContextoCodex,
    #pageCotacoesFornecedor, #pageCurriculos, #pageCustoKits, #pageDescricoes, #pageDocsProdutos,
    #pageEmail, #pageErrosSistema, #pageEtiquetas, #pageExclusivos, #pageFreteLocal,
    #pageFreteTransportadora, #pageGrupos, #pageHistoricoEnvios, #pageIaEnriquecimento,
    #pageLinkbio, #pageLojaBanners, #pageLojaDestaques, #pageMarketing, #pageMercadoPago,
    #pageMetaIntegracoes, #pageMonitor, #pageNotas, #pageOrcamentoRecorrente, #pagePesquisaPrecos,
    #pagePortalAdmin, #pagePromoSemanas, #pageRankingFornecedores, #pageReguaOrcamentos,
    #pageRetencao, #pageSazonalidadeProdutos, #pageScoreFornecedor, #pageSugestaoAuto,
    #pageTaskManager, #pageTvPainel, #pageUsuarios, #pageVendedores, #pageVerificador,
    #pageWhatsapp, #pageWhatsappObserver
  ) :is(.data-card-header, .search-bar) { align-items: stretch; flex-direction: column; }
}