/* ATHLETE 5.0 | Unified mint surface design
   White canvas, one consistent non-white tile fill, turquoise as primary.
   Purple is reserved for state changes, achievements and check-ins. */
:root{
  --tile-fill:#e2f9f8;
  --tile-edge:#86dfdd;
  --tile-ink:#103d43;
  --turquoise:#15cbc8;
  --neon-purple:#c43cf4;
}
html,body{background:#ffffff!important}

/* One card system. No per-position rainbow variations. */
.hero,.day-hero,
.session-card,.stack .session-card:nth-child(n),
.metric,.metric:nth-child(n),
.exercise,.exercise:nth-of-type(n),
.meal,.meal:nth-child(n),
.panel,.notice,.week-summary,.survey-field,
.empty-state,.session-dial,
.calendar,.day-cell,.day-cell:nth-child(n){
  background:#e2f9f8!important;
  border-color:#86dfdd!important;
  color:var(--tile-ink)!important;
}
/* Keep uniform tone even when a card has state-specific nested styles. */
.hero,.day-hero,.session-card,.metric,.exercise,.meal,.panel,.notice,.week-summary,.survey-field,.empty-state,.session-dial{
  background-image:none!important;
  box-shadow:0 5px 17px rgba(12,130,137,.065)!important;
}
.hero:after{color:rgba(9,167,168,.07)!important}
.hero p,.day-hero .section-subtitle,.session-card p,.meal p,.metric span{
  color:#4a7378!important;
}
.metric b,.metric:nth-child(n) b,
.session-card h3,.meal h3,.exercise h3,
.heading,.headline{color:#123b40!important}

/* Header identity, borders and controls stay turquoise-led. */
.brand-symbol{background:linear-gradient(160deg,#47ede4,#0ab9c3)!important}
.brand span:last-child{color:#15cbc8!important}
.avatar{background:#d7f8f6!important;border-color:#86dfdd!important;color:#04878e!important}
.session-card,.exercise,.meal,.metric,.panel,.hero,.day-hero{border-width:1.4px!important}
.session-card .session-glyph{background:#16cfc9!important;color:#fff!important}
.meal-icon{background:#c6f4f1!important;color:#006e76!important}
.progress-track>span{background:#15cbc8!important}
.round-meter{background:conic-gradient(#15cbc8 var(--amount),rgba(15,170,176,.15) 0)!important}
.pill{background:rgba(255,255,255,.5)!important;border-color:#86dfdd!important}

/* All tiles start in the same state; changes communicate real meaning. */
.ex-row,.ex-row:not(.done){background:transparent!important}
.ex-row.done{background:rgba(164,179,184,.22)!important}
.exercise.done{background:#dae5e7!important;border-color:#aebfc3!important;filter:none!important}
.exercise.done .ex-row{background:transparent!important}
.exercise.done .ex-status{color:#708287!important}
.exercise.done .ex-ring.done{background:#15cbc8!important;border-color:#0bb8be!important}
.done-stamp{color:rgba(92,99,109,.64)!important;background:rgba(170,184,187,.21)!important}
/* Purple is a meaningful accent: finished tile's thin side rail. */
.exercise.done:before{content:"";position:absolute;top:0;bottom:0;left:0;width:4px;background:#c43cf4;z-index:2;border-radius:3px 0 0 3px;pointer-events:none}

/* Calendar: one fill, exceptions only for selected/today/logged. */
.calendar{box-shadow:none!important}
.day-cell{box-shadow:none!important;background:#e2f9f8!important;color:#1b5358!important}
.day-cell.selected{background:#15cbc8!important;border-color:#06b3bb!important;color:#053c41!important}
.day-cell.today{outline-color:#15cbc8!important}
.dot,.dot.done{background:#14bfbf!important}
.dot.food{background:#c43cf4!important}

/* Utility controls are allowed a near-white backing for hierarchy. */
.ex-details{background:transparent!important}
.ex-cue,.chip,.detail-chip,.mini-btn.hud,.set-row input,
.today-btn,.icon-btn,.timer-preset,.form-field input,.form-field select,.form-field textarea{
  background:#f7ffff!important;
  border-color:#a0e8e5!important;
}
.primary{background:#15cbc8!important;color:#073c40!important;border-color:#0ab9bd!important}
.secondary{background:#effdfd!important;border-color:#86dfdd!important}
.detail-chip.active,.timer-preset.active{background:#b9f0f0!important;color:#067d83!important;border-color:#62d9d7!important}
/* Purple only for feedback, timed interaction, and selected rating. */
.star.active{background:#c43cf4!important;border-color:#a92edb!important;color:#fff!important}
.mini-btn.hud{color:#008f98!important}

/* Bottom navigation sits on the white canvas. */
.bottom-nav{background:rgba(255,255,255,.97)!important}
.nav-btn.active{background:#d7f8f6!important;border-color:#86dfdd!important;color:#008d98!important}

/* Timer dial and chart use one turquoise family. */
.timer-face{background:linear-gradient(#e2f9f8,#e2f9f8) padding-box,conic-gradient(#12c9c7 0%,#21e1d8 82%,#9deae7 100%) border-box!important}
.macro-track span:nth-child(n){background:#15cbc8}
.macro-track span:nth-child(2){background:#1a9fb2}
.macro-track span:nth-child(3){background:#7adbd9}
@media(prefers-reduced-motion:reduce){.exercise,.session-card,.ex-row{transition:none!important}}