@media (min-width: 701px) {
  :root { font-size: 12.5px; }
  .portal { grid-template-columns: 224px minmax(0, 1fr); }
  .sidebar { padding: 18px 13px; }
  .logo { gap: 10px; padding: 2px 8px 18px; }
  .logo > span { width: 40px; height: 40px; font-size: 20px; }
  .logo strong { font-size: 14px; line-height: 1.35; }
  .logo small { font-size: 10px; }
  .sidebar nav { gap: 3px; }
  .sidebar nav button { gap: 9px; padding: 9px 11px; font-size: 13px; }
  .sidebar nav button.active { padding-left: 8px; }
  .sidebar nav button i { width: 18px; font-size: 14px; }
  .account { padding-top: 11px; font-size: 12px; }
  .account button { margin-top: 8px; padding-block: 7px; font-size: 12px; }
  .workspace-head { height: 58px; padding: 0 24px; }
  #content { max-width: 1580px; padding: 20px 24px 38px; }
  .page-title { margin-bottom: 17px; }
  .page-title h1 { margin: 3px 0; font-size: 24px; }
  .filters { grid-template-columns: 1fr .62fr .72fr 1.25fr; gap: 9px; padding: 12px; }
  .filters input, .filters select { height: 38px; padding-inline: 10px; }
  .project-table-head, .project-row { grid-template-columns: minmax(235px, 2fr) minmax(95px, .7fr) minmax(98px, .65fr) minmax(105px, .72fr) minmax(150px, .9fr); gap: 10px; }
  .project-table-head { padding: 11px 15px; }
  .project-row { padding: 12px 15px; }
  .project-row b { font-size: 13px; }
  .row-actions { gap: 5px; }
  .row-actions button { padding: 7px 9px; white-space: nowrap; }
  .status-chip, .role-pill { padding: 5px 9px; white-space: nowrap; }
  .metrics { gap: 10px; margin-bottom: 15px; }
  .metrics button { padding: 14px; }
  .metrics b { font-size: 25px; }
  .panel-head { padding: 15px 18px; }
  .task-list > button { padding: 13px 18px; }
  .project-hero { padding: 20px 24px; }
  .project-hero h1 { font-size: 23px; }
}

@media (max-width: 1180px) and (min-width: 701px) {
  .portal { grid-template-columns: 192px minmax(0, 1fr); }
  .project-table-head, .project-row { grid-template-columns: minmax(210px, 1.8fr) 90px 92px 96px minmax(142px, .9fr); }
}

@media (max-width: 700px) {
  :root { font-size: 14px; }
  input, select, textarea { font-size: 16px; }
}