.plan-dialog {
  width: min(680px, calc(100vw - 30px));
  border: 1px solid var(--line);
  border-radius: 12px;
  background: var(--surface);
  color: var(--text);
  padding: 0;
  box-shadow: 0 35px 100px rgba(0, 0, 0, .7);
}
.plan-dialog::backdrop { background: rgba(3, 6, 7, .76); backdrop-filter: blur(5px); }
.plan-dialog form { padding: 28px; }
.dialog-heading { display: flex; justify-content: space-between; align-items: flex-start; gap: 20px; }
.dialog-heading h2 { font-family: Georgia, serif; font-size: 34px; font-weight: 500; margin: 0; }
.dialog-heading p { color: var(--muted); font-size: 13px; line-height: 1.5; max-width: 520px; }
.plan-fields { display: grid; grid-template-columns: repeat(3, 1fr); gap: 15px; margin: 24px 0; }
.dialog-note { border-left: 2px solid var(--sand); background: rgba(231, 185, 76, .07); padding: 10px 12px; color: var(--muted); font-size: 11px; }
.dialog-actions { display: flex; justify-content: flex-end; gap: 8px; margin-top: 22px; }
@media (max-width: 760px) {
  .plan-dialog form { padding: 20px; }
  .plan-fields { grid-template-columns: 1fr 1fr; }
}