/* Original 24 × 24 SVG files. The slot scales uniformly and uses neutral foregrounds. */
.ui-icon { --icon-size: 20px; --icon-scale: .8333333333; position: relative; display: inline-block; vertical-align: middle; flex: none; width: var(--icon-size); height: var(--icon-size); margin: 0; padding: 0; line-height: 0; pointer-events: none; }
.ui-icon > img { position: absolute; left: 50%; top: 50%; display: block; width: 24px; height: 24px; min-width: 24px; max-width: none; object-fit: contain; transform: translate(-50%, -50%) scale(var(--icon-scale)); filter: var(--icon-filter, none); }
.brief-page { --icon-filter: brightness(0); }
.brief-back { display: inline-flex; align-items: center; gap: 9px; }
.brief-loop > .ui-icon { opacity: .45; }