/* Member dashboard: light liquid-glass theme.
   Loaded after the dashboard's inline styles. Uses the shared tokens in aadifit-glass-tokens.css
   (the same tokens as the homepage). Remove this file and the tokens link to return to the dark theme. */

/* Dashboard variables remapped to the shared tokens */
:root{
  --bg:var(--color-canvas);
  --surface:rgba(255,255,255,.72);--surface-2:rgba(255,255,255,.55);
  --border:rgba(32,33,38,.12);
  --gold:var(--color-brand);--gold-dim:rgba(201,47,54,.08);
  --accent:var(--color-brand);--accent-2:var(--color-burgundy);
  --text:var(--color-text);--muted:var(--color-text-secondary);
  --green:#247A55;--red:#C62828;--blue:#1D4ED8;--orange:#B45309;
  --radius:var(--radius-lg);--radius-sm:var(--radius-md);
  --glass-bg:rgba(255,255,255,.55);--glass-bg-2:rgba(255,255,255,.70);--glass-border:var(--glass-edge);
  --glass-shadow:var(--glass-sh);
}

/* Canvas */
body{font-family:var(--font-body);color:var(--color-text);background:var(--color-canvas);background-attachment:scroll}
body::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:var(--af-light-canvas-glow)}
button,input,select,textarea{font-family:var(--font-body)}

/* Hero and typography */
.hero{background:none}
.hero::before,.hero::after{display:none}
#stateDashboard .dash-hero-wrap::before{box-shadow:none}
.hero h1{font-family:var(--font-head);font-weight:800;font-size:clamp(2rem,4.6vw,3rem);letter-spacing:-.025em;text-transform:none;color:var(--color-text);line-height:1.12}
.hero p{color:var(--color-text-secondary);font-size:1.05rem;margin-left:0;margin-right:0;text-align:left;max-width:560px}
.badge,.badge-premium{background:rgba(201,47,54,.08);border:1px solid rgba(201,47,54,.20);color:var(--color-brand);font-family:var(--font-body)}
h1,h2,h3,h4{font-family:var(--font-head);letter-spacing:-.01em}
.card-title,.viz-section h3{font-family:var(--font-head);font-size:12.5px;font-weight:800;letter-spacing:.14em;color:var(--color-brand)}
.sh-score-num,.stat-val,.dash-stat-value,.ss-val,.score-card-val,.tp-val{font-family:var(--font-head);letter-spacing:-.02em}

/* Glass surfaces: same recipe as the homepage cards */
.card,.email-box,.onboard-card,.cta-card,.score-card,.dash-stat-card,.wk-card,.coach-core-panel,.hydration-widget,.voice-rec-card,.log-card,.ci-card,.gp-card,.member-strip,.dash-motivation-bar,.ghost-card{
  position:relative;isolation:isolate;overflow:hidden;
  background:var(--glass-fill);
  -webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);
  border:1px solid var(--glass-edge);border-radius:var(--radius-lg);
  box-shadow:var(--glass-sh);
  transition:transform .32s var(--glass-ease),box-shadow .32s ease,border-color .32s ease}
.card::before,.onboard-card::before,.dash-stat-card::before,.coach-core-panel::before,.dash-motivation-bar::before{
  content:"";position:absolute;inset:0;z-index:2;pointer-events:none;border-radius:inherit;opacity:1;
  background:var(--glass-sheen);mix-blend-mode:soft-light}
.card::after,.dash-stat-card::after{content:none}
.card:hover,.onboard-card:hover,.dash-stat-card:hover{transform:translateY(-4px);border-color:rgba(255,255,255,.98);box-shadow:var(--glass-sh-hover)}
.card{padding:28px}
.dash-grid{gap:24px}

/* Inner panels and rows */
.strategy-item,.report-item,.checkin-item,.stat-item,.tp-panel,.sa-item,.ss-item,.tool-map-item,.ms-item,.log-surface,.structured-log-card,.wk-ex,.ccp-context,.wl-logged,.rec-engine-list li,.gp-reasoning{
  background:rgba(255,255,255,.55);border:1px solid rgba(255,255,255,.85);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 6px 16px rgba(32,33,38,.06)}
.macro-track,.score-bar-track,.sh-bar-track,.tp-bar-mini,.severity-bar,.hydration-bar{background:rgba(32,33,38,.08)}

/* Inputs */
.email-row input,.checkin-input,.log-input,.nlc-input,.wk-set-input,.wl-input,.ccp-input,.log-textarea,input[type="text"],input[type="email"],input[type="number"],select,textarea{
  background:rgba(255,255,255,.82);color:var(--color-text);
  border:1px solid rgba(32,33,38,.14);border-radius:12px;box-shadow:inset 0 2px 4px rgba(32,33,38,.05)}
