/* Toast Messages */

.toast-container {
    z-index: 1060;
}

.toast {
    background-color: #ffffff;
    border-radius: var(--border-radius-md) !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
    overflow: hidden;
    margin-bottom: 1rem;
    min-width: 300px;
    border-width: 1px !important;

    .toast-header {
        padding: 12px 16px;
        background-color: transparent;
        display: flex;
        align-items: center;
        font-weight: 600;
        border-bottom-width: 1px !important;
        border-bottom-style: solid !important;

        .btn-close {
            margin-left: auto;
            opacity: 0.5;
            transition: opacity 0.2s;

            &:hover {
                opacity: 1;
            }
        }
    }

    .toast-body {
        padding: 16px;
        font-size: 14px;
        line-height: 1.5;
        min-height: 50px;
        display: flex;
        justify-content: flex-start;
        align-items: center;
    }

    /* Status Variants */

    &.success {
        background-color: #D6F0E0;
        border: 2px solid var(--bs-success-border) !important;
        color: #0D6832;

        .toast-header {
            border-bottom: 2px solid #C0E7D0 !important;
            font-weight: 700;
            color: #0D6832;
        }

        .text-success {
            color: #0D6832 !important;
        }
    }

    &.error,
    &.danger {
        background-color: #F9E1E5;
        border: 1px solid #DC4C64 !important;
        color: #5F2120;

        .toast-header {
            border-bottom: 2px solid #F4C8CF !important;
            color: #AF233A;
        }

        .text-danger {
            color: #AF233A !important;
        }
    }

    &.warning {
        background-color: #FBF0DA;
        border: 1px solid #E4A11B !important;
        color: #663C00;

        .toast-header {
            border-bottom: 2px solid #F9E4BE !important;
            color: #73510D;
        }

        .text-warning {
            color: #73510D !important;
        }
    }
}