/* Волна 9 (часть a): стили новых экранов — обновление, здоровье сервера, приглашения, первый запуск, «Найти людей», очистка всех чатов. */
.sr-only { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; white-space: nowrap; }
.w9-bad { color: var(--danger) !important; }
.w9-ok { color: var(--ok); }

/* ---- полосы над списком чатов */
.w9-bar .link-btn { background: none; border: 0; padding: 4px 6px; color: var(--brand); font-weight: 600; white-space: nowrap; cursor: pointer; }
.w9-health-bar { gap: 6px; }
.w9-health-bar.warn { background: color-mix(in srgb, #f2b01e 22%, var(--bg)); }
.w9-health-bar.fail { background: color-mix(in srgb, var(--danger) 20%, var(--bg)); }
.w9-bar-main { flex: 1; min-width: 0; display: flex; align-items: center; gap: 10px; text-align: start; background: none; border: 0; padding: 0; color: inherit; font: inherit; cursor: pointer; }

/* ---- «Справка»: версия и проверка обновлений */
.w9-upd-row .set-row { align-items: center; }
.w9-upd-row small[data-state="new"] { color: var(--brand); font-weight: 600; }
.w9-upd-row small[data-state="fail"] { color: var(--danger); }
.w9-vault-note { margin-top: 4px; }
/* 0.16.2: обновление приложения Windows — ход скачивания в полосе и в «Справке» */
.w9d-bar { align-items: center; }
.w9d-bar-text { min-width: 0; gap: 2px; }
.w9d-bar-text small { opacity: .85; }
.w9d-progress { width: 100%; height: 6px; margin-top: 4px; accent-color: var(--brand); }
.w9d-upd-more { display: flex; flex-direction: column; gap: 8px; padding: 0 16px 14px; }
.w9d-upd-more .primary.sm { align-self: stretch; padding: 8px 12px; }

/* ---- «Здоровье сервера» */
.w9-plate { display: flex; align-items: center; gap: 12px; margin: 4px 16px 0; padding: 14px 16px; border-radius: 14px; font-size: 17px; background: var(--bg-3); color: var(--ink); }
.w9-plate.ok { background: color-mix(in srgb, var(--ok) 20%, var(--bg)); }
.w9-plate.warn { background: color-mix(in srgb, #f2b01e 26%, var(--bg)); }
.w9-plate.fail { background: color-mix(in srgb, var(--danger) 22%, var(--bg)); }
.w9-plate.none { background: var(--bg-3); color: var(--ink-2); }
.w9-dot-st { width: 14px; height: 14px; border-radius: 50%; flex: none; background: var(--ink-3); }
.w9-dot-st.ok { background: var(--ok); }
.w9-dot-st.warn { background: #e0a000; }
.w9-dot-st.fail { background: var(--danger); }

/* ---- приглашение и «Пригласить человека» */
.w9-inv small, .w9-make small { color: var(--ink-3); }
.w9-make-qr { background: #fff; padding: 10px; border-radius: 14px; line-height: 0; }
.w9-make-link { width: 100%; font-size: 12.5px; }
.w9-make-btns { justify-content: center; }
.w9-make-note { max-width: 36ch; }

/* ---- первый запуск */
.w9-onb { position: fixed; inset: 0; z-index: 70; display: grid; place-items: center; padding: 16px; background: linear-gradient(160deg, var(--brand-soft), var(--bg-2)); overflow-y: auto; }
.w9-onb-card { width: min(460px, 100%); background: var(--bg); border-radius: 24px; padding: 28px 24px 20px; box-shadow: var(--shadow); display: flex; flex-direction: column; align-items: center; gap: 14px; }
.w9-dots { display: flex; gap: 8px; }
.w9-dot { width: 9px; height: 9px; border-radius: 50%; background: var(--line); }
.w9-dot.past { background: var(--brand-soft); border: 1px solid var(--brand); }
.w9-dot.on { background: var(--brand); width: 22px; border-radius: 6px; }
.w9-onb-body { width: 100%; display: flex; flex-direction: column; gap: 10px; min-height: 220px; }
.w9-onb-body h2 { margin: 0; font-size: 20px; text-align: center; }
.w9-onb-body p { margin: 0; text-align: center; color: var(--ink-2); }
.w9-onb-photo { display: flex; flex-direction: column; align-items: center; gap: 8px; color: var(--ink-3); }
.w9-onb-photo img { border-radius: 50%; object-fit: cover; }
.w9-onb-foot { width: 100%; display: flex; align-items: center; gap: 10px; border-top: 1px solid var(--line); padding-top: 12px; }
.w9-onb-support { border-radius: 12px; }
.w9-onb .w9-find-list { max-height: 220px; overflow-y: auto; }

/* ---- «Найти людей» */
.w9-find { display: flex; flex-direction: column; gap: 6px; min-height: 0; flex: 1; width: 100%; }
.w9-find-list { display: flex; flex-direction: column; min-height: 0; flex: 1; overflow-y: auto; }
.w9-find-empty { display: flex; flex-direction: column; align-items: center; gap: 10px; padding: 12px 16px; }
.w9-find-panel { position: absolute; inset: 0; z-index: 5; background: var(--bg); }
.side-body { position: relative; }

/* ---- очистить / удалить все чаты */
.w9-bulk .w9-progress { width: 100%; height: 8px; accent-color: var(--brand); }
.w9-bulk .confirm-actions .link[disabled] { opacity: .4; cursor: default; }
.w9-bulk p { margin: 0; }