/* ═══════════════════════════════════════════
   APPLICATION CSS — Deckhand

   Styles are split into component files:
   - base.css         — tokens, reset, body, scrollbar, animations, auth
   - sidebar.css      — sidebar, nav items, user tile, mobile overlay
   - topbar.css       — topbar, search, buttons, flash, back-link, mobile hamburger
   - components.css   — pills, cards, panels, badges, forms, tables, grids
   - pages/dashboard.css — KPI, pipeline, activity timeline
   - pages/jobs.css      — job list, job detail, stage tracker, preprod
   - pages/contacts.css  — contact cards, contact detail
   - pages/schedule.css  — schedule calendar, sales calendar
   - pages/crews.css     — crew cards

   Each file is loaded via stylesheet_link_tag in the layout.
   Mobile overrides live at the bottom of each component file.
═══════════════════════════════════════════ */

/* ═══════════════════════════════════════════
   RESPONSIVE — LAYOUT GRIDS
   (These override classes from components.css)
═══════════════════════════════════════════ */
@media (max-width: 1024px) {
  .job-detail-grid, .dash-grid, .cd-grid, .prop-detail-grid, .sidebar-layout { grid-template-columns: 1fr; }
  .two-col { grid-template-columns: 1fr; }
  .kpi-grid { grid-template-columns: 1fr 1fr; }
  .sched-page-layout { grid-template-columns: 1fr; }
}