/* Upload activity - horizontal scroll with proper spacing */

/* Container - fixed height with padding for shadows */
.ab-activity-container { 
  padding: 1rem 1.25rem;
  height: 270px; /* Extra height for full border visibility */
  overflow: visible;
}

/* Scroll area - fills container with padding for shadows */
.ab-upload-activity-scroll { 
  height: 100%;
  overflow-x: auto; 
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  padding: 0.5rem 0.25rem; /* Increased padding for borders and shadows */
}

/* Row with cards */
.ab-upload-activity-row { 
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 1.125rem;
  height: 100%;
  align-items: center;
}

/* Card containers */
.ab-card-fixed { 
  width: 300px; 
  min-width: 300px;
  flex-shrink: 0;
}

/* Scrollbar */
.ab-upload-activity-scroll::-webkit-scrollbar { 
  height: 6px; 
}

.ab-upload-activity-scroll::-webkit-scrollbar-track { 
  background: rgba(0,0,0,.03); 
}

.ab-upload-activity-scroll::-webkit-scrollbar-thumb { 
  background: rgba(0,0,0,.15); 
  border-radius: 3px; 
}

.ab-upload-activity-scroll::-webkit-scrollbar-thumb:hover { 
  background: rgba(0,0,0,.25); 
}

/* Responsive */
@media (max-width: 575px) {
  .ab-activity-container {
    height: 245px;
    padding: 0.75rem 1rem;
  }
  
  .ab-card-fixed { 
    width: 260px;
    min-width: 260px;
  }
}

@media (min-width: 576px) and (max-width: 991px) {
  .ab-card-fixed { 
    width: 280px;
    min-width: 280px;
  }
}

@media (min-width: 1200px) {
  .ab-activity-container {
    height: 290px;
  }
  
  .ab-card-fixed { 
    width: 320px;
    min-width: 320px;
  }
}