/* toast.css - v1.0 */

#message-container { position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 9999; display: flex; flex-direction: column; gap: 10px; width: 90%; max-width: 400px; pointer-events: none; }
.toast { background: #fff; border-radius: 8px; padding: 16px 20px; box-shadow: 0 4px 12px rgba(0,0,0,0.15); display: flex; align-items: center; gap: 12px; width: 100%; transform: translateY(-150px); opacity: 0; transition: all 0.3s ease; pointer-events: all; }
.toast.show { transform: translateY(0); opacity: 1; }
.toast-success { border-left: 4px solid #1e7e34; }
.toast-warning { border-left: 4px solid #e67e00; }
.toast-error { border-left: 4px solid #c62828; }
.toast-info { border-left: 4px solid #0a5a8a; }
.toast-info .toast-icon { color: #0a5a8a; }
.toast-icon { font-size: 1.1rem; font-weight: bold; flex-shrink: 0; }
.toast-success .toast-icon { color: #1e7e34; }
.toast-warning .toast-icon { color: #e67e00; }
.toast-error .toast-icon { color: #c62828; }
.toast-text { font-weight: 500; color: #1a202c; font-size: 0.875rem; flex: 1; }

.btn-toast-yes { padding: 0.3rem 0.7rem; background: #1e7e34; color: #fff; border: none; border-radius: 4px; cursor: pointer; font-size: 0.8rem; margin-left: 0.3rem; font-family: inherit; }
.btn-toast-no { padding: 0.3rem 0.7rem; background: #e0e0e0; color: #333; border: none; border-radius: 4px; cursor: pointer; font-size: 0.8rem; font-family: inherit; }