:root { font-family: system-ui, sans-serif; color: #eee; background: #1a1b20; }
body { margin: 0; }
main { max-width: 960px; margin: auto; padding: 2rem; }
[hidden] { display: none !important; }
input, select, button { font: inherit; padding: .5rem; }
input, select { max-width: 100%; box-sizing: border-box; }
button { cursor: pointer; }
button:disabled, button[aria-disabled="true"] { cursor: default; opacity: .55; }
label { display: flex; flex-direction: column; gap: .3rem; }
form, .tools, .pagination, .exports { display: flex; flex-wrap: wrap; align-items: end; gap: .6rem; margin: 1rem 0; }
.exports p { width: 100%; }
article { padding: 1rem; margin: .75rem 0; background: #272934; border-radius: .4rem; overflow-wrap: anywhere; }
p { white-space: pre-wrap; line-height: 1.5; }
small { color: #bbc; }
h2 { margin-top: 2rem; }
.withdrawn { color: #ffc6a6; }
.retained { color: #b5ceb8; }
#state { border-left: 3px solid #88c1ef; padding: .5rem .8rem; }
@media (max-width: 600px) { main { padding: 1rem; } .tools label { width: 100%; } }

.moderation-tools, #pending { padding: 1rem; margin: 1rem 0; border: 1px solid #637080; border-radius: .4rem; }
.moderation-tools h2 { margin-top: 0; }
.moderation-tools label { margin: .8rem 0; }
.item-controls { display: flex; flex-wrap: wrap; gap: .5rem; margin-top: .75rem; }
.item-controls label { width: 100%; }
.item-controls .select-record { flex-direction: row; align-items: center; }
.item-controls input[type=checkbox] { width: 1.25rem; height: 1.25rem; }
#pending-info { color: #ffe0a6; }
@media (max-width: 600px) { .moderation-tools button { margin-bottom: .4rem; } }

.overview { padding: 1rem; margin: 1rem 0; border: 1px solid #637080; border-radius: .4rem; }
.overview h2 { margin-top: 0; }
.overview-shortcuts { display: flex; flex-wrap: wrap; gap: .6rem; }
.overview-shortcuts button { color: inherit; background: #272934; border: 1px solid #8393a5; border-radius: .3rem; overflow-wrap: anywhere; }
.overview-shortcuts span { font-weight: 700; }
#results-heading:focus { outline: 2px solid #88c1ef; outline-offset: .3rem; }

.item-audit-tools { display: flex; flex-wrap: wrap; align-items: end; gap: .6rem; margin: 1rem 0; padding: 1rem; border: 1px solid #637080; border-radius: .4rem; }
.item-audit-tools p { width: 100%; overflow-wrap: anywhere; }
#audit-heading:focus { outline: 2px solid #88c1ef; outline-offset: .3rem; }

.report-presentation { padding: 1rem; margin: 1rem 0; border: 1px solid #637080; border-radius: .4rem; }
.report-presentation h2 { margin-top: 0; }
.report-presentation-tools { display: flex; flex-wrap: wrap; align-items: end; gap: .6rem; }
#report-threshold-intent { color: #ffe0a6; overflow-wrap: anywhere; }
@media (max-width: 600px) { .report-presentation-tools label { width: 100%; } }

.notes-tools, .note-controls { padding: 1rem; margin: 1rem 0; border: 1px solid #637080; border-radius: .4rem; }
.notes-tools h2 { margin-top: 0; }
.note-controls textarea { font: inherit; width: 100%; box-sizing: border-box; min-height: 5rem; }
.note-controls button { margin-top: .5rem; }
#note-intent { color: #ffe0a6; overflow-wrap: anywhere; }

.categorized-report-tools { padding: 1rem; margin: 1rem 0; border: 1px solid #637080; border-radius: .4rem; }
.categorized-report-tools h2 { margin-top: 0; }
.report-evidence { margin: .7rem 0; padding: .6rem; border-left: 3px solid #88c1ef; }

.seed-tools { margin: 1rem 0; padding: 1rem; border: 1px solid #777; }
.seed-tools textarea { display: block; box-sizing: border-box; width: 100%; min-height: 6rem; resize: vertical; }
button[aria-disabled="true"] { opacity: .6; }
#seed-intent { overflow-wrap: anywhere; white-space: pre-wrap; }

.report-controls { border: 1px solid #777; padding: 1rem; margin-block: 1rem; }
.report-controls form { display: flex; flex-wrap: wrap; gap: .75rem; align-items: end; }
.report-controls label { display: flex; flex-direction: column; min-width: 0; max-width: 100%; }
.report-controls select, .report-controls input { max-width: 100%; box-sizing: border-box; }
.report-controls p, #report-controls-audit { overflow-wrap: anywhere; }
.report-controls [hidden] { display: none; }

.report-controls button { max-width: 100%; white-space: normal; overflow-wrap: anywhere; }
@media (max-width: 600px) { .report-controls form > label { width: 100%; } }

.feed-policy-tools { margin-block: 1rem; padding: 1rem; border: 1px solid #9faebd; border-radius: .4rem; }
.feed-policy-fields { display: grid; width: 100%; flex-basis: 100%; grid-template-columns: repeat(auto-fit, minmax(min(100%, 15rem), 1fr)); gap: .8rem; }
.feed-policy-fields label { display: flex; flex-direction: column; gap: .25rem; }
.feed-policy-fields span { font-size: .85rem; }
.feed-policy-fields input { min-width: 0; width: 100%; box-sizing: border-box; }
#feed-policy-current, #feed-policy-intent, #feed-policy-audit { overflow-wrap: anywhere; }
#feed-policy-form button { margin-block: .6rem; }

.presentation-settings { border: 1px solid #525252; border-radius: 8px; padding: 16px; margin: 16px 0; }
.presentation-settings-fields { display: grid; grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)); gap: 12px; }
.presentation-settings-fields label { display: flex; flex-direction: column; gap: 5px; }
.presentation-settings-fields span { font-size: .85em; }
.presentation-settings-fields input[type="checkbox"] { align-self: flex-start; }
#presentation-settings-audit p { overflow-wrap: anywhere; }

.privacy-settings { border: 1px solid #8b739c; border-radius: 8px; padding: 16px; margin: 16px 0; }
.privacy-settings h2 { margin-top: 0; }
.privacy-settings-fields { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 15rem), 1fr)); gap: 12px; }
.privacy-settings-fields label { min-width: 0; }
.privacy-settings-fields input, .privacy-settings-fields select { width: 100%; box-sizing: border-box; }
#privacy-settings-current, #privacy-settings-intent, #privacy-settings-history, .privacy-boundary { overflow-wrap: anywhere; }
#privacy-settings-history p { margin: .5rem 0; }
.privacy-settings button[aria-disabled="true"] { cursor: default; opacity: .55; }

#media-controls-current, #media-controls-intent, #media-controls-audit { overflow-wrap: anywhere; }
.feed-policy-fields input[type="checkbox"] { width: auto; align-self: flex-start; }
#media-controls-form fieldset { min-width: 0; }

.console-nav { display: flex; flex-wrap: wrap; align-items: center; gap: .6rem; margin: 1rem 0; padding-bottom: .8rem; border-bottom: 1px solid #637080; }
.console-nav button { min-height: 40px; min-width: 40px; box-sizing: border-box; }
.console-nav button[aria-pressed="true"] { background: #394254; color: #fff; border: 2px solid #88c1ef; font-weight: 700; }
.console-nav button[aria-pressed="false"] { background: #272934; color: #ccd; border: 1px solid #637080; }
.console-nav #logout { margin-left: auto; }
@media (max-width: 600px) { .console-nav #logout { margin-left: 0; width: 100%; } }

.settings-header { margin: 1rem 0; }
.settings-header h2 { margin-top: 0; }
#settings-heading:focus { outline: 2px solid #88c1ef; outline-offset: .3rem; }

#records[data-console-view="moderation"] > #devices-section,
#records[data-console-view="moderation"] > #report-presentation,
#records[data-console-view="moderation"] > #presentation-settings-tools,
#records[data-console-view="moderation"] > #report-controls-tools,
#records[data-console-view="moderation"] > #feed-policy-tools,
#records[data-console-view="moderation"] > #participation-policy-tools,
#records[data-console-view="moderation"] > #media-controls-tools,
#records[data-console-view="moderation"] > #primary-spam-tools,
#records[data-console-view="moderation"] > #privacy-settings-tools,
#records[data-console-view="moderation"] > #settings-header,
#records:not([data-console-view="settings"]) > #devices-section,
#records:not([data-console-view="settings"]) > #report-presentation,
#records:not([data-console-view="settings"]) > #presentation-settings-tools,
#records:not([data-console-view="settings"]) > #report-controls-tools,
#records:not([data-console-view="settings"]) > #feed-policy-tools,
#records:not([data-console-view="settings"]) > #participation-policy-tools,
#records:not([data-console-view="settings"]) > #media-controls-tools,
#records:not([data-console-view="settings"]) > #primary-spam-tools,
#records:not([data-console-view="settings"]) > #privacy-settings-tools,
#records:not([data-console-view="settings"]) > #settings-header {
  display: none;
}

#records[data-console-view="settings"] > :not(
  #console-nav,
  #settings-header,
  #devices-section,
  #report-presentation,
  #presentation-settings-tools,
  #report-controls-tools,
  #feed-policy-tools,
  #participation-policy-tools,
  #media-controls-tools,
  #primary-spam-tools,
  #privacy-settings-tools
) {
  display: none;
}

.privacy-ip-panel { overflow-wrap: anywhere; min-width: 0; }
.privacy-ip-panel:empty { display: none; }
.privacy-ip-controls { display: flex; flex-wrap: wrap; gap: .5rem; }
#privacy-retention-form fieldset { min-width: 0; margin: .5rem 0; }
#privacy-retention-form input[type="number"] { max-width: 100%; box-sizing: border-box; }
#privacy-settings-collection, #privacy-history-status, #privacy-retention-status { overflow-wrap: anywhere; }

/* Admin special votes: separate native console controls. */
.admin-vote-controls { display: flex; flex-wrap: wrap; align-items: center; gap: .5rem; min-width: 0; }
.admin-vote-status { overflow-wrap: anywhere; min-width: 0; }
.admin-vote-counts { color: inherit; }