:root{
  --tcw-orange:#ff7a00;
  --tcw-text:#f2f2f2;
  --tcw-green:#2ecc71;
  --tcw-shadow:0 0 18px rgba(255,122,0,.55), 0 0 38px rgba(255,122,0,.25);
}

/* ===== Scale tổng thể 0.7 (giảm ~30%) ===== */
#thera-chat-widget{
  position:fixed; bottom:18px; left:18px; z-index:9999;
  font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial;
  transform:scale(.7);
  transform-origin:bottom left;
}
#thera-chat-widget[data-side="right"]{
  left:auto; right:18px; transform-origin:bottom right;
}

/* ===== FAB + LABEL ===== */
#thera-chat-widget .tcw-fab-wrap{ display:flex; align-items:center; gap:10px; }
#thera-chat-widget[data-side="right"] .tcw-fab-wrap{ flex-direction:row-reverse; }

#thera-chat-widget .tcw-fab{
  position:relative; width:58px; height:58px; border-radius:50%;
  background:#111; color:#fff; cursor:pointer; outline:none;
  border:3px solid var(--tcw-orange); display:grid; place-items:center;
  box-shadow:var(--tcw-shadow); transition:transform .12s, filter .12s;
  overflow:hidden;
}
#thera-chat-widget .tcw-fab:hover{ transform:translateY(-1px); filter:brightness(1.02); }
#thera-chat-widget .tcw-fab-glow{ position:absolute; inset:-8px; border-radius:50%; box-shadow:0 0 22px rgba(255,122,0,.65), 0 0 52px rgba(255,122,0,.3); pointer-events:none; }
#thera-chat-widget .tcw-fab-inner img{ width:28px; height:28px; display:block; object-fit:contain; }

#thera-chat-widget .tcw-label{
  padding:10px 14px; border-radius:12px; background:#111; color:#fff; font-weight:800;
  border:3px solid var(--tcw-orange); box-shadow:var(--tcw-shadow); cursor:pointer;
  transition:transform .12s, filter .12s, opacity .2s;
}
#thera-chat-widget .tcw-label:hover{ transform:translateY(-1px); filter:brightness(1.02); }

#thera-chat-widget .tcw-hidden{ opacity:0; pointer-events:none; transform:translateY(8px); }

/* ===== PANELS ===== */
#thera-chat-widget .tcw-panel{
  position:fixed; bottom:86px; left:16px; z-index:9998;
  background:transparent; transition:opacity .2s, transform .2s;
}
#thera-chat-widget[data-side="right"] .tcw-panel{ left:auto; right:16px; }

#thera-chat-widget .tcw-card{
  min-width:280px; max-width:320px; padding:14px 16px 16px; position:relative;
  border-radius:18px; color:var(--tcw-text);
  background:linear-gradient(180deg,#2f2f2f,#3b3b3b);
  border:2px solid var(--tcw-orange); box-shadow:var(--tcw-shadow);
}

/* Header */
#thera-chat-widget .tcw-head{ display:flex; align-items:center; gap:8px; margin-bottom:10px; }
#thera-chat-widget .tcw-brand{ width:20px; height:20px; display:block; }
#thera-chat-widget .tcw-title{ margin:0; font-size:16px; font-weight:800; }

/* Select + Confirm */
#thera-chat-widget .tcw-select-wrap{ margin:8px 0 12px; }
#thera-chat-widget .tcw-select-wrap select{
  width:100%; appearance:none; background:#4a4a4a; color:#fff;
  padding:12px 14px; border-radius:14px; border:2px solid var(--tcw-orange); outline:none;
}
#thera-chat-widget .tcw-btn{ width:100%; padding:12px 14px; border-radius:14px; border:none; cursor:pointer; font-weight:800; letter-spacing:.3px; }
#thera-chat-widget .tcw-btn-confirm{ background:var(--tcw-green); color:#fff; }
#thera-chat-widget .tcw-btn-confirm:disabled{ opacity:.5; cursor:not-allowed; }

/* Close × (tròn, không lệch) */
#thera-chat-widget .tcw-close{
  position:absolute; right:10px; top:10px;
  width:28px; height:28px; border:none; border-radius:50%;
  background:var(--tcw-orange); cursor:pointer;
  display:flex; align-items:center; justify-content:center;
  line-height:0; box-shadow:0 2px 12px rgba(0,0,0,.35);
}
#thera-chat-widget .tcw-close::before,
#thera-chat-widget .tcw-close::after{
  content:""; position:absolute; left:50%; top:50%;
  width:14px; height:2px; background:#fff; border-radius:2px; transform-origin:center;
}
#thera-chat-widget .tcw-close::before{ transform:translate(-50%,-50%) rotate(45deg); }
#thera-chat-widget .tcw-close::after { transform:translate(-50%,-50%) rotate(-45deg); }

/* Channel list */
#thera-chat-widget .tcw-channel-list{ list-style:none; margin:6px 0 0; padding:0; display:grid; gap:10px; }
#thera-chat-widget .tcw-channel-item{
  display:flex; align-items:center; gap:12px; background:#4a4a4a; color:#fff;
  padding:12px; border-radius:14px; border:1px solid rgba(255,255,255,.06);
  transition:filter .12s, transform .12s; cursor:pointer;
}
#thera-chat-widget .tcw-channel-item:hover{ filter:brightness(1.05); transform:translateY(-1px); }
#thera-chat-widget .tcw-ico img{ width:28px; height:28px; display:block; }
#thera-chat-widget .tcw-row-title{ font-weight:800; }
#thera-chat-widget .tcw-badge{ font-size:12px; opacity:.85; }

/* Mobile – GIỮ hiển thị nhãn CONTACT */
@media(max-width:480px){
  #thera-chat-widget .tcw-label{ display:inline-block; }
}