.domain-list
  max-width: 820px

  [data-id="dns_description"]
    max-width: 100%
    text-overflow: ellipsis
    white-space: nowrap
    overflow: hidden

  .long-string
    word-break: break-all

  .domain
    margin-bottom: 1rem

    & + .domain
      margin-top: 3rem

    h2
      margin: 0 0 1rem

      .ref
        font-size: .85em
        margin-left: .35em

      [data-id="master"]
        display: inline-block
        width: 1em
        font-size: .85em
        color: #bbb
        margin-right: .35em

        &[data-value="true"]
          color: #ffcb38

    [data-id="verification_methods"]
      display: none

      &:target
        display: table-row

      pre
        display: block
        font-size: .75em
        color: rgba(#000, .6)
        padding: 0

  [data-id="props"],
  [data-id="dkim-props"]
    width: 100%
    border: none
    border-top: 1px solid #e8e8e8
    border-spacing: 0
    margin: 0

    .note
      opacity: .35

    [data-owned="false"] [data-id="verification_date"] .note
      opacity: .15

    & > thead > tr > td
      color: rgba(#000, .5)
      background: rgba(#000, .02)
      vertical-align: middle
      padding: .4rem .5rem .35rem

      &[data-id="actions"]
        text-align: right
        padding-left: 1rem

    & > tbody.empty > tr > td
      font-style: italic
      color: rgba(#000, .3)

    & > tbody > tr

      & > th,
      & > td
        vertical-align: top
        border-bottom: 1px solid rgba(#000, .075)
        padding: .5rem .45rem .45rem
        box-sizing: border-box

        &[data-id="status"]
          width: 3em
          text-align: center

        &[data-id="actions"]
          width: 25%
          text-align: right
          padding-left: 1rem

        & > .main-value
          margin-right: .5rem

      &:first-child > th,
      &:first-child > td
        border-top: none

      & > th
        width: 28%
        font-weight: normal
        text-align: left
        color: #aaa
        padding-right: 1rem

      &.note:last-child > th,
      &.note:last-child > td
        border-bottom: none

      &.followup

        .main-value
          color: rgba(#aaa, .85)

        th
          padding-left: 20px
