/* Admin → NDA editor. Was the adm-nda-styles tag in js/views/admin-nda.js.
   Ensured after views-admin-rights and before views-admin. */
.adm-actions { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 12px; }
.adm-nda-editor { display: flex; flex-direction: column; gap: 12px; margin-top: 10px; }
.adm-nda-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); gap: 16px; }
.adm-nda-lang { display: flex; flex-direction: column; gap: 8px; border: 1px solid var(--border-subtle); border-radius: var(--r-sm); padding: 12px; background: var(--bg-card); }
.adm-nda-lang .adm-field { max-width: none; width: 100%; }
.adm-nda-langhead { font-size: 12px; font-weight: 600; text-transform: uppercase; letter-spacing: .04em; color: var(--text-1); }
.adm-nda-textarea { min-height: 220px; font-family: var(--font-mono, ui-monospace, monospace); font-size: 12px; line-height: 1.5; resize: vertical; }
.adm-nda-textarea[data-field="fill"] { width: 100%; }
.adm-nda-hash { font-size: 11px; color: var(--text-muted); }
.adm-nda-note { font-size: 12px; color: var(--text-2); max-width: 760px; }
.adm-nda-note--locked { color: var(--warn, #b5840a); }
.adm-nda-warn { font-size: 12px; color: var(--warn, #b5840a); max-width: 760px; margin: 8px 0 0; }
.adm-nda-enfstate { display: flex; align-items: center; gap: 8px; font-size: 13px; }
/* ── Phone pass (≤760px). The 320px column floor of the language grid is
      wider than the card at phone widths (Title/textarea/sha clipped ~42px at
      320) — let the column shrink and the fields fill it. ≥761 untouched. ── */
@media (max-width: 760px) {
  .adm-nda-grid { grid-template-columns: minmax(0, 1fr); }
  .adm-nda-lang { min-width: 0; }
  .adm-nda-lang .adm-input { width: var(--field-m); max-width: 100%; }
  .adm-nda-hash { overflow-wrap: anywhere; }
}