/* ─────────────────────────────────────────────────────────────────────────────
   responsive.css — shared site-wide responsive layer (shell / nav / messaging)
   Loaded LAST in base.html so it can override shell layout at mobile/tablet widths.

   INVARIANT (hard requirement): the primary navigation is the LEFT rail at EVERY
   breakpoint. f33d3r.com never uses a bottom nav / tab bar. This file asserts that
   invariant defensively so no future responsive rule can regress it.

   Component look (conversation rows, bubbles, composer) and the messaging master-
   detail panel-swap live in styles.css alongside the rest of the design system —
   this file owns only cross-cutting responsive SHELL behaviour.
   ───────────────────────────────────────────────────────────────────────────── */

/* ── Nav rail: always the left rail, never a bottom bar ──────────────────────── */
/* The rail collapses to icons on narrow widths but stays pinned left and full-height. */
.f33d3r-sidebar {
  position: sticky;
  top: 0;
  height: 100dvh;
}
@media (max-width: 1023px) {
  /* Keep the rail visible and on the left even on phones — auth shells still hide it. */
  .f33d3r-shell:not(.auth-shell):not(.shell-auth) .f33d3r-sidebar { display: flex; }
}

/* ── Messaging shell on mobile ───────────────────────────────────────────────── */
/* The Gnosis main column is full-bleed 100dvh; ensure the list/thread master-detail
   (driven by .gn-layout.gn-show-thread in styles.css) fills the viewport beside the
   rail and never spawns a bottom bar. */
@media (max-width: 1023px) {
  .gn-main { height: 100dvh; min-height: 0; }
  .gn-layout { height: 100%; }
}