/* Build 146 · Aziz concise chat, launcher refinement and compact Live Agent controls. */

/* Keep visitor-chat typography independent from currency-symbol fonts. */
#landingLiveChatPanel .landing-live-chat-message p,
#landingLiveChatPanel .landing-live-chat-message-body,
#landingLiveChatPanel .landing-live-chat-message.is-ai p{
  font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
  font-variant-numeric:tabular-nums;
}

/* Move the launcher slightly inward and give it a modest size lift. */
.landing-live-chat-launcher{
  right:34px!important;
  width:64px!important;
  height:64px!important;
}
.landing-live-chat-launcher .live-chat-icon-svg{width:29px!important;height:29px!important}
.landing-live-chat-panel{right:34px!important;bottom:101px!important}

/* Aziz uses only the persistent identity strip; remove the redundant status strip. */
#landingLiveChatStatus.hide{display:none!important}

/* Compact top-right Live Agent action inside the Aziz conversation header. */
.landing-live-chat-head-actions{display:flex;align-items:center;gap:6px;flex:0 0 auto}
.landing-live-chat-agent-top{
  min-width:0;
  height:30px;
  padding:0 8px;
  border:1px solid color-mix(in srgb,var(--primary,#2457d6) 22%,var(--line,rgba(15,23,42,.12)));
  border-radius:9px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:5px;
  background:color-mix(in srgb,var(--primary,#2457d6) 7%,var(--surface-soft,rgba(148,163,184,.1)));
  color:var(--text,#17212b);
  cursor:pointer;
  font:inherit;
  font-size:.52rem;
  font-weight:850;
  line-height:1;
  white-space:nowrap;
  transition:background .16s ease,border-color .16s ease,transform .16s ease;
}
.landing-live-chat-agent-top i{font-size:.64rem;color:var(--primary,#2457d6)}
.landing-live-chat-agent-top:hover{background:color-mix(in srgb,var(--primary,#2457d6) 12%,var(--surface-soft));border-color:color-mix(in srgb,var(--primary,#2457d6) 34%,var(--line));transform:translateY(-1px)}
.landing-live-chat-agent-top:disabled{opacity:.48;cursor:wait;transform:none}

/* Agent-side end control stays deliberately small and unmistakable. */
.live-support-end-chat-btn{
  min-height:26px!important;
  padding:4px 7px!important;
  gap:4px!important;
  border-color:color-mix(in srgb,var(--danger,#dc2626) 28%,var(--line))!important;
  color:var(--danger,#dc2626)!important;
  background:color-mix(in srgb,var(--danger,#dc2626) 4%,transparent)!important;
}
.live-support-end-chat-btn:hover{background:color-mix(in srgb,var(--danger,#dc2626) 9%,var(--surface-elevated))!important}
.live-support-end-chat-btn i{font-size:.55rem}
.live-support-end-chat-btn span{font-size:.5rem;font-weight:850}

@media(max-width:900px){
  .landing-live-chat-launcher{
    right:16px!important;
    bottom:14px!important;
    width:54px!important;
    height:54px!important;
  }
  .landing-live-chat-launcher .live-chat-icon-svg{width:25px!important;height:25px!important}
  .landing-live-chat-panel{right:6px!important;bottom:74px!important}
  .landing-live-chat-agent-top{height:28px;padding:0 7px;font-size:.49rem}
}

@media(max-width:420px){
  .landing-live-chat-agent-top span{font-size:.47rem}
  .landing-live-chat-agent-top{gap:4px;padding:0 6px}
}

/* Build 153 · authoritative Agent End Chat + visitor presence. */
.live-support-end-chat-btn{
  min-height:32px!important;
  padding:6px 10px!important;
  gap:6px!important;
  border-radius:9px!important;
  border-color:color-mix(in srgb,var(--danger,#dc2626) 38%,var(--line))!important;
  background:color-mix(in srgb,var(--danger,#dc2626) 7%,var(--surface-elevated,transparent))!important;
  color:var(--danger,#dc2626)!important;
  font-weight:850!important;
}
.live-support-end-chat-btn i{font-size:.72rem!important}
.live-support-end-chat-btn span{font-size:.68rem!important;font-weight:850!important;letter-spacing:.01em}
.live-support-end-chat-btn:hover{background:color-mix(in srgb,var(--danger,#dc2626) 13%,var(--surface-elevated))!important}
.live-support-visitor-presence{
  width:max-content;
  max-width:100%;
  margin:7px 0 0!important;
  padding:5px 8px;
  border-radius:999px;
  display:inline-flex;
  align-items:center;
  gap:6px;
  border:1px solid color-mix(in srgb,var(--line,#cbd5e1) 72%,transparent);
  background:color-mix(in srgb,var(--surface-soft,rgba(148,163,184,.1)) 78%,transparent);
  font-size:.65rem!important;
  font-weight:750;
  line-height:1.15;
}
.live-support-visitor-presence i{font-size:.52rem}
.live-support-visitor-presence.is-online{color:var(--success,#16803a);border-color:color-mix(in srgb,var(--success,#16803a) 28%,var(--line))}
.live-support-visitor-presence.is-online i{filter:drop-shadow(0 0 4px color-mix(in srgb,var(--success,#16803a) 48%,transparent))}
.live-support-visitor-presence.is-leaving{color:var(--warning,#a16207);border-color:color-mix(in srgb,var(--warning,#a16207) 28%,var(--line))}
.live-support-visitor-presence.is-ended{color:var(--muted,#64748b);border-color:color-mix(in srgb,var(--muted,#64748b) 24%,var(--line))}
.live-support-visitor-presence.is-unknown{color:var(--muted,#64748b)}
.live-support-ended-state{
  min-height:31px;
  padding:6px 10px;
  border-radius:9px;
  display:inline-flex;
  align-items:center;
  gap:6px;
  border:1px solid color-mix(in srgb,var(--line,#cbd5e1) 76%,transparent);
  background:color-mix(in srgb,var(--surface-soft,rgba(148,163,184,.1)) 75%,transparent);
  color:var(--muted,#64748b);
  font-size:.68rem;
  font-weight:800;
}
.message-float-end-chat{white-space:nowrap}

@media(max-width:900px){
  .live-support-end-chat-btn{min-height:30px!important;padding:5px 8px!important}
  .live-support-end-chat-btn span{font-size:.64rem!important}
  .live-support-visitor-presence{font-size:.61rem!important}
}

/* Build 153 · multilingual message direction and shaping. */
.landing-live-chat-message p[dir="auto"],
.chat-bubble-body[dir="auto"],
.message-float-chat-body[dir="auto"]{
  unicode-bidi:plaintext;
  text-align:start;
  white-space:pre-wrap;
  overflow-wrap:anywhere;
  word-break:break-word;
}


/* Build 157 · Visitor Chat readability and desktop workspace enlargement.
   These are presentation-only overrides; Aziz routing, regional pricing and
   Agent handoff logic remain unchanged. */
@media(min-width:901px){
  #landingLiveChatPanel.landing-live-chat-panel{
    width:min(470px,calc(100vw - 76px))!important;
    max-height:min(770px,calc(100dvh - 124px))!important;
    border-radius:22px!important;
  }
  #landingLiveChatPanel .landing-live-chat-head{padding:14px 15px 12px!important}
  #landingLiveChatPanel .landing-live-chat-brand strong{font-size:.86rem!important}
  #landingLiveChatPanel .landing-live-chat-brand small{font-size:.62rem!important}
  #landingLiveChatPanel .landing-live-chat-start{padding:15px!important}
  #landingLiveChatPanel .landing-live-chat-intro{font-size:.74rem!important;line-height:1.55!important;margin-bottom:13px!important}
  #landingLiveChatPanel .landing-live-chat-fields label>span{font-size:.62rem!important}
  #landingLiveChatPanel .landing-live-chat-fields .input{font-size:.74rem!important;min-height:41px!important}
  #landingLiveChatPanel .landing-live-chat-start-btn{font-size:.74rem!important;min-height:42px!important}
  #landingLiveChatPanel .landing-live-chat-privacy{font-size:.58rem!important}
  #landingLiveChatPanel .landing-live-chat-messages{
    min-height:290px!important;
    max-height:min(500px,calc(100dvh - 300px))!important;
    padding:12px 12px 6px!important;
    gap:9px!important;
  }
  #landingLiveChatPanel .landing-live-chat-message-row{gap:8px!important;max-width:98%!important}
  #landingLiveChatPanel .landing-live-chat-message{max-width:88%!important;padding:10px 11px!important;border-radius:14px!important}
  #landingLiveChatPanel .landing-live-chat-message p{font-size:.79rem!important;line-height:1.52!important}
  #landingLiveChatPanel .landing-live-chat-thinking p{font-size:.75rem!important}
  #landingLiveChatPanel .landing-live-chat-message-meta{margin-bottom:4px!important}
  #landingLiveChatPanel .landing-live-chat-message-meta strong{font-size:.60rem!important}
  #landingLiveChatPanel .landing-live-chat-message-meta>span{font-size:.54rem!important}
  #landingLiveChatPanel .landing-live-chat-actor-badge{font-size:.47rem!important;padding:2px 6px!important}
  #landingLiveChatPanel .landing-live-chat-avatar{width:29px!important;height:29px!important;flex-basis:29px!important}
  #landingLiveChatPanel .landing-live-chat-reply{grid-template-columns:minmax(0,1fr) 42px!important;gap:8px!important;padding:9px 11px!important}
  #landingLiveChatPanel .landing-live-chat-reply textarea{min-height:42px!important;max-height:112px!important;padding:10px 11px!important;font-size:.77rem!important;line-height:1.42!important}
  #landingLiveChatPanel .landing-live-chat-reply button{width:42px!important;height:42px!important}
  #landingLiveChatPanel .landing-live-chat-expiry{font-size:.55rem!important;padding:6px 10px!important}
}

@media(max-width:900px){
  #landingLiveChatPanel .landing-live-chat-brand strong{font-size:.82rem!important}
  #landingLiveChatPanel .landing-live-chat-brand small{font-size:.60rem!important}
  #landingLiveChatPanel .landing-live-chat-intro{font-size:.70rem!important;line-height:1.52!important}
  #landingLiveChatPanel .landing-live-chat-fields label>span{font-size:.60rem!important}
  #landingLiveChatPanel .landing-live-chat-fields .input{font-size:.72rem!important}
  #landingLiveChatPanel .landing-live-chat-message p{font-size:.86rem!important;line-height:1.52!important}
  #landingLiveChatPanel .landing-live-chat-thinking p{font-size:.80rem!important}
  #landingLiveChatPanel .landing-live-chat-message-meta strong{font-size:.61rem!important}
  #landingLiveChatPanel .landing-live-chat-message-meta>span{font-size:.56rem!important}
  #landingLiveChatPanel .landing-live-chat-reply textarea{font-size:.82rem!important;line-height:1.42!important}
}