/*
 * help.css — the optional "Ask Encanta" card and its send form in the
 * Visual Lab sidebar (FEAT-04). The Lab doesn't load assets/studio.css,
 * so the shared component's few classes are styled here, scoped to it.
 */
.help-req {
  display: grid;
  gap: 10px;
  margin-top: 12px;
  padding: 12px;
  border: 1px solid var(--line-strong);
  border-left: 3px solid var(--accent-a);
  border-radius: 0 var(--radius) var(--radius) 0;
  background: var(--bg-inset);
}
.help-req__lead { margin: 0; font-size: 12.5px; line-height: 1.5; color: var(--text-dim); }
.help-req__lead strong { color: var(--text); }
.help-req__actions { display: flex; flex-wrap: wrap; gap: 7px; }
.help-req .btn-sm { padding: 5px 9px; font-size: 11px; }
.help-req .btn-ink { background: var(--text); color: var(--bg); border-color: var(--text); }

.help-req .enquiry, .help-req .enquiry__form { display: grid; gap: 10px; min-width: 0; }
.help-req .enquiry__row { display: grid; gap: 10px; }
.help-req .field { display: grid; gap: 4px; }
.help-req .field label { font-size: 11.5px; color: var(--text-dim); }
.help-req .field label span { color: var(--text-muted); }
.help-req input[type="text"],
.help-req input[type="email"],
.help-req textarea {
  width: 100%;
  padding: 7px 9px;
  font-family: inherit;
  font-size: 13px;
  line-height: 1.45;
  color: var(--text);
  background: var(--control);
  border: 1px solid var(--line-strong);
  border-radius: 6px;
}
.help-req textarea { min-height: 120px; resize: vertical; }
.help-req .enquiry__hp { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.help-req .enquiry__consent { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 8px; font-size: 11.5px; line-height: 1.5; color: var(--text-dim); cursor: pointer; }
.help-req .enquiry__consent input { width: 15px; height: 15px; margin: 2px 0 0; accent-color: var(--accent-a); }
.help-req .enquiry__actions { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.help-req .enquiry__actions .arr { width: 12px; height: 12px; fill: none; stroke: currentColor; stroke-width: 1.6; }
.help-req .btn-ghost { background: transparent; }
.help-req .enquiry__status { margin: 0; font-size: 11.5px; color: var(--text-dim); }
.help-req .enquiry__done, .help-req .enquiry__fallback { display: grid; gap: 6px; padding: 10px; border: 1px solid var(--line-strong); border-radius: 6px; }
.help-req .enquiry__done h3, .help-req .enquiry__fallback h3 { margin: 0; font-size: 14px; }
.help-req .enquiry__done p, .help-req .enquiry__fallback p { margin: 0; font-size: 12px; color: var(--text-dim); }
.help-req .kicker { display: none; }