/* Forum latest posts / active threads (resources/views/forum/latest.php). The header comes
   from boards.css (.board-view__head, .search-page__badge), the tabs and list items from
   profile.css (.fp-tabs, .fp-item), the outfit circle and staff badge from thread.css. */

.latest-page .fp-tabs {
  margin-top: 2px;
}

.latest-page .fp-item {
  align-items: center;
}

/* author outfit: the thread page's circle, smaller; the 64 px image stays centred and
   unscaled (pixel art), its edges clipped */
.latest-page .lp-outfit {
  flex: none;
  width: 60px;
  height: 60px;
  overflow: hidden;
}

.latest-page .tpost__outfit--none {
  font-size: 22px;
}

.lp-author {
  display: inline-flex;
  align-items: center;
  gap: 5px;
}

.lp-author .tpost__role--staff {
  margin: 0;
  padding: 1px 6px;
  font-size: 9px;
}

/* threads tab: last post column */
.lp-last {
  display: flex;
  flex: none;
  flex-direction: column;
  align-items: flex-end;
  gap: 2px;
  width: 130px;
  color: #8a7350;
  font-size: 11.5px;
  text-align: right;
}

.thread-view .lp-last__when {
  color: #2b2010;
  font-weight: 700;
  text-decoration: none;
}

.thread-view .lp-last__when i {
  color: #a57a36;
}

.thread-view .lp-last a:not(.lp-last__when) {
  color: #8a5a14;
  font-weight: 700;
  text-decoration: none;
}

.latest-page .tv-bar {
  margin-top: 14px;
}

@media (max-width: 760px) {
  .latest-page .fp-item {
    flex-wrap: wrap;
  }

  .latest-page .lp-outfit {
    width: 48px;
    height: 48px;
  }

  .lp-last {
    flex-direction: row;
    justify-content: flex-start;
    gap: 6px;
    width: 100%;
    padding-left: 44px;
    text-align: left;
  }
}