#content-ops-view #reports-panel {background:transparent;border:0;padding:0;}
.moderation-hub {display:grid;gap:20px;color:#e9f1eb;}
.moderation-hub-intro {padding:26px 30px;border:1px solid #334b3b;border-radius:18px;background:radial-gradient(circle at 90% 0%,#1c4531 0%,transparent 40%),linear-gradient(135deg,#15231a,#111a15);}
.moderation-eyebrow {display:block;color:#7ed6a8;font-size:10px;font-weight:750;letter-spacing:.16em;}
.moderation-hub-intro h2 {margin:10px 0 5px;font-size:27px;letter-spacing:-.04em;}
.moderation-hub-intro p,.comment-report-heading p {margin:0;color:#a6b8aa;font-size:13px;line-height:1.65;}
.moderation-tabs {display:flex;gap:6px;padding:5px;border:1px solid #314239;border-radius:13px;background:#101913;width:max-content;max-width:100%;}
.moderation-tab {padding:11px 21px;border:0;border-radius:9px;background:transparent;color:#91a499;font:inherit;font-size:13px;font-weight:700;cursor:pointer;white-space:nowrap;}
.moderation-tab:hover {color:#eef8f1;background:#ffffff0a;}
.moderation-tab.active {background:#254432;color:#e8fff0;box-shadow:inset 0 0 0 1px #407658;}
.moderation-tab:focus-visible,.comment-report-console button:focus-visible,.comment-report-console select:focus-visible,.comment-report-console textarea:focus-visible {outline:2px solid #8ee6b2;outline-offset:2px;}
.moderation-section[hidden] {display:none!important;}
.comment-report-console {display:grid;gap:18px;min-width:0;}
.comment-report-heading {display:flex;justify-content:space-between;align-items:flex-end;gap:15px;}
.comment-report-heading h3 {margin:7px 0 5px;font-size:22px;letter-spacing:-.035em;}
.comment-report-heading>button {white-space:nowrap;}
.comment-report-metrics {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;}
.comment-report-metric {display:flex;flex-direction:column;gap:8px;padding:18px 20px;border:1px solid #304338;border-radius:14px;background:linear-gradient(150deg,#17241b,#111a15);}
.comment-report-metric span {color:#94a99b;font-size:12px;}
.comment-report-metric strong {font-size:25px;font-variant-numeric:tabular-nums;letter-spacing:-.03em;}
.comment-report-filters {display:flex;align-items:flex-end;gap:12px;padding:16px;border:1px solid #304138;border-radius:13px;background:#121a15;}
.comment-report-filters label {display:grid;gap:7px;color:#a7b6aa;font-size:11px;font-weight:650;}
.comment-report-filters select {min-width:150px;min-height:39px;padding:0 12px;border:1px solid #415648;border-radius:8px;background:#0d1510;color:#edf4ee;font:inherit;font-size:12px;}
.comment-report-count {margin-left:auto;color:#b1c6b7;font-size:12px;font-variant-numeric:tabular-nums;}
.comment-report-workspace {display:grid;grid-template-columns:minmax(260px,.9fr) minmax(360px,1.1fr);gap:16px;align-items:start;min-width:0;}
.comment-report-list-column,.comment-report-detail {min-width:0;border:1px solid #304138;border-radius:16px;background:#121a15;overflow:hidden;}
.comment-report-list {display:grid;max-height:720px;overflow:auto;scrollbar-width:thin;}
.comment-report-row {display:grid;gap:9px;width:100%;padding:18px 20px;border:0;border-bottom:1px solid #ffffff12;background:transparent;color:#e9f2ea;text-align:left;font:inherit;cursor:pointer;}
.comment-report-row:hover {background:#1b2b20;}
.comment-report-row.active {background:#203b2a;box-shadow:inset 3px 0 #5fe19e;}
.comment-report-row-top,.comment-report-row-meta,.comment-report-inspector-eyebrow {display:flex;align-items:center;justify-content:space-between;gap:12px;}
.comment-report-type {color:#85d9a5;font-size:11px;font-weight:700;}
.comment-report-row strong {font-size:15px;line-height:1.45;}
.comment-report-excerpt {color:#a8b7ac;font-size:12px;line-height:1.6;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.comment-report-row-meta {color:#84988b;font-size:11px;}
.comment-report-row-meta code {color:#82998a;font-size:10px;}
.comment-report-badge {display:inline-flex;align-items:center;padding:4px 9px;border:1px solid #715b33;border-radius:99px;background:#322719;color:#f2ce83;font-size:10px;font-weight:700;white-space:nowrap;}
.comment-report-badge[data-status="REVIEWED"] {border-color:#41617d;background:#1b3040;color:#a9d5f3;}
.comment-report-badge[data-status="ACTIONED"] {border-color:#347656;background:#18392a;color:#92e2b2;}
.comment-report-badge[data-status="DISMISSED"] {border-color:#53615a;background:#29322c;color:#c1cec5;}
.comment-report-pager {display:flex;align-items:center;justify-content:space-between;padding:13px 15px;color:#9fb0a3;font-size:12px;}
.comment-report-pager button {border:1px solid #405345;border-radius:7px;padding:7px 11px;background:#17251b;color:#d8eee0;cursor:pointer;}
.comment-report-pager button:disabled {opacity:.38;cursor:default;}
.comment-report-detail {position:sticky;top:18px;max-height:calc(100dvh - 36px);overflow:auto;scrollbar-width:thin;}
.comment-report-empty-detail,.comment-report-state {display:grid;justify-items:center;gap:10px;padding:56px 25px;text-align:center;}
.comment-report-empty-symbol {display:grid;place-items:center;width:52px;height:52px;border-radius:14px;background:#203c2a;color:#9be2b2;font-size:33px;}
.comment-report-empty-detail strong,.comment-report-state strong {font-size:15px;}
.comment-report-empty-detail p,.comment-report-state p {max-width:310px;margin:0;color:#96a99b;font-size:12px;line-height:1.7;}
.comment-report-inspector-head {padding:23px 25px;border-bottom:1px solid #ffffff16;background:linear-gradient(135deg,#1b3122,#152018);}
.comment-report-inspector-head h3 {margin:13px 0 6px;font-size:21px;letter-spacing:-.025em;}
.comment-report-inspector-head p {margin:0;color:#9db4a4;font-size:11px;}
.comment-report-inspector {min-width:0;}
.comment-report-target,.comment-report-reason,.comment-report-note {margin:19px 23px 0;padding:18px;border:1px solid #34483a;border-radius:11px;background:#0d1710;}
.comment-report-target small {color:#8fc4a1;font-size:11px;font-weight:700;}
.comment-report-target p {margin:11px 0 0;color:#ecf5ee;font-size:14px;line-height:1.8;white-space:pre-wrap;overflow-wrap:anywhere;}
.comment-report-target.is-deleted {border-color:#544239;background:#231c18;}
.comment-report-reason h4,.comment-report-note h4 {margin:0;color:#afc2b2;font-size:12px;}
.comment-report-reason p,.comment-report-note p {margin:9px 0 0;font-size:13px;line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere;}
.comment-report-facts {display:grid;grid-template-columns:100px minmax(0,1fr);gap:10px 15px;margin:20px 24px;padding:17px 0;border-top:1px solid #ffffff12;border-bottom:1px solid #ffffff12;font-size:11px;}
.comment-report-facts dt {color:#839b89;}.comment-report-facts dd {margin:0;color:#d9e8dc;overflow-wrap:anywhere;}
.comment-report-actions {display:grid;gap:12px;margin:20px 24px 25px;}
.comment-report-actions textarea {box-sizing:border-box;width:100%;min-height:75px;padding:12px;border:1px solid #405d48;border-radius:9px;background:#0b130e;color:#eaf5ed;font:inherit;font-size:12px;resize:vertical;}
.comment-report-memo-label {font-size:11px;color:#afc4b4;}
.comment-report-status-actions {display:flex;flex-wrap:wrap;gap:8px;}
.comment-report-actions hr {width:100%;border:0;border-top:1px solid #ffffff14;}
.comment-report-actions small {color:#9faa9f;font-size:11px;}
@media(max-width:1050px) {.comment-report-workspace {grid-template-columns:1fr;}.comment-report-detail {position:static;max-height:none;}.comment-report-list {max-height:460px;}}
@media(max-width:640px) {.moderation-hub-intro {padding:20px;}.moderation-tabs {width:100%;box-sizing:border-box;}.moderation-tab {flex:1;padding:10px;}.comment-report-metrics {gap:6px;}.comment-report-metric {padding:12px;}.comment-report-metric strong {font-size:19px;}.comment-report-filters {flex-wrap:wrap;}.comment-report-filters label {flex:1;min-width:125px;}.comment-report-filters select {width:100%;min-width:0;}.comment-report-count {width:100%;margin:0;}.comment-report-heading {align-items:start;}.comment-report-heading>button {margin-top:4px;}}
/* 작품 신고도 같은 콘솔 레이아웃을 쓴다. 작품 전용 요소만 덧붙인다. */
.comment-report-reason-line {color:#8fc4a1;font-size:12px;font-weight:700;}
.comment-report-target .report-work-title {display:block;margin:10px 0 0;color:#edf6f0;font-size:17px;font-weight:700;text-decoration:none;overflow-wrap:anywhere;}
.comment-report-target .report-work-title:hover {text-decoration:underline;}
.report-work-meta {display:flex;flex-wrap:wrap;gap:14px;margin-top:12px;color:#9db4a4;font-size:11.5px;}
.comment-report-actions .report-detail-link {color:#80d5ad;font-size:13px;text-decoration:none;}
.comment-report-actions .report-detail-link:hover {text-decoration:underline;}
.comment-report-actions .content-feedback {margin:0;min-height:0;color:#ff9696;font-size:12px;}
.comment-report-actions .content-feedback:empty {display:none;}