/**
 * Shared lime level / status chip (C4 predeterminada, C5 nivel, …).
 */

.dc-chip,
.dc-my-account-addresses__chip,
.dc-my-account-company__level-chip,
.dc-my-account-dashboard__level-chip {
    background: var(--dc-lima-300);
    color: var(--dc-musgo, var(--ab2b-accent));
    border-radius: var(--dc-radius-pill);
    font-weight: var(--dc-weight-semibold);
    flex: 0 0 auto;
}

.dc-chip--sm,
.dc-my-account-addresses__chip,
.dc-my-account-dashboard__level-chip {
    padding: 0.2rem 0.625rem;
    font-size: var(--dc-size-caption);
}

.dc-chip--md,
.dc-my-account-company__level-chip {
    padding: var(--dc-space-1) var(--dc-space-3);
    font-size: var(--dc-size-small);
}

/* Filter pill (REU-02): outlined pino pill, lima when active. */
.dc-chip--filter {
    display: inline-flex;
    align-items: center;
    padding: var(--dc-space-2) var(--dc-space-4);
    border: 1.5px solid var(--dc-pino);
    border-radius: var(--dc-radius-pill);
    background: transparent;
    color: var(--dc-pino);
    font-size: var(--dc-size-small);
    font-weight: var(--dc-weight-semibold);
    text-decoration: none;
    white-space: nowrap;
    cursor: pointer;
}

/* A static (current) chip rendered as <span> is not clickable. */
span.dc-chip--filter {
    cursor: default;
}

.dc-chip--filter.is-active {
    background: var(--dc-lima-300);
}

/* Tighter padding for filter pills inside toolbars. */
.dc-chip--compact {
    padding: 0.375rem 0.875rem;
}

/* Link chips (not buttons) darken to musgo on hover unless active. */
.dc-chip--link:not(.is-active):hover {
    border-color: var(--dc-musgo);
    color: var(--dc-musgo);
}

/* Neutral filter pill: ceniza outline on white; pages keep padding and active state. */
.dc-chip--outline-ceniza {
    border: var(--dc-border-width) solid var(--dc-ceniza);
    border-radius: var(--dc-radius-pill);
    background: var(--dc-blanco);
    color: var(--dc-tinta);
    font-size: var(--dc-size-small);
    font-weight: var(--dc-weight-medium);
    white-space: nowrap;
    cursor: pointer;
}

/* Status badge (CSS-29): soft pill label; the order-status tone classes answer to the same tones. */
.dc-badge {
    display: inline-flex;
    align-items: center;
    padding: var(--dc-space-1) 0.625rem;
    border-radius: var(--dc-radius-pill);
    font-size: 0.75rem;
    font-weight: var(--dc-weight-semibold);
}

.dc-badge--lima {
    background: var(--dc-lima-300);
    color: var(--dc-musgo);
}

.dc-badge--aviso {
    background: var(--dc-aviso-soft);
    color: var(--dc-aviso-text);
}

.dc-badge--info {
    background: var(--dc-info-soft);
    color: var(--dc-info-text);
}

/* C2 Mis pedidos.dc.html STATE: entregado / cancelado use hueso background and gris text. */
.dc-badge--neutral {
    background: var(--dc-hueso);
    color: var(--dc-gris);
}