/**
 * Banner globale "Blocchi ricezione attivi".
 *
 * Caricato globalmente (header.php $globalCss) perche' il banner e' mostrato in
 * cima a OGNI pagina del backoffice quando esiste almeno un blocco attivo.
 * Popolato da assets/js/4-components/order-blocks/active-banner.js dentro
 * #active-blocks-banner-wrap.
 *
 * NB: contiene SOLO gli stili del banner (niente .icon-circle/.modal ecc. di
 * order-blocks.css, che resterebbero non scope-ati a livello globale).
 */
.active-blocks-banner {
    background: linear-gradient(135deg, #fff5f5 0%, #ffe9eb 100%);
    border: 1px solid #f5c2c7;
    border-left: 4px solid #dc3545;
    border-radius: 8px;
    padding: 0.85rem 1.1rem;
    margin-bottom: 0.85rem;
    box-shadow: 0 1px 3px rgba(220, 53, 69, 0.08);
}
.active-blocks-banner h6 {
    color: #842029;
    font-size: 0.85rem;
    font-weight: 600;
    margin: 0 0 0.6rem 0;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}
.active-blocks-banner .block-item {
    background: #fff;
    border: 1px solid #f5c2c7;
    border-radius: 6px;
    padding: 0.6rem 0.85rem;
    display: flex;
    align-items: center;
    gap: 0.85rem;
    margin-bottom: 0.4rem;
}
.active-blocks-banner .block-item:last-child {
    margin-bottom: 0;
}
.active-blocks-banner .block-item .scope-icon {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: #fff5f5;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #dc3545;
    flex-shrink: 0;
}