/* = Module crm — styles propres aux gabarits de templates/crm/.
   Un block utilisé par un second module remonte dans components.css.
   Chargé sur toutes les pages dans l'ordre fixé par templates/partials/feuilles_de_style.html.
   Depuis S-6 PR 7, il ne reste que la note en étoiles d'un organisme (lecture et saisie :
   crm/partials/_org_etoiles.html, _org_field_edit.html) ; le reste des pages du CRM
   compose les composants. */

.org-stars {
  color: var(--color-warning);
  letter-spacing: 1px;
  font-size: var(--text-13);
}

.org-star-clear {
  border: none;
  background: transparent;
  cursor: pointer;
  font-size: var(--text-14);
  line-height: var(--leading-none);
  padding: var(--space-0-5) var(--space-1);
  border-radius: var(--radius-sm);
  color: var(--color-text-secondary);
}

.org-star-clear:hover {
  background: var(--color-bg);
}

.org-starsedit {
  display: flex;
  align-items: center;
  gap: 0.2em;
}

.org-star-btn {
  border: none;
  background: transparent;
  cursor: pointer;
  font-size: var(--text-20);
  line-height: var(--leading-none);
  color: var(--color-border-strong);
  padding: 0 var(--space-0-5);
  transition: color 0.1s;
}

.org-starsedit:hover .org-star-btn {
  color: var(--color-warning);
}

.org-star-btn:hover ~ .org-star-btn {
  color: var(--color-border-strong);
}