/* Admin New Look preview: sample walkthrough and monthly challenge refinements. */
body.theme-redesign #main-app #tab-vault .htl-vault-week-chart{
 display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important;margin:22px 0 16px!important;
}
body.theme-redesign #main-app #tab-vault .htl-vault-week-column{
 border:1px solid rgba(255,255,255,.24)!important;border-radius:20px!important;
 background:rgba(255,255,255,.075)!important;padding:19px!important;min-height:0!important;
 box-shadow:inset 0 1px 0 rgba(255,255,255,.14)!important;
}
body.theme-redesign #main-app #tab-vault .htl-vault-week-column.is-featured{
 grid-row:span 2;background:linear-gradient(145deg,color-mix(in srgb,var(--theme-accent) 26%,transparent),rgba(255,255,255,.06))!important;
}
body.theme-redesign #main-app #tab-vault .htl-vault-week-column h3{color:#f7eafa!important;margin:0 0 12px!important;}
body.theme-redesign #main-app #tab-vault .htl-vault-comparison-leader{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:18px;min-height:45px;}
body.theme-redesign #main-app #tab-vault .htl-vault-comparison-leader strong{font:500 clamp(19px,2vw,27px)/1.15 Georgia,serif;color:#fff!important;overflow-wrap:anywhere;}
body.theme-redesign #main-app #tab-vault .htl-vault-comparison-leader span{font:750 13px/1.3 Manrope,sans-serif;color:#fae9ff!important;white-space:nowrap;}
body.theme-redesign #main-app #tab-vault .htl-vault-week-column .htl-vault-bar-row{margin-bottom:13px;}
body.theme-redesign #main-app #tab-vault .htl-vault-week-column .htl-vault-bar-label span{color:#fff!important;}
body.theme-redesign #main-app #tab-vault .htl-vault-week-column .htl-vault-bar-label small{color:#ebdcef!important;}
body.theme-redesign #main-app #tab-vault .htl-vault-week-column .htl-vault-bar-track{height:5px;background:rgba(255,255,255,.19)!important;}
/* The older blanket span reset inside .htl-vault-week was erasing every fill. */
body.theme-redesign #main-app #tab-vault .htl-vault-week .htl-vault-week-column .htl-vault-bar-track>span{
 display:block!important;height:100%!important;
 background:linear-gradient(90deg,var(--theme-accent),color-mix(in srgb,var(--theme-accent) 40%,white))!important;
 box-shadow:0 0 10px color-mix(in srgb,var(--theme-accent) 42%,transparent)!important;
 transition:width .35s ease;
}
body.theme-redesign #main-app #tab-vault .htl-vault-week-debrief{padding:12px 0 16px!important;margin:2px 0 15px!important;}
body.theme-redesign #main-app #tab-vault .htl-vault-week-debrief p{margin:3px 0!important;max-width:80ch;}
body.theme-redesign #main-app #tab-vault .htl-demo-sample-badge{
 display:inline-flex!important;width:max-content;max-width:100%;margin:0 0 13px!important;
 border:1px solid rgba(255,255,255,.35)!important;border-radius:999px!important;
 padding:6px 12px!important;background:rgba(30,13,40,.3)!important;color:#fff!important;
 font:700 11px/1.45 Manrope,sans-serif!important;letter-spacing:0!important;
}
/* Challenge changes are confined to the admin New Look; classic remains intact. */
body.theme-redesign #main-app #tab-challenge .htl-challenge-shell{max-width:1100px!important;padding:12px 18px 40px;box-sizing:border-box;}
body.theme-redesign #main-app #tab-challenge .ch-hero{
 min-height:168px;box-sizing:border-box;padding:28px 34px!important;border:1px solid rgba(255,255,255,.35)!important;
 border-radius:28px!important;background:linear-gradient(115deg,color-mix(in srgb,var(--theme-card) 78%,transparent),color-mix(in srgb,var(--theme-accent) 30%,var(--theme-card)))!important;
 backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);box-shadow:0 18px 40px rgba(29,14,40,.16)!important;
}
body.theme-redesign #main-app #tab-challenge .ch-hero-watermark{opacity:.14!important;}
body.theme-redesign #main-app #tab-challenge .ch-hero-headline{font:500 clamp(31px,4vw,52px)/1.05 Georgia,serif!important;color:#fff!important;}
body.theme-redesign #main-app #tab-challenge .ch-hero-sub,body.theme-redesign #main-app #tab-challenge .ch-hero-eyebrow{color:#f2e4f4!important;}
body.theme-redesign #main-app #tab-challenge .ch-hero-right button{border-radius:50%!important;min-width:38px;height:38px!important;color:#fff!important;background:rgba(255,255,255,.13)!important;border-color:rgba(255,255,255,.44)!important;}
body.theme-redesign #main-app #tab-challenge #chall-content>div:nth-child(2),
body.theme-redesign #main-app #tab-challenge #chall-progress-wrap{
 border:1px solid rgba(255,255,255,.33)!important;border-radius:22px!important;
 background:color-mix(in srgb,var(--theme-card) 84%,transparent)!important;backdrop-filter:blur(18px);
}
body.theme-redesign #main-app #tab-challenge #chall-stats{grid-template-columns:repeat(4,minmax(0,1fr))!important;}
body.theme-redesign #main-app #tab-challenge #chall-stats>div{
 min-width:0;border-radius:20px!important;background:linear-gradient(140deg,color-mix(in srgb,var(--theme-card) 82%,transparent),color-mix(in srgb,var(--theme-card-top) 78%,transparent))!important;
 border:1px solid rgba(255,255,255,.32)!important;backdrop-filter:blur(18px);padding:20px!important;text-align:left!important;
}
body.theme-redesign #main-app #tab-challenge #chall-stats>div>div:first-child{font:650 clamp(23px,2.8vw,34px)/1.15 Manrope,sans-serif!important;color:#fff!important;}
body.theme-redesign #main-app #tab-challenge .htl-challenge-calendar-title{display:flex;justify-content:space-between;align-items:end;gap:16px;margin:28px 0 13px;color:var(--theme-ink);}
body.theme-redesign #main-app #tab-challenge .htl-challenge-calendar-title small{letter-spacing:.14em;font:800 10px/1.4 Manrope,sans-serif;color:var(--theme-accent);}
body.theme-redesign #main-app #tab-challenge .htl-challenge-calendar-title h2{margin:2px 0;font:500 clamp(26px,3vw,37px)/1.1 Georgia,serif;color:var(--theme-ink)!important;}
body.theme-redesign #main-app #tab-challenge .htl-challenge-calendar-title>span{font-size:12px;color:var(--theme-muted);}
body.theme-redesign #main-app #tab-challenge #chall-calendar{gap:5px!important;padding:16px!important;border-radius:25px!important;border:1px solid rgba(255,255,255,.36)!important;background:color-mix(in srgb,var(--theme-card) 80%,transparent)!important;backdrop-filter:blur(23px);}
body.theme-redesign #main-app #tab-challenge #chall-calendar .htl-challenge-day{
 border:1px solid rgba(255,255,255,.23)!important;border-radius:15px!important;
 min-height:65px!important;padding:9px 5px!important;background:rgba(255,255,255,.09)!important;
}
body.theme-redesign #main-app #tab-challenge #chall-calendar .htl-challenge-day.is-empty,
body.theme-redesign #main-app #tab-challenge #chall-calendar .htl-challenge-day.is-future{border-color:rgba(255,255,255,.08)!important;background:rgba(255,255,255,.025)!important;opacity:.67;}
body.theme-redesign #main-app #tab-challenge #chall-calendar .htl-challenge-day.is-hit{background:rgba(55,171,129,.19)!important;border-color:rgba(113,231,168,.54)!important;}
body.theme-redesign #main-app #tab-challenge #chall-calendar .htl-challenge-day.is-loss{background:rgba(206,96,118,.17)!important;border-color:rgba(250,147,163,.42)!important;}
body.theme-redesign #main-app #tab-challenge #chall-calendar .htl-challenge-day.is-today{outline:2px solid var(--theme-accent);outline-offset:1px;}
body.theme-redesign #main-app #tab-challenge #ux-process-goal{
 display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:24px;align-items:center;
 margin-top:24px;padding:24px 28px!important;border-radius:24px!important;background:color-mix(in srgb,var(--theme-card) 82%,transparent)!important;
 backdrop-filter:blur(22px);border:1px solid rgba(255,255,255,.32)!important;
}
body.theme-redesign #main-app #tab-challenge #ux-process-goal h2{font:500 29px/1.2 Georgia,serif;color:#fff!important;margin:0 0 4px;}
body.theme-redesign #main-app #tab-challenge #ux-process-goal p{color:#f3eaf5!important;max-width:65ch;margin:5px 0;}
body.theme-redesign #main-app #tab-challenge #ux-process-goal button{grid-column:2;grid-row:1/4;justify-self:end;border-radius:999px!important;white-space:nowrap;}
@media(max-width:780px){body.theme-redesign #main-app #tab-vault .htl-vault-week-chart{grid-template-columns:repeat(2,minmax(0,1fr))!important;}body.theme-redesign #main-app #tab-vault .htl-vault-week-column.is-featured{grid-column:1/-1;grid-row:auto;}body.theme-redesign #main-app #tab-challenge #chall-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important;}body.theme-redesign #main-app #tab-challenge #ux-process-goal{display:block;}body.theme-redesign #main-app #tab-challenge #ux-process-goal button{margin-top:13px;}}
@media(max-width:530px){body.theme-redesign #main-app #tab-vault .htl-vault-week-chart{grid-template-columns:1fr!important;}body.theme-redesign #main-app #tab-challenge .htl-challenge-shell{padding:8px 0 30px;}body.theme-redesign #main-app #tab-challenge #chall-calendar{gap:3px!important;padding:9px!important;}body.theme-redesign #main-app #tab-challenge #chall-calendar .htl-challenge-day{min-height:53px!important;font-size:10px!important;}body.theme-redesign #main-app #tab-challenge .htl-challenge-calendar-title>span{display:none;}}