/* EnduroLab v36 — a coherent dark homepage that follows saved Appearance settings.
 * This layer intentionally follows v35 so that the original card layout remains
 * while fixed white/purple surfaces are replaced by user-selected palette tokens.
 * No state, account, network or training code is changed.
 */
body:has(#view-overview.active) .main {
 --home-bg:var(--el-bg,var(--bg));
 --home-sidebar:var(--el-sidebar,var(--panel));
 --home-panel:var(--el-panel,var(--panel));
 --home-raised:var(--el-panel2,var(--panel2));
 --home-border:var(--el-border,var(--border));
 --home-accent:var(--el-accent,var(--lime));
 /* All supported user palettes are dark; readable text should never inherit
    stale light-theme colours from an earlier homepage stylesheet. */
 --home-ink:#eef5fb;
 --home-soft:#d1e0ed;
 --home-muted:#adbed0;
 --home-accent-tint:color-mix(in srgb,var(--home-accent) 6%,var(--home-panel));
 --home-accent-border:color-mix(in srgb,var(--home-accent) 30%,var(--home-border));
 --home-coach:color-mix(in srgb,var(--home-accent) 9%,var(--home-panel));
 --home-card-shadow:0 8px 22px #01091120;
 background:var(--home-bg);color:var(--home-ink);
 /* Inherit global text and accent tokens instead of redefining them. */
}
body:has(#view-overview.active){background:var(--el-bg,var(--bg));}
body:has(#view-overview.active) .sidebar{
 background:var(--el-sidebar,var(--panel))!important;
 border-right-color:var(--el-border,var(--border));
}
body:has(#view-overview.active) .sidebar .nav button[data-nav].active{
 background:color-mix(in srgb,var(--el-accent,var(--lime)) 14%,var(--el-sidebar,var(--panel)))!important;
 border-color:color-mix(in srgb,var(--el-accent,var(--lime)) 28%,var(--el-border,var(--border)));
 color:var(--text);
}
body:has(#view-overview.active) .sidebar .nav button[data-nav].active .nav-icon{
 color:var(--el-accent,var(--lime));
}
body:has(#view-overview.active) .sidebar .nav button[data-nav].active::after{
 background:var(--el-accent,var(--lime));
}
body:has(#view-overview.active) .main .btn.primary{
 background:var(--home-accent);border-color:var(--home-accent);color:#172319;
}
body:has(#view-overview.active) .main .btn.primary:hover{
 background:color-mix(in srgb,var(--home-accent) 86%,white);
 border-color:color-mix(in srgb,var(--home-accent) 86%,white);color:#172319;
}
body:has(#view-overview.active) .main .btn.ghost{
 background:var(--home-raised);border-color:var(--home-border);color:var(--home-soft);
}
body:has(#view-overview.active) .main .btn.ghost:hover{
 background:var(--home-accent-tint);border-color:var(--home-accent-border);color:var(--home-ink);
}
body:has(#view-overview.active) .topbar{
 border-bottom:1px solid var(--home-border);padding-bottom:15px;margin-bottom:27px;
}
body:has(#view-overview.active) .topbar .workspace-label,
body:has(#view-overview.active) .topbar .eyebrow{color:var(--home-muted)}
body:has(#view-overview.active) .topbar .badge{
 color:var(--home-soft);background:var(--home-panel);border-color:var(--home-border);
}
body:has(#view-overview.active) .main .top-actions .v27-bell{
 background:var(--home-panel)!important;border-color:var(--home-border);color:var(--home-soft);
}
/* The route photo/illustration becomes a subdued banner rather than a separate palette. */
#view-overview .v35-home .v35-heading{
 margin:0 0 17px;padding:28px 28px 31px;min-height:169px;
 border-radius:15px;border:1px solid var(--home-border);
 background-image:
   linear-gradient(95deg,
    var(--home-panel) 12%,
    color-mix(in srgb,var(--home-panel) 95%,transparent) 38%,
    color-mix(in srgb,var(--home-panel) 78%,transparent) 68%,
    color-mix(in srgb,var(--home-panel) 62%,transparent) 100%),
   url('home-route.svg');
 background-position:center,right center;background-size:cover,cover;
 background-repeat:no-repeat;
}
/* v35 used to hardcode near-black text on every home card.
   Explicitly restore the colour of text inherited from that container. */
#view-overview .v35-home{color:var(--home-ink)}
#view-overview .v35-home .v33-overline{color:var(--home-accent)}
#view-overview .v35-home .v33-home-heading h1{color:var(--home-ink)}
#view-overview .v35-home .v33-home-heading p{color:var(--home-soft)}
#view-overview .v35-goal-chip{
 background:color-mix(in srgb,var(--home-bg) 76%,transparent);
 color:var(--home-soft);border-color:var(--home-accent-border);
 backdrop-filter:blur(8px);
}
#view-overview .v35-goal-chip:hover{
 background:var(--home-accent-tint);
 border-color:var(--home-accent);color:var(--home-ink);
}
#view-overview .v35-stat,
#view-overview .v35-today,
#view-overview .v35-next,
#view-overview .v35-home .v33-completed,
#view-overview .v35-home .v33-coach,
#view-overview .v35-home .v33-week,
#view-overview .v35-home .v33-milestone{
 background:var(--home-panel);border:1px solid var(--home-border);
 border-radius:13px;box-shadow:var(--home-card-shadow);
}
#view-overview .v35-stat-icon{
 background:var(--home-accent-tint);color:var(--home-accent);
}
#view-overview .v35-stat:nth-child(n) .v35-stat-icon{
 background:var(--home-accent-tint);color:var(--home-accent);
}
#view-overview .v35-stat strong{color:var(--home-ink)}
#view-overview .v35-stat span:not(.v35-stat-icon){color:var(--home-muted)}
#view-overview .v35-home .v33-section-title{color:var(--home-ink)}
#view-overview .v35-home .v33-status{
 background:var(--home-raised);color:var(--home-soft);
}
#view-overview .v35-home .v33-status[data-state="logged"]{
 color:var(--home-accent);background:var(--home-accent-tint);
}
#view-overview .v35-route-image{
 background:var(--home-raised);border:1px solid var(--home-border);
}
#view-overview .v35-route-image img{
 /* This is illustrative only: the frame and overlay follow each account's palette. */
 filter:saturate(.83) brightness(.86);
}
#view-overview .v35-training-label,
#view-overview .v35-next-icon{color:var(--home-accent)}
#view-overview .v35-today h3,
#view-overview .v35-next strong{color:var(--home-ink)}
#view-overview .v35-today #v32TodayDetail,
#view-overview .v35-next p{color:var(--home-soft)}
#view-overview .v35-next-icon{
 background:var(--home-accent-tint);
}
#view-overview .v35-home .v33-coach{
 background:var(--home-coach);
 border-color:var(--home-accent-border);
}
#view-overview .v35-coach-symbol{
 background:var(--home-accent-tint);color:var(--home-accent);
}
#view-overview .v35-coach-label .v33-section-title,
#view-overview .v35-home .v33-coach strong{color:var(--home-ink)}
#view-overview .v35-home .v33-coach p{color:var(--home-soft)}
#view-overview .v35-home .v33-activity{
 color:var(--home-ink);border-color:var(--home-border);
}
#view-overview .v35-home .v33-activity-name{color:var(--home-ink)}
#view-overview .v35-home .v33-activity-mark{
 background:var(--home-accent-tint);
 border-color:var(--home-accent-border);
 color:var(--home-accent);
}
#view-overview .v35-home .v33-activity-meta,
#view-overview .v35-home .v33-empty,
#view-overview .v35-home .v33-count,
#view-overview .v35-home .v33-week-range{color:var(--home-muted)}
#view-overview .v35-home .v33-activity:hover .v33-activity-name,
#view-overview .v35-home .v33-text-link,
#view-overview .v35-home .v33-text-link:hover{color:var(--home-accent)}
#view-overview .v35-home .v33-activity:hover .v33-activity-mark{
 border-color:var(--home-accent);
}
#view-overview .v35-home .v33-progress-wrap progress{
 background:var(--home-raised);
}
#view-overview .v35-home .v33-progress-wrap progress::-webkit-progress-bar{
 background:var(--home-raised);
}
#view-overview .v35-home .v33-progress-wrap progress::-webkit-progress-value,
#view-overview .v35-home .v33-progress-wrap progress::-moz-progress-bar{
 background:var(--home-accent);
}
#view-overview .v35-home .v33-week-note,
#view-overview .v35-home .v33-extra-detail,
#view-overview .v35-home .v33-milestone p{color:var(--home-soft)}
#view-overview .v35-home .v33-extra{
 border-color:var(--home-border);color:var(--home-soft);
}
#view-overview .v35-home .v33-extra strong{color:var(--home-ink)}
#view-overview .v32-more-home>summary{
 border-color:var(--home-border);
 background:var(--home-panel);color:var(--home-soft);
}
#view-overview .v32-more-home>summary:hover{
 background:var(--home-raised);color:var(--home-ink);
}
#view-overview .v20-legacy-home summary{color:var(--home-soft)}
/* Respect both the selected density and accessibility settings. */
html[data-el-density="compact"] #view-overview .v35-home :is(.v35-stat,.v35-next,.v33-completed,.v33-week,.v33-coach){
 padding-top:13px;padding-bottom:13px;
}
html[data-el-density="spacious"] #view-overview .v35-home :is(.v35-stat,.v35-next,.v33-completed,.v33-week,.v33-coach){
 padding-top:27px;padding-bottom:27px;
}
@media(max-width:600px){
 body:has(#view-overview.active) .main{background:var(--home-bg)}
 #view-overview .v35-home .v35-heading{
  padding:20px 19px 23px;min-height:0;
  background-position:center,right center;
 }
 #view-overview .v35-home .v35-stats{gap:9px}
}
@media(prefers-reduced-motion:reduce){
 #view-overview .v35-home *{scroll-behavior:auto}
}