/* Reports panel + Resolve report modal */

/* ═══ REPORTS PANEL ═══ */
.reports-grid{
  display:flex;flex-direction:column;gap:10px;
}
.report-card{
  display:grid;
  grid-template-columns:auto 1fr auto;
  gap:16px;align-items:flex-start;
  padding:14px 18px;border-radius:10px;
  background:var(--surface);border:1px solid var(--line);
  transition:border-color .15s;
}
.report-card:hover{border-color:var(--line-strong)}
.report-card.status-resolved{opacity:.65}
.report-card.status-dismissed{opacity:.45}

.rc-thumb{
  width:80px;height:56px;border-radius:7px;overflow:hidden;
  background:var(--bg-2);flex-shrink:0;position:relative;
}
.rc-thumb-bg{position:absolute;inset:0;background-size:cover;background-position:center}

.rc-body{min-width:0;display:flex;flex-direction:column;gap:6px}
.rc-head-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.rc-reason-badge{
  display:inline-flex;align-items:center;gap:5px;
  padding:3px 10px;border-radius:999px;
  font-family:"JetBrains Mono",monospace;font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;
}
.rc-status-badge{
  padding:3px 9px;border-radius:4px;
  font-family:"JetBrains Mono",monospace;font-size:9.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;
}
.rc-status-badge.pending{background:rgba(255,68,68,.15);color:#ff6666}
.rc-status-badge.resolved{background:rgba(212,255,62,.15);color:var(--accent)}
.rc-status-badge.dismissed{background:var(--bg-2);color:var(--ink-dim)}
.rc-post-title{
  font-family:"Fraunces",serif;font-weight:500;font-size:15px;color:var(--ink);
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
  cursor:pointer;transition:color .12s;margin:0;
}
.rc-post-title:hover{color:var(--accent)}
.rc-post-cat{
  font-family:"JetBrains Mono",monospace;font-size:10px;letter-spacing:.12em;text-transform:uppercase;
  color:var(--ink-dim);
}
.rc-note{
  font-size:12.5px;color:var(--ink-soft);line-height:1.5;margin:4px 0 0;
  padding-left:12px;border-left:2px solid var(--line);
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
}
.rc-meta{
  display:flex;align-items:center;gap:10px;font-size:11.5px;color:var(--ink-dim);margin-top:3px;
}
.rc-meta .sep{opacity:.4}
.rc-resolution{
  font-family:"JetBrains Mono",monospace;font-size:10px;letter-spacing:.1em;text-transform:uppercase;
  color:var(--ink-dim);margin-top:4px;
}
.rc-resolution b{color:var(--accent)}

.rc-actions{
  display:flex;flex-direction:column;gap:6px;flex-shrink:0;
  min-width:130px;
}
.rc-actions .btn{padding:6px 10px;font-size:11.5px;justify-content:center}
.rc-act-review{background:var(--accent);color:#0b0b0a;border-color:var(--accent);font-weight:700}
.rc-act-review:hover{background:#bff020}
.rc-act-view{color:var(--ink-dim)}
.rc-act-view:hover{color:var(--ink)}

/* ═══ RESOLVE REPORT MODAL ═══ */
#resolveReportModal{display:none;position:fixed;inset:0;z-index:200;background:rgba(0,0,0,.75);backdrop-filter:blur(8px);align-items:center;justify-content:center;padding:20px}
#resolveReportModal.open{display:flex}
.rr-post-preview{
  display:flex;gap:12px;padding:12px;border:1px solid var(--line);border-radius:10px;background:var(--bg-2);
}
.rr-post-preview .rpp-thumb{
  width:80px;height:60px;border-radius:6px;flex-shrink:0;
  background-size:cover;background-position:center;background-color:var(--bg-2);
}
.rr-post-preview .rpp-info{min-width:0;flex:1}
.rr-post-preview .rpp-cat{
  font-family:"JetBrains Mono",monospace;font-size:10px;letter-spacing:.1em;text-transform:uppercase;
  color:var(--ink-dim);margin-bottom:3px;
}
.rr-post-preview .rpp-title{
  font-family:"Fraunces",serif;font-size:15px;font-weight:500;color:var(--ink);margin:0 0 4px;
  display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;
}
.rr-post-preview .rpp-author{font-size:11.5px;color:var(--ink-soft)}

.rr-report-info{
  padding:12px 14px;border-radius:8px;
  background:rgba(255,68,68,.06);border:1px solid rgba(255,68,68,.25);
}
.rr-report-header{
  display:flex;align-items:center;gap:8px;margin-bottom:8px;flex-wrap:wrap;
}
.rr-report-reason{
  display:inline-flex;align-items:center;gap:5px;
  padding:3px 10px;border-radius:999px;
  background:rgba(255,68,68,.15);color:#ff8888;
  font-family:"JetBrains Mono",monospace;font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;
}
.rr-report-reporter{font-size:12px;color:var(--ink-soft)}
.rr-report-reporter b{color:var(--ink)}
.rr-report-time{font-family:"JetBrains Mono",monospace;font-size:10.5px;color:var(--ink-dim);margin-left:auto}
.rr-report-note{
  font-size:13px;color:var(--ink);line-height:1.55;margin:0;
  padding:10px 12px;border-radius:6px;background:var(--bg);
  font-style:italic;
}

.rr-actions-section{display:flex;flex-direction:column;gap:10px}
.rr-actions-grid{
  display:grid;grid-template-columns:1fr 1fr;gap:8px;
}
.rr-action{
  display:flex;align-items:flex-start;gap:10px;
  padding:12px 14px;border-radius:8px;
  background:var(--bg-2);border:1px solid var(--line);
  cursor:pointer;transition:border-color .12s, background .12s;
}
.rr-action:hover{border-color:var(--line-strong);background:var(--surface)}
.rr-action:has(input:checked){border-color:var(--accent-2);background:rgba(255,92,41,.05)}
.rr-action input[type="radio"]{margin-top:2px;flex-shrink:0;accent-color:var(--accent-2)}
.rr-action div{flex:1;min-width:0}
.rr-action svg{width:14px;height:14px;color:var(--ink-dim);margin-bottom:4px}
.rr-action:has(input:checked) svg{color:var(--accent-2)}
.rr-action b{display:block;color:var(--ink);font-size:13px;font-weight:600;margin-bottom:2px}
.rr-action span{display:block;color:var(--ink-dim);font-size:11px;line-height:1.4}
.rr-action-dismiss:has(input:checked){border-color:var(--accent);background:rgba(212,255,62,.05)}
.rr-action-dismiss:has(input:checked) svg{color:var(--accent)}
@media (max-width:600px){.rr-actions-grid{grid-template-columns:1fr}}

@media (max-width:780px){
  .report-card{grid-template-columns:1fr;gap:10px}
  .rc-thumb{width:100%;height:120px}
  .rc-actions{flex-direction:row;flex-wrap:wrap}
  .rc-actions .btn{flex:1;min-width:100px}
}