.email-row input:focus,.checkin-input:focus,.log-input:focus,.nlc-input:focus,.wk-set-input:focus,.wl-input:focus,.ccp-input:focus,.log-textarea:focus{border-color:var(--color-brand);outline:none;box-shadow:0 0 0 3px rgba(201,47,54,.14)}
input::placeholder,textarea::placeholder{color:#8A8284}

/* Buttons: glossy red primary pill, glass secondary pill */
.btn-gold,.si-btn:not(.si-btn-ghost),.checkin-submit,.log-save-btn,.nlc-btn,.wk-finish-btn,.tp-cta,.dash-ask-coach-btn,.ccp-send,.email-row button{
  background:var(--btn-primary-bg);color:#fff;border:1px solid rgba(255,255,255,.28);border-radius:var(--radius-pill);
  box-shadow:var(--btn-primary-shadow);font-weight:700;transition:transform .16s ease,box-shadow .16s ease,background .16s ease}
.btn-gold:hover,.si-btn:not(.si-btn-ghost):hover,.checkin-submit:hover,.log-save-btn:hover,.nlc-btn:hover,.wk-finish-btn:hover,.tp-cta:hover,.dash-ask-coach-btn:hover,.ccp-send:hover,.email-row button:hover{
  background:var(--btn-primary-bg-hover);transform:translateY(-2px)}
.btn-gold:active,.checkin-submit:active,.log-save-btn:active,.nlc-btn:active,.wk-finish-btn:active,.tp-cta:active,.ccp-send:active{transform:translateY(2px)}
.checkin-submit[disabled],.nlc-btn:disabled,.wk-finish-btn:disabled,.wk-finish-btn.done{opacity:.6;transform:none}
.btn-outline,.si-btn-ghost,.qa-link,.sys-nav-link,.tool-nav-link,.ccp-chip,.checkin-pill,.nlc-pill,.hydration-add-btn,.checkin-ghost-btn,.member-strip button.logout-btn,.log-pill-choice,.energy-btn,.voice-rec-btn,.wk-set-btn{
  background:var(--glass-fill);color:var(--color-text);border:1px solid var(--glass-edge);border-radius:var(--radius-pill);
  -webkit-backdrop-filter:blur(14px) saturate(170%);backdrop-filter:blur(14px) saturate(170%);
  box-shadow:var(--btn-secondary-shadow);transition:transform .16s ease,box-shadow .16s ease,color .16s ease}
.btn-outline:hover,.si-btn-ghost:hover,.qa-link:hover,.sys-nav-link:hover,.tool-nav-link:hover,.ccp-chip:hover,.checkin-pill:hover,.hydration-add-btn:hover,.checkin-ghost-btn:hover,.voice-rec-btn:hover{
  transform:translateY(-2px);color:var(--color-brand);box-shadow:inset 0 2px 1px #fff,0 14px 26px rgba(201,47,54,.16),0 4px 0 rgba(201,47,54,.22)}
.checkin-pill.active,.nlc-pill.active,.log-pill-choice.selected,.energy-btn.active,.wk-set-btn.done,.voice-rec-btn.recording{
  background:rgba(201,47,54,.10);border-color:rgba(201,47,54,.40);color:var(--color-brand)}

/* Shared header injected by global-nav.js: light glass like the homepage header */
#aadifit-global-nav{background:rgba(250,249,247,.62)!important;border-bottom:1px solid rgba(255,255,255,.85)!important;
  -webkit-backdrop-filter:blur(24px) saturate(185%)!important;backdrop-filter:blur(24px) saturate(185%)!important;
  box-shadow:inset 0 -1px 0 rgba(214,205,198,.5),0 10px 30px rgba(32,33,38,.06)}
#aadifit-global-nav a{color:#514B49!important}
#aadifit-global-nav a:hover{color:var(--color-brand)!important}
#aadifit-global-nav a[href="/performance-score/"],#aadifit-global-nav a[href*="assessment"],#aadifit-global-nav a[style*="e53935"],#aadifit-global-nav a[style*="linear-gradient"]{color:#fff!important}
#aadifit-global-nav img{background:none!important;filter:none!important}
#nav-burger span{background:var(--color-text)!important}
#aadifit-nav-backdrop{background:var(--color-canvas)!important}

@media(max-width:768px){
  .card{padding:22px}
  .card,.email-box,.onboard-card,.cta-card,.score-card,.dash-stat-card,.wk-card,.coach-core-panel{-webkit-backdrop-filter:blur(10px) saturate(150%);backdrop-filter:blur(10px) saturate(150%)}
}