/* GattoMusic 2.0 — Build 10.18 — ajustes visuais cirúrgicos
   Criado por B1Z@Rr0 e ChatGPT */

:root{
  --gatto-v1018-people-blue:#62b5ff;
  --gatto-v1018-camera-photo-color:#e5e9f0;
}

/* Os emojis originais permanecem no DOM para preservar estrutura/labels dos
   controles, mas a apresentação passa a ser vetorial e controlável por CSS. */
.gatto-room-online-invite-icon,
.gatto-room-control[data-action="invite"] .gatto-room-control-icon,
.gatto-room-control[data-action="camera"] .gatto-room-control-icon{
  display:inline-block!important;
  flex:0 0 auto;
  width:1.18rem;
  height:1.18rem;
  font-size:0!important;
  line-height:1!important;
  background-color:currentColor!important;
  -webkit-mask-repeat:no-repeat;
  mask-repeat:no-repeat;
  -webkit-mask-position:center;
  mask-position:center;
  -webkit-mask-size:contain;
  mask-size:contain;
}

/* Duas pessoas: azul nos dois pontos pedidos — contador online e Convidar. */
.gatto-room-online-invite-icon,
.gatto-room-control[data-action="invite"] .gatto-room-control-icon{
  color:var(--gatto-v1018-people-blue)!important;
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='8' cy='8' r='3' fill='black'/%3E%3Ccircle cx='16.2' cy='9' r='2.55' fill='black'/%3E%3Cpath d='M2.4 20c0-4.05 2.45-6.5 5.6-6.5s5.6 2.45 5.6 6.5H2.4z' fill='black'/%3E%3Cpath d='M12.2 20c0-2.35-.64-4.2-1.82-5.55 1.08-.76 2.34-1.15 3.78-1.15 3.43 0 5.84 2.45 5.84 6.7h-7.8z' fill='black'/%3E%3C/svg%3E");
  mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='8' cy='8' r='3' fill='black'/%3E%3Ccircle cx='16.2' cy='9' r='2.55' fill='black'/%3E%3Cpath d='M2.4 20c0-4.05 2.45-6.5 5.6-6.5s5.6 2.45 5.6 6.5H2.4z' fill='black'/%3E%3Cpath d='M12.2 20c0-2.35-.64-4.2-1.82-5.55 1.08-.76 2.34-1.15 3.78-1.15 3.43 0 5.84 2.45 5.84 6.7h-7.8z' fill='black'/%3E%3C/svg%3E");
}

/* Câmera: a forma fotográfica visível é substituída por filmadora, mantendo
   a cor neutra clara da câmera fotográfica anterior. A ação/menu não muda. */
.gatto-room-control[data-action="camera"] .gatto-room-control-icon{
  color:var(--gatto-v1018-camera-photo-color)!important;
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='2.5' y='6' width='13.2' height='12' rx='2.2' fill='black'/%3E%3Cpath d='M15.2 10.05 21.5 6.8v10.4l-6.3-3.25z' fill='black'/%3E%3C/svg%3E");
  mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='2.5' y='6' width='13.2' height='12' rx='2.2' fill='black'/%3E%3Cpath d='M15.2 10.05 21.5 6.8v10.4l-6.3-3.25z' fill='black'/%3E%3C/svg%3E");
}

.gatto-room-online-invite-icon{
  width:1rem;
  height:1rem;
}