/* 前台 Toast 配色补丁
 *
 * 公共的 static/css/toast.css 只定义了结构和白底 + 左侧色条，
 * 而 .toast-message 是 color:#fff —— 白字白底，文字看不见。
 * 真正让它可读的「彩色背景」那组规则写在 static/css/custom.css 里
 * （后台整包样式，210KB，前台不适合全量引入）。
 *
 * 这里只把 custom.css 中 Toast 相关的覆盖规则摘出来，与后台保持同一套配色。
 * 改动时请与 custom.css「Toast 基础样式」一节同步。
 */

/* 容器：公共 toast.css 把它定在屏幕正中，前台顶部有固定导航，挪到右上更合适 */
.toast-container,
#toastContainer {
    position: fixed;
    top: 96px !important;
    right: 24px !important;
    left: auto !important;
    transform: none !important;
    z-index: 9999;
    max-width: 400px;
}

.toast {
    border: 0;
    display: flex;
    align-items: center;
    padding: 14px 18px;
    color: #fff;
}

.toast-icon { color: #fff !important; }
.toast-message { color: #fff; }
.toast-close { color: inherit; }

.toast.toast-success { background: #1cc88a; }
.toast.toast-error,
.toast.toast-danger { background: #e74a3b; }
.toast.toast-warning { background: #f6c23e; color: #333; }
.toast.toast-warning .toast-icon,
.toast.toast-warning .toast-message { color: #333 !important; }
.toast.toast-info { background: #36b9cc; }