/* SPDX-License-Identifier: MIT */
/* The Space's pills beside the field: who answers, and the last receipt's verdict. */
.bk-uif-pill {
  display: inline-block; max-width: 13rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; vertical-align: middle;
  padding: 0.2rem 0.55rem; border-radius: 999px; font: 600 0.72rem/1.4 ui-monospace, SFMono-Regular, Menlo, monospace;
  border: 1px solid rgba(148, 163, 184, 0.35); color: #cbd5e1; background: rgba(15, 23, 42, 0.45);
}
.bk-uif-pill.ok { color: var(--candle-green); border-color: var(--candle-green); }
.bk-uif-pill.bad { color: var(--stop-red); border-color: var(--stop-red); }
.bk-uif-pill.is-answerer { color: var(--btc-orange); border-color: var(--btc-orange); }

/* On a phone the field is docked to the bottom: the full width less 16 px gutters, above the safe area and the
   on-screen keyboard (--uif-kb, kept by core/keyboard.ts). */
.ultimate-input-field.is-handheld.docked-bottom {
  left: 16px !important;
  right: 16px !important;
  margin-bottom: calc(var(--uif-kb, 0px) + env(safe-area-inset-bottom, 0px));
  padding-bottom: 0.5rem;
  border-radius: 0.75rem;
}