/* Labels Bootstrap communs au site public, au forum et a l'espace connecte. */
:root {
    --btp-label-neutral-bg: #ffffff;
    --btp-label-neutral-border: #dce6ef;
    --btp-label-neutral-text: #233a52;
    --btp-label-info-bg: #e4f5fb;
    --btp-label-info-text: #075985;
    --btp-label-success-bg: #ecfdf5;
    --btp-label-success-border: #a7f3d0;
    --btp-label-success-text: #166534;
    --btp-label-warning-bg: #fffbeb;
    --btp-label-warning-border: #fde68a;
    --btp-label-warning-text: #92400e;
    --btp-label-danger-bg: #fff1f2;
    --btp-label-danger-border: #fecdd3;
    --btp-label-danger-text: #9f1239;

    /* Les feuilles dark activent ces valeurs sans dupliquer la palette. */
    --btp-label-dark-neutral-bg: #262e3a;
    --btp-label-dark-neutral-border: #3b495c;
    --btp-label-dark-neutral-text: #e2edf7;
    --btp-label-dark-info-bg: #263e50;
    --btp-label-dark-info-text: #68cfe8;
    --btp-label-dark-success-bg: rgba(52, 211, 153, 0.12);
    --btp-label-dark-success-border: rgba(52, 211, 153, 0.35);
    --btp-label-dark-success-text: #86efac;
    --btp-label-dark-warning-bg: rgba(251, 191, 36, 0.12);
    --btp-label-dark-warning-border: rgba(251, 191, 36, 0.35);
    --btp-label-dark-warning-text: #fcd34d;
    --btp-label-dark-danger-bg: rgba(248, 113, 113, 0.12);
    --btp-label-dark-danger-border: rgba(248, 113, 113, 0.35);
    --btp-label-dark-danger-text: #fda4af;
}

:where(.label, .badge) {
    --btp-label-bg: var(--btp-label-neutral-bg);
    --btp-label-border: var(--btp-label-neutral-border);
    --btp-label-text: var(--btp-label-neutral-text);
}

:is(.label-success, .badge-success) {
    --btp-label-bg: var(--btp-label-success-bg);
    --btp-label-border: var(--btp-label-success-border);
    --btp-label-text: var(--btp-label-success-text);
}

:is(.label-warning, .badge-warning) {
    --btp-label-bg: var(--btp-label-warning-bg);
    --btp-label-border: var(--btp-label-warning-border);
    --btp-label-text: var(--btp-label-warning-text);
}

:is(.label-danger, .badge-danger) {
    --btp-label-bg: var(--btp-label-danger-bg);
    --btp-label-border: var(--btp-label-danger-border);
    --btp-label-text: var(--btp-label-danger-text);
}

:is(.label-info, .label-primary, .badge-info, .badge-primary) {
    --btp-label-bg: var(--btp-label-info-bg);
    --btp-label-text: var(--btp-label-info-text);
}

/* Les pastilles de notification et les statuts compacts gardent leur format. */
/* La typographie et les espacements explicites d'une page restent prioritaires. */
html :is(.label, .badge):not(.compact-status, .panel-coadmin-indicator, .label-indicator, .display-none, .hidden, .hide, [hidden]):not(:empty) {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    max-width: 100%;
    padding: 3px 8px;
    border: 1px solid var(--btp-label-border) !important;
    border-radius: 8px !important;
    background: var(--btp-label-bg) !important;
    color: var(--btp-label-text) !important;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.35;
    white-space: normal;
    overflow-wrap: anywhere;
    vertical-align: middle;
    text-shadow: none !important;
    box-shadow: none !important;
}

html :is(.label, .badge):not(.compact-status, .panel-coadmin-indicator, .label-indicator) > i {
    flex-shrink: 0;
}