/* V675: Force scroll override - responsive-fix.css sets overflow:hidden on html,body */
.desktop-layout html{overflow-x:auto!important;overflow-y:auto!important;height:auto!important}
.desktop-layout body{overflow-x:auto!important;overflow-y:auto!important;height:auto!important}
.desktop-layout .editor-container{overflow-y:auto!important;height:auto!important;max-height:none!important}
/* V617 responsive-desktop.css - 桌面端完整适配 + 表单布局修复 */
/* 当小程序resizable开启后，viewport变宽，这些规则自然生效 */
/* 手机端完全不受影响 - @media条件和.desktop-layout类名都不会在手机端命中 */

/* === 1. 解除750px宽度限制 === */
@media(min-width:769px){
  html{overflow-x:auto!important;overflow-y:auto!important;height:auto!important}
  body{max-width:none!important;margin:0!important;width:100%!important}
  .editor-container{max-width:none!important;margin:0!important;width:100%!important}
}
.desktop-layout body{max-width:none!important;margin:0!important;width:100%!important}
.desktop-layout .editor-container{max-width:none!important;margin:0!important;width:100%!important}

/* === 2. 固定栏全宽 - 解除居中限位 === */
@media(min-width:769px){
  .top-bar{max-width:none!important;left:0!important;transform:none!important;width:100%!important}
  .tab-bar{max-width:none!important;left:0!important;transform:none!important;width:100%!important}
  .bottom-bar{max-width:none!important;left:0!important;transform:none!important;width:100%!important}
}
.desktop-layout .top-bar{max-width:none!important;left:0!important;transform:none!important;width:100%!important}
.desktop-layout .tab-bar{max-width:none!important;left:0!important;transform:none!important;width:100%!important}
.desktop-layout .bottom-bar{max-width:none!important;left:0!important;transform:none!important;width:100%!important}
/* V705: canvas aligns with bottom-bar in desktop */
@media(min-width:769px){.canvas{max-width:none!important}}
.desktop-layout .canvas{max-width:none!important}

/* === 3. 数据表格全宽 === */
@media(min-width:769px){
  table{width:100%!important}
  .feishu_table table{width:100%!important}
  .feishu_edit table{width:100%!important}
}
.desktop-layout table{width:100%!important}
.desktop-layout .feishu_table table{width:100%!important}
.desktop-layout .feishu_edit table{width:100%!important}

/* === 4. 组件全宽 === */
@media(min-width:769px){
  .comp{width:100%!important}
}
.desktop-layout .comp{width:100%!important}

/* === 5. 筛选区桌面适配 - 加宽输入框 === */
@media(min-width:769px){
  .editor-panel select{max-width:180px!important;min-width:80px!important;font-size:13px!important;padding:3px 6px!important}
  .editor-container input[placeholder="搜索"]{width:150px!important;font-size:13px!important;padding:3px 6px!important}
  .editor-container input[type="text"]{min-width:120px!important}
}
.desktop-layout .editor-panel select{max-width:180px!important;min-width:80px!important;font-size:13px!important;padding:3px 6px!important}
.desktop-layout .editor-container input[placeholder="搜索"]{width:150px!important;font-size:13px!important;padding:3px 6px!important}
.desktop-layout .editor-container input[type="text"]{min-width:120px!important}

/* === 6. 页面标签区 - 桌面端宽屏优化 === */
@media(min-width:769px){
  .page-tabs-scroll-wrap{overflow-x:auto!important}
  .page-tabs{display:inline-flex!important;flex-wrap:nowrap!important}
  .page-tab{min-width:56px!important;max-width:none!important;font-size:11px!important}
}
.desktop-layout .page-tabs-scroll-wrap{overflow-x:auto!important}
.desktop-layout .page-tabs{display:inline-flex!important;flex-wrap:nowrap!important}
.desktop-layout .page-tab{min-width:56px!important;max-width:none!important;font-size:11px!important}

/* === 7. 桌面端内容区最大宽度限制（保持可读性） === */
@media(min-width:1200px){
  .editor-container{max-width:1400px!important;margin:0 auto!important}
}

