/* Final customer-facing polish for Messages V2: desktop, tablet, phone and dark mode. */
#smsConversationsV2{
  --league-bg:#eef3f8;
  --league-panel:#ffffff;
  --league-border:#dbe5f0;
  --league-text:#0f172a;
  --league-muted:#64748b;
  --league-blue:#2563eb;
  --league-green:#059669;
  width:100%!important;
  max-width:100vw!important;
  isolation:isolate!important;
}

#smsConversationsV2 .v2-card{
  position:relative!important;
  transition:border-color .16s ease, background .16s ease, transform .16s ease, box-shadow .16s ease!important;
}
#smsConversationsV2 .v2-card:hover{
  transform:translateY(-1px)!important;
  box-shadow:0 10px 24px rgba(15,23,42,.08)!important;
}
#smsConversationsV2 .v2-card.is-unread .v2-name::after{
  content:'';
  display:inline-block;
  width:7px;
  height:7px;
  margin-inline-start:6px;
  border-radius:999px;
  background:var(--league-blue);
  vertical-align:middle;
}
#smsConversationsV2 .v2-preview::before{
  content:attr(data-direction-label);
  display:inline-block;
  margin-inline-end:6px;
  color:#475569;
  font-weight:900;
}
#smsConversationsV2 .v2-preview[data-direction-label='']::before{content:none;}

#smsConversationsV2 .v2-bubble{
  overflow-wrap:anywhere!important;
  word-break:break-word!important;
}
#smsConversationsV2 .v2-body{unicode-bidi:plaintext!important;}
#smsConversationsV2 .v2-message.is-out .v2-body{text-align:start!important;}
#smsConversationsV2 .v2-meta{opacity:.95!important;}
#smsConversationsV2 .delivery-delivered{color:#047857!important;font-weight:950!important}
#smsConversationsV2 .delivery-failed{color:#be123c!important;font-weight:950!important}
#smsConversationsV2 .delivery-pending{color:#475569!important;font-weight:900!important}

#smsConversationsV2 .v2-actions{
  align-items:center!important;
  gap:6px!important;
}
#smsConversationsV2 .v2-action{
  min-height:34px!important;
  border-radius:11px!important;
  box-shadow:none!important;
}
#smsConversationsV2 .v2-action-danger{
  background:#fff!important;
  border-color:#fecdd3!important;
}
#smsConversationsV2 .v2-actions form[data-conversation-state-actions]{
  opacity:.86!important;
}
#smsConversationsV2 .v2-actions form[data-conversation-state-actions] .v2-action:not(.v2-action-danger){
  color:#475569!important;
  background:#f8fafc!important;
}

#smsConversationsV2 .v2-compose{padding-bottom:max(11px,env(safe-area-inset-bottom))!important;}
#smsConversationsV2 .v2-compose textarea{overflow:auto!important;}
#smsConversationsV2 .v2-send{
  min-width:96px!important;
  box-shadow:0 10px 22px rgba(37,99,235,.22)!important;
}
#smsConversationsV2 .v2-send:hover{filter:brightness(.96)!important;}
#smsConversationsV2 .v2-send[disabled],
#smsComposeV2 .compose-send[disabled]{
  opacity:.72!important;
  cursor:progress!important;
  filter:saturate(.7)!important;
}
.sms-compose-counter{
  color:#64748b!important;
  font-size:12px!important;
  font-weight:850!important;
  margin-top:4px!important;
  text-align:start!important;
}
#smsConversationsV2 .v2-compose .sms-compose-counter{
  grid-column:1/-1!important;
  margin:-4px 4px 0!important;
}
#smsComposeV2 .sms-compose-counter{
  margin-top:-4px!important;
}

#smsConversationsV2 .v2-action,
#smsConversationsV2 .v2-tab,
#smsConversationsV2 .v2-copy,
#smsConversationsV2 .v2-send{
  -webkit-tap-highlight-color:transparent!important;
}

#smsConversationsV2 .v2-input,
#smsConversationsV2 .v2-select,
#smsConversationsV2 .v2-compose textarea{box-shadow:none!important;}
#smsConversationsV2 .v2-input:focus,
#smsConversationsV2 .v2-select:focus,
#smsConversationsV2 .v2-compose textarea:focus{
  border-color:#2563eb!important;
  box-shadow:0 0 0 3px rgba(37,99,235,.14)!important;
}

