/**
 * File:          public/css/mobile_rail.css
 * Version:       0.2.4
 * Last Modified: 2026-11-01 08:58 PM EST
 * Changes:       0.2.4 — Chat 2.0 tours: dead #topbar-export-btn rule removed (no element).
 * Changes:       0.2.3 — Chat 2.0 merge: dead #session-cost-readout / #mobile-filters-btn rules removed (cost moved to the
 *                title sheet, Filters to the ⋯ menu in step 3).
 * Changes:       0.2.2 — Chat 2.0 step 2: #mobile-rail-btn and icon-rail rules removed (one round #rail-toggle, chat2_rail.css).
 * Changes:       Removed dead Show me / Guide header button rules (they live in the "?" Help menu).
 *                0.2.0 — Header fits at 320px: Show me and Guide become icon buttons (✦, ?), tighter
 *                gaps and a smaller cost readout. Nothing is pushed off screen.
 *                0.1.1 — Phones hide the left rail completely; one header button opens it.
 */
/* Phones only (iPad mini portrait is 744px and keeps its rail, like the native app). */
@media (max-width: 700px) {
  /* Narrow phones: header buttons that do not fit scroll sideways instead of being cut off. */
  #header { overflow-x: auto !important; overflow-y: hidden !important; scrollbar-width: none; }
  #header::-webkit-scrollbar { display: none; }
  /* Everything fits at 320px: tighter gaps. */
  #header { gap: 4px !important; padding-left: 6px !important; padding-right: 6px !important; }
}
/* === END OF FILE (FILENAME: public/css/mobile_rail.css) === */