/* Ajustes de Coloris (webstatic/vendor/coloris) al look del panel. Va en un
   archivo propio para no mezclar el vendor con app.css. */
.clr-field {
  display: block;
  width: 100%;
  max-width: 420px;
}
.clr-field input[type=text] {
  max-width: none;
  padding-right: 2.6rem;
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
}
/* La muestra del color dentro del input, a la derecha (Coloris la deja con
   pointer-events:none: el click en el input es el que abre el picker). */
.clr-field button {
  width: 1.7rem;
  height: 1.7rem;
  right: .35rem;
  border-radius: calc(var(--radius, 6px) - 2px);
}
.clr-picker {
  font-family: inherit;
  border-radius: var(--radius-lg, 12px);
  box-shadow: var(--shadow-md, 0 6px 16px rgba(15, 23, 42, .10));
  border: 1px solid var(--border, #dde1e7);
}
.clr-picker .clr-close {
  background: var(--accent, #2557a7);
  color: #fff;
}
.clr-picker .clr-close:hover { background: var(--accent-hover, #1d4685); }