.permission-table td {
  vertical-align: middle;
}

.expand-icon {
  cursor: pointer;
  color: #1e40af;
}

.permission-cell {
  position: relative;
  padding-left: calc(var(--level) * 22px + 14px);
  font-weight: 500;
  background-color: rgba(30, 64, 175, calc(var(--level) * 0.08));
  color: #1f2937;
}

.permission-cell::before {
  content: '';
  position: absolute;
  left: calc(var(--level) * 22px);
  top: 0;
  bottom: 0;
  width: 2px;
  background-color: #9ca3af;
}

.permission-cell {
  font-size: calc(14px - var(--level) * 0.5px);
}

.permission-table tbody tr:hover {
  background-color: #e5e7eb;
}

.permission-table thead th {
  background-color: #e5e7eb;
  color: #111827;
}

.permission-table td:last-child {
  text-align: center;
}