/* ---- V10: say it to find or save (vault-voice.js). Quiet Glass tokens only, so light and dark
   follow the theme. The sheet reuses Say tasks' .pm-talk look (and its phone sheet rules). */

/* the mic inside the search box, a 44 px target at its right end */
.vv-search-row { position: relative; display: flex; align-items: center; margin-top: 24px; }
#vaults-page .vv-search-row > .search { flex: 1; min-width: 0; margin-top: 0; padding-right: 56px; }
.vv-search-row .vv-search-mic { position: absolute; top: 50%; right: 4px; width: 44px; height: 44px; border-radius: 12px; color: var(--text); transform: translateY(-50%); }
.vv-search-row .vv-search-mic svg { width: 20px; height: 20px; }
.vv-search-row .vv-search-mic:focus-visible { outline: 2px solid var(--text); outline-offset: -2px; }
@media (max-width: 760px) { .vv-search-row { margin-top: 16px; } }

/* the sheet */
.vv-sheet .vv-mic[hidden] { display: none; }
.vv-type { display: flex; gap: 8px; margin: 0; }
.vv-type .vv-text { flex: 1; min-width: 0; height: var(--field-h, 52px); font-size: 16px; } /* 16 px: no zoom on iPhone */
.vv-type .vv-go { flex: none; min-width: 72px; height: var(--field-h, 52px); }
.vv-results { display: flex; flex-direction: column; gap: 6px; margin-top: 12px; }
.vv-results:empty { display: none; }
.vv-hit { display: flex; align-items: center; gap: 12px; width: 100%; min-height: 56px; padding: 8px 14px; border: 0; border-radius: var(--r-row, 16px); background: var(--raised); color: var(--text); font: inherit; text-align: left; cursor: pointer; animation: em-rise .25s both; }
.vv-hit:hover { background: var(--glass); box-shadow: inset 0 0 0 1px var(--glass-edge); }
.vv-hit:focus-visible { outline: 2px solid var(--text); outline-offset: 2px; }
.vv-hit .avatar { flex: none; }
.vv-hit-text { display: flex; flex-direction: column; min-width: 0; }
.vv-hit-text b { overflow: hidden; font-size: var(--fs-item, 17px); font-weight: 600; text-overflow: ellipsis; white-space: nowrap; }
.vv-hit-text small { overflow: hidden; color: var(--muted); font-size: var(--fs-meta, 14px); text-overflow: ellipsis; white-space: nowrap; }
.vv-tips, .vv-privacy { margin: 14px 0 0; color: var(--muted); font-size: 13px; line-height: 1.45; }
.vv-privacy { margin-top: 8px; }

/* the login form, filled in from speech: one calm line until he saves */
.vv-filled { margin: 0 0 14px; padding: 10px 14px; border-radius: var(--r-sm, 10px); background: var(--ok-soft); color: var(--text); font-size: 14px; line-height: 1.45; }
.vv-filled[hidden] { display: none; }

@media (prefers-reduced-motion: reduce) { .vv-hit { animation: none; } }