.company-management-dashboard {
  min-width: 0;
}

.company-management-dashboard .dashboard-attention-strip {
  background: linear-gradient(115deg, rgb(var(--sidebar-bg)), rgb(var(--primary-active)));
}

@media (min-width: 40rem) {
  .company-management-dashboard .dashboard-operations-grid,
  .company-management-dashboard .dashboard-finance-grid,
  .company-management-dashboard .dashboard-attention-items {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .company-management-dashboard .dashboard-recent-row {
    grid-template-columns: 9rem minmax(0, 1fr) 10rem 7rem;
    align-items: center;
  }
}

@media (min-width: 48rem) {
  .company-management-dashboard .dashboard-staff-header,
  .company-management-dashboard .dashboard-staff-row {
    grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr) 8rem 7rem;
    align-items: center;
  }
}

@media (min-width: 80rem) {
  .company-management-dashboard .dashboard-operations-grid {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }

  .company-management-dashboard .dashboard-finance-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .company-management-dashboard .dashboard-attention-items {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .company-management-dashboard .dashboard-primary-grid {
    grid-template-columns: minmax(0, 1.15fr) minmax(22rem, 0.85fr);
  }

  .company-management-dashboard .dashboard-secondary-grid {
    grid-template-columns: minmax(0, 1.2fr) minmax(22rem, 0.8fr);
  }
}

@media (min-width: 96rem) {
  .company-management-dashboard .dashboard-finance-grid {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
}