/* откъде: nx-system/07-nx-dash/v2/deck/deck.css, nx-system/08-nx-shell/v6/shell.css (композерът) */
/* ====================================================================
   01-composer · подредбата на реда: полето и копчетата на един ред,
   полето взима мястото; над 6 реда (rows — 00-field) полето се
   превърта. Редът пренася: прикаченото (02-attachment/part.css) е на цял
   ред над тях. „Изпрати“ е плочка в цветовете „потвърждение“, × —
   неутрална плочка. Само токените на 15 (00-tokens).
   ==================================================================== */
.nx-composer {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: var(--nx-s2);
}

.nx-composer-field {
  flex: 1;
  overflow-y: auto;
  resize: none;
  min-height: var(--nx-touch);
  padding: var(--nx-s3) var(--nx-s4);
  border: thin solid var(--nx-line);
  border-radius: var(--nx-r3);
  corner-shape: squircle;
  background: var(--nx-surface-1);
  color: var(--nx-text);
  font: inherit;
  outline: none;
}

.nx-composer-field:focus {
  border-color: var(--nx-accent);
}

.nx-composer-send {
  min-height: var(--nx-touch);
  padding: 0 var(--nx-s3);
  border: thin solid var(--nx-ok);
  border-radius: var(--nx-r2);
  corner-shape: squircle;
  background: var(--nx-ok-bg);
  color: var(--nx-ok);
  font: inherit;
}

.nx-composer-send:disabled {
  opacity: .45;
  cursor: default;
}

.nx-composer-clear {
  min-width: var(--nx-touch);
  min-height: var(--nx-touch);
  border: thin solid var(--nx-line);
  border-radius: var(--nx-r2);
  corner-shape: squircle;
  background: var(--nx-surface-2);
  color: var(--nx-text);
  font: inherit;
}