/* Extensión independiente para Creimag Project Lab: no sustituye el sistema visual existente. */
.cpl-patch-reference {
  display: flex; flex-direction: column; gap: 4px;
  padding: clamp(18px, 3vw, 26px); margin: 0 0 18px;
  background: linear-gradient(118deg, #102d3b, #164b5c);
  border-left: 4px solid #e24d57; color: #fff;
}
.cpl-patch-ref-label { font-size: 11px; font-weight: 700; letter-spacing: .15em; color: #c2dce3; }
.cpl-patch-ref-code { font-size: clamp(22px, 4vw, 32px); letter-spacing: .045em; color: #fff; overflow-wrap: anywhere; }
.cpl-patch-ref-status { margin: 4px 0 0; font-size: 13px; line-height: 1.45; color: #d1e3e7; }
.cpl-patch-reference.is-sent { border-left-color: #68c9ab; }
.cpl-patch-date-field { display: block; margin: 14px 0 20px; }
.cpl-patch-date-field > span { display: block; margin-bottom: 8px; }
.cpl-patch-date-field input { width: 100%; min-height: 48px; padding: 11px 13px; font: inherit; color: #173643; background: #fff; border: 1px solid #b6cbd1; border-radius: 4px; }
.cpl-patch-privacy-error { margin: 12px 0 2px; color: #a72838; font-weight: 700; font-size: 13px; line-height: 1.45; }
.cpl-patch-error-list { margin: 8px 0 0; padding-left: 22px; }
.cpl-patch-error-list li { margin: 3px 0; }
/* Screen readers and keyboard navigation must not encounter the trap. Keep it
   visually clipped (instead of display:none) for basic antispam heuristics. */
.cpl-patch-hidden-honeypot, .cpl-honeypot {
  position: absolute !important;
  width: 1px !important; height: 1px !important; padding: 0 !important;
  margin: -1px !important; overflow: hidden !important;
  clip: rect(0,0,0,0) !important; clip-path: inset(50%) !important;
  white-space: nowrap !important; border: 0 !important;
}
.cpl-otp-panel[hidden] { display: none !important; }
@media (prefers-reduced-motion: reduce) { .cpl-patch-reference { transition: none; } }

/* El resumen mantiene legibles las observaciones con saltos de línea. */
.cpl-patch-notes-row strong { white-space: pre-wrap; overflow-wrap: anywhere; }
.cpl-otp-actions button[disabled] { opacity: .55; cursor: wait; }