/* 📁 CSS padrão para ícones em menus de navegação */
.menu-ico-list li {
  list-style: none;
  margin-bottom: var(--spacing-sm);
}

.menu-ico-list li a {
  display: flex;
  align-items: center;
  text-decoration: none;
  color: var(--color-link);
  padding: var(--spacing-xs) var(--spacing-sm);
  border-radius: var(--border-radius-md);
  transition: var(--transition-fast);
}

.menu-ico-list li a:hover {
  background-color: var(--color-bg-hover);
}

.menu-ico-list li a img {
  height: 20px;
  width: 20px;
  object-fit: contain;
  margin-right: var(--spacing-sm);
}

.ico {
  height: 30px;
  width: 30px;
  object-fit: contain;
  margin-right: var(--spacing-sm);

}

.btn-remover-envio img.ico,
.btn-enviar-individual img.ico {
  width: 24px;
  height: 24px;
  display: block;
  margin: 0;
}

.btn-remover-envio {
  background-color: var(--color-danger-light);
  border: var(--border-width) solid var(--color-danger-border);
  border-radius: var(--border-radius-md);
  padding: var(--spacing-xs) var(--spacing-sm);
  cursor: pointer;
  transition: var(--transition-base);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-shadow: var(--shadow-sm);
}

.btn-remover-envio:hover {
  background-color: var(--color-danger);
  box-shadow: var(--shadow-md);
}

.btn-remover-envio img.ico-btn {
  width: 24px;
  height: 24px;
}

.btn-enviar-individual {
  background-color: var(--color-success-light);
  border: var(--border-width) solid var(--color-success-border);
  border-radius: var(--border-radius-md);
  padding: var(--spacing-xs) var(--spacing-sm);
  cursor: pointer;
  transition: var(--transition-base);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-shadow: var(--shadow-sm);
}

.btn-enviar-individual:hover {
  background-color: var(--color-success);
  box-shadow: var(--shadow-md);
}

.btn-enviar-individual img.ico-btn {
  width: 24px;
  height: 24px;
}

.btn-enviar-selecionados {
  background-color: var(--color-success-light);
  border: var(--border-width) solid var(--color-success-border);
  border-radius: var(--border-radius-md);
  padding: var(--spacing-sm) var(--spacing-lg);
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--spacing-sm);
  box-shadow: var(--shadow-sm);
  font-weight: var(--font-weight-semibold);
  transition: var(--transition-base);
}

.btn-enviar-selecionados:hover {
  background-color: var(--color-success);
  box-shadow: var(--shadow-md);
}

.btn-cancelar-envios {
  background-color: var(--color-danger-light);
  border: var(--border-width) solid var(--color-danger-border);
  border-radius: var(--border-radius-md);
  padding: var(--spacing-sm) var(--spacing-lg);
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--spacing-sm);
  box-shadow: var(--shadow-sm);
  font-weight: var(--font-weight-semibold);
  transition: var(--transition-base);
}

.btn-cancelar-envios:hover {
  background-color: var(--color-danger);
  box-shadow: var(--shadow-md);
}

.btn-enviar-selecionados img.ico-btn,
.btn-cancelar-envios img.ico-btn {
  width: 22px;
  height: 22px;
  display: block;
}