/* JanCares member 2026: dedicated views, concise onboarding, existing security preserved. */
[hidden]{display:none!important}
html{scroll-behavior:auto}
body.member-authenticated .shell{grid-template-columns:238px minmax(0,1fr)}
body.member-authenticated .side{position:sticky;top:0;height:100dvh;overflow-y:auto;background:#12213d;border-right:0;padding:28px 16px}
body.member-authenticated .side .brand{color:#fff;padding:0 13px;font-size:23px}
body.member-authenticated .side .brand small{color:#a3b8d7}
body.member-authenticated .side .nav{margin-top:34px;gap:5px}
body.member-authenticated .side .nav button{border:0;background:transparent;width:100%;text-align:left;padding:13px 14px;border-radius:11px;min-height:45px;color:#c1d0e7;font-size:13px;font-weight:650}
body.member-authenticated .side .nav button:hover{background:#21375b;color:#fff}
body.member-authenticated .side .nav button.active{background:#f0f5ff;color:#1256d8}
body.member-authenticated .main{max-width:1500px;margin:0;width:100%;padding:30px clamp(18px,3vw,48px) 70px}
body.member-authenticated .top{margin-bottom:22px;padding-bottom:13px;border-bottom:1px solid #e2e9f4}
body.member-authenticated .top h1{margin:5px 0;font-size:clamp(25px,2.5vw,36px);letter-spacing:-.045em}
.jc-member-identity{display:flex;align-items:center;gap:13px;min-width:0}
.jc-member-identity>span{max-width:210px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:750;color:#244263}
.jc-member-identity>.avatar{flex:none}
.jc-member-view[hidden]{display:none!important}
.jc-member-view>.panel{margin:0 0 16px!important;padding:22px;border-radius:18px;border:1px solid #e4eaf4;box-shadow:0 5px 20px #143c6809}
.jc-member-view .panel h3{font-size:17px;letter-spacing:-.03em;margin:0 0 14px;color:#17365d}
.jc-member-view .hero{padding:27px;border-radius:18px}
.jc-member-view .hero h2{font-size:24px}
.jc-member-view .hero p{font-size:13px;line-height:1.5;max-width:475px}
.jc-member-view .hero .btn{display:none}
.jc-member-view .stats{margin:18px 0;gap:12px}
.jc-member-view .stat{border-radius:15px;padding:18px}
.jc-member-view .stat strong{font-size:25px;margin:8px 0 3px}
.jc-member-view .stat span{display:block;line-height:1.45}
.jc-member-view .jc-2026-member-balance{margin-top:17px}
.jc-member-view .jc-2026-member-balance .jc-hint{max-width:540px}
.jc-member-disclosure{border:1px solid #e1e9f3;border-radius:17px;background:white;margin-bottom:16px;overflow:hidden}
.jc-member-disclosure>summary{cursor:pointer;padding:17px 20px;font-size:14px;font-weight:800;color:#254972}
.jc-member-disclosure .jc-2026-guide{margin:0!important;border:0!important;border-top:1px solid #e5ebf5!important;border-radius:0!important}
#jcManualBanking .footnote{font-size:12px;line-height:1.5}
#jcManualBanking #jcManualTransferForm{max-width:940px;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px!important}
#jcManualBanking label{font-size:13px;font-weight:700;color:#31506f}
#jcManualBanking input,#jcManualBanking select{display:block;width:100%;min-height:44px;padding:10px 12px;margin-top:6px;border:1px solid #d5e0f0;background:white;border-radius:10px;color:#172f4c;font:inherit;box-sizing:border-box}
#jcManualBanking #jcSubmitManualTransfer{grid-column:1/-1;max-width:340px;min-height:46px;border-radius:11px}
#jcManualBanking #jcTransferHistory{padding:13px 0}
.jc-member-view #history{margin-top:0}
.jc-member-view #history h3:not(:first-child){margin-top:18px!important}
.jc-member-account #jcMemberProfileDetails p{display:flex;justify-content:space-between;gap:14px;padding:13px 0;border-bottom:1px solid #e8edf5;font-size:13px}
.jc-member-account #jcMemberProfileDetails span{overflow-wrap:anywhere;text-align:right}
.jc-member-signout{margin-top:18px;padding:11px 18px;border:1px solid #d2dfed;background:#fff;color:#234871;border-radius:11px;font-weight:750}
body.member-authenticated .bottom{display:none}
#memberOnboarding .welcome{max-width:660px;margin:auto;text-align:center}
#memberOnboarding .welcome h1{font-size:clamp(25px,4vw,36px);line-height:1.2;letter-spacing:-.05em}
#memberOnboarding .welcome p{font-size:13px;line-height:1.55}
#memberOnboarding .lock,#memberOnboarding .jc-step{border:1px solid #e1eaf6;border-radius:20px;box-shadow:0 17px 46px #163a7310;padding:clamp(18px,3vw,32px)}
#memberOnboarding .lock h2{font-size:clamp(21px,2.6vw,28px);line-height:1.2;letter-spacing:-.035em}
#memberOnboarding input:not([type=checkbox]),#memberOnboarding select,#memberOnboarding textarea{min-height:45px;border:1px solid #d5e0ed;border-radius:11px;padding:11px 13px;color:#1b3557;font-size:14px;max-width:100%;box-sizing:border-box}
#memberOnboarding input:focus-visible,#memberOnboarding select:focus-visible{outline:2px solid #1256d8;outline-offset:1px}
#memberOnboarding fieldset{border-color:#dce7f5!important;border-radius:14px!important}
#memberOnboarding .jc-progress{font-size:12px;margin:0 auto 15px}
#memberOnboarding .jc-resume{padding:12px 13px;border-radius:11px;margin-bottom:14px}
#memberOnboarding .jc-dash-note{padding:14px;border-radius:12px;background:#f5f8fe}
#memberOnboarding .jc-dash-note p{font-size:12px;line-height:1.6}
#memberOnboarding .jc-draft-explain{font-size:12px;color:#7388a4}
.jc-onboarding-more{padding:12px 14px;margin:10px 0 16px;background:#f7faff;border:1px solid #e1e9f5;border-radius:12px;color:#405f82;font-size:12px}
.jc-onboarding-more summary{cursor:pointer;font-size:12px;font-weight:800;color:#234c7f}
.jc-onboarding-more p{margin:10px 0 0;font-size:12px!important;line-height:1.6}
#memberOnboarding button:focus-visible,.jc-member-view button:focus-visible{outline:3px solid #e3bb39;outline-offset:2px}
@media(max-width:920px){body.member-authenticated .shell{display:block}body.member-authenticated .side{display:none}body.member-authenticated .main{padding:20px 16px 85px}body.member-authenticated .bottom{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:25;background:#fff;box-shadow:0 -4px 22px #14376019;padding:7px 4px max(8px,env(safe-area-inset-bottom));justify-content:space-around;gap:2px}body.member-authenticated .bottom button{flex:1;min-height:44px;padding:5px 2px;background:transparent;border:0;color:#697d98;border-radius:10px;font-size:11px;font-weight:700}body.member-authenticated .bottom button.active{background:#eaf1ff;color:#1256d8}#jcManualBanking #jcManualTransferForm{grid-template-columns:1fr}#jcManualBanking #jcSubmitManualTransfer{max-width:none}}
@media(max-width:600px){.jc-member-identity>span{max-width:112px;font-size:11px}.jc-member-view .stats{grid-template-columns:repeat(2,minmax(0,1fr))}.jc-member-view .stat:last-child{grid-column:span 2}#memberOnboarding .lock{margin:16px auto!important}.jc-member-view .panel{padding:16px}.jc-member-view .jc-balance-grid{grid-template-columns:1fr}}
@media print{body.member-authenticated .shell{display:block!important}body.member-authenticated .side,body.member-authenticated .bottom,.jc-member-signout{display:none!important}body.member-authenticated .main{padding:0!important;max-width:100%!important}body.member-authenticated [hidden]{display:none!important}body.member-authenticated .panel{box-shadow:none!important}}