/* Only editable expiry fields in ban/mute details. No calendar/date logic changes. */
html body .modal input.form-control:is([id^="ban_end_input"],[id^="mute_end_input"]) {
  background-color:#141a24!important;
  background-image:none!important;
  border-color:#465363!important;
  color:#d9dfe6!important;
  -webkit-text-fill-color:#d9dfe6!important;
  border-radius:8px!important;
  box-shadow:none!important;
}
html body .modal input.form-control:is([id^="ban_end_input"],[id^="mute_end_input"]):focus {
  background-color:#161c26!important;
  border-color:#8faab9!important;
  box-shadow:0 0 0 2px rgba(143,170,185,.15)!important;
}

/* Match the mobile profile's 23px cells / 20px icons, in the match hub and
   tournament details too. Profile and all desktop geometry stay untouched. */
@media(max-width:650px) {
  html body .wapper .content .automix details.gma-match[class] .gma-timeline {
    display:flex!important;justify-content:flex-start!important;align-items:flex-start!important;
    gap:1px!important;padding:0 4px 5px!important;min-height:84px!important;
    overflow-x:auto!important;
  }
  html body .wapper .content .automix details.gma-match[class] .gma-timeline::before {
    left:4px!important;right:auto!important;top:32px!important;height:1px!important;
    width:max(calc(100% - 8px),calc(var(--am-mobile-timeline-events,0) * 24px + var(--am-mobile-timeline-dividers,0) * 23px - 1px))!important;
  }
  html body .wapper .content .automix details.gma-match[class] .gma-timeline .gma-event {
    flex:0 0 23px!important;min-width:23px!important;width:23px!important;height:68px!important;
    font-size:9px!important;
  }
  html body .wapper .content .automix details.gma-match[class] .gma-timeline .gma-event i {
    left:1.5px!important;width:20px!important;height:20px!important;
    font-size:11px!important;line-height:20px!important;
  }
  html body .wapper .content .automix details.gma-match[class] .gma-timeline .gma-event:is(.team-a,.team-t) i {top:0!important}
  html body .wapper .content .automix details.gma-match[class] .gma-timeline .gma-event:is(.team-b,.team-ct) i {top:47px!important}
  html body .wapper .content .automix details.gma-match[class] .gma-timeline .gma-event em {
    top:34px!important;left:0!important;width:23px!important;margin:0!important;
    font-size:9px!important;line-height:11px!important;text-align:center!important;
  }
  html body .wapper .content .automix details.gma-match[class] .gma-timeline .gma-event.is-explosion i::before {
    width:20px!important;height:17px!important;font-size:8px!important;
  }
  html body .wapper .content .automix details.gma-match[class] .gma-timeline .gma-event:is(.is-defuse,.is-time) i::before {
    width:20px!important;height:20px!important;font-size:16px!important;line-height:20px!important;
  }
  html body .wapper .content .automix details.gma-match[class] .gma-timeline .gma-second-divider {
    flex:0 0 22px!important;min-width:22px!important;width:22px!important;height:68px!important;
    font-size:9px!important;line-height:12px!important;
  }
  html body .wapper .content .automix details.gma-match[class] .gma-timeline .gma-second-divider::before {
    top:14px!important;bottom:0!important;
  }
}