/* Estils de notificacions toast reutilitzables de l'aplicació. */
.app-notifications {
    z-index: 1080;
}

.app-notification {
    border: 1px solid var(--ins-border-color);
    box-shadow: var(--ins-box-shadow-lg);
}

.app-notification .toast-header {
    color: var(--ins-heading-color);
    background-color: var(--ins-secondary-bg);
    border-bottom-color: var(--ins-border-color);
}

.app-notification-success .toast-header {
    color: var(--app-color-blue-dark);
    background-color: var(--app-color-blue-light);
    border-bottom-color: var(--app-color-blue-medium);
}

.app-notification-warning .toast-header {
    color: var(--ins-warning-text-emphasis);
    background-color: var(--ins-warning-bg-subtle);
    border-bottom-color: var(--ins-warning-border-subtle);
}

.app-notification-error .toast-header {
    color: var(--ins-danger-text-emphasis);
    background-color: var(--ins-danger-bg-subtle);
    border-bottom-color: var(--ins-danger-border-subtle);
}

.app-notification-logo {
    width: 1.5rem;
    height: 1.5rem;
    padding: 0;
    background-color: var(--app-color-blue-dark);
    border: 1px solid var(--app-color-blue-dark);
    border-radius: 0.375rem;
    object-fit: contain;
}