/* Flash-message toasts (layout chrome). Alle selectors vallen onder
   .cn-toast-container: niets mag lekken naar andere pagina's.
   Basistoast-styling (achtergrond, header) komt uit het v1-thema. */
.cn-toast-container {
    z-index: 1090;
}

.cn-toast-container .cn-toast-success {
    border-left: 4px solid var(--cn-success);
}

.cn-toast-container .cn-toast-error {
    border-left: 4px solid var(--cn-danger);
}

.cn-toast-container .cn-toast-warning {
    border-left: 4px solid var(--cn-warning);
}

.cn-toast-container .cn-toast-info {
    border-left: 4px solid var(--cn-info);
}

.cn-toast-container .cn-toast-success .ph-check-circle {
    color: var(--cn-success-bright);
}

.cn-toast-container .cn-toast-error .ph-warning-circle {
    color: var(--cn-danger-bright);
}

.cn-toast-container .cn-toast-warning .ph-warning {
    color: var(--cn-warning-bright);
}

.cn-toast-container .cn-toast-info .ph-info {
    color: var(--cn-info-bright);
}