/* Complete account surfaces, including dynamically rendered content and dialogs. */
.site-theme { --account-ink:#294c51; --account-muted:#6e888b; --account-line:#dfebe7; --account-tint:#edf5f4; --account-accent:#297f77; }
.site-theme .account-eyebrow,.site-theme .account-menu-label { color:#7e9c94; font-size:10px; font-weight:600; letter-spacing:1.5px; margin:0 0 9px; }
.site-theme .user-page { padding:106px 0 60px; }
.site-theme .user-hero { display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:24px; padding:0 0 28px; background:none; border:0; border-bottom:1px solid #dfe9e7; border-radius:0; margin-bottom:28px; }
.site-theme .user-hero .c-eyebrow { margin:0 0 10px; }
.site-theme .user-hero h1 { font-size:29px; margin:0; color:var(--account-ink); }
.site-theme .user-hero p { margin:9px 0 0; color:var(--account-muted); }
.account-heading-actions { display:flex; flex-wrap:wrap; align-items:center; gap:20px; }
.account-heading-actions > a,.account-text-link { font-size:12px; color:#658d81; text-decoration:none; }
.site-theme .user-layout { grid-template-columns:265px minmax(0,1fr); gap:26px; }
.site-theme .user-side { display:flex; flex-direction:column; position:static; gap:13px; }
.site-theme .user-card { padding:23px; border:1px solid var(--account-line); border-radius:11px; background:#fff; box-shadow:none; }
.site-theme .user-card-head { flex-direction:column; text-align:center; gap:12px; }
.site-theme .user-card-head .c-avatar-xl { width:72px; height:72px; border:4px solid #edf5f4; }
.site-theme .user-card-head h2 { text-align:center; font-size:16px; font-weight:650; margin:0; opacity:1; transform:none; animation:none; }
.site-theme #user-email { font-size:11px; color:#8c9d98; overflow-wrap:anywhere; }
.site-theme .user-card-role { display:inline-block; background:#eff6f5; color:#4a8b70 !important; font-size:10px !important; padding:3px 9px; border-radius:5px; margin-top:8px; }
.site-theme .user-card-bio { font-size:12px; text-align:center; color:#7c918e; margin-top:15px; }
.site-theme .profile-stats { padding-top:17px; margin-top:17px; border-color:#e6eeed; justify-content:space-between; gap:10px; align-items:center; }
.site-theme #user-post-count { font-size:20px; }
.site-theme #user-joined { font-size:10px; font-weight:400; color:#91a19e; }
.site-theme .user-side .user-social { margin:0; }
.site-theme .user-social-counts { gap:10px; margin:0; }
.site-theme .user-social-counts button { border:1px solid var(--account-line); border-radius:9px; background:#fff; padding:13px; transition:background .15s; }
.site-theme .user-social-counts button:hover { background:#edf5f4; }
.site-theme .user-social-counts strong { color:#4f7d75; font-size:19px; font-weight:650; }
.site-theme .user-social-counts span { font-size:10px; color:#8b9e9b; }
.site-theme #my-public-profile { margin:0; background:#f0f6f5; color:#6b908a; border-color:#dce9e7; font-size:11px; }
.site-theme .user-menu { padding:12px; border:1px solid var(--account-line); border-radius:11px; box-shadow:none; gap:4px; }
.site-theme .account-menu-label { padding:10px 10px 4px; margin:0; font-size:10px; color:#90a4a1; }
.site-theme .user-menu button { border-radius:7px; padding:11px 13px; font-size:12px; font-weight:500; color:#728a86; min-height:40px; }
.site-theme .user-menu button i { width:16px; color:#8ba39f; text-align:center; }
.site-theme .user-menu button:hover { background:#f2f7f6; color:#527a73; }
.site-theme .user-menu button.is-active { background:#e8f3f1; color:#2d7f67; font-weight:600; }
.site-theme .user-menu button.is-active i { color:#3e8c71; }
.site-theme .user-menu .c-menu-danger { color:#b77479; border-top:1px solid #ebf2f1; margin-top:9px; }
.site-theme .user-panel { padding:27px; min-height:410px; border:1px solid var(--account-line); border-radius:12px; box-shadow:none; }
.site-theme .user-panel-head { padding-bottom:20px; border-bottom:1px solid #e7eeed; margin-bottom:22px; align-items:center; }
.site-theme .user-panel-head h2 { text-align:left; color:var(--account-ink); font-size:20px; font-weight:650; margin:0; opacity:1; animation:none; transform:none; }
.site-theme .user-panel-head p:not(.account-eyebrow) { color:#829592; font-size:12px; line-height:1.8; margin-top:7px; }
.site-theme .personal-library { margin:0; border:0; padding:0; }
.site-theme .personal-tabs { display:flex; gap:4px; background:#f0f5f4; border:1px solid #e5edec; padding:5px; border-radius:8px; margin:0 0 18px; }
.site-theme .personal-tabs .c-btn { background:transparent; color:#809592; border:1px solid transparent; border-radius:5px; font-size:12px; padding:9px 16px; flex:1; }
.site-theme .personal-tabs [aria-pressed=true] { background:white; border-color:#dce9e7; color:#458076; box-shadow:0 1px 3px #244e2f05; }
.site-theme .personal-kind-label { margin:15px 0 12px; font-size:11px; color:#8b9c99; }
.site-theme .personal-kind-label .c-select { width:auto; min-width:170px; max-width:100%; font-size:12px; min-height:38px; background:#fff; }
.site-theme .my-posts { margin-top:20px; gap:14px; }
.site-theme .my-posts > .c-hint { padding:45px 24px; border:1px dashed #d8e6e4; background:#f7fbfa; border-radius:9px; text-align:center; line-height:1.9; }
.site-theme .my-post { display:block; padding:20px; border:1px solid #dfe9e7; background:#fff; border-radius:9px; }
.site-theme .my-post .author-link { margin-bottom:12px; font-size:12px; color:#52736e; }
.site-theme .my-post-body p { color:#536d69; font-size:13px; line-height:1.9; }
.site-theme .my-post-meta { margin-top:12px; color:#8ea19e; font-size:10px; }
.site-theme .my-post-actions { padding-top:12px; margin-top:12px; border-top:1px solid #e9f2f0; gap:8px; }
.site-theme .my-post-actions .c-btn { font-size:11px; min-height:32px; padding:6px 12px; border-radius:6px; }
.site-theme .my-post-comment-toggle { background:#e8f5f3; color:#60928a; border:1px solid #d8e9e6; border-radius:6px; padding:6px 10px; font-size:11px; }
.site-theme .my-post-comments { background:#f2f9f8; border-color:#d9e9e6; }
.site-theme .account-field-label { color:#728b87; font-size:12px; }
.site-theme .forum-fields { background:#f4f9f8; border-color:#dceae8; padding:17px; border-radius:9px; }
.site-theme .forum-fields label { font-size:11px; color:#74908b; }
.site-theme .forum-fields input,.site-theme .forum-fields select { border-color:#d8e8e5; border-radius:6px; color:#49736c; font-size:12px; min-height:38px; }
.site-theme .composer-tool { background:#f3faf9; color:#5c8c84; border:1px solid #d9eae7; border-radius:6px; font-size:11px; }
.site-theme .composer-topic-row { gap:12px; }
.site-theme .composer-topic-row label { color:#6c918b; font-size:11px; }
.site-theme .compose-box > .c-textarea { min-height:160px; line-height:1.8; }
.site-theme .compose-actions { padding-top:16px; border-top:1px solid #dfefec; }
.site-theme .c-form { max-width:560px; }
.site-theme .c-field label { font-size:12px; color:#517d76; }
.site-theme .c-hint { font-size:11px; line-height:1.9; }
.site-theme .avatar-editor { gap:24px; padding:20px 0; }
.site-theme .avatar-preview { border:5px solid #e8f5f3; background:#dbeeeb; box-shadow:none; }
.site-theme .file-input::file-selector-button { border:1px solid #cfe6e2; border-radius:6px; background:#eaf6f4; color:#4d897f; padding:9px 14px; margin-right:10px; cursor:pointer; }
.site-theme .personal-notice { padding:19px; border:1px solid #d8e8e5; background:#f8fcfb; border-radius:8px; margin-bottom:10px; font-size:13px; }
.site-theme .personal-notice.is-unread { border-left:3px solid #67a59b; background:#edf8f6; }
.site-theme [data-panel=notifications] .personal-tabs { background:transparent; border:0; padding:0; justify-content:flex-start; }
.site-theme [data-panel=notifications] .personal-tabs button { flex:none; border-color:#d0e6e2; background:#ecf7f5; }
.site-theme #user-notices > .c-hint { padding:50px 25px; text-align:center; border:1px dashed #d1e6e3; border-radius:8px; }
/* Public profile, directory, comments and followers dialog. */
.site-theme .profile-card { border-radius:11px; box-shadow:none; }
.site-theme .profile-main-head { padding:19px 22px; background:#fff; border:1px solid var(--account-line); border-radius:9px; margin-bottom:18px; }
.site-theme .profile-main-head h2 { text-align:left; font-size:18px; margin:0; opacity:1; animation:none; transform:none; }
.site-theme .profile-main-head span { font-size:12px; color:#819995; }
.site-theme .post-card { padding:22px; box-shadow:none; }
.site-theme .post-author strong { font-size:13px; }
.site-theme .post-content { color:#506b66; font-size:14px; }
.site-theme .post-topic,.site-theme .forum-post-details { color:#628b84; background:#edf6f4; border-color:#dbeae8; }
.site-theme .post-action { color:#819894; font-size:11px; border-radius:6px; }
.site-theme .post-action:hover { background:#e8f5f3; color:#49847a; }
.site-theme .user-social-dialog { padding:24px; border:1px solid #dfe9e7; border-radius:12px; box-shadow:0 20px 80px #123d2826; }
.site-theme .user-social-dialog::backdrop { background:#193a3566; backdrop-filter:blur(3px); }
.site-theme .social-dialog-head { border-bottom:1px solid #e6eeed; padding-bottom:16px; margin-bottom:8px; }
.site-theme .social-dialog-head h2 { font-size:18px; color:#38635c; }
.site-theme .social-user-row { padding:18px 0; }
.site-theme .social-user-row strong { font-size:13px; }
.site-theme .social-user-row small { font-size:11px; margin-top:4px; }
.site-theme .social-user-row .c-btn { font-size:11px; }
.site-theme .index-card { padding:23px; }
.site-theme .index-card h2 { font-size:16px; text-align:left; opacity:1; transform:none; animation:none; }
.site-theme .index-card p { font-size:13px; line-height:1.8; }
.site-theme .index-card-footer { padding-top:13px; border-top:1px solid #e3eeec; font-size:11px; color:#879f9b; }
.site-theme .index-heading .c-hint { letter-spacing:2px; font-size:10px; color:#7ca39c; }
.site-theme .index-heading > a { display:inline-block; margin-top:12px; font-size:12px; }
.site-theme .index-tabs a[aria-current=page] { background:#36846e; border-color:#36846e; }
.site-theme #index-search { align-items:end; }
.site-theme #index-search .c-btn { min-height:38px; }
.site-theme #index-reset { background:#edf5f4; color:#67948c; border:1px solid #d8e9e6; }
.site-theme .thread-actions button,.site-theme .thread-expand,.site-theme [data-thread-more],.site-theme [data-thread-cancel] { background:#fff; border-color:#d7e8e5; color:#67948c; border-radius:6px; }
.site-theme .thread-actions button[aria-pressed=true] { background:#e4f4f1; color:#46887d; border-color:#badfd9; }
.site-theme .auth-inline-link { color:#6c948d; }
.site-theme .auth-code-row button { background:#eff6f5; border-color:#dce9e7; color:#55867e; }
@media(max-width:900px) {
 .site-theme .user-layout { grid-template-columns:230px minmax(0,1fr); gap:18px; }
 .site-theme .user-panel { padding:21px; }
 .site-theme .personal-tabs .c-btn { padding:8px 10px; }
}
@media(max-width:700px) {
 .site-theme .user-page { padding-top:95px; }
 .site-theme .user-layout { grid-template-columns:1fr; gap:19px; }
 .site-theme .user-hero { padding:0 0 22px; gap:18px; }
 .site-theme .user-hero h1 { font-size:25px; }
 .account-heading-actions { gap:18px; }
 .site-theme .user-side { display:grid; grid-template-columns:1fr 1fr; gap:10px; }
 .site-theme .user-card { grid-column:1/-1; padding:18px; }
 .site-theme .user-card-head { flex-direction:row; text-align:left; gap:15px; }
 .site-theme .user-card-head h2 { text-align:left; }
 .site-theme .user-card-head .c-avatar-xl { width:58px; height:58px; }
 .site-theme .user-card-bio { text-align:left; margin-top:12px; }
 .site-theme .profile-stats { padding-top:12px; margin-top:12px; }
 .site-theme .user-side .user-social { min-width:0; }
 .site-theme .user-social-counts { gap:8px; }
 .site-theme #my-public-profile { align-self:stretch; display:flex; justify-content:center; }
 .site-theme .user-menu { grid-column:1/-1; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:5px; padding:8px; }
 .site-theme .account-menu-label { display:none; }
 .site-theme .user-menu button { font-size:11px; padding:10px 7px; justify-content:center; gap:5px; }
 .site-theme .user-menu .c-menu-danger { margin:0; border:0; }
 .site-theme .user-panel { padding:20px; min-height:360px; }
 .site-theme .user-panel-head { gap:12px; }
 .site-theme .personal-tabs .c-btn { font-size:11px; padding:8px; }
 .site-theme .my-post { padding:16px; }
 .site-theme .avatar-editor { align-items:flex-start; }
 .site-theme .user-social-dialog { padding:19px; }
}
.site-theme .c-avatar { background:#e5f1ed !important; color:#3b8375; }
.site-theme .user-card-head .c-avatar-xl { width:62px; height:62px; }
.site-theme .user-card { padding:20px; }
.site-theme .user-menu .c-menu-danger { color:#b77479; }
/* The global margin reset must not pin native dialogs to the top-left corner. */
.site-theme .user-social-dialog { position:fixed; inset:0; margin:auto; max-height:80vh; overflow:auto; }