/* 17.10 — approved targeted cleanup. Does not change global card styles. */

/* Approved uniform information-window background: #121A23. */
html body .modal.am-approved-stat-modal .modal-content,
html body .modal:has([id^="baninfo"],[id^="muteinfo"]) .modal-content {
  background:#171d28!important;
  border:1px solid #303540!important;
}
html body .modal.am-approved-stat-modal .modal-body,
html body .modal:has([id^="baninfo"],[id^="muteinfo"]) .modal-body {
  background:transparent!important;
}
html body .modal.am-approved-stat-modal .modal-header,
html body .modal:has([id^="baninfo"],[id^="muteinfo"]) .modal-header {
  background:linear-gradient(105deg,#222933,#181d26 45%,#141820 100%)!important;
  border-bottom:1px solid #333b46!important;
}
html body .modal.am-approved-stat-modal table.table,
html body .modal:has([id^="baninfo"],[id^="muteinfo"]) table.table {
  background:transparent!important;
  border-color:#303540!important;
}
html body .modal.am-approved-stat-modal table.table td,
html body .modal.am-approved-stat-modal table.table th,
html body .modal:has([id^="baninfo"],[id^="muteinfo"]) table.table td,
html body .modal:has([id^="baninfo"],[id^="muteinfo"]) table.table th {
  background:#171d28!important;
  border-color:#303540!important;
}
html body .modal.am-approved-stat-modal table.table tr>td:first-child:not([colspan]),
html body .modal:has([id^="baninfo"],[id^="muteinfo"]) table.table tr>td:first-child:not([colspan]) {
  background:linear-gradient(110deg,rgba(99,122,141,.14),rgba(99,122,141,.06) 36%,transparent),#171d28!important;
}
html body .modal.am-approved-stat-modal table.table tr>td[colspan],
html body .modal:has([id^="baninfo"],[id^="muteinfo"]) table.table tr>td[colspan] {
  background:linear-gradient(110deg,#27303e,#171d28)!important;
}

/* Player stats: move permission-controlled delete action under the right detail table.
   Do not hide the unrelated reset action if the server provides it. */
html body .modal.am-approved-stat-modal .am-stats-info-row > .am-stats-right-column {
  display:flex!important;
  flex-direction:column!important;
  min-width:0;
}
html body .modal.am-approved-stat-modal .am-stats-right-column > .am-stats-delete-action {
  display:flex!important;
  justify-content:flex-end!important;
  margin:auto 0 0!important;
  padding:16px 0 0!important;
}
html body .modal.am-approved-stat-modal .am-stats-right-column > .am-stats-delete-action button {
  max-width:100%;
}
@media(max-width:991.98px) {
  html body .modal.am-approved-stat-modal .am-stats-right-column > .am-stats-delete-action { margin:0!important;padding-top:12px!important; }
}

/* Profile wall only: a single continuous compose surface. TinyMCE statusbar,
   edit-area, iframe and the outer editor are unified. Toolbar stays separate. */
html body .profile-page .profile-wall #add_new_comments :is(
  .mce-tinymce,.tox-tinymce,.mce-container-body,.mce-edit-area,
  .tox-edit-area,.mce-statusbar,.tox-statusbar
),
html body .profile-page .profile-wall #add_new_comments :is(
  .mce-edit-area,.tox-edit-area
) iframe {
  background:#101b28!important;
  background-image:none!important;
  box-shadow:none!important;
}
html body .profile-page .profile-wall #add_new_comments :is(.mce-statusbar,.tox-statusbar) {
  border-top:0!important;
  background:#101b28!important;
  background-image:none!important;
  box-shadow:none!important;
}
/* The toolbar must retain its own lighter shade and editing controls. */
html body .profile-page .profile-wall #add_new_comments :is(
  .mce-toolbar-grp,.tox-editor-header,.tox-toolbar,.tox-toolbar__primary
) {
  background:#202e3b!important;
  border-color:#3c4d5b!important;
}

/* Two legacy stats cards have 30px padding around a separately inset heading.
   On mobile the previous -12px side margin left an orphan glowing strip below.
   Extend the ACTUAL heading to its containing card edges; never paint an
   independent 60px gradient on the card itself. Match-statistics is untouched. */
@media(max-width:991.98px) {
  html body .wapper .content .block.stats-main-card:not(#am-content) {
    background-image:none!important;
    background-size:auto!important;
    background-repeat:no-repeat!important;
    overflow:hidden!important;
  }
  html body .wapper .content .block.stats-main-card:not(#am-content) > .block_head {
    box-sizing:border-box!important;
    position:relative!important;
    left:auto!important;
    top:auto!important;
    transform:none!important;
    width:calc(100% + 60px)!important;
    max-width:none!important;
    min-height:54px!important;
    height:auto!important;
    margin:-30px -30px 20px!important;
    padding:12px 16px!important;
    background:radial-gradient(ellipse 38% 115% at 30% 45%,rgba(175,222,252,.25),rgba(72,139,194,.10) 50%,transparent 100%),linear-gradient(90deg,rgba(25,43,63,.36),rgba(12,20,31,.12))!important;
    border-bottom:1px solid rgba(95,139,168,.20)!important;
    box-shadow:none!important;
  }
}
