.member-app .club-logo { object-fit: cover; padding: 0; background: #101113; border: 1px solid #bfa16b50; }
.member-app .wordmark .club-logo { width: 49px; height: 49px; border-radius: 12px; }
.member-app .rail-account .club-logo { width: 39px; height: 39px; border-radius: 50%; flex: none; }
.member-app .topbar-brand { display: inline-flex; align-items: center; white-space: nowrap; }
.topbar-club-logo { width: 25px; height: 25px; margin-right: 8px; border-radius: 7px; object-fit: cover; border: 1px solid #bfa16b50; }
.settings-trigger { min-height: 36px; display: inline-flex; align-items: center; gap: 6px; padding: 0 9px; color: #87734d; background: transparent; border: 1px solid transparent; border-radius: 7px; font-size: 12px; cursor: pointer; }
.settings-trigger svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 1.4; }
.settings-trigger:hover { background: #f2ede3; border-color: #e3d6c1; }
.settings-trigger:focus-visible, .settings-close:focus-visible { outline: 2px solid #af8a4b; outline-offset: 2px; }
.member-settings { width: min(460px, calc(100% - 32px)); max-height: calc(100svh - 32px); margin: auto; padding: 29px; overflow-y: auto; border: 1px solid #c2a471; border-radius: 15px; background: #fcfaf6; color: #332e26; box-shadow: 0 25px 100px #0005; }
.member-settings::backdrop { background: #12120fc2; backdrop-filter: blur(5px); }
.settings-heading { display: flex; justify-content: space-between; gap: 20px; align-items: center; }
.settings-heading p { margin: 0 0 8px; color: #9a7c4a; font: 10px Georgia, serif; letter-spacing: 2px; }
.settings-heading h2 { margin: 0; font-family: "Songti SC", SimSun, serif; font-size: 25px; font-weight: 400; letter-spacing: 3px; }
.settings-close { width: 34px; height: 34px; border: 0; border-radius: 6px; color: #8d7c5e; background: #f0e9dc; font-size: 23px; cursor: pointer; }
.settings-account { display: flex; align-items: center; gap: 12px; margin: 24px 0; padding-bottom: 22px; border-bottom: 1px solid #e7dfd1; }
.settings-account img { width: 47px; height: 47px; border-radius: 50%; object-fit: cover; border: 1px solid #bca16a; }
.settings-account > div { min-width: 0; display: grid; gap: 5px; }
.settings-account strong { font-size: 14px; font-weight: 500; overflow-wrap: anywhere; }
.settings-account span { color: #928471; font-size: 11px; }
.member-password-form { display: grid; gap: 16px; }
.member-password-form h3 { margin: 0 0 2px; font-size: 14px; font-weight: 500; letter-spacing: 1px; }
.member-password-form label { display: grid; gap: 8px; color: #756750; font-size: 12px; }
.member-password-form input { width: 100%; min-width: 0; height: 45px; padding: 0 12px; border: 1px solid #ddd3c2; border-radius: 6px; outline: none; background: #fffefb; color: #332e26; font-size: 16px; }
.member-password-form input:focus { border-color: #b18c4c; box-shadow: 0 0 0 3px #b18c4c18; }
.member-password-form input::placeholder { color: #aaa18f; font-size: 13px; }
.settings-help { margin: 0; color: #8b7e69; font-size: 11px; line-height: 1.7; }
.password-error { min-height: 15px; margin: -6px 0 -5px; color: #ac4e3f; font-size: 12px; }
.settings-save { display: flex; justify-content: space-between; align-items: center; min-height: 46px; padding: 0 15px; border: 1px solid #aa8a51; border-radius: 7px; background: linear-gradient(110deg, #dcc796, #ba9b61); color: #302617; font-size: 14px; cursor: pointer; }
.settings-save:disabled { opacity: .55; cursor: wait; }
@media (max-width: 680px) {
  .settings-trigger { padding: 0 4px; gap: 3px; font-size: 11px; }
  .settings-trigger svg { width: 16px; height: 16px; }
  .member-app .mobile-member-name { max-width: 55px; }
  .topbar-club-logo { width: 22px; height: 22px; margin-right: 5px; }
  .member-app .topbar-brand i { margin: 0 5px; }
  .member-settings { padding: 23px; }
}
@media (max-width: 360px) { .member-app .mobile-member-name { display: none; } }