.rz-account-settings { box-sizing: border-box; width: min(460px, calc(100% - 32px)); max-height: calc(100dvh - 40px); margin: auto; padding: 26px; border: 1px solid #dce2f4; border-radius: 24px; background: #fff; color: #1c2036; box-shadow: 0 24px 80px #18285640; font-family: inherit; overflow-y: auto; }
.rz-account-settings::backdrop { background: #17234180; backdrop-filter: blur(3px); }
.rz-account-settings * { box-sizing: border-box; }
.rz-account-settings [hidden] { display: none !important; }
.rz-settings-header { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 22px; }
.rz-settings-eyebrow { margin: 0 0 5px; color: #6d7691; font-size: 11px; font-weight: 700; letter-spacing: .12em; }
.rz-account-settings h2 { margin: 0; font-size: 25px; line-height: 1.3; color: #1c2036; }
.rz-account-settings button { font-family: inherit; cursor: pointer; }
.rz-settings-close { border: 0; border-radius: 50%; width: 36px; height: 36px; background: #f0f3fa; color: #525d78; font-size: 26px; flex-shrink: 0; }
.rz-settings-options { display: grid; gap: 12px; }
.rz-settings-option { display: flex; align-items: center; gap: 14px; width: 100%; padding: 16px; border: 1px solid #f0dce0; border-radius: 15px; background: #fff9f9; color: #a83347; text-align: left; }
.rz-settings-option > span:nth-child(2) { flex: 1; }
.rz-settings-option strong { display: block; font-size: 15px; }
.rz-settings-option small { display: block; margin-top: 5px; color: #72768a; font-size: 12px; line-height: 1.5; }
.rz-settings-icon { display: grid; place-items: center; width: 35px; height: 35px; border-radius: 10px; background: #fbecef; font-size: 23px; flex-shrink: 0; }
.rz-settings-privacy { border-color: #dfe5fa; background: #f8faff; color: #385ad5; }
.rz-settings-privacy .rz-settings-icon { background: #eaf0ff; }
.rz-settings-option:hover { filter: brightness(.98); }
.rz-settings-description { font-size: 14px; line-height: 1.7; color: #626a80; margin: 0 0 20px; }
.rz-settings-confirm label { display: block; margin-bottom: 8px; font-size: 13px; font-weight: 600; }
.rz-settings-confirm input { width: 100%; border: 1px solid #ccd4e6; border-radius: 10px; padding: 12px; font: inherit; background: #fff; color: #1c2036; }
.rz-settings-actions { display: flex; justify-content: flex-end; gap: 10px; margin-top: 22px; flex-wrap: wrap; }
.rz-settings-actions button { padding: 11px 16px; border: 1px solid #dce2ef; border-radius: 10px; font-weight: 600; background: #f4f6fb; color: #424b63; }
.rz-settings-actions .rz-settings-submit { background: #b6364c; border-color: #b6364c; color: #fff; }
.rz-settings-status { color: #9d3347; font-size: 13px; line-height: 1.6; margin: 14px 0 0; }
.rz-settings-status:empty { display: none; }
.rz-account-settings :focus-visible { outline: 3px solid #91a5ff; outline-offset: 3px; }
.rz-account-settings :disabled { opacity: .6; cursor: wait; }
@media (max-width: 480px) { .rz-account-settings { padding: 20px; } .rz-account-settings h2 { font-size: 22px; } }