.modal-mail {
  width: 50em;

  .header {
    border-bottom: solid 1em $background-primary;
    box-sizing: border-box;
    padding: .5em 1em 0;
    width: 100%;
  }

  .header-title {
    color: $color-secondary;
    font-size: 1.6rem;
    margin: 0 0 .5em;
    padding: .65em 1.15em .65em 0;
  }

  .header-nav {
    display: table;
    width: 100%;

    > * {
      display: table-cell;
      vertical-align: middle;
    }
  }

  .header-actions {
    text-align: right;
  }

  .header + .tab-content {
    padding-top: 0;
  }

  .tab-content {
    height: 30em;
    margin-bottom: 1em;
    overflow-y: auto;
  }
}
