/* ============================================================
   HUMANX · hx-dash — premium dashboard elevation layer (PRO · GO · IQ)
   Non-invasive. Lifts workout/nutrition to the mobile-elite bar:
   day-boxes strip, luxury cards, refined type, gold hairlines.
   ============================================================ */
:root{ --hxd-gold:#B8965A; --hxd-gold-l:#D4AF72; --hxd-gold-x:#E6C98A; --hxd-ink:#FAF8F4; --hxd-soft:#9a958c; --hxd-line:rgba(201,169,106,.12); --hxd-line2:rgba(201,169,106,.22); }

/* ---------- DAY-BOXES WEEK STRIP (above the workout) ---------- */
.hxd-weekstrip{ display:flex; gap:9px; overflow-x:auto; padding:6px 2px 16px; margin:2px 0 4px; scrollbar-width:none; -webkit-overflow-scrolling:touch; }
.hxd-weekstrip::-webkit-scrollbar{ display:none; }
.hxd-day{ flex:1 0 auto; min-width:86px; padding:13px 12px 12px; border-radius:17px; cursor:pointer; text-align:center;
  background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.008));
  border:1px solid var(--hxd-line); transition:transform .22s cubic-bezier(.2,.8,.2,1), border-color .22s, box-shadow .22s; position:relative; }
.hxd-day:hover{ transform:translateY(-3px); border-color:var(--hxd-line2); box-shadow:0 12px 30px rgba(0,0,0,.35); }
.hxd-day.today{ background:linear-gradient(180deg,rgba(184,150,90,.2),rgba(184,150,90,.04)); border-color:rgba(216,185,120,.42); box-shadow:0 10px 34px rgba(184,150,90,.14); }
.hxd-day .wd{ font-size:9.5px; font-weight:700; letter-spacing:.16em; text-transform:uppercase; color:var(--hxd-gold); }
.hxd-day.today .wd{ color:var(--hxd-gold-x); }
.hxd-day .fc{ font-size:12.5px; font-weight:600; color:var(--hxd-ink); margin-top:7px; line-height:1.25; max-width:120px; margin-left:auto; margin-right:auto; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.hxd-day .dot{ display:inline-block; width:6px; height:6px; border-radius:50%; margin-top:9px; box-shadow:0 0 0 3px rgba(255,255,255,.03); }
.wk-day.hxd-flash{ animation:hxdFlash 1.1s ease; }
@keyframes hxdFlash{ 0%,100%{ box-shadow:none;} 30%{ box-shadow:0 0 0 2px rgba(216,185,120,.5), 0 14px 40px rgba(184,150,90,.25);} }
.hxd-strip-lab{ font-size:10px; font-weight:700; letter-spacing:.2em; text-transform:uppercase; color:var(--hxd-gold); margin:6px 2px 2px; opacity:.85; }

/* ---------- LUXURY CARD ELEVATION (scoped to panels) ---------- */
.panel .sec{ border-radius:22px !important; }
.panel .wk-col, .panel .wk-cardio-card, .panel .tw-adjust, .panel .tw-push, .panel .tw-note,
.panel .wk-day, .panel .tr-split > *, .panel .macro-card, .panel .meal-card, .panel .log-day{
  border-radius:18px !important;
}
.panel .wk-day{ transition:transform .2s, border-color .2s, box-shadow .2s; }
.panel .wk-day:hover{ transform:translateY(-2px); border-color:var(--hxd-line2) !important; box-shadow:0 10px 26px rgba(0,0,0,.3); }
.panel .wk-day.today{ box-shadow:0 8px 30px rgba(184,150,90,.12); }

/* refined section headers → couture serif accent */
.panel .sec-t{ font-family:'Cormorant Garamond',serif !important; font-weight:500 !important; letter-spacing:.005em; font-size:clamp(20px,2.4vw,26px) !important; }
.panel .sec-d{ color:var(--hxd-soft) !important; }
.panel .p-hl{ letter-spacing:-.01em; }

/* premium buttons */
.panel .prof-btn{ border-radius:12px !important; transition:transform .18s, box-shadow .18s, border-color .18s !important; }
.panel .prof-btn:hover{ transform:translateY(-1px); }
.panel .prof-btn.gold{ box-shadow:0 10px 28px rgba(184,150,90,.22) !important; }
.panel .prof-btn.gold:hover{ box-shadow:0 14px 36px rgba(184,150,90,.32) !important; }

/* readiness / today column polish */
.panel .wk-today2{ gap:clamp(14px,2vw,22px) !important; }
.panel .tw-push{ background:linear-gradient(180deg,rgba(124,196,124,.1),rgba(124,196,124,.03)) !important; border:1px solid rgba(124,196,124,.24) !important; }

/* subtle top ambient sheen on panels — luxury depth */
.panel.on::before{ content:''; position:absolute; top:0; left:0; right:0; height:180px; pointer-events:none;
  background:radial-gradient(120% 100% at 50% 0, rgba(184,150,90,.05), transparent 70%); z-index:0; }
.panel.on > *{ position:relative; z-index:1; }

/* ---------- GO + IQ shared elevation (safe, class-scoped) ---------- */
/* GO: workout/plan day cards + today card + day-strip boxes */
.today-train-card, .wk-day, .wk-day-ex{ border-radius:18px !important; }
.wk-day{ transition:transform .2s, border-color .2s, box-shadow .2s; }
.wk-day:hover{ transform:translateY(-2px); box-shadow:0 10px 26px rgba(0,0,0,.3); }
.trm-day{ transition:transform .18s, border-color .18s !important; }
.trm-day:hover{ transform:translateY(-2px); }
.trm-day.on, .trm-day.tdy{ box-shadow:0 8px 24px rgba(184,150,90,.14); }
/* GO plan stat boxes + pills — premium rounding + lift */
.plan-pill{ transition:transform .16s, background .2s, color .2s !important; }
.plan-pill:hover{ transform:translateY(-1px); }
/* IQ: section tab pills + today refinement */
.iqtab{ transition:background .2s, color .2s, transform .14s !important; }
.iqtab:hover{ transform:translateY(-1px); }
.iqtab.on{ box-shadow:0 6px 18px rgba(184,150,90,.16), 0 0 0 1px rgba(184,150,90,.28) !important; }
/* universal: buttons & cards feel a touch more couture everywhere the layer loads */
.gbtn, .prof-btn, .plan-pill{ letter-spacing:.02em; }
