/* ====================================================================
   Toastr 泡泡提醒客製
   - 顏色用 cckm.css :root 系統色（success / info / warning / danger）
   - 圖示用 FA 4.7 solid `*-circle` / `*-triangle` 系列，覆蓋 toastr 預設 SVG
   ==================================================================== */

#toast-container { font-size: 16px; line-height: 1.5; }

/* ── 4 個 type：背景色用系統 :root color，移除預設 SVG icon ── */
#toast-container .toast.toast-success,
#toast-container .toast.toast-info,
#toast-container .toast.toast-warning,
#toast-container .toast.toast-error {
	background-image: none !important;
	position: relative;
}
/* 取消 toastr 預設整體 opacity 0.8 fade，避免文字/icon 一起變淡 */
#toast-container .toast { opacity: 1 !important; }

/* 底色用 linear-gradient 疊在白色上：上層 rgba 0.75 系統色 + 底層 white
   視覺等同「白底套 0.75 alpha 系統色」但完全不透 → 下方頁面內容不會透出來
   （單純用 rgba 半透明的話，下方 3 點按鈕等元件會透過綠色濾鏡浮上來）*/
#toast-container .toast.toast-success {
	background: linear-gradient(rgba(var(--success-color), 0.75), rgba(var(--success-color), 0.75)), #fff !important;
}
#toast-container .toast.toast-info {
	background: linear-gradient(rgba(var(--info-color), 0.75), rgba(var(--info-color), 0.75)), #fff !important;
}
#toast-container .toast.toast-warning {
	background: linear-gradient(rgba(var(--warning-color), 0.75), rgba(var(--warning-color), 0.75)), #fff !important;
}
#toast-container .toast.toast-error {
	background: linear-gradient(rgba(var(--danger-color), 0.75), rgba(var(--danger-color), 0.75)), #fff !important;
}

/* ── FA 4.7 icon via ::before；solid 帶 shape 版本，4 個視覺份量一致 ── */
#toast-container .toast::before {
	font-family: FontAwesome;
	font-size: 24px;
	color: #fff;
	position: absolute;
	left: 16px;
	top: 50%;
	transform: translateY(-50%);
	line-height: 1;
}
#toast-container .toast.toast-success::before { content: '\f058'; }   /* fa-check-circle */
#toast-container .toast.toast-info::before    { content: '\f05a'; }   /* fa-info-circle */
#toast-container .toast.toast-warning::before { content: '\f071'; }   /* fa-exclamation-triangle */
#toast-container .toast.toast-error::before   { content: '\f057'; }   /* fa-times-circle */

/* ── Toast 容器尺寸：padding 上下 14、左 56 給 icon、右 50 給 close X ── */
#toast-container .toast {
	width: 450px;
	padding: 14px 50px 14px 56px;
}
#toast-container .toast .toast-close-button {
	position: absolute;
	top: 50%;
	right: 14px;
	font-size: 20px;
	margin-top: 0;
	transform: translateY(-50%);
	line-height: 1;
}

/* ── 手機 (< 768px)：靠左滿寬 ── */
@media (max-width: 767px) {
	#toast-container { left: 12px; }
	#toast-container .toast { width: 100%; }
}

/* ── 共用 toast 內 action button（如「新增訪談 toast 的『切換』」）
   主要視覺由 cc-btn-default 提供；
   覆寫 BS3 btn-xs 過小的 padding / font，達到 40-60 歲可讀可點 */
#toast-container .cckm-toast-action-btn {
	margin-left: 12px;
	vertical-align: middle;
	font-size: 14px;
	padding: 6px 12px;
	line-height: 1.4;
	min-height: 34px;
	font-weight: bold;
}
#toast-container .cckm-toast-action-btn .fa {
	margin-right: 4px;
}

/* ── 自訂灰色 toast（手動觸發用，保留既有）── */
.toast-gray {
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=") !important;
	background-color: #808080;
}