@media screen {
  body :where(.modal-card, .mk-modal, .pc-picker-card, .profile-menu, .user-menu) {
    border-radius: var(--modal-radius);
    background: var(--color-surface);
    box-shadow: var(--shadow-md);
  }
  body .modal-card {
    width: min(760px, 94vw);
    max-height: 90vh;
    padding: 0;
    overflow: hidden;
  }
  body .modal-card > #modalBody {
    max-height: 90vh;
    overflow-y: auto;
    overflow-x: hidden;
    padding: var(--space-6);
    scrollbar-gutter: stable;
  }
  body .modal-card.modal-wide { width: min(1050px, 94vw); }
  body .modal-card :where(.form-actions, .client-form-footer, .sticky-actions) {
    position: sticky;
    z-index: 5;
    bottom: calc(-1 * var(--space-6));
    margin-inline: calc(-1 * var(--space-6));
    margin-bottom: calc(-1 * var(--space-6));
    padding: var(--space-3) var(--space-6);
    border-top: 1px solid var(--color-border);
    background: var(--color-surface);
  }
  body :where(.modal-close, .modal-x, [data-close-modal].modal-close) {
    z-index: 12;
    width: 44px;
    height: 44px;
    border: 1px solid var(--color-border);
    border-radius: var(--control-radius);
    background: var(--color-surface-muted);
    color: var(--color-text);
  }
  body :where(.modal-backdrop, .scrim) { background: rgba(15, 23, 42, .58); }
}