/* Report a problem (static/js/problem_reports.js): the history windows' section, the dialogs, the card markers, the
   admin page. Loaded once for every page by base.html. */
.gt-problems { margin: 0 0 14px 0; padding: 10px 12px; border: 1px solid rgba(255, 193, 7, 0.35); border-radius: 8px;
               background: rgba(255, 193, 7, 0.06); text-align: left; }
.gt-problems:empty { display: none; }
.gt-pr-head { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.gt-pr-head .gt-pr-new { margin-left: auto; }
.gt-pr-count { color: #bdc1c6; font-size: 0.9rem; }
.gt-pr-list { list-style: none; margin: 8px 0 0 0; padding: 0; }
.gt-pr-line { padding: 6px 8px; margin: 4px 0; border-radius: 6px; background: rgba(255, 255, 255, 0.03);
              cursor: pointer; font-size: 0.85rem; overflow-wrap: anywhere; }
.gt-pr-line:hover, .gt-pr-line:focus { background: rgba(255, 255, 255, 0.08); outline: none; }
.gt-pr-meta { color: #9aa0a6; font-size: 0.78rem; }
.gt-pr-past { margin-top: 8px; }
.gt-pr-past summary { cursor: pointer; color: #bdc1c6; font-size: 0.85rem; }
.gt-pr-badge { display: inline-block; padding: 1px 6px; margin-right: 4px; border-radius: 4px; font-size: 0.72rem;
               font-weight: 600; white-space: nowrap; }
.gt-pr-status-open { background: rgba(255, 193, 7, 0.2); color: #ffc107; }
.gt-pr-status-in_progress { background: rgba(23, 162, 184, 0.2); color: #17a2b8; }
.gt-pr-status-resolved { background: rgba(108, 117, 125, 0.25); color: #adb5bd; }
.gt-pr-urgent { background: rgba(220, 53, 69, 0.25); color: #ff6b6b; }
.gt-pr-thumbs, .gt-pr-photos { display: flex; gap: 6px; flex-wrap: wrap; margin-top: 6px; }
.gt-pr-thumb { width: 56px; height: 56px; object-fit: cover; border-radius: 4px; }
.gt-pr-photo { width: 120px; height: 120px; object-fit: cover; border-radius: 6px; }
.gt-pr-removed { display: inline-block; padding: 4px 8px; border: 1px dashed #6c757d; border-radius: 4px;
                 color: #9aa0a6; font-size: 0.75rem; }
.gt-pr-form, .gt-pr-view { text-align: left; }
.gt-pr-item { font-weight: 600; margin-bottom: 8px; }
.gt-pr-row { margin: 10px 0; }
.gt-pr-label { display: block; font-weight: 600; margin: 6px 0 4px 0; font-size: 0.9rem; }
.gt-pr-choice { margin-right: 12px; font-size: 0.9rem; }
.gt-pr-usable.active { color: #fff; }
.gt-pr-usable.btn-outline-success.active { background: #198754; }
.gt-pr-usable.btn-outline-danger.active { background: #dc3545; }
.gt-pr-hint { color: #9aa0a6; font-size: 0.8rem; margin-top: 4px; }
.gt-pr-desc { white-space: pre-wrap; overflow-wrap: anywhere; margin: 8px 0; }
.gt-pr-note { white-space: pre-wrap; overflow-wrap: anywhere; color: #e0e0e0; }
.gt-pr-resolution { margin-top: 8px; padding: 6px 8px; border-left: 3px solid #198754; }
.gt-pr-timeline-head { margin-top: 12px; }
.gt-pr-timeline { list-style: none; padding: 0; margin: 0; max-height: 220px; overflow-y: auto; font-size: 0.85rem; }
.gt-pr-timeline li { padding: 3px 0; border-bottom: 1px solid rgba(255, 255, 255, 0.06); }
.gt-pr-actions { margin-top: 12px; display: flex; gap: 6px; flex-wrap: wrap; }
.gt-pr-marker { display: inline-block; margin-right: 4px; padding: 1px 6px; border-radius: 4px; font-size: 0.7rem;
                font-weight: 700; white-space: nowrap; vertical-align: middle; }
.gt-pr-marker-open { background: #fbbf24; color: #1a1a1a; }
.gt-pr-marker-urgent { background: #dc3545; color: #fff; }
.gt-pr-banner a { color: inherit; font-weight: 600; }
.gt-pr-desc-cell { max-width: 360px; overflow-wrap: anywhere; }
#prRows tr[data-gt-report] { cursor: pointer; }
/* Choosing photos: each one a thumbnail before it is sent, with an x to take it out (Tim 2026-10-20); a saved photo's
   x deletes it (only where the server says this person may) */
.gt-pr-file { position: absolute; width: 1px; height: 1px; opacity: 0; overflow: hidden; }
.gt-pr-picks { display: flex; gap: 10px; flex-wrap: wrap; margin-top: 8px; }
.gt-pr-pick { position: relative; width: 96px; }
.gt-pr-pick-img { display: block; width: 96px; height: 96px; object-fit: cover; border-radius: 6px;
                  border: 1px solid rgba(255, 255, 255, 0.2); background: #222; }
.gt-pr-pick-name { font-size: 0.7rem; color: #9aa0a6; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.gt-pr-pick-bad .gt-pr-pick-img { opacity: 0.3; }
.gt-pr-pick-bad .gt-pr-pick-name { color: #ff6b6b; white-space: normal; }
.gt-pr-shot { position: relative; display: inline-block; }
.gt-pr-x { position: absolute; top: -6px; right: -6px; width: 24px; height: 24px; padding: 0; border: 0; border-radius: 50%;
           background: #dc3545; color: #fff; font-size: 16px; line-height: 24px; cursor: pointer;
           box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5); }
.gt-pr-x:hover, .gt-pr-x:focus { background: #b02a37; outline: 2px solid #fff; }