/* ============================================================
   Dialog / Panel / DataGrid — surgical overrides only.
   common-theme.css handles colors, padding, fonts via tokens.
   We only fix the ~5 values hardcoded (not variable) there.
   ============================================================ */

/* ── ui-dialog border-radius (hardcoded 0.3rem in common-theme) */
.ui-dialog {
  border-radius: var(--bs-border-radius-xl) !important;
  overflow: hidden;
}
.ui-dialog-titlebar {
  border-radius: var(--bs-border-radius-xl) var(--bs-border-radius-xl) 0 0 !important;
}
.ui-dialog-buttonpane {
  border-radius: 0 0 var(--bs-border-radius-xl) var(--bs-border-radius-xl) !important;
}

/* ── s-DataGrid card — upgrade shadow and radius ─────────────── */
.s-DataGrid {
  border-radius: var(--bs-card-border-radius) !important;
  box-shadow: var(--s-shadow-sm);
}

/* ── s-Panel inline card ─────────────────────────────────────── */
.s-Panel {
  border-radius: var(--bs-card-border-radius) !important;
  box-shadow: var(--s-shadow-sm);
}


/* ── Modal backdrop blur ─────────────────────────────────────── */
body.modal-open > *:not(.modal):not(.select2-drop):not(.ui-dialog-overlay) {
  filter: blur(6px);
  pointer-events: none;
  user-select: none;
  transition: filter var(--s-transition-slow);
}