/* ===== SMS_API_PARTNER_MOBILE_FIX_V1_START ===== */

@media (max-width: 760px) {
  html.sms-three-mobile-page,
  html.sms-three-mobile-page body {
    width: 100%;
    max-width: 100%;
    overflow-x: hidden !important;
  }

  html.sms-three-mobile-page .content {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    overflow-x: hidden !important;
    box-sizing: border-box !important;
  }

  /* API Key 与 API 回调外层 */
  html.sms-api-mobile-page
  :is(.api-keys-page, .api-webhooks-page) {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    gap: 14px !important;
    overflow: visible !important;
    box-sizing: border-box !important;
  }

  html.sms-api-mobile-page
  :is(.api-keys-page, .api-webhooks-page)
  .page-head {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    gap: 10px !important;
    align-items: center !important;
    box-sizing: border-box !important;
  }

  html.sms-api-mobile-page
  :is(.api-keys-page, .api-webhooks-page)
  .page-head h1 {
    width: auto !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    font-size: 24px !important;
    line-height: 1.25 !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    box-sizing: border-box !important;
  }

  html.sms-api-mobile-page
  :is(.api-keys-page, .api-webhooks-page)
  .page-head .btn {
    min-width: 68px !important;
    max-width: 90px !important;
    height: 42px !important;
    padding: 0 12px !important;
    margin: 0 !important;
    white-space: nowrap !important;
    box-sizing: border-box !important;
  }

  html.sms-api-mobile-page
  :is(.api-keys-page, .api-webhooks-page)
  .card {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    padding: 12px !important;
    overflow: hidden !important;
    border-radius: 14px !important;
    box-sizing: border-box !important;
  }

  /* API 两页表格转换为纵向信息卡片 */
  html.sms-api-mobile-page
  :is(.api-keys-page, .api-webhooks-page)
  table {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    table-layout: auto !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
    overflow: visible !important;
    box-sizing: border-box !important;
  }

  html.sms-api-mobile-page
  :is(.api-keys-page, .api-webhooks-page)
  table thead {
    display: none !important;
  }

  html.sms-api-mobile-page
  :is(.api-keys-page, .api-webhooks-page)
  table tbody {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }

  html.sms-api-mobile-page
  :is(.api-keys-page, .api-webhooks-page)
  table tbody tr {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 0 12px !important;
    border: 1px solid #dce7f6 !important;
    border-radius: 12px !important;
    background: #ffffff !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
  }

  html.sms-api-mobile-page
  :is(.api-keys-page, .api-webhooks-page)
  table tbody tr:last-child {
    margin-bottom: 0 !important;
  }

  html.sms-api-mobile-page
  :is(.api-keys-page, .api-webhooks-page)
  table tbody td:not([data-sms-three-empty='1']) {
    display: flex !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    min-height: 46px !important;
    height: auto !important;
    padding: 10px 12px !important;
    gap: 12px !important;
    align-items: flex-start !important;
    justify-content: space-between !important;
    border: 0 !important;
    border-bottom: 1px solid #e5edf7 !important;
    background: #ffffff !important;
    color: #07142f !important;
    text-align: right !important;
    white-space: normal !important;
    overflow: visible !important;
    overflow-wrap: anywhere !important;
    word-break: break-word !important;
    box-sizing: border-box !important;
  }

  html.sms-api-mobile-page
  :is(.api-keys-page, .api-webhooks-page)
  table tbody td:not([data-sms-three-empty='1'])::before {
    content: attr(data-sms-three-label);
    flex: 0 0 38%;
    max-width: 38%;
    color: #64748b !important;
    font-weight: 900 !important;
    line-height: 1.45 !important;
    text-align: left !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    word-break: break-word !important;
  }

  html.sms-api-mobile-page
  :is(.api-keys-page, .api-webhooks-page)
  table tbody td:not([data-sms-three-empty='1']):last-child {
    border-bottom: 0 !important;
  }

  html.sms-api-mobile-page
  :is(.api-keys-page, .api-webhooks-page)
  table tbody td:not([data-sms-three-empty='1']) > * {
    max-width: 58% !important;
    min-width: 0 !important;
    overflow-wrap: anywhere !important;
    word-break: break-word !important;
  }

  html.sms-api-mobile-page
  :is(.api-keys-page, .api-webhooks-page)
  :is(.mono, .url-cell) {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    word-break: break-all !important;
  }

  html.sms-api-mobile-page
  :is(.api-keys-page, .api-webhooks-page)
  table tbody td[data-sms-three-empty='1'] {
    display: flex !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    min-height: 100px !important;
    height: auto !important;
    padding: 32px 12px !important;
    align-items: center !important;
    justify-content: center !important;
    border: 0 !important;
    background: #ffffff !important;
    color: #64748b !important;
    text-align: center !important;
    white-space: normal !important;
    overflow: visible !important;
    overflow-wrap: anywhere !important;
    word-break: break-word !important;
    box-sizing: border-box !important;
  }

  /* 合作伙伴页面整体宽度 */
  html.sms-partner-withdraw-mobile-page .partner-page {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    padding: 16px 0 30px !important;
    overflow-x: hidden !important;
    box-sizing: border-box !important;
  }

  html.sms-partner-withdraw-mobile-page
  :is(
    .partner-hero,
    .partner-grid,
    .partner-card,
    .withdraw-card
  ) {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
  }

  html.sms-partner-withdraw-mobile-page .partner-hero {
    display: flex !important;
    flex-direction: column !important;
    gap: 16px !important;
    overflow: hidden !important;
  }

  html.sms-partner-withdraw-mobile-page .hero-commission {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
  }

  html.sms-partner-withdraw-mobile-page .partner-grid {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
  }

  html.sms-partner-withdraw-mobile-page .partner-card {
    overflow: hidden !important;
  }

  html.sms-partner-withdraw-mobile-page
  :is(.card-head, .table-head) {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    gap: 12px !important;
    box-sizing: border-box !important;
  }

  html.sms-partner-withdraw-mobile-page
  .card-head > div {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }

  html.sms-partner-withdraw-mobile-page
  :is(.card-head h2, .card-head p) {
    max-width: 100% !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    word-break: break-word !important;
  }

  html.sms-partner-withdraw-mobile-page .partner-link-box {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
  }

  html.sms-partner-withdraw-mobile-page
  .partner-link-box input {
    min-width: 0 !important;
  }

  html.sms-partner-withdraw-mobile-page .withdraw-grid {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    gap: 12px !important;
    box-sizing: border-box !important;
  }

  html.sms-partner-withdraw-mobile-page .withdraw-field {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
  }

  html.sms-partner-withdraw-mobile-page
  .withdraw-field :is(input, select) {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
  }

  /* 我的提现记录外框 */
  html.sms-partner-withdraw-mobile-page
  .partner-table-wrap:has(.withdrawal-table) {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
  }

  html.sms-partner-withdraw-mobile-page
  table.withdrawal-table {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    table-layout: auto !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
    overflow: visible !important;
    box-sizing: border-box !important;
  }

  html.sms-partner-withdraw-mobile-page
  table.withdrawal-table thead {
    display: none !important;
  }

  html.sms-partner-withdraw-mobile-page
  table.withdrawal-table tbody {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }

  html.sms-partner-withdraw-mobile-page
  table.withdrawal-table tbody tr {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 0 12px !important;
    border: 1px solid #dce5f2 !important;
    border-radius: 12px !important;
    background: #ffffff !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
  }

  html.sms-partner-withdraw-mobile-page
  table.withdrawal-table tbody tr:last-child {
    margin-bottom: 0 !important;
  }

  html.sms-partner-withdraw-mobile-page
  table.withdrawal-table
  tbody td:not([data-sms-three-empty='1']) {
    display: flex !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    min-height: 46px !important;
    height: auto !important;
    padding: 10px 12px !important;
    gap: 12px !important;
    align-items: flex-start !important;
    justify-content: space-between !important;
    border: 0 !important;
    border-bottom: 1px solid #e5edf7 !important;
    background: #ffffff !important;
    color: #334155 !important;
    text-align: right !important;
    white-space: normal !important;
    overflow: visible !important;
    overflow-wrap: anywhere !important;
    word-break: break-word !important;
    box-sizing: border-box !important;
  }

  html.sms-partner-withdraw-mobile-page
  table.withdrawal-table
  tbody td:not([data-sms-three-empty='1'])::before {
    content: attr(data-sms-three-label);
    flex: 0 0 40%;
    max-width: 40%;
    color: #64748b !important;
    font-weight: 900 !important;
    line-height: 1.45 !important;
    text-align: left !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    word-break: break-word !important;
  }

  html.sms-partner-withdraw-mobile-page
  table.withdrawal-table
  tbody td:not([data-sms-three-empty='1']):last-child {
    border-bottom: 0 !important;
  }

  html.sms-partner-withdraw-mobile-page
  table.withdrawal-table
  tbody td:not([data-sms-three-empty='1']) > * {
    max-width: 56% !important;
    min-width: 0 !important;
    overflow-wrap: anywhere !important;
    word-break: break-word !important;
  }

  html.sms-partner-withdraw-mobile-page
  table.withdrawal-table .withdraw-address {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    word-break: break-all !important;
  }

  html.sms-partner-withdraw-mobile-page
  table.withdrawal-table .withdraw-status {
    max-width: 56% !important;
    white-space: normal !important;
    text-align: center !important;
    overflow-wrap: anywhere !important;
    word-break: break-word !important;
  }

  html.sms-partner-withdraw-mobile-page
  table.withdrawal-table
  tbody td[data-sms-three-empty='1'] {
    display: flex !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    min-height: 150px !important;
    height: auto !important;
    padding: 34px 12px !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    border: 0 !important;
    background: #ffffff !important;
    color: #64748b !important;
    text-align: center !important;
    white-space: normal !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
  }

  html.sms-partner-withdraw-mobile-page
  table.withdrawal-table
  tbody td[data-sms-three-empty='1'] > * {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin-left: auto !important;
    margin-right: auto !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    word-break: break-word !important;
    text-align: center !important;
    box-sizing: border-box !important;
  }

  html.sms-three-mobile-page
  :is(
    #chat-widget,
    #customer-service,
    .chat-widget,
    .chat-float,
    .float-chat,
    .customer-service,
    [class*='chat-widget'],
    [class*='chat-float'],
    [class*='customer-service']
  ) {
    display: none !important;
  }
}

/* ===== SMS_API_PARTNER_MOBILE_FIX_V1_END ===== */