/* Compact Toast Styles */
.toast-container {
    position: fixed;
    top: 60px;
    right: 20px;
    z-index: 9999;
}

/* Base override for toast when used as alert */
.toast.alert {
    min-width: 280px;
    max-width: 350px;
    padding: 0.75rem !important;
    margin-bottom: 0.5rem;
    box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.1) !important;
    opacity: 1;
    border: 1px solid transparent !important; /* Override inline border: none !important */
}

.toast.alert .toast-header {
    background: transparent;
    border-bottom: none;
    padding: 0;
    margin-bottom: 0.25rem;
    color: inherit;
}

.toast.alert .toast-body {
    padding: 0;
    font-size: 0.9rem;
}

.toast.alert .close {
    float: right;
    font-size: 1.2rem;
    font-weight: 700;
    line-height: 1;
    color: inherit;
    text-shadow: 0 1px 0 #fff;
    opacity: .5;
    padding: 0;
    margin: -0.2rem -0.2rem 0 0;
}

.toast.alert .close:hover {
    color: inherit;
    text-decoration: none;
    opacity: .75;
}

/* Specific Alert Types */
.toast.alert.alert-danger {
    background-color: #f8d7da !important;
    border-color: #f5c6cb !important;
    color: #721c24 !important;
}

.toast.alert.alert-success {
    background-color: #d4edda !important;
    border-color: #c3e6cb !important;
    color: #155724 !important;
}

.toast.alert.alert-warning {
    background-color: #fff3cd !important;
    border-color: #ffeeba !important;
    color: #856404 !important;
}

/* Animations - Override inline styles with higher specificity */
.toast.alert.showing {
    opacity: 0;
    transform: translateY(-20px) !important;
    transition: all 0.3s ease !important;
}

.toast.alert.show {
    opacity: 1;
    transform: translateY(0) !important;
}

.toast.alert.hiding {
    opacity: 0;
    transform: translateX(100%) !important;
    transition: all 0.3s ease !important;
}