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

   Styles are split into component files:
   - base.css         — tokens, reset, body, scrollbar, animations, auth
   - sidebar.css      — sidebar, nav items, user tile
   - topbar.css       — topbar, search, buttons, flash, back-link
   - 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.
═══════════════════════════════════════════ */

/* ═══════════════════════════════════════════
   RESPONSIVE BREAKPOINTS
═══════════════════════════════════════════ */
@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; }
}
@media (max-width: 768px) {
  .sidebar { display: none; }
  .kpi-grid { grid-template-columns: 1fr; }
  .form-row { grid-template-columns: 1fr; }
  .prop-option-grid { grid-template-columns: 1fr; }
  .view-scroll { padding: 16px; }
  .topbar { padding: 10px 16px; }
  .sales-time-grid { overflow-x: auto; }
}