/* Postie · SearchWell — the pill search on the chrome: raised-brand fill, no edge, a key-hint "/" at the end. */
.postie-search {
  display: flex; align-items: center; gap: 10px;
  box-sizing: border-box; height: 36px; padding: 0 14px; min-width: 0; flex-grow: 1; max-width: 640px;
  border-radius: var(--postie-radius-pill);
  background: var(--postie-raised-brand); color: var(--postie-body-brand);
  font-family: var(--postie-font-ui); cursor: text;
}
.postie-search__icon { width: 16px; height: 16px; fill: none; stroke: var(--postie-muted-brand); stroke-width: 2; stroke-linecap: round; flex-shrink: 0; }
.postie-search__input { flex-grow: 1; min-width: 0; border: 0; background: transparent; color: var(--postie-ink-brand); font-family: var(--postie-font-ui); font-size: 14px; outline: none; }
.postie-search__input::placeholder { color: var(--postie-muted-brand); }
.postie-search__hint { font-size: 12px; font-weight: 700; color: var(--postie-muted-brand); }
.postie-search:focus-within { outline: 2px solid var(--postie-ink-brand); outline-offset: 2px; }
/* on a working ground (mobile search page) it takes the raised step */
.postie-search--working { background: var(--postie-raised); color: var(--postie-body); }
.postie-search--working .postie-search__icon { stroke: var(--postie-muted); }
.postie-search--working .postie-search__input { color: var(--postie-ink); }
.postie-search--working .postie-search__input::placeholder, .postie-search--working .postie-search__hint { color: var(--postie-muted); }
.postie-search--working:focus-within { outline-color: var(--postie-ink); }
.postie-search--lg { height: 44px; }