/* Member layout adaptations; palette and shared components come from admin-atlantide.css. */
:root{--muted:var(--soft);--paper:var(--panel);--ok:var(--green);--err:var(--red)}
body{padding:24px}
body:has(#memberView:not(.hidden)){padding:0}
body:has(#memberView:not(.hidden)) .page{width:100%;max-width:none;margin:0}
body:has(#memberView:not(.hidden)) .top{display:none}
.page-video-bg{display:none}
.brand h1{color:#0b7183}.brand p{color:var(--soft)}
.member-eyebrow{font-size:9px;font-weight:700;letter-spacing:.22em;color:#9a772e}
.back{background:rgba(255,255,255,.72);color:#216171;border-color:var(--line)}
.member-main .grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.member-main .panel{min-width:0;margin-bottom:0;scroll-margin-top:140px}
.member-main .panel.full{grid-column:1/-1}
.member-main .panel h3,.welcome-card h3{font:600 27px/1.18 "Cormorant Garamond",Georgia,serif;color:#174b56;margin:0 0 12px}
.member-identity{color:var(--soft);font-size:13px;overflow-wrap:anywhere;margin:7px 0 0}
.admin-head-actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px}
.member-main .item{border-bottom-color:var(--line)}
.member-main .item-head{flex-wrap:wrap}.member-main .item p{margin:4px 0}
.member-main .empty,.meet-pending{background:rgba(78,191,192,.08);color:#53767e;border:1px solid rgba(19,139,158,.10)}
.member-main .actions{min-width:0}
.member-main .contact-note,.subscribe-note{color:var(--soft);line-height:1.6}
.subscription-panel,.auth,.purchase-success,.welcome-card,.sumup-modal__card{background:linear-gradient(145deg,rgba(249,254,253,.94),rgba(231,248,247,.87));border:1px solid var(--line);box-shadow:var(--shadow),inset 0 1px 0 rgba(255,255,255,.87);backdrop-filter:blur(18px)}
.auth h2,.purchase-success h2,.sumup-modal__head h3{color:#174b56}
.tabs{background:rgba(14,116,136,.06);border:1px solid var(--line)}
.tabs button{color:#53767e}.tabs button.active{color:#0e7d91;background:#fff;box-shadow:0 5px 14px rgba(3,70,84,.08)}
.btn.primary{background:linear-gradient(135deg,#198fa7,#34b6bd 62%,#4cc7c2)}
.plan-box,.trial-box,.welcome-card{border-color:var(--line);background:rgba(78,191,192,.08)}
.plan-box strong,.plan-price,.music-links a,.purchase-download{color:#0d8196}
.purchase-download{background:rgba(255,255,255,.72);border-color:var(--line)}
.badge.active{background:rgba(49,170,125,.13);color:#247052}.badge.inactive{background:rgba(215,177,90,.15);color:#856623}
.sumup-modal{background:rgba(3,47,62,.50);backdrop-filter:blur(10px)}
.sumup-modal__close{background:rgba(14,116,136,.07);color:#216171}
.welcome-card{margin:0 0 20px;padding:20px;border-radius:24px}
.member-nav a{position:relative;display:flex;align-items:center;gap:11px;min-height:45px;padding:8px 11px;border:1px solid transparent;border-radius:15px;background:transparent;color:rgba(236,252,253,.83);font:600 12px/1.2 Inter,system-ui,sans-serif;letter-spacing:.01em;text-decoration:none;transition:background .18s,color .18s}
.member-nav a::before{display:grid;place-items:center;flex:0 0 29px;width:29px;height:29px;border-radius:10px;background:rgba(255,255,255,.075);border:1px solid rgba(255,255,255,.07);color:#a9e9e5;font-size:15px;font-weight:500}
.member-nav a[href="#subscriptionPanel"]::before{content:"◇"}.member-nav a[href="#memberAppointmentsPanel"]::before{content:"◫"}.member-nav a[href="#memberRecordingsPanel"]::before{content:"▷"}.member-nav a[href="#memberMusicPanel"]::before{content:"♪"}.member-nav a[href="#memberSecurityPanel"]::before{content:"◎"}.member-nav a[href="#memberContactPanel"]::before{content:"✉"}
.member-nav a:hover{background:rgba(255,255,255,.075);color:#fff}
.member-nav a.active{background:linear-gradient(135deg,rgba(83,201,198,.23),rgba(255,255,255,.10));border-color:rgba(215,177,90,.34);color:#fff;box-shadow:0 9px 24px rgba(0,31,44,.16),inset 0 1px 0 rgba(255,255,255,.10)}
.member-nav a.active::before{background:linear-gradient(145deg,#55c9c5,#198ca3);border-color:rgba(255,255,255,.28);color:#fff}
a:focus-visible,button:focus-visible{outline:3px solid #2ca7c5;outline-offset:3px}
@media(max-width:900px){body{padding:12px}.member-main .grid{grid-template-columns:1fr}.member-main .panel.full{grid-column:auto}.member-nav a{flex:0 0 auto;min-height:38px;padding:6px 10px;border-radius:13px;scroll-snap-align:start}.member-nav a::before{width:25px;height:25px;flex-basis:25px}.member-main .panel{scroll-margin-top:140px}}
@media(max-width:620px){.member-nav a{font-size:11px}.member-nav a::before{display:none}.member-main .panel h3{font-size:25px}.auth{padding:22px}.top{align-items:flex-start}.brand h1{font-size:42px}.brand p{font-size:13px}}
/* The existing member markup nests its content grid inside the statistics section. */
.member-stats > .grid{grid-column:1/-1;width:100%}