/* ==========================================================================
   WiFiAssist 提示弹窗统一样式（toastr + sweetalert2）
   四个面板（用户端 / 后台 / 代理 / App 接口页）统一加载本文件。
   背景：主题的 Bootstrap .toast 会把 toastr 背景刷成白色，而文字仍是白色 → 白底白字；
        且 codemsg() 用的容器是 #toast-top-center，与默认 #toast-container 不同。
   方案：浅色卡片 + 深色文字 + 左侧类型色条；颜色使用设计变量，未定义时用回退值。
   ========================================================================== */

/* 提示定位（toastr 容器） */
.toast-top-center { top: 12px; }

/* 基础卡片：覆盖 toastr 全部容器 */
#toast-container > .toast,
.toast-top-center > .toast,
.toast-top-right > .toast,
.toast-top-left > .toast,
.toast-top-full-width > .toast,
.toast-bottom-right > .toast,
.toast-bottom-center > .toast,
.toast-bottom-left > .toast,
.toast-bottom-full-width > .toast {
    background-image: none !important;
    background-color: var(--wa-card, #ffffff) !important;
    color: var(--wa-text, #111827) !important;
    opacity: 1 !important;
    padding: 12px 14px 12px 16px !important;
    border: 1px solid var(--wa-border, #e9edf3) !important;
    border-left: 4px solid var(--wa-primary, #2563eb) !important;
    border-radius: 12px !important;
    box-shadow: var(--wa-shadow-lg, 0 10px 30px rgba(16, 24, 40, .10)) !important;
    font-size: 13px !important;
}
#toast-container > .toast:hover,
.toast-top-center > .toast:hover,
.toast-top-right > .toast:hover {
    box-shadow: 0 12px 32px rgba(16, 24, 40, .16) !important;
}
#toast-container > .toast .toast-title,
#toast-container > .toast .toast-message,
.toast-top-center > .toast .toast-title,
.toast-top-center > .toast .toast-message,
.toast-top-right > .toast .toast-title,
.toast-top-right > .toast .toast-message,
.toast-top-left > .toast .toast-title,
.toast-top-left > .toast .toast-message {
    color: var(--wa-text, #111827) !important;
}
#toast-container > .toast .toast-title,
.toast-top-center > .toast .toast-title,
.toast-top-right > .toast .toast-title { font-weight: 600; margin-bottom: 2px; }

/* 类型色（左侧色条 + 浅色底） */
#toast-container > .toast-success, .toast-top-center > .toast-success, .toast-top-right > .toast-success {
    background-color: #f0fdf4 !important; border-left-color: var(--wa-success, #16a34a) !important;
}
#toast-container > .toast-error, .toast-top-center > .toast-error, .toast-top-right > .toast-error {
    background-color: #fef2f2 !important; border-left-color: var(--wa-danger, #dc2626) !important;
}
#toast-container > .toast-warning, .toast-top-center > .toast-warning, .toast-top-right > .toast-warning {
    background-color: #fffbeb !important; border-left-color: var(--wa-warning, #d97706) !important;
}
#toast-container > .toast-info, .toast-top-center > .toast-info, .toast-top-right > .toast-info {
    background-color: var(--wa-primary-soft, #eff6ff) !important; border-left-color: var(--wa-primary, #2563eb) !important;
}
#toast-container > .toast .toast-close-button,
.toast-top-center > .toast .toast-close-button,
.toast-top-right > .toast .toast-close-button {
    color: var(--wa-muted, #6b7280) !important; text-shadow: none !important; opacity: .9;
}
#toast-container > .toast-progress,
.toast-top-center > .toast-progress,
.toast-top-right > .toast-progress { background-color: var(--wa-primary, #2563eb) !important; }

/* sweetalert2：圆角/字体/主色对齐设计系统 */
.swal2-popup {
    border-radius: 16px !important;
    padding: 22px !important;
    font-family: inherit !important;
    border: 1px solid var(--wa-border, #e9edf3) !important;
    box-shadow: var(--wa-shadow-lg, 0 10px 30px rgba(16, 24, 40, .10)) !important;
}
.swal2-title { font-size: 18px !important; font-weight: 700 !important; color: var(--wa-text, #111827) !important; }
.swal2-html-container { font-size: 13.5px !important; color: var(--wa-text-2, #374151) !important; }
.swal2-actions { gap: 10px !important; margin-top: 16px !important; }
.swal2-confirm, .swal2-cancel, .swal2-deny {
    border-radius: 10px !important; font-size: 14px !important; font-weight: 600 !important;
    padding: 9px 18px !important; box-shadow: none !important;
    transition: background-color .15s ease, transform .15s cubic-bezier(.34,1.56,.64,1) !important;
}
.swal2-confirm { background-color: var(--wa-primary, #2563eb) !important; }
.swal2-confirm:hover { background-color: var(--wa-primary-2, #1d4ed8) !important; transform: translate3d(0, -1px, 0) !important; }
.swal2-confirm:active { transform: scale(.97) !important; }
.swal2-cancel, .swal2-deny { background-color: var(--wa-card-soft, #f8fafc) !important; color: var(--wa-text-2, #374151) !important; }
.swal2-cancel:hover, .swal2-deny:hover { background-color: #eef2f7 !important; }
.swal2-icon.swal2-info { border-color: var(--wa-primary, #2563eb) !important; color: var(--wa-primary, #2563eb) !important; }
.swal2-icon.swal2-warning { border-color: var(--wa-warning, #d97706) !important; color: var(--wa-warning, #d97706) !important; }
.swal2-icon.swal2-error { border-color: var(--wa-danger, #dc2626) !important; color: var(--wa-danger, #dc2626) !important; }
.swal2-icon.swal2-success { border-color: var(--wa-success, #16a34a) !important; color: var(--wa-success, #16a34a) !important; }
.swal2-toast { border-radius: 12px !important; box-shadow: var(--wa-shadow-lg, 0 10px 30px rgba(16, 24, 40, .10)) !important; }