/* Shared outline icons: local SVG symbols, no icon font or script required. */
.ui-icon {
    display: inline-block;
    width: 1.15em;
    height: 1.15em;
    flex: 0 0 auto;
    vertical-align: -.18em;
    margin-inline-end: .4em;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
    pointer-events: none;
}
.ni .ui-icon { margin: 0; vertical-align: middle; }
.inventory-nav .btn { display: flex; align-items: center; justify-content: center; gap: .4em; }
.inventory-nav .ui-icon { margin: 0; }
.qa-icon .ui-icon { width: 1.4em; height: 1.4em; margin: 0; }
button.ui-icon-only {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 44px;
    min-height: 44px;
    padding: .65rem;
    flex: 0 0 auto;
}
button.ui-icon-only .ui-icon { margin: 0; }
button.ui-icon-only:focus-visible {
    outline: 3px solid var(--brand-focus);
    outline-offset: 3px;
    box-shadow: 0 0 0 2px #fff;
}