.club-account-nav{display:flex;flex-wrap:wrap;gap:10px;margin:22px 0}
.club-account-nav button,.club-account-action{border:1px solid #bad7c1;border-radius:13px;padding:11px 16px;min-height:44px;font:inherit;font-size:14px;font-weight:750;color:#176b35;background:white;cursor:pointer}
.club-account-nav button[aria-expanded="true"],.club-account-action{background:#087e3c;color:#fff;border-color:#087e3c}
.club-account-nav button:hover{box-shadow:0 3px 10px #173f2210}
.club-account-nav button:focus-visible,.club-account-action:focus-visible{outline:3px solid #16803c;outline-offset:3px}
.club-account-action:disabled{opacity:.6;cursor:wait}
.club-account-panel{padding:24px;background:#fff;border:1px solid #d3e7d2;border-radius:24px;margin:0 0 24px;color:#173f30}
.club-account-panel[hidden]{display:none!important}
.club-account-panel h2{font-size:23px;margin:0 0 10px}
.club-account-panel input[readonly]{background:#f5f8f4;color:#607086}
.club-account-panel .club-account-action{margin-top:14px}
.club-account-note{color:#607086;font-size:14px;line-height:1.55;margin:12px 0;overflow-wrap:anywhere}
.club-account-note[data-error="true"]{color:#a13b22}
.club-account-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}
.club-account-heading .club-account-action{margin:0}
.club-notification-setting{display:flex;align-items:flex-start;gap:12px;padding:15px 0;border-bottom:1px solid #e7efe6;cursor:pointer}
.club-notification-setting input{width:20px;height:20px;accent-color:#087e3c;flex-shrink:0;margin-top:3px}
.club-notification-setting strong,.club-notification-setting small{display:block}
.club-notification-setting small{font-size:13px;color:#607086;line-height:1.5;margin-top:4px}
#clubCareBadge{display:inline-block;min-width:20px;padding:2px 5px;border-radius:20px;background:#dff5df;color:#176b35;margin-left:5px}
#clubCareBadge[hidden]{display:none}
.club-order,.club-notification-item{border:1px solid #deebdf;border-radius:16px;padding:16px;margin-top:12px}
.club-order header{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}
.club-order ul{padding-left:20px;line-height:1.6;font-size:14px}
.club-order-status{font-size:13px;font-weight:700;color:#176b35;background:#edf7ee;border-radius:20px;padding:5px 10px}
.club-notification-item a{color:#176b35;font-weight:700}
@media(max-width:520px){.club-account-nav{gap:8px}.club-account-nav button{flex:1 1 130px;font-size:13px;padding:11px}.club-account-panel{padding:20px 16px}.club-account-panel h2{font-size:21px}}