.employee-dashboard,
.employee-dashboard > *,
.employee-dashboard .dashboard-card {
  min-width: 0;
  max-width: 100%;
  box-sizing: border-box;
}

.employee-dashboard .dashboard-card {
  overflow-x: auto;
}

.employee-dashboard .status-pill {
  flex-shrink: 0;
  white-space: nowrap;
}

.employee-dashboard .panel-heading > div {
  min-width: 0;
}

.employee-dashboard p,
.employee-dashboard .notice-panel span {
  overflow-wrap: anywhere;
}

@media (max-width: 640px) {
  .employee-dashboard .dashboard-grid,
  .employee-dashboard .dashboard-grid:has(.dashboard-card:nth-child(2):last-child) {
    grid-template-columns: minmax(0, 1fr);
  }

  .employee-dashboard .employee-hero {
    align-items: flex-start;
    flex-direction: column;
  }

  .employee-dashboard .employee-hero-actions {
    flex-wrap: wrap;
    max-width: 100%;
  }
}