/* S6: подсказка «На экран „Домой“» (iPhone), настройки уведомлений, офлайн-страница. */

.a2hs {
  position: fixed;
  left: 12px;
  right: 12px;
  bottom: calc(var(--safe-bottom, 0px) + 76px);
  z-index: 60;
  max-width: 480px;
  margin: 0 auto;
  display: flex;
  gap: 12px;
  align-items: flex-start;
  padding: 14px 14px 14px 16px;
  border-radius: var(--radius-card, 20px);
  background: var(--surface, #fff);
  color: var(--fg, #1e1e1e);
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.18);
  font-size: 14px;
  line-height: 1.45;
}
.a2hs p { margin: 0; }
.a2hs__icon { width: 48px; height: 48px; border-radius: 12px; flex: none; }
.a2hs__title { font-weight: 700; margin-bottom: 2px !important; }
.a2hs__share { vertical-align: -3px; color: var(--info, #0a6cff); }
.a2hs__close {
  flex: none;
  width: var(--tap, 44px);
  height: var(--tap, 44px);
  margin: -10px -8px 0 0;
  border: 0;
  background: transparent;
  color: var(--muted, #5e5e5e);
  font-size: 26px;
  line-height: 1;
  cursor: pointer;
}
@media (min-width: 768px) {
  .a2hs { bottom: calc(var(--safe-bottom, 0px) + 16px); }
}

.notify-settings__row { align-items: flex-start; }
.notify-settings__row input { margin-top: 2px; }
.notify-settings__label { display: block; font-weight: 600; }
.notify-settings .field__hint { display: block; }
.notify-devices { list-style: none; margin: 0; padding: 0; }

.offline-page { background: var(--bg, #f5f5f5); }
.offline {
  min-height: 100vh;
  min-height: 100dvh;
  display: grid;
  place-items: center;
  padding-top: calc(var(--safe-top, 0px) + 24px);
  padding-bottom: calc(var(--safe-bottom, 0px) + 24px);
}
.offline__card { max-width: 440px; text-align: center; align-items: center; }
.offline__card h1 { font-size: 22px; margin: 0; }
.offline__icon {
  display: inline-grid;
  place-items: center;
  width: 64px;
  height: 64px;
  border-radius: 50%;
  background: var(--brand-soft);
  color: var(--brand-dark);
}

/* Казахские подписи длиннее русских («Хабарламалар», «Қорытындылар»): нижняя панель
   кабинета на 320–390px — без наложения подписей друг на друга. */
html[lang="kk"] .bottom-nav a { min-width: 0; }
html[lang="kk"] .bottom-nav a span {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 10px;
  letter-spacing: -0.2px;
}