body.dashboard-client-flat-theme :is(
  .dashboard-client-edit-modal,
  .billing-invoice-modal,
  .plans-create-modal,
  .dashboard-agenda-modal,
  .patient-appointment-modal,
  .insurance-ai-actions-modal,
  .client-form-modal:not([aria-hidden="true"])
) {
  position: fixed !important;
  inset: 0 !important;
  z-index: 12000 !important;
  display: grid !important;
  place-items: center !important;
  padding: var(--lf-space-5) !important;
}

body.dashboard-client-flat-theme :is(
  .dashboard-client-edit-modal[hidden],
  .billing-invoice-modal[hidden],
  .plans-create-modal[hidden],
  .dashboard-agenda-modal[hidden],
  .patient-appointment-modal[hidden],
  .insurance-ai-actions-modal[hidden],
  .client-form-modal[aria-hidden="true"]
) {
  display: none !important;
}

body.dashboard-client-flat-theme :is(
  .dashboard-client-edit-backdrop,
  .billing-invoice-backdrop,
  .plans-create-backdrop,
  .dashboard-agenda-backdrop,
  .patient-appointment-modal__backdrop,
  .insurance-ai-actions-modal__backdrop
) {
  position: absolute !important;
  inset: 0 !important;
  background: rgba(15, 23, 42, 0.38) !important;
  backdrop-filter: blur(10px) saturate(1.05) !important;
}

body.dashboard-client-flat-theme :is(
  .dashboard-client-edit-dialog,
  .dashboard-client-edit-dialog--create,
  .billing-invoice-card,
  .plans-create-dialog,
  .dashboard-agenda-dialog,
  .patient-appointment-modal__dialog,
  .insurance-ai-actions-modal__dialog,
  .client-form-modal .modal-card
) {
  position: relative !important;
  width: min(620px, calc(100vw - 32px)) !important;
  max-height: min(760px, calc(100vh - 32px)) !important;
  overflow: auto !important;
  border: 1px solid var(--lf-color-border) !important;
  border-radius: var(--lf-radius-xl) !important;
  background: var(--lf-color-surface) !important;
  color: var(--lf-color-text) !important;
  box-shadow: var(--lf-shadow-lift) !important;
}

body.dashboard-client-flat-theme :is(
  .dashboard-client-edit-header,
  .billing-invoice-header,
  .plans-create-header,
  .patient-appointment-modal__header,
  .insurance-ai-actions-modal__dialog header
) {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: var(--lf-space-4) !important;
  padding-bottom: var(--lf-space-4) !important;
  border-bottom: 1px solid var(--lf-color-border) !important;
}

body.dashboard-client-flat-theme :is(
  .dashboard-client-edit-close,
  .billing-invoice-close,
  .plans-create-close,
  .patient-appointment-modal__close
) {
  width: 38px !important;
  min-width: 38px !important;
  height: 38px !important;
  display: inline-grid !important;
  place-items: center !important;
  border: 1px solid var(--lf-color-border) !important;
  border-radius: var(--lf-radius-pill) !important;
  background: var(--lf-color-surface-muted) !important;
  color: var(--lf-color-text) !important;
  box-shadow: none !important;
}