/* COMMUNITY OPENHIVE V82
   Capa aditiva de tiempo real. No redefine temas, canales, composer ni navegación existente. */

.community-v82-live-update {
  position: fixed;
  left: 50%;
  bottom: calc(6.35rem + env(safe-area-inset-bottom, 0px));
  z-index: 2147482300;
  transform: translateX(-50%);
  min-height: 2.85rem;
  max-width: min(88vw, 22rem);
  padding: .52rem .8rem;
  border: 1px solid rgba(183, 116, 13, .24);
  border-radius: 999px;
  background: rgba(255, 252, 245, .98);
  box-shadow: 0 14px 34px rgba(54, 37, 13, .18);
  color: #2f2619;
  display: grid;
  grid-template-columns: .62rem auto auto;
  align-items: center;
  gap: .48rem;
  font: inherit;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  backdrop-filter: blur(14px);
}

.community-v82-live-update[hidden] {
  display: none !important;
}

.community-v82-live-update__dot {
  width: .58rem;
  height: .58rem;
  border-radius: 50%;
  background: #20b76a;
  box-shadow: 0 0 0 .22rem rgba(32, 183, 106, .12);
}

.community-v82-live-update strong {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: .78rem;
  font-weight: 900;
  letter-spacing: -.01em;
}

.community-v82-live-update small {
  color: #a6670d;
  font-size: .72rem;
  font-weight: 850;
  white-space: nowrap;
}

.community-v82-live-update:focus-visible {
  outline: 3px solid rgba(183, 116, 13, .25);
  outline-offset: 3px;
}

body[data-community-realtime="connecting"] .community-v82-live-update__dot,
body[data-community-realtime="refreshing"] .community-v82-live-update__dot {
  animation: community-v82-live-pulse 1.2s ease-in-out infinite;
}

body[data-community-realtime="degraded"] .community-v82-live-update__dot,
body[data-community-realtime="offline"] .community-v82-live-update__dot,
body[data-community-realtime="unsupported"] .community-v82-live-update__dot {
  background: #aaa39a;
  box-shadow: none;
}

@keyframes community-v82-live-pulse {
  0%, 100% { opacity: .55; transform: scale(.88); }
  50% { opacity: 1; transform: scale(1); }
}

@media (min-width: 760px) {
  .community-v82-live-update {
    left: auto;
    right: 1.5rem;
    transform: none;
    bottom: 1.5rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  .community-v82-live-update__dot { animation: none !important; }
}