/* G6M_BUNDLE_29 — 5 feuilles, ordre du document preserve */
/* ==== g6m-similarthreads-v459.css ==== */
/* G6M_SIMILARTHREADS_V459 — Andy Similar Threads / GTA6Modding */
.g6m-similar-threads,
.block.g6m-similar-threads,
.p-body-pageContent .g6m-similar-threads.block {
  margin: 1rem 0 1.25rem !important;
  border: 1px solid rgba(0, 229, 255, 0.22) !important;
  border-radius: 14px !important;
  background: rgba(8, 12, 22, 0.72) !important;
  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.28) !important;
  backdrop-filter: blur(8px);
  overflow: hidden;
}

.g6m-similar-threads .block-container {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

.g6m-similar-threads .block-header,
.g6m-similar-threads .similarthreads-heading {
  display: flex !important;
  align-items: center;
  gap: 0.55rem;
  margin: 0 !important;
  padding: 0.85rem 1rem !important;
  font-size: 0.95rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: #f4f7ff !important;
  background: linear-gradient(90deg, rgba(255, 45, 85, 0.18), rgba(0, 229, 255, 0.12)) !important;
  border-bottom: 1px solid rgba(0, 229, 255, 0.18) !important;
}

/* CORRIGE 2026-08-09 — le carre vide de l'en-tete.
   La regle demandait un glyphe de « Font Awesome 5 Pro », police PAYANTE qui
   n'est pas chargee sur ce forum : le navigateur affichait donc le caractere de
   remplacement, un rectangle vide. On passe a un url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 9a2 2 0 0 1-2 2H6l-4 4V4a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2z'/%3E%3Cpath d='M18 9h2a2 2 0 0 1 2 2v11l-4-4h-6a2 2 0 0 1-2-2v-1'/%3E%3C/svg%3E") en mask-image, sans aucune
   dependance de police — meme methode que les icones de la nav et du footer. */
.g6m-similar-threads .block-header::before {
  content: "";
  flex: 0 0 auto;
  width: 1.05rem;
  height: 1.05rem;
  background-color: #00e5ff;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 9a2 2 0 0 1-2 2H6l-4 4V4a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2z'/%3E%3Cpath d='M18 9h2a2 2 0 0 1 2 2v11l-4-4h-6a2 2 0 0 1-2-2v-1'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 9a2 2 0 0 1-2 2H6l-4 4V4a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2z'/%3E%3Cpath d='M18 9h2a2 2 0 0 1 2 2v11l-4-4h-6a2 2 0 0 1-2-2v-1'/%3E%3C/svg%3E");
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-position: center;
  mask-position: center;
  filter: drop-shadow(0 0 6px rgba(0, 229, 255, 0.55));
}

.g6m-similar-threads .block-body {
  padding: 0.35rem 0.4rem 0.55rem !important;
}

.g6m-similar-threads .structItemContainer,
.g6m-similar-threads .structItem {
  background: transparent !important;
}

.g6m-similar-threads .structItem {
  border-radius: 10px;
  transition: background 0.18s ease, transform 0.18s ease;
}

.g6m-similar-threads .structItem:hover {
  background: rgba(0, 229, 255, 0.07) !important;
  transform: translateY(-1px);
}

.g6m-similar-threads .structItem-title a {
  color: #f4f7ff !important;
  text-decoration: none !important;
}

.g6m-similar-threads .structItem-title a:hover {
  color: #00e5ff !important;
}

.g6m-similar-threads .contentRow,
.similarthreads-container .contentRow {
  padding: 0.55rem 0.35rem;
  border-radius: 10px;
  transition: background 0.18s ease, transform 0.18s ease;
}

.g6m-similar-threads .contentRow:hover,
.similarthreads-container .contentRow:hover {
  background: rgba(0, 229, 255, 0.07);
  transform: translateY(-1px);
}

.similarthreads-container {
  background: rgba(8, 12, 22, 0.72) !important;
  border: 1px solid rgba(0, 229, 255, 0.22) !important;
  border-radius: 14px !important;
  margin: 0.75rem 0 1rem !important;
  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.28) !important;
  backdrop-filter: blur(8px);
  overflow: hidden;
}

.similarthreads-heading {
  background: linear-gradient(90deg, rgba(255, 45, 85, 0.18), rgba(0, 229, 255, 0.12)) !important;
  border-bottom: 1px solid rgba(0, 229, 255, 0.18) !important;
  color: #f4f7ff !important;
}

.similarthreads-separator {
  border-top-color: rgba(0, 229, 255, 0.12) !important;
  margin: 0.15rem 0 !important;
}

.similarthreads-date,
.g6m-similar-threads .contentRow-minor {
  color: rgba(196, 210, 235, 0.72) !important;
}

#similarthreads-result {
  max-width: 100%;
  overflow: hidden;
}

@media (max-width: 900px) {
  .g6m-similar-threads .structItem-cell--meta,
  .g6m-similar-threads .structItem-cell--latest {
    min-width: 0 !important;
  }
}

