/* ScopedNotification – inline scoped notification (warning). Aligned to SLDS 2 design spec. */

.SingleSectionDialogPage--withNotification {
    flex-direction: column;
}

.FWScopedNotification {
    display: flex;
    align-items: center;
    gap: var(--slds-g-spacing-3);
    padding: var(--slds-g-spacing-3);
    border-radius: var(--slds-g-radius-border-2);
    margin: var(--slds-g-spacing-4) var(--slds-g-spacing-4) 0;

    .FWScopedNotification__icon {
        flex-shrink: 0;
        width: var(--slds-g-sizing-5);
        height: var(--slds-g-sizing-5);

        .SvgIconMask {
            width: var(--slds-g-sizing-5);
            height: var(--slds-g-sizing-5);
        }
    }

    .FWScopedNotification__content {
        flex: 1;
    }

    .FWScopedNotification__message {
        font-family: var(--slds-g-font-family-base);
        font-size: var(--slds-g-font-size-base);
        font-weight: var(--slds-g-font-weight-6);
        line-height: 18px;
    }
}

.FWScopedNotification--warning {
    background-color: var(--slds-g-color-warning-container-1);
    color: var(--slds-g-color-on-warning-1);

    .FWScopedNotification__icon .SvgIconMask {
        background-color: var(--slds-g-color-on-warning-1);
    }
}