/* OpenCommunity Bildanmälan + moderatorflagga v1.5.2 – overlay-layoutfix */
.oc-admin-report-flag{display:inline-flex;align-items:center;justify-content:center;gap:6px;text-decoration:none;color:#ffe4e6!important;border:1px solid #76505a;background:#442028;padding:7px 10px;border-radius:11px;font-weight:800;flex-shrink:0;min-width:44px}
.oc-admin-report-flag--alert{background:#9f1239;box-shadow:0 0 0 2px #fb7185aa,0 0 16px #fb718566;color:#fff!important;animation:oc-abuse-pulse 2.6s infinite}
.oc-admin-report-flag strong,.oc-abuse-count{display:inline-flex;background:#fff;color:#881337;padding:2px 6px;border-radius:14px;min-width:19px;justify-content:center;font-size:12px}
@keyframes oc-abuse-pulse{50%{box-shadow:0 0 0 2px #fb7185aa,0 0 7px #fb718555}}
@media(prefers-reduced-motion:reduce){.oc-admin-report-flag--alert{animation:none}}
/* A flag belongs to the visible image – never a new card in the grid. */
.oc-abuse-overlay-host{position:relative;min-width:0;isolation:isolate}
.oc-abuse-card-host{display:block;min-width:0;height:100%}
.oc-abuse-card-host>.oc-member-card,.oc-abuse-card-host>.album-card{display:flex;width:100%;height:100%;box-sizing:border-box}
.oc-abuse-card-host>.oc-member-card{flex-direction:column}
.oc-abuse-card-host>.album-card{display:block}
html.oc-theme-neon .oc-abuse-card-host>.oc-member-card:hover{transform:none}
html.oc-theme-neon .oc-abuse-card-host:hover{transform:translateY(-3px)}
html.oc-theme-neon .oc-abuse-card-host:hover>.oc-member-card{border-color:#e039f1;box-shadow:0 8px 23px #901eae55}
html.oc-theme-neon .oc-list-mode .oc-abuse-card-host>.oc-member-card{display:grid;grid-template-columns:105px minmax(0,1fr)}
html.oc-theme-classic .oc-list-mode .oc-abuse-card-host>.oc-member-card{display:grid;grid-template-columns:100px minmax(0,1fr);gap:9px}
.oc-abuse-photo-host,.oc-abuse-profile-host{position:relative}
.oc-abuse-generic-host{display:inline-block;vertical-align:top;max-width:100%}
.oc-abuse-generic-host>img,.oc-abuse-generic-host>a{display:block;max-width:100%}
.oc-abuse-image-button{
  position:absolute!important;z-index:8;top:8px;right:8px;left:auto;bottom:auto;
  display:inline-flex!important;align-items:center;justify-content:center;
  width:auto!important;max-width:calc(100% - 16px);margin:0!important;
  padding:5px 8px!important;font:700 11px/1.25 system-ui,sans-serif!important;
  border:1px solid #fb7185!important;border-radius:8px!important;
  background:rgba(54,16,32,.94)!important;color:#fff!important;
  cursor:pointer!important;white-space:nowrap!important;box-shadow:0 2px 12px #0009;
}
.oc-abuse-image-button:hover,.oc-abuse-image-button:focus-visible{
  outline:2px solid #fb7185!important;outline-offset:2px!important;background:#721f43!important
}
html.oc-theme-neon .oc-list-mode .oc-abuse-card-host .oc-abuse-image-button{
  left:5px;right:auto;top:5px;font-size:10px!important;padding:4px 6px!important;max-width:95px
}
@media(max-width:420px){.oc-abuse-image-button{font-size:10px!important;padding:4px 6px!important}}
.oc-abuse-dialog{width:min(94vw,430px);max-height:90dvh;overflow:auto;color:#f9fafb;background:#171923;border:2px solid #fb7185;border-radius:15px;padding:24px;box-shadow:0 20px 80px #0009}
.oc-abuse-dialog::backdrop{background:#000c}
.oc-abuse-dialog h2{color:#fff;margin:0 0 8px}
.oc-abuse-dialog p{color:#cbd5e1}
.oc-abuse-dialog label{display:block;margin-top:12px;color:#fff;font-weight:600}
.oc-abuse-dialog textarea,.oc-abuse-dialog select{display:block;width:100%;margin-top:6px;padding:10px;box-sizing:border-box;background:#0f172a;color:#fff;border:1px solid #94a3b8;border-radius:8px}
.oc-abuse-actions{display:flex;gap:10px;margin-top:20px;flex-wrap:wrap}
.oc-abuse-actions button,.oc-report-resolve,.oc-report-reopen{cursor:pointer;border-radius:9px;border:1px solid #fb7185;background:#831843;color:white;padding:10px 14px;font-weight:700}
.oc-abuse-actions button:first-child{background:#334155;border-color:#64748b}
.oc-reports-page{color:#f1f5f9;max-width:1060px;margin:auto;padding:12px}
.oc-reports-page h1,.oc-reports-page h2{color:#fff}
.oc-report-filters{display:flex;gap:12px;flex-wrap:wrap;margin:18px 0}
.oc-report-filters a{color:#f9a8d4!important;padding:7px 12px;border:1px solid #9d174d;border-radius:8px}
.oc-report-filters a[aria-current=page]{background:#831843;color:#fff!important}
.oc-report-item{display:grid;grid-template-columns:minmax(150px,220px) minmax(0,1fr);gap:20px;padding:20px;border-radius:15px;background:#1e293b;border:1px solid #475569;margin:15px 0}
.oc-report-image img{width:100%;height:auto;max-height:260px;object-fit:contain;border-radius:8px;background:#101827}
.oc-report-info{min-width:0;overflow-wrap:anywhere}
.oc-report-info h2{margin:0 0 12px;font-size:1.1rem}
.oc-report-meta,.oc-report-note{color:#cbd5e1;font-size:0.9rem}
.oc-report-comment{border-left:3px solid #fb7185;padding:8px 12px;white-space:pre-wrap;color:#fff}
.oc-report-status{font-size:.76rem;border-radius:8px;background:#9f1239;padding:4px 7px}
.oc-report-note{margin:30px 0;padding:14px;border:1px solid #64748b;border-radius:9px}
.oc-report-empty{padding:25px;background:#1e293b;border-radius:12px}
@media(max-width:600px){.oc-report-item{grid-template-columns:1fr}.oc-admin-report-flag{padding:6px}.oc-reports-page{padding:5px}.oc-report-image img{max-height:220px}}