/* IZLEDIMMI_PERSONAL_SHOW_ARCHIVE_041 — works with 114-movies.css */
.show-archive-page .movie-archive-hero h1 { margin-bottom: .45rem; }
.show-archive-page .movie-archive-card-body { min-width: 0; }
.show-archive-page .movie-archive-card-body h3 { overflow-wrap: anywhere; }
.show-archive-page .movie-archive-meta { flex-wrap: wrap; }
.show-archive-progress { margin: .65rem 0 .5rem; }
.show-archive-progress-line { display: flex; justify-content: space-between; gap: .5rem; align-items: center; color: #9aaac7; font-size: .75rem; }
.show-archive-progress-line strong { color: #edcf7b; font-variant-numeric: tabular-nums; }
.show-archive-progress-track { height: 4px; margin-top: .45rem; border-radius: 8px; overflow: hidden; background: rgba(154,170,199,.19); }
.show-archive-progress-track span { display: block; height: 100%; min-width: 0; border-radius: 8px; background: linear-gradient(90deg,#e1ae46,#f2da92); }
.show-archive-page .movie-archive-poster-status.status-watching { color: #bbf4e3; }
.show-archive-page .movie-archive-poster-status.status-completed { color: #f7e2ab; }
.show-archive-page .movie-archive-poster-status.status-paused { color: #d2d8ef; }
.show-archive-page .movie-archive-poster-status.status-dropped { color: #e9b5af; }
@media (max-width: 640px) {
  .show-archive-page .movie-archive-hero-actions { width: 100%; }
  .show-archive-page .movie-archive-hero-actions .button { width: 100%; justify-content: center; text-align: center; }
}

/* IZLEDIMMI_SHOW_ARCHIVE_STATUS_FILTERS_042 */
.show-archive-page .show-archive-filters {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(155px, 1fr));
  gap: .75rem;
  margin: 1.15rem 0;
}
.show-archive-page .show-archive-filter {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .65rem;
  min-width: 0;
  min-height: 4.45rem;
  padding: 1rem;
  border: 1px solid rgba(102, 122, 173, .22);
  border-radius: 1rem;
  background: #101a36;
  color: #fff;
  text-decoration: none;
  transition: background .15s ease, border-color .15s ease, transform .15s ease;
}
.show-archive-page .show-archive-filter small {
  font-size: .72rem;
  text-transform: uppercase;
  font-weight: 750;
  color: #96a6c7;
  letter-spacing: .025em;
}
.show-archive-page .show-archive-filter strong {
  font-size: 1.35rem;
  font-variant-numeric: tabular-nums;
}
.show-archive-page .show-archive-filter:hover {
  border-color: rgba(227, 177, 76, .72);
  background: #192447;
  transform: translateY(-1px);
}
.show-archive-page .show-archive-filter:focus-visible {
  outline: 2px solid #f1cc79;
  outline-offset: 3px;
}
.show-archive-page .show-archive-filter.is-active {
  border-color: #e5bd63;
  background: linear-gradient(135deg, #19264b, #17203a);
  box-shadow: inset 3px 0 0 #e5bd63;
}
.show-archive-page .show-archive-filter.is-active small { color: #edca7a; }
.show-archive-page .show-archive-results { margin-top: 1.1rem; }
.show-archive-page .show-archive-empty { padding: 1rem 0 1.5rem; color: #a5b3d0; }
.show-archive-page .show-archive-empty strong { color: #f7f6fc; }
@media (max-width: 980px) {
  .show-archive-page .show-archive-filters { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 640px) {
  .show-archive-page .show-archive-filters { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .6rem; }
  .show-archive-page .show-archive-filter { min-height: 3.8rem; padding: .8rem; }
  .show-archive-page .show-archive-filter strong { font-size: 1.15rem; }
}