/* D90X ban/comms lists. All styles stay inside the marked presentation card. */
.d90x-bans #content .d90x-banlist.card { min-width:0; max-width:100%; margin-bottom:28px; padding:0; border:1px solid #343d40; border-radius:10px; background:#191e20; box-shadow:none; color:#dae5e8; }
.d90x-bans .d90x-banlist { container-type:inline-size; }
.d90x-bans #content .d90x-banlist > .d90x-banlist-toolbar { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:15px; padding:20px 22px 18px; border-bottom:1px solid #343d40; }
.d90x-bans #content .d90x-banlist .d90x-banlist-toolbar h2 { margin:0; color:#dae5e8; font-size:18px; font-weight:750; }
.d90x-bans #content .d90x-banlist .d90x-banlist-toolbar h2 small { color:#a6bac1; font-size:12px; line-height:1.6; }
.d90x-bans #content .d90x-banlist .d90x-banlist-toolbar h2.d90x-repeated-title { font-size:0; line-height:0; }
.d90x-bans #content .d90x-banlist .d90x-banlist-toolbar h2.d90x-repeated-title small { margin:0; font-size:12px; line-height:1.6; }
.d90x-bans .d90x-banlist .d90x-banlist-toolbar .actions { position:static; margin:0; padding:0; max-width:100%; }
.d90x-bans .d90x-banlist .pagination { display:flex; align-items:center; flex-wrap:wrap; gap:5px; margin:0; }
.d90x-bans .d90x-banlist .pagination > li { display:block; margin:0; }
.d90x-bans .d90x-banlist .pagination > li > a,.d90x-bans .d90x-banlist .pagination > li > span { display:inline-flex; align-items:center; justify-content:center; min-width:32px; height:32px; margin:0; padding:4px 9px; border:1px solid #343d40; border-radius:5px !important; background:#21292b; color:#a6bac1; font-size:11px; }
.d90x-bans .d90x-banlist .pagination > li > a:hover { background:#2c3538; color:#dae5e8; }
.d90x-bans .d90x-banlist .pagination > li.active > a,.d90x-bans .d90x-banlist .pagination > li.active > span { border-color:#9ed0c1; background:#283735; color:#c4e4d9; }
.d90x-bans .d90x-banlist .d90x-banlist-toolbar .select select { border-color:#343d40; background:#21292b !important; color:#dae5e8; }
.d90x-bans .d90x-banlist .alert { margin:14px 20px; border:1px solid #343d40; border-radius:6px; background:#21292b; color:#dae5e8; }
.d90x-bans .d90x-banlist .d90x-ban-table-scroll { width:100%; max-width:100%; margin:0; border:0; overflow:auto; scrollbar-width:thin; scrollbar-color:#526166 #15191b; }
.d90x-bans .d90x-banlist .d90x-ban-table { width:100%; min-width:680px; margin:0; border:0; border-collapse:collapse; background:#191e20; font-variant-numeric:tabular-nums; }
.d90x-bans .d90x-banlist .d90x-ban-table > thead > tr > th { padding:13px 16px; border:0; border-bottom:1px solid #343d40 !important; background:#21292b !important; color:#a6bac1 !important; font-size:11px; font-weight:650; text-transform:none; white-space:nowrap; }
.d90x-bans .d90x-banlist .d90x-ban-table > tbody > tr.opener { background:#191e20; }
.d90x-bans .d90x-banlist .d90x-ban-table > tbody > tr.opener:nth-child(4n+1) { background:#1c2224; }
.d90x-bans .d90x-banlist .d90x-ban-table > tbody > tr.opener:hover { background:#283034; }
.d90x-bans .d90x-banlist .d90x-ban-table > tbody > tr.opener > td { padding:14px 16px; border:0; border-bottom:1px solid #343d40 !important; background:transparent !important; color:#dae5e8; font-size:12px; line-height:1.6; vertical-align:middle; }
.d90x-bans .d90x-banlist .d90x-ban-table > tbody > tr.opener > td.d90x-ban-player { color:#e9eff1; font-weight:650; }
.d90x-bans .d90x-banlist .d90x-ban-player-name { display:inline; overflow-wrap:anywhere; }
.d90x-bans .d90x-banlist .d90x-ban-player-name img { margin-right:5px; vertical-align:middle; }
.d90x-bans .d90x-banlist .d90x-ban-stats-link { display:inline-block; font-size:11px; font-weight:500; line-height:1.7; white-space:nowrap; }
.d90x-bans .d90x-banlist .d90x-ban-player > .d90x-ban-stats-link { margin-left:9px; }
.d90x-bans .d90x-banlist .d90x-ban-stats-link:hover { text-decoration:underline; }
.d90x-bans .d90x-banlist .d90x-ban-status { display:inline-flex; align-items:center; max-width:100%; min-height:27px; padding:4px 9px; border:1px solid #5f5c48; border-radius:5px; background:#302e26; color:#d8ceb0; font-size:11px; font-weight:700; line-height:1.4; white-space:normal; overflow-wrap:anywhere; }
.d90x-bans .d90x-banlist .d90x-ban-status-cell.danger .d90x-ban-status,.d90x-bans .d90x-banlist .d90x-ban-status-cell.listtable_1_permanent .d90x-ban-status { border-color:#765046; background:#3b2b2a; color:#edb0a0; }
.d90x-bans .d90x-banlist .d90x-ban-status-cell.success .d90x-ban-status { border-color:#425b55; background:#25332f; color:#b3d0c2; }
.d90x-bans .d90x-banlist .d90x-ban-status-cell.active .d90x-ban-status { border-color:#455155; background:#252d30; color:#b7c5ca; }
.d90x-bans .d90x-banlist .d90x-ban-table > tbody > tr > td.d90x-ban-detail-cell { padding:0; border:0; background:#15191b; }
/* MooTools owns .opener height, opacity and collapsed state. */
.d90x-bans .d90x-banlist .d90x-ban-details { color:#dae5e8; background:#15191b; white-space:normal; }
.d90x-bans #content .d90x-banlist .d90x-ban-details > .d90x-ban-detail-heading { position:relative; margin:0; padding:17px 22px; border-bottom:1px solid #343d40; background:#21292b !important; }
.d90x-bans #content .d90x-banlist .d90x-ban-detail-heading h2 { margin:0; padding-right:35px; color:#dae5e8; font-size:14px; font-weight:700; }
.d90x-bans .d90x-banlist .d90x-ban-detail-heading > .actions { top:10px; right:16px; }
.d90x-bans #content .d90x-banlist .d90x-ban-detail-body { display:flow-root; margin:0; padding:8px 22px 20px; background:transparent; }
.d90x-bans .d90x-banlist .d90x-ban-fields { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 28px; float:none; width:100%; margin:0; padding:0; }
.d90x-bans .d90x-banlist .d90x-ban-fields > .form-group { display:grid; grid-template-columns:138px minmax(0,1fr); align-items:start; gap:12px; float:none; min-width:0; width:auto; margin:0 !important; padding:12px 0; border-bottom:1px solid #343d40; }
.d90x-bans .d90x-banlist .d90x-ban-fields > .d90x-ban-field-wide { grid-column:1 / -1; }
.d90x-bans .d90x-banlist .d90x-ban-fields > .form-group > .control-label { float:none; width:auto; min-width:0; margin:0; padding:0; color:#a6bac1; font-size:11px; font-weight:500; line-height:1.7; text-align:left; }
.d90x-bans .d90x-banlist .d90x-ban-fields .control-label > i.zmdi-circle-o,.d90x-bans .d90x-banlist .d90x-ban-fields .control-label > i.zmdi-star { display:none !important; }
.d90x-bans .d90x-banlist .d90x-ban-fields > .form-group > .control-label .d90x-icon { width:12px; height:12px; margin-right:4px; color:#a6bac1; }
.d90x-bans .d90x-banlist .d90x-ban-fields > .form-group > .col-sm-8 { float:none; width:auto; min-width:0; padding:0; color:#dae5e8; font-size:12px; line-height:1.7; overflow-wrap:anywhere; }
.d90x-bans .d90x-banlist .d90x-ban-fields address { margin:0; font-style:normal; line-height:1.7; }
.d90x-bans .d90x-banlist a { color:#9ed0c1; }
.d90x-bans .d90x-banlist a:hover { color:#d7e9e3; }
.d90x-bans .d90x-banlist .d90x-ban-comments { clear:both; width:100%; margin-top:20px; padding-top:18px; border-top:1px solid #343d40; }
.d90x-bans .d90x-banlist .wall-comment-list { margin:0; padding:0; border:0; border-radius:0; background:transparent; color:#dae5e8; }
.d90x-bans .d90x-banlist .wcl-list > .media { position:relative; margin:0 0 10px; padding:14px; border:1px solid #343d40; border-radius:7px; background:#191e20; }
.d90x-bans .d90x-banlist .wcl-list > .media > .media-body { min-width:0; padding-right:30px; color:#dae5e8; overflow-wrap:anywhere; }
.d90x-bans .d90x-banlist .wcl-list .media-body > p { white-space:normal !important; overflow-wrap:anywhere; }
.d90x-bans .d90x-banlist .wcl-list .actions { top:9px; right:8px !important; }
.d90x-bans .d90x-banlist .wcl-list .a-title { color:#dae5e8; font-weight:650; }
.d90x-bans .d90x-banlist .wcl-form { margin-top:14px; }
.d90x-bans .d90x-banlist .wcc-inner { padding:10px 14px; border:1px solid #343d40; border-radius:6px; background:#21292b; color:#a6bac1; }
.d90x-bans .d90x-banlist .dropdown-menu { border-color:#343d40; background:#21292b; color:#dae5e8; }
.d90x-bans .d90x-banlist .dropdown-menu > li > a { color:#dae5e8; }
.d90x-bans .d90x-banlist .dropdown-menu > li > a:hover { background:#303b3f; color:#e9eff1; }
.d90x-bans #content .d90x-banlist .d90x-ban-bulk { display:flow-root; padding:17px 22px; border-top:1px solid #343d40; }
.d90x-bans .d90x-banlist .d90x-ban-bulk > .col-sm-12 { display:flex; align-items:center; flex-wrap:wrap; gap:12px; width:100%; padding:0; }
.d90x-bans .d90x-banlist .d90x-ban-bulk > .col-sm-12 > div { float:none; width:auto; max-width:100%; }
.d90x-bans .d90x-banlist .d90x-ban-bulk > .col-sm-12 > div:first-child { min-width:140px; }
.d90x-bans .d90x-banlist .d90x-ban-bulk > .col-sm-12 > div:last-child { margin-left:auto; }
.d90x-bans .d90x-banlist .btn { border-color:#343d40; border-radius:5px; background:#283236; color:#dae5e8; box-shadow:none; }
.d90x-bans .d90x-banlist .btn:hover { background:#354247; color:#edf4f4; }
.d90x-bans .d90x-banlist-editor .tv-comments { padding:18px 22px; }
.d90x-bans .d90x-banlist-editor .tvc-lists { margin:0; padding:0; background:transparent; }
.d90x-bans .d90x-banlist-editor .tvc-lists > li { border-color:#343d40; background:transparent; color:#dae5e8; }
@media(max-width:1000px) {
    .d90x-bans .d90x-banlist .d90x-ban-fields { grid-template-columns:1fr; }
    .d90x-bans .d90x-banlist .d90x-ban-fields > .form-group { grid-template-columns:145px minmax(0,1fr); }
}
@media(max-width:767px) {
    .d90x-bans .d90x-banlist .d90x-ban-details { width:calc(100vw - 46px); max-width:100%; }
    @supports(width:1cqw) {
        .d90x-bans .d90x-banlist .d90x-ban-details { width:100cqw; }
    }
}
@media(max-width:600px) {
    .d90x-bans #content .d90x-banlist > .d90x-banlist-toolbar { gap:12px; padding:16px; }
    .d90x-bans .d90x-banlist .d90x-banlist-toolbar .actions { width:100%; }
    .d90x-bans .d90x-banlist .d90x-ban-table { min-width:620px; }
    .d90x-bans .d90x-banlist .d90x-ban-table > thead > tr > th,.d90x-bans .d90x-banlist .d90x-ban-table > tbody > tr.opener > td { padding-left:12px; padding-right:12px; }
    .d90x-bans #content .d90x-banlist .d90x-ban-details > .d90x-ban-detail-heading { padding:15px 16px; }
    .d90x-bans #content .d90x-banlist .d90x-ban-detail-body { padding:5px 16px 16px; }
    .d90x-bans .d90x-banlist .d90x-ban-fields > .form-group { grid-template-columns:130px minmax(0,1fr); gap:10px; }
    .d90x-bans #content .d90x-banlist .d90x-ban-bulk { padding:15px 16px; }
    .d90x-bans .d90x-banlist .d90x-ban-bulk > .col-sm-12 > div:last-child { margin-left:0; }
    .d90x-bans .d90x-banlist-editor .tv-comments { padding:16px; }
}

/* Details v2: a case summary followed by independent, labelled groups. */
.d90x-bans #content .d90x-banlist .d90x-ban-detail-body { padding:22px; }
.d90x-bans .d90x-banlist .d90x-case-content { min-width:0; color:#dae5e8; white-space:normal; }
.d90x-bans .d90x-banlist .d90x-case-summary { display:flex; align-items:flex-start; justify-content:space-between; flex-wrap:wrap; gap:18px 24px; padding:20px; border:1px solid #3e4649; border-left:3px solid #d99582; border-radius:8px; background:#1e2326; }
.d90x-bans .d90x-banlist .d90x-case-summary-main { flex:1 1 0; min-width:0; }
.d90x-bans .d90x-banlist .d90x-case-eyebrow { display:block; color:#a6bac1; font-size:10px; font-weight:600; line-height:1.5; letter-spacing:.045em; text-transform:uppercase; }
.d90x-bans .d90x-banlist .d90x-case-reason { margin:7px 0 0; color:#eff3f4; font-size:19px; font-weight:650; line-height:1.45; overflow-wrap:anywhere; }
.d90x-bans .d90x-banlist .d90x-case-current { flex:0 0 auto; min-width:100px; }
.d90x-bans .d90x-banlist .d90x-case-badge { display:inline-flex; align-items:center; margin-top:7px; padding:5px 11px; border:1px solid #765046; border-radius:5px; background:#3b2b2a; color:#edb0a0; font-size:12px; font-weight:650; line-height:1.5; }
.d90x-bans .d90x-banlist .d90x-case-badge-ended { border-color:#46545a; background:#263136; color:#bed0d7; }
.d90x-bans .d90x-banlist .d90x-case-person { display:flex; align-items:center; flex-wrap:wrap; gap:14px 20px; margin:0 0 20px; padding:21px 2px; border-bottom:1px solid #343d40; }
.d90x-bans .d90x-banlist .d90x-case-player { min-width:0; }
.d90x-bans .d90x-banlist .d90x-case-player strong { display:block; margin-top:3px; color:#e9eff1; font-size:19px; font-weight:650; line-height:1.5; overflow-wrap:anywhere; }
.d90x-bans .d90x-banlist .d90x-case-player i { color:#a6bac1; font-size:14px; font-style:normal; }
.d90x-bans .d90x-banlist .d90x-case-person > .d90x-ban-stats-link { padding:6px 12px; border:1px solid #465c57; border-radius:5px; background:#202c29; color:#b5d8cc; font-size:12px; text-decoration:none; }
.d90x-bans .d90x-banlist .d90x-case-person > .d90x-ban-stats-link:hover { border-color:#7eaa9c; background:#293a34; color:#d7e9e3; }
.d90x-bans .d90x-banlist .d90x-case-server { min-width:0; max-width:50%; margin-left:auto; color:#dae5e8; font-size:12px; line-height:1.7; text-align:right; overflow-wrap:anywhere; }
.d90x-bans .d90x-banlist .d90x-case-server > span { display:block; color:#a6bac1; font-size:10px; }
.d90x-bans .d90x-banlist .d90x-case-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr)); gap:16px; }
.d90x-bans .d90x-banlist .d90x-case-card { min-width:0; padding:18px 20px; border:1px solid #343d40; border-radius:8px; background:#191e20; }
.d90x-bans #content .d90x-banlist .d90x-case-card h3,.d90x-bans #content .d90x-banlist .d90x-case-history h3 { margin:0 0 13px; padding:0; color:#dae5e8; font-size:13px; font-weight:650; line-height:1.6; }
.d90x-bans .d90x-banlist .d90x-case-data { margin:0; padding:0; }
.d90x-bans .d90x-banlist .d90x-case-field { display:grid; grid-template-columns:145px minmax(0,1fr); gap:12px; min-width:0; padding:8px 0; border:0; }
.d90x-bans .d90x-banlist .d90x-case-field > dt { margin:0; padding:0; color:#a6bac1; font-size:11px; font-weight:400; line-height:1.7; }
.d90x-bans .d90x-banlist .d90x-case-field > dd.col-sm-8 { float:none; width:auto; min-width:0; margin:0; padding:0; color:#dae5e8; font-size:12px; line-height:1.7; overflow-wrap:anywhere; }
.d90x-bans .d90x-banlist .d90x-case-data i { color:#8fa2aa; font-style:normal; }
.d90x-bans .d90x-banlist .d90x-case-removal-note { flex-basis:100%; min-width:0; margin:0; padding-top:13px; border-top:1px solid #3e4649; font-size:12px; line-height:1.7; overflow-wrap:anywhere; }
.d90x-bans .d90x-banlist .d90x-case-removal-note > span { display:block; margin-bottom:4px; color:#a6bac1; font-size:11px; }
.d90x-bans .d90x-banlist .d90x-case-removal-note i { color:#8fa2aa; font-style:normal; }
.d90x-bans .d90x-banlist .d90x-case-contact { margin-top:13px; padding-top:13px; border-top:1px solid #343d40; }
.d90x-bans .d90x-banlist .d90x-case-contact > summary { color:#9ed0c1; font-size:11px; cursor:pointer; }
.d90x-bans .d90x-banlist .d90x-case-identity > summary,.d90x-bans .d90x-banlist .d90x-case-contact > summary { display:flex; align-items:center; justify-content:space-between; gap:12px; list-style:none; }
.d90x-bans .d90x-banlist .d90x-case-identity > summary::after,.d90x-bans .d90x-banlist .d90x-case-contact > summary::after { content:'Показать'; flex:0 0 auto; margin-left:auto; color:#9ed0c1; font-size:11px; font-weight:500; white-space:nowrap; }
.d90x-bans .d90x-banlist .d90x-case-identity[open] > summary::after,.d90x-bans .d90x-banlist .d90x-case-contact[open] > summary::after { content:'Скрыть'; }
.d90x-bans .d90x-banlist .d90x-case-contact > .d90x-case-data { padding-top:8px; }
.d90x-bans .d90x-banlist .d90x-case-contact address { margin:0; font-style:normal; }
.d90x-bans .d90x-banlist .d90x-case-identity { min-width:0; margin-top:18px; padding:0 18px; border:1px solid #343d40; border-radius:7px; background:#171c1e; }
.d90x-bans .d90x-banlist .d90x-case-identity > summary { padding:14px 0; color:#a6bac1; font-size:12px; font-weight:500; cursor:pointer; }
.d90x-bans .d90x-banlist .d90x-case-identity[open] > summary { margin-bottom:5px; border-bottom:1px solid #343d40; }
.d90x-bans .d90x-banlist .d90x-case-identity > .d90x-case-data { padding-bottom:13px; }
.d90x-bans .d90x-banlist .d90x-case-identity .d90x-case-field > dd { font-variant-numeric:tabular-nums; }
.d90x-bans .d90x-banlist .d90x-case-history { margin-top:21px; padding:0 2px; }
.d90x-bans .d90x-banlist .d90x-case-history .d90x-case-field { padding:5px 0; }
.d90x-bans .d90x-banlist .d90x-case-identity > summary:focus-visible,.d90x-bans .d90x-banlist .d90x-case-contact > summary:focus-visible { outline:2px solid #9ed0c1; outline-offset:3px; }
@media(max-width:1000px) {
    .d90x-bans .d90x-banlist .d90x-case-field { grid-template-columns:125px minmax(0,1fr); }
}
@media(max-width:767px) {
    .d90x-bans #content .d90x-banlist .d90x-ban-detail-body { padding:16px; }
    .d90x-bans .d90x-banlist .d90x-case-summary { flex-direction:column; gap:16px; padding:17px; }
    .d90x-bans .d90x-banlist .d90x-case-summary-main { flex:none; width:100%; }
    .d90x-bans .d90x-banlist .d90x-case-removal-note { flex-basis:auto; width:100%; }
    .d90x-bans .d90x-banlist .d90x-case-current { display:flex; align-items:center; flex-wrap:wrap; gap:10px; }
    .d90x-bans .d90x-banlist .d90x-case-current .d90x-case-badge { margin:0; }
    .d90x-bans .d90x-banlist .d90x-case-reason { font-size:17px; }
    .d90x-bans .d90x-banlist .d90x-case-person { gap:12px; padding:18px 1px; }
    .d90x-bans .d90x-banlist .d90x-case-player { width:100%; }
    .d90x-bans .d90x-banlist .d90x-case-player strong { font-size:18px; }
    .d90x-bans .d90x-banlist .d90x-case-server { width:100%; max-width:100%; margin-left:0; text-align:left; }
    .d90x-bans .d90x-banlist .d90x-case-grid { grid-template-columns:1fr; gap:12px; }
    .d90x-bans .d90x-banlist .d90x-case-card { padding:16px; }
    .d90x-bans .d90x-banlist .d90x-case-field { grid-template-columns:110px minmax(0,1fr); gap:10px; }
    .d90x-bans .d90x-banlist .d90x-case-identity { padding:0 16px; }
}
