/* =========================
   Gameway — Compact Avatar Hover
   keeps all functions, removes button pills
   ========================= */

/* Card */
.modal_avatar_hover{
  width: 360px; max-width: 92vw;
  background: rgba(10,22,40,.92) !important;  /* dark blue */
  color: #e8eef7 !important;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 14px;
  box-shadow: 0 12px 40px rgba(0,0,0,.40);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  padding: 14px 14px 12px;
  z-index: 99999;
  text-align: left;
}

/* Header row: avatar + name block */
.avatarep_tavatar,
.avatarep_tavatar_hov{
  display: grid;
  grid-template-columns: 72px 1fr;
  gap: 12px;
  align-items: center;
  padding: 0;
}

/* Avatar image */
.avatarep_tavatar img,
.avatarep_tavatar_hov img{
  width: 72px; height: 72px;
  border-radius: 12px;
  object-fit: cover;
  background:#0f1b2e;
  box-shadow: 0 8px 20px rgba(0,0,0,.35), inset 0 0 0 1px rgba(255,255,255,.06);
  padding: 0;
}

/* Hide the old green/orange boxes */
.avatarep_online_ext1,.avatarep_online_ext,
.avatarep_offline_ext1,.avatarep_offline_ext,
.avatarep_online_ext2,.avatarep_offline_ext2{ display:none !important; }

/* Name + role */
.avatarep_profile{ width:auto; padding-left:0; color:#cfe2ff; }
.avatarep_uname{            /* username */
  display:block;
  font-size:18px; font-weight:800; color:#fff; margin-bottom:2px;
}
.avatarep_usern, .avatarep_usern_hov{ display:none; } /* remove old floating slab */

.avatarep_memprofile{       /* small role/badge line */
  display:block;
  font-size:12px; font-weight:700; color:#9db0c6; margin-top:0;
}

/* Stats area (below header) */
.avatarep_uprofile, .avatarep_uprofile_hov{
  margin-top: 10px; padding: 0;
  line-height: 1.45;
  color:#b6c5d9; font-size:12px;
}
.avatarep_data{ font-size:12px; color:#b6c5d9; }
.avatarep_data_item{ display:block; }

/* Subtle online dot on avatar (defaults to green) */
.avatarep_tavatar{ position:relative; }
.avatarep_tavatar::after{
  content:""; position:absolute; left:54px; top:54px;
  width:14px; height:14px; border-radius:50%;
  background:#26c281; box-shadow:0 0 0 3px rgba(10,22,40,.92);
}
.avatarep_offline_ext1 ~ .avatarep_tavatar::after,
.avatarep_offline_ext  ~ .avatarep_tavatar::after{ background:#ff6b6b; }

/* Function links row — plain text links, no chips */
.avatarep_memprofile a{
  display:inline-block;
  margin: 8px 12px 0 0;
  padding: 0;
  font-size:12px; font-weight:700;
  color:#a5d2ff !important; text-decoration:none;
  border:none; background:transparent; box-shadow:none;
}
.avatarep_memprofile a:hover{ color:#7cffc4 !important; text-decoration:underline; }

/* Tidy spacing from old plugin helpers */
.avatarep_divisor, .avatarep_divisor_hov{ margin-top: 8px; }

/* Mobile tweaks */
@media (max-width: 450px){
  .modal_avatar_hover{ width: 92vw; padding: 12px; border-radius: 12px; }
  .avatarep_tavatar, .avatarep_tavatar_hov{
    grid-template-columns: 60px 1fr; gap:10px;
  }
  .avatarep_tavatar img{ width:60px; height:60px; }
  .avatarep_uname{ font-size:16px; }
  .avatarep_memprofile{ font-size:11px; }
  .avatarep_memprofile a{ margin-top:6px; font-size:12px; }
}