/* All-chats page — full history with search + bulk delete. */
:root {
  --accent: #1e6b52;
  --accent-dim: #e2efe8;
  --bg: #f5f4f0;
  --panel: #fff;
  --line: #e3e1da;
  --text: #191919;
  --muted: #6b6a66;
  --red: #c0392b;
}
* { box-sizing: border-box; }
body { margin: 0; background: var(--bg); color: var(--text); font: 15px/1.5 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; }
.ch-page { max-width: 640px; margin: 0 auto; padding: 0 16px 90px; }
.ch-head { display: flex; align-items: center; gap: 8px; padding: 14px 0 10px; }
.ch-icon { width: 38px; height: 38px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; color: var(--text); text-decoration: none; }
.ch-icon:hover { background: #eae8e2; }
.ch-icon .icon { width: 20px; height: 20px; display: block; }
.ch-icon svg { width: 100%; height: 100%; }
.ch-title { flex: 1; text-align: center; font-size: 16px; font-weight: 600; }
.ch-pad { width: 38px; }
.ch-search {
  display: flex; align-items: center; gap: 9px; background: var(--panel);
  border: 1px solid var(--line); border-radius: 12px; padding: 10px 13px; margin-bottom: 12px;
}
.ch-search .icon { width: 16px; height: 16px; color: var(--muted); display: block; flex: none; }
.ch-search svg { width: 100%; height: 100%; }
.ch-search input { flex: 1; border: 0; outline: none; background: none; font: inherit; color: var(--text); }
.ch-list { display: flex; flex-direction: column; gap: 8px; }
.ch-row {
  display: flex; align-items: center; gap: 12px; width: 100%; text-align: left;
  background: var(--panel); border: 1px solid var(--line); border-radius: 12px;
  padding: 11px 13px; font: inherit; color: var(--text); cursor: pointer;
}
.ch-row:hover { border-color: var(--accent); }
.ch-row.sel { border-color: var(--accent); background: var(--accent-dim); }
.ch-check {
  width: 20px; height: 20px; border-radius: 6px; border: 1.5px solid #c9c6bd;
  flex: none; display: inline-flex; align-items: center; justify-content: center;
  background: #fff; color: #fff; font-size: 12px; padding: 0; cursor: pointer;
}
.ch-check.on { background: var(--accent); border-color: var(--accent); }
.ch-main { flex: 1; min-width: 0; }
.ch-name { font-weight: 600; font-size: 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block; }
.ch-sub { color: var(--muted); font-size: 12.5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block; }
.ch-date { color: var(--muted); font-size: 12px; flex: none; }
.ch-empty { color: var(--muted); text-align: center; margin-top: 26px; font-size: 13.5px; }
.ch-empty[hidden] { display: none; }
.ch-bulk {
  position: fixed; left: 50%; bottom: 18px; transform: translateX(-50%);
  display: flex; align-items: center; gap: 14px; z-index: 20;
  background: #191919; color: #fff; border-radius: 999px; padding: 10px 12px 10px 18px;
  box-shadow: 0 8px 26px rgba(20, 24, 32, .35); font-size: 13.5px;
}
.ch-bulk[hidden] { display: none; }
.ch-bulk button {
  border: 0; background: var(--red); color: #fff; font: inherit; font-weight: 600;
  border-radius: 999px; padding: 8px 16px; cursor: pointer;
}
.ch-bulk button:hover { background: #a93226; }