/* CommerceFlow r8.0.0 — deliberate responsive modes */
@media (max-width: 1180px) {
  :root { --cf-sidebar: 220px; --cf-platform-sidebar: 214px; }
  body.cf-v8 .platform-heading,
  body.cf-v8 .r73-page-header,
  body.cf-v8 .page-header { align-items: flex-start; }
}
@media (max-width: 900px) {
  body.cf-v8 .platform-heading,
  body.cf-v8 .r73-page-header,
  body.cf-v8 .page-header { flex-direction: column; align-items: stretch; }
  body.cf-v8 .platform-heading-actions,
  body.cf-v8 .heading-actions { justify-content: flex-start; }
  body.cf-v8 .form-grid,
  body.cf-v8 .r73-field-grid,
  body.cf-v8 .cf-form-grid,
  body.cf-v8 .r74-order-detail-grid,
  body.cf-v8 .compact-detail-grid,
  body.cf-v8 .lp-form-grid { grid-template-columns: 1fr; }
  body.cf-v8 .form-grid .full,
  body.cf-v8 .r73-field-grid .full,
  body.cf-v8 .cf-form-grid .full,
  body.cf-v8 .r74-order-detail-grid .full,
  body.cf-v8 .lp-form-grid .lp-span-two { grid-column: auto; }
  body.cf-v8 .kpi-grid,
  body.cf-v8 .report-kpi-grid,
  body.cf-v8 .tenant-kpis { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 640px) {
  body.cf-v8 { font-size: 13.5px; }
  body.cf-v8 h1 { font-size: 23px; }
  body.cf-v8 .card,
  body.cf-v8 .r73-data-panel,
  body.cf-v8 .cf-form-card,
  body.cf-v8 .cf-create-panel { padding: 12px; }
  body.cf-v8 .card-header,
  body.cf-v8 .r73-panel-header,
  body.cf-v8 .cf-form-card-header { margin: -12px -12px 12px; padding: 10px 12px; }
  body.cf-v8 .kpi-grid,
  body.cf-v8 .report-kpi-grid,
  body.cf-v8 .tenant-kpis { grid-template-columns: 1fr 1fr; }
  body.cf-v8 .kpi,
  body.cf-v8 .report-kpi,
  body.cf-v8 .executive-kpi { min-height: 72px; padding: 11px 12px; }
  body.cf-v8 .kpi strong,
  body.cf-v8 .report-kpi strong { font-size: 20px; }
  body.cf-v8 .platform-filter-bar,
  body.cf-v8 .r73-filter-bar,
  body.cf-v8 .report-filter-bar { grid-template-columns: 1fr; }
  body.cf-v8 .button,
  body.cf-v8 button.button,
  body.cf-v8 .lp-btn,
  body.cf-v8 .public-header-cta,
  body.cf-v8 .lp-submit { min-height: var(--cf-control-touch); }
  body.cf-v8 .support-mode-banner { margin-left: -12px; margin-right: -12px; flex-direction: column; align-items: stretch; }
}