#memberPanel{max-width:960px;margin-inline:auto}
.member-shell-hero{min-height:190px;padding:35px 25px;border-radius:18px;color:white;background:linear-gradient(125deg,#09496c,#147aa9 48%,#f6a45d);margin:12px 0 20px}.member-shell-hero span{font-weight:700}.member-shell-hero h3{font-size:clamp(1.5rem,4vw,2.4rem);margin:14px 0}.member-shell-hero p{margin:0}
.member-shell-nav{display:flex;gap:8px;overflow-x:auto;padding:14px 0;margin:12px 0 20px;scrollbar-width:thin;position:sticky;top:0;background:#f5f7f3;z-index:3}
.member-shell-tab{flex:none;background:#e5f0ed;color:#13493e;border-radius:999px;padding:10px 15px;min-height:42px}
.member-shell-tab[aria-current=page]{background:#17664f;color:#fff}
.member-shell-view[hidden]{display:none!important}
.member-shell-view{min-width:0}.member-shell-heading{font-size:1.25rem;margin:8px 0 16px}
.member-shell-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:22px}
.member-shell-card{display:block;width:100%;text-align:left;background:#eef6f2;color:#13493e;border:1px solid #cadfd3;padding:20px;border-radius:14px;font-weight:700}
.member-shell-cards .member-shell-card{color:#fff;border:0;text-decoration:none;font-size:1.07rem;min-height:74px}
.member-shell-cards .member-shell-card strong,.member-shell-cards .member-shell-card small{display:block}.member-shell-cards .member-shell-card small{font-size:.85rem;font-weight:400;margin-top:6px}
.member-shell-subcategories{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 20px}.member-shell-subcategories span{border-radius:999px;padding:9px 13px;background:#e8f3f6;color:#15516a;font-size:.9rem;font-weight:600}
.member-shell-subcategories button{border-radius:999px;padding:9px 13px;background:#e8f3f6;color:#15516a;font-size:.9rem;font-weight:600}.member-shell-subcategories button[aria-pressed=true]{background:#15516a;color:#fff}.member-shell-category-detail{border-left:4px solid #2d7da0;padding:9px 13px;background:#f2f8fb;color:#31536a}
.member-shell-cards [data-view=learning]{background:#2877c7}.member-shell-cards [data-view=mentor]{background:#198e81}.member-shell-cards [data-view=share]{background:#d47713}.member-shell-cards [data-view=rewards]{background:#c9436c}.member-shell-cards [data-view=profile]{background:#6458c5}.member-shell-cards [data-view=service]{background:#168cad}
.member-shell-summary,.member-shell-progress{padding:18px;background:#eef6f2;border-left:4px solid #17664f;border-radius:8px;white-space:pre-wrap}
.member-shell-progress{background:#f6f7fb;border-color:#5572bf}
.member-shell-hint{line-height:1.7}
.member-shell-mentor-part{padding:18px;margin:16px 0;border:1px solid #cadfd3;border-radius:14px;background:#fff}.member-shell-mentor-part h4{margin:0 0 12px;font-size:1.1rem;color:#13493e}
.member-shell-mentor-history{display:grid;gap:12px;margin-top:18px}.member-shell-mentor-item{padding:16px;background:#f5f7f3;border:1px solid #cadfd3;border-radius:12px}.member-shell-mentor-item>strong{display:block;margin-bottom:8px}
@media(max-width:600px){#memberPanel{padding-bottom:100px}.member-shell-cards{grid-template-columns:1fr}.member-shell-card{min-height:58px}.member-shell-nav{position:fixed;top:auto;bottom:0;left:0;right:0;margin:0;padding:9px max(8px,env(safe-area-inset-right)) calc(9px + env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left));background:#fff;border-top:1px solid #cadfd3;box-shadow:0 -4px 16px #0001;justify-content:space-around}.member-shell-tab{flex:1;min-width:0;font-size:12px;padding:9px 3px;white-space:nowrap}.member-shell-view{scroll-margin-top:12px}}
/* Member workspace follows the approved two-phone visual reference. */
body:has(#memberPanel:not([hidden])){background:#edf4f8;color:#19334d}
body:has(#memberPanel:not([hidden]))>header{background:#fff;border-color:#dae7f0}body:has(#memberPanel:not([hidden]))>header h1{color:#0c4c81}
body:has(#memberPanel:not([hidden]))>main{max-width:980px;margin:18px auto;padding:0 14px}
#memberPanel:not([hidden]){max-width:980px;background:#fff;color:#19334d;border:1px solid #dce9f2;box-shadow:0 18px 52px #0d457016;padding:24px;border-radius:22px}
#memberPanel .muted,#memberPanel .member-card dt,#memberPanel .history span,#memberPanel .summary-box span{color:#547086}
#memberPanel .today,#memberPanel .summary-box,#memberPanel .referral-row{background:#f6fafe;border:1px solid #d9e9f3;color:#19334d}
#memberPanel .today h3,#memberPanel h4{color:#12598d}
#memberPanel input,#memberPanel textarea,#memberPanel select{background:#fff;color:#19334d;border-color:#b7cbd9}
#memberPanel button:not(.member-shell-card):not(.member-shell-tab){background:#145d90;color:white}
#memberPanel button.secondary,#memberPanel button.toggle-list{background:#e8f1f7;color:#145175}
#memberPanel .member-number,#memberPanel .completion-summary strong,#memberPanel .summary-box strong{color:#155c92}
.member-shell-topbar{padding:3px 0 14px;border-bottom:1px solid #dce9f2}.member-shell-topbar h2{color:#0b4c82;font-size:clamp(16px,3vw,23px);letter-spacing:.01em}.member-shell-avatar{margin-left:auto;border-radius:50%;width:39px;height:39px;background:#d9e8f3;color:#115687;display:grid;place-items:center;font-size:25px}
.member-shell-view{animation:member-shell-enter .18s ease-out}@keyframes member-shell-enter{from{opacity:.65;transform:translateY(5px)}to{opacity:1;transform:none}}
.member-shell-heading{font-size:1.5rem;color:#104a7b;margin:15px 0 18px}
.member-shell-hero{isolation:isolate;position:relative;overflow:hidden;min-height:230px;padding:36px 28px;margin:16px 0;background:linear-gradient(115deg,#143f70dd,#316da599 60%,#efaf76aa),linear-gradient(#89bcda,#e3b393);display:flex;flex-direction:column;justify-content:center;text-shadow:0 2px 8px #1b375a80}
.member-shell-hero::before,.member-shell-hero::after{content:"";position:absolute;z-index:-1;inset:auto -4% 0;height:53%;background:linear-gradient(145deg,#426d8a,#234b72);clip-path:polygon(0 100%,0 70%,17% 15%,36% 80%,52% 27%,69% 75%,84% 7%,100% 82%,100% 100%)}.member-shell-hero::after{height:27%;background:linear-gradient(135deg,#335b70,#122e53);clip-path:polygon(0 100%,0 35%,21% 90%,43% 12%,68% 88%,83% 20%,100% 76%,100% 100%)}
.member-shell-hero h3{color:#fff;font-size:clamp(1.7rem,5vw,2.7rem);letter-spacing:.05em}
.member-shell-cards{grid-template-columns:1fr;gap:12px;margin:22px 0 25px}.member-shell-cards .member-shell-card{position:relative;min-height:84px;padding:17px 24px 15px 72px;box-shadow:0 8px 15px #1a51701a;border-radius:17px}.member-shell-cards .member-shell-card::before{position:absolute;left:23px;top:22px;font-size:28px;line-height:1;color:#fff}.member-shell-cards [data-view=learning]::before{content:'✦'}.member-shell-cards [data-view=mentor]::before{content:'◉'}.member-shell-cards [data-view=share]::before{content:'♧'}.member-shell-cards [data-view=rewards]::before{content:'✿'}.member-shell-cards [data-view=profile]::before{content:'●'}.member-shell-cards [data-view=service]::before{content:'◕'}
.member-shell-cards .member-shell-card strong{font-size:1.2rem}.member-shell-cards .member-shell-card small{font-size:.88rem;opacity:.94}
.member-shell-view>.member-shell-mentor-part,.member-shell-view>.today{box-shadow:0 5px 20px #174b7010}
.member-shell-search{display:block;margin:16px 0;font-size:.92rem;color:#205274;font-weight:700}.member-shell-search input,.member-shell-search select{width:100%;margin-top:7px;background:#fff;color:#19334d;border:1px solid #b7cbd9;border-radius:11px;padding:12px}.member-shell-search+div .member-shell-card[hidden],#caseHistory article[hidden]{display:none!important}
.member-shell-home-content{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:14px 0}.member-shell-home-panel{background:#f0f8fc;border:1px solid #d9e9f4;border-radius:15px;padding:18px;min-height:112px}.member-shell-home-panel h4,.member-shell-quick-title{margin:0 0 8px;color:#155688}.member-shell-home-panel p{margin:0}.member-shell-quick-title{font-size:1.16rem;margin-top:22px}.member-shell-view h4{scroll-margin-top:24px}
@media(max-width:600px){.member-shell-home-content{grid-template-columns:1fr}.member-shell-home-panel{min-height:90px}}
.member-shell-tab{background:#eaf2f8;color:#155688}.member-shell-tab[aria-current=page]{background:#1764a2;color:#fff}.member-shell-tab::before{display:block;font-size:19px;line-height:1.1;margin-bottom:2px}.member-shell-tab[data-view=home]::before{content:'⌂'}.member-shell-tab[data-view=learning]::before{content:'▣'}.member-shell-tab[data-view=mentor]::before{content:'◉'}.member-shell-tab[data-view=share]::before{content:'♧'}.member-shell-tab[data-view=profile]::before{content:'●'}
.member-shell-hero{background:linear-gradient(90deg,#12375599,#173b5355 50%,transparent 80%),url('/media/member-journey.svg') center/cover no-repeat;min-height:270px}.member-shell-hero::before,.member-shell-hero::after{display:none}.member-shell-hero>*{max-width:61%}.member-shell-hero h3{max-width:55%;line-height:1.28}.member-shell-hero p{font-weight:600}
.member-shell-cards [data-view=learning]{background:linear-gradient(110deg,#1d6dcc,#4d9ded)}.member-shell-cards [data-view=mentor]{background:linear-gradient(110deg,#117b72,#25ad9f)}.member-shell-cards [data-view=share]{background:linear-gradient(110deg,#eb8d1d,#ffa435)}.member-shell-cards [data-view=rewards]{background:linear-gradient(110deg,#db4779,#f37a9a)}.member-shell-cards [data-view=profile]{background:linear-gradient(110deg,#6155bd,#8f83e1)}.member-shell-cards [data-view=service]{background:linear-gradient(110deg,#1384a8,#38aed0)}
@media(max-width:600px){.member-shell-hero{min-height:235px}.member-shell-hero>*{max-width:68%}.member-shell-hero h3{max-width:65%;font-size:1.75rem}.member-shell-cards .member-shell-card{border-radius:14px}}
.member-shell-view:not([data-view=home]){padding:5px 4px 25px}.member-shell-view:not([data-view=home])>.member-shell-heading{padding:12px 15px;background:#f0f7fc;border-radius:11px;border-left:5px solid #277fc0}
.member-shell-view[data-view=mentor]>.member-shell-heading{background:#e6f7f2;border-color:#168f81;color:#146f64}.member-shell-view[data-view=share]>.member-shell-heading{background:#fff3e3;border-color:#ed941b;color:#995408}.member-shell-view[data-view=rewards]>.member-shell-heading{background:#fff0f5;border-color:#df5882;color:#a23a5f}.member-shell-view[data-view=profile]>.member-shell-heading{background:#f2f0ff;border-color:#7465ce;color:#5c4cb4}.member-shell-view[data-view=service]>.member-shell-heading{background:#eaf7fb;border-color:#2199bb;color:#11738e}
.member-shell-view .member-shell-mentor-part{border-color:#d9e9f3;border-radius:15px}.member-shell-subcategories{align-items:center}.member-shell-subcategories button{border:1px solid #c9e0ed}
#memberPanel .member-shell-back{display:inline-flex;align-items:center;min-height:40px;padding:8px 13px;background:#eaf3f9!important;color:#165883!important;border-radius:999px;margin:4px 0 10px;font-size:.9rem;font-weight:700}.member-shell-back:hover{filter:brightness(.97)}
@media(max-width:600px){#memberPanel:not([hidden]){padding:12px 14px 95px;border-radius:0;border-inline:0}.member-shell-topbar h2{font-size:15px}.member-shell-topbar #logout{min-height:38px;padding:8px}.member-shell-avatar{width:31px;height:31px;font-size:18px}.member-shell-nav{z-index:10}.member-shell-hero{min-height:200px;padding:26px 20px}.member-shell-heading{font-size:1.3rem}.member-shell-cards .member-shell-card{min-height:77px}}