.ab-input {
  width: 100%; padding: 11px 13px; border-radius: 9px; border: 1px solid #e2e0d9;
  background: #fff; color: #1a1a1e; font-size: 14px; outline: none;
  transition: border-color .15s, box-shadow .15s;
}
.ab-input:focus { border-color: #4f46e5; box-shadow: 0 0 0 3px rgba(79, 70, 229, 0.16); }
.ab-input::placeholder { color: #9a99a3; }
html[data-theme="dark"] .ab-input { border-color: #34333d; background: #1b1b23; color: #f0eff5; }
html[data-theme="dark"] .ab-input::placeholder { color: #7e7c8b; }
textarea.ab-input { resize: vertical; min-height: 92px; line-height: 1.55; }
.ab-wide { grid-column: span 2; }
.ab-chip { cursor: pointer; user-select: none; }