@media (max-width: 650px) {
  .g6m-similar-threads,
  .similarthreads-container {
    margin: 0.75rem 0 1rem !important;
    border-radius: 12px !important;
  }
  .g6m-similar-threads .block-header,
  .similarthreads-heading {
    font-size: 0.85rem !important;
    padding: 0.7rem 0.85rem !important;
  }
  .g6m-similar-threads .structItem-title {
    overflow-wrap: anywhere;
    word-break: break-word;
  }
  .g6m-similar-threads .structItem-cell--meta,
  .g6m-similar-threads .structItem-cell--latest {
    white-space: normal !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .g6m-similar-threads .structItem,
  .g6m-similar-threads .contentRow,
  .similarthreads-container .contentRow {
    transition: none !important;
    transform: none !important;
  }
}


/* ===========================================================================
   G6M_SIMILARTHREADS_V460 — lisibilite de la ligne
   ---------------------------------------------------------------------------
   Constat mesure sur la page : la ligne fait 1281px pour une cellule principale
   de 754px presque vide, le titre a le meme poids visuel que le reste, et le
   lien « Editer » — le lien de moderation de XenForo, flotte a droite par
   `.structItem-extraInfo` — se retrouve isole au milieu de la ligne.
   =========================================================================== */

/* Barre d'accent a gauche, revelee au survol : ancre la ligne sans l'alourdir.
   ATTENTION — la porter par la PREMIERE CELLULE, jamais par `.structItem` :
   la ligne est un `display: table`, et un `::before` absolu place directement
   dessus est enferme par le navigateur dans une CELLULE ANONYME. Mesure faite
   sur la page : la colonne du titre passait de 754px a 377px, les 378px voles
   apparaissant en vide a gauche. Une cellule, elle, est un bloc conteneur
   ordinaire : le pseudo-element n'y occupe aucune place. */
.g6m-similar-threads .structItem-cell:first-child {
  position: relative;
}

.g6m-similar-threads .structItem-cell:first-child::before {
  content: "";
  position: absolute;
  left: 0;
  top: 8px;
  bottom: 8px;
  width: 2px;
  border-radius: 2px;
  background: linear-gradient(180deg, #ff2d55, #00e5ff);
  opacity: 0;
  transition: opacity 0.18s ease;
  pointer-events: none;
}

.g6m-similar-threads .structItem:hover .structItem-cell:first-child::before {
  opacity: 0.9;
}

/* Le titre est l'information principale : il doit dominer */
.g6m-similar-threads .structItem-title {
  font-size: 1rem !important;
  line-height: 1.35 !important;
}

.g6m-similar-threads .structItem-title a {
  font-weight: 650 !important;
}

/* Auteur et date : recules d'un cran */
.g6m-similar-threads .structItem-minor {
  font-size: 0.78rem !important;
  opacity: 0.86;
}

/* « Editer » : lien de moderation, utile mais secondaire. Il reste atteignable
   au clavier grace a :focus-within, et lisible des que la ligne est survolee. */
.g6m-similar-threads .structItem-extraInfoMinor {
  opacity: 0;
  transition: opacity 0.18s ease;
}

.g6m-similar-threads .structItem:hover .structItem-extraInfoMinor,
.g6m-similar-threads .structItem:focus-within .structItem-extraInfoMinor {
  opacity: 0.75;
}

.g6m-similar-threads .structItem-extraInfoMinor a {
  font-size: 0.72rem !important;
  text-transform: lowercase;
  color: rgba(196, 210, 235, 0.9) !important;
}

/* Compteurs : libelle discret, chiffre affirme */
.g6m-similar-threads .structItem-cell--meta dt {
  font-size: 0.66rem !important;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  opacity: 0.62;
}

.g6m-similar-threads .structItem-cell--meta dd {
  font-size: 0.95rem !important;
  font-weight: 700 !important;
  color: #dff6ff !important;
}

/* Dernier message : la date recule, le pseudo garde la couleur de son groupe.
   Pas d'`opacity` sur la cellule — elle ternissait aussi le pseudo. */
.g6m-similar-threads .structItem-cell--latest {
  font-size: 0.78rem !important;
}

.g6m-similar-threads .structItem-cell--latest .structItem-latestDate {
  color: rgba(196, 210, 235, 0.62) !important;
}

.g6m-similar-threads .structItem-cell--latest .username {
  font-weight: 600;
}

.g6m-similar-threads .structItem-cell--latest .username:hover,
.g6m-similar-threads .structItem-cell--latest .username:hover span {
  color: #ff0b8b !important;
}

/* Sous 900px les deux colonnes de droite n'ont plus la place. On garde les
   compteurs, qui tiennent en une ligne, et on retire le dernier message. */
@media (max-width: 900px) {
  .g6m-similar-threads .structItem-cell--latest {
    display: none !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .g6m-similar-threads .structItem-cell:first-child::before,
  .g6m-similar-threads .structItem-extraInfoMinor {
    transition: none !important;
  }
}

/* ---------------------------------------------------------------------------
   Marge basse
   ---------------------------------------------------------------------------
   Le bloc etait a fleur du cadre du conteneur des messages ; on avait donc mis
   sa marge a 0 et efface le filet de fermeture pour supprimer une bande vide de
   25px terminee par un trait.
   Depuis V465 le conteneur a 14px de retrait lateral comme la reponse rapide :
   la carte n'est plus a fleur, le filet redevient un vrai bord de carte et une
   petite marge basse est necessaire.
   Specificite alignee sur la regle de base en tete de fichier
   (`.p-body-pageContent .g6m-similar-threads.block`, 3 classes) : sans le
   selecteur long, ce `!important` perdrait et la marge resterait a 1.25rem.
   --------------------------------------------------------------------------- */
.g6m-similar-threads:last-child,
.block.g6m-similar-threads:last-child,
.p-body-pageContent .g6m-similar-threads.block:last-child {
	margin-bottom: 2px !important;
}

/* ==== g6m-avatar-react-fix-v460.css ==== */
/* G6M_AVATAR_REACT_FIX_V460 — reactions superseded by g6m-reactplus-v463.css */
html body .message-cell--user .message-avatar .avatar.avatar--default,
html body .message-cell--user .message-avatar-wrapper .avatar.avatar--default,
html body .message--post .message-avatar .avatar.avatar--default,
html body .structItem-iconContainer .avatar.avatar--default,
html body .avatar.avatar--default.avatar--default--dynamic,
html body .avatar.avatar--default.avatar--default--text {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: hidden !important;
  line-height: 1 !important;
  text-align: center !important;
  text-indent: 0 !important;
  font-weight: 700 !important;
  box-sizing: border-box !important;
}
html body .message-cell--user .message-avatar .avatar.avatar--default > span,
html body .message-cell--user .message-avatar-wrapper .avatar.avatar--default > span,
html body .message--post .message-avatar .avatar.avatar--default > span,
html body .structItem-iconContainer .avatar.avatar--default > span,
html body .avatar.avatar--default > span[role="img"],
html body .avatar.avatar--default > span[class^="avatar-u"] {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1 !important;
  text-indent: 0 !important;
  text-align: center !important;
  font-size: 1.15em !important;
  font-weight: 700 !important;
  transform: none !important;
  position: static !important;
}
html body .message-cell--user .message-avatar .avatar.avatar--default img,
html body .message-cell--user .message-avatar-wrapper .avatar.avatar--default img {
  display: none !important;
}

/* ==== g6m-statistiche-v461.css ==== */
/* G6M_STATISTICHE_V461 — Statistiche 1.7.6 / GTA6Modding Miami neon dark glass */

/* ── Widget shell ─────────────────────────────────────────────── */
[data-widget-key="statistiche_visite"],
[data-widget-key="statistiche_visite"] .block-container,
.stat-glass-style,
.stat-glass-style .block-container {
  border: 1px solid rgba(0, 229, 255, 0.22) !important;
  border-radius: 14px !important;
  background: rgba(8, 12, 22, 0.72) !important;
  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.28) !important;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  overflow: hidden;
  color: #f4f7ff !important;
}

[data-widget-key="statistiche_visite"] .block-minorHeader,
[data-widget-key="statistiche_visite"] .block-header,
.stat-glass-style .block-header,
.stat-glass-style .block-minorHeader {
  margin: 0 !important;
  padding: 0.85rem 1rem !important;
  font-size: 0.95rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: #f4f7ff !important;
  background: linear-gradient(90deg, rgba(255, 45, 85, 0.18), rgba(0, 229, 255, 0.12)) !important;
  border-bottom: 1px solid rgba(0, 229, 255, 0.18) !important;
}

[data-widget-key="statistiche_visite"] .block-body,
.stat-glass-style .block-body {
  background: transparent !important;
  padding: 0.75rem 1rem 1rem !important;
}

[data-widget-key="statistiche_visite"] a,
.stat-glass-style a {
  color: #00e5ff !important;
  text-decoration: none;
  transition: color 0.18s ease;
}

[data-widget-key="statistiche_visite"] a:hover,
.stat-glass-style a:hover {
  color: #ff2d55 !important;
}

[data-widget-key="statistiche_visite"] .pairs dt,
.stat-glass-style .pairs dt {
  color: rgba(244, 247, 255, 0.72) !important;
}

[data-widget-key="statistiche_visite"] .pairs dd,
.stat-glass-style .pairs dd {
  color: #f4f7ff !important;
  font-weight: 600;
}

[data-widget-key="statistiche_visite"] hr.formRowSep,
.stat-glass-style hr.formRowSep {
  border-color: rgba(0, 229, 255, 0.12) !important;
}

/* ── Pulse dot ────────────────────────────────────────────────── */
.stat-pulse-dot {
  display: inline-block;
  width: 8px;
  height: 8px;
  background-color: #00e5ff !important;
  border-radius: 50%;
  margin-left: 8px;
  margin-right: 6px;
  box-shadow: 0 0 0 rgba(0, 229, 255, 0.4);
  animation: g6mStatPulse 2s infinite;
  vertical-align: middle;
}

@keyframes g6mStatPulse {
  0% { box-shadow: 0 0 0 0 rgba(0, 229, 255, 0.7); }
  70% { box-shadow: 0 0 0 6px rgba(0, 229, 255, 0); }
  100% { box-shadow: 0 0 0 0 rgba(0, 229, 255, 0); }
}

/* ── Sparkline bars ───────────────────────────────────────────── */
.stat-sparkline,
.widget-bar-container {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  height: 60px;
  margin-top: 5px;
  margin-bottom: 15px;
  padding-bottom: 0;
  gap: 3px;
  border-bottom: 1px solid rgba(0, 229, 255, 0.14) !important;
}

.stat-spark-bar,
.widget-bar {
  flex: 1;
  background: linear-gradient(to top, #006b80, #00e5ff) !important;
  border-radius: 3px 3px 0 0;
  position: relative;
  transition: transform 0.25s ease, filter 0.25s ease, opacity 0.25s ease;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  padding-bottom: 2px;
  opacity: 0.88;
}

.stat-spark-bar:hover,
.widget-bar:hover {
  transform: translateY(-2px);
  filter: brightness(1.15);
  opacity: 1;
}

.stat-spark-bar.today,
.widget-bar.today {
  background: linear-gradient(to top, #cc0033, #ff2d55) !important;
}

.stat-bar-text,
.widget-bar-text {
  font-size: 9px;
  font-weight: 700;
  color: #fff;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.55);
  pointer-events: none;
  line-height: 1;
  padding-bottom: 3px;
}

/* ── Device bar ───────────────────────────────────────────────── */
.stat-device-bar,
.widget-device-bar {
  display: flex;
  height: 6px;
  border-radius: 3px;
  overflow: hidden;
  margin-top: 8px;
  background: rgba(0, 229, 255, 0.08) !important;
}

.stat-dev-segment,
.widget-seg-desk {
  background: linear-gradient(90deg, #006b80, #00e5ff) !important;
  height: 100%;
}

.widget-seg-mob,
.stat-dev-segment + .stat-dev-segment {
  background: linear-gradient(90deg, #cc0033, #ff2d55) !important;
}

/* ── Toggle line ────────────────────────────────────────────────── */
.stat-toggle-line {
  text-align: center;
  cursor: pointer;
  margin: 10px 0 5px;
  padding: 6px 0;
  border-top: 1px dashed rgba(0, 229, 255, 0.18) !important;
  border-bottom: 1px dashed rgba(0, 229, 255, 0.18) !important;
  background: rgba(0, 229, 255, 0.04) !important;
  color: rgba(244, 247, 255, 0.62) !important;
  font-size: 10px;
  transition: background 0.2s ease, color 0.2s ease;
}

.stat-toggle-line:hover {
  background: rgba(0, 229, 255, 0.1) !important;
  color: #f4f7ff !important;
}

.stat-toggle-line .stat-arrow {
  display: inline-block;
  transition: transform 0.3s ease;
  animation: g6mStatTrill 2s infinite ease-in-out;
}

.stat-toggle-line.is-active .stat-arrow {
  transform: rotate(180deg);
}

@keyframes g6mStatTrill {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-3px); }
}

#stat-detailed-metrics {
  transition: opacity 0.3s ease;
}

/* ── Footer button ────────────────────────────────────────────── */
.stat-footer-btn {
  border: 1px solid rgba(0, 229, 255, 0.35) !important;
  border-radius: 12px;
  font-weight: 700;
  color: #f4f7ff !important;
  padding: 8px 16px;
  display: inline-block;
  text-decoration: none;
  font-size: 13px;
  background: rgba(0, 229, 255, 0.08) !important;
  transition: background 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
}

.stat-footer-btn:hover {
  background: rgba(255, 45, 85, 0.16) !important;
  border-color: rgba(255, 45, 85, 0.45) !important;
  text-decoration: none;
  transform: translateY(-1px);
  box-shadow: 0 6px 18px rgba(255, 45, 85, 0.18);
  color: #fff !important;
}

/* ── Report page ────────────────────────────────────────────────── */
.p-body-pageContent .statHeader-container,
.p-body-pageContent .widget-card,
.p-body-pageContent .tech-card,
.p-body-pageContent .chart-block-container {
  border: 1px solid rgba(0, 229, 255, 0.22) !important;
  border-radius: 14px !important;
  background: rgba(8, 12, 22, 0.72) !important;
  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.28) !important;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  color: #f4f7ff !important;
}

.p-body-pageContent .statHeader-text h3,
.p-body-pageContent .widget-header,
.p-body-pageContent .insight-title {
  color: #f4f7ff !important;
}

.p-body-pageContent .statHeader-description,
.p-body-pageContent .insight-desc,
.p-body-pageContent .widget-row {
  color: rgba(244, 247, 255, 0.72) !important;
}

.p-body-pageContent .widget-card::before {
  background: linear-gradient(90deg, #00e5ff, #ff2d55) !important;
}

.p-body-pageContent .widget-online-dot {
  background: #00e5ff !important;
  box-shadow: 0 0 6px rgba(0, 229, 255, 0.65) !important;
}

.p-body-pageContent .widget-val,
.p-body-pageContent .valore-unici {
  color: #00e5ff !important;
}

.p-body-pageContent .table-scroll-container {
  border: 1px solid rgba(0, 229, 255, 0.18) !important;
  border-radius: 14px !important;
  background: rgba(8, 12, 22, 0.82) !important;
}

.p-body-pageContent .table-scroll-container table thead th {
  background-color: rgba(8, 12, 22, 0.95) !important;
  color: #f4f7ff !important;
  border-bottom: 2px solid rgba(0, 229, 255, 0.22) !important;
}

.p-body-pageContent .custom-stat-table td {
  color: #f4f7ff !important;
  border-bottom: 1px solid rgba(0, 229, 255, 0.1) !important;
}

.p-body-pageContent .table-scroll-container .custom-stat-table tbody tr:nth-child(even) td {
  background-color: rgba(0, 229, 255, 0.04) !important;
}

.p-body-pageContent .table-scroll-container .custom-stat-table tbody tr:nth-child(odd) td {
  background-color: transparent !important;
}

.p-body-pageContent .table-scroll-container .custom-stat-table tbody tr:hover td {
  background-color: rgba(255, 45, 85, 0.08) !important;
}

/* Radar table */
.p-body-pageContent .radar-btn {
  border-radius: 8px;
  transition: transform 0.18s ease, box-shadow 0.18s ease;
}

.p-body-pageContent .radar-btn:hover {
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25);
}

.p-body-pageContent .radar-btn-good {
  background: rgba(0, 229, 255, 0.14) !important;
  border-color: rgba(0, 229, 255, 0.35) !important;
  color: #00e5ff !important;
}

.p-body-pageContent .radar-btn-ai {
  background: rgba(255, 45, 85, 0.12) !important;
  border-color: rgba(255, 45, 85, 0.35) !important;
  color: #ff2d55 !important;
}

.p-body-pageContent .radar-btn-bad {
  background: rgba(255, 45, 85, 0.2) !important;
  border-color: rgba(255, 45, 85, 0.5) !important;
  color: #ff6b85 !important;
}

.p-body-pageContent .eval-status.eval-human {
  color: #00e5ff !important;
}

.p-body-pageContent .eval-status.eval-good {
  color: #4dd0e1 !important;
}

.p-body-pageContent .eval-status.eval-bad,
.p-body-pageContent .eval-status.eval-blocked {
  color: #ff2d55 !important;
}

.p-body-pageContent .sec-badge.sec-active {
  border-color: rgba(0, 229, 255, 0.35) !important;
}

.p-body-pageContent .sec-badge.sec-on-ai {
  background: rgba(255, 45, 85, 0.12) !important;
  color: #ff2d55 !important;
}

.p-body-pageContent .sec-badge.sec-on-junk {
  background: rgba(0, 229, 255, 0.1) !important;
  color: #00e5ff !important;
}

.p-body-pageContent .vitality-bar-bg {
  background: rgba(0, 229, 255, 0.1) !important;
}

.p-body-pageContent .vitality-bar-fill {
  background: linear-gradient(90deg, #006b80, #00e5ff) !important;
}

.p-body-pageContent .score-circle.stat-score-a {
  background: linear-gradient(135deg, #006b80, #00e5ff) !important;
}

.p-body-pageContent .score-circle.stat-score-b {
  background: linear-gradient(135deg, #cc6600, #ff2d55) !important;
}

.p-body-pageContent .score-circle.stat-score-c {
  background: linear-gradient(135deg, #990022, #ff2d55) !important;
}

/* ── Responsive ─────────────────────────────────────────────────── */
@media (max-width: 650px) {
  .stat-flex-row,
  .widget-replica-container {
    flex-direction: column !important;
  }

  .stat-col-chart,
  .stat-col-table,
  .widget-card {
    flex: 1 1 100% !important;
    min-width: 0 !important;
    width: 100% !important;
  }

  .stat-grid-4 {
    grid-template-columns: 1fr !important;
  }

  .stat-sparkline,
  .widget-bar-container {
    height: 48px;
  }

  [data-widget-key="statistiche_visite"] .block-body,
  .stat-glass-style .block-body {
    padding: 0.65rem 0.75rem 0.85rem !important;
  }

  .stat-footer-btn {
    display: block;
    text-align: center;
    width: 100%;
    box-sizing: border-box;
  }
}


/* Keep Statistiche free branding visible (required by addon integrity check) */
html body #xftc-copyright-16,
html body .stat-wow-btn,
html body .stat-copyright-wrapper {
  display: inline-block !important;
  visibility: visible !important;
  opacity: 1 !important;
  position: relative !important;
  height: auto !important;
  width: auto !important;
  overflow: visible !important;
  clip: auto !important;
  clip-path: none !important;
  font-size: 10px !important;
  pointer-events: auto !important;
}

/* ==== g6m-xenrio-v465.css ==== */
/* G6M_XENRIO_V465 — XenRio 2 PRO / GTA6Modding Miami neon dark */

:root {
  --g6m-rio-cyan: #00e5ff;
  --g6m-rio-pink: #ff2d55;
  --g6m-rio-violet: #7c5cff;
  --g6m-rio-bg: rgba(8, 12, 22, 0.78);
  --g6m-rio-border: rgba(0, 229, 255, 0.22);
  --g6m-rio-text: #f4f7ff;
  --g6m-rio-muted: rgba(244, 247, 255, 0.72);
  --g6m-rio-radius: 14px;
  --g6m-rio-shadow: 0 12px 32px rgba(0, 0, 0, 0.35);
}

/* Page shell */
.template-EWRrio_streams_index .p-body-header,
.template-EWRrio_streams_featured .p-body-header,
.template-EWRrio_streams_category .p-body-header,
.template-EWRrio_streams_game .p-body-header {
  position: relative;
  margin-bottom: 1.25rem;
  padding: 1.35rem 1.4rem 1.2rem;
  border-radius: var(--g6m-rio-radius);
  border: 1px solid var(--g6m-rio-border);
  background:
    linear-gradient(120deg, rgba(255, 45, 85, 0.18), rgba(0, 229, 255, 0.12) 55%, rgba(124, 92, 255, 0.1)),
    rgba(6, 10, 20, 0.85);
  box-shadow: var(--g6m-rio-shadow);
  overflow: hidden;
}

.template-EWRrio_streams_index .p-title-value,
.template-EWRrio_streams_featured .p-title-value,
.template-EWRrio_streams_category .p-title-value,
.template-EWRrio_streams_game .p-title-value {
  color: var(--g6m-rio-text) !important;
  letter-spacing: 0.02em;
}

.template-EWRrio_streams_index .p-description,
.template-EWRrio_streams_featured .p-description {
  color: var(--g6m-rio-muted) !important;
  margin-top: 0.35rem;
}

/* Live badge pulse */
@keyframes g6mRioLivePulse {
  0% { box-shadow: 0 0 0 0 rgba(255, 45, 85, 0.55); }
  70% { box-shadow: 0 0 0 10px rgba(255, 45, 85, 0); }
  100% { box-shadow: 0 0 0 0 rgba(255, 45, 85, 0); }
}

.rio-tiled-item,
.rio-table-row,
.rio-popular-row {
  position: relative;
  border-radius: var(--g6m-rio-radius) !important;
  border: 1px solid var(--g6m-rio-border) !important;
  background: var(--g6m-rio-bg) !important;
  box-shadow: 0 8px 22px rgba(0, 0, 0, 0.28);
  overflow: hidden;
  transition: transform 0.22s ease, border-color 0.22s ease, box-shadow 0.22s ease;
}

.rio-tiled-item:hover,
.rio-table-row:hover,
.rio-popular-row:hover {
  transform: translateY(-3px);
  border-color: rgba(0, 229, 255, 0.45) !important;
  box-shadow: 0 16px 36px rgba(0, 0, 0, 0.4), 0 0 0 1px rgba(255, 45, 85, 0.18);
}

.rio-tiled-item.rio-featured,
.rio-table-row.rio-featured,
.rio-popular-row.rio-featured {
  border-color: rgba(255, 45, 85, 0.45) !important;
}

.rio-tiled-item .rio-aspect-body.preview,
.rio-table-row .rio-aspect-body.preview {
  background-size: cover !important;
  background-position: center !important;
  filter: saturate(1.08) contrast(1.04);
}

.rio-tiled-item::after {
  content: "EN DIRECT";
  position: absolute;
  top: 10px;
  left: 10px;
  z-index: 2;
  padding: 0.22rem 0.55rem;
  border-radius: 999px;
  font-size: 0.68rem;
  font-weight: 800;
  letter-spacing: 0.06em;
  color: #fff;
  background: linear-gradient(90deg, #ff2d55, #ff5e7a);
  animation: g6mRioLivePulse 2.2s infinite;
}

.rio-tiled-item.rio-offline::after {
  content: "HORS LIGNE";
  background: rgba(90, 98, 120, 0.92);
  animation: none;
}

.rio-tiled-block {
  padding: 0.45rem !important;
}

.rio-tiled-item .contentRow-title,
.rio-tiled-item a,
.rio-table-row a {
  color: var(--g6m-rio-text) !important;
}

.rio-tiled-item .contentRow-minor,
.rio-table-row .contentRow-minor,
.rio-popular-cell.status,
.rio-popular-cell.game,
.rio-popular-cell.viewers {
  color: var(--g6m-rio-muted) !important;
}

/* Blocks / filters */
.template-EWRrio_streams_index .block-container,
.template-EWRrio_streams_featured .block-container,
.template-EWRrio_streams_category .block-container,
.template-EWRrio_streams_game .block-container,
.template-EWRrio_multi .block-container,
[data-widget-definition="EWRrio_streams"] .block-container {
  border-radius: var(--g6m-rio-radius) !important;
  border: 1px solid var(--g6m-rio-border) !important;
  background: var(--g6m-rio-bg) !important;
  box-shadow: var(--g6m-rio-shadow);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  overflow: hidden;
}

.template-EWRrio_streams_index .block-header,
.template-EWRrio_streams_featured .block-header,
[data-widget-definition="EWRrio_streams"] .block-minorHeader,
[data-widget-definition="EWRrio_streams"] .block-header {
  background: linear-gradient(90deg, rgba(255, 45, 85, 0.18), rgba(0, 229, 255, 0.12)) !important;
  border-bottom: 1px solid var(--g6m-rio-border) !important;
  color: var(--g6m-rio-text) !important;
  font-weight: 700;
  letter-spacing: 0.02em;
  text-transform: uppercase;
}

.rio-tabs-opposite a,
.rio-category-form a,
.filterBar-filterToggle {
  border-radius: 999px !important;
  transition: background 0.18s ease, color 0.18s ease, border-color 0.18s ease;
}

.rio-tabs-opposite a:hover,
.filterBar-filterToggle:hover {
  border-color: var(--g6m-rio-cyan) !important;
  color: var(--g6m-rio-cyan) !important;
}

/* Showcase */
.rio-showcase-container,
.rio-edge-fix {
  border-radius: var(--g6m-rio-radius);
  overflow: hidden;
  border: 1px solid var(--g6m-rio-border);
  box-shadow: var(--g6m-rio-shadow);
}

.rio-aspect-box {
  border-radius: 10px;
  overflow: hidden;
}

/* Multi viewer */
.rio-multi,
.rio-multi-open,
.rio-multi-close {
  border-radius: var(--g6m-rio-radius);
}

.rio-popular-block {
  display: grid;
  gap: 0.65rem;
}

.rio-popular-row {
  display: grid;
  grid-template-columns: 96px 1fr auto;
  gap: 0.75rem;
  padding: 0.65rem 0.75rem;
  align-items: center;
}

.rio-popular-cell.thumb img {
  width: 96px;
  height: 54px;
  object-fit: cover;
  border-radius: 8px;
}

/* Widget polish */
[data-widget-key="g6m_rio_live"],
[data-widget-key="g6m_rio_popular"] {
  margin-bottom: 1rem;
}

[data-widget-definition="EWRrio_streams"] a {
  color: var(--g6m-rio-cyan) !important;
}

[data-widget-definition="EWRrio_streams"] a:hover {
  color: var(--g6m-rio-pink) !important;
}

/* Watch CTA */
.rio-tiled-item .button,
.rio-table-row .button,
.g6m-rio-watch {
  border-radius: 999px !important;
  border: 0 !important;
  background: linear-gradient(90deg, #ff2d55, #7c5cff) !important;
  color: #fff !important;
  font-weight: 700 !important;
  box-shadow: 0 6px 18px rgba(255, 45, 85, 0.28);
  transition: transform 0.18s ease, filter 0.18s ease;
}

.rio-tiled-item .button:hover,
.rio-table-row .button:hover,
.g6m-rio-watch:hover {
  transform: translateY(-1px);
  filter: brightness(1.08);
}

/* Responsive */
@media (max-width: 900px) {
  .rio-tiled-block { width: 50% !important; }
  .rio-popular-row { grid-template-columns: 72px 1fr; }
}

@media (max-width: 560px) {
  .rio-tiled-block { width: 100% !important; }
  .template-EWRrio_streams_index .p-body-header { padding: 1rem; }
  .rio-tiled-item::after { font-size: 0.62rem; padding: 0.18rem 0.45rem; }
}

/* Prevent horizontal overflow */
.template-EWRrio_streams_index .p-body-pageContent,
.template-EWRrio_streams_featured .p-body-pageContent,
.template-EWRrio_multi .p-body-pageContent {
  max-width: 100%;
  overflow-x: hidden;
}

.rio-bbcode,
.rio-embed-small,
.rio-embed-medium,
.rio-video iframe,
.rio-chat iframe {
  max-width: 100%;
}

/* ==== g6m-hottopics-v466.css ==== */
/* G6M_HOTTOPICS_V466 — Hot Topics 1.0.0 / GTA6Modding Miami neon */

:root {
  --g6m-hot-cyan: #00e5ff;
  --g6m-hot-pink: #ff2d55;
  --g6m-hot-orange: #ff6b35;
  --g6m-hot-bg: rgba(8, 12, 22, 0.78);
  --g6m-hot-border: rgba(255, 45, 85, 0.28);
  --g6m-hot-text: #f4f7ff;
  --g6m-hot-muted: rgba(244, 247, 255, 0.72);
  --g6m-hot-radius: 14px;
}

@keyframes g6mHotPulse {
  0%, 100% { box-shadow: 0 0 0 0 rgba(255, 45, 85, 0.45); transform: scale(1); }
  50% { box-shadow: 0 0 0 6px rgba(255, 45, 85, 0); transform: scale(1.02); }
}

@keyframes g6mHotGlow {
  0%, 100% { filter: drop-shadow(0 0 2px rgba(255, 107, 53, 0.55)); }
  50% { filter: drop-shadow(0 0 6px rgba(255, 45, 85, 0.85)); }
}

/* Badge inline on thread lists */
.ac-hotBadge,
.label.ac-hotBadge {
  display: inline-flex !important;
  align-items: center;
  gap: 0.28rem;
  margin-right: 0.4rem !important;
  padding: 0.18rem 0.55rem !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 45, 85, 0.45) !important;
  background: linear-gradient(90deg, rgba(255, 45, 85, 0.92), rgba(255, 107, 53, 0.88)) !important;
  color: #fff !important;
  font-size: 0.68rem !important;
  font-weight: 800 !important;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  vertical-align: middle;
  line-height: 1.2 !important;
  animation: g6mHotPulse 2.4s ease-in-out infinite;
  box-shadow: 0 4px 14px rgba(255, 45, 85, 0.28);
}

.ac-hotBadge .fa,
.ac-hotBadge .fa--xf,
.ac-hotBadge svg {
  animation: g6mHotGlow 2s ease-in-out infinite;
}

/* Very popular variant via score data attr if present later */
.ac-hotBadge--very {
  background: linear-gradient(90deg, #ff2d55, #7c5cff) !important;
}

/* Widget shell */
[data-widget-key="g6m_hottopics_now"],
[data-widget-definition="acHotTopics_popularNow"] .block-container,
.acHotTopics-widget .block-container {
  border: 1px solid var(--g6m-hot-border) !important;
  border-radius: var(--g6m-hot-radius) !important;
  background: var(--g6m-hot-bg) !important;
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.35) !important;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  overflow: hidden;
  color: var(--g6m-hot-text) !important;
}

[data-widget-key="g6m_hottopics_now"] .block-minorHeader,
[data-widget-key="g6m_hottopics_now"] .block-header,
[data-widget-definition="acHotTopics_popularNow"] .block-minorHeader,
[data-widget-definition="acHotTopics_popularNow"] .block-header,
.acHotTopics-widget .block-minorHeader {
  margin: 0 !important;
  padding: 0.85rem 1rem !important;
  font-size: 0.95rem !important;
  font-weight: 800 !important;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  color: var(--g6m-hot-text) !important;
  background: linear-gradient(90deg, rgba(255, 45, 85, 0.22), rgba(0, 229, 255, 0.1)) !important;
  border-bottom: 1px solid rgba(255, 45, 85, 0.22) !important;
}

[data-widget-key="g6m_hottopics_now"] .block-body,
.acHotTopics-widget .block-body {
  background: transparent !important;
  padding: 0.35rem 0.55rem 0.65rem !important;
}

/* Thread rows in widget */
.acHotTopics-widget .contentRow,
[data-widget-key="g6m_hottopics_now"] .contentRow {
  padding: 0.65rem 0.55rem !important;
  border-radius: 10px;
  transition: background 0.18s ease, transform 0.18s ease, box-shadow 0.18s ease;
}

.acHotTopics-widget .contentRow:hover,
[data-widget-key="g6m_hottopics_now"] .contentRow:hover {
  background: rgba(255, 45, 85, 0.08);
  transform: translateX(2px);
  box-shadow: inset 2px 0 0 #ff2d55;
}

.acHotTopics-widget .contentRow-title a,
.acHotTopics-widget .contentRow-title a:link,
.acHotTopics-widget .contentRow-title a:visited,
.acHotTopics-widget .contentRow-title a:hover,
.acHotTopics-widget .contentRow-title a:active,
[data-widget-key="g6m_hottopics_now"] .contentRow-title a,
[data-widget-key="g6m_hottopics_now"] .contentRow-title a:link,
[data-widget-key="g6m_hottopics_now"] .contentRow-title a:visited,
[data-widget-key="g6m_hottopics_now"] .contentRow-title a:hover,
[data-widget-key="g6m_hottopics_now"] .contentRow-title a:active {
  color: var(--g6m-hot-text) !important;
  -webkit-text-fill-color: var(--g6m-hot-text) !important;
  font-weight: 700;
  text-decoration: none !important;
  border-bottom: 0 !important;
  transition: color 0.18s ease;
}

.acHotTopics-widget .contentRow-title a:hover,
[data-widget-key="g6m_hottopics_now"] .contentRow-title a:hover {
  color: var(--g6m-hot-cyan) !important;
  -webkit-text-fill-color: var(--g6m-hot-cyan) !important;
  text-decoration: none !important;
}

.acHotTopics-widget .contentRow-minor,
[data-widget-key="g6m_hottopics_now"] .contentRow-minor {
  color: var(--g6m-hot-muted) !important;
  margin-top: 0.25rem !important;
  font-size: 0.78rem;
}

.acHotTopics-widget .contentRow-figure .avatar,
[data-widget-key="g6m_hottopics_now"] .contentRow-figure .avatar {
  border: 1px solid rgba(0, 229, 255, 0.25);
  box-shadow: 0 0 0 2px rgba(255, 45, 85, 0.12);
}

/* Meta chips under title */
.g6m-hot-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 0.45rem 0.7rem;
  margin-top: 0.28rem;
  color: var(--g6m-hot-muted);
  font-size: 0.74rem;
}

.g6m-hot-meta span {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  white-space: nowrap;
}

.g6m-hot-meta .g6m-hot-score {
  color: #ff6b35;
  font-weight: 700;
}

/* Responsive */
@media (max-width: 560px) {
  .ac-hotBadge,
  .label.ac-hotBadge {
    font-size: 0.62rem !important;
    padding: 0.14rem 0.42rem !important;
  }

  [data-widget-key="g6m_hottopics_now"] .block-minorHeader {
    font-size: 0.85rem !important;
  }

  .g6m-hot-meta {
    gap: 0.3rem 0.55rem;
  }
}

/* Prevent overflow */
[data-widget-key="g6m_hottopics_now"],
.acHotTopics-widget {
  max-width: 100%;
  overflow-x: hidden;
}

[data-widget-key="g6m_hottopics_now"] .contentRow-main,
.acHotTopics-widget .contentRow-main {
  min-width: 0;
}

[data-widget-key="g6m_hottopics_now"] .contentRow-title,
.acHotTopics-widget .contentRow-title {
  overflow-wrap: anywhere;
  word-break: break-word;
}