:root{--fi-green-solid:#22c55e;--fi-green-light:#4ade80;--green:#22c55e}
.fi-current-status.green,.fi-day.green,.alert-dot.green,.current-dot.green{background:var(--fi-green-solid);color:#102418}
.fi-bar.green,.score-seg.green,.score-green{background:var(--fi-green-solid)}
.inst-field-green,.level-light-green,.level-solid-green{background:var(--fi-green-solid)!important;color:#102418!important}
.fi-bars{width:112px;gap:4px}.fi-marker.medal .fi-bars{width:136px}.fi-bar{position:relative;min-height:0;overflow:visible}
.fi-bar-cut:after{content:"";position:absolute;left:-1px;right:-1px;top:-4px;height:9px;background:linear-gradient(135deg,transparent 33%,#0f172a 34%,#0f172a 49%,transparent 50%) 0 0/10px 9px,linear-gradient(45deg,transparent 33%,#0f172a 34%,#0f172a 49%,transparent 50%) 5px 0/10px 9px;pointer-events:none}
.fi-bar-cut[style*="height:0px"]:after{border-bottom:2px solid var(--fi-green-solid)}
.fi-weather-tip{position:fixed;z-index:12000;max-width:min(390px,calc(100vw - 16px));max-height:min(65vh,560px);overflow:auto;white-space:pre-line;background:#172033;color:#eef2f7;border:1px solid #64748b;border-radius:9px;padding:10px 12px;box-shadow:0 7px 22px #0009;font:12px/1.45 system-ui}
.fi-day:focus{outline:2px solid #93c5fd;outline-offset:2px}
.filter label{font-weight:400}.filter select{font-weight:400;max-width:210px}.fi-day-hours{font-weight:400}
.cell-green,.cell-solid-green{background:#16472d;color:#dcfce7}.level-green{background:#22c55e;color:#102418}.legend-bars .g{height:8px;background:#22c55e}
@media(max-width:760px){.fi-bars{width:96px;gap:3px}.fi-marker.medal .fi-bars{width:116px}.fi-weather-tip{font-size:11px}.filters .filter select{max-width:42vw}}