.appTab {
  color: var(--fg);
  font-family: "Roboto Slab", serif;
  font-size: 18px;
  font-weight: 800;
  letter-spacing: .2px;
  box-shadow: 0 4px 16px rgba(0,0,0,.3), inset 0 1px 0 rgba(255,255,255,.05);
}

.appTab::after {
  display: none;
}

.appTab:not(.active) {
  color: var(--muted);
  background: linear-gradient(160deg, #0b1325, #070d19);
  border-color: rgba(255,255,255,.08);
  box-shadow: none;
}

.appTab.active {
  border-color: rgba(65,189,217,.32);
  box-shadow:
    0 4px 16px rgba(0,0,0,.3),
    inset 0 1px 0 rgba(255,255,255,.05),
    0 0 0 1px rgba(65,189,217,.08);
}

.postmatchToolbar {
  display: grid;
  gap: 12px;
}

.postmatchToolbar label {
  align-items: flex-start;
  flex-direction: column;
  gap: 6px;
}

.postmatchToolbar select,
.postmatchToolbar input[type=date] {
  min-width: 170px;
}

.postTeams {
  align-items: flex-end;
}

.postDownload {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 36px;
  padding: 0 14px;
  border-radius: var(--radius-sm);
  border: 1px solid rgba(65,189,217,.38);
  color: var(--fg);
  background: linear-gradient(160deg, #10213b, #0b1424);
  text-decoration: none;
  font-family: "DM Sans", system-ui, sans-serif;
  font-size: 13px;
  font-weight: 700;
}

.postmatchPanel {
  margin-top: 12px;
}

.postPreview {
  margin-top: 14px;
}

.postPreview img,
.postPreview svg {
  display: block;
  width: min(100%, 960px);
  max-height: 78vh;
  object-fit: contain;
  border: 1px solid var(--line-hi);
  border-radius: 12px;
  background: #04020D;
  box-shadow: 0 16px 42px rgba(0,0,0,.35);
}

@media (max-width: 760px) {
  .appTab {
    font-size: 15px;
    padding: 8px 11px;
  }

  .postmatchToolbar select,
  .postmatchToolbar input[type=date] {
    width: 100%;
    min-width: 0;
  }

  .postmatchToolbar label,
  .postTeams button,
  .postDownload {
    width: 100%;
  }
}