/* A text box whose pasted text was cut at its length limit (js/paste-limit.js sets the attribute).
   The red border must win over every per-page field style, including their :focus rules, so it is
   !important on purpose. The soft ring keeps it visible on fields that have no border of their own. */
input[data-paste-truncated],
textarea[data-paste-truncated] {
  border-color: var(--azt-danger) !important;
  outline-color: var(--azt-danger) !important;
  box-shadow: 0 0 0 3px oklch(0.55 0.18 25 / 0.16) !important;
}

/* The short sentence under the field. Same red-sentence-under-the-field pattern as every other field
   error (docs/design/UI-DESIGN-DECISIONS.md, "Error message"). Fixed to the viewport and positioned by
   the script, because it lives outside the page's own markup. */
.azt-paste-note {
  position: fixed;
  z-index: 2000;
  box-sizing: border-box;
  padding: 6px 10px;
  border: 1px solid var(--azt-danger-border);
  border-radius: var(--azt-radius-sm, 6px);
  background: var(--azt-danger-bg);
  color: var(--azt-danger-text);
  font-family: var(--azt-font-display, inherit);
  font-size: 13px;
  line-height: 1.4;
  box-shadow: 0 6px 20px rgba(0, 0, 0, .1);
  pointer-events: none;
}

.azt-paste-note[hidden] { display: none; }