/* CSS das paginas e componentes de Features/<contexto> (antes em <style> inline nos .razor).
   Carregado depois de todos os outros CSS: a ordem e a precedencia que o <style> inline tinha. */

/* ===== Features/ListaCompras/Pages/ListaComprasListaPage.razor ===== */
.lc-estado-badge {
    display: inline-flex; align-items: center; gap: 4px;
    padding: 1px 8px; border-radius: 999px;
    font-size: .72rem; font-weight: 600; margin-left: 8px;
    vertical-align: middle;
}

.lc-estado-badge--aberta { background: #fff3cd; color: #8a6d00; }

.lc-estado-badge--fechada { background: #d1e7dd; color: #0a5c36; }