.partner-widget {
  position: fixed;
  top: 12px;
  right: 12px;
  z-index: 60;
}

.partner-pill {
  display: flex;
  align-items: center;
  gap: .5rem;
  background: rgba(10, 14, 26, .85);
  border: 1px solid rgba(0, 229, 255, .35);
  color: #cfe9ff;
  border-radius: 999px;
  padding: .35rem .8rem;
  font-family: 'Space Grotesk', sans-serif;
  font-size: .8rem;
  backdrop-filter: blur(10px);
  cursor: pointer;
  box-shadow: 0 4px 16px rgba(0, 0, 0, .4);
}

.partner-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #6b7280;
  box-shadow: 0 0 6px rgba(107, 114, 128, .6);
}

.partner-dot.online {
  background: #00ff9c;
  box-shadow: 0 0 8px rgba(0, 255, 156, .8);
}

.partner-invite-card {
  position: fixed;
  top: 60px;
  right: 12px;
  z-index: 70;
  max-width: 300px;
  background: rgba(10, 14, 26, .95);
  border: 1px solid rgba(255, 46, 196, .5);
  border-radius: 14px;
  padding: 1rem;
  box-shadow: 0 10px 30px rgba(0, 0, 0, .5), 0 0 24px rgba(255, 46, 196, .2);
  animation: partner-invite-in .25s ease;
  font-family: 'Space Grotesk', sans-serif;
}

@keyframes partner-invite-in {
  from { opacity: 0; transform: translateY(-8px); }
  to { opacity: 1; transform: translateY(0); }
}

.partner-invite-card .title {
  font-family: 'Orbitron', sans-serif;
  color: #ff2ec4;
  font-size: .85rem;
  text-transform: uppercase;
  letter-spacing: .06em;
  margin-bottom: .4rem;
}

.partner-invite-card .msg {
  color: #cfe9ff;
  font-size: .9rem;
  margin-bottom: .8rem;
}

.partner-popover {
  position: fixed;
  top: 56px;
  right: 12px;
  z-index: 70;
  background: rgba(10, 14, 26, .95);
  border: 1px solid rgba(0, 229, 255, .35);
  border-radius: 12px;
  padding: .8rem;
  font-family: 'Space Grotesk', sans-serif;
  color: #cfe9ff;
  font-size: .85rem;
  min-width: 200px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, .5);
}

@media (max-width: 480px) {
  .partner-widget { top: 8px; right: 8px; }
  .partner-pill span#partner-name { max-width: 90px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  .partner-invite-card, .partner-popover { right: 8px; left: 8px; max-width: none; }
}