/* =============================================================
   SuperChat SC — estilos complementares ao Tailwind CSS
   ============================================================= */

:root {
  color-scheme: dark;
}

html, body {
  height: 100%;
  overscroll-behavior: none;
}

body {
  font-family: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

/* Barras de deslocamento discretas */
* {
  scrollbar-width: thin;
  scrollbar-color: rgba(148, 163, 184, 0.35) transparent;
}
*::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
*::-webkit-scrollbar-thumb {
  background: rgba(148, 163, 184, 0.35);
  border-radius: 9999px;
}
*::-webkit-scrollbar-track {
  background: transparent;
}

/* Balões de mensagem */
.msg {
  max-width: 78%;
  animation: msg-in 0.18s ease-out;
}
.msg-in {
  align-self: flex-start;
}
.msg-out {
  align-self: flex-end;
}

@keyframes msg-in {
  from { opacity: 0; transform: translateY(6px) scale(0.98); }
  to   { opacity: 1; transform: translateY(0) scale(1); }
}

/* Previne seleção acidental durante toque no vídeo */
video {
  -webkit-user-select: none;
  user-select: none;
  touch-action: none;
}

/* Estado "riscado" para controlos desativados (mic/câmara off) */
.ctrl-off {
  color: #fda4af !important;
  background: rgba(190, 18, 60, 0.25) !important;
}
.ctrl-off svg {
  opacity: 0.6;
}

/* Toast */
.toast {
  animation: toast-in 0.2s ease-out;
}
@keyframes toast-in {
  from { opacity: 0; transform: translateY(-8px); }
  to   { opacity: 1; transform: translateY(0); }
}