/* ===== BASE (commun) ===== */
.bp-wrapper {
    padding: 10px 0;
}

.bp-row {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 10px;
    flex-wrap: wrap;
}

.bp-separator {
    padding: 0 5px;
}

/* ===== LAYOUT CONDITION (par défaut, compact) ===== */
.bp-condition-layout .bp-label {
    min-width: 140px;
    white-space: nowrap;
}

.bp-condition-layout .bp-operator {
    min-width: 140px;
    margin: 0 !important;
}

.bp-condition-layout .bp-operator-small {
    min-width: 80px;
    margin: 0 !important;
}

.bp-condition-layout .bp-value {
    width: 80px;
    margin: 0 !important;
}

.bp-condition-layout .bp-logical {
    padding-left: 140px;
}

/* ===== LAYOUT ALERT (plus espacé, avec offset) ===== */
.bp-alert-layout .bp-row {
    padding-left: 33.33%;  /* équivalent col-xs-offset-4 */
}

.bp-alert-layout .bp-label {
    min-width: 160px;
}

.bp-alert-layout .bp-operator {
    min-width: 160px;
    margin: 0 !important;
}

.bp-alert-layout .bp-operator-small {
    min-width: 100px;
    margin: 0 !important;
}

.bp-alert-layout .bp-value {
    width: 100px;
    margin: 0 !important;
}

.bp-alert-layout .bp-logical {
    padding-left: 0;
}