/* A compact, readable preview of the member workspace, with one expressive face. */
.dashboard-showcase{padding-block:5rem 6rem;border-top:1px solid #ffffff12}
.dashboard-showcase-layout{display:grid;grid-template-columns:minmax(20rem,.75fr) minmax(0,1.65fr);gap:5rem;align-items:center}
.dashboard-showcase-copy{max-width:32rem;padding-block:2rem}
.dashboard-showcase-copy h2{font-size:3.2rem;line-height:1.15;font-weight:550;letter-spacing:-.03em;text-wrap:balance}
.dashboard-showcase-copy h2 span{color:#91b8f4}
.dashboard-showcase-copy>p{font-size:1.1rem;line-height:1.85;color:var(--halo-muted);margin:1.4rem 0 1.8rem}
.dashboard-showcase-benefits{list-style:none;padding:0;margin:0 0 2rem;display:grid;gap:1rem}
.dashboard-showcase-benefits li{display:flex;align-items:center;gap:.75rem;font-size:1rem;color:#d5e2f5}
.dashboard-showcase-benefits svg{width:1.2rem;height:1.2rem;color:#8cbaff;flex:none}
.dashboard-showcase-copy .text-link{min-height:44px}
.dashboard-stage{position:relative;min-width:0;padding-top:13rem}
.dashboard-mascot{position:absolute;translate:0 -2.5rem;right:1rem;top:-4rem;width:29rem;height:29rem;pointer-events:none;z-index:0}
.dashboard-mascot>svg{display:block;width:100%;height:100%;overflow:visible}
.dashboard-mascot .mo-root{animation:none!important}
.dashboard-mascot .mo-bob{animation:none!important}
.dashboard-mascot-hint{position:absolute;top:5.8rem;left:1rem;max-width:13rem;font-size:.9rem;color:#9cafcc;line-height:1.65}
.dashboard-mascot-hint>span{display:block;color:#d4e4ff;font-weight:550;margin-bottom:.3rem}
.dashboard-preview{position:relative;z-index:1;border:1px solid #3b5277;border-radius:1rem;background:#101a2b;overflow:hidden}
.dashboard-preview-top{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.15rem 1.5rem;background:#132139;border-bottom:1px solid #2b3e5b}
.dashboard-preview-top>span{display:flex;align-items:center;gap:.65rem;font-size:.95rem;font-weight:550}
.dashboard-preview-top img{width:1.6rem;height:1.6rem}
.dashboard-preview-top small{color:#adc0dc;font-size:.8rem}
.dashboard-preview-body{display:grid;grid-template-columns:12rem minmax(0,1fr);min-height:33rem}
.dashboard-preview-nav{padding:1.4rem .8rem;background:#0d1728;border-right:1px solid #263850;display:flex;flex-direction:column}
.dashboard-preview-nav>span{padding:0 .65rem .8rem;color:#91a3be;font-size:.8rem}
.dashboard-preview-tabs{position:relative;isolation:isolate;display:grid;gap:.3rem}
.dashboard-tab-marker{position:absolute;top:0;left:0;z-index:-1;pointer-events:none;border:1px solid #34547d;border-radius:.4rem;background:#1b3152;box-shadow:inset 3px 0 #609dff}
.dashboard-preview-tabs[data-motion-ready=true] button[aria-selected=true]{background:transparent;border-color:transparent}
.dashboard-preview-tabs[data-motion-ready=true] button[aria-selected=true]:hover{background:transparent}
.dashboard-preview-content{display:grid;align-content:start}
.dashboard-preview-content>[data-dashboard-panel]{grid-area:1 / 1;min-width:0}
.dashboard-preview-content>[data-dashboard-panel][hidden]{display:block!important;visibility:hidden;pointer-events:none}
.dashboard-preview-tabs button{display:flex;align-items:center;gap:.7rem;text-align:left;width:100%;min-height:3.2rem;padding:.65rem;border:1px solid transparent;border-radius:.4rem;background:transparent;color:#a8bad6;font-size:.9rem;transition:color 160ms ease,background-color 160ms ease,border-color 160ms ease}
.dashboard-preview-tabs svg{width:1.15rem;height:1.15rem;flex:none}
.dashboard-preview-tabs button[aria-selected=true]{background:#1b3152;border-color:#34547d;color:#e2edff}
.dashboard-preview-tabs button:hover{background:#223959;color:#fff}
.dashboard-preview-identity{display:flex;align-items:center;gap:.6rem;margin-top:auto;padding:.8rem .4rem 0;color:#b5c6df;font-size:.8rem}
.dashboard-preview-identity :is(img,svg){width:2rem;height:2rem;border-radius:50%}
.dashboard-preview-content{padding:1.8rem;min-width:0}
.dashboard-preview-content [role=tabpanel]:focus-visible{outline-offset:.5rem;border-radius:.3rem}
.dashboard-preview-heading{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.5rem}
.dashboard-preview-heading h3{font-size:1.65rem;font-weight:550;line-height:1.3;letter-spacing:-.025em}
.dashboard-preview-heading p{font-size:.95rem;color:#9fB3d0;margin-top:.4rem;line-height:1.6}
.dashboard-preview-heading>:is(img,svg){width:3.5rem;height:3.5rem;flex:none}
.dashboard-preview-stats{display:grid;grid-template-columns:repeat(3,1fr);border-block:1px solid #2a3c57;padding:1rem 0;margin-bottom:1.5rem;gap:1rem}
.dashboard-preview-stats>div+div{border-left:1px solid #2a3c57;padding-left:1rem}
.dashboard-preview-stats strong{display:block;color:#d9eaff;font-size:1.75rem;font-weight:500;font-variant-numeric:tabular-nums;line-height:1.3}
.dashboard-preview-stats span{display:block;font-size:.8rem;color:#a7bad5;margin-top:.3rem}
.dashboard-preview-subheading{display:flex;justify-content:space-between;gap:1rem;font-size:.95rem;font-weight:550;margin-bottom:.8rem}
.dashboard-preview-subheading span{font-weight:450;color:#a8bad6;font-size:.8rem}
.dashboard-preview-video{display:flex;align-items:center;gap:.9rem;padding:.9rem 0;border-bottom:1px solid #253750;min-width:0}
.dashboard-preview-video img{width:6.5rem;height:auto;aspect-ratio:16/9;object-fit:contain;border-radius:.3rem;flex:none}
.dashboard-preview-video>div{min-width:0;flex:1}
.dashboard-preview-video strong{display:block;font-size:.9rem;font-weight:500;line-height:1.5}
.dashboard-preview-video span{display:block;font-size:.8rem;color:#9eb2d0;line-height:1.5;margin-top:.3rem;overflow-wrap:anywhere}
.dashboard-preview-video small{font-size:.75rem;color:#b8d2f8;padding:.2rem .4rem;border:1px solid #385479;border-radius:.3rem;flex:none}
.dashboard-preview-footer{display:flex;justify-content:space-between;align-items:center;gap:1rem;font-size:.8rem;color:#9db0cc;margin-top:1.4rem;line-height:1.7}
.dashboard-preview-footer a{color:#b2d0ff;display:flex;align-items:center;gap:.6rem;min-height:2.75rem}
.dashboard-preview-footer svg{width:1rem;height:1rem}
.dashboard-preview-schedule{display:flex;align-items:center;gap:1rem;padding:1.4rem 0;border-block:1px solid #2a3c57;margin-bottom:.8rem}
.dashboard-preview-date{display:grid;place-items:center;min-width:4.5rem;padding:.6rem;background:#1b3152;border:1px solid #36577f;border-radius:.5rem}
.dashboard-preview-date span{font-size:.7rem;color:#b1c8e9}
.dashboard-preview-date strong{font-size:1.6rem;font-weight:500}
.dashboard-preview-schedule>div:last-child>strong{display:block;font-size:1rem;font-weight:550}
.dashboard-preview-schedule p{font-size:.9rem;color:#abc0dd;line-height:1.6;margin-top:.4rem}
.dashboard-preview-activity{list-style:none;padding:0;margin:0}
.dashboard-preview-activity li{display:flex;gap:.9rem;padding:1.1rem 0;border-bottom:1px solid #253750}
.dashboard-preview-activity svg{color:#9ac2ff;width:1.3rem;height:1.3rem;flex:none;margin-top:.15rem}
.dashboard-preview-activity strong{display:block;font-size:.95rem;font-weight:500}
.dashboard-preview-activity p{font-size:.85rem;color:#9fb4d1;line-height:1.65;margin-top:.3rem}
.dashboard-preview-note{position:relative;text-align:right;font-size:.8rem;color:#94a7c4;margin-top:.9rem;line-height:1.6}
@media(max-width:1100px){.dashboard-showcase-layout{gap:2.5rem;grid-template-columns:minmax(18rem,.7fr) minmax(0,1.4fr)}.dashboard-preview-body{grid-template-columns:1fr}.dashboard-preview-nav{padding:.65rem;border-right:0;border-bottom:1px solid #263850}.dashboard-preview-nav>span,.dashboard-preview-identity{display:none}.dashboard-preview-tabs{grid-template-columns:repeat(4,minmax(0,1fr));gap:.3rem}.dashboard-preview-tabs button{justify-content:center;font-size:.85rem;padding:.6rem .3rem;gap:.4rem}.dashboard-preview-tabs svg{display:none}.dashboard-mascot{right:-1rem;width:26rem;height:26rem;top:-2rem}.dashboard-mascot-hint{max-width:10rem;top:5rem}.dashboard-preview-content{padding:1.5rem}.dashboard-preview-video small{display:none}}
@media(max-width:760px){.dashboard-showcase{padding-block:3rem}.dashboard-showcase-layout{grid-template-columns:1fr;gap:.5rem}.dashboard-showcase-copy{max-width:38rem;padding:0}.dashboard-showcase-copy h2{font-size:2.6rem}.dashboard-showcase-copy>p{font-size:1.05rem}.dashboard-showcase-benefits{gap:.8rem;margin-bottom:1rem}.dashboard-stage{padding-top:13rem}.dashboard-mascot{width:25rem;height:25rem;top:-1rem;right:0}.dashboard-mascot-hint{top:5rem;left:0;max-width:10rem}.dashboard-preview-tabs button{min-height:44px}.dashboard-preview-heading h3{font-size:1.5rem}.dashboard-preview-body{min-height:34rem}.dashboard-preview-footer a{min-height:44px}.dashboard-preview-note{text-align:left}}
@media(max-width:380px){.dashboard-preview-content{padding:1.1rem}.dashboard-preview-top{padding:1rem}.dashboard-preview-tabs button{font-size:.8rem}.dashboard-preview-heading>:is(img,svg){width:2.8rem;height:2.8rem}.dashboard-preview-video img{width:5rem}.dashboard-preview-stats{gap:.6rem}.dashboard-preview-stats>div+div{padding-left:.6rem}.dashboard-mascot{width:22rem;height:22rem;right:-.5rem;top:1rem}.dashboard-mascot-hint{max-width:8rem;font-size:.85rem;top:7rem}.dashboard-preview-footer{flex-wrap:wrap;gap:.2rem}}
@media(hover:none),(max-width:760px){.dashboard-mascot-hint{display:none}}
@media(prefers-reduced-motion:reduce){.dashboard-preview-tabs button{transition:none}.dashboard-mascot .mo-root,.dashboard-mascot .mo-root *{animation:none!important;transition:none!important}}

/* Blobatar 2.7.0 generated pose; external rules preserve the public CSP. */
.dashboard-mascot>svg,[data-preview-avatar]{--mo-track-travel:7px;--mo-phase:-2228ms;--mo-bob-phase:-2618ms;--mo-blink:6030ms;--mo-blink-phase:-423ms;--mo-look-x:-1.5;--mo-look-mx:1.5;--mo-look-y:1.14;--mo-look-my:1.14;--mo-saccade:7134ms;--mo-saccade-phase:-4351ms;--mo-head:#2563eb;--mo-eye:#ffffff}
.dashboard-mascot .mo-eye:nth-child(1),[data-preview-avatar] .mo-eye:nth-child(1){--mo-wrap:-1;--mo-lean:10.46;transform-origin:37.86px 45.44px}
.dashboard-mascot .mo-eye:nth-child(2),[data-preview-avatar] .mo-eye:nth-child(2){--mo-wrap:1;--mo-lean:12;transform-origin:61.53px 46.82px}

.dashboard-preview-body:has([data-dashboard-tabs][hidden]){grid-template-columns:1fr}
.dashboard-preview-nav:has([data-dashboard-tabs][hidden]){display:none}

/* Gaze moves the eyes only; account artwork stays fixed and decorative. */
[data-preview-avatar]{display:block;flex-shrink:0}
.dashboard-mascot :is(.mo-root,.mo-breathe,.mo-bob),[data-preview-avatar] :is(.mo-root,.mo-breathe,.mo-bob){animation:none!important;transform:none!important}