/* Approved login/member design. Scope styles; existing navigation panels keep their UI. */
body[data-page="main.login"],body[data-page="main.member_center"]{
 --entry-top:#1b4154;--entry-bottom:#0c293a;--entry-edge:#041724;--entry-line:#345d6e;--entry-text:#eff9fa;--entry-muted:#a4bac7;--entry-accent:#81d8d0;--entry-main-top:#1a9ea5;--entry-main-bottom:#087d88;--entry-main-edge:#07515a;--entry-bg:#071724;--entry-face:#102b3b;--entry-shadow:#0006;
}
body[data-page][data-ui-theme="fresh_light"]{--entry-top:#fcfdfe;--entry-bottom:#e1e8ed;--entry-edge:#b4bfc8;--entry-line:#c6d0d7;--entry-text:#1b3645;--entry-muted:#556f7f;--entry-accent:#4a6474;--entry-main-top:#5c7280;--entry-main-bottom:#425b6c;--entry-main-edge:#314b5b;--entry-bg:#edf1f4;--entry-face:#f9fbfc;--entry-shadow:#233d511c}
body[data-page="main.login"]{background:var(--entry-bg);color:var(--entry-text)}
body[data-page="main.login"]>.topbar{display:none}
body[data-page="main.login"]>main.container{padding:16px 12px 28px;max-width:460px}
body[data-page="main.login"] .login-approved{box-sizing:border-box;width:100%;max-width:414px;margin:0 auto;padding:20px;border:1px solid var(--entry-line);border-radius:24px;background:var(--entry-bg);color:var(--entry-text);box-shadow:0 18px 50px var(--entry-shadow)}
.entry-login-head{display:flex;align-items:center;gap:10px;margin-bottom:20px}
.entry-login-brand{display:flex;align-items:center;gap:8px;font-size:20px;font-weight:750;margin-right:auto;color:var(--entry-text)}
.entry-login-brand img{width:32px;height:32px;border-radius:9px}
.entry-login-head .ui-language-quick{margin:0;max-width:145px;min-width:0}
.entry-login-head .ui-language-quick select{width:100%;font-size:12px!important;min-height:40px;padding:8px!important;background:var(--entry-face);color:var(--entry-text);border:1px solid var(--entry-line)}
.entry-theme-toggle{width:40px;height:40px;flex:0 0 40px;border:1px solid var(--entry-line);border-radius:12px;background:linear-gradient(var(--entry-top),var(--entry-bottom));color:var(--entry-accent);font:inherit;font-size:19px;box-shadow:0 3px 0 var(--entry-edge);cursor:pointer}
.entry-welcome{margin:2px 0 18px;line-height:0}.entry-welcome img{display:block;width:100%;max-width:320px;height:auto}
.login-approved .auth-password-form{display:grid;gap:16px;margin:0}
.login-approved label{margin:0;font-size:13px;color:var(--entry-text)}
.login-approved input:not([type=checkbox]),.login-approved select{box-sizing:border-box;max-width:100%;background:var(--entry-face);border:1px solid var(--entry-line);color:var(--entry-text);border-radius:14px;min-height:48px;padding:11px 12px;font-size:16px}
.login-approved .entry-remember-row{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12px}
.login-approved .trusted-device-choice{display:flex;align-items:center;gap:6px;font-size:12px;min-height:40px}
.login-approved input[type=checkbox]{width:17px;height:17px;accent-color:var(--entry-main-top)}
.login-approved .entry-forgot{color:var(--entry-accent);font-size:12px;padding:9px 0}
.login-approved .entry-register{display:block;text-align:center;color:var(--entry-accent);font-size:14px;padding:9px 0}
.login-approved #confirmLogin,.login-approved .social-login-btn{
 border:1px solid var(--entry-line);border-radius:16px;background:linear-gradient(155deg,var(--entry-top),var(--entry-bottom));color:var(--entry-text);box-shadow:inset 0 1px 0 #ffffff35,0 4px 0 var(--entry-edge),0 8px 12px var(--entry-shadow);transition:transform .1s,background .1s,box-shadow .1s;text-decoration:none;
}
.login-approved #confirmLogin{width:100%;min-height:50px;background:linear-gradient(155deg,var(--entry-main-top),var(--entry-main-bottom));color:#fff;border-color:var(--entry-accent);box-shadow:inset 0 1px 0 #ffffff50,0 4px 0 var(--entry-main-edge),0 8px 12px var(--entry-shadow);font-size:16px}
.login-approved .social-login-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:15px 12px;margin:0 0 19px}
.login-approved .social-login-btn{box-sizing:border-box;min-width:0;min-height:56px;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:8px;padding:10px 8px;font-size:13px;font-weight:650;overflow-wrap:anywhere}
.login-approved .provider-mark{display:grid;place-items:center;width:24px;height:24px;background:none;border:0;color:var(--entry-accent);font-size:16px}
.login-approved .social-login-btn small{color:var(--entry-muted);font-size:11px;font-weight:400}
.login-approved .social-login-btn[disabled]{opacity:.5;cursor:not-allowed;box-shadow:inset 0 1px 0 #ffffff20,0 3px 0 var(--entry-edge)}
.login-approved .social-login-btn:not([disabled]):active,.login-approved #confirmLogin:active{transform:translateY(3px);background:linear-gradient(var(--entry-main-top),var(--entry-main-bottom));color:#fff;box-shadow:inset 0 1px 0 #ffffff40,0 1px 0 var(--entry-main-edge)}
.login-approved .social-login-btn:hover{transform:none;border-color:var(--entry-accent)}
.login-approved .auth-divider{margin:18px 0 14px;color:var(--entry-muted);font-size:12px}.login-approved .auth-divider:before,.login-approved .auth-divider:after{background:var(--entry-line)}
.login-approved .entry-fold{border:0;background:transparent;margin:8px 0}.login-approved .entry-fold summary{padding:10px 0;font-size:12px;color:var(--entry-muted)}.login-approved .compact-help{font-size:12px;line-height:1.6;color:var(--entry-muted)}.login-approved [hidden]{display:none!important}
/* Header shortcuts: compact, same original AI blue in both themes. */
body[data-page="main.member_center"] .cl-compact-bar{flex-wrap:nowrap;gap:20px;padding-block:10px;background:var(--entry-bg)}
body[data-page="main.member_center"] .cl-brand{flex:0 0 auto;font-size:18px;color:var(--entry-text);gap:6px}
body[data-page="main.member_center"] .cl-brand img{width:26px;height:26px}
body[data-page="main.member_center"] .cl-alerts{flex:0 1 auto;flex-wrap:nowrap;gap:7px;margin-left:auto}
body[data-page="main.member_center"] .cl-alerts :is(a,button){box-sizing:border-box;position:relative;display:flex;align-items:center;justify-content:center;gap:4px;min-height:36px;padding:6px 9px;border:1px solid #65d5ef;border-radius:10px;background:linear-gradient(145deg,#168fd0,#08b5ce);box-shadow:inset 0 1px 0 #ffffff45,0 3px 0 #056c91,0 5px 7px var(--entry-shadow);color:#fff;font:inherit;font-size:12px;font-weight:650;line-height:1.3;text-decoration:none;white-space:normal;overflow-wrap:anywhere;cursor:pointer}
body[data-page="main.member_center"] .cl-alerts :is(a,button):active{transform:translateY(2px);background:linear-gradient(145deg,#0870ae,#00839e);box-shadow:0 1px 0 #056c91}
body[data-page="main.member_center"] .cl-alerts #aiGuideFab{position:static;inset:auto;width:auto;height:auto;min-width:34px;margin:0;font-size:14px;flex-shrink:0}
/* Only button faces change; cl-four-panel rules, DOM and handlers are untouched. */
body[data-page="main.member_center"] .cl-four-navigation{padding-top:16px}
body[data-page="main.member_center"] .cl-four-grid{gap:10px;padding-bottom:8px}
body[data-page="main.member_center"] :is(.cl-nav-toggle,.cl-return-tile){isolation:isolate;position:relative;border:1px solid var(--entry-line);border-top-color:var(--entry-accent);border-radius:15px;background:linear-gradient(160deg,color-mix(in srgb,var(--entry-top) 75%,var(--entry-accent)),var(--entry-top) 35%,var(--entry-bottom));color:var(--entry-text);box-shadow:inset 0 2px 0 #ffffff45,inset 0 -3px 0 #00000025,0 2px 0 var(--entry-line),0 7px 0 var(--entry-edge),0 11px 12px var(--entry-shadow);transition:transform .1s,background .1s,box-shadow .1s}
body[data-page="main.member_center"] :is(.cl-nav-toggle,.cl-return-tile)::before{content:"";position:absolute;inset:4px 5px auto;height:33%;border-radius:10px 10px 18px 18px;background:linear-gradient(#ffffff13,#ffffff00);pointer-events:none;z-index:-1}
body[data-page="main.member_center"] :is(.cl-nav-toggle,.cl-return-tile):active,body[data-page="main.member_center"] .cl-nav-toggle[aria-expanded=true]{transform:translateY(5px);border-color:var(--entry-accent);background:linear-gradient(150deg,var(--entry-main-top),var(--entry-main-bottom));color:#fff;box-shadow:inset 0 1px 0 #ffffff35,0 2px 0 var(--entry-main-edge),0 4px 5px var(--entry-shadow)}
body[data-page="main.member_center"] .shell-container{max-width:1000px;padding-top:22px}
.member-home-title{display:flex;align-items:center;gap:12px;margin:0 0 18px}.member-home-title h1{font-size:24px;line-height:1.4;margin:0}.member-home-title .member-home-tier{margin-left:auto;color:var(--entry-muted);font-size:12px}.member-home-title .entry-theme-link{color:var(--entry-accent);border:1px solid var(--entry-line);border-radius:10px;padding:6px 10px;min-height:34px;text-decoration:none}
.member-home-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px 12px}
.member-home-action{box-sizing:border-box;min-width:0;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:12px;min-height:112px;padding:17px 16px;border:1px solid var(--entry-line);border-radius:16px;background:linear-gradient(155deg,var(--entry-top),var(--entry-bottom));color:var(--entry-text);box-shadow:inset 0 1px 0 #ffffff35,0 4px 0 var(--entry-edge),0 8px 12px var(--entry-shadow);transition:transform .1s,background .1s,box-shadow .1s;overflow-wrap:anywhere;text-decoration:none}
.entry-icon{width:26px;height:26px;display:block;flex:0 0 auto;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;color:var(--entry-accent)}
.member-home-action strong{font-size:16px;line-height:1.4}
.member-home-action:hover{border-color:var(--entry-accent)}
.member-home-action:active,.member-home-action[aria-current=true]{color:#fff;border-color:var(--entry-accent);background:linear-gradient(155deg,var(--entry-main-top),var(--entry-main-bottom));box-shadow:inset 0 1px 0 #ffffff50,0 4px 0 var(--entry-main-edge),0 8px 14px var(--entry-shadow)}
.member-home-action:active{transform:translateY(3px);box-shadow:inset 0 1px 0 #ffffff40,0 1px 0 var(--entry-main-edge)}.member-home-action[aria-current=true] .entry-icon,.member-home-action:active .entry-icon{color:#fff}
.member-home-quota{grid-column:1/-1;display:flex;align-items:center;gap:14px;margin:0 0 4px;color:var(--entry-muted)}.member-home-quota .scan-quota-link{margin:0;flex:1}.member-home-quota .scan-quota-meter{border:0;background:none;padding:5px 0;display:flex;flex-wrap:wrap;gap:18px;max-width:none}.member-home-quota .scan-quota-meter>div{display:flex;align-items:center;gap:6px}.member-home-quota .scan-quota-meter b{font-size:13px;color:var(--entry-accent)}.member-home-quota .scan-quota-meter small{font-size:11px}.member-home-quota .member-batch-link{font-size:12px;color:var(--entry-accent);padding:10px 0;white-space:nowrap}
.member-home-caption{font-size:12px;color:var(--entry-muted);margin:14px 0 8px}.member-home-list{border-radius:16px;background:var(--entry-face);padding:0 16px}.member-home-list>a{display:flex;align-items:center;gap:12px;min-height:54px;padding:13px 0;color:var(--entry-text);text-decoration:none;font-size:14px}.member-home-list>a+a{border-top:1px solid var(--entry-line)}.member-home-list .entry-icon{width:20px;height:20px}.member-home-list .entry-chevron{margin-left:auto;color:var(--entry-muted)}.member-home-list>a:active{color:var(--entry-accent)}
.member-home-footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;margin:12px 0;font-size:12px;color:var(--entry-muted)}.member-home-footer a{color:var(--entry-accent);padding:8px 0}
body[data-page="main.member_center"] .home-settings{margin-top:12px}body[data-page="main.member_center"] .cs-notice{font-size:11px;color:var(--entry-muted)}
@media(max-width:640px){.member-home-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.member-home-quota{grid-row:2}.member-home-action{min-height:112px}.member-home-title h1{font-size:22px}body[data-page="main.member_center"] .cl-brand{font-size:17px}body[data-page="main.member_center"] .cl-brand img{display:none}body[data-page="main.member_center"] .cl-alerts :is(a,button){font-size:11px;padding:6px 7px}body[data-page="main.member_center"] .cl-alerts{gap:6px}body[data-page="main.member_center"] :is(.cl-nav-toggle,.cl-return-tile)>strong{font-size:12px}body[data-page="main.member_center"] .cl-four-grid{gap:7px}}
@media(max-width:360px){body[data-page="main.member_center"] .cl-compact-bar{gap:12px}body[data-page="main.member_center"] .cl-brand{font-size:16px}body[data-page="main.member_center"] .cl-alerts .entry-shortcut-icon{display:none}.entry-login-brand{font-size:17px}.entry-login-head{gap:6px}.entry-login-head .ui-language-quick{max-width:115px}.member-home-quota .scan-quota-meter{gap:8px}}
@media(pointer:coarse){body[data-page="main.member_center"] .cl-alerts :is(a,button){min-height:44px}.entry-theme-toggle{min-height:44px}}
/* nav is globally flex; these approved secondary links intentionally remain a vertical list. */
nav.member-home-list{display:block}
/* An already signed-in member can open /login to inspect it without logging out. */
body[data-page="main.login"] :is(.cl-compact-bar,.cl-four-navigation,#aiGuideRoot){display:none}
body[data-page="main.login"] .app-shell{display:block}
body[data-page="main.login"] .shell-container{max-width:460px;margin-inline:auto;padding:16px 12px 28px}
/* Match the signed-off mobile surface, rather than inheriting the old desktop shell. */
body[data-page="main.member_center"]{background:var(--entry-bg);color:var(--entry-text)}
body[data-page="main.member_center"] .entry-member-shell{box-sizing:border-box;width:calc(100% - 16px);max-width:900px;margin:16px auto;padding:24px 28px;border:1px solid var(--entry-line);border-radius:26px;background:var(--entry-bg);box-shadow:0 18px 50px var(--entry-shadow)}
body[data-page="main.member_center"] .entry-member-shell>.cl-compact-bar{position:relative;top:auto;padding:0;margin:0 0 21px;min-height:40px;border:0;gap:20px;align-items:center}
body[data-page="main.member_center"] .cl-brand{font-size:19px;letter-spacing:-.5px;font-weight:750}
body[data-page="main.member_center"] .cl-brand img{display:none}
body[data-page="main.member_center"] .entry-brand-accent{color:var(--entry-accent)}
body[data-page="main.member_center"] .cl-alerts .entry-icon{width:14px;height:14px;color:#fff}
body[data-page="main.member_center"] .cl-four-navigation{max-width:none;padding:0;margin:0 0 27px}
body[data-page="main.member_center"] .cl-four-grid{gap:9px;padding:0}
body[data-page="main.member_center"] .cl-nav-toggle small{display:none!important}
body[data-page="main.member_center"] :is(.cl-nav-toggle,.cl-return-tile){min-height:92px;padding:11px 3px;gap:8px}
body[data-page="main.member_center"] :is(.cl-nav-toggle,.cl-return-tile) .entry-icon{width:24px;height:24px;filter:drop-shadow(0 2px 1px var(--entry-shadow))}
body[data-page="main.member_center"] .app-shell{display:block;margin:0;padding:0;min-height:0;background:transparent}
body[data-page="main.member_center"] .workspace-topbar,body[data-page="main.member_center"] .sidebar{display:none!important}
body[data-page="main.member_center"] .workspace{padding:0;margin:0;min-height:0;background:transparent}
body[data-page="main.member_center"] .container.shell-container{width:100%;max-width:none;margin:0;padding:0;box-sizing:border-box}
.member-home-title{margin-bottom:16px}.member-home-title .member-home-tier{font-size:11px}
.member-home-actions{gap:14px 12px}.member-home-action{justify-content:flex-start;padding:17px 14px;min-height:112px}.member-home-action strong{font-size:15px;font-weight:650}.member-home-action .entry-icon{width:27px;height:27px}
.member-home-quota{grid-row:auto;gap:6px;padding:0 2px;margin:0}.member-home-quota .scan-quota-meter{padding:1px 0 5px;gap:12px}.member-home-quota .scan-quota-meter b{font-size:12px}
.member-home-caption{margin:14px 0 8px}.member-home-list{padding:0 14px}.member-home-list>a{min-height:50px;padding:15px 0}.member-home-list .entry-icon{width:19px;height:19px}
.member-home-footer{margin:17px 0 0;gap:8px;font-size:11px}
@media(max-width:640px){
 body[data-page="main.member_center"] .entry-member-shell{max-width:414px;margin:12px auto;padding:18px 16px 22px}
 body[data-page="main.member_center"] .entry-member-shell>.cl-compact-bar{gap:20px;flex-wrap:nowrap}
 body[data-page="main.member_center"] .cl-alerts{gap:6px}
 body[data-page="main.member_center"] .cl-alerts :is(a,button){font-size:11px;padding:7px 8px;min-height:34px}
 body[data-page="main.member_center"] .cl-alerts #aiGuideFab{font-size:13px;min-width:32px}
 body[data-page="main.member_center"] :is(.cl-nav-toggle,.cl-return-tile){min-height:80px;padding:11px 3px;gap:8px}
 body[data-page="main.member_center"] :is(.cl-nav-toggle,.cl-return-tile)>strong{font-size:11px;font-weight:600}
 body[data-page="main.member_center"] .member-home-quota{grid-row:auto}
}
@media(max-width:360px){body[data-page="main.member_center"] .entry-member-shell>.cl-compact-bar{gap:12px}body[data-page="main.member_center"] .cl-alerts :is(a,button){padding:7px 6px}.member-home-quota .scan-quota-meter{gap:6px}.member-home-quota .scan-quota-meter>div{gap:3px}.member-home-quota .member-batch-link{font-size:11px}}
@media(pointer:coarse){body[data-page="main.member_center"] .cl-alerts :is(a,button){min-height:44px}}
@media(prefers-reduced-motion:reduce){.login-approved #confirmLogin,.login-approved .social-login-btn,.member-home-action,body[data-page="main.member_center"] :is(.cl-nav-toggle,.cl-return-tile){transition:none}}
/* Keep member navigation visible despite the legacy small-screen public header rule. */
body[data-page="main.member_center"] nav.member-home-actions>a.member-home-action{display:flex}
body[data-page="main.member_center"] nav.member-home-list>a{display:flex}
body[data-page="main.member_center"] .member-home-quota .scan-quota-link{display:block}
body[data-page="main.member_center"] .member-home-quota .member-batch-link{display:inline-flex}
body[data-page="main.member_center"] .cl-brand{gap:0}