.moderation-page{max-width:100%;margin:auto}

.moderation-profile>h1{font-family:Montserrat,sans-serif;font-size:1.2rem;font-weight:600;margin:0}

.moderation-tabs{display:inline-flex;align-items:center;gap:.3rem;padding:.3rem;border:1px solid #ffffff1c;border-radius:.6rem;background:rgba(0,0,0,.3)}
.moderation-tab,.moderation-tab:hover{display:inline-flex;align-items:center;justify-content:center;background:transparent;color:#929292;white-space:nowrap;box-shadow:none}
.moderation-tab.active,.moderation-tab.active:hover{color:#f5f3ef;background:#2c2c2c;box-shadow:none}
.moderation-tab svg{width:1.1rem;height:1.1rem}
.moderation-filters{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}


.moderation-filter,.moderation-filter:hover{display:inline-flex;align-items:center;justify-content:center;border:1px solid #454545;background:rgba(255,255,255,.07);color:#929292;box-shadow:none;white-space:nowrap}
.moderation-filter.active,.moderation-filter.active:hover{background:#2c2c2c;border-color:#555555;color:#f5f3ef;box-shadow:none}
.moderation-filter svg{width:1.1rem;height:1.1rem}
.moderation-filter.filter-yellow svg{color:#f3a039}
.moderation-filter.filter-red svg{color:#f06438}
.moderation-filter:is(.filter-yellow,.filter-red).active svg{fill:currentColor}
.moderation-table-wrap{overflow-x:auto;padding-bottom:.5rem;border:1px solid #ffffff1c;border-radius:.6rem;background:rgba(0,0,0,.2)}
.moderation-table{width:100%;border-collapse:collapse;font-size:.9rem}
.moderation-table th{font-family:Montserrat,sans-serif;font-weight:700;text-align:left;color:#929292;border-bottom:1px solid #ffffff1c;padding:1rem .8rem;white-space:nowrap}
.moderation-table td{padding:.8rem;border-bottom:1px solid #ffffff1c;vertical-align:middle}
.moderation-table tr:last-child td{border-bottom:0}
.moderation-table a{text-decoration:none}
.moderation-sort,.moderation-sort:hover{display:inline-flex;align-items:center;background:transparent;color:#aeaeae;box-shadow:none}
.moderation-sort.active,.moderation-sort.active:hover{color:#f5f3ef;background:transparent;box-shadow:none}
.moderation-sort>svg{width:1.4rem;height:1.4rem;flex:none}
.moderation-sort-symbol{display:inline-flex;align-items:center}
.moderation-sort-symbol svg{width:.9rem;height:.9rem}
.moderation-sort-symbol.descending{transform:rotate(180deg)}
.moderation-user-cell{display:flex;align-items:center;gap:.7rem;min-width:10rem}
.moderation-avatar{width:2.2rem;height:2.2rem;padding:0;border:1px solid #ffffff1c;border-radius:50%;background:rgba(0,0,0,.3);color:#929292;display:grid;place-items:center;flex:none;overflow:hidden}
.moderation-avatar img{display:block;width:100%;height:100%;object-fit:cover}
.moderation-avatar svg{width:1.3rem;height:1.3rem}
.moderation-username,.moderation-username:hover{font-weight:600;color:#f5f3ef;text-decoration:none;overflow-wrap:anywhere}
.moderation-email{overflow-wrap:anywhere;max-width:16rem;color:#aeaeae}
.moderation-number{font-variant-numeric:tabular-nums}
.moderation-files-link,.moderation-files-link:hover{display:inline-flex;align-items:center;gap:.5rem;color:#f5f3ef;white-space:nowrap;font-variant-numeric:tabular-nums;text-decoration:none}
.moderation-row-actions{display:flex;align-items:center;gap:.4rem;white-space:nowrap}
.moderation-icon{display:inline-flex;align-items:center;justify-content:center;width:2rem;border:1px solid #454545;background:rgba(255,255,255,.07);color:#929292;box-shadow:none;flex:none}
.moderation-icon svg{width:1.1rem;height:1.1rem}
.moderation-icon.active{background:#2c2c2c;border-color:#555555;color:#f5f3ef;box-shadow:none}
.moderation-action.action-yellow{color:#f3a039}
.moderation-action.action-red{color:#f06438}
.moderation-action:is(.action-yellow,.action-red).active svg{fill:currentColor}
.moderation-icon:disabled{opacity:.3;cursor:default}
.moderation-history{margin-left:.3rem}
.moderation-admin-label{font-size:.9rem;color:#929292}
.moderation-acknowledged{display:inline-flex;align-items:center;gap:.2rem;color:#87ac91;padding:.3rem;border:0;background:transparent;font-size:.9rem;white-space:nowrap;margin-left:.3rem}
.moderation-acknowledged svg{width:1.1rem;height:1.1rem}
.moderation-pagination,.moderation-profile-actions{display:flex;align-items:center;flex-wrap:wrap;gap:.8rem}
.moderation-pagination{margin-top:1.5rem}
.moderation-profile-placeholder{display:grid;place-items:center;width:11rem;height:11rem;margin:0 auto 1rem;border-radius:50%;border:1px solid #ffffff1c;background:rgba(0,0,0,.3);color:#929292}
.moderation-profile-placeholder svg{width:5rem;height:5rem}
.moderation-notice{display:flex;gap:1rem;align-items:center;padding:1rem 1.2rem;margin:0 auto 1.4rem;border:1px solid color-mix(in srgb,#f3a039 40.0%,transparent);border-radius:.6rem;background:color-mix(in srgb,#f3a039 10.0%,transparent);max-width:80rem}
.moderation-notice p{margin:0;flex:1;font-size:.9rem;line-height:1.6}
.moderation-notice-symbol svg{width:1.3rem;height:1.3rem;color:#f3a039}
.moderation-notice a{color:inherit;text-decoration:underline}
.moderation-notice .toolbar-button{white-space:nowrap}
.moderation-red{border-color:color-mix(in srgb,#f06438 40.0%,transparent);background:color-mix(in srgb,#f06438 10.0%,transparent)}
.moderation-red .moderation-notice-symbol svg{color:#f06438}
.moderation-history-dialog{width:min(46rem,calc(100vw - 2rem));max-height:85vh}
.moderation-history-event{padding:1rem 0;border-bottom:1px solid #ffffff1c;overflow-wrap:anywhere}
.moderation-history-event h3{font-size:0.9rem;margin:0 0 .8rem}
.moderation-history-event p{font-size:.9rem;line-height:1.6}
.moderation-history-event small{color:#c5b3a0}
.moderation-receipt{color:#87ac91}
.moderation-profile{max-width:44rem;margin:auto}
.moderation-profile .public-profile-content{padding:2rem 0;text-align:center}
.moderation-profile-actions{justify-content:center;margin-top:1.5rem}
.moderation-account-state{max-width:44rem;margin:3rem auto}
.reported-viewer{max-width:80rem;margin:auto}
.reported-viewer .grid{display:block!important}
.reported-viewer .card{width:100%;aspect-ratio:auto!important}
.reported-viewer .preview{aspect-ratio:auto!important;min-height:0;max-height:calc(100svh - 15rem);padding:0}
.reported-viewer .preview img{width:100%;height:auto;max-height:calc(100svh - 15rem);object-fit:contain}
.reported-viewer .file-name{min-height:2.8rem}
.reported-viewer .viewerbar{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:1rem}
.reported-viewer .card-top{min-height:2.8rem}
.reported-viewer .card-tools{flex-wrap:wrap}
.moderation-context{display:flex;align-items:center;flex-wrap:wrap;gap:.8rem;margin:1rem 0 1.5rem}
.moderation-ip-help{font-size:.9rem}
@media(max-width:700px){


.moderation-tabs{width:100%}
.moderation-tab{flex:1}
.moderation-filters{gap:.4rem;width:100%;flex-wrap:nowrap}
.moderation-filter{flex:1;min-width:0}
.moderation-filter:not(:first-of-type)>span{display:none}


.moderation-table td,.moderation-table th{padding:.7rem .6rem}
.moderation-user-cell{min-width:9rem}
.moderation-notice{padding:1rem;gap:.7rem;flex-wrap:wrap}
.moderation-notice p{flex-basis:calc(100% - 2.2rem)}
.moderation-notice>.toolbar-button{margin-left:auto}
.reported-viewer .preview,.reported-viewer .preview img{max-height:calc(100svh - 15rem)}}



.moderation-status-cell{display:flex;align-items:center;gap:.7rem}
.staff-role.role-moderator{color:#176dd8;background:#1b1b1b}
.staff-role.role-admin{color:#f3a039;background:#1b1b1b}
.staff-role:is(.role-moderator,.role-admin) svg{fill:currentColor;stroke:#1b1b1b}
.staff-role-dialog{width:min(90vw,27rem);padding:1.5rem}
.staff-role-dialog h2{padding-right:2rem;font-size:0.9rem}
.staff-role-dialog p{color:#c5b3a0;font-size:.9rem}
.staff-role-options{display:grid;gap:.7rem;margin-top:1rem}
.staff-role-options button{display:flex;align-items:center;gap:.7rem;width:100%;padding:.7rem;border:1px solid #454545;border-radius:.4rem;background:rgba(255,255,255,.07);color:#f5f3ef;text-align:left}
.staff-role-options button svg{width:1.5rem;height:1.5rem;flex:none}
.staff-role-options button small{display:block;margin-top:.3rem;line-height:1.4;color:#c5b3a0}
.staff-role-options button.active{background:#2c2c2c;border-color:#555555}
.staff-role-options button[data-role-value=admin] svg{color:#f3a039}
.staff-role-options button[data-role-value=moderator] svg{color:#176dd8}
.staff-role-error{min-height:1.4rem;color:#f06438!important}
.report-tabs{margin-bottom:1rem;width:max-content}
.report-count{display:inline-flex;align-items:center;gap:.4rem;color:#c5b3a0;font-size:.8rem}
.report-count svg{width:1rem;height:1rem;color:#f06438}
.report-gallery .report-toggle,.report-gallery .report-toggle:hover,.report-gallery .report-toggle:active{width:2rem;height:2rem;padding:.4rem;background:#1b1b1b;color:#f5f3ef;border:1px solid #ffffff1c;box-shadow:none;transform:none;transition:none}
.report-gallery .report-toggle.active{background:#2c2c2c;border-color:#555555}
.report-gallery .report-toggle:disabled{color:#c5b3a0;opacity:.6}
.report-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1}
.report-state{margin-left:auto;color:#c5b3a0;font-size:.8rem;white-space:nowrap}
.moderation-reopen{padding-top:1.2rem;margin-top:1.2rem;border-top:1px solid #ffffff1c}
.moderation-reopen .primary{margin-top:.5rem}
.moderation-reopen-pending{color:#f3a039;white-space:nowrap}
:is(.site-admin,.moderation-page,.moderation-profile,.moderator,[data-content-scanner],.review,.report-gallery,.moderation-history-dialog,.admin-batch-dialog,#release-dialog) a{text-decoration:none}
.studio-access{width:auto;min-width:4rem;font-family:Montserrat,sans-serif;font-size:.7rem;font-weight:700;padding:.4rem}
.studio-access.active{background:#f3a039;border-color:#f3a039;color:#181818}
.studio-access:disabled{opacity:1}
.moderation-registered{white-space:nowrap;font-size:.9rem}