/* Approved account settings concept; four categories share one sidebar entry. */
.account-settings-page.svc-shell{max-width:1600px;margin:0 auto;padding:22px 24px 18px;background:#fffcfb;border-radius:18px;min-width:0}
.account-settings-page .svc-heading{margin:0 0 20px;align-items:center}
.account-settings-page .svc-heading>div:first-child{display:flex;align-items:baseline;gap:20px;flex-wrap:wrap}
.account-settings-page .svc-heading h1{font-size:1.857143rem;line-height:1.3;margin:0;color:#20203e}
.account-settings-page .svc-heading p{font-size:0.928571rem;color:#858198;margin:0}
.account-categories{display:flex;max-width:1000px;border:1px solid #eee7ec;background:#faf6f7;border-radius:10px;margin:0 0 18px;overflow:hidden}
.account-categories a{flex:1;min-width:0;display:flex;justify-content:center;align-items:center;gap:11px;padding:13px 12px;text-decoration:none;font-size:1rem;font-weight:600;color:#292444;border-right:1px solid #eee7ec}
.account-categories a:last-child{border:0}
.account-categories a[aria-current]{background:#f1e7ff;color:#392e75}
.account-categories a:hover{background:#f5ecfa}
.account-categories a:focus-visible{outline:2px solid #8c69c2;outline-offset:-3px}
.account-overview-grid{display:grid;grid-template-columns:1.08fr 1fr;gap:16px}
.account-settings-page .svc-card{background:#fffdfc;border:1px solid #eee5eb;border-radius:15px;box-shadow:none;padding:20px 22px;margin:0;min-width:0}
.account-settings-page h2{font-size:1.428571rem;color:#25213e;line-height:1.4;margin:0 0 14px}
.account-settings-page h3{color:#25213e}
.account-settings-page .btn{font-size:0.928571rem;min-height:36px;border:1px solid #e9e1e8;background:#fffdfd;box-shadow:none;border-radius:7px;padding:8px 15px;white-space:normal}
.account-settings-page .btn.primary{background:linear-gradient(115deg,#ff9b7c,#ff5f79 55%,#ed3d91);color:white;border-color:transparent;min-width:156px}
.account-settings-page .field{margin:0;gap:8px;font-size:0.928571rem;min-width:0}
.account-settings-page input{background:#fff;border:1px solid #e8e1e9;border-radius:8px;min-height:40px;min-width:0;width:100%;font-size:1rem;padding:9px 12px}
.account-settings-page input[readonly]{background:#f5f3f6;color:#8c879f}
.account-identity{display:flex;align-items:center;gap:20px;border-bottom:1px solid #eee7ec;padding:0 0 18px;margin-bottom:18px}
.account-avatar{width:62px;height:62px;border-radius:50%;background:linear-gradient(145deg,#dddce6,#c9cad6);color:#525979;display:grid;place-items:center;flex-shrink:0}
.account-identity>div{min-width:0}.account-identity strong{font-size:1.285714rem;overflow-wrap:anywhere}
.account-identity p{margin:5px 0 0;color:#858198;font-size:0.928571rem;overflow-wrap:anywhere;display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.account-status{display:inline-flex;background:#fff5e0;color:#93611d;border:1px solid #ffe8b9;padding:3px 8px;border-radius:6px;font-size:0.857143rem;white-space:nowrap;font-weight:400}
.account-status.verified{color:#3a7c60;background:#edf7f1;border-color:#d9ebdf}
.account-profile-card>.field{display:grid;grid-template-columns:78px minmax(0,1fr);align-items:center;margin-bottom:12px}
.account-profile-card>.btn{margin-top:8px}
.account-security-row{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:13px;align-items:center;padding:12px 0;border-bottom:1px solid #eee7ec}
.account-security-row:last-child{border:0;padding-bottom:0}
.account-security-row strong{font-size:1rem}.account-security-row small,.account-connection-row small{display:block;color:#8d879d;font-size:0.857143rem;line-height:1.6;margin-top:4px}
.account-row-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:#f8f6f7;border:1px solid #f1edef;color:#34334f;flex-shrink:0}
.account-card-title{display:flex;align-items:center;gap:14px;justify-content:space-between;margin-bottom:16px;flex-wrap:wrap}
.account-card-title h2{margin:0}.account-card-title p{color:#8b859b;font-size:0.857143rem;line-height:1.5;margin:0}
.account-card-title .actions{gap:8px;margin:0;flex-wrap:wrap}
.account-password-fields{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.account-password-card>small{display:block;font-size:0.857143rem;line-height:1.6;margin:8px 0 20px}
.account-connection-row{display:grid;grid-template-columns:44px 90px minmax(0,1fr);gap:12px;align-items:center;padding:10px 0;border-bottom:1px solid #eee7ec;font-size:0.928571rem}
.account-connection-row:last-child{border:0;padding-bottom:0}.account-connection-row strong{font-size:0.928571rem;font-weight:600;overflow-wrap:anywhere}
.account-community-summary{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:0}
.account-community-summary>.svc-card{display:flex;gap:14px;align-items:center;padding:16px 20px}
.account-community-summary h2{font-size:1.142857rem;margin:0;white-space:nowrap}.account-community-summary strong{font-size:0.928571rem}
.account-community-summary p{font-size:0.857143rem;color:#8d879d;margin:4px 0 0}
.account-data-footer{display:flex;align-items:center;gap:18px;border-top:1px solid #eee7ec;padding-top:12px;margin-top:0;color:#918b9e;font-size:0.785714rem;flex-wrap:wrap}
.account-data-footer p{flex:1;margin:0;min-width:160px}.account-data-footer>span{margin-left:auto}
.account-security-details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:start}
.account-security-details .field{margin:12px 0}.account-security-details details>summary{cursor:pointer;color:#c45165;margin:12px 0}
.account-category-content{display:grid;gap:16px;min-width:0}.account-category-content>.svc-columns{margin:0}
.account-settings-page .account-identity p{line-height:1.6;margin:5px 0 0}
.account-settings-page .account-card-title p,.account-settings-page .account-community-summary p{line-height:1.6;margin:4px 0 0}
.account-settings-page .account-card-title h2{margin:0}
.account-settings-page .account-security-row{padding:10px 0}
.account-settings-page .account-security-row:last-child{padding-bottom:0}
.account-settings-page .account-connection-row{padding:8px 0}
.account-settings-page .account-connection-row:last-child{padding-bottom:0}
.account-settings-page .account-data-footer p{margin:0;line-height:1.6}
.account-settings-page .field>span{margin-bottom:0;color:#49415e}
.account-identity-label{display:inline-flex;align-items:center;cursor:default;max-width:220px}.account-identity-label>span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media(min-width:1450px){.account-settings-page .svc-card{padding:24px}.account-security-row{padding:15px 0}.account-settings-page .svc-heading{margin-bottom:24px}}
@media(max-width:1100px){.account-settings-page.svc-shell{padding:18px}.account-overview-grid{grid-template-columns:1fr 1fr;gap:12px}.account-settings-page .svc-card{padding:17px}.account-security-row{gap:9px;grid-template-columns:34px minmax(0,1fr) auto}.account-row-icon{width:34px;height:34px}.account-connection-row{grid-template-columns:34px 72px minmax(0,1fr);gap:8px}.account-card-title .actions .btn{padding:7px 9px}.account-community-summary>.svc-card{flex-wrap:wrap;gap:10px}}
@media(max-width:900px){.account-overview-grid,.account-security-details{grid-template-columns:1fr}.account-categories a{gap:7px;font-size:0.928571rem;padding:12px 8px}.account-profile-card{order:0}.account-security-card{order:1}.account-password-card{order:2}.account-connection-card{order:3}.account-community-summary{grid-template-columns:1fr}.account-settings-page .svc-heading>div:first-child{gap:7px}.account-security-row{grid-template-columns:40px minmax(0,1fr) auto}.account-row-icon{width:40px;height:40px}}
@media(max-width:560px){.account-settings-page.svc-shell{padding:15px 12px;border-radius:12px}.account-settings-page .svc-heading{align-items:flex-start;gap:8px}.account-settings-page .svc-heading h1{font-size:1.642857rem}.account-settings-page .svc-heading p{font-size:0.857143rem}.account-categories{flex-wrap:wrap}.account-categories a{flex:1 1 40%;padding:11px 7px;border-bottom:1px solid #eee7ec;gap:6px}.account-settings-page .svc-card{padding:16px 14px}.account-settings-page h2{font-size:1.285714rem}.account-identity{gap:12px}.account-identity strong{font-size:1.142857rem}.account-avatar{width:50px;height:50px}.account-profile-card>.field{grid-template-columns:66px minmax(0,1fr)}.account-password-fields{grid-template-columns:1fr;gap:14px}.account-security-row{grid-template-columns:32px minmax(0,1fr);gap:9px}.account-security-row>.account-status{grid-column:2;justify-self:start;margin-top:-4px}.account-row-icon{width:32px;height:32px}.account-connection-row{grid-template-columns:32px minmax(0,1fr)}.account-connection-row>div{grid-column:2}.account-data-footer{gap:10px}.account-data-footer>span{margin-left:0}.account-identity-label{max-width:130px}}
.membership-tabs{display:flex;flex-wrap:wrap;gap:4px;padding:4px;margin:0 0 16px;border:1px solid var(--border);border-radius:12px;background:#faf6f7}
.membership-tabs a{display:flex;flex:1 1 auto;align-items:center;justify-content:center;min-height:38px;padding:9px 14px;border-radius:9px;color:var(--muted);text-decoration:none;font-size:0.857143rem;font-weight:600;text-align:center}
.membership-tabs a:hover{background:#f5ecfa;color:var(--text)}
.membership-tabs a[aria-current=page]{background:#f1e7ff;color:#392e75}
.membership-tabs a:focus-visible{outline:2px solid #8c69c2;outline-offset:-2px}
.membership-content{display:grid;gap:12px;min-width:0}
@media(max-width:550px){.membership-tabs{gap:3px;margin-bottom:12px}.membership-tabs a{flex:1 1 40%;min-height:35px;padding:7px 5px;font-size:0.714286rem}}

/* Account redesign: merged profile/security, horizontal navigation and left-aligned forms. */
.account-clean-layout .account-categories{max-width:none;width:100%;padding:4px;gap:4px;border-radius:12px;margin:0 0 16px}
.account-clean-layout .account-categories a{border:0;border-radius:8px;min-height:36px;padding:8px 12px;flex:1}
.account-clean-layout .account-page-actions{display:flex;justify-content:flex-end;margin-bottom:10px}
.account-clean-layout .account-merged-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:stretch}
.account-clean-layout .account-security-stack{display:grid;gap:18px;min-width:0}
.account-settings-page .account-clean-layout .svc-card{padding:22px;text-align:left}
.account-settings-page .account-clean-layout h2{font-size:1.25rem;margin:0 0 16px}
.account-settings-page .account-clean-layout .section-title h2{margin:0}
.account-settings-page .account-clean-layout .account-identity{padding-bottom:20px;margin-bottom:22px;gap:14px}
.account-settings-page .account-clean-layout .account-avatar{width:52px;height:52px;background:#fff0e8;color:#f47a55}
.account-settings-page .account-clean-layout .account-identity strong{font-size:1.15rem}
.account-settings-page .account-clean-layout .field{display:grid;grid-template-columns:1fr;gap:8px;margin:16px 0}
.account-settings-page .account-clean-layout input{min-height:40px;padding:9px 12px;font-size:1rem}
.account-settings-page .account-clean-layout .btn{min-height:36px;padding:8px 16px;font-size:.928571rem}
.account-clean-layout .account-password-fields{grid-template-columns:1fr 1fr;gap:14px}
.account-clean-layout .account-password-fields .field{min-width:0}
.account-clean-layout .account-email-card p,.account-clean-layout .account-password-card p{margin:8px 0 14px;line-height:1.6}
.account-clean-layout .account-email-card .svc-card{margin-top:14px}
button.account-identity-label{cursor:pointer}
button.account-identity-label:hover{background:#fff0e8}
@media(max-width:760px){.account-clean-layout .account-merged-grid{grid-template-columns:1fr}.account-settings-page .account-clean-layout .svc-card{padding:18px}.account-clean-layout .account-password-fields{grid-template-columns:1fr;gap:0}.account-clean-layout .account-categories a{flex:1;white-space:nowrap}}
.account-settings-page .account-clean-layout .account-profile-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}
.account-settings-page .account-clean-layout .account-profile-heading h2{margin:0}
.account-settings-page .account-clean-layout .account-profile-heading .btn{flex-shrink:0}
.account-settings-page .account-clean-layout .account-profile-heading .actions{display:flex;gap:8px;margin:0;flex-wrap:wrap;justify-content:flex-end}
.account-membership-card{display:flex;flex-direction:column;align-items:flex-start}
.account-membership-card h2 svg{color:#ffad49;margin-right:6px}
.account-membership-status{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:18px 0 24px}
.account-membership-status>strong{font-size:1.5rem;color:#89571d;background:#fff3df;border:1px solid #ffe2b7;border-radius:10px;padding:10px 16px}
.account-membership-expiry{display:grid;gap:10px;max-width:100%}
.account-membership-expiry time{font-size:1.5rem;font-weight:600;overflow-wrap:anywhere}
.account-membership-actions{margin-top:auto;padding-top:26px}
#svc-password-form .field{margin:16px 0;display:grid;gap:8px}
@media(max-width:560px){.account-settings-page .account-clean-layout .account-profile-heading{flex-wrap:wrap}.account-membership-expiry time{font-size:1.2rem}}

.account-clean-layout .account-phone-card{grid-column:1/-1}.account-phone-card form{max-width:520px}.account-phone-card .auth-input input{width:100%;min-width:0;border:0;box-shadow:none}.account-phone-card .actions{align-items:center}.account-phone-card details[open]>summary{margin-bottom:18px}