/*
 * Outcome message of a back office action.
 *
 * Not in the maquette: it draws the screens, not what they answer. A create, an update and a delete
 * all end on a redirect, so without a message the screen would come back looking untouched and the
 * administrator would have no way to tell a save from a silently dropped form.
 *
 * To be confirmed with the design: wording, placement and whether a dismiss control is wanted.
 */

.mo-admin-flash {
    display: flex;
    align-items: flex-start;
    gap: var(--mo-spacing-xs);
    padding: var(--mo-spacing-xs) var(--mo-spacing-sm);
    border: 1px solid var(--mo-border-default-medium);
    border-radius: var(--mo-radius-sm);
    color: var(--mo-text-body);
    font-size: var(--mo-font-size-body-md);
    line-height: var(--mo-line-height-body-md);
}

.mo-admin-flash--success {
    border-color: var(--mo-border-success);
    background-color: var(--mo-success-50);
}

.mo-admin-flash--error {
    border-color: var(--mo-border-error);
    background-color: var(--mo-error-50);
}

.mo-admin-flash__icon {
    width: var(--mo-scale-250);
    height: var(--mo-scale-250);
    flex: none;
}

.mo-admin-flash--success .mo-admin-flash__icon {
    color: var(--mo-border-success);
}

.mo-admin-flash--error .mo-admin-flash__icon {
    color: var(--mo-border-error);
}

.mo-admin-flash__text {
    margin: 0;
}