/* * smsVerificationService — global responsive layer. * * Loaded LAST from every master/base template so it can override page-local * styles without !important spam. Breakpoints mirror Bootstrap 5 plus the * project-wide spec from the user: * mobile : ≤ 768px * tablet : 769px — 1024px * desktop : ≥ 1025px * * Goals (per spec): * 1. No horizontal scroll on any page. * 2. ≥ 44px tap targets on mobile (Apple HIG). * 3. ≥ 14px body text on mobile. * 4. Form fields full-width and ≥ 16px on mobile (avoids iOS auto-zoom). * 5. Data tables wrapped in horizontal-scroll containers, with a card-view * fallback at < 640px when the row markup includes data-label="…" cells. * 6. Navbars collapse to a hamburger ≤ 991.98px (Bootstrap default); bell * icon and user avatar stay visible alongside the hamburger. * 7. Buttons / CTAs full-width on mobile when in a single-button row. * * Authors: Cursor agent — keep this file the single source of truth, do not * scatter mobile rules across page templates. */ /* ────────────────────────────────────────────────────────────────────────── * 0. UNIVERSAL: kill horizontal scroll, normalise images, sticky footer. * * The sticky-footer rules pin