/* ================================================================
   AVISOS DE MODERACIÓN (advertencias y suspensión)
   Esquina superior derecha, para no chocar con el menú de cuenta
   que vive a la izquierda.
   ================================================================ */

#pl-notices {
  position: fixed;
  top: calc(var(--nav-height, 84px) + 1rem);
  right: 1rem;
  z-index: 920;
  display: flex;
  flex-direction: column;
  gap: 0.7rem;
  width: min(23rem, calc(100vw - 2rem));
  opacity: 0;
  transform: translateY(-10px);
  transition: opacity 0.35s ease, transform 0.35s ease;
}

#pl-notices.is-in { opacity: 1; transform: translateY(0); }

.pl-notice {
  display: grid;
  grid-template-columns: 1.6rem 1fr auto;
  gap: 0.7rem;
  padding: 0.9rem 1rem;
  border-radius: 16px;
  border: 1px solid var(--pl-border, rgba(255, 255, 255, 0.12));
  background: var(--pl-panel, rgba(17, 10, 26, 0.9));
  backdrop-filter: blur(14px);
  box-shadow: var(--shadow-glow, 0 22px 60px rgba(0, 0, 0, 0.42));
  transition: opacity 0.25s ease, transform 0.25s ease;
}

.pl-notice.is-out { opacity: 0; transform: translateX(20px); }

.pl-notice-ico { font-size: 1.1rem; line-height: 1.3; }

.pl-notice-title {
  margin: 0 0 0.25rem;
  font-family: var(--font-heading, "Orbitron", monospace);
  font-size: 0.82rem;
  font-weight: 800;
  color: var(--pl-text, #f8f2ff);
}

.pl-notice-body {
  margin: 0 0 0.2rem;
  font-size: 0.83rem;
  line-height: 1.55;
  color: var(--pl-soft, #d8c9ff);
  overflow-wrap: anywhere;
}

.pl-notice-date { margin: 0.3rem 0 0; font-size: 0.72rem; color: var(--pl-muted, #bba9df); opacity: 0.7; }

.pl-notice-close {
  align-self: start;
  border: none;
  background: none;
  color: var(--pl-muted, #bba9df);
  font-size: 0.9rem;
  cursor: pointer;
  padding: 0.1rem 0.2rem;
  transition: color 0.18s ease;
}
.pl-notice-close:hover { color: var(--pl-text, #f8f2ff); }

/* Advertencia: ámbar. Suspensión: rojo y sin botón de cerrar. */
.pl-notice.is-warn { border-color: rgba(255, 196, 84, 0.55); }
.pl-notice.is-warn .pl-notice-title { color: #ffc454; }

.pl-notice.is-ban {
  grid-template-columns: 1.6rem 1fr;
  border-color: rgba(255, 110, 110, 0.6);
  background: linear-gradient(160deg, rgba(70, 10, 10, 0.9), var(--pl-panel, rgba(17, 10, 26, 0.9)));
}
.pl-notice.is-ban .pl-notice-title { color: #ff8f8f; }

body.theme-pixel .pl-notice { border-radius: 0; backdrop-filter: none; }

/* En móvil ocupan el ancho y van abajo, sobre el resto del contenido */
@media (max-width: 640px) {
  #pl-notices {
    top: auto;
    bottom: 1rem;
    right: 0.75rem;
    left: 0.75rem;
    width: auto;
  }
}

@media (prefers-reduced-motion: reduce) {
  #pl-notices, .pl-notice { transition: none; }
}