/* Shared mobile hardening for every static HTML entry. */
@media (max-width: 760px) {
  html {
    min-width: 0;
    max-width: 100%;
    text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
  }

  body {
    min-width: 0;
    max-width: 100%;
  }

  body,
  body * {
    box-sizing: border-box;
  }

  body :is(.container,.wrap,.page,.shell,.main,.content,.workspace,.layout,.panel,.card,section,.section,.box,.hero,.title,.ui-hero,.toolbar,.filters,.actions,.button-row,.btn-row,.row,.grid,.form-grid,.field-grid,.summary-grid,.stats,.table-card,.table-section,.modal-card,.dialog,.drawer,.entry-frame,.page-shell,.backend2-shell,.backend2-main,.backend-shell-page,.backend-shell-main) {
    min-width: 0;
    max-width: 100%;
  }

  body :is(img,svg,video,canvas,iframe,embed,object) {
    max-width: 100%;
  }

  body :is(input,select,textarea,button,.btn,.button,a.btn,a.button) {
    max-width: 100%;
  }

  body :is(p,li,dd,dt,span,strong,small,label,code,pre,td,th,.note,.desc,.hint,.muted,.subtitle,.status,.message,.result,.result-box,.copy-box,.codebox,.mono,.url-cell,.detail-value,.entry-address-url) {
    overflow-wrap: anywhere;
  }

  body :is(pre,.codebox,.copy-box,.log,.logs,.mono,.detail-value,.result-box) {
    white-space: pre-wrap;
    word-break: break-word;
  }

  body :is(.table-wrap,.table-wrapper,.table-scroll,.overflow-table,.backend2-table-wrap,.bag-tool-table-wrap) {
    max-width: 100%;
    overflow-x: auto;
    overflow-y: visible;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior-inline: contain;
    position: relative;
  }

  body :is(.table-wrap,.table-wrapper,.table-scroll,.overflow-table,.backend2-table-wrap,.bag-tool-table-wrap)::before {
    content: "左右滑动查看更多";
    display: block;
    position: sticky;
    left: 0;
    width: max-content;
    max-width: 100%;
    margin: 0 0 8px;
    padding: 5px 9px;
    border-radius: 999px;
    background: rgba(15, 23, 42, .72);
    color: #fff;
    font-size: 11px;
    line-height: 1.2;
    font-weight: 800;
    letter-spacing: 0;
    z-index: 4;
  }

  body :is(.table-wrap,.table-wrapper,.table-scroll,.overflow-table,.backend2-table-wrap,.bag-tool-table-wrap) > table {
    width: max-content;
    max-width: none;
  }

  body :is(.table-wrap,.table-wrapper,.table-scroll,.overflow-table,.backend2-table-wrap,.bag-tool-table-wrap) :is(th,td) {
    white-space: normal;
    overflow-wrap: anywhere;
  }

  body :is(.toolbar,.filters,.actions,.button-row,.btn-row,.row,.pager,.form-actions,.material-actions,.drop-cond-actions,.backend2-actions,.backend2-toolbar,.backend-shell-nav,.top-nav .nav-actions,.bag-tool-toolbar-left,.bag-tool-toolbar-right) {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    gap: 8px;
  }

  body :is(.toolbar,.filters,.actions,.button-row,.btn-row,.row,.pager,.form-actions,.material-actions,.drop-cond-actions,.backend2-actions,.backend2-toolbar,.backend-shell-nav,.top-nav .nav-actions) > :is(button,.btn,.button,a.btn,a.button,input[type="button"],input[type="submit"]) {
    flex: 1 1 148px;
    min-width: 0;
    white-space: normal;
    text-align: center;
    justify-content: center;
  }

  body :is(.toolbar,.filters,.row,.form-grid,.field-grid,.soft-control-grid,.quick-url-row,.background-inline) > :is(div,label,.field,.control,.form-item) {
    min-width: 0 !important;
  }

  body :is(.modal-mask,.img-preview,.mobile-sheet,.agreement-mask,.bag-tool-modal) {
    align-items: flex-start;
    overflow: auto;
    padding: max(10px, env(safe-area-inset-top)) 10px max(10px, env(safe-area-inset-bottom));
  }

  body :is(.modal-card,.dialog,.sheet,.bag-tool-dialog-inner,.agreement-panel) {
    width: min(100%, 100vw - 20px);
    max-width: calc(100vw - 20px);
    max-height: calc(100dvh - 20px);
    overflow: auto;
  }

  body :is(.modal-head,.dialog-head,.bag-tool-preview-head,.drop-cond-head,.profile-head,.backend-shell-frame-head,.backend2-card-head) {
    align-items: flex-start;
    flex-wrap: wrap;
  }

  body :is(.polish-hero-layout,.hero-grid,.profile-grid,.history-grid,.override-grid,.version-grid,.chart-grid,.summary-grid,.stats,.stat-grid,.card-grid,.panel-grid,.soft-grid,.soft-hero,.draft-studio-shell,.upload-stage,.layout,.main-grid,.content-grid,.entry-quick-grid,.entry-risk-grid,.entry-flow-grid,.material-list,.background-inline,.quick-url-row,.backend2-compose-grid,.backend2-drop-summary,.backend2-drop-lab,.backend-shell-row,.backend-shell-hero,.backend-shell-login-grid,.backend-shell-columns,.backend-shell-form-grid) {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  body :is(.hero,.title,.ui-hero,.page-hero,.entry-hero,.auth-hero,.ops-page-hero) {
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
    padding-left: 16px;
    padding-right: 16px;
  }

  body :is(.hero,.title,.ui-hero,.page-hero,.entry-hero,.auth-hero,.ops-page-hero) :is(h1,h2) {
    max-width: 100%;
    font-size: clamp(24px, 7vw, 34px);
    line-height: 1.12;
    letter-spacing: 0;
    overflow-wrap: anywhere;
  }

  body .hero-token {
    width: 100%;
    align-items: flex-start;
    flex-direction: column;
  }

  body .hero-token code {
    width: 100%;
    white-space: normal;
    word-break: break-all;
    overflow-wrap: anywhere;
  }

  body .material-list {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  body .quick-url-row input {
    min-width: 0 !important;
    flex-basis: 100%;
  }

  body .qr-wrap > div,
  body .background-inline > div,
  body .row > div {
    min-width: 0 !important;
  }

  body :is(.orb,.blob,.glow,.decor-orb) {
    display: none !important;
  }
}

@media (max-width: 560px) {
  body {
    font-size: 14px;
  }

  body :is(.container,.wrap,.page,.shell,.main,.content,.workspace,.backend2-main) {
    padding-left: 10px;
    padding-right: 10px;
  }

  body :is(.toolbar,.filters,.actions,.button-row,.btn-row,.pager,.form-actions,.material-actions,.drop-cond-actions,.backend2-actions,.backend-shell-nav) > :is(button,.btn,.button,a.btn,a.button,input[type="button"],input[type="submit"]) {
    flex-basis: 100%;
    width: 100%;
  }

  body :is(.top-nav .nav-links,.nav-links) {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  body :is(.table-wrap,.table-wrapper,.table-scroll,.overflow-table,.backend2-table-wrap,.bag-tool-table-wrap)::before {
    font-size: 10px;
  }
}

@media (max-width: 760px) {
  body.ops-clean :is(.auth-admin-shell,.auth-export-shell,.auth-bindings-shell,.auth-prefix-shell,.auth-guard-shell,.auth-logs-shell,.auth-agreements-shell,.auth-disabled-shell,.auth-abuse-shell) :is(button,.btn,.button) {
    white-space: normal;
    overflow-wrap: anywhere;
  }

  body.ops-clean :is(.auth-admin-shell,.auth-export-shell,.auth-bindings-shell,.auth-prefix-shell,.auth-guard-shell,.auth-logs-shell,.auth-agreements-shell,.auth-disabled-shell,.auth-abuse-shell) :is(.table-wrapper,.table-wrap) :is(button,.btn,.button) {
    display: block;
    width: 100%;
    margin: 4px 0 0 !important;
  }

  body.ops-clean .auth-admin-shell :is(.table-wrapper,.table-wrap) :is(input,select) {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100%;
  }

  body.ops-clean .auth-agreements-shell .modal-mask {
    align-items: flex-start;
    overflow-y: auto;
    padding: 12px;
  }

  body.ops-clean .auth-agreements-shell .modal-card {
    max-height: calc(100dvh - 24px);
    overflow: auto;
  }
}

@media (max-width: 760px) {
  body.ops-clean .ops-side-nav {
    top: 0;
    bottom: 0;
    z-index: 1600;
    padding-top: max(14px, env(safe-area-inset-top));
    padding-bottom: max(14px, env(safe-area-inset-bottom));
  }

  body.ops-clean .ops-side-panel {
    position: relative;
    z-index: 1;
  }

  body.ops-clean .ops-side-backdrop {
    z-index: 1598;
  }

  body.ops-clean .ops-side-fab {
    z-index: 1599;
  }

  body.backend2-body .backend2-aside {
    position: sticky;
    top: 0;
    z-index: 1200;
    height: auto;
    padding: 10px;
    background: rgba(248, 243, 235, .96);
    border-bottom: 1px solid rgba(52, 40, 29, .12);
    backdrop-filter: blur(14px) saturate(120%);
  }

  body.backend2-body .backend2-nav {
    position: relative;
    z-index: 1;
    max-height: 38vh;
    min-height: 0;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
  }

  body.backend2-body .backend2-nav-head {
    margin-bottom: 8px;
  }

  body.backend2-body .backend2-nav-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
  }

  body.backend2-body .backend2-nav-group {
    margin-top: 8px;
  }

  body.backend2-body .backend2-nav-group-title,
  body.backend2-body .backend2-nav-foot {
    display: none;
  }

  body.backend2-body .backend2-link {
    min-height: 44px;
  }

  body.backend2-body .backend2-main {
    padding-top: 12px;
  }

  body.backend2-body :is(.backend2-table,.backend2-item-table) {
    min-width: min(920px, 240vw);
  }
}

@media (max-width: 780px) {
  .backend-shell-topbar {
    align-items: stretch;
    flex-direction: column;
  }

  .backend-shell-nav {
    width: 100%;
    overflow-x: auto;
    flex-wrap: nowrap;
    -webkit-overflow-scrolling: touch;
  }

  .backend-shell-nav a {
    flex: 0 0 auto;
    white-space: nowrap;
  }

  .backend-shell-frame-card {
    overflow: visible;
  }

  .backend-shell-frame-card iframe,
  .backend-shell-legacy-frame {
    width: 100%;
    max-width: 100%;
  }
}