/**
 * Shell/auth helpers for ?ui=mobile|tablet (cookie NEXTFIN_UI).
 * Does NOT override landing/home adaptive layout — that stays on viewport media queries.
 */

/* ---- Auth: single-column form when ui=mobile/tablet on wide screens ---- */
body.ui-variant-mobile.nf-auth-page .nf-auth-wrap,
body.ui-variant-tablet.nf-auth-page .nf-auth-wrap {
  grid-template-columns: 1fr !important;
}
body.ui-variant-mobile.nf-auth-page .nf-auth-brand,
body.ui-variant-tablet.nf-auth-page .nf-auth-brand {
  display: none !important;
}
body.ui-variant-mobile.nf-auth-page .nf-auth-panel,
body.ui-variant-tablet.nf-auth-page .nf-auth-panel {
  padding: 16px 18px 28px;
}
body.ui-variant-mobile.nf-auth-page .nf-auth-panel__toolbar,
body.ui-variant-tablet.nf-auth-page .nf-auth-panel__toolbar {
  margin-bottom: 16px;
}
body.ui-variant-mobile.nf-auth-page .nf-auth-panel__body,
body.ui-variant-tablet.nf-auth-page .nf-auth-panel__body {
  justify-content: flex-start;
}

/* ---- App shell: drawer sidebar only (no content/grid overrides) ---- */
body.ui-variant-mobile .nf-side,
body.ui-variant-tablet .nf-side {
  position: fixed;
  z-index: 80;
  left: 0;
  top: 0;
  width: var(--nf-side-width, 248px);
  height: 100vh;
  height: 100dvh;
  max-height: 100dvh;
  transform: translateX(-100%);
  transition: transform .3s ease, box-shadow .3s ease;
  /* Закрытая панель не отбрасывает тень: иначе на краю экрана виден тёмный градиент. */
  box-shadow: none;
}
body.ui-variant-mobile .nf-side[data-mobile-open="true"],
body.ui-variant-tablet .nf-side[data-mobile-open="true"] {
  box-shadow: 0 0 50px rgba(0, 0, 0, .45);
  transform: translateX(0);
}
body.ui-variant-mobile .nf-side__overlay.is-open,
body.ui-variant-tablet .nf-side__overlay.is-open {
  display: block;
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, .45);
  z-index: 70;
}
body.ui-variant-mobile .nf-head__burger,
body.ui-variant-mobile .nf-icon-btn.nf-head__burger,
body.ui-variant-tablet .nf-head__burger,
body.ui-variant-tablet .nf-icon-btn.nf-head__burger {
  display: inline-flex;
}