/* Final settings guard. This file intentionally loads after community.css. */
body.dashboard-page #settings,
body.dashboard-page #settings *,
body.dashboard-page #settings *::before,
body.dashboard-page #settings *::after{box-sizing:border-box}
body.dashboard-page #settings,.user-settings-layout,.user-settings-content,.settings-card,.settings-defaults-form,.settings-subsection,.settings-form-grid,.settings-form-grid>label{min-width:0;max-width:100%}
.settings-card input,.settings-card select,.settings-card textarea{min-width:0;max-width:100%}
.settings-defaults-form select{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.settings-public-profile-merged{min-width:0;max-width:100%;margin-top:22px}
.settings-merged-divider{display:flex;align-items:center;gap:12px;margin:0 0 14px;padding:17px 3px 0;border-top:1px solid #293246}
.settings-merged-divider span{color:#e8ebf2;font-size:13px;font-weight:800}
.settings-merged-divider p{margin:0;color:#7f8a9d;font-size:10px}
.settings-public-profile-merged [data-public-profile-settings],.settings-public-profile-merged .community-settings,.settings-public-profile-merged .community-settings-layout{width:100%;min-width:0;max-width:100%}

@media(max-width:760px){
  body.dashboard-page #settings{width:100%;max-width:100%;overflow:visible;padding-bottom:24px}
  body.dashboard-page #settings .user-settings-heading{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:10px;margin-bottom:14px}
  body.dashboard-page #settings .user-settings-heading>div{min-width:0;width:auto}
  body.dashboard-page #settings .user-settings-heading h1{font-size:22px}
  body.dashboard-page #settings .user-settings-heading .muted{max-width:260px}
  body.dashboard-page #settings .settings-account-status{padding:7px 9px;font-size:9px;white-space:nowrap}

  body.dashboard-page #settings .user-settings-mobile-nav{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 132px;align-items:center;gap:10px;width:100%;margin:0 0 12px;padding:10px 12px;border:1px solid #354159;border-radius:15px;background:radial-gradient(circle at 100% 0,#35235b66,transparent 54%),linear-gradient(145deg,#141c29,#0e151f);box-shadow:0 10px 28px #0002;color:#fff}
  body.dashboard-page #settings .user-settings-mobile-nav>span{display:grid;min-width:0}
  body.dashboard-page #settings .user-settings-mobile-nav small{color:#8979ad;font-size:8px}
  body.dashboard-page #settings .user-settings-mobile-nav strong{overflow:hidden;color:#f0edf8;font-size:11px;text-overflow:ellipsis;white-space:nowrap}
  body.dashboard-page #settings .user-settings-mobile-nav select{width:100%;min-width:0;height:42px;margin:0;padding:0 10px;border:1px solid #624b92;border-radius:10px;outline:0;background:#211936;color:#d9cdf5;font:600 10px Vazirmatn,Tahoma,sans-serif;text-align:right}
  body.dashboard-page #settings .user-settings-mobile-nav:focus-within{border-color:#7659bb;box-shadow:0 0 0 3px #7659bb1f}
  body.dashboard-page #settings .user-settings-nav{display:none!important}
  body.dashboard-page #settings .user-settings-layout{display:block;width:100%;min-width:0}
  body.dashboard-page #settings .user-settings-content{width:100%;min-width:0;min-height:0}

  body.dashboard-page #settings .settings-content-head{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;width:100%;min-width:0;max-width:100%;gap:10px;margin-bottom:10px;padding:14px;border-radius:14px}
  body.dashboard-page #settings .settings-content-head>div{min-width:0}
  body.dashboard-page #settings .settings-content-head h2{font-size:16px;line-height:1.7}
  body.dashboard-page #settings .settings-content-head p{font-size:9px;overflow-wrap:anywhere}
  body.dashboard-page #settings .settings-content-head .secondary-btn{grid-column:1/-1;width:100%;padding:10px;white-space:normal}
  body.dashboard-page #settings .settings-profile-mark{width:44px;height:44px;border-radius:13px}

  body.dashboard-page #settings .settings-card,
  body.dashboard-page #settings .settings-defaults-form,
  body.dashboard-page #settings .settings-subsection{width:100%;min-width:0;max-width:100%;overflow:visible}
  body.dashboard-page #settings .settings-card{padding:13px;border-radius:14px}
  body.dashboard-page #settings .settings-form-grid,
  body.dashboard-page #settings .settings-meta-row{display:grid!important;grid-template-columns:minmax(0,1fr)!important;width:100%;gap:11px}
  body.dashboard-page #settings .settings-form-grid>label,
  body.dashboard-page #settings .settings-card input,
  body.dashboard-page #settings .settings-card select,
  body.dashboard-page #settings .settings-card textarea{width:100%;min-width:0;max-width:100%}
  body.dashboard-page #settings .settings-duration-options{grid-template-columns:minmax(0,1fr)!important}
  body.dashboard-page #settings .settings-duration-options label,
  body.dashboard-page #settings .settings-duration-options label>span{width:100%;min-width:0}
  body.dashboard-page #settings .settings-switch{width:100%;min-width:0;gap:9px;padding:12px!important}
  body.dashboard-page #settings .settings-switch>span{min-width:0}
  body.dashboard-page #settings .settings-switch strong,
  body.dashboard-page #settings .settings-switch small{overflow-wrap:anywhere}
  body.dashboard-page #settings .settings-card footer{align-items:stretch;flex-direction:column}
  body.dashboard-page #settings .settings-card footer .primary-btn{width:100%}
  body.dashboard-page #settings .settings-sessions-card{align-items:stretch;flex-direction:column}
  body.dashboard-page #settings .settings-sessions-card button{width:100%}
  body.dashboard-page #settings .settings-workspace-list>button{grid-template-columns:38px minmax(0,1fr);gap:9px;padding:11px}
  body.dashboard-page #settings .settings-workspace-list>button>i{grid-column:1/-1;justify-self:stretch;text-align:center}
  body.dashboard-page #settings .workspace-settings-icon{width:38px;height:38px}
  body.dashboard-page #settings .brand-profiles-head{grid-template-columns:minmax(0,1fr)!important}
  body.dashboard-page #settings .brand-profiles-head>div:last-child{display:grid;width:100%;min-width:0;grid-template-columns:minmax(0,1fr) auto;gap:8px}
  body.dashboard-page #settings .brand-profiles-layout,
  body.dashboard-page #settings .brand-profile-list,
  body.dashboard-page #settings .brand-profile-editor,
  body.dashboard-page #settings .brand-profile-fields{width:100%;min-width:0;max-width:100%}
  body.dashboard-page #settings .brand-profiles-layout:has(.brand-profile-editor),
  body.dashboard-page #settings .brand-profile-grid{grid-template-columns:minmax(0,1fr)!important}
  body.dashboard-page #settings .brand-profile-main{align-items:flex-start;flex-direction:column}
  body.dashboard-page #settings .brand-profile-toggle{white-space:normal}
  body.dashboard-page #settings .brand-profile-editor>footer{align-items:stretch;flex-direction:column}
  body.dashboard-page #settings .brand-profile-editor>footer button{width:100%}

  body.dashboard-page #settings .settings-public-profile-merged{width:100%;min-width:0;max-width:100%;margin-top:18px;overflow:visible}
  body.dashboard-page #settings .settings-merged-divider{display:grid;gap:3px;padding:15px 2px 0}
  body.dashboard-page #settings .settings-merged-divider p{overflow-wrap:anywhere}
  body.dashboard-page #settings .settings-public-profile-merged [data-public-profile-settings],
  body.dashboard-page #settings .settings-public-profile-merged .community-settings,
  body.dashboard-page #settings .settings-public-profile-merged .community-settings-layout,
  body.dashboard-page #settings .settings-public-profile-merged .profile-avatar-card,
  body.dashboard-page #settings .settings-public-profile-merged .profile-data-card,
  body.dashboard-page #settings .settings-public-profile-merged .profile-links-card,
  body.dashboard-page #settings .settings-public-profile-merged .profile-interest-card{display:block;width:100%!important;min-width:0!important;max-width:100%!important;margin-inline:0;overflow:visible}
  body.dashboard-page #settings .settings-public-profile-merged .community-settings-head{display:grid!important;grid-template-columns:minmax(0,1fr)!important;width:100%;gap:9px;padding-inline:0}
  body.dashboard-page #settings .settings-public-profile-merged .community-settings-head>a{display:flex;justify-content:center;width:100%;margin:0;padding:10px;box-sizing:border-box;text-align:center}
  body.dashboard-page #settings .settings-public-profile-merged .community-settings section{padding:13px!important;border-radius:13px}
  body.dashboard-page #settings .settings-public-profile-merged .profile-form-row{grid-template-columns:minmax(0,1fr)!important}
  body.dashboard-page #settings .settings-public-profile-merged .profile-avatar-current{min-width:0}
  body.dashboard-page #settings .settings-public-profile-merged .profile-avatar-current>div{min-width:0}
  body.dashboard-page #settings .settings-public-profile-merged .profile-avatar-current strong,
  body.dashboard-page #settings .settings-public-profile-merged .profile-avatar-current small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  body.dashboard-page #settings .settings-public-profile-merged .profile-avatar-drop{display:grid!important;grid-template-columns:38px minmax(0,1fr)!important;width:100%;min-width:0;padding:12px}
  body.dashboard-page #settings .settings-public-profile-merged .profile-avatar-drop>div{min-width:0;overflow:hidden}
  body.dashboard-page #settings .settings-public-profile-merged .profile-avatar-drop button{grid-column:1/-1;width:100%;margin-top:2px}
  body.dashboard-page #settings .settings-public-profile-merged .profile-avatar-presets{grid-template-columns:repeat(3,minmax(0,1fr))!important;width:100%}
  body.dashboard-page #settings .settings-public-profile-merged .profile-links-card>header{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:9px}
  body.dashboard-page #settings .settings-public-profile-merged .profile-links-card>header button{width:100%;margin:0}
  body.dashboard-page #settings .settings-public-profile-merged .profile-link-row{display:grid;width:100%;min-width:0;grid-template-columns:minmax(0,1fr) 38px!important;gap:8px;padding:9px}
  body.dashboard-page #settings .settings-public-profile-merged .profile-link-grip{display:none}
  body.dashboard-page #settings .settings-public-profile-merged .profile-link-row label{grid-column:1/-1!important;min-width:0}
  body.dashboard-page #settings .settings-public-profile-merged .profile-link-row>button{grid-column:2!important;grid-row:1!important;justify-self:end}
  body.dashboard-page #settings .settings-public-profile-merged .profile-link-row label:first-of-type{grid-column:1!important;padding-left:2px}
  body.dashboard-page #settings .settings-public-profile-merged .handle-input,
  body.dashboard-page #settings .settings-public-profile-merged .handle-input input{min-width:0;max-width:100%}
  body.dashboard-page #settings .settings-public-profile-merged .community-category-picker{max-width:100%}
  body.dashboard-page #settings .settings-public-profile-merged .community-category-picker span{overflow-wrap:anywhere}
}

@media(max-width:380px){
  body.dashboard-page #settings .user-settings-mobile-nav{grid-template-columns:minmax(0,1fr);gap:7px}
  body.dashboard-page #settings .user-settings-mobile-nav select{height:40px}
  body.dashboard-page #settings .settings-account-status{display:none}
  body.dashboard-page #settings .user-settings-heading{grid-template-columns:minmax(0,1fr)}
  body.dashboard-page #settings .brand-profiles-head>div:last-child{grid-template-columns:minmax(0,1fr)}
  body.dashboard-page #settings .brand-profiles-head button{width:100%}
  body.dashboard-page #settings .settings-public-profile-merged .profile-avatar-presets{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}

/* Keep the mobile dashboard and its settings in the visual viewport. */
.sidebar-mobile-close{display:none}
@media(max-width:760px){
  html,body.dashboard-page{width:100%;max-width:100%;overflow-x:clip}
  body.dashboard-page .app-shell,
  body.dashboard-page .main-content,
  body.dashboard-page #settings{width:100%!important;min-width:0!important;max-width:100%!important;margin-inline:0!important;box-sizing:border-box}
  body.dashboard-page .app-shell{display:block!important;overflow:clip}
  body.dashboard-page .main-content{display:block!important;flex:none!important;position:relative;overflow-x:clip;padding-inline:15px!important}
  body.dashboard-page #settings.view{margin-inline:auto!important}
  body.dashboard-page #settings .user-settings-layout,
  body.dashboard-page #settings .user-settings-content,
  body.dashboard-page #settings .settings-public-profile-merged,
  body.dashboard-page #settings .community-settings-layout{min-width:0;max-width:100%;overflow-x:clip}
  body.dashboard-page #settings .user-settings-mobile-nav{grid-template-columns:minmax(0,1fr);gap:7px}
  body.dashboard-page #settings .user-settings-mobile-nav select{width:100%;height:44px;font-size:12px}
  body.dashboard-page #settings .settings-card,
  body.dashboard-page #settings .settings-public-profile-merged .community-settings section{min-width:0;max-width:100%;overflow-wrap:anywhere}
  body.dashboard-page #settings .settings-form-grid>*{min-width:0}
  body.dashboard-page #settings .settings-public-profile-merged .profile-avatar-presets button{min-width:0}
  body.dashboard-page #settings .settings-public-profile-merged .profile-avatar-presets small{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  body.dashboard-page #settings .settings-public-profile-merged :is(form,header,div,label,input,textarea,button){min-width:0;max-width:100%;box-sizing:border-box}
  body.dashboard-page #settings .settings-public-profile-merged :is(.profile-avatar-current,.profile-avatar-drop,.profile-links-list,.profile-link-row,.profile-form-row){width:100%;min-width:0;max-width:100%}
  body.dashboard-page #settings .settings-public-profile-merged .profile-avatar-current{display:flex;align-items:center;flex-wrap:nowrap;gap:12px}
  body.dashboard-page #settings .settings-public-profile-merged .profile-avatar-current .community-avatar{flex:none}
  body.dashboard-page #settings .settings-public-profile-merged .profile-link-row{grid-template-columns:minmax(0,1fr) 38px!important}
  body.dashboard-page #settings .settings-public-profile-merged .profile-link-row label:nth-of-type(2){grid-column:1/-1!important;grid-row:2}
  body.dashboard-page #settings .settings-public-profile-merged .profile-link-row input{width:100%;min-width:0}

  body.dashboard-page .sidebar{position:fixed!important;top:0!important;right:0!important;bottom:0!important;left:auto!important;width:min(320px,calc(100dvw - 44px))!important;max-width:calc(100dvw - 44px);height:100dvh;margin:0!important;z-index:10001!important;visibility:hidden;pointer-events:none;transform:translate3d(105%,0,0)!important;transition:transform .25s ease,visibility 0s linear .25s;box-shadow:-18px 0 65px #000b}
  body.dashboard-page .sidebar.open{visibility:visible;pointer-events:auto;transform:translate3d(0,0,0)!important;transition:transform .25s ease,visibility 0s}
  body.dashboard-page .sidebar-backdrop{z-index:10000!important}
  body.dashboard-page .sidebar-mobile-close:not([hidden]){position:absolute;top:17px;left:16px;display:grid;place-items:center;width:38px;height:38px;border:1px solid #3d485a;border-radius:11px;background:#1b2330;color:#e5e9f1;font-size:24px;line-height:1;z-index:2}
  body.dashboard-page .sidebar .brand{padding-left:46px}
}