/* SLPT-R28-B16C1-CLIENT-DASHBOARD-MAIN-COACH-QUICK-GLASS-20260825 */
/* Approved presentation: Client Dashboard Option 1 glass foundation + Main Coach Quick Access glass. */

/* Client dashboard - presentation only. Existing secure data and actions remain authoritative. */
#content:has(> .r20-coached-dashboard){
  background:
    radial-gradient(circle at 88% 4%,rgba(43,113,226,.055),transparent 26%),
    radial-gradient(circle at 8% 18%,rgba(190,44,73,.055),transparent 24%),
    linear-gradient(145deg,#f7f8fb,#f3f5f9 54%,#f7f5f6)!important;
}
.r20-coached-dashboard{
  --r28c1-glass:rgba(255,255,255,.67);
  --r28c1-glass-strong:rgba(255,255,255,.78);
  --r28c1-line:rgba(91,106,136,.16);
  --r28c1-shadow:0 18px 42px rgba(33,45,68,.075);
  --r28c1-hi:rgba(255,255,255,.72);
}
.r20-coached-dashboard .page-head,
.r20-coached-dashboard .panel,
.r20-coached-dashboard .r20-stats-grid .r20-stat-card{
  background:linear-gradient(145deg,var(--r28c1-glass-strong),var(--r28c1-glass))!important;
  border:1px solid var(--r28c1-line)!important;
  box-shadow:var(--r28c1-shadow),inset 0 1px 0 var(--r28c1-hi)!important;
  -webkit-backdrop-filter:blur(14px) saturate(118%);
  backdrop-filter:blur(14px) saturate(118%);
}
.r20-coached-dashboard .page-head,
.r20-coached-dashboard .panel,
.r20-coached-dashboard .r20-stat-card,
.r20-coached-dashboard .r20-quick-tile,
.r20-coached-dashboard .r32-upcoming-item,
.r20-coached-dashboard .r20-program-kpis>div,
.r20-coached-dashboard .r20-learning-grid .r20-quick-tile{
  position:relative;
  overflow:hidden;
}
.r20-coached-dashboard .page-head::after,
.r20-coached-dashboard .panel::before,
.r20-coached-dashboard .r20-stat-card::before{
  content:"";
  position:absolute;
  left:1px;
  right:1px;
  top:1px;
  height:34%;
  border-radius:inherit;
  background:linear-gradient(180deg,rgba(255,255,255,.22),rgba(255,255,255,0));
  pointer-events:none;
  opacity:.62;
}
.r20-coached-dashboard .r20-stats-grid{
  gap:12px!important;
}
.r20-coached-dashboard .r20-stats-grid .r20-stat-card{
  min-height:112px!important;
  transform:translateZ(0);
}
.r20-coached-dashboard .r20-stat-card.red{box-shadow:var(--r28c1-shadow),0 12px 30px rgba(197,46,73,.08),inset 0 1px 0 var(--r28c1-hi)!important}
.r20-coached-dashboard .r20-stat-card.orange{box-shadow:var(--r28c1-shadow),0 12px 30px rgba(237,133,15,.08),inset 0 1px 0 var(--r28c1-hi)!important}
.r20-coached-dashboard .r20-stat-card.green{box-shadow:var(--r28c1-shadow),0 12px 30px rgba(21,153,104,.08),inset 0 1px 0 var(--r28c1-hi)!important}
.r20-coached-dashboard .r20-stat-card.blue{box-shadow:var(--r28c1-shadow),0 12px 30px rgba(36,114,220,.08),inset 0 1px 0 var(--r28c1-hi)!important}

/* Current programme becomes the visual anchor, matching the approved client-dashboard direction. */
.r20-coached-dashboard .r20-current-program{
  background:
    radial-gradient(circle at 92% 8%,rgba(207,48,79,.10),transparent 30%),
    linear-gradient(145deg,rgba(255,255,255,.82),rgba(255,250,251,.67))!important;
  border-color:rgba(181,49,75,.19)!important;
  box-shadow:0 20px 46px rgba(78,42,53,.09),inset 0 1px 0 rgba(255,255,255,.74)!important;
}
.r20-coached-dashboard .r20-program-kpis>div,
.r20-coached-dashboard .r20-quick-tile,
.r20-coached-dashboard .r32-upcoming-item,
.r20-coached-dashboard .r20-learning-grid .r20-quick-tile{
  background:linear-gradient(145deg,rgba(255,255,255,.68),rgba(255,255,255,.48))!important;
  border-color:rgba(94,109,138,.14)!important;
  box-shadow:0 8px 22px rgba(38,49,69,.055),inset 0 1px 0 rgba(255,255,255,.72)!important;
  -webkit-backdrop-filter:blur(10px) saturate(116%);
  backdrop-filter:blur(10px) saturate(116%);
}
.r20-coached-dashboard .r20-quick-tile:hover,
.r20-coached-dashboard .r20-learning-grid .r20-quick-tile:hover{
  border-color:rgba(77,103,159,.24)!important;
  box-shadow:0 12px 28px rgba(38,49,69,.075),inset 0 1px 0 rgba(255,255,255,.82)!important;
}
.r20-coached-dashboard .r32-nutrition-card{
  background:
    radial-gradient(circle at 88% 8%,rgba(32,162,109,.075),transparent 32%),
    linear-gradient(145deg,var(--r28c1-glass-strong),var(--r28c1-glass))!important;
}
.r20-coached-dashboard .r32-upcoming-panel{
  background:
    radial-gradient(circle at 88% 8%,rgba(49,112,215,.07),transparent 32%),
    linear-gradient(145deg,var(--r28c1-glass-strong),var(--r28c1-glass))!important;
}

