/* PHASE 223.28 — visual only; no data or checkout logic modified */
#collectionDashboardView .dashboard-hero{position:relative;overflow:hidden;background:linear-gradient(115deg,#f5a9bd,#e6a9d7 52%,#c4a4f1);padding-top:clamp(70px,8vw,115px);padding-bottom:clamp(70px,8vw,115px)}
#collectionDashboardView .dashboard-hero:after{content:"✧";position:absolute;right:7%;top:1%;font-size:clamp(100px,17vw,250px);color:#ffffff40;pointer-events:none}
#collectionDashboardView .dashboard-hero-grid,#collectionValueView .value-hero-grid{position:relative;z-index:1}
#collectionDashboardView .dashboard-hero h1,#collectionValueView .value-hero h1{font-size:clamp(3.3rem,7.5vw,8rem);line-height:.94;letter-spacing:-.075em}
#collectionDashboardView .dashboard-hero h1 em,#collectionValueView .value-hero h1 em{font-style:normal;color:#fff}
#collectionDashboardView .dashboard-hero-grid>p,#collectionValueView .value-hero-copy{font-size:clamp(1rem,1.4vw,1.35rem);line-height:1.55;color:#29232c}
#collectionDashboardView .dashboard-kpis,#collectionValueView .value-metrics{gap:12px;padding:20px 4vw;background:#f5f3ee}
#collectionDashboardView .dashboard-kpis>*,#collectionValueView .value-metrics>*{border-radius:12px;overflow:hidden;min-width:0}
#collectionDashboardView .dashboard-kpis>*:nth-child(2){background:#e5e1fa}
#collectionDashboardView .dashboard-kpis>*:nth-child(3){background:#f7dfdc}
#collectionDashboardView .dashboard-kpis>*:nth-child(4){background:#dceae4}
#collectionValueView .value-hero{position:relative;overflow:hidden;background:linear-gradient(115deg,#b7daf7,#c9caf4 55%,#e3c2f2);padding-top:clamp(70px,8vw,115px);padding-bottom:clamp(70px,8vw,115px)}
#collectionValueView .value-hero:after{content:"✳";position:absolute;right:7%;top:0;font-size:clamp(110px,17vw,260px);color:#ffffff40;pointer-events:none}
#collectionValueView .value-hero h1 em{color:#2568a8}
#collectionValueView .value-metrics>*:nth-child(2){background:#f3dad8}
#collectionValueView .value-metrics>*:nth-child(3){background:#e5e4f9}
#collectionValueView .value-metrics>*:nth-child(4){background:#d9ebe7}
#collectionDashboardView .dashboard-section,#collectionValueView .value-section{scroll-margin-top:120px}
@media(max-width:900px){#collectionDashboardView .dashboard-hero-grid,#collectionValueView .value-hero-grid{grid-template-columns:1fr;gap:26px}#collectionDashboardView .dashboard-hero-grid>p,#collectionValueView .value-hero-copy{margin:0;max-width:650px}}
@media(max-width:620px){#collectionDashboardView .dashboard-hero,#collectionValueView .value-hero{padding:55px 5vw 65px}#collectionDashboardView .dashboard-hero h1,#collectionValueView .value-hero h1{font-size:clamp(2.5rem,10.5vw,4.8rem)}#collectionDashboardView .dashboard-kpis,#collectionValueView .value-metrics{padding:12px 5vw;gap:8px}#collectionDashboardView .dashboard-hero-grid>p,#collectionValueView .value-hero-copy{font-size:1rem}}

/* Phase 223.28.2 — consistent full-page editorial color, CSS only */
#collectionDashboardView{background:#f8eff6}
#collectionDashboardView .dashboard-section{background:linear-gradient(130deg,#fbe3ec 0%,#f0e1f6 100%);border-color:rgba(65,28,63,.16)}
#collectionDashboardView .dashboard-section:nth-of-type(3){background:linear-gradient(125deg,#e2dffb,#dceaf9)}
#collectionDashboardView .dashboard-section:nth-of-type(4){background:linear-gradient(120deg,#f9e7dc,#f5d9e9)}
#collectionDashboardView .dashboard-section:nth-of-type(5){background:linear-gradient(125deg,#e1eff0,#eee2f6)}
#collectionDashboardView .dashboard-category-allocation,#collectionDashboardView .dashboard-profile,#collectionDashboardView .dashboard-market-grid>*,#collectionDashboardView .dashboard-leaders>*,#collectionDashboardView .dashboard-activity{background-color:rgba(255,255,255,.58);border-radius:14px}
#collectionDashboardView .dashboard-actions{background:#e9d8f1}
#collectionDashboardView .dashboard-kpis{background:#f8eff6}
#collectionDashboardView .dashboard-kpis>*:nth-child(2){background:#e4defb}
#collectionDashboardView .dashboard-kpis>*:nth-child(3){background:#f7d9dc}
#collectionDashboardView .dashboard-kpis>*:nth-child(4){background:#d9ebe7}
#collectionDashboardView .dashboard-section-head p{color:#514755}
#collectionValueView{background:#edf1fa}
#collectionValueView .value-section{background:linear-gradient(125deg,#e5edfb,#e9e3f7);border-color:rgba(34,48,88,.15)}
#collectionValueView .value-section:nth-of-type(even){background:linear-gradient(125deg,#f0e1f5,#e7e9fa)}
#collectionValueView .value-section:nth-of-type(3n){background:linear-gradient(125deg,#deedf4,#e5e4fa)}
#collectionValueView .value-section-head p{color:#4e5365}
#collectionValueView .value-metrics{background:#edf1fa}
#collectionValueView .value-metric:nth-child(2){background:#f4dcd9}
#collectionValueView .value-metric:nth-child(3){background:#e4e0f8}
#collectionValueView .value-metric:nth-child(4){background:#dbece9}
#collectionValueView .value-metric strong{color:#15171c;text-shadow:none}
#collectionValueView .value-metric:first-child strong{color:#fff}
#collectionValueView .value-chart-wrap,#collectionValueView .value-allocation,#collectionValueView .value-insights-grid>*,#collectionValueView .value-leaders>*{border-radius:14px}
#collectionValueView .value-hero,#collectionDashboardView .dashboard-hero{padding-top:clamp(100px,10vw,155px)}
#collectionValueView .value-hero-grid,#collectionDashboardView .dashboard-hero-grid{align-items:center}
#collectionValueView .value-hero h1,#collectionDashboardView .dashboard-hero h1{line-height:1.03;overflow:visible}
@media(max-width:620px){#collectionValueView .value-hero,#collectionDashboardView .dashboard-hero{padding-top:75px}#collectionValueView .value-section,#collectionDashboardView .dashboard-section{padding-left:5vw;padding-right:5vw}}
/* Phase 223.28.3 — Dashboard lower-page visual refresh; presentation only */
#collectionDashboardView #dashboard-portfolio{background:linear-gradient(128deg,#f9c9d9 0%,#e7d5fa 52%,#cfe8fa 100%)}
#collectionDashboardView #dashboard-portfolio .dashboard-two-col{border:0;gap:18px}
#collectionDashboardView #dashboard-portfolio .dashboard-category-allocation,#collectionDashboardView #dashboard-portfolio .dashboard-profile{background:rgba(255,255,255,.62);border:1px solid rgba(70,48,91,.13);border-radius:22px;padding:26px;box-shadow:0 12px 34px rgba(68,32,81,.07)}
#collectionDashboardView .dashboard-category-row{padding:17px 12px;border-radius:10px;transition:background .2s}
#collectionDashboardView .dashboard-category-row:hover{background:rgba(255,255,255,.68)}
#collectionDashboardView .dashboard-category-bar{height:11px;border-radius:30px;background:#e8e1f2}
#collectionDashboardView .dashboard-category-bar i{border-radius:30px;background:linear-gradient(90deg,#fd7a9d,#ac75eb)}
#collectionDashboardView .dashboard-category-row:nth-child(2) .dashboard-category-bar i{background:linear-gradient(90deg,#a781f1,#6d9fe9)}
#collectionDashboardView .dashboard-category-row:nth-child(3) .dashboard-category-bar i{background:linear-gradient(90deg,#ffb96b,#f07f91)}
#collectionDashboardView .dashboard-category-row:nth-child(4) .dashboard-category-bar i{background:linear-gradient(90deg,#70c7ce,#779ef2)}
#collectionDashboardView .dashboard-profile-grid{gap:8px;border:0}
#collectionDashboardView .dashboard-profile-grid>div{border:1px solid rgba(75,55,97,.12);border-radius:14px;background:#f2e8fc;padding:20px;min-height:125px}
#collectionDashboardView .dashboard-profile-grid>div:nth-child(2),#collectionDashboardView .dashboard-profile-grid>div:nth-child(5){background:#dfeefc}
#collectionDashboardView .dashboard-profile-grid>div:nth-child(3),#collectionDashboardView .dashboard-profile-grid>div:nth-child(6){background:#ffe5e9}
#collectionDashboardView .dashboard-profile-grid strong{font-size:clamp(2.2rem,3vw,3.3rem)}
#collectionDashboardView #dashboard-leaders{background:linear-gradient(120deg,#ffe3da,#f6d8e9 54%,#e9dafa)}
#collectionDashboardView .dashboard-leader-card,#collectionDashboardView .dashboard-leader-empty{border-radius:20px;overflow:hidden;border:1px solid rgba(65,38,69,.13);background:#fff8fb;box-shadow:0 12px 26px rgba(83,40,80,.06)}
#collectionDashboardView .dashboard-leader-card:nth-child(2){background:#f0e9ff}
#collectionDashboardView .dashboard-leader-card:nth-child(3){background:#e6f3fb}
#collectionDashboardView .dashboard-leader-image{background:linear-gradient(145deg,#fce6ed,#e9dafa)}
#collectionDashboardView .dashboard-leader-card:nth-child(2) .dashboard-leader-image{background:linear-gradient(145deg,#e5dcff,#cfe8ff)}
#collectionDashboardView .dashboard-leader-card:nth-child(3) .dashboard-leader-image{background:linear-gradient(145deg,#d9f2f2,#e8e1ff)}
#collectionDashboardView #dashboard-activity{background:linear-gradient(120deg,#dceafb,#eadcf7 58%,#fbdce9)}
#collectionDashboardView #dashboard-activity .dashboard-activity{padding:14px;border:1px solid rgba(70,48,91,.12);border-radius:20px;background:rgba(255,255,255,.53);overflow:hidden}
#collectionDashboardView .dashboard-activity-row{padding:16px 18px;border-radius:12px;border-bottom:1px solid rgba(70,48,91,.09)}
#collectionDashboardView .dashboard-activity-row:nth-child(even){background:rgba(246,220,238,.68)}
#collectionDashboardView .dashboard-activity-row:nth-child(odd){background:rgba(220,235,255,.64)}
#collectionDashboardView .dashboard-activity-row>b{color:#7e3e79}
#collectionDashboardView .dashboard-activity-row:hover{background:#fff}
#collectionDashboardView .dashboard-actions{background:linear-gradient(120deg,#f4d9ef,#e5e1fb);gap:12px;padding-top:22px}
#collectionDashboardView .dashboard-actions a{border:1px solid rgba(65,38,69,.12);border-radius:16px;background:#fce4e9;padding:24px}
#collectionDashboardView .dashboard-actions a:nth-child(2){background:#e4e1ff}
#collectionDashboardView .dashboard-actions a:nth-child(3){background:#d9edf8}
#collectionDashboardView .dashboard-actions a:nth-child(4){background:#ffe8d6}
@media(max-width:700px){#collectionDashboardView #dashboard-portfolio .dashboard-category-allocation,#collectionDashboardView #dashboard-portfolio .dashboard-profile{padding:18px}#collectionDashboardView .dashboard-actions{gap:9px}#collectionDashboardView .dashboard-activity-row{padding:14px 12px}}

/* Phase 223.28.1 — corrective visual layer; all existing data / scripts untouched */
#collectionDashboardView .dashboard-hero,#collectionValueView .value-hero{isolation:isolate;padding-top:clamp(110px,11vw,160px)!important;padding-bottom:clamp(75px,8vw,120px)!important}
#collectionDashboardView .dashboard-hero h1,#collectionValueView .value-hero h1{font-size:clamp(3rem,6.4vw,7.3rem)!important;line-height:1.02!important;letter-spacing:-.07em!important;max-width:100%;overflow-wrap:break-word}
#collectionDashboardView .dashboard-hero-grid,#collectionValueView .value-hero-grid{align-items:center!important;gap:clamp(20px,4vw,65px)!important}
#collectionDashboardView .dashboard-hero-grid>p,#collectionValueView .value-hero-copy{align-self:center!important;color:#343039!important}
#collectionDashboardView .dashboard-kpis,#collectionValueView .value-metrics{background:#f5f3ee!important;gap:12px!important;padding:20px 4vw!important}
#collectionDashboardView .dashboard-kpis>*,#collectionValueView .value-metrics>*{border:0!important;border-radius:13px!important;overflow:hidden;background:#e7e1f6!important}
#collectionDashboardView .dashboard-kpis>*:first-child,#collectionValueView .value-metrics>*:first-child{background:#111!important;color:#fff!important}
#collectionDashboardView .dashboard-kpis>*:nth-child(3),#collectionValueView .value-metrics>*:nth-child(2){background:#f7d9d6!important}
#collectionDashboardView .dashboard-kpis>*:nth-child(4),#collectionValueView .value-metrics>*:nth-child(3){background:#d6e8f4!important}
#collectionValueView .value-metric strong,#collectionValueView .value-metric-label,#collectionValueView .value-metric small{color:#171717!important;opacity:1!important}
#collectionValueView .value-metric:first-child strong,#collectionValueView .value-metric:first-child .value-metric-label,#collectionValueView .value-metric:first-child small{color:#fff!important}
#collectionValueView .value-section{background:linear-gradient(145deg,#f8f3f9 0%,#f2edf8 100%)!important;border-bottom:1px solid #dcd5e4!important}
#collectionValueView .value-section:nth-of-type(even){background:linear-gradient(145deg,#f0f5fc 0%,#e8edf8 100%)!important}
#collectionValueView .value-section-head h2{color:#171717!important}
#collectionValueView .value-section-head p{color:#514e58!important}
#collectionValueView .value-local-nav,#collectionDashboardView .dashboard-local-nav{background:#f3eaf4!important}
#collectionValueView .value-hero .eyebrow,#collectionDashboardView .dashboard-hero .eyebrow{color:#1d1d1d!important}
#collectionValueView .value-hero:after,#collectionDashboardView .dashboard-hero:after{z-index:-1!important}
@media(max-width:900px){#collectionDashboardView .dashboard-hero,#collectionValueView .value-hero{padding-top:90px!important}#collectionDashboardView .dashboard-hero-grid,#collectionValueView .value-hero-grid{grid-template-columns:1fr!important}}
@media(max-width:620px){#collectionDashboardView .dashboard-hero,#collectionValueView .value-hero{padding:76px 5vw 65px!important}#collectionDashboardView .dashboard-hero h1,#collectionValueView .value-hero h1{font-size:clamp(2.55rem,10vw,4.5rem)!important}#collectionDashboardView .dashboard-kpis,#collectionValueView .value-metrics{padding:12px 5vw!important;gap:8px!important}}

/* Phase 223.28.5: layout stabilization, no application logic changes */
#collectionValueView .value-hero:after{content:"✧"!important;color:rgba(255,255,255,.35)!important;font-family:Arial,sans-serif!important}
#collectionValueView .value-local-nav,#collectionDashboardView .dashboard-local-nav{max-width:100%;overflow-x:auto!important;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scrollbar-width:thin}
#collectionValueView .value-local-nav>a,#collectionDashboardView .dashboard-local-nav>a{flex-shrink:0}
#collectionValueView .value-metric,#collectionDashboardView .dashboard-kpis>*{min-width:0}
#collectionValueView .value-metric strong,#collectionDashboardView .dashboard-kpis strong{overflow-wrap:anywhere;font-size:clamp(2.1rem,6vw,5.8rem)}
@media(max-width:700px){#collectionValueView .value-hero:after{font-size:90px!important;right:5%;top:4%;opacity:.3}#collectionValueView .value-hero,#collectionDashboardView .dashboard-hero{padding-top:70px!important;padding-bottom:65px!important}#collectionValueView .value-metric strong,#collectionDashboardView .dashboard-kpis strong{font-size:clamp(2.05rem,9vw,3.9rem)!important}#collectionValueView .value-metrics,#collectionDashboardView .dashboard-kpis{grid-template-columns:1fr!important}#collectionValueView .value-metric,#collectionDashboardView .dashboard-kpis>*{min-height:unset!important;padding:22px!important}}

/* Phase 223.28.6: route-level, persistent navigation/header stabilization */
body:has(#collectionDashboardView) .site-header,
body:has(#collectionValueView) .site-header,
body:has(#collectionDashboardView) header.site-header,
body:has(#collectionValueView) header.site-header {
 background:linear-gradient(105deg,#ffe16b 0%,#ffb19b 100%) !important;
 background-color:#ffd18b !important;
}
body:has(#collectionDashboardView) .site-header .main-nav a,
body:has(#collectionValueView) .site-header .main-nav a {color:#161616!important}
@media(max-width:700px){body:has(#collectionDashboardView) .site-header,body:has(#collectionValueView) .site-header{background:linear-gradient(105deg,#ffe16b,#ffb19b)!important}}

/* Phase 223.28.7: final visual authority for route reload */
#collectionDashboardView #dashboard-portfolio{background:linear-gradient(128deg,#f9c9d9 0%,#e7d5fa 52%,#cfe8fa 100%)!important}
#collectionDashboardView #dashboard-portfolio .dashboard-category-allocation,#collectionDashboardView #dashboard-portfolio .dashboard-profile{background:rgba(255,255,255,.66)!important;border:1px solid rgba(70,48,91,.13)!important;border-radius:22px!important;padding:26px!important;box-shadow:0 12px 34px rgba(68,32,81,.07)!important}
@media(max-width:700px){#collectionDashboardView #dashboard-portfolio .dashboard-category-allocation,#collectionDashboardView #dashboard-portfolio .dashboard-profile{padding:18px!important}}

/* Phase 223.28.9: pricing signal legibility on light gradients. */
#collectionDashboardView .dashboard-market-section {background:#111!important;color:#f7f4ef!important}
#collectionDashboardView .dashboard-market-section .dashboard-section-head h2,
#collectionDashboardView .dashboard-market-section .dashboard-market-grid strong,
#collectionDashboardView .dashboard-market-section .dashboard-market-grid b,
#collectionDashboardView .dashboard-market-section .dashboard-market-grid a {color:#f7f4ef!important}
#collectionDashboardView .dashboard-market-section .dashboard-section-head p,
#collectionDashboardView .dashboard-market-section .dashboard-market-grid p,
#collectionDashboardView .dashboard-market-section .dashboard-market-grid span {color:#c5c1c7!important}