/* ═══════════════════════════════════════════════════════════════════════════
   КЛАВИАТУРА ПОВЕРХ ЭКРАНА (N1) — вид к модулю js/n1-keyboard.js.

   Правила действуют только на элементы с атрибутом data-kb: неразмеченные
   экраны этот файл не задевает. Подъём (translate) делает сам модуль через
   Web Animations: CSS-переход на translate перебил бы собственный transition
   кнопок, а их правила сильнее по весу.

   :not(#n1kb):not(#n1kb) — вес двух id: панели и кнопки экранов красятся
   правилами с id и !important, эти должны быть сильнее, пока клавиатура
   открыта. Такого id в разметке нет.
   ═══════════════════════════════════════════════════════════════════════════ */

/* Панель под кнопкой: пока клавиатура открыта, у неё нет фона и волоска —
   над клавиатурой висит одна кнопка, вокруг видно содержимое. */
html.n1-kb [data-kb="dock"]:not(#n1kb):not(#n1kb) {
  background: transparent !important;
  box-shadow: none !important;
  border-top-color: transparent !important;
}
html.n1-kb [data-kb="dock"]:not(#n1kb):not(#n1kb)::before,
html.n1-kb [data-kb="dock"]:not(#n1kb):not(#n1kb)::after {
  opacity: 0 !important;
}

/* Поднятая кнопка: мягкая тень, чтобы читалась поверх текста. Не подложка. */
html.n1-kb [data-kb="float"][data-kb-up]:not(#n1kb):not(#n1kb) {
  box-shadow: 0 8px 24px rgba(0, 0, 0, .45) !important;
}

/* Сноска под кнопкой гаснет, пока клавиатура открыта, и возвращается. */
[data-kb="hide"] {
  transition: opacity 150ms linear;
}
html.n1-kb [data-kb="hide"]:not(#n1kb):not(#n1kb) {
  opacity: 0 !important;
  pointer-events: none !important;
}

/* Нижняя панель вкладок: при открытой клавиатуре и пока окно сжато (Android
   WebView сжимает окно — без этого панель встала бы на клавиатуру). */
html.n1-kb [data-kb="tabbar"]:not(#n1kb):not(#n1kb),
html.n1-kb-resized [data-kb="tabbar"]:not(#n1kb):not(#n1kb) {
  visibility: hidden !important;
}

@media (prefers-reduced-motion: reduce) {
  [data-kb="hide"] { transition: none; }
}