[hidden] { display: none !important; }
#reportLogin input { width: 100%; margin: 5px 0 8px; }
#reportLogin label { color: var(--ink); }
#loginMessage:empty { margin: 0; }
.report-top { gap: 14px; padding-top: 13px; padding-bottom: 13px; }
.report-top h1 { font-size: 19px; }
.report-top > a { font-size: 13px; }
.report-wrap { max-width: 1080px; }
.report-controls { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; }
.report-controls label { font-weight: 700; }
.report-controls select { max-width: 100%; min-width: 200px; }
.report-sheet-link { margin-left: auto; font-size: 13px; }
#reportMessage { color: #9a3412; min-height: 1.5em; }
.report-card { padding: 20px; }
.report-card-header { display: flex; gap: 9px; align-items: center; flex-wrap: wrap; margin-bottom: 8px; }
.report-card-header h2 { margin: 0; font-size: 18px; }
.report-card-header time { color: var(--mute); font-size: 13px; margin-left: auto; }
.report-status { display: inline-block; padding: 2px 9px; border-radius: 5px; background: #f1f5f9; font-size: 12px; font-weight: 700; }
.report-id { color: var(--mute); font-size: 12px; overflow-wrap: anywhere; margin: 0 0 12px; }
.report-screen { color: var(--mute); margin: 0 0 12px; }
.report-description { margin: 0 0 16px; white-space: pre-wrap; overflow-wrap: anywhere; line-height: 1.7; }
.report-links { display: flex; gap: 8px; flex-wrap: wrap; margin: 12px 0; }
.report-links a { border: 1px solid #cbd5e1; border-radius: 8px; padding: 7px 11px; text-decoration: none; }
.report-links a:hover { background: var(--brand2); }
.report-reward { color: #854d0e; font-size: 13px; }
.report-details { border-top: 1px solid var(--line); margin-top: 12px; padding-top: 12px; }
.report-details summary { cursor: pointer; font-weight: 700; padding: 3px 0; }
.report-details pre { background: #f8fafc; padding: 12px; border-radius: 8px; white-space: pre-wrap; overflow-wrap: anywhere; font-size: 12px; line-height: 1.6; max-height: 360px; overflow: auto; }
.report-empty { text-align: center; padding: 42px 18px; color: var(--mute); }
.report-more { text-align: center; margin: 20px 0; }
button:disabled { cursor: wait; opacity: .65; }
button:focus-visible, a:focus-visible, input:focus-visible, select:focus-visible, summary:focus-visible { outline: 3px solid #818cf8; outline-offset: 3px; }
@media (max-width: 600px) {
  .report-wrap { padding: 14px 12px 35px; }
  .report-card { padding: 16px; }
  .report-top { padding: 12px; gap: 9px; }
  .report-top .sp { display: none; }
  .report-top h1 { flex: 1; }
  .report-top > a { flex-basis: 100%; }
  .report-controls select { flex: 1; min-width: 190px; }
  #reportCount { flex-basis: 100%; }
  .report-sheet-link { margin-left: 0; }
  .report-card-header time { flex-basis: 100%; margin: 0; }
}
