.users-global {
  &.users-index {
    .user-filters {
      display: flex;
      flex-wrap: wrap;
      gap: 12px;
      margin-block: 20px;
    }

    .filter-search {
      flex: 1 1 260px;
    }

    .filter-select {
      flex: 1 1 180px;
    }
  }

  &.users-edit {
    .oidc-notice {
      display: flex;
      gap: 12px;
      padding: 14px 16px;
      margin-bottom: 24px;
      border: 1px solid var(--color-border-info_subtle);
      border-radius: var(--border-radius-md);
      background-color: var(--color-bg-info-primary);
      color: var(--color-text-info-primary);
      font-size: var(--font-size-sm);
      line-height: 1.5;

      i {
        margin-top: 2px;
      }

      strong {
        display: block;
        margin-bottom: 2px;
      }

      p {
        margin: 0;
      }
    }

    .managed-roles {
      display: flex;
      flex-wrap: wrap;
      gap: 8px;
      margin-top: 8px;
    }

    .managed-role {
      padding: 6px 10px;
      border: 1px solid var(--color-border-secondary);
      border-radius: var(--border-radius-md);
      background-color: var(--color-bg-secondary);
      color: var(--color-text-secondary);
      font-size: var(--font-size-sm);
      font-weight: var(--weight-medium);
    }
  }
}
