.ac-refill-dialog {
  box-sizing: border-box; width: min(440px, calc(100% - 32px)); max-height: calc(100dvh - 32px);
  margin: auto; padding: 28px; overflow: auto; border: 1px solid #e5dce4; border-radius: 22px;
  background: #fff; color: #2c202b; font-family: inherit; box-shadow: 0 24px 80px #1d102b40;
}
.ac-refill-dialog::backdrop { background: #140d20a8; backdrop-filter: blur(4px); }
.ac-refill-dialog .ac-refill-brand { margin: 0 0 12px; font-size: 11px; letter-spacing: .1em; color: #9c526f; }
.ac-refill-dialog h2 { margin: 0 0 12px; font-size: 24px; font-weight: 650; line-height: 1.3; }
.ac-refill-intro, .ac-refill-hint { font-size: 13px; line-height: 1.8; color: #675867; }
.ac-refill-details { margin: 20px 0; padding: 14px 0; border-block: 1px solid #e5dce4; }
.ac-refill-details div { display: flex; gap: 20px; justify-content: space-between; padding: 7px 0; font-size: 14px; }
.ac-refill-details dt { flex-shrink: 0; color: #675867; }
.ac-refill-details dd { margin: 0; min-width: 0; overflow-wrap: anywhere; text-align: right; font-weight: 600; font-variant-numeric: tabular-nums; }
.ac-refill-hint { color: #8c5a38; }
.ac-refill-error { font-size: 13px; line-height: 1.6; color: #b13d4c; }
.ac-refill-error:empty { display: none; }
.ac-refill-actions { display: grid; grid-template-columns: 1fr 1.4fr; gap: 10px; margin-top: 22px; }
.ac-refill-actions button { min-height: 44px; padding: 10px 12px; border-radius: 12px; border: 1px solid #e5dce4; font: inherit; font-size: 13px; font-weight: 600; cursor: pointer; }
.ac-refill-back { background: #faf7fa; color: #675867; }
.ac-refill-actions .ac-refill-proceed { background: #bf527e; border-color: #bf527e; color: #fff; }
.ac-refill-actions button:focus-visible { outline: 3px solid #e997bd; outline-offset: 3px; }
.ac-refill-actions button:disabled { opacity: .5; cursor: not-allowed; }
.dark .ac-refill-dialog { background: #211b2c; color: #f6edf5; border-color: #45364c; }
.dark .ac-refill-dialog .ac-refill-brand { color: #e1a1ba; }
.dark .ac-refill-intro, .dark .ac-refill-details dt { color: #c4b6c7; }
.dark .ac-refill-details { border-color: #45364c; }
.dark .ac-refill-hint { color: #dfb690; }
.dark .ac-refill-back { background: #302739; color: #e0d6e3; border-color: #45364c; }
@media (max-width: 390px) { .ac-refill-dialog { padding: 22px; } .ac-refill-actions { grid-template-columns: 1fr; } }