@media (max-width: 1260px) {
  .kpi-strip { grid-template-columns: repeat(3,1fr); }
  .kpi-strip article { border-bottom: 1px solid var(--line); }
  .kpi-strip article:nth-child(3) { border-right: 0; }
  .stat-grid { grid-template-columns: repeat(3,1fr); }
  .planning-grid { grid-template-columns: repeat(2,1fr); }
  .session-card { grid-template-columns: minmax(170px,1.1fr) repeat(3,.7fr) auto; }
  .session-card .session-metric:nth-of-type(n+5) { display: none; }
}

@media (max-width: 980px) {
  .topbar { grid-template-columns: auto minmax(220px,1fr) auto; gap: 12px; }
  .topbar-brand > span:last-child, .account-copy { display: none; }
  .account-button { grid-template-columns: 30px 16px; }
  .mobile-only { display: grid; }
  .side-nav { transform: translateX(-104%); transition: transform .2s ease; box-shadow: 15px 0 35px rgba(0,0,0,.2); }
  .side-nav.open { transform: translateX(0); }
  .workspace { margin-left: 0; }
  .nav-scrim { position: fixed; inset: var(--topbar) 0 0 0; z-index: 40; display: block; background: rgba(0,0,0,.35); }
  .performance-body { grid-template-columns: 1fr; }
  .sales-breakdown { border-top: 1px solid var(--line); border-left: 0; }
  .business-layout { grid-template-columns: 1fr; }
  .detail-panel { position: static; max-height: none; }
  .analytics-grid { grid-template-columns: 1fr; }
  .instructions-layout { grid-template-columns: 1fr; }
  .instructions-index { position: static; }
  .overview-grid.two-up { grid-template-columns: 1fr; }
}

