.permissions-table-container {
  position: relative;
  overflow-x: auto;
  max-width: 100%;
}

.sticky-column {
  position: sticky;
  left: 0;
  z-index: 10;
  background-color: hsl(var(--background));
  /* Add shadow effect for visual separation */
  box-shadow: 4px 0 6px -2px rgba(0, 0, 0, 0.05);
}

.sticky-header {
  position: sticky;
  top: 0;
  z-index: 20;
  background-color: hsl(var(--background));
}

/* For header cell that's both sticky top and left */
.sticky-corner {
  position: sticky;
  left: 0;
  z-index: 30;
  background-color: hsl(var(--background));
}

/* Ensure header row background extends across all cells */
.header-row {
  background-color: hsl(var(--background));
}

input.form-control.phone-input {
  border: 1px solid #CACACA !important;
}