/* ==========================================================================
   Incoming email rules (AI-1825): the rule editor card with its conditions as
   a quiet list, above the rules grid.
   ========================================================================== */

.ier-editor {
    margin-bottom: 16px;
}

.ier-conditions {
    margin: 0;
    padding: 0;
    border: 1px solid var(--ui-border);
    border-radius: var(--ui-radius);
    list-style: none;
}

.ier-condition {
    display: grid;
    grid-template-columns: minmax(0, 3fr) minmax(0, 3fr) minmax(0, 5fr) auto;
    align-items: end;
    gap: 12px;
    padding: 12px 8px 12px 16px;
}

.ier-condition + .ier-condition {
    border-top: 1px solid var(--ui-divider);
}

.ier-condition__remove {
    margin-bottom: 2px;
}

.ier-toolbar {
    display: flex;
    flex: 1 1 auto;
    align-items: center;
    gap: 12px;
    padding: 12px 16px;
}

.ier-toolbar__search {
    flex: 0 1 360px;
    margin-right: auto;
}

@media (max-width: 959px) {
    .ier-condition {
        grid-template-columns: minmax(0, 1fr);
        padding: 12px;
    }

    .ier-condition__remove {
        justify-self: end;
    }
}