/* === 8. V617: 桌面端编辑器面板布局修复 === */
@media(min-width:769px){
  .editor{max-height:none!important;overflow:visible!important}
  .editor .editor-row[style*="max-height"]{max-height:none!important;overflow-y:visible!important}
  .feishu-form{padding-bottom:16px!important;overflow:visible!important;max-height:none!important}
  .feishu-form .submit-btn{position:relative!important;z-index:1!important}
  .component-item.is-editing{max-height:none!important;overflow:visible!important}
  .component-item{max-height:none!important}
  .edit-trigger{max-height:none!important;overflow:visible!important}
  .canvas{scrollbar-width:auto!important;overflow-y:auto!important}
  .canvas::-webkit-scrollbar{display:initial!important;width:8px!important}
  .canvas::-webkit-scrollbar-track{background:#f1f1f1!important;border-radius:4px!important}
  .canvas::-webkit-scrollbar-thumb{background:#c1c1c1!important;border-radius:4px!important}
  .canvas::-webkit-scrollbar-thumb:hover{background:#999!important}
  .editor-footer{position:relative!important;z-index:1!important}
}

/* desktop-layout class也应用相同规则 */
.desktop-layout .editor{max-height:none!important;overflow:visible!important}
.desktop-layout .editor .editor-row[style*="max-height"]{max-height:none!important;overflow-y:visible!important}
.desktop-layout .feishu-form{padding-bottom:16px!important;overflow:visible!important;max-height:none!important}
.desktop-layout .feishu-form .submit-btn{position:relative!important;z-index:1!important}
.desktop-layout .component-item.is-editing{max-height:none!important;overflow:visible!important}
.desktop-layout .component-item{max-height:none!important}
.desktop-layout .edit-trigger{max-height:none!important;overflow:visible!important}
.desktop-layout .canvas{scrollbar-width:auto!important;overflow-y:auto!important}
.desktop-layout .editor-footer{position:relative!important;z-index:1!important}

/* ========== V1006pc7: 电脑端"居中大手机"版心 —— 组件/字体/轮播全部保持手机原生样式，不压缩 ========== */
/* 思路：电脑端只把整体收窄为手机宽度居中，其余一律不动，排版与客户端一致 */
@media(min-width:769px){
  .editor-container{max-width:640px!important;margin:0 auto!important}
  .top-bar{max-width:640px!important;left:50%!important;transform:translateX(-50%)!important;width:100%!important}
  .tab-bar{max-width:640px!important;left:50%!important;transform:translateX(-50%)!important;width:100%!important}
  .bottom-bar{max-width:640px!important;left:50%!important;transform:translateX(-50%)!important;width:100%!important}
  .canvas{max-width:640px!important;margin:0 auto!important;width:100%!important;box-sizing:border-box!important;padding-bottom:96px!important}.canvas.has-bottom-bar{padding-top:116px!important}.canvas.client-mode{padding-top:8px!important}
  .component-item{width:100%!important;max-width:100%!important;margin-left:0!important;margin-right:0!important}
  .comp{width:100%!important;max-width:100%!important}
  .carousel-container{width:100%!important;max-width:100%!important}
  .carousel-slide img{display:block;max-width:100%!important}
  .insert-zone{max-width:100%!important;margin:0!important;padding:4px 8px!important;min-height:24px!important}
  .insert-zone-line{flex:1!important;max-width:none!important}
}
.desktop-layout .editor-container{max-width:640px!important;margin:0 auto!important}
.desktop-layout .top-bar,.desktop-layout .tab-bar,.desktop-layout .bottom-bar{max-width:640px!important;left:50%!important;transform:translateX(-50%)!important;width:100%!important}
.desktop-layout .canvas{max-width:640px!important;margin:0 auto!important;padding-bottom:96px!important}.desktop-layout .canvas.has-bottom-bar{padding-top:116px!important}.desktop-layout .canvas.client-mode{padding-top:8px!important}
.desktop-layout .component-item,.desktop-layout .comp{width:100%!important;max-width:100%!important}
.desktop-layout .carousel-container{width:100%!important;max-width:100%!important}

/* ========== V1006pc8: 电脑端版心对齐兜底 —— 统一盒模型+固定栏定位，确保top/tab/bottom-bar与canvas像素级对齐 ========== */
@media(min-width:769px){
  .editor-container,.canvas,.top-bar,.tab-bar,.bottom-bar{box-sizing:border-box!important;}
  .top-bar,.tab-bar,.bottom-bar{
    left:0!important;right:0!important;
    margin-left:auto!important;margin-right:auto!important;
    transform:none!important;
    width:100%!important;max-width:640px!important;
  }
  .editor-container{width:100%!important;max-width:640px!important;margin-left:auto!important;margin-right:auto!important;}
  .canvas{width:100%!important;max-width:640px!important;margin-left:auto!important;margin-right:auto!important;}
}
.desktop-layout .editor-container,.desktop-layout .canvas{width:100%!important;max-width:640px!important;margin-left:auto!important;margin-right:auto!important;box-sizing:border-box!important;}
.desktop-layout .top-bar,.desktop-layout .tab-bar,.desktop-layout .bottom-bar{
  left:0!important;right:0!important;
  margin-left:auto!important;margin-right:auto!important;
  transform:none!important;
  width:100%!important;max-width:640px!important;box-sizing:border-box!important;
}