/* WDHC portal v3 (20261021v3) — re-skin layer. Remove this file + portal-v3.js to revert. */
body.v3{--v3-bg:#0b0b0c;--v3-card:#141316;--v3-card2:#111113;--v3-line:rgba(212,165,55,.18);--v3-mut:#9a9388;--v3-gold:#e7c25a;background:#0b0b0c!important;font-variant-numeric:tabular-nums}
body.v3 .dashboard-content{background:transparent!important}
/* one card style */
body.v3 .content-section .card,body.v3 .content-section .ach-sticky-card,body.v3 .content-section .stat-card,body.v3 .content-section .chart-container,body.v3 .content-section .challenges-strip,body.v3 .content-section .ach-share-row,body.v3 .content-section .portal-ai-coach-card{background:linear-gradient(180deg,#17161a,#111113)!important;border:1px solid var(--v3-line)!important;border-radius:20px!important;box-shadow:none!important}
body.v3 .content-section .card .card,body.v3 .content-section .stat-card .stat-card{background:rgba(255,255,255,.02)!important;border-color:#26241f!important;border-radius:14px!important}
/* type: caps only for big titles; buttons sentence case, no glow */
body.v3 .content-section button,body.v3 .content-section .btn-sm,body.v3 .content-section .btn-outline,body.v3 .content-section .btn-primary,body.v3 .content-section .chart-btn{text-transform:none!important;letter-spacing:0!important;box-shadow:none!important;font-weight:600}
body.v3 .content-section .btn-primary,body.v3 .btn-sidebar-primary{background:linear-gradient(135deg,#f6d77a,#d4a537 55%,#b27c1c)!important;color:#111!important;-webkit-text-fill-color:#111!important;border:0!important;box-shadow:none!important}
body.v3 .content-section .card-title,body.v3 .content-section h3{letter-spacing:.02em}
body.v3 .content-section{font-variant-numeric:tabular-nums}
/* phone bottom nav: fixed, blurred, gold text active */
@media (max-width:767px){
 body.v3 .portal-bottom-nav{position:fixed!important;left:0;right:0;bottom:0;z-index:60;background:rgba(11,11,12,.86)!important;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-top:1px solid #222!important}
 body.v3 .portal-bottom-nav__item{text-transform:none!important;letter-spacing:0!important;font-size:12px!important;background:transparent!important;color:#8a857c!important;box-shadow:none!important}
 body.v3 .portal-bottom-nav__item.is-active{color:var(--v3-gold)!important;font-weight:700}
 body.v3 .content-section .card{margin-left:0;margin-right:0}
}
/* desktop: sidebar becomes a sticky top bar */
@media (min-width:900px){
 body.v3 .dashboard-layout,body.v3 .dashboard{display:block!important}
 body.v3 .dashboard-sidebar{position:sticky!important;top:0!important;left:0;width:100%!important;max-width:none!important;height:auto!important;min-height:0!important;z-index:50;background:rgba(11,11,12,.92)!important;backdrop-filter:blur(12px);border-right:0!important;border-bottom:1px solid #1d1c1f!important;transform:none!important}
 body.v3 .sidebar-inner{display:flex!important;flex-direction:row!important;align-items:center;gap:10px;padding:10px 28px!important;height:auto!important;max-width:1360px;margin:0 auto;overflow:visible!important}
 body.v3 .sidebar-brand{margin:0!important;padding:0!important;border:0!important;flex:none}
 body.v3 .sidebar-brand-logo{height:26px!important;width:auto!important}
 body.v3 .sidebar-brand-text,body.v3 .sidebar-collapse-toggle,body.v3 .sidebar-nav-label,body.v3 .sidebar-quick-stats,body.v3 #sidebarAiCoachLink{display:none!important}
 body.v3 .sidebar-nav{display:flex!important;flex-direction:row!important;align-items:center;gap:2px;margin:0 0 0 14px!important;padding:0!important;overflow:visible!important;flex:1;min-width:0}
 body.v3 .sidebar-nav-group{display:contents!important}
 body.v3 .sidebar-link{padding:8px 11px!important;border-radius:10px!important;margin:0!important;white-space:nowrap;font-size:14px!important;text-transform:none!important;letter-spacing:0!important;border:0!important;background:transparent!important;color:#b9b3a8!important}
 body.v3 .sidebar-link svg{display:none!important}
 body.v3 .sidebar-link.active,body.v3 .sidebar-link[aria-current="page"]{background:#1a1916!important;color:var(--v3-gold)!important}
 body.v3 .sidebar-profile{order:9;margin:0!important;padding:0!important;border:0!important;background:transparent!important;display:flex;align-items:center;gap:8px;flex:none}
 body.v3 .sidebar-profile-avatar{width:34px!important;height:34px!important}
 body.v3 .sidebar-profile-name{font-size:14px!important}
 body.v3 .sidebar-profile-rank{font-size:11px!important}
 body.v3 .sidebar-footer{order:10;display:flex!important;flex-direction:row!important;align-items:center;gap:8px;margin:0!important;padding:0!important;border:0!important;background:transparent!important;position:static!important;flex:none}
 body.v3 .sidebar-actions-row{display:flex!important;gap:6px;margin:0!important}
 body.v3 .btn-sidebar-primary{width:auto!important;padding:9px 16px!important;border-radius:12px!important;margin:0!important;text-transform:none!important;letter-spacing:0!important;font-size:14px!important}
 body.v3 .btn-sidebar-primary svg,body.v3 .btn-sidebar-split svg,body.v3 .btn-sidebar-logout svg{display:none!important}
 body.v3 .btn-sidebar-split,body.v3 .btn-sidebar-logout{width:auto!important;padding:8px 10px!important;margin:0!important;font-size:13px!important;text-transform:none!important;letter-spacing:0!important;background:transparent!important;border:1px solid #2b2a27!important;border-radius:10px!important;color:#cfc8bb!important;white-space:nowrap}
 body.v3 .btn-sidebar-logout{border:0!important;color:#9a9388!important}
 body.v3 .dashboard-content{margin-left:0!important;width:auto!important;max-width:1280px;margin:0 auto!important;padding:24px 28px 40px!important}
 body.v3 .content-section.v3-bal-on>.v3-wrap-hide{display:none!important}
 body.v3 .v3-bal{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:start;margin-top:20px}
 body.v3 .v3-bal>.v3-col{display:flex;flex-direction:column;gap:20px;min-width:0}
 body.v3 .v3-bal>.v3-col>*{margin:0!important;width:auto!important;max-width:none!important;grid-column:auto!important}
 body.v3 .v3-full{margin-top:20px}
 body.v3 .v3-grow{display:flex!important;flex-direction:column}
}

@media (min-width:900px){
 body.v3 #section-training-log .tl-layout{display:flex!important;flex-direction:column-reverse;gap:20px}
 body.v3 #section-training-log .tl-layout-rail{position:static!important;width:auto!important;max-width:none!important}
 body.v3 #hangTimerCard{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:28px;align-items:start}
 body.v3 #hangTimerCard>*{min-width:0}
 body.v3 #hangTimerCard>.hang-timer-head{grid-column:1/3;grid-row:1}
 body.v3 #hangTimerCard>.hang-timer-clock{grid-column:1;grid-row:2}
 body.v3 #hangTimerCard>.hang-timer-controls{grid-column:1;grid-row:3}
 body.v3 #hangTimerCard>.hang-timer-actions{grid-column:1;grid-row:4}
 body.v3 #hangTimerCard>.tl-quick-log{grid-column:2;grid-row:2/span 3;align-self:stretch;border-left:1px solid #26241f;padding-left:28px}
 body.v3 #section-training-log .tl-layout-main{align-items:stretch!important}
 body.v3 #section-training-log .tl-layout-main{display:grid!important;grid-template-columns:minmax(0,1fr)!important;width:100%!important;max-width:none!important;gap:20px;align-items:start}
 body.v3 #section-training-log .tl-layout-main>*{margin:0!important;min-width:0}
 body.v3 #section-training-log .tl-layout-main>.tl-sessions-panel,body.v3 #section-training-log .tl-layout-main>#trainingLogEmptyState,body.v3 #section-training-log .tl-layout-main>table{grid-column:1/-1}
}

/* timer: ring clock + one primary */
body.v3 #hangTimerClock{width:220px;height:220px;margin:8px auto 16px!important;border-radius:50%!important;border:8px solid #26241f!important;border-top-color:#d4a537!important;border-right-color:#d4a537!important;display:flex!important;flex-direction:column;align-items:center;justify-content:center;background:#111113!important;padding:0!important;box-shadow:none!important}
body.v3 #hangTimerClock .hang-timer-display{font-size:56px!important;margin:0!important;line-height:1!important;background:linear-gradient(135deg,#f6d77a,#d4a537 55%,#b27c1c);-webkit-background-clip:text;background-clip:text;color:transparent!important}
body.v3 #hangTimerClock .hang-timer-phase{margin:6px 0 0!important;font-size:11px!important;letter-spacing:.14em;color:#9a9388!important}
body.v3 #section-training-log #tlLogAgainBtn,body.v3 #section-training-log .hang-timer-actions #tlLogAgainBtn,body.v3 #section-training-log .hang-timer-actions .hang-timer-restart{background:transparent!important;color:#ddd!important;-webkit-text-fill-color:#ddd!important;border:1px solid #333!important}
body.v3 .v3-vtop{margin:0 0 16px;order:-999!important;grid-row:auto}body.v3 .v3-vtop>*{margin:0!important;width:auto!important}

/* v3 mobile: Overview welcome tier pill = clone of leaderboard Tier legend pill (phone: 108x40, 14.4px, shine + per-tier glow) */
@media (max-width:767px){
  html body #welcomeBanner .welcome-pr .tier-badge.tier-badge--compact,
  html body #welcomeBanner .tier-badge{
    display:inline-flex !important;align-items:center !important;justify-content:center !important;
    box-sizing:border-box !important;position:relative !important;overflow:hidden !important;
    width:108px !important;min-width:108px !important;max-width:108px !important;
    height:40px !important;min-height:40px !important;max-height:40px !important;
    padding:0 10px 0 16px !important;border-radius:999px !important;
    font-family:Rajdhani,sans-serif !important;font-size:14.4px !important;line-height:14.4px !important;
    font-weight:700 !important;letter-spacing:.72px !important;text-transform:uppercase !important;
    vertical-align:middle !important;margin-left:6px !important;white-space:nowrap !important;
  }
  html body #welcomeBanner .tier-badge::before{
    content:"" !important;position:absolute !important;left:0 !important;top:0 !important;bottom:0 !important;
    width:7px !important;height:auto !important;border-radius:999px 0 0 999px !important;
  }
  html body #welcomeBanner .tier-badge.tier-freak{
    border:1px solid rgba(200,120,255,.6) !important;color:rgb(245,224,255) !important;
    background:linear-gradient(rgba(255,255,255,.16) 0%,rgba(0,0,0,0) 38%),linear-gradient(135deg,#7a2ec0 0%,#5a1a90 28%,#3d1280 58%,#1a0838 100%) !important;
    box-shadow:0 0 18px rgba(150,60,230,.38) !important;
  }
  html body #welcomeBanner .tier-badge.tier-freak::before{background:linear-gradient(#f0c8ff,#c060f0 45%,#8a28d0 100%) !important;}
  html body #welcomeBanner .tier-badge.tier-legend{box-shadow:0 0 16px rgba(220,150,50,.36) !important;}
  html body #welcomeBanner .tier-badge.tier-elite{box-shadow:0 0 16px rgba(180,200,230,.35),0 0 8px rgba(180,200,230,.2) !important;}
  html body #welcomeBanner .tier-badge.tier-expert,html body #welcomeBanner .tier-badge.tier-pro{box-shadow:0 0 14px rgba(200,50,50,.32) !important;}
  html body #welcomeBanner .welcome-pr-hero{display:inline-flex !important;flex-wrap:wrap !important;align-items:center !important;row-gap:6px !important;column-gap:4px !important;}
}
/* v3m2 (Milo 10/21): mobile Overview = Welcome banner first, video card second */
@media (max-width:767px){body.v3 #section-overview>#welcomeBanner{order:-1000!important}}