#moderationButton:not([hidden]) { display: inline-flex; align-items: center; gap: 4px; }
.moderation-dialog { width: min(1060px, 94vw); max-height: 92dvh; overflow: auto; border: 0; border-radius: 20px; padding: 26px; color: #25382c; background: #fafbf7; }
.moderation-dialog::backdrop { background: #152a2266; }
.moderation-dialog h2 { margin: 0 32px 20px 0; }
.moderation-tabs, .moderation-pagination { display: flex; gap: 10px; align-items: center; margin: 14px 0; }
.moderation-tabs button, .moderation-dialog button:not(.dialog-close) { border: 1px solid #c8d4c7; border-radius: 8px; padding: 8px 12px; background: white; cursor: pointer; color: inherit; }
.moderation-tabs button[aria-selected=true] { background: #dcecd8; border-color: #4e7945; }
.moderation-dialog button:disabled { opacity: .5; cursor: default; }
.moderation-table-wrap { overflow-x: auto; }
.moderation-table { width: 100%; border-collapse: collapse; text-align: left; font-size: 14px; }
.moderation-table td, .moderation-table th { padding: 10px 8px; border-bottom: 1px solid #dbe2d8; vertical-align: top; }
.moderation-table td small { display: block; color: #61725f; }
.moderation-table img { width: 88px; height: 60px; object-fit: cover; border-radius: 6px; }
#moderationActions label { display: block; margin: 16px 0 10px; }
#moderationReason { display: block; width: 100%; box-sizing: border-box; margin-top: 6px; }
#moderationPreview { border-top: 1px solid #c8d4c7; margin-top: 20px; padding-top: 14px; }
#moderationPreview img { display: block; max-width: 100%; max-height: 55vh; margin: 12px auto; }
#moderationPreview p { white-space: pre-wrap; overflow-wrap: anywhere; }
.moderation-map { height: 350px; margin: 12px 0; }
@media(max-width: 600px) { .moderation-dialog { padding: 18px 12px; } #moderationButton { font-size: 11px; padding: 6px; } .moderation-table { font-size: 12px; } }