@import "../../../styles/typography";

.recycleBin {
  border: 1px solid var(--ui-border-color);
  border-radius: var(--border-radius-small);
  @include font-paragraph;
  height: 94px;

  &TitleContainer {
    border-inline-end: 1px solid var(--ui-border-color);
    width: 96px;
    height: 100%;
    color: var(--icon-color);
  }

  &Title {
    margin: 0;
  }

  &Content {
    flex-grow: 1;
  }

  &BoardName{
    font-weight: var(--font-weight-bold);
  }

  &ItemName {
    font-weight: var(--font-weight-bold);
  }

  &SubNote {
    @include font-general-text;
  }

  &TimeStamp {
    font-weight: var(--font-weight-bold);
  }

  &RestoreButton {
    margin-inline-end: var(--spacing-large);
  }
}

.dashboard {
  border: 1px solid var(--layout-border-color);
  border-radius: var(--border-radius-medium);

  &Header {
    padding-inline-start: var(--spacing-small);
    height: 49px;
    width: 100%;
    border-bottom: 1px solid var(--layout-border-color);
  }
  &Content {
    height: 200px;
    width: 100%;
    background-color: var(--grey-background-color);
  }
}