/* ============================================================================
   ONEMIX Web — overrides поверх main.css (наследованного из Electron-сборки)
   ----------------------------------------------------------------------------
   Скрывает кастомный frameless-titlebar (он нужен только в Electron),
   убирает связанные с ним отступы и поправляет высоту layout под viewport.
   ============================================================================ */

/* В браузере наш electron-shim ставит .is-web на html и body */
.is-web #global-titlebar { display: none !important; }

.is-web .app-layout {
  margin-top: 0 !important;
  height: 100vh !important;
  height: 100dvh !important; /* учитывает мобильные браузеры */
}

/* Web-only: chrome scrollbar должен быть, но в Electron его прячут хаком */
.is-web ::-webkit-scrollbar { width: 8px; height: 8px; }
.is-web ::-webkit-scrollbar-thumb {
  background: rgba(128,128,128,0.35);
  border-radius: 4px;
}
.is-web ::-webkit-scrollbar-thumb:hover { background: rgba(128,128,128,0.55); }
.is-web ::-webkit-scrollbar-track { background: transparent; }

/* Web-only: смягчаем drag-and-drop хинты (в браузере не нужен -webkit-app-region) */
.is-web [class*="-drag"] { -webkit-app-region: initial; }

/* Tab badge для непрочитанных — на мобильных уменьшим */
@media (max-width: 720px) {
  .is-web .sidebar-tabs { gap: 4px; }
  .is-web .tab-btn span:not(.tab-badge) {
    font-size: 12px;
  }
}