.status__notice-wrapper {
  margin-bottom: 1em;
}

.status__notice-wrapper:empty {
  display: none;
}

.status__notice {
  & > span {
    color: $dark-text-color;
    line-height: normal;
    font-style: italic;
    font-size: 12px;
    padding-left: 8px;
    position: relative;
    bottom: 0.2em;
  }

  & > i {
    color: lighten($dark-text-color, 4%);
    width: 1.1em;
  }
}

.status__permissions {
  font-size: 12px;
  margin-top: 1em;

  & > summary {
    font-size: 12px;

    &:focus, &:active {
      outline: none;
    }
  }

  & > summary > span,
  & > ul > li > span {
    color: lighten($dark-text-color, 4%);
    padding-left: 8px;
  }

  & > ul > li > span > span:first-child {
    display: inline-block;
    text-transform: capitalize;
    min-width: 5em;
  }

  & > summary > i {
    color: #999966;
  }

  & > ul > li.permission-status > i {
    color: #99cccc;
  }

  & > ul > li.permission-account > i {
    color: #cc99cc;
  }

  & > ul > li > span > span,
  & > ul > li > span > code {
    color: lighten($primary-text-color, 30%);
  }
}

.status, .detailed-status {
  &.unpublished {
    background: darken($ui-base-color, 4%);

    &:focus {
      background: lighten($ui-base-color, 4%);
    }
  }

  &[data-local-only="true"] {
    background: lighten($ui-base-color, 4%);
  }
}

div[data-nest-level] {
  border-style: solid;
}

@for $i from 0 through 15 {
  div[data-nest-level="#{$i}"] {
    border-left-width: #{$i * 3}px;
    border-left-color: darken($ui-base-color, 8%);
  }
}

div[data-nest-deep="true"] {
  border-left-width: 75px;
  border-left-color: darken($ui-base-color, 8%);
}

.status__content {
  .status__content__text,
  .e-content {
    img:not(.emojione) {
      max-width: 100%;
      margin: 1em auto;
    }
  }
}

div.media-caption {
  p {
    font-size: 12px !important;
    margin-bottom: 0;
    text-align: center;
  }
  a {
		color: $secondary-text-color;
		text-decoration: none;
		font-weight: bold;

		&:hover {
			text-decoration: underline;

			.fa {
				color: lighten($dark-text-color, 7%);
			}
		}

		&.mention {
			&:hover {
				text-decoration: none;

				span {
					text-decoration: underline;
				}
			}
		}

		.fa {
			color: $dark-text-color;
		}
	}
}