/* Main Coach Quick Access - preserve Design 4 geometry and B16U2 iPad ownership, add only subtle glass. */
#content .v192-dashboard .v192-quick{
  background:
    radial-gradient(circle at 82% 12%,color-mix(in srgb,var(--tile-accent) 9%,transparent),transparent 42%),
    linear-gradient(145deg,rgba(255,255,255,.16),rgba(255,255,255,.065))!important;
  border-color:color-mix(in srgb,var(--tile-accent) 20%,rgba(150,163,190,.24))!important;
  box-shadow:0 14px 34px rgba(16,24,40,.09),inset 0 1px 0 rgba(255,255,255,.24)!important;
  -webkit-backdrop-filter:blur(12px) saturate(120%);
  backdrop-filter:blur(12px) saturate(120%);
}
#content .v192-dashboard .v192-quick:hover{
  border-color:color-mix(in srgb,var(--tile-accent) 30%,rgba(150,163,190,.3))!important;
  box-shadow:0 18px 40px rgba(16,24,40,.12),0 8px 26px color-mix(in srgb,var(--tile-accent) 8%,transparent),inset 0 1px 0 rgba(255,255,255,.32)!important;
}

html[data-theme="mist-graphite"] #content:has(> .r20-coached-dashboard),
html[data-theme="dark"] #content:has(> .r20-coached-dashboard){
  background:
    radial-gradient(circle at 90% 3%,rgba(48,112,217,.09),transparent 28%),
    radial-gradient(circle at 8% 16%,rgba(175,42,68,.10),transparent 25%),
    linear-gradient(145deg,#0f131b,#121721 52%,#171219)!important;
}
html[data-theme="mist-graphite"] .r20-coached-dashboard,
html[data-theme="dark"] .r20-coached-dashboard{
  --r28c1-glass:rgba(19,24,34,.58);
  --r28c1-glass-strong:rgba(24,30,42,.69);
  --r28c1-line:rgba(170,184,214,.12);
  --r28c1-shadow:0 18px 44px rgba(0,0,0,.24);
  --r28c1-hi:rgba(255,255,255,.075);
}
html[data-theme="mist-graphite"] .r20-coached-dashboard .page-head::after,
html[data-theme="mist-graphite"] .r20-coached-dashboard .panel::before,
html[data-theme="mist-graphite"] .r20-coached-dashboard .r20-stat-card::before,
html[data-theme="dark"] .r20-coached-dashboard .page-head::after,
html[data-theme="dark"] .r20-coached-dashboard .panel::before,
html[data-theme="dark"] .r20-coached-dashboard .r20-stat-card::before{
  background:linear-gradient(180deg,rgba(255,255,255,.065),rgba(255,255,255,0));
}
html[data-theme="mist-graphite"] .r20-coached-dashboard .r20-current-program,
html[data-theme="dark"] .r20-coached-dashboard .r20-current-program{
  background:
    radial-gradient(circle at 92% 8%,rgba(199,47,76,.14),transparent 32%),
    linear-gradient(145deg,rgba(33,26,32,.78),rgba(20,24,34,.64))!important;
  border-color:rgba(218,73,101,.18)!important;
  box-shadow:0 20px 46px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.07)!important;
}
html[data-theme="mist-graphite"] .r20-coached-dashboard .r20-program-kpis>div,
html[data-theme="mist-graphite"] .r20-coached-dashboard .r20-quick-tile,
html[data-theme="mist-graphite"] .r20-coached-dashboard .r32-upcoming-item,
html[data-theme="mist-graphite"] .r20-coached-dashboard .r20-learning-grid .r20-quick-tile,
html[data-theme="dark"] .r20-coached-dashboard .r20-program-kpis>div,
html[data-theme="dark"] .r20-coached-dashboard .r20-quick-tile,
html[data-theme="dark"] .r20-coached-dashboard .r32-upcoming-item,
html[data-theme="dark"] .r20-coached-dashboard .r20-learning-grid .r20-quick-tile{
  background:linear-gradient(145deg,rgba(31,38,52,.58),rgba(19,24,34,.48))!important;
  border-color:rgba(169,184,214,.11)!important;
  box-shadow:0 9px 24px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.055)!important;
}
html[data-theme="mist-graphite"] #content .v192-dashboard .v192-quick,
html[data-theme="dark"] #content .v192-dashboard .v192-quick{
  background:
    radial-gradient(circle at 82% 12%,color-mix(in srgb,var(--tile-accent) 12%,transparent),transparent 42%),
    linear-gradient(145deg,rgba(35,43,58,.48),rgba(17,22,31,.46))!important;
  border-color:color-mix(in srgb,var(--tile-accent) 22%,rgba(173,187,215,.12))!important;
  box-shadow:0 15px 34px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.07)!important;
}

/* Keep the already-approved device geometry untouched. */
@media(max-width:767px){
  .r20-coached-dashboard .r20-stats-grid{grid-template-columns:1fr!important}
  .r20-coached-dashboard .page-head,
  .r20-coached-dashboard .panel,
  .r20-coached-dashboard .r20-stat-card{-webkit-backdrop-filter:blur(10px) saturate(112%);backdrop-filter:blur(10px) saturate(112%)}
}
@media(min-width:768px) and (max-width:1180px){
  .r20-coached-dashboard .r20-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(prefers-reduced-motion:reduce){
  .r20-coached-dashboard .r20-quick-tile,
  #content .v192-dashboard .v192-quick{transition:none!important}
}