/* ═══════════════════════════════════════
   熊客服 — 深色抽屜樣式（疊在 kuma-chat.css 之上）
   首頁：不放浮動圈圈與提示泡泡，從頂欄「熊客服」按鈕開啟右側抽屜
   分頁：保留一顆小的深色圈圈
═══════════════════════════════════════ */
:root{
  --kc-ink:#f5f5f7; --kc-paper:#161617; --kc-blue:#9cbbe0; --kc-blue-deep:#e6e9ee;
  --kc-line:rgba(255,255,255,.09); --kc-dim:#a1a1a6;
}

/* 抽屜 */
.kc-window{
  top:0!important;right:0!important;bottom:0!important;left:auto!important;
  width:min(420px,100vw)!important;height:100%!important;height:100dvh!important;
  border-radius:0!important;border:0!important;border-left:1px solid rgba(255,255,255,.08)!important;
  background:#161617!important;box-shadow:-40px 0 120px rgba(0,0,0,.6)!important;
  transform:translate3d(100%,0,0)!important;transform-origin:right center!important;filter:none!important;opacity:1!important;
  transition:transform .7s cubic-bezier(.16,1,.3,1),visibility 0s linear .7s!important;
}
.kc-root.open .kc-window{transform:none!important;transition:transform .7s cubic-bezier(.16,1,.3,1),visibility 0s!important}

/* 頂欄 */
.kc-head{background:#161617!important;border-bottom:1px solid var(--kc-line)!important;padding:20px 22px!important}
.kc-head-avatar{background:#2c2c2e!important;border-color:rgba(255,255,255,.1)!important}
.kc-head-info b{color:#f5f5f7!important;font-weight:600!important}
.kc-status{color:var(--kc-dim)!important}
.kc-status i{box-shadow:none!important}
.kc-close{color:rgba(236,235,231,.6)!important}
.kc-close:hover{background:rgba(255,255,255,.08)!important;color:#fff!important}

/* 訊息 */
.kc-body{background:#161617!important;padding:22px 20px 12px!important}
.kc-body::-webkit-scrollbar-thumb{background:rgba(255,255,255,.14)!important}
.kc-msg-avatar{background:#2c2c2e!important;border-color:rgba(255,255,255,.1)!important}
.kc-msg.bot .kc-bubble{background:#1d1d1f!important;border:1px solid rgba(255,255,255,.06)!important;color:#f5f5f7!important;box-shadow:none!important}
.kc-msg.user .kc-bubble{background:#f5f5f7!important;color:#111113!important;box-shadow:none!important}
.kc-bubble b{font-weight:600!important}
.kc-bubble a{color:#9cbbe0!important;font-weight:500!important}
.kc-typing .kc-bubble i{background:rgba(236,235,231,.5)!important}
.kc-chip{border-color:rgba(255,255,255,.16)!important;background:transparent!important;color:#f5f5f7!important;font-weight:500!important}
.kc-chip:hover{background:rgba(255,255,255,.07)!important;border-color:rgba(255,255,255,.34)!important}
.kc-line-btn{box-shadow:none!important;font-weight:600!important}

/* 輸入列 */
.kc-input{background:#161617!important;border-top:1px solid var(--kc-line)!important;padding:14px 16px!important}
.kc-input input{background:#2c2c2e!important;border-color:rgba(255,255,255,.1)!important;color:#f5f5f7!important}
.kc-input input::placeholder{color:rgba(236,235,231,.35)!important}
.kc-input input:focus{border-color:rgba(255,255,255,.3)!important;box-shadow:none!important}
.kc-send{background:#f5f5f7!important;color:#111113!important;box-shadow:none!important}
.kc-send:hover{box-shadow:none!important}
.kc-foot-note{background:#161617!important;color:rgba(236,235,231,.32)!important}

/* 分頁用的小圈圈 */
.kc-launcher{background:#2c2c2e!important;border:1px solid rgba(255,255,255,.12)!important;box-shadow:0 12px 40px rgba(0,0,0,.5)!important}
.kc-nudge{background:#2c2c2e!important;border-color:rgba(255,255,255,.1)!important;color:#f5f5f7!important;box-shadow:0 20px 60px rgba(0,0,0,.5)!important}
.kc-nudge *{color:inherit!important}

/* 首頁：收掉圈圈與提示，由頂欄按鈕開啟 */
body.cine .kc-launcher,body.cine .kc-nudge{display:none!important}
/* 使用者訊息也改深色，不用白底 */
.kc-msg.user .kc-bubble{background:#2e567f!important;color:#f5f5f7!important;border:1px solid rgba(255,255,255,.08)!important}
.kc-send{background:#2e567f!important;color:#f5f5f7!important}

/* 配色 v2：實心色塊、無描邊；使用者訊息用品牌藍 */
.kc-window{border-left:0!important}
.kc-msg.bot .kc-bubble{border:0!important}
.kc-msg.user .kc-bubble{border:0!important}
.kc-chip{border:0!important;background:#2c2c2e!important}
.kc-chip:hover{background:#3a3a3c!important}
.kc-input input{border:0!important}
.kc-input input:focus{box-shadow:0 0 0 2px rgba(156,187,224,.5)!important}
.kc-head,.kc-input{border-color:#2a2a2c!important}