/*
 * BEGIN 
 *
 * @BEGIN Header Block
 * @FILENAME: public/css/components/toasts.css
 * @TITLE: SYNATHRA
 * @DESCRIPTION: Stacking toast notification component with auto-dismiss progress bar
 * @AUTHOR: Ary van der Pijl
 * @COMPANY: ATH SOLUTIONS (PTY) LTD
 * @WEBSITE: https://www.ath.solutions/
 * @EMAIL: info@ath.solutions
 * @COPYRIGHT: All Rights Reserved
 * @LICENSE: ATH SOLUTIONS - PROPRIETARY SOFTWARE LICENCE AGREEMENT (https://www.ath.solutions/documents/ath_solutions_software_licence_agreement.pdf)
 *
 * BEGIN CHANGELOG
 * @IMPORTANT NOTICE: Developers working on these files MUST update and maintain the Developers Change Log, failure to do is not an option:
 * !==================================================================================================================================================================
 * VERSION 1.0.0.1
 * + File Created, Ary van der Pijl, 2026/05/01
 * + File Modified, Ary van der Pijl, 2026/05/01, [TICKET #], Enhancing
 * ==================================================================================================================================================================!
 * END CHANGELOG
 */

#toast-container { position: fixed; top: 20px; right: 20px; z-index: 3000; width: 300px; pointer-events: none; }
.toast-msg {
    pointer-events: auto;
    margin-bottom: 10px; padding: 12px 16px;
    background: var(--surface-bg);
    border-left: 4px solid var(--color-info);
    box-shadow: var(--shadow-lg);
    border-radius: var(--radius-md);
    display: flex; align-items: center; justify-content: space-between;
    animation: slideInRight 0.3s ease-out;
}
.toast-msg.success { border-left-color: var(--color-success); }
.toast-msg.warning { border-left-color: var(--color-warning); }
.toast-msg.error { border-left-color: var(--color-danger); }
@keyframes slideInRight { from { transform: translateX(100%); opacity: 0; } to { transform: translateX(0); opacity: 1; } }