/* NimoChat WhaTicket - Customizacoes visuais
 * Injetado pelo restore_icons.sh via <link> no index.html
 * v1.0 - 15/04/2026
 */

/* === Ticket selecionado - destaque azul NimoChat === */
.MuiListItem-root.Mui-selected.your-ticket-class,
.MuiListItem-root.Mui-selected.your-ticket-class:hover {
  background-color: rgba(0, 136, 194, 0.15) !important;
  border-left: 4px solid #0088C2 !important;
  transition: background-color 0.2s ease !important;
}
.MuiListItem-root.your-ticket-class:hover:not(.Mui-selected) {
  background-color: rgba(0, 0, 0, 0.04) !important;
}

/* === FAB + (Nova conversa) - destaque forte === */
svg[data-testid="AddIcon"][class*="css-12golom"] {
  background-color: #0088C2 !important;
  color: #fff !important;
  border-radius: 50% !important;
  box-shadow: 0 3px 8px rgba(0, 136, 194, 0.4) !important;
  padding: 8px !important;
  transition: all 0.2s ease !important;
}
svg[data-testid="AddIcon"][class*="css-12golom"]:hover {
  background-color: #0B2D5E !important;
  box-shadow: 0 4px 12px rgba(11, 45, 94, 0.5) !important;
  transform: scale(1.1) !important;
}

/* === FAB Raio (Atalho rapido) - discreto === */
svg[data-testid="FlashOnIcon"][class*="css-12golom"] {
  background-color: rgba(0, 136, 194, 0.12) !important;
  color: #0088C2 !important;
  border-radius: 50% !important;
  box-shadow: none !important;
  padding: 8px !important;
  transition: all 0.2s ease !important;
}
svg[data-testid="FlashOnIcon"][class*="css-12golom"]:hover {
  background-color: rgba(0, 136, 194, 0.25) !important;
}