/* ===== RCS_IM_RECORDS_MOBILE_OVERFLOW_FIX_V1_START ===== */

@media (max-width: 640px) {
  .channel-page {
    --sms-rcs-im-records-mobile-fix-v1: 1;
  }

  .channel-page .records-panel {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
  }

  .channel-page .records-head {
    width: 100% !important;
    min-width: 0 !important;
    gap: 10px !important;
    flex-wrap: wrap !important;
  }

  .channel-page .records-head h2 {
    min-width: 0 !important;
    overflow-wrap: anywhere !important;
  }

  .channel-page .records-panel table {
    display: table !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    table-layout: fixed !important;
    border-collapse: collapse !important;
    box-sizing: border-box !important;
  }

  .channel-page .records-panel thead th {
    width: 20% !important;
  }

  .channel-page .records-panel th,
  .channel-page .records-panel td {
    min-width: 0 !important;
    max-width: none !important;
    padding: 10px 4px !important;
    box-sizing: border-box !important;
    vertical-align: middle !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    word-break: break-word !important;
    text-overflow: clip !important;
    font-size: 12px !important;
    line-height: 1.4 !important;
  }

  .channel-page .records-panel th {
    text-align: center !important;
    font-weight: 800 !important;
  }

  .channel-page .records-panel td {
    text-align: center !important;
  }

  .channel-page .records-panel td[colspan="5"],
  .channel-page .records-panel .empty {
    width: auto !important;
    padding: 24px 4px !important;
    text-align: center !important;
    white-space: normal !important;
  }

  .channel-page .records-panel button,
  .channel-page .records-panel a {
    max-width: 100% !important;
    box-sizing: border-box !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
  }
}

@media (max-width: 380px) {
  .channel-page .records-panel {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }

  .channel-page .records-panel th,
  .channel-page .records-panel td {
    padding: 9px 2px !important;
    font-size: 11px !important;
    line-height: 1.35 !important;
  }

  .channel-page .records-panel td[colspan="5"],
  .channel-page .records-panel .empty {
    padding: 22px 3px !important;
    font-size: 12px !important;
  }
}

/* ===== RCS_IM_RECORDS_MOBILE_OVERFLOW_FIX_V1_END ===== */