/* Shared appearance for public, authentication and member pages. */
:root{--member-text-muted:var(--member-muted)}
.appearance-picker{position:relative;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:40px;min-width:78px;padding:8px 11px;border:1px solid var(--member-border);border-radius:10px;background:var(--member-card-bg);color:var(--member-text);font:inherit;font-size:13px;cursor:pointer;z-index:65}
.appearance-picker:focus-visible{outline:2px solid var(--member-primary);outline-offset:3px}
.appearance-picker :focus-visible{outline:2px solid var(--member-primary);outline-offset:3px}
.tf-header,.tf-header.is-transparent{background:color-mix(in srgb,var(--member-header-bg) 95%,transparent)}
.tf-header-inner>.appearance-picker{margin-left:auto}.tf-header-inner{gap:14px}
.tf-bg-soft{background:color-mix(in srgb,var(--member-card-bg) 60%,var(--member-page-bg))}.tf-bg-gradient{background:linear-gradient(135deg,var(--member-hero-start),var(--member-hero-end))}
.tf-bg-dark{background:var(--member-sidebar-bg)}.tf-cta-inner{background:var(--member-card-bg)}.tf-footer{background:var(--member-sidebar-bg)!important;color:var(--member-text)}
.tf-btn:not(.tf-btn-outline),.button-primary,.pp-save{color:var(--member-on-primary)}.tf-nav a.tf-btn:not(.tf-btn-outline){color:var(--member-on-primary)}
.tf-hero{isolation:isolate;overflow:hidden}.tf-hero>.tf-container{position:relative;z-index:1}
.tf-hero::before{content:"";position:absolute;inset:-100% auto -100% -80%;width:45%;background:linear-gradient(90deg,transparent,rgba(var(--member-primary-rgb),.12),transparent);transform:rotate(24deg);animation:hero-light-pass 10s ease-in-out infinite;pointer-events:none}
@keyframes hero-light-pass{0%,18%{left:-80%;opacity:0}35%{opacity:1}72%,100%{left:145%;opacity:0}}
.tf-hero .tf-buttons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));max-width:440px;gap:12px}.tf-hero .tf-buttons .tf-btn{min-width:0;width:100%;min-height:48px;text-align:center;white-space:normal;overflow-wrap:anywhere;padding:12px 14px}
.tf-hero.tf-align-center .tf-buttons,.tf-hero.tf-layout-centered .tf-buttons{margin-inline:auto}
html[data-member-theme=light] .member-shell,html[data-member-theme=light] .member-main{background:transparent}
html[data-member-theme] .member-header{background:var(--member-header-bg)}
html[data-member-theme] .member-sidebar{background:var(--member-sidebar-bg)}
html[data-member-theme] .sidebar-nav{background:var(--member-card-bg)}
html[data-member-theme] .pp-field input,html[data-member-theme] .pp-field select{background:var(--member-input-bg)}
html[data-member-theme=light] .card{box-shadow:0 22px 58px rgba(32,88,61,.12)}
html[data-member-theme=light] .tf-section.tf-bg-image{background-image:linear-gradient(#f4fcf7dd,#f4fcf7dd),var(--tf-section-bg)}
@media(max-width:600px){.tf-hero .tf-buttons{gap:8px;grid-template-columns:repeat(2,minmax(0,1fr))}.tf-hero .tf-buttons .tf-btn{font-size:clamp(12px,3.5vw,15px);padding:11px 8px}.member-header-modern .header-actions{gap:6px}.tf-header-inner{gap:8px}.tf-brand strong{max-width:135px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}
@media(prefers-reduced-motion:reduce){.tf-hero::before{animation:none;display:none}html{scroll-behavior:auto}}

html[data-member-theme=light] .member-alert-success,html[data-member-theme=light] .alert.success{color:#146340}html[data-member-theme=light] .member-alert-warning{color:#835300}html[data-member-theme=light] .member-alert-danger,html[data-member-theme=light] .alert.danger{color:#AB2040}.shell .button{color:var(--member-on-primary)}.sidebar-user-avatar,.header-avatar,.summary-avatar,.profile-large-avatar,.tf-brand span{color:var(--member-on-primary)}
.member-dashboard-popup-action a,.support-btn:not(.secondary){color:var(--member-on-primary)!important}

/* Shared icons, responsive brand placement, and aligned authentication controls. */
[data-appearance-icon]{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;flex-shrink:0}
[data-appearance-icon] svg{width:20px;height:20px;display:block}.appearance-picker .appearance-moon{display:none}
html[data-member-theme=dark] .appearance-picker .appearance-sun{display:none}html[data-member-theme=dark] .appearance-picker .appearance-moon{display:block}
.tf-header .appearance-picker{width:42px;min-width:42px;height:42px;padding:10px;gap:0}
.tf-header .appearance-picker [data-appearance-status],.auth-controls .appearance-picker [data-appearance-status]{display:none}
.tf-brand img,.tf-footer-brand img,.header-member-logo img,.sidebar-brand-mark img,.shell .mark img{border-radius:12px}
.shell .auth-controls{display:flex;align-items:flex-end;gap:10px;margin:14px 22px 20px;min-width:0}
.shell .auth-controls .language-form{flex:1;min-width:0;margin:0}
.shell .auth-controls .language-picker summary{height:48px;min-width:0;gap:8px}
.shell .auth-controls .language-picker summary>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.shell .auth-controls>.appearance-picker{height:48px;min-height:48px;width:48px;min-width:48px;gap:0;padding:12px}
@media(min-width:1051px){.member-sidebar .sidebar-brand-row{display:none}.member-header .header-member-logo{display:flex}}
@media(max-width:1050px){.member-header .header-member-logo{display:none}.member-sidebar .sidebar-brand-row{display:flex}.member-header .header-left{flex:0 0 auto}.member-header .header-actions{margin-left:auto}}
@media(max-width:480px){.shell .auth-controls{margin-inline:18px;gap:8px}}
@media(max-width:1050px){.member-header .header-menu-button{display:block;flex-shrink:0}.member-sidebar .sidebar-close{display:block}}