.moderation-main { max-width: 1080px; margin: 0 auto; padding: 28px 20px 64px; line-height: 1.7; color: #173f46; background: #fffaf2; border-radius: 20px; outline: 2px dashed #99c0b6; outline-offset: -8px; }
.moderation-toolbar, .moderation-actions, .moderation-pagination { display: flex; flex-wrap: wrap; gap: 12px; align-items: center; margin-block: 24px; }
.moderation-toolbar select { width: auto; min-width: 150px; }
.moderation-report { padding: 28px 0; border-bottom: 1px solid #b4cecb; overflow-wrap: anywhere; }
.moderation-report h2 { font-size: 22px; margin-bottom: 12px; }
.moderation-report h3 { font-size: 18px; margin-block: 20px 8px; }
.moderation-report details { margin-block: 16px; }
.moderation-report summary { cursor: pointer; font-weight: 600; }
.moderation-content { white-space: pre-wrap; max-height: 420px; overflow: auto; padding-block: 16px; }
.moderation-report textarea { width: 100%; min-height: 90px; font: inherit; margin-top: 8px; resize: vertical; }
.moderation-audit { margin-top: 48px; }
.moderation-audit h2 { margin-bottom: 12px; }
.moderation-audit li { padding-block: 12px; overflow-wrap: anywhere; }
.moderation-error { color: #8a2037; }
.moderation-main button:disabled { opacity: .55; cursor: not-allowed; }
@media(max-width:560px) { .moderation-main { padding-inline: 16px; } .mu-header { flex-wrap: wrap; gap: 12px; } }
.cases-layout { display:grid; grid-template-columns:minmax(220px,1fr) minmax(0,1.6fr); gap:36px; align-items:start; }
.case-row { border-bottom:1px solid #b4cecb; padding:18px 0; overflow-wrap:anywhere; }
.case-row p { margin:0 0 6px; }
.case-open { border:0; padding:0; background:none; color:#173f46; font:inherit; font-weight:600; font-size:1.05rem; text-align:left; cursor:pointer; text-decoration:underline; text-underline-offset:4px; }
.case-open:hover { color:#176269; }
.case-date { font-size:.875rem; color:#3e6267; font-variant-numeric:tabular-nums; }
.case-detail { border-top:2px solid #2e7778; padding-top:20px; overflow-wrap:anywhere; }
.case-detail h2 { margin:0 0 20px; font-size:1.5rem; }
.case-detail h3 { margin:24px 0 8px; }
.case-detail details { margin:24px 0; }
.case-prose { white-space:pre-wrap; overflow-wrap:anywhere; max-width:70ch; }
.moderation-main fieldset { border:0; padding:0; margin:0; min-width:0; }
.moderation-main textarea { width:100%; resize:vertical; margin:8px 0 16px; min-height:120px; font:inherit; caret-color:#176269; }
.moderation-main ::selection { background:#cce4da; color:#173f46; }
.moderation-main :focus-visible,.cases-skip:focus-visible { outline:3px solid #277779; outline-offset:4px; }
.cases-skip { position:absolute; top:-80px; left:16px; padding:12px; background:#fff; color:#173f46; z-index:20; }
.cases-skip:focus { top:12px; }
[hidden] { display:none!important; }
@media(max-width:760px) { .cases-layout { grid-template-columns:1fr; gap:28px; }.moderation-toolbar select { max-width:100%; }.moderation-actions button { white-space:normal; }.case-detail { margin-top:8px; } }