/* Lucide: ocupa o espaço tipográfico do ícone anterior e herda sua cor. */
.ui-icon {
    display: inline-block;
    width: 1em;
    height: 1em;
    flex-shrink: 0;
    vertical-align: -0.125em;
    color: inherit;
    pointer-events: none;
}

/* Mantém o select nativo; apenas reserva o espaço antes ocupado pelo emoji. */
.ui-status-select {
    display: inline-block;
    position: relative;
}

.ui-status-select > .ui-icon {
    position: absolute;
    left: 14px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 14px;
}

.ui-status-select > .filter-select {
    padding-left: calc(14px + 1.25em);
}

/* Nos botões flex do catálogo, o espaço textual após o SVG é colapsado. */
@media (max-width: 992px) {
    .admin-products-page .products-panel-actions > .btn > .ui-icon {
        margin-inline-end: 0.25em;
    }
}