@media (min-width:1280px){
  #smsConversationsV2{grid-template-columns:minmax(340px,390px) minmax(0,1fr)!important}
  #smsConversationsV2 .v2-thread{padding-inline:clamp(36px,5vw,84px)!important}
  #smsConversationsV2 .v2-bubble{max-width:min(760px,72%)!important}
}

@media (max-width:980px){
  #smsConversationsV2{grid-template-columns:minmax(290px,330px) minmax(0,1fr)!important}
  #smsConversationsV2 .v2-header{grid-template-columns:auto minmax(0,1fr)!important}
  #smsConversationsV2 .v2-actions{grid-column:1/-1!important;justify-content:stretch!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}
  #smsConversationsV2 .v2-actions form{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}
  #smsConversationsV2 .v2-action{width:100%!important;min-width:0!important}
}

@media (max-width:760px){
  #smsConversationsV2{
    min-height:calc(100dvh - 58px)!important;
    background:#f8fafc!important;
  }
  #smsConversationsV2 .v2-sidebar,
  #smsConversationsV2 .v2-chat{width:100%!important;max-width:100vw!important;}
  #smsConversationsV2 .v2-list{padding:8px 8px 96px!important}
  #smsConversationsV2 .v2-card{grid-template-columns:42px minmax(0,1fr)!important;border-radius:16px!important;padding:11px!important;margin-bottom:8px!important}
  #smsConversationsV2 .v2-avatar{width:42px!important;height:42px!important}
  #smsConversationsV2 .v2-header{min-height:auto!important;padding:10px!important;box-shadow:0 6px 20px rgba(15,23,42,.08)!important}
  #smsConversationsV2 .v2-title{font-size:16px!important}
  #smsConversationsV2 .v2-subtitle{font-size:11.5px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  #smsConversationsV2 .v2-thread{padding:12px 9px 120px!important;background:#eef3f8!important}
  #smsConversationsV2 .v2-bubble{max-width:92%!important;padding:10px 11px 8px!important;border-radius:16px 16px 5px 16px!important}
  #smsConversationsV2 .v2-message.is-out .v2-bubble{border-radius:16px 16px 16px 5px!important}
  #smsConversationsV2 .v2-body{font-size:14px!important;line-height:1.55!important}
  #smsConversationsV2 .v2-meta{font-size:10.5px!important}
  #smsConversationsV2 .v2-compose{position:fixed!important;left:0!important;right:0!important;bottom:0!important;z-index:4000!important;border-radius:18px 18px 0 0!important}
  #smsConversationsV2 .v2-compose textarea{min-height:44px!important;max-height:116px!important}
}

@media (max-width:420px){
  #smsConversationsV2 .v2-nav{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important;padding:8px!important}
  #smsConversationsV2 .v2-filter{padding:8px!important}
  #smsConversationsV2 .v2-card{grid-template-columns:38px minmax(0,1fr)!important;gap:9px!important}
  #smsConversationsV2 .v2-avatar{width:38px!important;height:38px!important;border-radius:13px!important}
  #smsConversationsV2 .v2-row{align-items:flex-start!important}
  #smsConversationsV2 .v2-side{display:grid!important;justify-items:end!important;gap:3px!important}
  #smsConversationsV2 .v2-tags{gap:4px!important}
  #smsConversationsV2 .v2-tag{font-size:10px!important;max-width:100%!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
  #smsConversationsV2 .v2-actions,
  #smsConversationsV2 .v2-actions form{grid-template-columns:1fr!important}
  #smsConversationsV2 .v2-bubble{max-width:96%!important}
}

html[data-theme='dark'] #smsConversationsV2 .v2-preview::before,
body.dark #smsConversationsV2 .v2-preview::before,
body[data-theme='dark'] #smsConversationsV2 .v2-preview::before{color:#cbd5e1!important}
html[data-theme='dark'] #smsConversationsV2 .delivery-delivered,
body.dark #smsConversationsV2 .delivery-delivered,
body[data-theme='dark'] #smsConversationsV2 .delivery-delivered{color:#86efac!important}
html[data-theme='dark'] #smsConversationsV2 .delivery-failed,
body.dark #smsConversationsV2 .delivery-failed,
body[data-theme='dark'] #smsConversationsV2 .delivery-failed{color:#fda4af!important}
html[data-theme='dark'] #smsConversationsV2 .delivery-pending,
body.dark #smsConversationsV2 .delivery-pending,
body[data-theme='dark'] #smsConversationsV2 .delivery-pending{color:#cbd5e1!important}