/* Site-record mobile overflow fix V52. Menu contents and visual layout stay unchanged. */
.main .aside > .site_records > .records > .list > li.device_log > div > .center,
.main .aside > .site_records > .records > .list > li.file > div > .center {
  flex: 1 1 auto !important;
  width: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
  overflow: hidden !important;
}

.main .aside > .site_records > .records > .list > li.device_log > div > .center > .title,
.main .aside > .site_records > .records > .list > li.file > div > .center > .title {
  display: block !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  margin-right: 0 !important;
  overflow: hidden !important;
  white-space: normal !important;
  word-break: break-word !important;
  overflow-wrap: anywhere !important;
}

.main .aside > .site_records > .records > .list > li.device_log > div > .center > .title > span.text,
.main .aside > .site_records > .records > .list > li.file > div > .center > .title > span.text {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  margin-right: 0 !important;
  overflow: hidden !important;
  white-space: normal !important;
  word-break: break-word !important;
  overflow-wrap: anywhere !important;
}

.main .aside > .site_records > .records > .list > li.device_log > div > .right,
.main .aside > .site_records > .records > .list > li.file > div > .right {
  flex: 0 0 auto !important;
}

@media (max-width: 600px) {
  .main .aside > .site_records > .records > .list > li.device_log > div,
  .main .aside > .site_records > .records > .list > li.file > div {
    align-items: center !important;
  }
}

/* =========================================================
   V1 IP BLACKLIST / IPv6 MOBILE FIT
   Targeted only to li.blacklisted_ip records.
   Prevents long IPv6 strings from pushing under the 3-dot
   menu or outside the visible record row.
   ========================================================= */
.main .aside > .site_records > .records > .list > li.blacklisted_ip {
  box-sizing: border-box !important;
  max-width: 100% !important;
  overflow: hidden !important;
}

.main .aside > .site_records > .records > .list > li.blacklisted_ip > div {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  align-items: center !important;
  justify-content: flex-start !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
}

.main .aside > .site_records > .records > .list > li.blacklisted_ip > div > .selector {
  flex: 0 0 auto !important;
  margin-right: 8px !important;
}

.main .aside > .site_records > .records > .list > li.blacklisted_ip > div > .left {
  flex: 0 0 38px !important;
  width: 38px !important;
  min-width: 38px !important;
  max-width: 38px !important;
  margin-right: 8px !important;
}

.main .aside > .site_records > .records > .list > li.blacklisted_ip > div > .center {
  flex: 1 1 0 !important;
  width: 0 !important;
  min-width: 0 !important;
  max-width: none !important;
  padding: 0 2px 0 0 !important;
  overflow: hidden !important;
}

.main .aside > .site_records > .records > .list > li.blacklisted_ip > div > .center > .title {
  display: block !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  margin: 0 !important;
  overflow: hidden !important;
  line-height: 1.18 !important;
}

.main .aside > .site_records > .records > .list > li.blacklisted_ip > div > .center > .title > span.text {
  display: block !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  margin: 0 !important;
  overflow: hidden !important;
  white-space: nowrap !important;
  text-overflow: ellipsis !important;
  word-break: normal !important;
  overflow-wrap: normal !important;
  font-size: inherit !important;
  line-height: 1.22 !important;
}

.main .aside > .site_records > .records > .list > li.blacklisted_ip > div > .center > .subtitle {
  display: block !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  margin-top: 2px !important;
  overflow: hidden !important;
  white-space: nowrap !important;
  text-overflow: ellipsis !important;
}

.main .aside > .site_records > .records > .list > li.blacklisted_ip > div > .right {
  flex: 0 0 38px !important;
  width: 38px !important;
  min-width: 38px !important;
  max-width: 38px !important;
  margin-left: 4px !important;
  padding-left: 0 !important;
  overflow: visible !important;
}

.main .aside > .site_records > .records > .list > li.blacklisted_ip > div > .right > .options {
  box-sizing: border-box !important;
  width: 38px !important;
  min-width: 38px !important;
  padding: 8px !important;
  text-align: center !important;
}

@media (max-width: 600px) {
  .main .aside > .site_records > .records > .list > li.blacklisted_ip {
    padding-left: 8px !important;
    padding-right: 6px !important;
  }

  .main .aside > .site_records > .records > .list > li.blacklisted_ip > div > .center > .title > span.text {
    font-size: 13.5px !important;
    letter-spacing: -0.15px !important;
  }

  .main .aside > .site_records > .records > .list > li.blacklisted_ip > div > .center > .subtitle {
    font-size: 11.5px !important;
  }
}