/* Correções pontuais de regressões de UI — 2026-08-31.
   Carregado somente pelos templates explicitamente autorizados no refiner. */

/* Serviços / Produtos: cards comerciais com o mesmo surface/contraste do design system. */
.ux-offer-ds-card {
  background: var(--vp-surface, #fff) !important;
  border-color: var(--vp-border, rgba(15, 118, 110, .12)) !important;
  color: var(--vp-text, #0f172a) !important;
  box-shadow: var(--vp-shadow-card, 0 10px 30px rgba(15, 23, 42, .06)) !important;
}
.ux-offer-ds-card > div:first-child strong,
.ux-offer-ds-card > div:first-child h3,
.ux-offer-ds-card > div:first-child h4 {
  color: var(--vp-text, #0f172a) !important;
}
.ux-offer-ds-card > div:first-child p,
.ux-offer-ds-card > div:first-child small {
  color: var(--vp-text-muted, #64748b) !important;
}
html.vp-dark .ux-offer-ds-card {
  background: var(--vp-surface, #0f172a) !important;
  border-color: var(--vp-border, rgba(148, 163, 184, .2)) !important;
}

/* Oportunidades: menus de ações passam a ser posicionados contra o viewport. */
.op-card-menu.ux-viewport-menu,
.ux-dashboard-more-popover.ux-viewport-menu {
  position: fixed !important;
  right: auto !important;
  bottom: auto !important;
  z-index: 12060 !important;
  max-width: calc(100vw - 24px) !important;
  max-height: calc(100dvh - 24px) !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  overscroll-behavior: contain;
  -webkit-overflow-scrolling: touch;
}

/* Financeiro: qualquer sheet/dialog fica acima da navbar mobile e continua rolável. */
#financeCenter .finance-sheet-shell {
  z-index: 12050 !important;
  isolation: isolate;
}
#financeCenter .finance-sheet-shell > .finance-sheet-backdrop {
  z-index: 0 !important;
}
#financeCenter .finance-sheet-panel {
  z-index: 1 !important;
  max-height: min(92dvh, 880px);
  overscroll-behavior: contain;
  -webkit-overflow-scrolling: touch;
}
@media (max-width: 767px) {
  #financeCenter .finance-sheet-shell {
    align-items: flex-end !important;
    justify-content: center !important;
    padding: 0 !important;
  }
  #financeCenter .finance-sheet-panel {
    width: 100% !important;
    max-width: none !important;
    max-height: 100dvh !important;
    overflow-y: auto !important;
    padding-bottom: max(1rem, env(safe-area-inset-bottom, 0px));
  }
  #financeCenter [data-finance-sheet="create"] .finance-sheet-panel,
  #financeCenter [data-finance-sheet="filters"] .finance-sheet-panel {
    border-radius: 1.35rem 1.35rem 0 0 !important;
  }
}
@media (max-width: 520px) {
  #financeCenter [data-finance-sheet="create"] .finance-sheet-panel {
    max-height: 100dvh !important;
    border-radius: 0 !important;
  }
}

/* Dashboard: quando houver de fato mais de uma ação, o popover também usa o viewport. */
.ux-dashboard-more.ux-dashboard-menu-ready {
  overflow: visible !important;
}