/* Local decoration only: bounded particles, no timers or changes to metrics. */
html .kpi-card.util { --util-star-color:#a76d0b; isolation:isolate; }
html[data-theme="dark"] .kpi-card.util { --util-star-color:#ffdc88; }
html .kpi-card.util .util-star-layer { position:absolute; top:0; right:0; bottom:0; left:0; overflow:hidden; border-radius:inherit; pointer-events:none; z-index:0; }
html .kpi-card.util .util-star { position:absolute; top:-14px; left:var(--star-x); width:12px; height:calc(100% + 28px); min-height:0; font-family:"Segoe UI Symbol",sans-serif; font-size:var(--star-size); font-weight:400; line-height:1; color:var(--util-star-color); opacity:0; pointer-events:none; animation:util-star-fall var(--star-duration) linear infinite; animation-delay:var(--star-delay); }
@keyframes util-star-fall { 0%{opacity:0;transform:translate(0,0)} 12%,75%{opacity:var(--star-alpha)} 100%{opacity:0;transform:translate(var(--star-drift),100%)} }
html .kpi-card.util > .kpi-label,html .kpi-card.util > .utilization-kpi-content,html .kpi-card.util > small { position:relative; z-index:1; }
html .kpi-card.util .utilization-kpi-content strong { position:relative; background:var(--surface); border-radius:4px; width:max-content; }
html .kpi-card.util[data-star-active="true"] { border-color:var(--util-star-color); }
html .kpi-card.util[data-star-active="true"]::before { background:var(--util-star-color); }
html .kpi-card.util .util-target-note { font-size:inherit; font-weight:inherit; color:inherit; display:block; }
html .kpi-card.util[data-star-active="true"] .util-target-note { color:var(--util-star-color); }
html .kpi-card.util .util-effect-pause { position:absolute; right:5px; bottom:4px; z-index:2; padding:3px 6px; min-height:20px; font-size:10px; background:var(--surface); color:var(--muted); border:1px solid var(--line); border-radius:5px; cursor:pointer; }
html .utilization-effect-actions { display:flex; flex-wrap:wrap; gap:8px; }
html[data-util-stars-paused="true"] .util-star-layer { display:none; }
html[data-util-stars-hidden="true"] .util-star { animation-play-state:paused; }
html .offline .util-star-layer { display:none; }
html .offline .kpi-card.util[data-star-active="true"] { border-color:var(--line); }
html .offline .kpi-card.util[data-star-active="true"]::before { background:var(--cyan); }
@media(prefers-reduced-motion:reduce) { html .kpi-card.util .util-star-layer,html .kpi-card.util .util-effect-pause { display:none; } html .kpi-card.util .util-star { animation:none!important; } }
@media(pointer:coarse) { html .kpi-card.util .util-effect-pause { min-width:44px; min-height:28px; } }