/* Toasts — Madrasa Islamic Institute PP */
.toast-container-custom {
    position: fixed;
    top: 1.25rem; right: 1.25rem;
    z-index: 9999;
    display: flex; flex-direction: column; gap: 0.6rem;
    pointer-events: none;
}
.toast-item {
    pointer-events: all;
    background: #fff;
    border-radius: 8px;
    padding: 0.8rem 1.1rem;
    min-width: 280px; max-width: 360px;
    box-shadow: 0 6px 24px rgba(0,0,0,0.12);
    border-left: 4px solid #6c757d;
    display: flex; align-items: flex-start; gap: 0.6rem;
    opacity: 0; transform: translateX(40px);
    transition: opacity 0.35s ease, transform 0.35s ease;
}
.toast-item.show { opacity: 1; transform: translateX(0); }
.toast-item.hide { opacity: 0; transform: translateX(40px); }
.toast-item.toast-success { border-left-color: #1a6b3c; }
.toast-item.toast-error   { border-left-color: #dc3545; }
.toast-item.toast-warning { border-left-color: #c8973a; }
.toast-item.toast-info    { border-left-color: #0dcaf0; }
.toast-icon { font-size: 1.15rem; margin-top: 1px; flex-shrink: 0; }
.toast-success .toast-icon { color: #1a6b3c; }
.toast-error   .toast-icon { color: #dc3545; }
.toast-warning .toast-icon { color: #c8973a; }
.toast-info    .toast-icon { color: #0dcaf0; }
.toast-body { flex: 1; }
.toast-title { font-size: 0.82rem; font-weight: 700; margin-bottom: 1px; color: #2c2c2c; }
.toast-message { font-size: 0.82rem; color: #4a4a4a; }
.toast-close {
    background: none; border: none; cursor: pointer;
    color: #9e9e9e; font-size: 1.1rem; padding: 0; margin-top: -2px;
    flex-shrink: 0; line-height: 1;
}
.toast-close:hover { color: #2c2c2c; }
@media (max-width: 576px) {
    .toast-container-custom {
        top: auto; bottom: 1rem; right: 0.75rem; left: 0.75rem;
    }
    .toast-item { min-width: unset; max-width: 100%; }
}