/* Shared settings surfaces; deliberately scoped away from chat and action menus. */
:root{--settings-surface:#f3f4f3;--settings-rule:#e7eae8;--settings-radius:18px}
.social-page:has(.group-info,.room-control-settings,.social-contact-settings,[data-social-profile-body]),.shell:has(>.settings-header),.personal-page,.account-page{background:var(--settings-surface)}
.settings-card,.social-contact-settings,[data-social-profile-body]>.social-profile,[data-social-profile-body]>.menuitem,[data-social-profile-body]>.social-profile-primary,.personal-list,.account-list,.shell>.settings-header~.content>.panel{background:#fff;border:0;border-radius:var(--settings-radius);box-shadow:none;overflow:hidden}
.social-body:has(.group-info,.room-control-settings,.social-contact-settings,[data-social-profile-body]){padding:16px 16px calc(28px + env(safe-area-inset-bottom))}
.settings-card,.social-contact-settings{margin:0 0 16px}
.room-control-settings{background:transparent}
.room-control-settings .settings-card>.room-control-row,.room-control-settings .settings-card>.room-toggle{border:0;border-radius:0;min-height:56px}
.room-control-settings .settings-card>:not(:first-child),.room-control-settings .room-control-sub{border-top:1px solid var(--settings-rule)}
.room-control-settings .room-control-sub>:first-child{border-top:0}
.room-control-settings .destructive{justify-content:center}
.group-info{padding:0}
.group-members-card{padding:18px}
.group-members-card h2{margin:0 0 8px;font-weight:400}
.group-members-card p{margin:0}
.group-member-grid{margin:20px 0 0}
.group-info .group-setting{padding:15px 18px;min-height:54px;border:0;border-radius:0;font-weight:400}
.group-info .settings-card>.group-setting+.group-setting{border-top:1px solid var(--settings-rule)}
.group-info form{display:block;margin:0}
.group-info .group-fields-card{padding:0 18px}
.group-info .group-fields-card>label{margin:0;padding:16px 0;font-weight:400}
.group-info .group-fields-card>label+label{border-top:1px solid var(--settings-rule)}
.group-info .group-restrict,.group-info .group-admin-pick{display:flex;align-items:center;justify-content:space-between;gap:14px}
.group-info .group-restrict input,.group-info .group-admin-pick input{width:22px;height:22px;flex:0 0 22px;padding:0}
.group-info fieldset.group-admin-card{padding:16px 18px;margin:0 0 16px;min-width:0}
.group-info .group-admin-card legend{float:left;width:100%;padding:0 0 12px;margin:0;font-weight:400}
.group-info .group-admin-pick{clear:both;padding:12px 0;margin:0;border-top:1px solid var(--settings-rule)}
.group-info form>.group-setting{background:#fff;border-radius:var(--settings-radius);text-align:center}
.social-contact-settings .social-setting-row{border:0;border-radius:0;font-weight:400;min-height:56px}
.social-contact-settings .social-setting-row+.social-setting-row{border-top:1px solid var(--settings-rule)}
[data-social-profile-body]>.social-profile,[data-social-profile-body]>.menuitem,[data-social-profile-body]>.social-profile-primary{margin:0 0 16px}
[data-social-profile-body]>.social-profile-primary{font-weight:400;min-height:56px}
[data-social-profile-body] .social-profile h2{font-weight:400}
.personal-page .personal-list,.account-page .account-list{margin:16px; padding:0 16px}
.personal-list .personal-row,.account-list .account-menu-row,.account-list .account-placeholder{background:transparent;border-radius:0;border:0;min-height:56px;font-weight:400}
.personal-list .personal-row+.personal-row,.account-list>*+*{border-top:1px solid var(--settings-rule)}
.account-page .account-identity{margin:16px;width:calc(100% - 32px);background:#fff;border-radius:var(--settings-radius);border:0;box-shadow:none}
.shell>.settings-header~.content{padding:16px 16px 0;background:var(--settings-surface)}
.shell>.settings-header~.content>.panel{padding:0 16px;margin:0 0 16px}
.shell>.settings-header~.content>.panel>.menuitem{min-height:56px;padding:14px 0;border:0;border-radius:0;font-weight:400;background:transparent}
.shell>.settings-header~.content>.panel>.menuitem+.menuitem{border-top:1px solid var(--settings-rule)}
.settings-session-card .menuitem{justify-content:center;color:#c63838}
.settings-session-card .menuitem>svg{display:none}
.shell>.settings-header~.notification-clean>.panel{padding:4px 16px 16px}
.shell>.settings-header~.device-list>.panel{padding:16px}
.settings-card button:focus-visible,.social-contact-settings button:focus-visible,[data-social-profile-body]>button:focus-visible{outline:2px solid #39725a;outline-offset:-4px}
.settings-card button:active,.social-contact-settings button:active,[data-social-profile-body]>button:active{background:#f0f3f1}
.shell>.settings-header~.settings-content{gap:0}
.settings-menu .settings-session-card .menuitem>span:first-child{flex:0 1 auto}
.settings-session-card [data-action="auth"]{color:#075c38}
