table.org-list > thead > tr > td,
table.org-list > tbody > tr > td

  &[data-id="creation_date"]
    width: 19%
    padding-right: 6px

  &[data-id="name"]
    padding-left: 6px

  &[data-id="admin"]
    width: 22%

  &[data-id="tags"]
    width: 13%

  &[data-id="source"]
    width: 15%

table.org-list > tbody > tr > td
  vertical-align: top

  & > .details
    font-size: .85rem
    color: rgba(#999, .75)

    a
      opacity: .4
      filter: grayscale(100%)

      &.symbol
        text-decoration: none
        opacity: .6

    span + a
      margin-left: .35em

  [data-id="user_count"]
    display: inline-block
    padding-left: 1.4em
    margin-right: .65em
    position: relative

    &:before
      display: inline-block
      content: ""
      width: 1em
      height: 1em
      background: url("/res/common/people.svg") 0 50%/100% no-repeat
      position: absolute
      left: 0
      top: .2em
      opacity: .35

  &[data-id="creation_date"]
    white-space: normal
    padding-top: 10px

    [data-id="environment"]
      margin: 0 .35rem

  &[data-id="name"]

    & > .value
      font-size: 1.25em

  &[data-id="tags"]
    white-space: normal

    .badge
      display: inline-block
      font-size: 9px
      letter-spacing: .05em
      text-transform: uppercase
      color: rgba(#000, .8)
      background: rgba(#000, .08)
      border-radius: 2px
      padding: 2px 6px 1px
      transform: translateY(-.25rem)
      margin: 0 .1rem

      &[data-id="subscription_plan"]
        background: #ffdb4d

      &[data-id="vip"]
        background: #e7bbff
