/* Centro de Mensagens — overlay fullscreen so com .show */
#modalContato.modal-suporte{
  display:none!important;
  position:fixed!important;
  background:linear-gradient(180deg,#2b1d4a 0%,#1a162b 42%,#120f22 100%)!important;
  z-index:10040!important;
  box-sizing:border-box!important;
}
#modalContato.modal-suporte.show{
  display:flex!important;
  flex-direction:column!important;
  left:50%!important;
  right:auto!important;
  top:0!important;
  bottom:0!important;
  width:100%!important;
  max-width:var(--phone-w,516px)!important;
  height:100%!important;
  height:100dvh!important;
  transform:translateX(-50%)!important;
  margin:0!important;
  border-radius:0!important;
}
#modalContato .mensagens-screen{
  background:transparent!important;
  color:#eee;
  flex:1;
  min-height:0;
  display:flex!important;
  flex-direction:column!important;
}
#modalContato .mensagens-header{
  display:grid!important;
  grid-template-columns:2.8rem 1fr 2.8rem!important;
  align-items:center!important;
  gap:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  padding:1.1rem 1.1rem .2rem!important;
  flex-shrink:0;
}
#modalContato .mensagens-title{
  margin:0!important;
  text-align:center!important;
  color:#f2f0f8!important;
  font-size:1.55rem!important;
  font-weight:600!important;
  letter-spacing:.01em;
  line-height:1.2;
}
#modalContato .mensagens-header-spacer{width:2.8rem!important;height:2.8rem!important}
#modalContato .mensagens-back{
  position:static!important;
  width:2.8rem!important;
  height:2.8rem!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:#fff!important;
  font-size:1.7rem!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  cursor:pointer;
  appearance:none!important;
}
#modalContato .mensagens-back i{color:#fff!important;font-size:1.55rem!important;font-weight:300!important}
#modalContato .mensagens-tabs{
  display:flex!important;
  justify-content:flex-start!important;
  align-items:stretch!important;
  gap:1.6rem!important;
  background:transparent!important;
  border:0!important;
  padding:.15rem 1.45rem .35rem!important;
  margin:0!important;
  flex-shrink:0;
  overflow:visible!important;
}
#modalContato .mensagens-tab{
  position:relative!important;
  flex:0 0 auto!important;
  border:0!important;
  background:transparent!important;
  color:#c9c5d8!important;
  font-size:1.35rem!important;
  font-weight:600!important;
  font-family:inherit!important;
  padding:.55rem .05rem .7rem!important;
  margin:0!important;
  cursor:pointer;
  white-space:nowrap;
  appearance:none!important;
}
#modalContato .mensagens-tab.active{color:#fff!important}
#modalContato .mensagens-tab.active::after{
  content:""!important;
  position:absolute!important;
  left:0!important;
  right:0!important;
  bottom:0!important;
  height:.18rem!important;
  border-radius:1rem!important;
  background:linear-gradient(90deg,#f6c445 0%,#e08a5a 42%,#b45ee0 100%)!important;
}
#modalContato .mensagens-scroll{
  padding:.55rem 1.35rem 2.2rem;
  overflow-y:auto;
  flex:1;
  background:transparent!important;
}
#modalContato .msg-hero{
  display:grid;
  grid-template-columns:1fr 12.2rem;
  gap:.4rem 0;
  align-items:start;
  padding:.15rem 0 .2rem;
  min-height:15.5rem;
}
#modalContato .msg-hero-copy{padding-top:.35rem;padding-right:.4rem}
#modalContato .msg-hero-hours{
  margin:0 0 .7rem;
  color:#2ecc71;
  font-size:1.28rem;
  font-weight:700;
  display:flex;
  align-items:center;
  gap:.42rem;
}
#modalContato .msg-hero-hours i{font-size:1.15rem}
#modalContato .msg-hero-title{
  margin:0 0 .7rem;
  color:#fff;
  font-size:2.35rem;
  font-weight:800;
  letter-spacing:.01em;
  line-height:1.15;
}
#modalContato .msg-hero-desc{
  margin:0;
  color:#a8a3bf;
  font-size:1.22rem;
  line-height:1.5;
  max-width:22rem;
}
#modalContato .msg-hero-agent{
  width:13.2rem;
  height:16.4rem;
  margin-right:-.6rem;
  object-fit:contain;
  object-position:bottom right;
  display:block;
  pointer-events:none;
}
#modalContato .msg-hero-btn{
  display:block;
  position:relative;
  width:100%;
  height:4.55rem;
  border:0;
  border-radius:2.4rem;
  color:#fff;
  font-size:1.62rem;
  font-weight:800;
  font-family:inherit;
  cursor:pointer;
  background:linear-gradient(90deg,#9d5cff 0%,#7b42f6 42%,#5b6dff 100%);
  box-shadow:0 .55rem 1.4rem rgba(90,70,255,.38);
  margin:.2rem 0 1.55rem;
}
#modalContato .msg-hero-btn [data-sup-unread-notify]{
  top:.75rem;
  right:1.35rem;
  width:.62rem;
  height:.62rem;
}
#modalContato .msg-channels{display:flex;flex-direction:column;gap:.92rem}
#modalContato .msg-row{
  display:flex;
  align-items:center;
  gap:.9rem;
  min-height:6.6rem;
  padding:.95rem 1rem;
  border-radius:1.25rem;
  background:rgb(38 34 68);
}
#modalContato .msg-row-ico{
  width:4.35rem;
  height:4.35rem;
  border-radius:1.05rem;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#fff;
  font-size:2.15rem;
  flex-shrink:0;
  position:relative;
}
#modalContato .msg-row-ico-rio{background:#2aa4e2;border-radius:50%}
#modalContato .msg-row-ico-rio b{
  position:absolute;
  top:-.42rem;
  left:50%;
  transform:translateX(-50%);
  background:linear-gradient(90deg,#f7d56a,#e0a020);
  color:#4a2e08;
  font-size:.7rem;
  font-weight:800;
  line-height:1.15;
  padding:.1rem .32rem;
  border-radius:.22rem;
  white-space:nowrap;
  letter-spacing:.02em;
}
#modalContato .msg-row-ico-tg{background:#2aa4e2;border-radius:50%}
#modalContato .msg-row-ico-wa{background:#25d366;border-radius:50%}
#modalContato .msg-row-txt{flex:1;min-width:0;display:flex;flex-direction:column;gap:.2rem}
#modalContato .msg-row-txt strong{color:#fff;font-size:1.34rem;font-weight:800}
#modalContato .msg-row-txt small{color:#8b86a9;font-size:1.12rem}
#modalContato .msg-row-btn{
  flex-shrink:0;
  height:3.15rem;
  padding:0 1.2rem;
  border:0;
  border-radius:1.7rem;
  color:#fff;
  background:linear-gradient(90deg,#9d5cff 0%,#7b42f6 42%,#5b6dff 100%);
  box-shadow:0 .35rem .9rem rgba(90,70,255,.28);
  font-size:1.22rem;
  font-weight:700;
  text-decoration:none;
  display:inline-flex;
  align-items:center;
  justify-content:center;
}
#modalContato .mensagens-empty{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  padding:3rem 1rem;
  color:#9a96b0;
  text-align:center;
}
#modalContato .mensagens-empty i{font-size:2.5rem;margin-bottom:.75rem;opacity:.7}
#modalContato .mensagens-list{display:flex;flex-direction:column;gap:.75rem}
#modalContato .mensagens-item{
  background:rgba(38,34,68,.85);
  border-radius:.85rem;
  padding:1rem;
}
#modalContato .mensagens-item-title{margin:0 0 .5rem;color:#fff;font-size:1.05rem}
#modalContato .mensagens-item-body{margin:0 0 .5rem;color:#b8b4c9;font-size:.95rem;line-height:1.45}
#modalContato .mensagens-item-date{color:#7a7598;font-size:.82rem}

body.vita-clone.msg-center-open,
body.home-ref.msg-center-open,
body.pagina-perfil.msg-center-open{
  overflow:hidden!important;
}

/* Anula regras quebradas legadas no riohh-kaz (modal sempre visivel) */
body.vita-clone .modal-suporte:not(.show),
body.home-ref .modal-suporte:not(.show),
body.pagina-perfil .modal-suporte:not(.show),
body.pagina-ofertas .modal-suporte:not(.show){
  display:none!important;
}