/* Native modal dialog (top layer, focus trap, Esc + light dismiss) */
.md-dialog {
  margin: auto;
  width: min(520px, calc(100vw - 32px));
  padding: 0;
  border: 1px solid var(--md-outline);
  border-radius: 20px;
  background: var(--md-surface);
  color: var(--md-on-surface);
  box-shadow: var(--md-elevation-3);
  overscroll-behavior: contain;
  user-select: text;
}
.md-dialog::backdrop { background: var(--md-scrim); backdrop-filter: blur(6px); }
.md-dialog[open] { animation: bmRise 0.24s var(--md-ease); }
@media (prefers-reduced-motion: reduce) { .md-dialog[open] { animation: none; } }
.md-dialog form { padding: 24px 24px 20px; display: flex; flex-direction: column; }
.md-dialog h2 { font-size: 17px; font-weight: 700; letter-spacing: -0.02em; }
.md-dialog .sub { font-size: 12.5px; color: var(--md-on-surface-variant); margin: 6px 0 10px; line-height: 1.5; }
.md-dialog .row2 { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.md-dialog textarea { min-height: 84px; }
.md-dialog .actions { display: flex; justify-content: flex-end; gap: 8px; margin-top: 18px; }
@media (max-width: 520px) { .md-dialog .row2 { grid-template-columns: 1fr; } }