/* Compact analytical accents: share the value row without enlarging cards. */
.metric:has(>.pgl-micro):not(.career-hero-metric){display:grid;grid-template-columns:minmax(0,1fr) minmax(64px,.9fr);column-gap:10px;align-content:center;align-items:center}
.metric:has(>.pgl-micro):not(.career-hero-metric)>.label{grid-column:1/-1}
.metric:has(>.pgl-micro):not(.career-hero-metric)>.value{grid-column:1;grid-row:2;min-width:0;position:relative;z-index:1}
.pgl-micro{display:block;grid-column:2;grid-row:2;width:100%;height:36px;margin:0;color:var(--accent-primary,#20d8c1);overflow:visible;pointer-events:none;align-self:center}
.pgl-micro polyline{fill:none;stroke:currentColor;stroke-width:1;vector-effect:non-scaling-stroke;stroke-linejoin:round;stroke-linecap:round}
.pgl-micro circle{fill:currentColor}.pgl-micro .micro-end-halo{opacity:.13}.pgl-micro rect{opacity:.85}.pgl-micro .micro-area{opacity:.12}.pgl-micro .micro-zero{stroke:currentColor;stroke-width:.35;opacity:.08}
.pgl-micro.pgl-micro-negative{color:var(--pnl-negative,#ff6f7d)}
.career-hero-metric>.pgl-micro{position:absolute;right:20px;bottom:22px;width:46%;height:36px;order:3;margin:0}.career-hero-metric:has(>.pgl-micro)>.value{max-width:57%}
.poker-income-metric:has(>.pgl-micro)>.metric-caption{grid-column:1/-1}
.pgl-micro-enter{animation:pgl-micro-reveal .45s ease-out both}.pgl-micro-enter polyline{stroke-dasharray:1;animation:pgl-micro-line .45s ease-out both}
@keyframes pgl-micro-reveal{from{opacity:0}to{opacity:1}}@keyframes pgl-micro-line{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}
html[data-pgl-ambient-paused="true"] .pgl-micro,html[data-pgl-ambient-paused="true"] .pgl-micro polyline{animation-play-state:paused}
@media(max-width:640px){.metric:has(>.pgl-micro):not(.career-hero-metric){column-gap:6px;grid-template-columns:minmax(0,1fr) minmax(52px,.8fr)}.career-hero-metric>.pgl-micro{right:16px;bottom:18px;width:43%}}
@media(prefers-reduced-motion:reduce){.pgl-micro-enter,.pgl-micro-enter polyline{animation:none!important}}

/* Founder reference: change only the Career Net P&L hero. */
body.authenticated .shell .career-hero-metric:has(>.pgl-micro){border-color:rgba(0,229,195,.65);box-shadow:0 0 14px rgba(0,229,195,.08),inset 0 1px rgba(96,255,233,.08)}
.career-hero-metric.good:has(>.pgl-micro)>.value{color:var(--accent-primary,#00e5c3)}
.career-hero-metric>.pgl-micro{right:18px;bottom:18px;width:57%;height:72px;z-index:0;mask-image:linear-gradient(90deg,transparent,rgba(0,0,0,.35) 16%,#000 65%)}
.career-hero-metric:has(>.pgl-micro)>.value,.career-hero-metric:has(>.pgl-micro)>.label{position:relative;z-index:1}
.career-hero-metric>.pgl-micro rect{stroke:currentColor;stroke-width:.15;opacity:.95}
.career-hero-metric>.pgl-micro .micro-zero{opacity:0}
@media(max-width:640px){.career-hero-metric>.pgl-micro{right:14px;bottom:13px;width:54%;height:53px}}