/* Centro de Mensagens — ref navy SS22.fun */
#modalContato.modal-suporte{
  display:none!important;
  position:fixed!important;
  background:#0B101B!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:#0B101B!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:#0B101B!important;
  border:0!important;
  box-shadow:none!important;
  padding:.95rem 1rem .35rem!important;
  flex-shrink:0;
}
#modalContato .mensagens-title{
  margin:0!important;
  text-align:center!important;
  color:#fff!important;
  font-size:1.22rem!important;
  font-weight:700!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.35rem!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.2rem!important;font-weight:300!important}
#modalContato .mensagens-tabs{
  display:flex!important;
  justify-content:flex-start!important;
  align-items:stretch!important;
  gap:1.4rem!important;
  background:#0B101B!important;
  border:0!important;
  padding:.1rem 1.15rem .2rem!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:#8B93A7!important;
  font-size:1rem!important;
  font-weight:600!important;
  font-family:inherit!important;
  padding:.45rem .05rem .55rem!important;
  margin:0!important;
  cursor:pointer;
  white-space:nowrap;
  appearance:none!important;
}
#modalContato .mensagens-tab.active{color:#4A90E2!important}
#modalContato .mensagens-tab.active::after{
  content:""!important;
  position:absolute!important;
  left:0!important;
  right:0!important;
  bottom:0!important;
  height:2px!important;
  border-radius:1px!important;
  background:#4A90E2!important;
}
#modalContato .mensagens-scroll{
  padding:.7rem 1rem 2rem;
  overflow-y:auto;
  flex:1;
  background:#0B101B!important;
}
#modalContato .msg-hero{
  display:grid;
  grid-template-columns:7.6rem 1fr;
  gap:.55rem .85rem;
  align-items:center;
  background:#161D2D;
  border-radius:12px;
  padding:.85rem .95rem 1rem;
  margin:0 0 .85rem;
  position:relative;
  overflow:hidden;
}
#modalContato .msg-hero::before{
  content:"";
  position:absolute;
  left:-10%;
  top:10%;
  width:9rem;
  height:9rem;
  border-radius:50%;
  background:radial-gradient(circle,rgba(245,200,70,.35) 0%,rgba(245,200,70,.08) 42%,transparent 70%);
  pointer-events:none;
  z-index:0;
}
#modalContato .msg-hero-agent-wrap{
  position:relative;
  z-index:1;
  width:7.4rem;
  height:8.6rem;
  display:flex;
  align-items:flex-end;
  justify-content:center;
}
#modalContato .msg-hero-agent{
  width:100%;
  height:100%;
  object-fit:contain;
  object-position:center bottom;
  display:block;
  pointer-events:none;
  filter:drop-shadow(0 4px 12px rgba(0,0,0,.35));
}
#modalContato .msg-hero-copy{
  position:relative;
  z-index:1;
  min-width:0;
  padding-top:.15rem;
  display:flex;
  flex-direction:column;
  gap:.45rem;
}
#modalContato .msg-hero-title{
  margin:0;
  color:#fff;
  font-size:1.05rem;
  font-weight:700;
  line-height:1.3;
}
#modalContato .msg-hero-title em{
  font-style:normal;
  color:#F5C447;
  font-weight:800;
}
#modalContato .msg-hero-desc{
  margin:0;
  color:#9AA3B5;
  font-size:.82rem;
  line-height:1.45;
}
#modalContato .msg-hero-btn{
  display:block;
  width:100%;
  margin-top:.35rem;
  height:2.55rem;
  border:0;
  border-radius:8px;
  color:#4A90E2;
  font-size:.98rem;
  font-weight:700;
  font-family:inherit;
  cursor:pointer;
  background:#1A2740;
  box-shadow:none;
}
#modalContato .msg-hero-btn:active{opacity:.9}
#modalContato .msg-hero-btn [data-sup-unread-notify]{
  top:.55rem;
  right:.75rem;
  width:.5rem;
  height:.5rem;
}
#modalContato .msg-channels{display:flex;flex-direction:column;gap:.7rem}
#modalContato .msg-row{
  display:flex;
  align-items:center;
  gap:.75rem;
  min-height:4.6rem;
  padding:.7rem .85rem;
  border-radius:12px;
  background:#161D2D;
}
#modalContato .msg-row-ico{
  width:3.15rem;
  height:3.15rem;
  border-radius:10px;
  display:flex;
  align-items:center;
  justify-content:center;
  flex-shrink:0;
  overflow:hidden;
  background:transparent;
  padding:0;
}
#modalContato .msg-row-ico img{
  width:100%;
  height:100%;
  object-fit:contain;
  display:block;
}
#modalContato .msg-row-txt{flex:1;min-width:0;display:flex;flex-direction:column;gap:.18rem}
#modalContato .msg-row-txt strong{color:#fff;font-size:.98rem;font-weight:800;letter-spacing:.02em}
#modalContato .msg-row-txt small{color:#8B93A7;font-size:.78rem;line-height:1.25}
#modalContato .msg-row-btn{
  flex-shrink:0;
  height:2.15rem;
  padding:0 .95rem;
  border:1px solid rgba(74,144,226,.45);
  border-radius:8px;
  color:#4A90E2;
  background:#121826;
  box-shadow:none;
  font-size:.88rem;
  font-weight:700;
  text-decoration:none;
  display:inline-flex;
  align-items:center;
  justify-content:center;
}
#modalContato .msg-row-btn:active{opacity:.88}
#modalContato .mensagens-empty{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  padding:3rem 1rem;
  color:#8B93A7;
  text-align:center;
}
#modalContato .mensagens-empty i{font-size:2.2rem;margin-bottom:.75rem;opacity:.7}
#modalContato .mensagens-list{display:flex;flex-direction:column;gap:.75rem}
#modalContato .mensagens-item{
  background:#161D2D;
  border-radius:12px;
  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:#9AA3B5;font-size:.95rem;line-height:1.45}
#modalContato .mensagens-item-date{color:#7A8499;font-size:.82rem}

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

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;
}