/* Relatos de problemas */
.bug-panel, .bug-card {
  background: var(--surface); border: 1px solid var(--border); border-radius: var(--r-lg); box-shadow: var(--shadow-sm); padding: 20px;
}
.bug-list { list-style: none; margin: 0; padding: 0; display: grid; gap: 12px; }
.bug-card { display: grid; gap: 8px; scroll-margin-top: 90px; transition: box-shadow .3s, border-color .3s; }
.bug-card.is-target { border-color: var(--primary); box-shadow: var(--ring); }
.bug-card-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; }
.bug-card-head h3 { font-size: 1rem; display: flex; align-items: center; gap: 8px; }
.bug-fixed-icon { width: 18px; height: 18px; color: var(--success); flex: none; }
.bug-text { white-space: pre-wrap; overflow-wrap: anywhere; color: var(--text); }
.bug-meta { display: flex; flex-wrap: wrap; gap: 4px 14px; }
.bug-status { flex: none; padding: 3px 10px; border-radius: 999px; font: 600 .75rem var(--font); background: var(--surface-2); color: var(--text-2); }
.bug-status.is-open { background: var(--warning-soft, #fff4e0); color: var(--warning, #b45309); }
.bug-status.is-resolved { background: var(--success-soft); color: var(--success); }
.bug-answer { border-left: 3px solid var(--border-strong); padding: 6px 0 6px 12px; display: grid; gap: 2px; }
.bug-answer.is-resolved { border-color: var(--success); }
.bug-answer p { white-space: pre-wrap; }
.bug-shot { display: block; width: fit-content; max-width: 100%; }
.bug-shot img { display: block; max-width: min(100%, 360px); max-height: 220px; border-radius: var(--r-sm); border: 1px solid var(--border); object-fit: contain; background: var(--surface-2); }
.bug-shot-pick { width: fit-content; display: inline-flex; gap: 8px; align-items: center; }
.bug-shot-pick svg { width: 18px; height: 18px; }
.bug-shot-preview { position: relative; width: fit-content; max-width: 100%; }
.bug-shot-preview img { display: block; max-width: min(100%, 360px); max-height: 220px; border-radius: var(--r-sm); border: 1px solid var(--border); }
.bug-shot-preview .icon-btn { position: absolute; top: 6px; right: 6px; background: var(--surface); box-shadow: var(--shadow-sm); }
.bug-actions { display: flex; flex-wrap: wrap; gap: 8px; justify-content: flex-end; }
.bug-filter { display: flex; flex-wrap: wrap; gap: 12px; align-items: center; justify-content: space-between; }
.tab-count { margin-left: 6px; padding: 0 7px; border-radius: 999px; background: var(--primary); color: var(--on-primary); font-size: .72rem; font-weight: 700; }