#report-button-row { text-align: center; margin: 1em 0 1.5em; }
/* Same look as the "Share the Comic" button */
#report-button { background-color: #68ad43; transition: ease 0.2s; font-family: 'Rubik', sans-serif; }
#report-button:hover { background-color: #e33e2a; transition: ease 0.2s; }

#error-filters { display: flex; flex-wrap: wrap; gap: 0.5em; justify-content: center; margin-bottom: 1em; }
.error-filter {
    font: inherit; font-family: 'Underdog', cursive; padding: 0.3em 0.9em; border-radius: 1em; cursor: pointer;
    border: 1px solid currentColor; background: transparent; color: inherit; opacity: 0.7;
}
.error-filter.active { opacity: 1; font-weight: bold; }

#error-tracker details summary { cursor: pointer; list-style-position: inside; }
#error-tracker details summary h2 { display: inline; }
.error-count { font-weight: normal; opacity: 0.7; }

.error-list { list-style: none; padding: 0; margin: 0 0 1.5em; }
.error-item { padding: 0.8em 0; border-bottom: 1px solid rgba(128, 128, 128, 0.3); text-align: left; }
.error-item p { margin: 0.3em 0 0; white-space: pre-line; }
.error-meta { display: flex; flex-wrap: wrap; gap: 0.4em 0.8em; align-items: center; font-size: small; }
.error-date { margin-left: auto; opacity: 0.7; }
.error-note { font-size: small; font-style: italic; }

.error-status { padding: 0.1em 0.6em; border-radius: 0.8em; font-weight: bold; color: #fff; background: #888; }
.status-submitted { background: #7a7a7a; }
.status-seeking-reports { background: #b0503c; }
.status-verified { background: #b8861b; }
.status-fix-in-progress { background: #2f6fa8; }
.status-fix-issued { background: #3c8a4a; }
.status-not-a-mistake, .status-no-reports-needed { background: #6b6b6b; }