/* Le champ affiche toujours la couleur réellement sélectionnée, y compris sur iPhone. */
input.category-color-input[type="color"] {
  --picked-color: #1976d2;
  width: 100%;
  height: 52px;
  min-height: 52px;
  padding: 4px;
  border: 1px solid #9fb2bd;
  border-radius: 10px;
  background-color: var(--picked-color) !important;
  cursor: pointer;
  overflow: hidden;
}

input.category-color-input[type="color"]::-webkit-color-swatch-wrapper {
  padding: 0;
}

input.category-color-input[type="color"]::-webkit-color-swatch {
  border: 0;
  border-radius: 7px;
}

input.category-color-input[type="color"]::-moz-color-swatch {
  border: 0;
  border-radius: 7px;
}