/* Standalone moderation page. The workspace markup comes from
   shared/moderation-panel.js; the dashboard styles the same `mod-` classes
   with its own palette in admin.css. */
:root { color-scheme: light; font-family: system-ui, sans-serif; color: #302a22; background: #f5f1e8; }
* { box-sizing: border-box; }
body { margin: 0; }
main { max-width: 1000px; margin: auto; padding: 28px 20px 70px; }
h1 { margin-bottom: 8px; } h2 { font-size: 1.15rem; }
a { color: #365c46; } p { line-height: 1.5; }
.mod-tabs, .mod-toolbar, .mod-actions { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; margin: 20px 0; }
.mod-btn, .mod-input { font: inherit; padding: 10px 12px; border: 1px solid #a69d8e; border-radius: 6px; }
.mod-btn { cursor: pointer; background: #fffdf8; color: #302a22; }
.mod-btn:hover { background: #eae4d8; } .mod-btn:disabled { opacity: .55; cursor: wait; }
.mod-btn[aria-pressed="true"] { background: #365c46; color: white; border-color: #365c46; }
.mod-btn:focus-visible, .mod-input:focus-visible { outline: 3px solid #4c8061; outline-offset: 3px; }
.mod-card { background: #fffdf8; border: 1px solid #d4cbbd; border-radius: 10px; padding: 20px; margin: 16px 0; overflow-wrap: anywhere; }
.mod-meta { color: #645c51; font-size: .9rem; }
blockquote { margin: 16px 0; border-left: 3px solid #c5b48f; padding: 10px 16px; white-space: pre-wrap; background: #f5f1e8; }
.mod-label { display: flex; flex-direction: column; gap: 6px; margin: 10px 0; }
textarea.mod-input { width: 100%; min-height: 75px; } input.mod-input { max-width: 100%; }
.mod-error { color: #a02920; }
.mod-context { border-top: 1px solid #d4cbbd; margin-top: 16px; padding-top: 12px; }
[hidden] { display: none !important; }
@media (max-width: 600px) { main { padding: 20px 12px; } .mod-card { padding: 14px; } .mod-actions { align-items: stretch; flex-direction: column; } }