/* Conversation search is a standalone screen; only results scroll. */
.phone[data-screen="inbox-search"],
.phone[data-screen="inbox-search"] .status-bar,
.phone[data-screen="inbox-search"] #screen {
  background: var(--color-surface);
}
.phone[data-screen="inbox-search"] #app-header,
.phone[data-screen="inbox-search"] #tabbar,
.phone[data-screen="inbox-search"] #composer,
.phone[data-screen="inbox-search"] #floating-actions {
  display: none !important;
}
.phone[data-screen="inbox-search"] #screen {
  display: flex;
  flex-direction: column;
  min-height: 0;
  padding: 0;
  overflow: hidden;
}
.page.inbox-search-page {
  display: flex;
  flex: 1;
  flex-direction: column;
  width: 100%;
  min-width: 0;
  min-height: 0;
  padding: 0;
  background: var(--color-surface);
  color: var(--color-text-primary);
}
.inbox-search-toolbar {
  position: sticky;
  top: 0;
  z-index: 2;
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  gap: 12px;
  margin: 0;
  padding: 6px 16px 10px;
  background: var(--color-surface);
}
.inbox-search-field {
  display: flex;
  flex: 1;
  align-items: center;
  gap: 7px;
  min-width: 0;
  height: 36px;
  padding: 0 8px 0 10px;
  border-radius: 7px;
  background: var(--color-surface-subtle);
}
.inbox-search-field > .ico {
  width: 16px;
  height: 16px;
  color: var(--color-text-tertiary);
}
.inbox-search-field input {
  flex: 1;
  width: 0;
  min-width: 0;
  height: 100%;
  padding: 0;
  border: 0;
  outline: 0;
  background: transparent;
  color: var(--color-text-primary);
  font-size: var(--font-size-body);
  line-height: var(--line-height-body);
  appearance: none;
  -webkit-appearance: none;
}
.inbox-search-field input::placeholder { color: var(--color-text-tertiary); }
.inbox-search-field input::-webkit-search-cancel-button,
.inbox-search-field input::-webkit-search-decoration { -webkit-appearance: none; }
.inbox-search-field:focus-within { box-shadow: 0 0 0 2px var(--color-link); }
.inbox-search-clear {
  position: relative;
  display: grid;
  flex: 0 0 28px;
  place-items: center;
  width: 28px;
  height: 32px;
  padding: 0;
  color: var(--color-surface);
}
.inbox-search-clear::before {
  position: absolute;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: var(--color-text-tertiary);
  opacity: .7;
  content: "";
}
.inbox-search-clear .ico { position: relative; width: 11px; height: 11px; stroke-width: 2; }
.inbox-search-cancel {
  flex: 0 0 auto;
  min-height: 44px;
  padding: 0;
  color: var(--color-text-primary);
  font-size: var(--font-size-body);
  white-space: nowrap;
}
.inbox-search-results {
  flex: 1;
  min-width: 0;
  min-height: 0;
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior-y: contain;
  scrollbar-width: none;
  -webkit-overflow-scrolling: touch;
}
.inbox-search-results::-webkit-scrollbar { display: none; }
.inbox-search-group { padding: 0 20px 10px; }
.inbox-search-group + .inbox-search-group {
  padding-top: 13px;
  border-top: 1px solid var(--color-border);
}
.inbox-search-group > h2 {
  margin: 0;
  padding: 7px 0 5px;
  color: var(--color-text-tertiary);
  font-size: var(--font-size-caption);
  font-weight: var(--font-weight-regular);
  line-height: var(--line-height-body);
  letter-spacing: 0;
}
.inbox-search-name-row,
.inbox-search-message-row {
  display: flex;
  width: 100%;
  min-width: 0;
  padding: 0;
  background: transparent;
  text-align: left;
  font-size: var(--font-size-body);
  line-height: var(--line-height-body);
}
.inbox-search-name-row { align-items: center; gap: 12px; min-height: 44px; }
.inbox-search-customer {
  flex: 1;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.inbox-search-name-row time,
.inbox-search-result-meta time {
  flex-shrink: 0;
  color: var(--color-text-tertiary);
  font-size: var(--font-size-caption);
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}
.inbox-search-message-row {
  flex-direction: column;
  justify-content: center;
  gap: 5px;
  min-height: 70px;
  padding: 10px 0;
}
.inbox-search-result-meta {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  min-width: 0;
  color: var(--color-text-tertiary);
  font-size: var(--font-size-caption);
}
.inbox-search-result-meta > span {
  flex: 1;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.inbox-search-snippet {
  display: -webkit-box;
  width: 100%;
  overflow: hidden;
  overflow-wrap: anywhere;
  color: var(--color-text-primary);
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.inbox-search-highlight { padding: 0; background: transparent; color: var(--color-link); }
.inbox-search-page .inbox-search-total {
  margin: 10px 20px 0;
  padding: 12px 0 max(24px, env(safe-area-inset-bottom));
  color: var(--color-text-tertiary);
  font-size: var(--font-size-caption);
  text-align: center;
}
.inbox-search-state {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-height: 210px;
  padding: 40px 24px;
  color: var(--color-text-tertiary);
  text-align: center;
}
.inbox-search-state > .ico { width: 32px; height: 32px; opacity: .65; }
.inbox-search-state h3 { color: var(--color-text-secondary); font-size: var(--font-size-body); }
.inbox-search-state p { max-width: 280px; font-size: var(--font-size-caption); overflow-wrap: anywhere; }
.chat-search-hit .bubble { outline: 2px solid var(--color-link); outline-offset: 3px; border-radius: var(--radius-md); }
@media (max-width: 360px) {
  .inbox-search-toolbar { gap: 10px; padding-right: 12px; padding-left: 12px; }
  .inbox-search-group { padding-right: 16px; padding-left: 16px; }
  .inbox-search-name-row { gap: 8px; }
}

.phone .inbox-search-entry{font:inherit;text-align:left;color:var(--color-text-tertiary)}
.phone .inbox-search-entry>span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.phone .inbox-search-clear[hidden]{display:none}
.phone .inbox-search-name-row,.phone .inbox-search-message-row{border:0;border-bottom:1px solid var(--color-border)}

.phone .inbox-search-total-count{color:var(--color-link)}