/* The moderator panel uses the existing account typography and semantic palette. */
.moderation-view{min-width:0}
.moderation-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px}
.account-content .moderation-toolbar h2{margin:0}
.moderation-toolbar>.button{flex:none}
.moderation-note{color:var(--muted);font-size:11px;line-height:1.7;margin:8px 0 0;overflow-wrap:anywhere}
.moderation-reports{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.moderation-report{width:100%;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1.2fr) auto;align-items:center;gap:20px;margin:0;padding:20px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);color:var(--ink);font:12px/1.6 var(--font-ui);text-align:left;cursor:pointer;overflow-wrap:anywhere}
.moderation-report:hover{border-color:var(--muted)}
.moderation-report-main,.moderation-report-people,.moderation-report-room{min-width:0;display:grid;gap:8px;align-content:start}
.moderation-reason{font-size:14px;color:var(--ink)}
.moderation-status{width:fit-content;max-width:100%;border:1px solid var(--line);border-radius:var(--radius);padding:2px 8px;color:var(--muted);font-size:10px;line-height:1.7}
.moderation-status-new{border-color:var(--gold);color:var(--gold)}
.moderation-status-reviewing{color:var(--ink)}
.moderation-report-date,.moderation-report-context{color:var(--muted);font-size:10px;line-height:1.7}
.moderation-report-people>span{display:grid;gap:2px}
.moderation-report-people strong{font-weight:400;color:var(--gold)}
.moderation-label{display:block;font-size:10px;line-height:1.7;color:var(--muted)}
.moderation-report-room{gap:4px}
.moderation-room-code{display:block;color:var(--muted);font-size:10px;letter-spacing:1px;overflow-wrap:anywhere}
.moderation-open-label{font-size:10px;white-space:nowrap;color:var(--gold)}
.moderation-pagination{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:20px}
.moderation-pagination .moderation-note{margin:0}
.moderation-empty{padding:24px;border:1px dashed var(--line)}
.moderation-empty>p:first-child{margin:0;font-size:14px}
.moderation-loading{margin:0 0 20px;color:var(--muted);font-size:12px;line-height:1.7}
.moderation-error{padding:12px 16px;border:1px solid var(--danger);background:var(--surface);margin:0 0 20px}
.moderation-error p{margin:0;font-size:12px;line-height:1.7;overflow-wrap:anywhere}
.moderation-detail-toolbar>div{display:flex;align-items:center;gap:20px;min-width:0}
.moderation-detail-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}
.account-content .moderation-detail-heading h3{margin:0;font-size:18px}
.moderation-details{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px 24px;margin:0;padding:20px;border:1px solid var(--line);background:var(--surface)}
.moderation-details>div{min-width:0}
.moderation-details dt{font-size:10px;color:var(--muted);margin:0 0 4px}
.moderation-details dd{font-size:12px;line-height:1.7;margin:0;overflow-wrap:anywhere}
.moderation-chat{margin-top:24px}
.moderation-chat-heading{padding-bottom:16px}
.account-content .moderation-chat-heading h3{margin:0}
.moderation-chat-heading .moderation-note{margin-top:4px}
.moderation-messages{list-style:none;display:grid;gap:8px;padding:0;margin:0}
.moderation-message{min-width:0;padding:16px 20px;border:1px solid var(--line);border-left:3px solid var(--line);background:var(--surface)}
.moderation-message-subject{border-left-color:var(--gold)}
.moderation-message-heading{display:flex;align-items:center;flex-wrap:wrap;gap:4px 12px;min-width:0}
.moderation-message-heading strong{font-size:12px;font-weight:400;overflow-wrap:anywhere}
.moderation-message-subject .moderation-message-heading strong{color:var(--gold)}
.moderation-subject-label{color:var(--gold);font-size:10px;overflow-wrap:anywhere}
.moderation-message-heading time,.moderation-message-heading .moderation-missing-date{font-size:10px;color:var(--muted);margin-left:auto;overflow-wrap:anywhere}
.moderation-message-text{font:12px/1.8 var(--font-ui);white-space:pre-wrap;overflow-wrap:anywhere;margin:8px 0 0}
.moderation-report-marker{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:4px 12px;padding:12px 16px;margin:4px 0;border-top:1px dashed var(--gold);border-bottom:1px dashed var(--gold);color:var(--gold);font-size:11px;text-align:center;overflow-wrap:anywhere}
.moderation-chat-empty{margin:0 0 16px;color:var(--muted);font-size:12px;line-height:1.7}
@media(max-width:900px){.moderation-report{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1.2fr);gap:16px}.moderation-open-label{grid-column:1/-1}.moderation-details{gap:16px}}
@media(max-width:600px){.moderation-toolbar{gap:12px;align-items:start}.moderation-report{grid-template-columns:minmax(0,1fr);padding:16px}.moderation-report-people{grid-template-columns:repeat(2,minmax(0,1fr))}.moderation-details{grid-template-columns:repeat(2,minmax(0,1fr));padding:16px}.moderation-detail-toolbar>div{align-items:start;flex-direction:column;gap:12px}.moderation-detail-heading{align-items:start}.moderation-message{padding:12px 16px}.moderation-message-heading time,.moderation-message-heading .moderation-missing-date{width:100%;margin-left:0}.moderation-pagination{flex-wrap:wrap}}
.moderation-sections{display:flex;flex-wrap:wrap;gap:8px;padding-bottom:20px;margin-bottom:20px;border-bottom:1px solid var(--line)}
.moderation-review,.moderation-player{margin-top:24px;padding:20px;border:1px solid var(--line);background:var(--surface)}
.account-content .moderation-review h3,.account-content .moderation-player h3,.account-content .moderation-delegation h3{margin:0 0 12px}
.moderation-review>p,.moderation-history li>p,.moderation-staff li p{font-size:12px;line-height:1.8;overflow-wrap:anywhere}
.moderation-review-decision,.moderation-notice{color:var(--gold)}
.moderation-notice{font-size:12px;line-height:1.8;margin:16px 0}
.moderation-form{display:grid;gap:12px;min-width:0}
.moderation-form>label,.moderation-form legend,.moderation-review-fields>label{font-size:11px;line-height:1.8;color:var(--muted)}
.moderation-form input:not([type=checkbox]),.moderation-form textarea,.moderation-form select{display:block;width:100%;min-width:0;box-sizing:border-box;padding:10px 12px;border:1px solid var(--line);border-radius:var(--radius);background:var(--paper);color:var(--ink);font:12px/1.8 var(--font-ui)}
.moderation-form textarea{resize:vertical;min-height:76px;max-height:280px}
.moderation-form input:focus-visible,.moderation-form textarea:focus-visible,.moderation-form select:focus-visible,.moderation-sections .button:focus-visible,.moderation-review .button:focus-visible,.moderation-staff .button:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
.moderation-form :disabled{cursor:default;opacity:.55}
.moderation-form>.button{justify-self:start}
.moderation-form>.moderation-note{margin:0}
.moderation-review-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:start}
.moderation-review-fields>label{display:grid;gap:8px}
.moderation-review-actions{display:flex;flex-wrap:wrap;gap:8px}
.moderation-action-error{margin:12px 0;font-size:12px;line-height:1.8}
.moderation-measures,.moderation-history{margin-top:24px;padding-top:20px;border-top:1px solid var(--line)}
.moderation-measures>ul,.moderation-history>ol,.moderation-staff{list-style:none;display:grid;gap:12px;margin:0;padding:0}
.moderation-measures li,.moderation-staff li{display:flex;align-items:start;justify-content:space-between;gap:20px;padding:16px;border:1px solid var(--line);min-width:0}
.moderation-measures li>div,.moderation-staff li>div{min-width:0}
.moderation-measures li>.button,.moderation-staff li>.button{flex:none}
.moderation-measures strong,.moderation-history strong,.moderation-staff strong{font-size:12px;font-weight:400}
.moderation-reason-text{white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px;line-height:1.8}
.moderation-history li{padding:16px;border-left:2px solid var(--line);background:var(--surface)}
.moderation-history-heading{display:flex;align-items:baseline;flex-wrap:wrap;gap:8px 16px}
.moderation-history-heading>span,.moderation-history-heading>time{color:var(--muted);font-size:10px;line-height:1.8;overflow-wrap:anywhere}
.moderation-history-heading>time{margin-left:auto}
.moderation-search{max-width:600px;margin-bottom:24px}
.moderation-search>div{display:flex;align-items:center;gap:12px}
.moderation-search .button{flex:none}
.moderation-delegation{padding:20px;border:1px solid var(--line);margin-bottom:24px}
.moderation-delegation>input{max-width:320px}
.moderation-delegation fieldset{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;border:1px solid var(--line);padding:16px;margin:0;min-width:0}
.moderation-delegation fieldset label{display:flex;align-items:start;gap:8px;font-size:12px;line-height:1.8;color:var(--ink)}

@media(max-width:900px){.moderation-review-fields{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.moderation-review,.moderation-delegation{padding:16px}.moderation-review-fields,.moderation-delegation fieldset{grid-template-columns:minmax(0,1fr)}.moderation-measures li,.moderation-staff li{flex-wrap:wrap}.moderation-history-heading>time{margin-left:0;width:100%}.moderation-search>div{align-items:stretch;flex-direction:column}}

.account-restrictions h2{font:400 18px/1.5 var(--font-ui);margin:0 0 16px}.account-restrictions{padding:16px 0;margin:16px 0}.account-restrictions li{background:var(--surface)}
