.chr-root{--chr-surface:var(--theme-surface,#ffffff);--chr-raise:color-mix(in srgb,var(--theme-text,#0f172a) 4%,var(--theme-surface,#fff));--chr-border:color-mix(in srgb,var(--theme-text,#0f172a) 12%,transparent);--chr-text:var(--theme-text,#0f172a);--chr-muted:var(--theme-text-muted,#64748b);--chr-good:#10b981;--chr-warn:#f59e0b;--chr-risk:#ef4444;position:relative}[data-effective-mode=dark] .chr-root{--chr-surface:color-mix(in srgb,#0b1220 82%,#1e293b);--chr-raise:color-mix(in srgb,#ffffff 5%,transparent);--chr-border:color-mix(in srgb,#ffffff 12%,transparent)}.chr-root [data-tone=good]{--chr-c:var(--chr-good)}.chr-root [data-tone=warn]{--chr-c:var(--chr-warn)}.chr-root [data-tone=risk]{--chr-c:var(--chr-risk)}.chr-body-wrap{padding:1.2rem 1.5rem 1.5rem}.chr-subtitle{font-size:.88rem}.chr-metric{align-items:flex-end}.chr-metric-val{letter-spacing:-.03em}.chr-metric-val .csys-stat-unit{font-weight:700}.chr-metric-sub{font-size:.82rem;text-transform:none;letter-spacing:0;color:color-mix(in srgb,#fff 82%,transparent)}.chr-metric-sub b{font-weight:800;color:#fff}.chr-crumbs{display:flex;flex-wrap:wrap;align-items:center;gap:2px}.chr-crumb-wrap{display:inline-flex;align-items:center;gap:2px}.chr-crumb-sep{color:var(--chr-muted);opacity:.6}.chr-crumb{display:inline-flex;align-items:center;gap:5px;border:0;background:transparent;cursor:pointer;padding:3px 8px;border-radius:8px;font-size:.82rem;font-weight:600;color:var(--chr-muted);transition:color var(--mode-transition),background var(--mode-transition)}.chr-crumb:hover{color:var(--chr-text);background:var(--chr-raise)}.chr-crumb-cur{color:var(--chr-text);cursor:default;font-weight:700}.chr-exports{display:flex;gap:8px;justify-self:end}.chr-export{display:inline-flex;align-items:center;gap:6px;cursor:pointer;padding:6px 11px;border-radius:10px;font-size:.76rem;font-weight:700;color:var(--chr-text);background:var(--chr-raise);border:1px solid var(--chr-border);transition:transform var(--mode-transition),border-color var(--mode-transition)}.chr-export:hover{transform:translateY(-1px);border-color:color-mix(in srgb,#6366f1 45%,var(--chr-border))}.chr-caveat{display:flex;align-items:flex-start;gap:7px;margin:.9rem 0 0;padding:8px 12px;border-radius:12px;font-size:.78rem;line-height:1.4;color:var(--chr-muted);background:color-mix(in srgb,var(--chr-warn) 9%,transparent);border:1px solid color-mix(in srgb,var(--chr-warn) 22%,transparent)}.chr-caveat svg{flex:0 0 auto;margin-top:1px;color:var(--chr-warn)}.chr-desc{margin:.9rem 0 0;font-size:.86rem;line-height:1.5;color:var(--chr-muted);max-width:72ch}.chr-toolbar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;margin:.6rem 0 .2rem}.chr-toolbar-side{display:block}.chr-toolbar .stog{justify-self:center;--stog-thumb-color:#ffffff;--stog-thumb-rim:rgba(255,255,255,0.35);--stog-track-bg:color-mix(in srgb,var(--chr-tog,#2563eb) 14%,transparent);--stog-track-border:color-mix(in srgb,var(--chr-tog,#2563eb) 28%,transparent);--stog-thumb-bg:linear-gradient(135deg,var(--chr-tog,#2563eb),var(--chr-tog2,#0891b2))}.chr-root[data-variant=health]{--chr-tog:#3b82f6;--chr-tog2:#1d4ed8}.chr-root[data-variant=team]{--chr-tog:#a855f7;--chr-tog2:#7c3aed}[data-effective-mode=dark] .chr-toolbar .stog{--stog-track-bg:color-mix(in srgb,var(--chr-tog,#2563eb) 26%,transparent)}.chr-body{margin-top:1rem;display:flex;flex-direction:column;gap:7px}.chr-anim-in{animation:chr-fade-in .42s cubic-bezier(.22,1,.36,1) both}@keyframes chr-fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.chr-empty{font-size:.85rem;color:var(--chr-muted);padding:6px 2px}.chr-bar-group{display:flex;flex-direction:column;gap:7px}.chr-bar{position:relative;width:100%;display:flex;align-items:center;gap:12px;cursor:pointer;text-align:left;padding:11px 14px;border-radius:12px;overflow:hidden;background:linear-gradient(135deg,color-mix(in srgb,var(--chr-c,#6366f1) 54%,#131c2c),color-mix(in srgb,var(--chr-c,#6366f1) 42%,#131c2c));border:1px solid color-mix(in srgb,var(--chr-c,#6366f1) 62%,transparent);box-shadow:inset 0 1px 0 color-mix(in srgb,#fff 14%,transparent);transition:transform var(--mode-transition),border-color var(--mode-transition),box-shadow var(--mode-transition)}.chr-bar:hover{transform:translateX(2px);border-color:color-mix(in srgb,var(--chr-c) 80%,transparent);box-shadow:0 12px 24px -12px color-mix(in srgb,var(--chr-c) 60%,transparent),0 1px 0 color-mix(in srgb,#fff 18%,transparent) inset}.chr-bar[data-static=true]{cursor:default}.chr-bar[data-static=true]:hover{transform:none}.chr-bar-track{position:absolute;inset:0;z-index:0;background:transparent}.chr-bar-fill{position:absolute;left:0;top:0;bottom:0;border-radius:12px 0 0 12px;background:linear-gradient(90deg,color-mix(in srgb,var(--chr-c) 78%,#0b1220),color-mix(in srgb,var(--chr-c) 94%,#fff));box-shadow:0 0 16px -3px color-mix(in srgb,var(--chr-c) 70%,transparent);animation:chr-grow .6s cubic-bezier(.22,1,.36,1) both;transform-origin:left}@keyframes chr-grow{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.chr-bar-name{flex:1 1 auto;font-size:.88rem;font-weight:700;color:#fff;overflow:hidden;text-overflow:ellipsis}.chr-bar-detail,.chr-bar-name{position:relative;z-index:1;text-shadow:0 1px 2px rgba(0,0,0,.4);white-space:nowrap}.chr-bar-detail{font-size:.78rem;color:rgba(255,255,255,.82)}.chr-bar-val{font-family:var(--font-heading,"Montserrat"),sans-serif;font-size:.98rem;font-weight:800;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.45);min-width:42px;text-align:right}.chr-bar-go,.chr-bar-val{position:relative;z-index:1}.chr-bar-go{color:rgba(255,255,255,.85);flex:0 0 auto}.chr-bar[data-static=true] .chr-bar-go{display:none}.chr-body-dots{flex-direction:row;flex-wrap:wrap;gap:8px}.chr-dot{display:inline-flex;align-items:center;gap:8px;cursor:pointer;padding:7px 12px;border-radius:999px;font-size:.8rem;background:linear-gradient(135deg,color-mix(in srgb,var(--chr-c,#6366f1) 26%,transparent),color-mix(in srgb,var(--chr-c,#6366f1) 11%,transparent)),var(--chr-surface);border:1px solid color-mix(in srgb,var(--chr-c,#6366f1) 40%,transparent);transition:transform var(--mode-transition),border-color var(--mode-transition),box-shadow var(--mode-transition)}.chr-dot:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--chr-c) 52%,transparent);box-shadow:0 8px 18px -10px color-mix(in srgb,var(--chr-c) 45%,transparent)}.chr-dot[data-static=true]{cursor:default}.chr-dot-mark{width:10px;height:10px;border-radius:50%;background:var(--chr-c);box-shadow:0 0 8px color-mix(in srgb,var(--chr-c) 70%,transparent)}.chr-dot-name{font-weight:600;color:var(--chr-text);max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chr-dot-val{font-family:var(--font-heading,"Montserrat"),sans-serif;font-weight:800;color:var(--chr-c,var(--chr-text))}@media (max-width:720px){.csys-headcard-right .chr-metric.csys-stat{display:flex}}@media (max-width:560px){.chr-metric{align-items:flex-start;text-align:left}}