/* [project]/src/modules/btp_governance/components/roles/roles.css [app-client] (css) */
.mockup-governance-roles-stack {
  grid-template-columns: minmax(0, 1fr);
  gap: 1.5rem;
  min-width: 0;
  display: grid;
}

.mockup-governance-roles-stack-tight {
  grid-template-columns: minmax(0, 1fr);
  gap: .75rem;
  min-width: 0;
  display: grid;
}

.mockup-governance-roles-stack-small {
  grid-template-columns: minmax(0, 1fr);
  gap: .25rem;
  min-width: 0;
  display: grid;
}

.mockup-governance-roles-inline {
  flex-wrap: wrap;
  align-items: center;
  gap: .5rem;
  min-width: 0;
  display: flex;
}

.mockup-governance-roles-actions {
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: center;
  gap: .5rem;
  display: flex;
}

.mockup-governance-roles-actions-split {
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: .75rem;
  display: flex;
}

.mockup-governance-roles-back {
  margin-bottom: 1rem;
}

.mockup-governance-roles-search {
  max-width: 24rem;
}

.mockup-governance-roles-table {
  grid-template-columns: minmax(0, 1fr);
  gap: 1rem;
  min-width: 0;
  display: grid;
}

.mockup-governance-roles-mobile-sort {
  max-width: 24rem;
}

.mockup-governance-roles-name {
  flex-wrap: wrap;
  align-items: center;
  gap: .5rem;
  min-width: 0;
  display: flex;
}

.mockup-governance-roles-person {
  align-items: center;
  gap: .75rem;
  min-width: 0;
  display: flex;
}

.mockup-governance-roles-loading {
  gap: 1rem;
  width: min(100%, 37.5rem);
  display: grid;
}

.mockup-governance-roles-drawer-footer {
  grid-template-columns: minmax(0, 1fr);
  gap: .5rem;
  width: 100%;
  display: grid;
}

.mockup-governance-roles-facts {
  grid-template-columns: repeat(auto-fill, minmax(min(100%, 11rem), 1fr));
  gap: 1rem 1.5rem;
  margin: 0;
  display: grid;
}

.mockup-governance-roles-facts > div {
  gap: .25rem;
  min-width: 0;
  display: grid;
}

.mockup-governance-roles-facts dd, .mockup-governance-roles-mobile-facts dd {
  min-width: 0;
  margin: 0;
}

.mockup-governance-roles-card-head {
  justify-content: space-between;
  align-items: flex-start;
  gap: .75rem;
  min-width: 0;
  display: flex;
}

.mockup-governance-roles-card-title {
  min-width: 0;
}

.mockup-governance-roles-mobile-facts {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .75rem 1rem;
  width: 100%;
  margin: 0;
  display: grid;
}

.mockup-governance-roles-mobile-facts > div {
  gap: .125rem;
  min-width: 0;
  display: grid;
}

.mockup-governance-roles-details {
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 18rem), 1fr));
  gap: 1rem;
  max-width: 48rem;
  display: grid;
}

.mockup-governance-roles-cards {
  grid-template-columns: repeat(auto-fill, minmax(min(100%, 28rem), 1fr));
  align-items: stretch;
  gap: 1.5rem;
  min-width: 0;
  display: grid;
}

.mockup-governance-roles-creatorfit-cards {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: start;
  gap: 1.5rem;
  min-width: 0;
  display: grid;
}

@media (max-width: 899px) {
  .mockup-governance-roles-creatorfit-cards {
    grid-template-columns: minmax(0, 1fr);
  }
}

.mockup-governance-roles-visibility {
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 26rem), 1fr));
  align-items: stretch;
  gap: 1.5rem;
  min-width: 0;
  display: grid;
}

.mockup-governance-roles-narrow {
  grid-template-columns: minmax(0, 1fr);
  gap: 1.5rem;
  min-width: 0;
  max-width: 48rem;
  display: grid;
}

.mockup-governance-roles-switch-list {
  grid-template-columns: minmax(0, 1fr);
  gap: .25rem;
  min-width: 0;
  display: grid;
}

.mockup-governance-roles-switch-row {
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: start;
  gap: 1rem;
  min-width: 0;
  padding-top: .5rem;
  padding-bottom: .5rem;
  display: grid;
}

.mockup-governance-roles-zone-label {
  padding-top: .75rem;
}

.mockup-governance-roles-tree {
  grid-template-columns: minmax(0, 1fr);
  gap: .125rem;
  min-width: 0;
  display: grid;
}

.mockup-governance-roles-tree-row {
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 1rem;
  min-width: 0;
  padding-top: .375rem;
  padding-bottom: .375rem;
  display: grid;
}

.mockup-governance-roles-depth-0 {
  padding-left: 0;
}

.mockup-governance-roles-depth-1 {
  padding-left: 1.5rem;
}

.mockup-governance-roles-depth-2 {
  padding-left: 3rem;
}

.mockup-governance-roles-depth-3 {
  padding-left: 4.5rem;
}

.mockup-governance-roles-depth-4 {
  padding-left: 6rem;
}

@media (max-width: 600px) {
  .mockup-governance-roles-search, .mockup-governance-roles-mobile-sort {
    max-width: none;
  }

  .mockup-governance-roles-depth-1 {
    padding-left: .75rem;
  }

  .mockup-governance-roles-depth-2 {
    padding-left: 1.5rem;
  }

  .mockup-governance-roles-depth-3 {
    padding-left: 2.25rem;
  }

  .mockup-governance-roles-depth-4 {
    padding-left: 3rem;
  }
}

@media (max-width: 340px) {
  .mockup-governance-roles-mobile-facts {
    grid-template-columns: minmax(0, 1fr);
  }
}