.visual-panel-enabled{--vt-bg:#071021;--vt-card:#102039;--vt-text:#e6efff;--vt-muted:#a1b6d3;--vt-line:#b5d4ff33}.visual-panel-enabled #panel{background:var(--vt-bg);color:var(--vt-text)}.visual-panel-enabled #visual-today[hidden]{display:none!important}#visual-today{margin:0 0 25px;color:var(--vt-text)}.vt-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px}.vt-heading h2{font-size:32px;letter-spacing:-.04em;margin:0}.vt-status{font-size:11px;color:var(--vt-muted)}.vt-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:18px}.vt-card{position:relative;min-height:200px;padding:26px;text-align:left;color:var(--vt-text);border:1px solid var(--vt-line);border-radius:24px;background:radial-gradient(ellipse at 80% 20%,#3f679135,transparent 65%),var(--vt-card);cursor:pointer;display:flex;flex-direction:column;align-items:flex-start;gap:18px;transition:transform .3s,border-color .3s}.vt-card:hover{transform:translateY(-4px);border-color:#c1dcff88}.vt-card:focus-visible{outline:2px solid #d2e7ff;outline-offset:4px}.vt-card svg{width:48px;height:48px;stroke:#c6deff;stroke-width:1;fill:none;stroke-linecap:round;stroke-linejoin:round}.vt-label{font-size:13px}.vt-card strong{font-size:12px;line-height:1.6;font-weight:400;color:var(--vt-muted);overflow-wrap:anywhere}.vt-arrow{position:absolute;right:24px;top:26px;font-size:23px}.visual-panel-enabled .side .menu button{min-height:48px}.visual-panel-enabled .side .menu button.active{background:#d7e7ff;color:#09172b}@media(max-width:850px){.vt-grid{grid-template-columns:1fr}.vt-card{min-height:160px}.vt-card svg{width:38px;height:38px}}@media(prefers-reduced-motion:reduce){.vt-card{transition:none}.vt-card:hover{transform:none}}

.vt-meals h3{font-size:18px;margin:24px 0 14px}.vt-meals ul{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:14px}.vt-meals li{padding:20px;border:1px solid var(--vt-line);border-radius:20px;background:var(--vt-card);overflow-wrap:anywhere}.vt-meals p{color:var(--vt-muted);line-height:1.6;white-space:pre-line}.vt-meals strong{font-size:14px}
/* Navy remains opt-in; existing controls and four canonical views stay in place. */
.visual-panel-enabled #panel{--text:#e6efff;--muted:#afc2dc;--line:#b5d4ff33;--card:#102039;--surface:#102039;--bg:#071021}
.visual-panel-enabled #panel .card,.visual-panel-enabled #panel .side,.visual-panel-enabled #panel .realization-card,.visual-panel-enabled #panel .data-item,.visual-panel-enabled #panel .secondary-workspace,.visual-panel-enabled #panel .progress-entry,.visual-panel-enabled #panel .lifestyle-chart-card{background:#102039;color:#e6efff;border-color:#b5d4ff33}
.visual-panel-enabled #panel .card h3,.visual-panel-enabled #panel .card h4,.visual-panel-enabled #panel .data-item b{color:#e6efff}
.visual-panel-enabled #panel .side .menu button{color:#c5d7ef}
.visual-panel-enabled #panel .side .menu button.active{color:#09172b}
.visual-panel-enabled #panel input:not([type=range]):not([type=file]):not([type=checkbox]),.visual-panel-enabled #panel select,.visual-panel-enabled #panel textarea{background:#071021;color:#e6efff;border:1px solid #91b4df88;max-width:100%}
.visual-panel-enabled #panel :is(button,a,input,select,summary):focus-visible{outline:3px solid #bddaff;outline-offset:4px}
.vt-symbol{font-size:42px;line-height:1;color:#c6deff}
.vt-motion{display:block;margin:0 0 18px auto;min-height:44px;padding:8px 14px;border:1px solid #b5d4ff66;border-radius:14px;background:#102039;color:#e6efff;cursor:pointer}
#visual-progress{margin:22px 0;padding:24px;border:1px solid #b5d4ff44;border-radius:24px;background:radial-gradient(ellipse at 100% 0,#35578733,transparent 65%),#09172b;color:#e6efff;min-width:0}
#visual-progress h3{font-size:26px;margin:0 0 12px}.vp-status,.vp-note{color:#afc2dc;line-height:1.6}.vp-note{font-size:13px}.vp-measurement-list{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:12px;max-height:280px;overflow:auto}.vp-measurement-list li{padding:16px;border:1px solid #b5d4ff33;border-radius:16px;display:grid;gap:12px;flex:1 1 140px}.vp-measurement-list time{font-size:13px;color:#afc2dc}.vp-measurement-list strong{font-size:24px;font-weight:500}.vp-week-label{display:block;margin:24px 0 10px;font-size:14px}#visual-score-week{font:inherit;padding:12px;min-height:44px;border-radius:12px;width:min(100%,350px)}.vp-scores{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:18px 0}.vp-score{display:grid;gap:14px;padding:16px 12px;border:1px solid #b5d4ff33;border-radius:18px;min-width:0}.vp-score span{font-size:13px;color:#bed2ef}.vp-score strong{font-size:18px;font-weight:500;overflow-wrap:anywhere}.vp-score meter{width:100%;accent-color:#c1dcff}.vp-score meter[hidden]{display:none}.vp-average{font-size:15px;line-height:1.6}
.visual-panel-enabled #panel:not([data-visual-state=ready]) #view-progress>article>:not(#visual-progress):not(.card-head){display:none!important}
.visual-panel-enabled #visual-progress[hidden]{display:none!important}
.visual-panel-enabled.visual-motion-paused *,.visual-panel-enabled.visual-motion-paused *::before,.visual-panel-enabled.visual-motion-paused *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
@media(max-width:850px){#visual-progress{padding:18px}.vp-scores{grid-template-columns:repeat(2,minmax(0,1fr))}.vp-score:last-child{grid-column:1/-1}.visual-panel-enabled #panel .side .menu{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px}.visual-panel-enabled #panel .side .menu button{min-width:0;padding:10px 4px;font-size:12px;white-space:normal;overflow-wrap:anywhere}.visual-panel-enabled #panel .content{min-width:0}.vt-motion{margin-top:12px}}
@media(prefers-reduced-motion:reduce){.visual-panel-enabled *,.visual-panel-enabled *::before,.visual-panel-enabled *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* The selected-week summary replaces the legacy latest-week chart/ring in this view. */
.visual-panel-enabled #client-lifestyle-charts,.visual-panel-enabled #progress-weekly-advice,.visual-panel-enabled #view-progress .realization-card:has(#lifestyle-score){display:none!important}
/* Approved progress presentation, sourced exclusively from canonical render payloads. */
html.navy-design #panel #visual-progress>.vp-status{display:block;font-size:1rem;line-height:1.6}
html.navy-design #panel #visual-progress .vp-body{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);gap:20px}
#visual-progress .vp-metric-panel{grid-column:1/-1}#visual-progress .vp-score-panel{grid-column:1;grid-row:2}#visual-progress .vp-selected{grid-column:2;grid-row:2;border:1px solid #9cbee34d;border-radius:24px;padding:24px;min-width:0;overflow-wrap:anywhere;background:#0b172b}
#visual-progress .vp-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;border-bottom:1px solid #9cbee34d;padding:14px 0 24px}#visual-progress .vp-metrics>div{min-width:0;display:grid;gap:10px;overflow-wrap:anywhere}#visual-progress .vp-metrics small,#visual-progress .vp-metrics span{font-size:1rem;color:#bbccdf}#visual-progress .vp-metrics strong{font-size:clamp(1.5rem,3vw,2.5rem);font-weight:450}
#visual-progress .vp-goal{margin:18px 0;color:#e3d0ac;font-size:1rem;line-height:1.6}#visual-progress .vp-chart-slot{min-width:0;margin-top:20px}#visual-progress .vp-chart-slot svg{display:block;width:100%;height:auto;overflow:visible}#visual-progress svg text{fill:#bbccdf;font-family:inherit;font-size:12px}
#visual-progress .vp-plot-grid{stroke:#bbccdf33}#visual-progress .vp-plot-line{stroke:#b7e7d6;stroke-width:3;fill:none}#visual-progress .vp-target-line{stroke:#e3d0ac;stroke-width:2;stroke-dasharray:8 6}#visual-progress .vp-plot-hit{fill:transparent}#visual-progress .vp-plot-dot{stroke:#b7e7d6;fill:#0b172b;stroke-width:3}#visual-progress .vp-plot-point{cursor:pointer}#visual-progress .vp-plot-point:is(:focus-visible,[aria-pressed=true]) .vp-plot-dot{fill:#b7e7d6;stroke:#fff9ee;stroke-width:4}
#visual-progress .vp-selected>strong{font-size:clamp(1.75rem,4vw,3rem);font-weight:450}#visual-progress .vp-selected p{font-size:1rem;color:#bbccdf;line-height:1.6}
#visual-progress .vp-week-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}#visual-progress .vp-week-label{min-width:0;font-size:1rem;line-height:1.6;margin:0}html.navy-design #panel #visual-progress .vp-week-controls select{display:block;box-sizing:border-box;width:100%;font:inherit;max-width:100%;min-width:0;min-height:44px;padding:10px;background:#071326;color:#fff9ee;border:1px solid #8799ad;border-radius:12px}
#visual-progress .vp-life-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px;align-items:center}#visual-progress .vp-radar svg{display:block;width:100%;height:auto}#visual-progress .vp-radar-grid{fill:none;stroke:#bbccdf44}#visual-progress .vp-radar-current{fill:#b7e7d622;stroke:#b7e7d6;stroke-width:2}#visual-progress .vp-radar-comparison{fill:#e3d0ac0d;stroke:#e3d0ac;stroke-width:2;stroke-dasharray:5 4}
html.navy-design #panel #visual-progress .vp-scores{display:grid;grid-template-columns:minmax(0,1fr);gap:0}html.navy-design #panel #visual-progress .vp-score{padding:14px 0;border:0;border-bottom:1px solid #bbccdf44;border-radius:0;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}html.navy-design #panel #visual-progress .vp-score :is(span,strong,small){font-size:1rem;line-height:1.6;overflow-wrap:anywhere}#visual-progress .vp-score small{grid-column:1/-1;color:#e3d0ac}#visual-progress .vp-score:last-child{grid-column:auto}
#visual-progress .vp-link,#visual-progress .vp-average,#visual-progress .vp-note{font-size:1rem;line-height:1.6;overflow-wrap:anywhere}#visual-progress .vp-records{margin-top:20px}#visual-progress .vp-records summary{font-size:1rem;min-height:44px;cursor:pointer}#visual-progress .vp-measurements{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));margin-top:12px}#visual-progress .vp-measurements button{font:inherit;min-height:44px;white-space:normal;overflow-wrap:anywhere;max-width:100%;padding:12px;background:#102039;color:#fff9ee;border:1px solid #8799ad;border-radius:12px}
html.navy-design #panel #view-progress .progress-grid,html.navy-design #panel #progress-measurement-chart,html.navy-design #panel #realization-chart,html.navy-design #panel #measurement-chart-legend,html.navy-design #panel #realization-chart-empty,html.navy-design #panel .realization-card .chart-label{display:none!important}
@media(max-width:850px){html.navy-design #panel #visual-progress .vp-body{grid-template-columns:minmax(0,1fr)}#visual-progress .vp-score-panel,#visual-progress .vp-selected{grid-column:1;grid-row:auto}#visual-progress .vp-life-layout{grid-template-columns:minmax(0,1fr)}}
@media(max-width:560px){#visual-progress .vp-metrics,#visual-progress .vp-week-controls{grid-template-columns:minmax(0,1fr)}#visual-progress .vp-selected{padding:18px}#visual-progress .vp-radar{max-width:340px;width:100%;margin:auto}}

#visual-progress .vp-life-icon svg{width:20px;height:20px;stroke:#b7e7d6;fill:none;stroke-width:1.5}