/* ObraGestão 8.6.3.26 — sistema global de popups adaptativos */
:root{
  --og-modal-gap:20px;
}

@media(min-width:801px){
  /* O backdrop ocupa somente a área útil do app: preserva sidebar e topo. */
  .modal{
    left:var(--shell-sidebar-compact)!important;
    top:var(--shell-header-h)!important;
    right:0!important;
    bottom:0!important;
    inset:var(--shell-header-h) 0 0 var(--shell-sidebar-compact)!important;
    padding:var(--og-modal-gap)!important;
    align-items:center!important;
    justify-content:center!important;
  }
  body.sidebar-pinned .modal,
  body:has(#nav[data-shell-mode="pinned"]) .modal{
    left:var(--shell-sidebar-expanded)!important;
    inset:var(--shell-header-h) 0 0 var(--shell-sidebar-expanded)!important;
  }
  body.sidebar-compact .modal,
  body:has(#nav[data-shell-mode="compact"]) .modal{
    left:var(--shell-sidebar-compact)!important;
    inset:var(--shell-header-h) 0 0 var(--shell-sidebar-compact)!important;
  }

  .modalbox{
    margin:0!important;
    height:auto!important;
    min-height:0!important;
    width:min(760px,100%)!important;
    max-width:100%!important;
    max-height:calc(100dvh - var(--shell-header-h) - (var(--og-modal-gap) * 2))!important;
  }

  .modalbox.og-modal-sm{
    width:min(520px,100%)!important;
    height:auto!important;
    max-height:min(72dvh,620px)!important;
  }
  .modalbox.og-modal-md{
    width:min(760px,100%)!important;
    height:auto!important;
    max-height:min(82dvh,760px)!important;
  }
  .modalbox.og-modal-lg,
  .modalbox.activity-edit-modal.og-modal-lg,
  .modalbox.google-add-modal.og-modal-lg{
    width:min(980px,100%)!important;
    height:auto!important;
    max-height:min(86dvh,840px)!important;
    margin:0!important;
  }
  .modalbox.og-modal-xl,
  .modalbox.purchase-modal-wide.og-modal-xl,
  .modalbox.ai-review-modal.og-modal-xl,
  .modalbox.budget-edit-modal.og-modal-xl{
    width:min(1220px,100%)!important;
    max-width:1220px!important;
    height:auto!important;
    max-height:calc(100dvh - var(--shell-header-h) - 34px)!important;
    margin:0!important;
  }
  .modalbox.og-modal-workspace,
  .modalbox.ai-review-modal.og-modal-workspace,
  .modalbox.google-places-modal.og-modal-workspace,
  .modalbox.budget-edit-modal.og-modal-workspace,
  .modalbox.purchase-modal-wide.og-modal-workspace{
    width:100%!important;
    max-width:none!important;
    height:calc(100dvh - var(--shell-header-h) - 30px)!important;
    max-height:calc(100dvh - var(--shell-header-h) - 30px)!important;
    margin:0!important;
    border-radius:16px!important;
  }

  /* IA antes da análise: larga, mas sem o grande vazio vertical. */
  .modalbox.ai-review-modal.og-modal-xl #mb{
    flex:0 1 auto!important;
    min-height:0!important;
    overflow:auto!important;
  }
  .modalbox.ai-review-modal.og-modal-xl .ai-review-shell{
    min-height:0!important;
    height:auto!important;
  }
  .modalbox.ai-review-modal.og-modal-xl .ai-review-results:empty{
    display:none!important;
  }

  /* Quando existe resultado/revisão, o conteúdo utiliza a área de trabalho. */
  .modalbox.og-modal-workspace #mb{
    flex:1 1 auto!important;
    min-height:0!important;
  }

  /* Modais complexos continuam com cabeçalho/rodapé estáveis e centro rolável. */
  .modalbox.og-modal-lg #mb,
  .modalbox.og-modal-xl #mb,
  .modalbox.og-modal-workspace #mb{
    min-height:0!important;
  }

  /* A edição de Atividades não vira painel lateral quando estiver no sistema adaptativo. */
  .modal.open .modalbox.activity-edit-modal.og-modal-lg,
  .modal.open .modalbox.activity-edit-modal.og-modal-xl{
    margin:0!important;
  }
}

@media(max-width:800px){
  .modal{
    inset:0!important;
    padding:8px!important;
    align-items:center!important;
  }
  .modalbox,
  .modalbox.og-modal-sm,
  .modalbox.og-modal-md,
  .modalbox.og-modal-lg,
  .modalbox.og-modal-xl,
  .modalbox.og-modal-workspace,
  .modalbox.purchase-modal-wide,
  .modalbox.ai-review-modal,
  .modalbox.budget-edit-modal,
  .modalbox.activity-edit-modal,
  .modalbox.google-places-modal,
  .modalbox.google-add-modal{
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    border-radius:14px!important;
  }
  .modalbox.og-modal-sm,
  .modalbox.og-modal-md{
    height:auto!important;
    max-height:90dvh!important;
  }
  .modalbox.og-modal-lg,
  .modalbox.og-modal-xl,
  .modalbox.og-modal-workspace,
  .modalbox.ai-review-modal.og-modal-xl,
  .modalbox.ai-review-modal.og-modal-workspace,
  .modalbox.budget-edit-modal.og-modal-workspace{
    height:94dvh!important;
    max-height:94dvh!important;
  }
}