/* Responsive compatibility layer for the deployed frontend bundle.
 * Keep data tables scrollable; never hide overflowing business content. */
.layout-container { height: 100dvh; }
.main-content { min-height: 0; overscroll-behavior: contain; }
.content-inner, .page-content, .header-content > *, .arco-card-body { min-width: 0; }
.page-title, .page-subtitle, .arco-form-item-extra, .arco-alert-content,
.ticket-content, .reply-content, .client-all-ip-address { overflow-wrap: anywhere; }
.arco-modal { max-width: calc(100vw - 24px); max-height: calc(100vh - 24px); max-height: calc(100dvh - 24px); display: inline-flex; flex-direction: column; }
.arco-modal-header, .arco-modal-footer { flex-shrink: 0; }
.arco-modal-body { min-height: 0; overflow-y: auto; overflow-wrap: anywhere; }
.arco-drawer { max-width: 100vw; }
.arco-pagination { flex-wrap: wrap; gap: 8px 0; max-width: 100%; }
body .arco-pagination-list { display: flex; flex-wrap: wrap; max-width: 100%; min-width: 0; }
.editor-toolbar { flex-wrap: wrap; gap: 8px; }
.editor-toolbar .arco-radio-group-button { flex-shrink: 0; }
.usdt-recharge-settings-page .arco-space-horizontal { flex-wrap: wrap; row-gap: 8px; max-width: 100%; }
.usdt-recharge-settings-page div.wallet-row { display: flex; flex-wrap: wrap; }
.usdt-recharge-settings-page div.wallet-row > * { max-width: 100%; min-width: 0; }
@media (max-width: 1023px) {
  /* Give portrait tablets the same accessible navigation drawer as phones. */
  .sidebar-wrapper[data-v-6597c3cb] { display: none; }
  .mobile-menu-btn[data-v-3e098981] { display: flex; }
  .header-content[data-v-14d76f87] { flex-wrap: wrap; }
  .header-actions[data-v-14d76f87] { max-width: 100%; }
}
@media (max-width: 640px) {
  .arco-modal { margin: 12px auto; }
  .arco-modal-header, .arco-modal-body, .arco-modal-footer { padding-left: 16px; padding-right: 16px; }
  .arco-modal-title { white-space: normal; overflow-wrap: anywhere; }
  .arco-modal-footer { display: flex; justify-content: flex-end; flex-wrap: wrap; gap: 8px; }
  .arco-modal-footer .arco-btn + .arco-btn { margin-left: 0; }
  .arco-form-item-label-col, .arco-form-item-wrapper-col { min-width: 0; }
  .arco-form-item-label { white-space: normal; }
  .arco-pagination { justify-content: center; }
  .arco-pagination-list { justify-content: center; }
  .arco-pagination-total { flex-basis: 100%; margin-right: 0; text-align: center; }
  .arco-pagination-jumper, .arco-pagination-options { margin-left: 8px; }
  .usdt-recharge-settings-page div.wallet-row > .arco-input-wrapper { flex-basis: 100%; }
  .notification-header[data-v-3e098981], .ticket-item[data-v-3e098981] { width: min(320px, calc(100vw - 48px)); min-width: 0; }
  .arco-message { max-width: calc(100vw - 24px); }
  .arco-message-content { overflow-wrap: anywhere; }
}

@media (max-width: 640px) {
  .ip-policy-page .arco-space-horizontal { flex-wrap: wrap; gap: 8px 0; max-width: 100%; }
  .usdt-recharge-settings-page .arco-col-8 { width: 100%; max-width: 100%; flex: 0 0 100%; }
  .usdt-recharge-settings-page div.wallet-row > .arco-input-number { flex-basis: 90px; }
}

.client-instance-heading { gap: 8px; }
.client-instance-heading > div { min-width: 0; overflow-wrap: anywhere; }
.client-instance-heading > .status-badge { flex-shrink: 0; }
.arco-table-pagination { flex-wrap: wrap; max-width: 100%; }
.arco-table-pagination .arco-pagination { min-width: 0; }

@media (max-width: 640px) {
  body .arco-descriptions.arco-descriptions-layout-horizontal .arco-descriptions-table,
  body .arco-descriptions.arco-descriptions-layout-horizontal .arco-descriptions-table > tbody { display: block; width: 100%; }
  body .arco-descriptions.arco-descriptions-layout-horizontal .arco-descriptions-row { display: grid; grid-template-columns: minmax(0, 38%) minmax(0, 62%); }
  body .arco-descriptions.arco-descriptions-layout-horizontal .arco-descriptions-item-label-block,
  body .arco-descriptions.arco-descriptions-layout-horizontal .arco-descriptions-item-value-block { width: auto !important; min-width: 0; padding: 8px; white-space: normal; overflow-wrap: anywhere; }
}

body .usdt-recharge-settings-page .arco-card-header { height: auto; min-height: 46px; padding-top: 12px; padding-bottom: 12px; flex-wrap: wrap; gap: 8px; }
body .usdt-recharge-settings-page .arco-card-header-title { flex: 1 1 150px; }
body .usdt-recharge-settings-page .arco-card-header-extra { flex: 0 1 auto; max-width: 100%; margin-left: 0; }

@media (max-width: 640px) {
  .content-inner .arco-card .arco-card-header,
  .arco-modal .arco-card .arco-card-header { height: auto; min-height: 46px; flex-wrap: wrap; gap: 8px; }
  .content-inner .arco-card-header-extra,
  .arco-modal .arco-card-header-extra { max-width: 100%; white-space: normal; }
  .content-inner .arco-card-header-extra .arco-space-horizontal,
  .arco-modal .arco-card-header-extra .arco-space-horizontal { flex-wrap: wrap; row-gap: 8px; }
}

/* Mobile ticket pages use one native vertical scroller. Fixed-height overflow
 * ancestors can retain a displaced scroll position after the iOS keyboard or
 * browser toolbar changes the visual viewport. Keep table X scrolling local. */
@media (max-width: 1023px), (max-width: 1366px) and (pointer: coarse) {
  body .layout-container:has(.ticket-list-surface) {
    height: auto;
    min-height: 100vh;
    min-height: 100dvh;
    overflow: visible;
  }
  body .layout-container:has(.ticket-list-surface) > .main-wrapper {
    overflow: visible;
    min-height: 100vh;
    min-height: 100dvh;
  }
  body .layout-container:has(.ticket-list-surface) .main-content {
    flex: 1 0 auto;
    overflow: visible;
    overscroll-behavior: auto;
  }
}