/* WDHC desktop portal revamp (pdr1) — >=768px only. Remove this file + portal-dsk.js to revert. */
@media (min-width:768px){
body.dsk{--dk-ln:#24221d;--dk-gold:#d4af37;--dk-g2:#f3d77c;--dk-mut:#9b958a;background:radial-gradient(1200px 500px at 70% -100px,rgba(212,175,55,.10),transparent),#070708!important;font-variant-numeric:tabular-nums}
body.dsk .dashboard-content{background:transparent!important}
/* rail */
body.dsk .dashboard-sidebar{background:linear-gradient(180deg,#0d0c0e,#08080a)!important;border-right:1px solid var(--dk-ln)!important}
body.dsk .sidebar-nav-label,body.dsk .sidebar-quick-stats{display:none!important}
body.dsk .sidebar-nav-group{display:contents!important}
body.dsk .sidebar-nav{display:flex!important;flex-direction:column;gap:4px;padding-top:6px!important}
body.dsk .sidebar-profile{border:1px solid var(--dk-ln)!important;border-radius:14px!important;background:#111012!important;padding:10px!important;margin:6px 8px 8px!important}
body.dsk .sidebar-link{border-radius:10px!important;padding:10px 12px!important;color:#bdb6a8!important;font-weight:600!important;font-size:14px!important;text-transform:none!important;letter-spacing:0!important;background:transparent!important;border:0!important;box-shadow:none!important}
body.dsk .sidebar-link svg{color:#7d766a!important;opacity:.9}
body.dsk .sidebar-link:hover{background:rgba(255,255,255,.03)!important;color:#e9dcb4!important}
body.dsk .sidebar-link.active{background:linear-gradient(90deg,rgba(212,175,55,.18),rgba(212,175,55,.02))!important;color:var(--dk-g2)!important;box-shadow:inset 3px 0 0 var(--dk-gold)!important}
body.dsk .sidebar-link.active svg{color:var(--dk-gold)!important}
body.dsk .sidebar-footer{border-top:0!important;background:transparent!important}
body.dsk .btn-sidebar-primary{background:linear-gradient(180deg,#f3d77c,#d4af37 55%,#b08a22)!important;color:#130f05!important;-webkit-text-fill-color:#130f05!important;border:0!important;border-radius:12px!important;min-height:42px!important;font-weight:800!important;text-transform:none!important;letter-spacing:0!important;box-shadow:0 6px 20px rgba(212,175,55,.25),inset 0 1px 0 rgba(255,255,255,.5)!important}
body.dsk .btn-sidebar-split{border:1px solid #3a3426!important;border-radius:12px!important;background:rgba(255,255,255,.02)!important;color:#e9dcb4!important;text-transform:none!important;letter-spacing:0!important;min-height:40px!important}
body.dsk .btn-sidebar-logout{background:transparent!important;border:0!important;color:#9b958a!important;text-transform:none!important;letter-spacing:0!important}
/* page head */
body.dsk .dk-eye{display:block;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--dk-mut);font-weight:700;margin:0 0 6px}
body.dsk .content-section .section-title{font-family:Rajdhani,Inter,sans-serif!important;font-size:34px!important;line-height:1.05!important;font-weight:700!important;letter-spacing:.3px!important;text-transform:none!important}
/* one card style */
body.dsk .content-section .card,body.dsk .content-section .dashboard-card,body.dsk .content-section .ach-sticky-card,body.dsk .content-section .chart-container,body.dsk .content-section .challenges-strip,body.dsk .content-section .ach-share-row,body.dsk .content-section .portal-ai-coach-card,body.dsk .content-section .stats-bento,body.dsk .content-section .overview-more{background:linear-gradient(180deg,#141317,#0f0e11)!important;border:1px solid var(--dk-ln)!important;border-radius:18px!important;box-shadow:0 10px 30px rgba(0,0,0,.35)!important}
body.dsk .content-section .ach-share-row,body.dsk .content-section .challenges-strip,body.dsk .content-section .stats-bento{padding:18px 20px!important}
body.dsk .content-section .card .card{background:rgba(255,255,255,.02)!important;border-color:#26241f!important;border-radius:14px!important;box-shadow:none!important}
body.dsk .content-section button,body.dsk .content-section .btn-sm{text-transform:none!important;letter-spacing:0!important}
/* trophy banner */
body.dsk #section-overview>#welcomeBanner,body.dsk .dk-banner{position:relative;display:grid!important;grid-template-columns:minmax(0,1.35fr) minmax(300px,1fr);gap:0;align-items:stretch;padding:0!important;margin:0 0 20px!important;border:1px solid rgba(212,175,55,.35)!important;border-radius:20px!important;background:radial-gradient(700px 260px at 0% 0%,rgba(212,175,55,.16),transparent 60%),linear-gradient(180deg,#17140c,#0f0e11)!important;overflow:hidden;box-shadow:0 14px 40px rgba(0,0,0,.45),inset 0 1px 0 rgba(243,215,124,.18)!important}
body.dsk #welcomeBanner>.welcome-content{padding:24px 28px!important;min-width:0;max-width:none!important;width:auto!important}
body.dsk #welcomeBanner>.welcome-content:before{content:"";position:absolute;right:calc(42.5% + 20px);top:16px;width:84px;height:84px;opacity:.10;background:no-repeat center/contain url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23f3d77c'><path d='M7 3h10v2h4v3a5 5 0 0 1-4.6 5A5 5 0 0 1 13 16.9V19h4v2H7v-2h4v-2.1A5 5 0 0 1 7.6 13 5 5 0 0 1 3 8V5h4V3zm-2 4v1a3 3 0 0 0 2 2.8V7H5zm12 0v3.8A3 3 0 0 0 19 8V7h-2z'/></svg>");pointer-events:none}
body.dsk #welcomeBanner>.dk-bpath{border-left:1px solid rgba(212,175,55,.22);min-width:0;display:flex}
body.dsk #welcomeBanner>.dk-bpath>.card{margin:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;width:100%!important;max-width:none!important;flex:1}
body.dsk #welcomeBanner>.dk-bpath>.card:before{display:none}
/* balanced columns */
body.dsk .content-section.dk-bal-on>.dk-wrap-hide{display:none!important}
body.dsk .dk-bal{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px;align-items:start;margin-top:0}
body.dsk .dk-bal+.dk-full,body.dsk .dk-full+.dk-full,body.dsk .dk-full+.dk-bal{margin-top:20px}
body.dsk .dk-bal>.dk-col{display:flex;flex-direction:column;gap:20px;min-width:0}
body.dsk .dk-bal>.dk-col>*{margin:0!important;width:auto!important;max-width:none!important;grid-column:auto!important}
body.dsk .dk-full>*{margin:0!important;width:auto!important;max-width:none!important}
body.dsk .dk-bal,body.dsk .dk-full,body.dsk .dk-col>*,body.dsk .dk-full>*{order:0!important;grid-row:auto!important}
body.dsk #section-overview>#welcomeBanner{order:-1!important}
body.dsk .dk-grow{display:flex!important;flex-direction:column}
body.dsk .dk-bal+*,body.dsk .dk-full+*:not(.dk-full):not(.dk-bal){margin-top:20px}
/* Train: timer across the top (horizontal), log full width */
body.dsk #section-training-log .tl-layout{display:flex!important;flex-direction:column-reverse;gap:20px}
body.dsk #section-training-log .tl-layout-rail{position:static!important;width:auto!important;max-width:none!important}
body.dsk #section-training-log .tl-layout-main{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;width:100%!important;max-width:none!important;gap:20px;align-items:stretch}
body.dsk #section-training-log .tl-layout-main>*{margin:0!important;min-width:0}
body.dsk #section-training-log .tl-layout-main>.tl-sessions-panel,body.dsk #section-training-log .tl-layout-main>#trainingLogEmptyState,body.dsk #section-training-log .tl-layout-main>table{grid-column:1/-1}
body.dsk #hangTimerCard{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:28px;align-items:start}
body.dsk #hangTimerCard>*{min-width:0}
body.dsk #hangTimerCard>.hang-timer-head{grid-column:1/3;grid-row:1}
body.dsk #hangTimerCard>.hang-timer-clock{grid-column:1;grid-row:2}
body.dsk #hangTimerCard>.hang-timer-controls{grid-column:1;grid-row:3}
body.dsk #hangTimerCard>.hang-timer-actions{grid-column:1;grid-row:4}
body.dsk #hangTimerCard>.tl-quick-log{grid-column:2;grid-row:2/span 3;align-self:stretch;border-left:1px solid #26241f;padding-left:28px}
}
@media (min-width:768px){
body.dsk .sidebar-link[data-section="overview"]{order:1}body.dsk .sidebar-link[data-section="training-log"]{order:2}body.dsk .sidebar-link[data-section="leaderboard"]{order:3}body.dsk .sidebar-link[data-section="progress"]{order:4}body.dsk .sidebar-link[data-section="achievements"]{order:5}body.dsk .sidebar-link[data-section="settings"]{order:6}body.dsk .sidebar-link[data-section="calculator"]{order:7}body.dsk .sidebar-link{order:8}
body.dsk #welcomeBanner>.welcome-content{align-self:center}
body.dsk #welcomeBanner>.dk-bpath>.card{padding:20px 24px!important}
body.dsk #featuredHangVideoCard{padding:18px 20px!important}
}