/* Contenitore principale (quello col bordo neon lo gestisci tu nel tema; qui è “trasparente”) */
.gc-box { width: 100%; }

/* Barra welcome + goon, attaccata al bordo del contenitore principale */
.gc-stickybar{
  display:flex; align-items:center; justify-content:space-between;
  gap:12px; margin:0 0 14px 0;
}
.gc-welcome{
  flex:1; display:flex; align-items:center; gap:10px;
  padding:12px 16px;
  background: linear-gradient(90deg,#6d4cff,#69d3ff);
  border-radius:14px;
  color:#fff; font-weight:700;
}
.gc-pin{filter:saturate(1.1)}
.gc-live-dot{
  width:10px; height:10px; border-radius:50%;
  background:#78ff7d; margin-left:auto; box-shadow:0 0 8px #78ff7d;
}

.gc-goon-btn {
  background: linear-gradient(90deg, #ff4edb, #8a4eff);
  color: #fff !important;
  font-weight: 700;
  border: none;
  border-radius: 10px;
  padding: 0.3em 0.6em !important;
  cursor: pointer;
  transition: all 0.2s ease;
}

.gc-goon-wrapper {
  display: flex;
  align-items: center;
  gap: 6px;
}

.gc-goon-count {
  background: rgba(255, 255, 255, 0.1);
  border-radius: 8px;
  padding: 0.3em 0.6em;
  color: #fff;
  font-weight: 600;
  min-width: 40px;
  text-align: center;
}

.gc-goon-btn:hover {
  box-shadow: 0 0 10px rgba(255, 100, 255, 0.5);
  transform: translateY(-1px);
}

.gc-goon-btn:disabled{ opacity:.5; cursor:not-allowed; }
.gc-emoji{font-size:18px}
.gc-plus{font-weight:700}
.gc-count{font-weight:700}

/* LISTA MESSAGGI – direttamente nel contenitore principale, NO box di sfondo */
.gc-stream{
  list-style:none; margin:0; padding:0;
  max-height:54vh; overflow:auto;
  min-height:280px;          /* <— aggiunta per vedere sempre l’area chat */
}

/* Riga messaggio “a barra” (niente avatar) */
.gc-row{
  display:flex; align-items:center; gap:8px;
  padding:10px 14px; margin:10px 8px;
  background: rgba(255,255,255,0.04);
  border-radius:12px;
}
.gc-username{
  font-weight:700; color:#b7a8ff; flex:0 0 auto;
}
.gc-username--reg{ cursor:pointer; text-decoration:underline dotted rgba(255,255,255,.25); }
.gc-text{
  color:#e9e9f0; line-height:1.45; word-break:break-word; white-space:pre-wrap; flex:1 1 auto;
}
.gc-time{
  color:#9aa0a6; font-size:.85rem; margin-left:8px; flex:0 0 auto;
}

/* Composer */
.gc-composer{
  display:flex; gap:10px; align-items:center;
  margin-top:14px;
}
.gc-input{
  flex:1; padding:14px 16px; border-radius:12px; border:1px solid rgba(255,255,255,.08);
  background: rgba(255,255,255,.03); color:#fff; outline:none;
}
.gc-input::placeholder{ color:#9aa0a6; }
.gc-send {
  background: linear-gradient(90deg, #5b8cff, #b66dff);
  color: #fff !important;
  font-weight: 600;
  border: none;
  border-radius: 10px;
  padding: 0.6em 1.2em;
  cursor: pointer;
  transition: all 0.15s ease;
  box-shadow: 0 0 8px rgba(100, 100, 255, 0.3);
}
.gc-send:hover {
  box-shadow: 0 0 12px rgba(160, 100, 255, 0.5);
  transform: translateY(-1px);
}
.gc-send:active {
  opacity: 0.85;
  transform: translateY(1px);
}
.gc-tip{
  font-size:.9rem; color:#9aa0a6; margin-top:8px;
}

/* MOBILE: rimuovi il messaggio “Welcome…” e compatta la barra */
@media (max-width: 900px){
  .gc-stickybar{ gap:10px; margin: 0 0 10px 0; }
  .gc-welcome{ display:none !important; }          /* <<< solo l’area goon rimane */
  .gc-goon-wrapper{ margin-left:auto; }
}

/* --- RUOLI & NOMI --- */
.gc-username--admin{
  color:#ff4d4f !important;    /* rosso admin */
  font-weight:700;
}
.gc-username--guest{
  font-weight:400;              /* anon: stesso colore dei registrati, ma NON grassetto */
  color:#b7a8ff;
}

/* --- EVIDENZA DM (sia per mittente che per destinatario) --- */
.gc-row--dm{
  background: rgba(163,83,83,0.23) !important;  /* R:163 G:83 B:83 A:0.23 */
}