/*
 * modern-message-dialog.css — shared MessageDialog skin (used by ModernDeviceAuth
 * and others). GLOBAL: styles a MudBlazor dialog rendered via the popover portal,
 * incl. a `~ .mud-popover-provider` selector, so it cannot be Blazor-scoped.
 *
 * Phase 6 split: peeled verbatim off modern-base.css (was lines 12488-12578).
 * Loaded via index.html AFTER modern-orders.css and BEFORE
 * modern-confirmation-dialog.css — source order is load-bearing.
 */

/* Modern device authentication message dialog. */
.scale-modern-message-dialog {
  width: min(420px, calc(100vw - 32px)) !important;
  border: 0 !important;
  border-radius: var(--scale-radius-sheet) !important;
  background: var(--scale-bg) !important;
  color: var(--scale-text) !important;
  font-family: var(--scale-font-sans) !important;
  box-shadow: var(--scale-shadow-sheet) !important;
  overflow: hidden !important;
}

.scale-modern-message-dialog .mud-dialog-content {
  padding: 0 !important;
  background: var(--scale-bg) !important;
}

.scale-modern-message-dialog .mud-dialog-title {
  padding: 0 !important;
  border-bottom: var(--scale-hairline) solid var(--scale-separator) !important;
  background: var(--scale-bg) !important;
}

.scale-modern-message-dialog .mud-dialog-actions {
  display: none !important;
}

.scale-modern-message {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  padding: 34px 28px 24px;
  text-align: center;
}

.scale-modern-message__close {
  display: none !important;
}

.scale-modern-message__icon {
  width: 58px;
  height: 58px;
  border-radius: 999px;
  background: color-mix(in srgb, var(--scale-success) 13%, transparent);
  color: var(--scale-success);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 4px;
}

.scale-modern-message__icon span {
  width: 32px;
  height: 32px;
  border-radius: 999px;
  background: var(--scale-success);
  color: var(--scale-text-on-primary);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: var(--scale-fs-18);
  font-weight: 700;
}

.scale-modern-message__title {
  color: var(--scale-text);
  font-size: var(--scale-type-title-2-size);
  font-weight: var(--scale-type-title-2-weight);
  line-height: var(--scale-leading-snug);
}

.scale-modern-message__body {
  max-width: 300px;
  color: var(--scale-text-mute);
  font-size: var(--scale-type-callout-size);
  font-weight: var(--scale-type-callout-weight);
  line-height: var(--scale-leading-mid);
}

.scale-modern-message__action {
  display: none !important;
}

[data-scale-theme="dark"] .scale-modern-message-dialog,
.scale-modern-shell[data-scale-theme="dark"] ~ .mud-popover-provider .scale-modern-message-dialog {
  background: var(--scale-bg) !important;
  color: var(--scale-text) !important;
}