.ui-button {
  min-height: var(--touch-target);
  border: 1px solid var(--color-line);
  border-radius: var(--radius-button);
  padding: 10px 14px;
  font: 500 13px "DM Sans", sans-serif;
  cursor: pointer;
}
.ui-button--quiet { background: transparent; color: var(--color-muted); }
.ui-button--primary { border-color: var(--color-action); background: var(--color-action); color: #fff; }
.ui-button--danger { border-color: transparent; background: transparent; color: var(--color-warning); }
.ui-button:disabled { cursor: not-allowed; opacity: .55; }
.ui-button > span { float: right; margin-left: var(--space-3); }
.ui-field { display: block; color: var(--color-muted); font-size: 12px; }
.ui-field__label { display: block; }
.ui-field__hint { display: block; margin-top: var(--space-1); color: var(--color-muted); font-size: 11px; }
.ui-input { display: block; width: 100%; min-height: 44px; border: 1px solid var(--color-line); border-radius: var(--radius-control); background: var(--color-card); color: var(--color-ink); font: 15px "DM Sans", sans-serif; padding: 10px 12px; }
.ui-input:focus { border-color: var(--color-action); box-shadow: 0 0 0 3px rgba(46, 100, 80, .1); outline: 0; }
.ui-textarea { display: block; width: 100%; min-height: 96px; resize: vertical; border: 1px solid var(--color-line); border-radius: var(--radius-control); background: var(--color-card); color: var(--color-ink); font: 15px "DM Sans", sans-serif; padding: 10px 12px; }
.ui-textarea:focus { border-color: var(--color-action); box-shadow: 0 0 0 3px rgba(46, 100, 80, .1); outline: 0; }
.ui-field--compact .ui-field__label { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.ui-status { padding: var(--space-3) var(--space-4); border-radius: var(--radius-highlight); font-size: 12px; }
.ui-status--info, .ui-status--success { background: #eef3e8; color: var(--color-action); }
.ui-status--warning, .ui-status--error { background: #fff8f4; color: var(--color-warning); }