.app-ui-icon{width:18px;height:18px;flex:0 0 18px;vertical-align:middle;pointer-events:none}
/* Suppress legacy glyphs from the first paint while preserving icon slots. */
.record-metric-icon,.history-metric-icon{font-size:0!important}
.js-assigned-icons .nav-item:not([data-assigned-icon])>svg{visibility:hidden}
[data-ui-state-icon]::before{content:'';display:inline-block;width:15px;height:15px;margin-right:6px;vertical-align:-2px;background:currentColor;mask-image:var(--state-icon,var(--app-icon-info));mask-size:contain;mask-repeat:no-repeat;mask-position:center;pointer-events:none}
[data-ui-state-icon=check]{--state-icon:var(--app-icon-check)}[data-ui-state-icon=error]{--state-icon:var(--app-icon-error)}[data-ui-state-icon=warning]{--state-icon:var(--app-icon-warning)}[data-ui-state-icon=water]{--state-icon:var(--app-icon-water)}[data-ui-state-icon=camera]{--state-icon:var(--app-icon-camera)}[data-ui-state-icon=cloud]{--state-icon:var(--app-icon-cloud)}[data-ui-state-icon=shield]{--state-icon:var(--app-icon-shield)}[data-ui-state-icon=user]{--state-icon:var(--app-icon-user)}[data-ui-state-icon=chip]{--state-icon:var(--app-icon-chip)}[data-ui-state-icon=mute]{--state-icon:var(--app-icon-mute)}[data-ui-state-icon=refresh]{--state-icon:var(--app-icon-refresh)}
[data-ui-state-icon]>.badge-dot{display:none}
.app-icon-action{display:inline-flex;align-items:center;justify-content:center;gap:8px}
.record-metric-icon .app-ui-icon,.history-metric-icon .app-ui-icon{width:25px;height:25px;flex-basis:25px}
.reference-summary .ui-status-card::before{display:none}
.reference-summary .summary-assigned-icon{position:absolute;left:20px;top:84px;width:52px;height:52px;border:4px solid var(--card-tone);color:var(--card-tone);border-radius:50%;display:grid;place-items:center;pointer-events:none}
.reference-summary .summary-assigned-icon .app-ui-icon{width:26px;height:26px}
:is(button,a.btn,summary):focus-visible{outline:3px solid var(--clr-primary);outline-offset:3px}
:is(button.btn,a.btn):hover:not(:disabled):not([aria-disabled=true]){filter:brightness(1.06)}
:is(button,a.btn)[aria-disabled=true],button:disabled{cursor:not-allowed;opacity:.5}
button[aria-busy=true]{cursor:progress}
button[aria-busy=true] .app-ui-icon,#mindanao-fetch:disabled .app-ui-icon,#pagasa-sync-button:disabled .app-ui-icon{animation:ui-icon-busy .9s linear infinite}
@keyframes ui-icon-busy{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){button[aria-busy=true] .app-ui-icon,#mindanao-fetch:disabled .app-ui-icon,#pagasa-sync-button:disabled .app-ui-icon{animation:none}}