/* Chaohai shared fluid / adaptive layer — all member + admin surfaces */
html {
  max-width: 100%;
  overflow-x: clip;
}

body {
  max-width: 100%;
  overflow-x: clip;
}

img,
video,
canvas,
svg {
  max-width: 100%;
  height: auto;
}

iframe {
  width: 100%;
  max-width: 100%;
}

/* AI创作 iframe：视口填满；选品 iframe 走内容增高 + postMessage，禁止 height:100%!important */
iframe.ai-create-workbench-frame,
iframe#aiCreateWorkbenchFrame,
iframe#aiQuickCreateFrame {
  height: 100% !important;
  min-height: 0 !important;
  max-height: none !important;
}

iframe.xuanpin-workbench-frame {
  width: 100%;
  max-width: 100%;
  min-height: 760px;
  height: auto;
  border: 0;
  display: block;
}

table {
  max-width: 100%;
}

/* Prefer wrapping over horizontal page scroll */
.panel,
.card,
.view,
.content-card,
.work-panel,
.app-page,
.dashboard,
.section {
  min-width: 0;
  max-width: 100%;
}

input,
select,
textarea,
button {
  max-width: 100%;
}

/* Mid tablet: collapse common multi-column workspaces */
@media (max-width: 1200px) {
  .split,
  .tabs-grid,
  .three-columns,
  .form-grid,
  .package-grid,
  .blueprint-grid,
  .communication-grid,
  .communication-report-grid,
  .funding-grid,
  .metrics,
  .opc-entry-grid,
  .api-grid,
  .member-admin-grid,
  .config-layout,
  .publish-layout,
  .landing-hero,
  .footer,
  .agent-output-workspace,
  .workflow-layout {
    grid-template-columns: 1fr !important;
  }

  .control-fields {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 900px) {
  .control-fields,
  .status-grid,
  .overview-grid,
  .billing-summary,
  .gate-grid,
  .metrics,
  .stats-grid {
    grid-template-columns: 1fr !important;
  }

  .work-row,
  .flow-input-row,
  .composer-actions,
  .hero-actions,
  .site-actions {
    flex-direction: column !important;
    align-items: stretch !important;
  }

  .work-row > *,
  .flow-input-row > *,
  .composer-actions > * {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }

  .site-nav {
    height: auto !important;
    min-height: 56px;
    flex-wrap: wrap;
    gap: 10px !important;
    padding: 10px 4vw !important;
  }

  .site-links {
    width: 100%;
    overflow-x: auto;
    flex-wrap: nowrap !important;
    gap: 14px !important;
    padding-bottom: 4px;
    -webkit-overflow-scrolling: touch;
  }

  .site-actions {
    margin-left: 0 !important;
    width: 100%;
  }

  .page-block {
    grid-template-columns: 1fr !important;
  }

  .page-block > header,
  .page-block-head {
    border-right: none !important;
    border-bottom: 1px solid var(--ch-color-border, #dce3ed);
  }
}

@media (max-width: 760px) {
  button,
  input,
  select,
  textarea {
    min-height: 44px;
  }

  .table-wrap,
  .ledger-list,
  .audit-list,
  .registry-layout,
  .resource-groups,
  .api-catalog-list,
  #api-catalog-list {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}

@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }
}