@media (max-width: 760px) {
  :root { --topbar: 52px; }
  .topbar { grid-template-columns: auto 1fr auto; height: var(--topbar); padding: 0 10px; }
  .topbar-brand strong, .topbar-actions > .topbar-icon { display: none; }
  .brand-mark { width: 28px; height: 28px; }
  .search-wrap { justify-self: stretch; }
  .search-wrap kbd { display: none; }
  .account-button > svg { display: none; }
  .account-button { display: block; height: 36px; padding: 3px; }
  .account-menu { position: fixed; top: 55px; right: 8px; }
  .mobile-section-bar { height: 44px; display: flex; align-items: center; justify-content: space-between; padding: 0 14px; border-bottom: 1px solid var(--line); background: var(--surface); }
  .mobile-section-bar .icon-button { color: var(--text); }
  .control-bar { top: calc(var(--topbar) + 44px); min-height: 48px; padding: 7px 14px; flex-wrap: wrap; }
  .date-controls { width: 100%; }
  .date-controls label { display: none; }
  .date-controls select { min-width: 0; flex: 1; }
  .custom-dates { width: 100%; }
  .custom-dates input { min-width: 0; width: 100%; }
  .control-bar > .secondary-button { display: none; }
  .active-session { width: 100%; margin: 0; padding: 7px 0 0; border-top: 1px solid var(--line); border-left: 0; }
  .active-session .text-button { margin-left: auto; }
  .content { padding: 20px 14px 82px; }
  .resource-header, .view-head { display: block; min-height: 0; }
  .resource-header .view-actions, .view-head .view-actions { margin-top: 12px; justify-content: flex-start; }
  .resource-header .view-actions > *, .view-head .view-actions > * { flex: 1; }
  .kpi-strip { grid-template-columns: repeat(2,1fr); }
  .kpi-strip article, .kpi-strip article:nth-child(3) { border-right: 1px solid var(--line); }
  .kpi-strip article:nth-child(even) { border-right: 0; }
  .kpi-strip strong { font-size: 18px; }
  .chart-block, .sales-breakdown { padding: 15px; }
  .chart { height: 210px; }
  .quick-start { display: block; }
  .quick-actions { justify-content: flex-start; margin-top: 13px; }
  .quick-action { flex: 1 1 calc(50% - 7px); }
  .summary-strip { grid-template-columns: repeat(2,1fr); }
  .summary-strip article:nth-child(2) { border-right: 0; }
  .summary-strip article:nth-child(-n+2) { border-bottom: 1px solid var(--line); }
  .data-card.desktop-table { display: none; }
  .mobile-card-list { display: grid; gap: 8px; }
  .mobile-data-card { padding: 13px; border: 1px solid var(--line); border-radius: 8px; background: var(--surface); box-shadow: var(--shadow); }
  .mobile-data-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 10px; }
  .mobile-data-head h3 { margin: 0; font-size: 12px; }
  .mobile-data-head p, .mobile-data-card > p { margin: 4px 0 0; color: var(--muted); font-size: 10px; }
  .mobile-data-metrics { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; margin-top: 10px; padding-top: 9px; border-top: 1px solid var(--line); }
  .mobile-data-metrics div { display: grid; }
  .mobile-data-metrics span { color: var(--muted); font-size: 9px; }
  .mobile-data-metrics strong { font-size: 10px; }
  .toolbar { align-items: stretch; }
  .toolbar > * { flex: 1; min-width: calc(50% - 4px); }
  .toolbar .search-input { min-width: 100%; }
  .toolbar .text-button { margin-left: 0; }
  .planning-grid { grid-template-columns: 1fr; }
  .stat-grid { grid-template-columns: repeat(2,1fr); }
  .rank-row { grid-template-columns: minmax(95px,1fr) 1fr repeat(2,48px); }
  .rank-row > *:nth-child(5) { display: none; }
  .session-card { grid-template-columns: 1fr 1fr 1fr auto; gap: 8px; }
  .session-card .session-metric:nth-of-type(n+4) { display: none; }
  .form-grid { grid-template-columns: 1fr; }
  .record-detail-grid { grid-template-columns: 1fr; }
  .record-recap .form-actions { display: flex; }
  .form-field.full, .form-section, .form-actions { grid-column: auto; }
  .inline-fields { grid-template-columns: 1fr 80px; }
  .inline-fields .remove-line { grid-column: 2; }
  .contact-grid { grid-template-columns: 1fr; }
  .action-menu { grid-template-columns: 1fr; }
  .modal-panel, .modal-panel.wide { width: 100%; }
  .modal-head, .modal-body { padding-left: 16px; padding-right: 16px; }
  .mobile-fab { position: fixed; right: 17px; bottom: 17px; z-index: 35; width: 52px; height: 52px; display: grid; place-items: center; border: 0; border-radius: 14px; background: var(--accent); color: #fff; box-shadow: 0 8px 24px rgba(44,110,203,.35); font-size: 25px; }
  .toast-root { right: 12px; bottom: 78px; left: 12px; }
  .toast { min-width: 0; max-width: none; }
}

@media (max-width: 480px) {
  .topbar { gap: 7px; }
  .topbar-brand { gap: 4px; }
  .search-wrap { height: 34px; }
  .search-wrap input { font-size: 12px; }
  .performance-card { margin-inline: -3px; }
  .kpi-strip article { padding: 14px; }
  .kpi-strip strong { font-size: 17px; }
  .resource-row { grid-template-columns: 31px minmax(0,1fr); }
  .resource-row > b { grid-column: 2; }
  .task-row { grid-template-columns: 17px minmax(0,1fr); }
  .task-row .status { grid-column: 2; width: fit-content; }
  .summary-strip strong { font-size: 17px; }
  .resource-section { padding: 13px; }
  .stat-grid { gap: 8px; }
  .stat-card { min-height: 105px; padding: 14px; }
  .stat-card strong { font-size: 18px; }
  .instructions-document > section { grid-template-columns: 31px 1fr; padding: 18px; }
  .document-hero { padding: 22px 18px; }
  .document-hero h2 { font-size: 23px; }
  .form-actions { display: grid; grid-template-columns: repeat(2,1fr); }
  .form-actions button { width: 100%; }
}
