/* SLPT-R25R34-DESIGN1-CLIENT-DASHBOARD-NUTRITION-POLISH-20260819 */

/* Batch A - Design 1: off-white client dashboard, vivid accents, 5% stat tints. */
#content:has(> .r20-client-dashboard){
  background:
    radial-gradient(circle at 88% 7%,rgba(66,130,246,.035),transparent 26%),
    radial-gradient(circle at 12% 22%,rgba(208,45,73,.028),transparent 24%),
    #f7f6f3;
}
.r20-client-dashboard{
  --r34-surface:#fffefa;
  --r34-surface-strong:#ffffff;
  --r34-border:#e8e5df;
  --r34-text:#172033;
  --r34-muted:#6f7787;
}
.r20-client-dashboard .page-head p{
  text-transform:none!important;
  color:#687386!important;
}
.r20-client-dashboard .panel{
  background:rgba(255,255,255,.91);
  border-color:var(--r34-border);
  box-shadow:0 10px 28px rgba(41,48,61,.055);
}
.r20-client-dashboard .r20-stats-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
  padding:0;
  overflow:visible;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
}
.r20-client-dashboard .r20-stats-grid .r20-stat-card{
  position:relative;
  min-width:0;
  min-height:116px;
  padding:17px 18px 14px;
  border:1px solid var(--r34-border);
  border-radius:18px;
  box-shadow:0 9px 24px rgba(42,49,64,.055);
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  grid-template-rows:auto auto auto;
  align-content:center;
  column-gap:12px;
  color:var(--r34-text);
}
.r20-client-dashboard .r20-stats-grid .r20-stat-card.red{
  --r34-accent:#c52e49;
  background:linear-gradient(135deg,rgba(197,46,73,.055),rgba(255,255,255,.98) 68%);
}
.r20-client-dashboard .r20-stats-grid .r20-stat-card.orange{
  --r34-accent:#ed850f;
  background:linear-gradient(135deg,rgba(237,133,15,.055),rgba(255,255,255,.98) 68%);
}
.r20-client-dashboard .r20-stats-grid .r20-stat-card.green{
  --r34-accent:#159968;
  background:linear-gradient(135deg,rgba(21,153,104,.055),rgba(255,255,255,.98) 68%);
}
.r20-client-dashboard .r20-stats-grid .r20-stat-card.blue{
  --r34-accent:#2472dc;
  background:linear-gradient(135deg,rgba(36,114,220,.055),rgba(255,255,255,.98) 68%);
}
.r20-client-dashboard .r20-stat-top{display:contents}
.r20-client-dashboard .r20-stat-icon{
  grid-row:1 / span 2;
  align-self:start;
  width:42px;
  height:42px;
  border:0;
  border-radius:13px;
  background:color-mix(in srgb,var(--r34-accent) 13%,white)!important;
  color:var(--r34-accent)!important;
  box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--r34-accent) 14%,transparent),0 5px 13px color-mix(in srgb,var(--r34-accent) 12%,transparent);
  font-size:18px;
}
.r20-client-dashboard .r20-stat-label{
  grid-column:2;
  color:var(--r34-accent)!important;
  font-size:12px;
  font-weight:820;
  text-transform:none!important;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.r20-client-dashboard .r20-stat-card>strong{
  grid-column:2;
  margin:2px 0 0;
  color:#111827!important;
  font-size:28px;
  font-weight:880;
  line-height:1;
  letter-spacing:-.035em;
}
.r20-client-dashboard .r20-stat-card>small{
  grid-column:1 / -1;
  margin-top:10px;
  color:#687386!important;
  font-size:10.5px;
  font-weight:650;
  text-transform:none!important;
}
.r20-client-dashboard .r20-stat-card>i{
  grid-column:1 / -1;
  position:static;
  width:54px;
  height:4px;
  margin-top:9px;
  border-radius:99px;
  background:var(--r34-accent)!important;
  opacity:.9;
}
.r20-client-dashboard .r20-stat-card:after{
  content:"";
  position:absolute;
  right:-22px;
  bottom:-32px;
  width:108px;
  height:108px;
  border-radius:50%;
  background:var(--r34-accent);
  opacity:.025;
  pointer-events:none;
}

/* Light Design 1 treatment for the existing programme card; structure unchanged. */
.r20-client-dashboard .r20-current-program{
  background:
    radial-gradient(circle at 92% 9%,rgba(220,52,80,.07),transparent 30%),
    linear-gradient(145deg,#fff,#fffaf8 58%,#fff7f8)!important;
  color:var(--r34-text)!important;
  border-color:#eadfe1!important;
  box-shadow:0 13px 30px rgba(64,46,52,.07)!important;
}
.r20-client-dashboard .r20-current-program:after{
  background:rgba(218,47,75,.055)!important;
}
.r20-client-dashboard .r20-program-head small,
.r20-client-dashboard .r20-program-progress>div:last-child,
.r20-client-dashboard .r20-program-kpis small{color:#737d8d!important}
.r20-client-dashboard .r20-program-head h2,
.r20-client-dashboard .r20-program-progress b,
.r20-client-dashboard .r20-program-kpis b{color:#172033!important}
.r20-client-dashboard .r20-program-view{
  background:#fff!important;
  color:#9d2340!important;
  border-color:rgba(190,45,70,.18)!important;
}
.r20-client-dashboard .r20-progress-track{background:#ece9eb!important}
.r20-client-dashboard .r20-progress-track i{background:linear-gradient(90deg,#ef3154,#ff784f)!important}
.r20-client-dashboard .r20-program-kpis>div{
  background:rgba(255,255,255,.72)!important;
  border-color:#ece4e6!important;
}
.r20-client-dashboard .r20-program-kpis>div:last-child{
  background:linear-gradient(135deg,rgba(207,42,70,.055),rgba(255,255,255,.9))!important;
}
.r20-client-dashboard .r20-no-program{color:#172033!important}

/* Keep Quick Start, Upcoming, Nutrition and Learn & Grow light/off-white. */
.r20-client-dashboard .r20-quick-tile,
.r20-client-dashboard .r20-program-row,
.r20-client-dashboard .r32-upcoming-item,
.r20-client-dashboard .r20-learning-grid .r20-quick-tile{
  background:rgba(255,255,255,.88)!important;
  border-color:#ebe8e3!important;
  box-shadow:0 4px 13px rgba(42,49,64,.035);
}
.r20-client-dashboard .r20-quick-tile b,
.r20-client-dashboard .r20-program-row b,
.r20-client-dashboard .r20-learning-grid .r20-quick-tile b{color:#1c2434!important}
.r20-client-dashboard .r20-quick-tile small,
.r20-client-dashboard .r20-program-row small,
.r20-client-dashboard .r20-learning-grid .r20-quick-tile small{color:#737d8d!important}
.r20-client-dashboard .r20-learning-grid .r20-quick-tile:not(:first-child)>span{
  background:linear-gradient(135deg,#f5f1ff,#eef5ff)!important;
  color:#5d53c8!important;
  box-shadow:inset 0 0 0 1px rgba(93,83,200,.08)!important;
}
.r20-client-dashboard .r20-learning-grid .r20-quick-tile>span svg{color:#5d53c8!important}
.r20-client-dashboard .r32-date-tile{background:linear-gradient(145deg,#fff2f5,#fff)!important}
.r20-client-dashboard .r32-upcoming-copy b{color:#232a38!important}
.r20-client-dashboard .r32-upcoming-copy small,
.r20-client-dashboard .r32-upcoming-item time{color:#6f7888!important}
.r20-client-dashboard .r32-calorie-ring:before{background:#fff!important}
.r20-client-dashboard .r32-calorie-ring b,
.r20-client-dashboard .r32-nutrition-primary strong,
.r20-client-dashboard .r32-macro-row b{color:#202735!important}
.r20-client-dashboard .r32-macro-track{background:#e8ebef!important}

/* App-only account panel stays informative but moves to a light vivid treatment. */
.r20-client-dashboard .r20-account-panel{
  background:linear-gradient(145deg,#fff,#f7f4ff)!important;
  color:#182033!important;
  border-color:#e8e2f2!important;
}
.r20-client-dashboard .r20-account-panel .panel-head h2,
.r20-client-dashboard .r20-account-panel b{color:#182033!important}
.r20-client-dashboard .r20-account-panel span{color:#6d7484!important}
.r20-client-dashboard .r20-account-action{
  background:#fff!important;
  color:#5744b7!important;
  border-color:#ddd5f1!important;
}

/* Batch B - logged-meal edit visibility. */
.r34-nutrition-row-actions{flex-wrap:nowrap;min-width:max-content}
.r34-nutrition-row-actions .small-btn:first-child{font-weight:760}

/* Batch C - every displayed meal idea has calorie information. */
.r34-meal-card>span:nth-child(2){min-width:0}
.r34-meal-nutrition{
  display:block;
  margin-top:6px;
  color:#5f697a;
  font-size:10px;
  line-height:1.35;
}
.r34-meal-nutrition strong{color:#16845d;font-size:11px}

@media(max-width:900px){
  .r20-client-dashboard .r20-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .r20-client-dashboard .r20-stats-grid .r20-stat-card{min-height:104px;padding:14px}
}
@media(max-width:520px){
  #content:has(> .r20-client-dashboard){background:#f8f7f4}
  .r20-client-dashboard .r20-stats-grid{gap:8px}
  .r20-client-dashboard .r20-stats-grid .r20-stat-card{padding:12px 11px;column-gap:9px}
  .r20-client-dashboard .r20-stat-icon{width:35px;height:35px;border-radius:11px;font-size:15px}
  .r20-client-dashboard .r20-stat-label{font-size:10.5px}
  .r20-client-dashboard .r20-stat-card>strong{font-size:22px}
  .r20-client-dashboard .r20-stat-card>small{font-size:9px}
  .r34-nutrition-row-actions{flex-direction:column;align-items:stretch}
}

/* R26R12 corrective - prevent client dashboard primary action from forming a second flex column on mobile. */
@media (max-width:760px){
  .r20-client-dashboard .page-head{flex-wrap:nowrap!important}
  .r20-client-dashboard .page-head>.btn{
    flex:0 0 auto!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
  }
}