.permission-manager {
  display: flex;
  flex-direction: column;
  height: 100%;

  .permission-sections-container {
    flex: 1;
    overflow-y: auto;
    padding: 24px;
    border: 1px solid #f0f0f0;
    border-radius: 8px;
    margin-bottom: 24px;
  }

  .permission-section {
    margin-bottom: 32px;
    display: flex;
    gap: 16px;

    &:last-child {
      margin-bottom: 0;
    }

    .permission-section-title {
      width: 40%;

      h4 {
        margin: 0 0 8px 0;
        font-size: 16px;
        font-weight: 600;
        color: #262626;
      }

      p {
        margin: 0px;
        font-size: 14px;
        color: #8c8c8c;
      }
    }

    .permission-section-content {
      width: 60%;
    }

    .permission-section-actions {
      display: flex;
      justify-content: flex-end;
    }

    .permission-items {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      gap: 16px;
      margin-top: 4px;
    }
  }

  .permission-manager-footer {
    padding: 16px 24px;
    background: #fff;
    text-align: right;
  }
}

@media (max-width: 768px) {
  .permission-manager {
    .permission-items {
      grid-template-columns: 1fr;
    }
  }
}