:host {
  display: grid;

  margin: 12px 0 0 10px;
  width: calc(100% - 16px);
  height: 100%;

  grid-template-columns: repeat(3, calc(100% / 3));
  grid-template-rows: 4px 32px 16px 4px;

  background: #333642;
  font-size: 0.4rem;
  color: #aaaebc;

  box-shadow: 0 2px 8px rgba(2, 8, 20, 0.1), 0 8px 16px rgba(2, 8, 20, 0.08);
}

div.header {
  grid-column-start: 1;
  grid-column-end: 4;

  background: #1e1f26;
}

div.column {
  margin: 0 0 2px 2px;
  background: #1d1e22;

  > div:first-of-type {
    background: black;
    font-weight: 700;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
    padding: 1px 1px 1px 4px;
  }

  > div:last-of-type {
    padding: 2px;
  }
}

div.row {
  grid-column-start: 1;
  grid-column-end: 4;

  background: white;
}
