/* TINMALL V4.2.22 — isolated customer and admin chat design */
.tm-customer-chat,.tm-chat-admin,.tm-chat-queue{--tm-ink:#291735;--tm-muted:#7c7283;--tm-line:#e9e4ed;--tm-purple:#5b2c84;--tm-soft:#f7f4f9;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:var(--tm-ink);font-size:14px;line-height:1.5}
.tm-customer-chat *, .tm-chat-admin *, .tm-chat-queue *{box-sizing:border-box}
.tm-customer-chat button,.tm-chat-admin button,.tm-chat-queue button{font:inherit;cursor:pointer}
.tm-customer-chat button:disabled,.tm-chat-admin button:disabled{cursor:not-allowed;opacity:.55}
.tm-customer-chat [hidden],.tm-chat-admin [hidden],.tm-chat-queue [hidden]{display:none!important}
.tm-chat-sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.tm-customer-chat{position:fixed;z-index:650;right:24px;bottom:28px}
.tm-chat-launcher{position:relative;display:flex;align-items:center;justify-content:center;gap:10px;min-height:60px;padding:6px 18px 6px 6px;border:1px solid rgba(91,44,132,.10);border-radius:999px;background:rgba(255,255,255,.96);backdrop-filter:blur(10px);color:#4c216e;box-shadow:0 14px 34px rgba(41,23,53,.16);font-weight:750;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}
.tm-chat-launcher:hover{transform:translateY(-1px);box-shadow:0 18px 38px rgba(41,23,53,.20);background:#fff}
.tm-chat-launcher:focus-visible{outline:0;box-shadow:0 0 0 3px rgba(91,44,132,.12),0 18px 38px rgba(41,23,53,.18)}
.tm-chat-launcher-core{display:grid;place-items:center;flex:0 0 48px;width:48px;height:48px;border-radius:16px;background:linear-gradient(180deg,#6a3297 0%,#4b216f 100%);color:#f3d675;box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 8px 20px rgba(91,44,132,.28)}
.tm-chat-launcher-core svg{width:22px;height:22px}
.tm-chat-launcher-label{font-size:14px;line-height:1;font-weight:750;letter-spacing:.01em;white-space:nowrap}
.tm-chat-panel{position:absolute;right:0;bottom:76px;width:min(390px,calc(100vw - 24px));height:min(650px,calc(100dvh - 96px));display:flex;flex-direction:column;min-height:0;overflow:hidden;border:1px solid #e7e0eb;border-radius:20px;background:#fff;box-shadow:0 20px 70px rgba(37,17,53,.18)}
.tm-chat-header{flex:0 0 auto;display:flex;align-items:center;gap:11px;min-height:72px;padding:14px 16px;background:#fff;border-bottom:1px solid var(--tm-line)}
.tm-chat-avatar{display:grid;place-items:center;width:40px;height:40px;flex:0 0 40px;border-radius:13px;background:#5b2c84;color:#fff}
.tm-chat-avatar svg{width:22px;height:22px}
.tm-chat-heading{display:grid;gap:2px;min-width:0;flex:1}
.tm-chat-heading strong{font-size:14px;line-height:1.35;font-weight:750;color:#291735}
.tm-chat-heading small{font-size:11px;color:#827688;line-height:1.4}
.tm-chat-icon{display:grid;place-items:center;width:36px;height:36px;flex:0 0 36px;padding:0;border:0;border-radius:10px;background:transparent;color:#786c7f}
.tm-chat-icon:hover{background:#f4f0f6}
.tm-chat-icon svg{width:20px;height:20px}
.tm-chat-timeline{flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;padding:20px 16px 24px;background:#faf9fb;scrollbar-width:thin;scrollbar-color:#ded3e6 transparent}
.tm-chat-date{width:max-content;max-width:100%;margin:8px auto 24px;padding:4px 10px;border-radius:999px;background:#f0ecf2;color:#8a808f;font-size:11px;text-align:center}
.tm-chat-message{display:flex;flex-direction:column;align-items:flex-start;min-width:0;margin:0 0 15px}
.tm-chat-message.grouped{margin-top:-10px}
.tm-chat-message.mine{align-items:flex-end}
.tm-chat-sender{margin:0 0 5px 3px;font-size:11px;font-weight:600;color:#8a808f}
.tm-chat-bubble{max-width:84%;width:max-content;min-width:0;padding:10px 13px;border:1px solid #eae5ed;border-radius:15px 15px 15px 5px;background:#fff;color:#352b3b;font-size:14px;line-height:1.55;white-space:pre-wrap;overflow-wrap:anywhere;word-break:normal}
.tm-chat-message.mine .tm-chat-bubble{border-color:#5b2c84;border-radius:15px 15px 5px 15px;background:#5b2c84;color:#fff}
.tm-chat-meta{display:flex;align-items:center;gap:8px;margin:4px 3px 0;color:#9a909f;font-size:10px;line-height:1.4}
.tm-chat-message.failed .tm-chat-meta{color:#b43c50}
.tm-chat-retry{padding:0;border:0;background:none;color:#a2304b;text-decoration:underline;font-size:10px}
.tm-chat-system{max-width:92%;margin:12px auto 22px;text-align:center;font-size:11px;line-height:1.55;color:#93899a;white-space:pre-wrap;overflow-wrap:anywhere}
.tm-chat-latest{position:absolute;z-index:2;bottom:140px;left:50%;transform:translateX(-50%);padding:8px 13px;border:1px solid #e8e0ed;border-radius:999px;background:#fff;box-shadow:0 3px 14px rgba(36,18,49,.1);color:#5b2c84;font-size:12px;font-weight:650;white-space:nowrap}
.tm-chat-typing{flex:0 0 auto;display:flex;align-items:center;gap:9px;padding:8px 18px;background:#faf9fb;color:#897f8e;font-size:11px}
.tm-chat-typing-dots{display:flex;gap:3px}
.tm-chat-typing-dots i{width:5px;height:5px;border-radius:50%;background:#9b86aa;animation:tm-chat-pulse 1.2s infinite}
.tm-chat-typing-dots i:nth-child(2){animation-delay:.15s}.tm-chat-typing-dots i:nth-child(3){animation-delay:.3s}
@keyframes tm-chat-pulse{0%,60%,100%{opacity:.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}
.tm-chat-controls,.tm-chat-admin-compose{flex:0 0 auto;min-width:0;background:#fff;border-top:1px solid var(--tm-line)}
.tm-chat-handoff-actions{padding:10px 14px 0}
.tm-chat-human-button{width:100%;min-height:36px;border:1px solid #e9e0ee;border-radius:10px;background:#faf7fc;color:#5b2c84;font-size:12px;font-weight:650}
.tm-chat-human-button:hover{background:#f3edf7}
.tm-chat-compose{display:flex;align-items:flex-end;gap:9px;min-width:0;margin:0;padding:12px 14px}
.tm-chat-compose textarea{display:block;flex:1;min-width:0;min-height:42px;max-height:112px;resize:none;padding:11px 13px;border:1px solid #e4dee8;border-radius:13px;background:#fff;color:#291735;font:inherit;font-size:14px;line-height:1.45;outline:0}
.tm-chat-compose textarea:focus,.tm-chat-handoff input:focus,.tm-chat-admin input:focus,.tm-chat-admin textarea:focus{border-color:#8d64aa;box-shadow:0 0 0 3px rgba(91,44,132,.08)}
.tm-chat-compose textarea::placeholder{color:#a29aa7}
.tm-chat-send-button{display:grid;place-items:center;flex:0 0 42px;width:42px;height:42px;min-height:42px;border:0;border-radius:12px;background:#5b2c84;color:#fff;font-weight:750}
.tm-chat-send-button svg{width:20px;height:20px}
.tm-chat-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 15px 12px;color:#9b919f;font-size:10px}
.tm-chat-end,.tm-chat-text-button{border:0;background:none;color:#6b4a84;font-size:12px;font-weight:600}
.tm-chat-end{padding:4px 0}
.tm-chat-handoff{display:grid;gap:11px;padding:16px 16px 5px;max-height:min(350px,55dvh);overflow-y:auto}
.tm-chat-handoff p{margin:0 0 2px;color:#827688;font-size:12px;line-height:1.55}
.tm-chat-handoff label,.tm-chat-admin-side label{display:grid;gap:6px;color:#493b53;font-size:12px;font-weight:650}
.tm-chat-handoff label span{color:#9d92a4;font-weight:400}
.tm-chat-handoff input,.tm-chat-admin-side input,.tm-chat-admin-side textarea{width:100%;min-width:0;min-height:40px;padding:10px 12px;border:1px solid #e4dee8;border-radius:10px;background:#fff;color:#291735;font:inherit;font-size:14px;outline:0}
.tm-chat-handoff-buttons{display:flex;align-items:center;flex-wrap:wrap;gap:10px}
.tm-chat-primary{min-height:40px;padding:9px 14px;border:0;border-radius:10px;background:#5b2c84;color:#fff;font-size:12px;font-weight:650}
.tm-chat-primary:hover{background:#482267}
body.tm-chat-open{overflow:hidden}
@media(min-width:821px){body.tm-chat-open{overflow:auto}}
@media(max-width:820px){
 .tm-customer-chat{right:16px;bottom:calc(92px + env(safe-area-inset-bottom,0px))}
 .tm-chat-launcher{width:56px;min-width:56px;min-height:56px;height:56px;padding:0;border-radius:18px}
 .tm-chat-launcher-label{display:none}
 .tm-chat-launcher-core{width:44px;height:44px;flex-basis:44px;border-radius:14px}
 .tm-chat-panel{position:fixed;left:calc(var(--tm-left,0px) + 8px);right:auto;top:calc(var(--tm-top,0px) + 8px);bottom:auto;width:calc(var(--tm-vw,100vw) - 16px);height:calc(var(--tm-vh,100dvh) - 16px);max-height:none;border-radius:16px}
 .tm-chat-timeline{padding:18px 14px 22px}
 .tm-chat-compose textarea,.tm-chat-handoff input{font-size:16px}
 .tm-chat-controls{padding-bottom:env(safe-area-inset-bottom,0px)}
 .tm-chat-handoff{max-height:min(320px,45dvh)}
 .tm-chat-header{min-height:64px;padding:11px 13px}
 .tm-chat-avatar{width:36px;height:36px;flex-basis:36px;border-radius:12px}
}
@media(prefers-reduced-motion:reduce){.tm-chat-typing-dots i{animation:none}}
/* Admin queue and responsive conversation workspace */
.tm-chat-queue{border:1px solid var(--tm-line);border-radius:16px;background:#fff;overflow:hidden}
.tm-chat-queue-head{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:18px 20px;border-bottom:1px solid var(--tm-line)}
.tm-chat-queue-head strong{font-size:15px}.tm-chat-queue-head p{margin:4px 0 0;font-size:12px;color:var(--tm-muted)}
.tm-chat-queue-head select{max-width:180px;min-height:38px;padding:7px 10px;border:1px solid var(--tm-line);border-radius:9px;background:#fff;font:inherit;color:var(--tm-ink)}
.tm-chat-queue-list{display:grid}
.tm-chat-queue-row{display:flex;align-items:center;gap:13px;min-width:0;width:100%;padding:15px 20px;border:0;border-bottom:1px solid #f0ebf2;background:#fff;text-align:left;color:var(--tm-ink)}
.tm-chat-queue-row:last-child{border-bottom:0}
.tm-chat-queue-row:hover{background:#faf8fc}
.tm-chat-queue-avatar{display:grid;place-items:center;flex:0 0 42px;width:42px;height:42px;border-radius:13px;background:#f1eaf5;color:#5b2c84;font-weight:750}
.tm-chat-queue-info{display:grid;gap:3px;min-width:0;flex:1}
.tm-chat-queue-info strong{font-size:13px}
.tm-chat-queue-info>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;color:#756a7d}
.tm-chat-queue-info small{font-size:10px;color:#a097a5}
.tm-chat-queue-side{display:flex;align-items:flex-end;flex-direction:column;gap:7px}
.tm-chat-status{display:inline-flex;align-items:center;width:max-content;padding:4px 9px;border-radius:999px;background:#f1edf4;color:#6b5878;font-size:10px;font-weight:700;white-space:nowrap}
.tm-chat-status.waiting{background:#fff5df;color:#976b12}.tm-chat-status.active{background:#eaf5ef;color:#347659}.tm-chat-status.closed{background:#f1eef3;color:#867b8c}
.tm-chat-unread{display:grid;place-items:center;min-width:20px;height:20px;padding:0 5px;border-radius:999px;background:#5b2c84;color:#fff;font-size:10px}
.tm-chat-queue-empty{padding:30px;text-align:center;color:var(--tm-muted)}
.tm-chat-admin{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:0;width:100%;height:min(670px,calc(100dvh - 160px));min-height:400px;overflow:hidden;border:1px solid var(--tm-line);border-radius:14px;background:#fff}
.tm-chat-admin-main{display:flex;flex-direction:column;min-width:0;min-height:0}
.tm-chat-admin-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 16px;border-bottom:1px solid var(--tm-line)}
.tm-chat-admin-head>div{display:flex;align-items:center;flex-wrap:wrap;gap:9px;min-width:0}
.tm-chat-admin-head strong{font-size:13px}
.tm-chat-admin-history{position:relative;display:flex;flex:1;min-height:0}
.tm-chat-admin .tm-chat-timeline{width:100%;padding:18px}
.tm-chat-admin .tm-chat-bubble{font-size:13px}
.tm-chat-admin .tm-chat-compose{padding:10px 12px}
.tm-chat-admin-tools{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 14px 0;font-size:11px;color:var(--tm-muted)}
.tm-chat-admin-tools button{padding:0;border:0;background:none;color:#5b2c84;font-size:11px;font-weight:650}
.tm-chat-admin-actions{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:0 14px 12px}
.tm-chat-admin-actions .tm-chat-primary{min-height:34px}
.tm-chat-admin-side{display:flex;flex-direction:column;gap:18px;min-width:0;padding:16px;border-left:1px solid var(--tm-line);overflow-y:auto}
.tm-chat-admin-side-head{display:flex;align-items:center;justify-content:space-between;gap:8px}
.tm-chat-admin-side-head strong{font-size:12px}
.tm-chat-admin-side-head button{border:0;background:none;color:#5b2c84;font-size:11px}
.tm-chat-customer-info p,.tm-chat-customer-details p{margin:0 0 7px;font-size:12px;overflow-wrap:anywhere}
.tm-chat-customer-info a{color:#5b2c84}
.tm-chat-muted{color:var(--tm-muted)}
.tm-chat-admin-side form{display:grid;gap:8px;padding-top:14px;border-top:1px solid var(--tm-line)}
.tm-chat-admin-side textarea{resize:vertical;min-height:74px}
.tm-chat-small-button{justify-self:start;min-height:32px;padding:7px 11px;border:1px solid #ded2e6;border-radius:8px;background:#faf7fc;color:#5b2c84;font-size:11px;font-weight:650}
.tm-chat-orders{display:grid;gap:8px;margin-top:10px}
.tm-chat-orders>div{display:grid;gap:3px;padding:10px;border:1px solid var(--tm-line);border-radius:9px;font-size:11px}
.tm-chat-orders small{color:var(--tm-muted)}
.tm-chat-quick-list{display:flex;gap:7px;flex-wrap:wrap;max-height:120px;overflow-y:auto;padding:10px 14px;border-bottom:1px solid var(--tm-line)}
.tm-chat-quick-list button{padding:7px 10px;border:1px solid var(--tm-line);border-radius:9px;background:#faf8fc;color:#5b2c84;font-size:11px}
@media(max-width:820px){
 .tm-chat-queue-head{align-items:flex-start;flex-direction:column;padding:15px}
 .tm-chat-queue-head select{width:100%;max-width:none}
 .tm-chat-queue-row{padding:13px;gap:10px}
 .tm-chat-queue-avatar{width:36px;height:36px;flex-basis:36px}
 .tm-chat-queue-side{max-width:95px}
 .tm-chat-admin{display:flex;flex-direction:column;height:min(700px,calc(100dvh - 135px));min-height:350px}
 .tm-chat-admin-main{flex:1;min-height:0}
 .tm-chat-admin-side{display:none}
 .tm-chat-admin .tm-chat-compose textarea{font-size:16px}
}

.tm-chat-admin-head-actions{display:flex;align-items:center;gap:6px}
.tm-chat-details-toggle{display:none;padding:7px 9px;border:1px solid var(--tm-line);border-radius:8px;background:#fff;color:#5b2c84;font-size:11px}
.tm-chat-confirm-close{color:#a2304b!important;font-weight:750!important}
@media(max-width:820px){
 .tm-chat-details-toggle{display:inline-flex}
 .tm-chat-admin.details-open .tm-chat-admin-main{flex:0 0 auto}
 .tm-chat-admin.details-open .tm-chat-admin-history,.tm-chat-admin.details-open .tm-chat-admin-compose{display:none}
 .tm-chat-admin.details-open .tm-chat-admin-side{display:flex;flex:1;min-height:0;border-left:0;border-top:1px solid var(--tm-line);overflow-y:auto}
}

/* Only the Live Chat modal owns this viewport-sized workspace. */
.modal.tm-chat-modal{width:min(1120px,calc(100vw - 32px));max-width:none;max-height:calc(100dvh - 32px);overflow:hidden;display:flex;flex-direction:column}
.modal.tm-chat-modal>.modal-head{flex:0 0 auto}
.modal.tm-chat-modal>.modal-body{flex:1;min-height:0;overflow:hidden;padding:12px}
.modal.tm-chat-modal .tm-chat-admin{height:100%;min-height:0}
@media(max-width:820px){
 .modal.tm-chat-modal{width:calc(100vw - 12px);max-height:calc(100dvh - 12px);margin:6px}
 .modal.tm-chat-modal>.modal-body{padding:6px}
}

/* V4.2.24 — isolated Admin Live Chat viewport and compact conversation */
#modalLayer.tm-chat-layer{
  position:fixed!important;
  inset:auto!important;
  top:var(--tm-admin-top,0px)!important;
  left:var(--tm-admin-left,0px)!important;
  width:var(--tm-admin-vw,100vw)!important;
  height:var(--tm-admin-vh,100dvh)!important;
  max-width:none!important;
  max-height:none!important;
  margin:0!important;
  padding:16px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:hidden!important;
  z-index:8000!important;
  box-sizing:border-box!important;
}
#modalLayer.tm-chat-layer>.modal-backdrop{position:absolute;inset:0}
#modalLayer.tm-chat-layer>.modal.tm-chat-modal{
  position:relative!important;
  flex:0 1 1120px!important;
  width:100%!important;
  max-width:1120px!important;
  min-width:0!important;
  height:min(720px,calc(var(--tm-admin-vh,100dvh) - 32px))!important;
  max-height:calc(var(--tm-admin-vh,100dvh) - 32px)!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  display:flex!important;
  flex-direction:column!important;
  grid-template-rows:none!important;
  align-self:center!important;
  overflow:hidden!important;
  border-radius:16px!important;
  box-sizing:border-box!important;
}
#modalLayer.tm-chat-layer>.modal.tm-chat-modal>.modal-head{
  position:relative!important;
  flex:0 0 auto!important;
  min-height:56px!important;
  padding:12px 18px!important;
  margin:0!important;
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  background:#fff!important;
}
#modalLayer.tm-chat-layer>.modal.tm-chat-modal>.modal-head h2{
  min-width:0!important;
  margin:0!important;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif!important;
  font-size:16px!important;
  line-height:1.4!important;
  font-weight:700!important;
  overflow-wrap:anywhere!important;
}
#modalLayer.tm-chat-layer>.modal.tm-chat-modal>.modal-head [data-modal-close]{
  flex:0 0 40px!important;
  width:40px!important;
  height:40px!important;
  min-width:40px!important;
  min-height:40px!important;
  padding:0!important;
  border-radius:10px!important;
  font-size:24px!important;
}
#modalLayer.tm-chat-layer>.modal.tm-chat-modal>.modal-body{
  flex:1 1 auto!important;
  display:flex!important;
  flex-direction:column!important;
  min-width:0!important;
  min-height:0!important;
  height:auto!important;
  max-height:none!important;
  padding:0!important;
  margin:0!important;
  overflow:hidden!important;
  overscroll-behavior:contain!important;
}
#modalLayer.tm-chat-layer .tm-chat-admin{
  flex:1 1 auto!important;
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  max-height:none!important;
  border:0!important;
  border-radius:0!important;
  overflow:hidden!important;
}
#modalLayer.tm-chat-layer .tm-chat-admin-main{min-height:0!important;overflow:hidden}
#modalLayer.tm-chat-layer .tm-chat-admin-history{flex:1 1 auto!important;min-height:0!important;overflow:hidden!important}
#modalLayer.tm-chat-layer .tm-chat-timeline{
  flex:1 1 auto!important;
  min-height:0!important;
  max-height:none!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  -webkit-overflow-scrolling:touch;
}
#modalLayer.tm-chat-layer .tm-chat-admin-compose{
  position:relative!important;
  flex:0 0 auto!important;
  min-height:0!important;
  margin:0!important;
  padding-bottom:env(safe-area-inset-bottom,0px)!important;
  background:#fff!important;
}
#modalLayer.tm-chat-layer .tm-chat-admin-head{flex:0 0 auto;min-height:48px;padding:9px 14px}
#modalLayer.tm-chat-layer .tm-chat-admin-head strong{font-size:12px}
#modalLayer.tm-chat-layer .tm-chat-message{margin-bottom:10px}
#modalLayer.tm-chat-layer .tm-chat-message.grouped{margin-top:-6px}
#modalLayer.tm-chat-layer .tm-chat-bubble{max-width:82%;padding:9px 12px;font-size:13px;line-height:1.55}
#modalLayer.tm-chat-layer .tm-chat-sender{font-size:10px;margin-bottom:4px}
#modalLayer.tm-chat-layer .tm-chat-meta{font-size:10px;margin-top:3px}
#modalLayer.tm-chat-layer .tm-chat-date{margin:5px auto 18px;font-size:10px}
#modalLayer.tm-chat-layer .tm-chat-system{margin:10px auto 18px;font-size:11px;line-height:1.6}
#modalLayer.tm-chat-layer .tm-chat-admin-tools{padding:8px 12px 0}
#modalLayer.tm-chat-layer .tm-chat-compose{padding:9px 12px}
#modalLayer.tm-chat-layer .tm-chat-admin-actions{padding:0 12px 9px}
#modalLayer.tm-chat-layer .tm-chat-latest{bottom:12px}
@media(max-width:820px){
 #modalLayer.tm-chat-layer{
   padding:8px!important;
   align-items:stretch!important;
   justify-content:stretch!important;
 }
 #modalLayer.tm-chat-layer>.modal.tm-chat-modal{
   flex:1 1 auto!important;
   width:100%!important;
   max-width:none!important;
   height:calc(var(--tm-admin-vh,100dvh) - 16px)!important;
   max-height:calc(var(--tm-admin-vh,100dvh) - 16px)!important;
   margin:0!important;
   align-self:stretch!important;
   border-radius:14px!important;
 }
 #modalLayer.tm-chat-layer>.modal.tm-chat-modal>.modal-head{
   min-height:52px!important;
   padding:8px 12px!important;
 }
 #modalLayer.tm-chat-layer>.modal.tm-chat-modal>.modal-head h2{
   font-size:14px!important;
   line-height:1.35!important;
   white-space:nowrap!important;
   overflow:hidden!important;
   text-overflow:ellipsis!important;
 }
 #modalLayer.tm-chat-layer .tm-chat-admin{display:flex!important;flex-direction:column!important}
 #modalLayer.tm-chat-layer .tm-chat-admin-main{flex:1 1 auto!important;min-height:0!important}
 #modalLayer.tm-chat-layer .tm-chat-admin-head{
   min-height:46px;
   padding:8px 12px;
   gap:8px;
 }
 #modalLayer.tm-chat-layer .tm-chat-admin-customer-name{display:none}
 #modalLayer.tm-chat-layer .tm-chat-admin-head-actions{margin-left:auto}
 #modalLayer.tm-chat-layer .tm-chat-details-toggle{min-height:34px;padding:6px 9px;font-size:11px}
 #modalLayer.tm-chat-layer .tm-chat-timeline{padding:14px 12px 18px}
 #modalLayer.tm-chat-layer .tm-chat-bubble{max-width:85%;font-size:14px;line-height:1.5}
 #modalLayer.tm-chat-layer .tm-chat-admin-compose{padding-bottom:env(safe-area-inset-bottom,0px)!important}
 #modalLayer.tm-chat-layer .tm-chat-compose textarea{min-height:42px;max-height:96px;font-size:16px!important}
 #modalLayer.tm-chat-layer .tm-chat-admin-actions{padding-bottom:9px}
 #modalLayer.tm-chat-layer .tm-chat-latest{bottom:10px}
 #modalLayer.tm-chat-layer .tm-chat-admin.details-open .tm-chat-admin-main{flex:0 0 auto!important}
 #modalLayer.tm-chat-layer .tm-chat-admin.details-open .tm-chat-admin-history,
 #modalLayer.tm-chat-layer .tm-chat-admin.details-open .tm-chat-admin-compose{display:none!important}
 #modalLayer.tm-chat-layer .tm-chat-admin.details-open .tm-chat-admin-side{
   display:flex!important;flex:1 1 auto!important;min-height:0!important;overflow-y:auto!important;
 }
}
@media(max-width:820px) and (max-height:520px){
 #modalLayer.tm-chat-layer>.modal.tm-chat-modal>.modal-head{min-height:44px!important;padding:5px 10px!important}
 #modalLayer.tm-chat-layer .tm-chat-admin-head{min-height:38px;padding:4px 10px}
 #modalLayer.tm-chat-layer .tm-chat-timeline{padding:8px 10px}
 #modalLayer.tm-chat-layer .tm-chat-admin-tools{padding:4px 10px 0}
 #modalLayer.tm-chat-layer .tm-chat-compose{padding:6px 10px}
 #modalLayer.tm-chat-layer .tm-chat-admin-actions{padding:0 10px 6px}
}


/* V4.2.26 — restrained launcher, clear of the bottom navigation */
.tm-customer-chat .tm-chat-launcher{
 border:1px solid rgba(91,44,132,.13);background:#fff;
 box-shadow:0 5px 18px rgba(41,23,53,.11);backdrop-filter:none;
}
.tm-customer-chat .tm-chat-launcher-core{
 background:#5b2c84;border-radius:13px;color:#e5c56b;box-shadow:none;
}
.tm-customer-chat .tm-chat-launcher:hover{
 transform:none;box-shadow:0 7px 20px rgba(41,23,53,.15);
}
@media(max-width:820px){
 .tm-customer-chat .tm-chat-launcher{
  width:50px;min-width:50px;min-height:50px;height:50px;
  padding:3px;border-radius:15px;
 }
 .tm-customer-chat .tm-chat-launcher-core{
  width:42px;height:42px;flex-basis:42px;border-radius:12px;
 }
 .tm-customer-chat .tm-chat-launcher-core svg{width:21px;height:21px}
 .tm-customer-chat .tm-chat-launcher-label{display:none}
 .tm-customer-chat.is-open>.tm-chat-launcher{visibility:hidden;pointer-events:none}
}
@media(min-width:601px) and (max-width:820px){
 .tm-customer-chat{right:20px;bottom:24px}
}
@media(max-width:600px){
 .tm-customer-chat{
  right:16px;bottom:calc(86px + env(safe-area-inset-bottom,0px));
 }
}
@media(prefers-reduced-motion:reduce){
 .tm-customer-chat .tm-chat-launcher{transition:none}
}