@media (max-width: 1280px) {
  .indicator-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .indicator-card { min-height: 110px; }
  .dashboard-columns { grid-template-columns: 1fr; }
}

@media (max-width: 1024px) {
  .sidebar { width: var(--sidebar-collapsed-width); }
  .app-main { margin-left: var(--sidebar-collapsed-width); }
  .brand-copy, .nav-item span, .company-copy { opacity: 0; pointer-events: none; }
  .nav-item { justify-content: center; padding-inline: 0; }
  .sidebar-collapse { position: absolute; right: -2px; bottom: 13px; transform: rotate(180deg); }
  .app-shell.is-sidebar-collapsed .sidebar { width: var(--sidebar-width); }
  .app-shell.is-sidebar-collapsed .app-main { margin-left: var(--sidebar-width); }
  .app-shell.is-sidebar-collapsed .brand-copy,
  .app-shell.is-sidebar-collapsed .nav-item span,
  .app-shell.is-sidebar-collapsed .company-copy { opacity: 1; pointer-events: auto; }
  .app-shell.is-sidebar-collapsed .nav-item { justify-content: flex-start; padding-inline: 11px; }
  .app-shell.is-sidebar-collapsed .sidebar-collapse { position: static; transform: none; }
  .works-grid { grid-template-columns: 1fr; }
  .activity-list { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px 0; }
  .activity-list li:nth-child(3) { padding-left: 0; border-left: 0; }
}

@media (max-width: 760px) {
  :root { --topbar-height: 64px; }
  body.is-menu-open { overflow: hidden; }
  .sidebar { width: min(286px, 84vw); transform: translateX(-102%); box-shadow: var(--shadow-md); }
  .sidebar .brand-copy, .sidebar .nav-item span, .sidebar .company-copy { opacity: 1; pointer-events: auto; }
  .sidebar .nav-item { justify-content: flex-start; padding-inline: 11px; }
  .sidebar .sidebar-collapse { display: none; }
  .app-shell.is-mobile-menu-open .sidebar { transform: translateX(0); }
  .app-main,
  .app-shell.is-sidebar-collapsed .app-main,
  .app-shell.is-sidebar-collapsed .sidebar { margin-left: 0; }
  .sidebar-backdrop { position: fixed; inset: 0; z-index: 35; border: 0; background: var(--color-overlay); opacity: 0; pointer-events: none; transition: opacity var(--transition-fast); }
  .app-shell.is-mobile-menu-open .sidebar-backdrop { display: block; opacity: 1; pointer-events: auto; }
  .mobile-menu-button { display: inline-grid; }
  .topbar { padding: 9px 14px; }
  .topbar h1 { font-size: 18px; }
  .eyebrow, .current-date, .profile-copy { display: none; }
  .topbar-actions { gap: 8px; }
  .profile-summary { padding: 0; }
  .avatar { width: 35px; height: 35px; }
  .dashboard-main { padding: 19px 14px 28px; }
  .welcome-row { align-items: center; margin-bottom: 17px; }
  .welcome-row h2 { font-size: 21px; }
  .welcome-row p { max-width: 235px; font-size: 11px; }
  .quick-actions-trigger { width: 40px; min-height: 40px; justify-content: center; padding: 0; }
  .quick-actions-trigger > span { display: none; }
  .quick-actions-menu { position: fixed; right: 14px; top: 67px; }
  .indicator-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 9px; margin-bottom: 14px; }
  .indicator-card { min-height: 114px; grid-template-columns: 30px minmax(0, 1fr); gap: 8px; padding: 12px; }
  .indicator-icon { width: 30px; height: 30px; }
  .indicator-title { min-height: 31px; font-size: 10px; }
  .indicator-value { font-size: 21px; }
  .indicator-value.is-compact { font-size: 14px; }
  .indicator-note { font-size: 8px; }
  .content-section { margin-top: 13px; padding: 15px; border-radius: var(--radius-md); }
  .section-heading h2 { font-size: 17px; }
  .attention-heading { margin-bottom: 8px; }
  .alert-filters { overflow-x: auto; scrollbar-width: none; }
  .alert-item { grid-template-columns: minmax(0, 1fr) auto; gap: 10px; padding: 12px 10px 12px 16px; }
  .alert-main { grid-column: 1 / -1; }
  .alert-deadline { grid-column: 1; }
  .alert-actions { grid-column: 2; justify-content: flex-end; }
  .read-button span { display: none; }
  .read-button { width: 34px; justify-content: center; padding: 0; }
  .work-card-header, .progress-block, .work-overview, .work-details, .work-card-footer { padding-left: 14px; padding-right: 14px; }
  .work-details { display: block; }
  .work-details.is-expanded { display: block; }
  .details-toggle { display: none; }
  .work-overview { grid-template-columns: 1fr; }
  .financial-summary { grid-template-columns: 1fr; }
  .financial-summary div { display: flex; align-items: center; justify-content: space-between; }
  .work-responsible { align-items: flex-start; flex-direction: column; }
  .teams-table { border: 0; overflow: visible; }
  .teams-header { display: none; }
  .teams-row { grid-template-columns: 1fr auto; gap: 10px; margin-top: 9px; padding: 12px; border: 1px solid var(--color-border); border-radius: 10px; }
  .teams-row:first-of-type { margin-top: 0; }
  .team-identity { grid-column: 1; }
  .team-assignment { grid-column: 1 / -1; grid-row: 2; padding-top: 8px; border-top: 1px solid var(--color-border); }
  .team-availability { grid-column: 2; grid-row: 1; text-align: right; }
  .finance-legend { margin-top: -4px; justify-content: flex-start; }
  .projected-balance strong { font-size: 12px; }
  .activity-list { grid-template-columns: 1fr; gap: 0; }
  .activity-list li, .activity-list li:nth-child(3) { min-height: 54px; align-items: center; padding: 8px 0; border-left: 0; border-top: 1px solid var(--color-border); }
  .activity-list li:first-child { border-top: 0; }
  .activity-list time { align-self: start; }
  .app-footer { padding: 0 14px 22px; }
  .app-footer span:last-child { display: none; }
  .attention-section { min-height: 0; }
  .attention-counts { align-items: flex-end; flex-direction: column; gap: 5px; }
  .critical-total { font-size: 8px; }
  .day-summary-section { grid-template-columns: 1fr; gap: 12px; }
  .day-summary-heading { padding-bottom: 10px; border-bottom: 1px solid var(--color-border); }
  .next-steps-list { grid-template-columns: 1fr; }
  .next-step-item { border-top: 1px solid var(--color-border); border-left: 0; }
  .next-step-item:first-child { border-top: 0; }
  .team-status-legend { gap: 7px 11px; }
  .indicator-section .indicator-card { min-height: 102px; }
}

@media (max-width: 390px) {
  .dashboard-main { padding-inline: 10px; }
  .topbar { padding-inline: 10px; }
  .topbar-leading { gap: 8px; }
  .indicator-grid { gap: 7px; }
  .indicator-card { min-height: 118px; padding: 10px; }
  .indicator-value.is-compact { font-size: 12px; }
  .attention-total { font-size: 9px; }
  .alert-actions { gap: 3px; }
  .alert-actions .secondary-button { padding-inline: 8px; font-size: 10px; }
  .work-card-footer .primary-button { padding-inline: 10px; font-size: 11px; }
  .finance-comparison { gap: 6px; }
  .finance-value { grid-template-columns: 1fr; }
  .projected-balance { gap: 6px; }
}