/* Bottom action bars: destructive/red on the left, everything else on the right. */

.admin-interface:not(.login) .submit-row.panel-submit-row--split,
.admin-interface:not(.login) .panel-form-actions {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start;
    gap: 12px;
    width: 100%;
    box-sizing: border-box;
    overflow: visible !important;
}

@media (min-width: 768px) {
    .admin-interface:not(.login) .submit-row.panel-submit-row--split {
        flex-direction: row !important;
    }
}

.admin-interface:not(.login) .panel-submit-left,
.admin-interface:not(.login) .panel-submit-right {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
    min-width: 0;
}

.admin-interface:not(.login) .panel-submit-left > input,
.admin-interface:not(.login) .panel-submit-left > button,
.admin-interface:not(.login) .panel-submit-left > a,
.admin-interface:not(.login) .panel-submit-right > input,
.admin-interface:not(.login) .panel-submit-right > button,
.admin-interface:not(.login) .panel-submit-right > a {
    flex: 0 0 auto;
}

.admin-interface:not(.login) .panel-submit-right {
    margin-left: auto;
    justify-content: flex-end;
}

@media (min-width: 768px) {
    .admin-interface:not(.login) .submit-row.panel-submit-row--split,
    .admin-interface:not(.login) .submit-row.panel-submit-row--split input,
    .admin-interface:not(.login) .submit-row.panel-submit-row--split a,
    .admin-interface:not(.login) .submit-row.panel-submit-row--split button {
        order: unset !important;
        float: none !important;
    }

    .admin-interface:not(.login) .submit-row.panel-submit-row--split a.deletelink,
    .admin-interface:not(.login) .submit-row.panel-submit-row--split .panel-btn-danger,
    .admin-interface:not(.login) .submit-row.panel-submit-row--split input.panel-btn-danger,
    .admin-interface:not(.login) .submit-row.panel-submit-row--split input[name="_drop_cache"] {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
}
