.permission-table-wrap {
  overflow-x: auto;
  border: 1px solid var(--line);
  background: #fff;
}
.permission-table {
  width: 100%;
  min-width: 710px;
  border-collapse: collapse;
  font-size: 0.85rem;
}
.permission-table th,
.permission-table td {
  padding: 16px;
  border-bottom: 1px solid var(--line);
  vertical-align: top;
  text-align: left;
}
.permission-table th {
  background: #f0f2f7;
  font-size: 0.75rem;
  letter-spacing: 0.04em;
}
.permission-table td:nth-child(1) {
  width: 92px;
}
.permission-table td:nth-child(2) {
  width: 190px;
}
.permission-table tr:last-child td {
  border-bottom: 0;
}
.permission-table tr.required {
  background: #f3f8ff;
}
.permission-table tr.optional {
  background: #fffdf7;
}
.permission-table tr.never {
  background: #fff7f5;
}
.permission-badge {
  display: inline-block;
  padding: 0.16rem 0.48rem;
  border-radius: 99px;
  font-size: 0.67rem;
  font-weight: 700;
  line-height: 1.4;
}
.required .permission-badge {
  background: #dcecff;
  color: #1459b8;
}
.optional .permission-badge {
  background: #fff0c9;
  color: #895900;
}
.never .permission-badge {
  background: #ffe0d9;
  color: #ad341d;
}
@media (max-width: 760px) {
  .permission-table-wrap {
    margin-right: -16px;
    margin-left: -16px;
  }
  .permission-table {
    font-size: 0.8rem;
  }
  .permission-table th,
  .permission-table td {
    padding: 13px;
  }
}