/* Волна 9 (часть b): стили новых экранов. Классы w9b-…; цвета — переменные темы (светлая и тёмная). */

/* страницы настроек: вибрация, напоминания, управление хранилищем */
.w9b-page { padding-bottom: 12px; }
.w9b-page .set-row small { display: block; }
.w9b-page .set-row .outline.sm, .w9b-page .set-row .link.sm { flex: none; white-space: nowrap; }
.w9b-page .set-select { max-width: 60%; }

/* управление хранилищем */
.w9b-bar { justify-content: flex-end; gap: 10px; padding-top: 6px; padding-bottom: 6px; }
.w9b-file { cursor: default; align-items: center; }
.w9b-file.picked { background: var(--brand-soft); }
.w9b-file input[type=checkbox] { flex: none; width: 18px; height: 18px; accent-color: var(--brand); }
.w9b-fname { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.w9b-file .col { min-width: 0; }
.w9b-tabs { display: flex; flex-wrap: wrap; gap: 6px; padding: 4px 12px 10px; }

/* напоминание-тост: несколько строк */
.w9b-toast { white-space: pre-line; text-align: center; }

/* фото в режиме «Превью»: подпись «Нажмите, чтобы загрузить X» поверх уменьшенной копии */
.w9b-prev { cursor: pointer; }
.w9b-prev img { filter: none; }
.w9b-chip { position: absolute; left: 50%; bottom: 8px; transform: translateX(-50%); max-width: calc(100% - 16px); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

/* звонок: «Экономия данных включена» */
.w9b-saver { display: inline-flex; align-items: center; gap: 4px; background: rgba(255, 255, 255, .16); color: #fff; border-radius: 999px; padding: 3px 10px; font-size: 12px; opacity: 1 !important; }
.call-card .w9b-saver { margin: 4px auto 0; }
.w9b-hq { color: #fff; text-decoration: underline; background: none; border: 0; font-size: 13px; }