/* Load after approved/memberView.css and approved/memberMount.css. */
.approved-member-settings .settings-stage{display:flex;align-items:center;gap:.8rem;padding:.8rem;border:1px solid #edc3a8;border-radius:.85rem;background:#fff8f3}
.approved-member-settings .stage-icon{display:grid;width:3rem;height:3rem;flex:0 0 3rem;padding:.35rem;place-items:center;border-radius:.72rem;background:#c75b12;color:#fff;font-weight:800}
.approved-member-settings .stage-icon img{display:block;width:100%;height:100%;object-fit:contain;filter:brightness(0) invert(1)}
.approved-member-settings .settings-stage :is(strong,small){display:block}.approved-member-settings .settings-stage strong{color:#52250b;font-size:.86rem}.approved-member-settings .settings-stage small{margin-top:.2rem;color:#9b4b18;font-size:.67rem;line-height:1.35}
.settings-error{margin:.65rem 0;color:#b42318;font-size:.78rem;line-height:1.4}

.member-settings-native-dialog{--club-green:#226f54;box-sizing:border-box;width:min(100% - 1rem,31rem);min-height:0;max-height:min(92dvh,48rem);margin:auto auto 0;padding:0;border:0;border-radius:1rem 1rem 0 0;background:#fff;color:#10231b;box-shadow:0 -14px 40px rgb(16 35 27/.18);overflow:auto}
.member-settings-native-dialog::backdrop{background:rgb(8 20 15/.42)}
.member-settings-native-dialog .settings-sheet{box-sizing:border-box;min-height:0;padding:1.15rem 1.15rem max(1.25rem,env(safe-area-inset-bottom));font-family:inherit}
.member-settings-native-dialog .settings-sheet>header{padding:0 3rem .9rem 0;border-bottom:1px solid #dce5e6}
.member-settings-native-dialog .settings-sheet:not(.settings-connect)>header{position:sticky;top:0;z-index:2;padding-right:4.75rem;background:#fff}
.settings-sheet-cancel{position:absolute;right:0;top:0;min-height:44px;min-width:44px;padding:.5rem;border:0;background:transparent;color:var(--club-green,#226f54);font:inherit;font-size:.85rem;cursor:pointer}
.settings-sheet-cancel:focus-visible{outline:2px solid var(--club-green,#226f54);outline-offset:2px}
.member-settings-native-dialog .settings-sheet>header h2{margin:0;font-size:1.05rem;line-height:1.25}.member-settings-native-dialog .settings-sheet>header p{margin:.25rem 0 0;color:#687d87;font-size:.72rem}
.member-settings-dialog-connect{max-height:min(72dvh,38rem)}
.member-settings-dialog-account,.member-settings-dialog-security{max-height:min(92dvh,48rem)}

.connection-flow{--connection-ink:#10231b;--connection-muted:#687d87;--connection-soft:#f1f5f1;--connection-green:var(--club-green,#226f54);position:relative;min-height:100%;padding-top:1rem;color:var(--connection-ink);font-family:inherit}.connection-flow button{font:inherit}.connection-flow :is(button,summary):focus-visible{outline:2px solid var(--connection-green);outline-offset:2px}.connection-icon-button{display:grid;width:2.75rem;height:2.75rem;padding:0;place-items:center;border:0;border-radius:50%;background:var(--connection-soft);color:var(--connection-ink)}.connection-top-close{position:absolute;z-index:1;top:-3.75rem;right:0}.connection-centred-identity{display:grid;justify-items:center;gap:.5rem;padding:.3rem 3rem 1rem}.connection-centred-identity>strong{font-size:.875rem}.connection-club-mark{display:grid;width:4rem;height:4rem;place-items:center;border-radius:1rem;background:var(--connection-green);color:#fff;font-weight:800}.connection-simple-state{display:grid;min-height:15.5rem;align-content:start;text-align:center}.connection-simple-state h3{max-width:20rem;margin:0 auto;font-size:1.08rem;line-height:1.35;letter-spacing:-.02em}.connection-quiet-copy{max-width:21rem;margin:.65rem auto 0;color:var(--connection-muted);font-size:.875rem;line-height:1.42}.connection-learn-more{margin:.8rem auto 0;color:var(--connection-muted);font-size:.875rem}.connection-learn-more summary{min-height:2.75rem;padding:.65rem .5rem;border-radius:.5rem;color:var(--connection-green);cursor:pointer;font-weight:700;list-style-position:inside}.connection-learn-more p{margin:.22rem 0;line-height:1.35}.connection-primary-action{align-self:end;width:100%;min-height:3rem;margin-top:auto;padding:.7rem 1rem;border:0;border-radius:.75rem;background:var(--connection-green);color:#fff;font-weight:750}

.account-flow{--account-ink:#10231b;--account-muted:#687d87;--account-line:#dce5e6;--account-soft:#f5f7f5;--account-green:var(--club-green,#226f54);min-height:100%;padding-top:.85rem;color:var(--account-ink);font-family:inherit}.account-flow :is(button,input),.account-access-content :is(button,input){font:inherit}.account-flow :is(button,input):focus-visible,.account-access-content :is(button,input):focus-visible{outline:2px solid var(--account-green);outline-offset:2px}.account-action-bar{display:flex;align-items:center;justify-content:space-between;min-height:2.75rem;margin:-.25rem 0 .7rem;border-bottom:1px solid var(--account-line)}.account-action-bar button,.account-back-action{display:inline-flex;min-height:2.75rem;align-items:center;padding:0 .15rem;border:0;background:transparent;font-size:.88rem}.account-save-action{color:var(--account-green)!important;font-weight:750}.account-example-strip{display:flex;align-items:center;justify-content:space-between;gap:.8rem;margin:-.1rem -1.15rem 0;padding:.55rem 1.15rem;background:var(--account-soft)}.account-example-strip span{color:var(--account-muted);font-size:.62rem;font-weight:750;letter-spacing:.06em;text-transform:uppercase}.account-example-strip strong{font-size:.72rem}.account-flat-rows{margin-top:.45rem}.account-flat-rows>button,.account-static-row{display:grid;grid-template-columns:2.3rem minmax(0,1fr) 1rem;align-items:center;gap:.65rem;width:100%;min-height:4.6rem;padding:.7rem 0;border:0;border-bottom:1px solid var(--account-line);background:transparent;text-align:left}.account-static-row{grid-template-columns:2.3rem minmax(0,1fr)}.account-flat-rows svg{width:1.35rem;height:1.35rem;color:#173c31}.account-flat-rows strong,.account-flat-rows small{display:block}.account-flat-rows small{margin-top:.18rem;color:var(--account-muted);font-size:.72rem}.account-done-action,.account-primary-action,.account-access-primary{width:100%;min-height:3rem;margin-top:1.2rem;padding:.7rem 1rem;border:0;border-radius:.75rem;background:var(--account-green);color:#fff;font-weight:750}.account-password-fields{border-top:1px solid var(--account-line)}.account-password-fields label{display:grid;grid-template-columns:8rem minmax(0,1fr);align-items:center;min-height:3.35rem;border-bottom:1px solid var(--account-line)}.account-password-fields input{min-width:0;min-height:2.75rem;padding:.5rem .25rem;border:0;background:transparent}.account-field-note,.account-reset-copy p,.account-receipt p{color:var(--account-muted);font-size:.76rem;line-height:1.45}.account-reset-field{display:grid;gap:.4rem}.account-reset-field input{width:100%;min-height:3rem;padding:.7rem .82rem;border:1px solid var(--account-line);border-radius:.72rem}.account-receipt{padding-top:.8rem}.account-receipt>svg{width:2rem;height:2rem;color:var(--account-green)}
.account-access-content{--account-green:var(--club-green,#226f54);padding-top:1rem}.account-access-invite{color:#66736c;font-size:.875rem}.account-access-field{display:grid;margin-bottom:.8rem;padding:.48rem .9rem .42rem;border:1px solid #bac3be;border-radius:.78rem}.account-access-field:focus-within{border-color:var(--account-green);box-shadow:0 0 0 1px var(--account-green)}.account-access-field>span{color:#66736c;font-size:.7rem}.account-access-field input{width:100%;min-height:1.9rem;padding:.12rem 0;border:0;outline:0}.account-access-field small{color:#b42318;font-size:.72rem}.account-access-forgot,.account-access-secondary{min-height:2.75rem;border:0;background:transparent;color:var(--account-green);font-weight:720}.account-access-remember{display:flex;gap:.55rem;align-items:center;min-height:2.75rem}.account-access-remember input{width:1.15rem;height:1.15rem;accent-color:var(--account-green)}.account-access-email-step{padding-top:2rem;text-align:center}.account-access-email-step>svg{width:2.4rem;height:2.4rem;color:var(--account-green)}
@media(max-width:360px){.member-settings-native-dialog{width:100%}.account-password-fields label{grid-template-columns:7rem minmax(0,1fr)}}
@media(prefers-reduced-motion:reduce){.member-settings-native-dialog *{transition:none!important}}

/* Independent password visibility controls preserve the live input DOM. */
.account-password-fields .account-password-field { display:grid; gap:.4rem; padding:.8rem 0; border-bottom:1px solid var(--account-line); }
.account-password-fields .account-password-field > label { display:block; min-height:0; border:0; font-size:.875rem; font-weight:600; }
.account-password-control { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:.5rem; }
.account-password-control input { width:100%; font-size:1rem; }
.account-password-control button { min-width:3.5rem; min-height:2.75rem; padding:.5rem; border:1px solid var(--account-line); border-radius:.6rem; background:#fff; color:var(--account-green); }

.member-entry-page .account-password-control { border:1px solid #b9c8bf; border-radius:.72rem; padding:.1rem .35rem .1rem .7rem; }
.member-entry-page .account-password-control:focus-within { border-color:var(--account-green); box-shadow:inset 0 0 0 1px var(--account-green); }
.member-entry-page .account-password-control input:focus-visible { outline:0; }
.member-entry-page .account-password-control input { min-width:0; font-size:1rem; }
.member-entry-page .account-password-control button { border:0; }
.member-entry-page .account-access-field > span { font-size:.875rem; color:#465e53; }
.member-entry-page .account-access-field input { font-size:1rem; }
.member-entry-page .account-access-field input:focus-visible { outline:0; }
.member-entry-page .account-access-field:focus-within { border-color:var(--account-green,#226f54); box-shadow:inset 0 0 0 1px var(--account-green,#226f54); }
.connection-simple-state textarea{box-sizing:border-box;width:100%;min-height:9rem;margin:1rem 0;padding:.75rem;border:1px solid #bac8c0;border-radius:.5rem;font:inherit;font-size:1rem;line-height:1.5;resize:vertical;color:inherit;background:#fff;text-align:left}.connection-simple-state textarea:focus-visible{outline:2px solid var(--connection-green);outline-offset:2px}

/* Native connection management: one scroller, contained artwork, reachable Close. */
.member-settings-dialog-connect{max-height:min(92dvh,48rem);overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-gutter:stable}
.member-settings-native-dialog .settings-connect>header{position:sticky;top:0;z-index:3;padding-right:4rem;background:#fff}
.member-settings-native-dialog .connection-club-mark{width:3rem;height:3rem;min-width:3rem;overflow:hidden;border-radius:.7rem;background:#f1f5f1}
.member-settings-native-dialog .connection-club-mark>img{display:block;width:100%;height:100%;object-fit:contain}
.connection-management{--connection-green:#226f54}
.connection-management-body{display:grid;gap:1.1rem;padding-top:1rem;min-width:0}
.connection-identity-row{display:flex;align-items:center;gap:.8rem;min-width:0}
.connection-management :is(p,li,summary,button,a){font-size:.875rem;line-height:1.45}
.connection-management p{margin:.35rem 0;color:#52655e}
.connection-management h3{margin:0;font-size:1rem;line-height:1.35}
.connection-identity-row strong{font-size:.95rem;line-height:1.35}
.connection-access-card{padding:1rem;border:1px solid #dce5df;border-radius:.85rem;min-width:0}
.connection-access-heading{display:flex;align-items:center;justify-content:space-between;gap:.75rem}
.connection-status{padding:.25rem .55rem;border-radius:1rem;background:#edf5ef;color:#24513c;font-size:.75rem;font-weight:700}
.connection-permission-list{display:grid;gap:.8rem;list-style:none;margin:1rem 0;padding:0}
.connection-permission-list li{display:grid;gap:.1rem}.connection-permission-list span{color:#52655e}
.connection-access-details summary{min-height:44px;display:list-item;padding:.7rem 0;cursor:pointer;color:#226f54}
.connection-access-details p{overflow-wrap:anywhere}
.connection-management .connection-primary-action{box-sizing:border-box;display:block;margin-top:.8rem;text-align:center;text-decoration:none}
.connection-remove-action,.connection-copy-action{min-height:44px;padding:.6rem .75rem;border:1px solid #b8c9bf;border-radius:.6rem;background:#fff;color:#254e3c;font:inherit;cursor:pointer}
.connection-remove-action{margin-top:.5rem}.connection-copy-action{box-sizing:border-box;display:block;width:100%;margin-top:.5rem;text-align:center;text-decoration:none}
.connection-management :is(button,a,summary):focus-visible{outline:2px solid #226f54;outline-offset:3px}
@media(min-width:640px){.member-settings-dialog-connect{margin:auto;border-radius:1rem}}

.connection-status.is-removed{background:#f4f0e8;color:#67512b}

/* Compact default connection sheet; optional details and large text can scroll. */
.member-settings-dialog-connect .connection-management-body{gap:.65rem;padding-top:.5rem}
.member-settings-dialog-connect .connection-identity-row{gap:.65rem}
.member-settings-dialog-connect .connection-access-card{padding:.65rem .8rem}
.member-settings-dialog-connect .connection-management :is(p,li,summary,button,a){font-size:1rem;line-height:1.4}
.member-settings-dialog-connect .connection-management p{margin:.2rem 0}
.member-settings-dialog-connect .connection-access-details summary{padding:.55rem 0}
.member-settings-dialog-connect .connection-start .connection-primary-action{margin-top:.55rem;min-height:2.75rem}
.member-settings-dialog-connect .connection-start .connection-copy-action{margin-top:.5rem}