.account-editor[hidden] { display: none; }
.account-editor { position: fixed; inset: 0; z-index: 1200; display: grid; place-items: center; padding: 1rem; }
.account-editor-open { overflow: hidden; }
.account-editor__backdrop { position: absolute; inset: 0; background: rgba(20, 31, 45, .52); }
.account-editor__dialog { position: relative; width: min(100%, var(--account-editor-width, 42rem)); max-height: min(90vh, 52rem); overflow: auto; background: #fff; border-radius: .75rem; box-shadow: 0 1.5rem 4rem rgba(0, 0, 0, .28); }
/* Verify your email: adjust this panel without resizing the address/card editors.
   Use .account-editor__verification for styles inside its form. */
.account-editor[data-editor-panel="verification"] { --account-editor-width: 42rem; }
.account-editor__header { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: 1.25rem 1.5rem; border-bottom: 1px solid #e5e7eb; }
.account-editor__content { padding: 1.5rem; }
.account-editor__form .label { color: #243247; font-size: .875rem; margin-bottom: .45rem; }
.account-editor__form .input,
.account-editor__form .select select { min-height: 2.75rem; border-color: #b8c4d3; border-radius: .5rem; box-shadow: 0 1px 2px rgba(15, 23, 42, .06); }
.account-editor__form .input:hover,
.account-editor__form .select select:hover { border-color: #7b91ad; }
.account-editor__form .input:focus,
.account-editor__form .select select:focus { border-color: #3273dc; box-shadow: 0 0 0 .125em rgba(50, 115, 220, .2); }
.account-editor__form .input[readonly] { background: #f5f7fa; color: #4a5568; }
.account-editor__card-type { min-height: 36px; margin-top: .5rem; }
.account-editor__card-brand { display: inline-flex; align-items: center; gap: .5rem; }
/* Reuse the existing three-card image strip; no remote card images are requested. */
.account-editor__card-brand-image { display: block; flex: 0 0 60px; width: 60px; height: 36px; background: url('/img/Buy_Now/CreditCards.png') no-repeat 0 0; }
[data-editor-card-brand="mc"] .account-editor__card-brand-image { background-position: -60px 0; }
[data-editor-card-brand="disc"] .account-editor__card-brand-image { background-position: -120px 0; }
.account-editor__footer { display: flex; justify-content: space-between; gap: .75rem; margin-top: 1.5rem; }
.account-editor__choices { display: grid; gap: .75rem; border: 0; padding: 0; margin: 0; }
.account-editor__choice { display: flex; align-items: flex-start; gap: .75rem; padding: 1rem; border: 1px solid #d8dee9; border-radius: .5rem; cursor: pointer; }
.account-editor__choice:has(input:checked) { border-color: #3273dc; box-shadow: 0 0 0 1px #3273dc; }
.account-editor__choice-copy { display: grid; gap: .15rem; }
.account-editor__notice { margin-bottom: 1rem; }
@media screen and (max-width: 640px) { .account-editor { padding: 0; align-items: end; } .account-editor__dialog { width: 100%; max-height: 92vh; border-radius: .75rem .75rem 0 0; } .account-editor__content { padding: 1rem; } }