/* V358 build 20260916V467 */
/* =========================================================
   恒丰管理系统 — 手机端专属样式 v2
   通过 <link media="(max-width:767px)"> 加载
   与 start.html 内联样式保持一致
   ========================================================= */

/* ===== 0. 关键强制 ===== */
.main-content{margin-left:0!important;padding:16px 14px!important;padding-bottom:70px!important}
.sidebar{position:fixed!important;top:0!important;left:0!important;bottom:0!important;z-index:100!important;transform:translateX(-100%);width:260px!important;transition:transform .3s ease}
.sidebar.open{transform:translateX(0)!important}
.sidebar-toggle{display:block!important}

/* ===== 0.5 手机端 body 布局 ===== */
body{display:block !important; overflow-x:hidden}
html{overflow-x:hidden}
.main-content{flex:none !important; width:auto !important; max-width:100% !important; padding-top:8px !important}

/* ===== 0.6 手机顶部标题栏 ===== */
.mobile-top-bar{display:flex;position:sticky;top:0;z-index:90;background:linear-gradient(135deg,#1a3a5c,#2a5a8c);color:#fff;align-items:center;padding:10px 14px;gap:10px;box-shadow:0 2px 8px rgba(0,0,0,.15);min-height:44px}
.mobile-top-bar .m-title{font-size:16px;font-weight:700;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mobile-top-bar .m-menu-btn{background:none;border:none;color:#fff;font-size:22px;padding:4px 6px;cursor:pointer;line-height:1;min-width:36px;text-align:center;border-radius:6px}
.mobile-top-bar .m-menu-btn:active{background:rgba(255,255,255,.15)}

/* ===== 1. 遮罩 ===== */
.sidebar-backdrop{display:block;position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:99;opacity:0;visibility:hidden;transition:opacity .25s}
.sidebar.open~.sidebar-backdrop{opacity:1;visibility:visible}

/* ===== 2. 底部导航栏 ===== */
.mobile-nav-bar{display:flex;position:fixed;bottom:0;left:0;right:0;height:56px;background:#fff;border-top:1px solid #e2e8f0;z-index:200;justify-content:space-around;align-items:center;box-shadow:0 -2px 10px rgba(0,0,0,.08);padding:0 2px;padding-bottom:env(safe-area-inset-bottom,0)}
.mobile-nav-bar .nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:4px 4px 2px;border:none;background:none;border-radius:8px;cursor:pointer;font-size:10px;color:#5f6f82;font-weight:500;min-width:0;flex:1;max-width:72px;border-left:none;transition:all .2s;text-decoration:none;position:static}
.mobile-nav-bar .nav-item:hover{background:transparent;transform:none;box-shadow:none;padding:4px 4px 2px}
.mobile-nav-bar .nav-item .nav-icon{font-size:20px;width:auto;text-align:center;opacity:1;filter:none;line-height:1}
.mobile-nav-bar .nav-item.active{background:rgba(41,128,185,.08);border-left:none;color:#1a3a5c;font-weight:700;box-shadow:none;border-radius:10px}
.mobile-nav-bar .nav-item.active .nav-icon{transform:none;filter:none}
.mobile-nav-bar .nav-item span:last-child{font-size:10px;line-height:1.2;white-space:nowrap}
.mobile-nav-bar .nav-item:active{color:#1a3a5c;transform:scale(.92)}

/* ===== 3. 统计/表单/弹窗 ===== */
.stats-grid{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px}
.stat-card{padding:14px 12px;border-radius:10px}
.stat-card .stat-value{font-size:22px}
.stat-card .stat-label{font-size:11px}
.form-row,.form-row-3{grid-template-columns:1fr;gap:6px}
.form-group{margin-bottom:12px}
.form-input,.form-select,textarea,.modal-body input,.modal-body select,.modal-body textarea{width:100%!important;font-size:16px!important;min-height:42px;padding:10px 12px;box-sizing:border-box}
.section-card{padding:14px 12px;border-radius:10px;margin-bottom:12px}
.section-card:last-child{margin-bottom:0}
.search-bar{flex-wrap:wrap;margin-bottom:10px;gap:8px}
.search-bar .form-input{flex:1 1 100%;min-height:42px}
.page-header{padding:10px 14px;margin-bottom:10px;flex-wrap:wrap;gap:8px}
.page-title{font-size:18px;margin:0}
.quick-actions{gap:6px;margin-bottom:14px;flex-wrap:wrap}
.quick-actions .btn{flex:1 1 calc(50% - 4px);justify-content:center;padding:12px 8px;font-size:13px;min-height:40px;border-radius:8px}
.login-box{padding:32px 24px 28px}
.login-box h2{font-size:17px}
.login-logo{width:56px;height:56px;font-size:28px}
.btn-sm{min-height:34px;padding:6px 12px;font-size:13px}
.search-bar .btn{min-height:42px;padding:10px 16px;font-size:14px;flex-shrink:0}
.stat-card,.section-card{word-break:break-word}

/* ===== 4. 弹窗全屏 ===== */
.modal{width:95vw!important;max-width:95vw!important}
.modal.wide{width:95vw!important}
.modal.show{display:flex!important;flex-direction:column;width:100vw!important;max-width:100vw!important;height:100vh;max-height:100vh;top:0!important;left:0!important;transform:none!important;border-radius:0;overflow:hidden}
.modal-header{flex-shrink:0;padding:14px 16px;border-bottom:1px solid #e2e8f0}
.modal-body{flex:1;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;padding:14px}
.modal-footer{flex-shrink:0;display:flex;gap:8px;padding:12px 16px;border-top:1px solid #e2e8f0}
.modal-footer .btn{flex:1;margin:0}
.modal-title{font-size:17px}

/* ===== 5. 按钮 ===== */
.btn{min-height:42px;font-size:14px;padding:10px 16px}

/* ===== 6. 表格 → 精美卡片 ===== */
.data-table thead{display:none}
.data-table,.data-table tbody,.data-table tr,.data-table td{display:block;width:100%;box-sizing:border-box}
.data-table{min-width:0!important;border:none;background:transparent;font-size:13px;width:100%;border-collapse:separate;border-spacing:0}
.data-table tr{margin-bottom:14px;border:1px solid #dce3eb;border-left:4px solid #2a5a8c;border-radius:10px;overflow:hidden;background:#fff;box-shadow:0 2px 8px rgba(0,0,0,.06);transition:box-shadow .2s}
.data-table tr:active{box-shadow:0 1px 3px rgba(0,0,0,.08)}
.data-table tr:last-child{margin-bottom:0}
.data-table td:first-child{background:linear-gradient(135deg,#f0f4f8,#e8eef4);padding:10px 14px;font-weight:700;font-size:14px;color:#1a3a5c;border-bottom:1px solid #dce3eb;align-items:center}
.data-table td:first-child::before{display:none}
.data-table td{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:9px 14px;border:none;border-bottom:1px solid #f0f2f5;font-size:13px;text-align:right;min-width:0;color:#2c3e50;font-weight:500}
.data-table td::before{content:attr(data-label);flex-shrink:0;font-weight:600;color:#8899aa;font-size:11px;text-align:left;margin-right:auto;text-transform:uppercase;letter-spacing:.5px}
.data-table td:last-child{border-bottom:none;flex-wrap:wrap;justify-content:flex-end;gap:6px;padding:10px 14px;background:#fafbfc;white-space:normal}
.data-table td:last-child .btn,.data-table td:last-child button{flex:1 1 auto;margin:2px 0;text-align:center;padding:8px 12px;font-size:13px;min-height:36px;border-radius:8px;font-weight:600}
.data-table .btn{padding:6px 10px;font-size:12px;min-height:32px;margin:2px 0;display:inline-block}
.data-table td strong{font-size:15px;letter-spacing:.3px}
.data-table .status-tag{font-size:12px;padding:4px 10px;border-radius:6px;display:inline-block}
.data-table .appr-badge{font-size:12px;padding:4px 10px;border-radius:6px;display:inline-block}

/* ===== 7. 侧边栏 ===== */
.sidebar{width:88vw!important;max-width:320px;background:#f8fafc;border-radius:0;box-shadow:-4px 0 24px rgba(0,0,0,.15);padding:0;overflow-y:auto;overflow-x:hidden}
.logo{padding:20px 18px 16px;background:linear-gradient(180deg,#264f84 0%,#214773 100%);border-bottom:none;margin-bottom:0}
.logo-icon{width:46px;height:46px;font-size:22px;border-radius:12px;background:transparent;border:2px solid #ffd76b;box-shadow:none;}
.logo-title{font-size:17px}
.logo-sub{font-size:11px;color:#ffd76b;font-weight:700}
.user-info{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#1a3a5c;border-top:1px solid rgba(255,255,255,.08);font-size:13px;flex-wrap:wrap}
#userName{font-size:14px;font-weight:700;color:#fff}
.user-role{font-size:11px;padding:2px 8px;border-radius:8px;background:rgba(255,255,255,.12);color:#b8d4f0}
.user-chpwd{font-size:14px}
.nav{padding:10px 12px 80px;background:#fff}
.nav-group{background:transparent;border-radius:0;padding:0;margin-bottom:0;box-shadow:none;border:none;overflow:visible}
.nav-group:last-of-type{margin-bottom:0}
.nav-group-title{padding:9px 14px 4px;font-size:13px;font-weight:700;text-transform:none;letter-spacing:.5px;color:#000;background:transparent;border:none}
.nav-group+.nav-group{border-top:1px solid #eef2f7;padding-top:6px;margin-top:6px}
.nav-item{display:flex;align-items:center;gap:10px;padding:11px 14px;font-size:16px;border-radius:10px;margin:0;transition:all .15s;color:#000;border-right:none}
.nav-item .nav-icon{font-size:20px;opacity:.85;filter:saturate(1.1)}
.nav-item .nav-label{font-size:16px;font-weight:500}
.nav-item:hover,.nav-item:active{background:#eef2ff;color:#1a3a5c}
.nav-item.active{background:linear-gradient(135deg,#eef2ff,#dbeafe)!important;color:#1a3a5c;font-weight:700;box-shadow:inset 0 0 0 1px rgba(59,130,246,.25)}
.nav-item.active .nav-icon{filter:saturate(1.4);transform:scale(1.08)}
.sidebar-footer{position:absolute;bottom:0;left:0;right:0;z-index:5;padding:14px 16px;border-top:1px solid rgba(42,79,122,0.3);text-align:center;font-size:12px;color:#1e3a5c}
.sidebar-footer .btn{width:100%;padding:10px;font-size:14px;border-radius:10px;background:#fef2f2;color:#dc2626;border-color:#fecaca}

/* ===== 8. 弹窗里的明细表 ===== */
.modal .data-table{border:1px solid #e2e8f0;background:#fff}
.modal div[style*="overflow-x:auto"],
.modal div[style*="overflow-x: auto"]{overflow-x:auto!important;-webkit-overflow-scrolling:touch}
.modal .data-table td .form-input,
.modal .data-table td input,
.modal .data-table td select{width:100%!important;min-width:0!important;box-sizing:border-box;font-size:16px!important;min-height:42px;padding:10px 12px}
.modal .data-table td .btn-sm{padding:6px 12px!important;font-size:13px!important;min-height:36px}
.modal .data-table thead{display:none!important}
.modal .data-table,.modal .data-table tbody,.modal .data-table tr,.modal .data-table td{display:block!important;width:100%!important;box-sizing:border-box}
.modal .data-table tr{margin-bottom:12px!important;border:1px solid #dce3eb!important;border-left:4px solid #3a6a9c!important;border-radius:10px!important;overflow:hidden!important;background:#fff!important;box-shadow:0 2px 8px rgba(0,0,0,.06)!important;display:block!important}
.modal .data-table td{display:flex!important;justify-content:space-between!important;align-items:center!important;padding:8px 12px!important;border-bottom:1px solid #f0f2f5!important;font-size:13px!important;text-align:right!important;color:#2c3e50!important}
.modal .data-table td::before{content:attr(data-label)!important;display:inline!important;font-weight:600!important;color:#8899aa!important;font-size:11px!important;margin-right:auto!important}
.modal .data-table td:first-child{background:linear-gradient(135deg,#f0f4f8,#e8eef4)!important;font-weight:700!important;color:#1a3a5c!important;font-size:14px!important}
.modal .data-table td:last-child{border-bottom:none!important}
.modal .mat-detail-table,
.modal .mat-detail-table tbody,
.modal .mat-detail-table tr,
.modal .mat-detail-table td{display:block!important;width:100%!important;box-sizing:border-box}
.modal .mat-detail-table thead{display:none!important}
.modal .mat-detail-table tr{margin-bottom:12px!important;border:1px solid #dce3eb!important;border-left:4px solid #3a6a9c!important;border-radius:10px!important;overflow:hidden!important;background:#fff!important;box-shadow:0 2px 8px rgba(0,0,0,.06)!important}
.modal .mat-detail-table td{display:flex!important;justify-content:space-between!important;align-items:center!important;padding:8px 12px!important;border-bottom:1px solid #f0f2f5!important;font-size:13px!important;text-align:right!important;color:#2c3e50!important}
.modal .mat-detail-table td::before{content:attr(data-label)!important;display:inline!important;font-weight:600!important;color:#8899aa!important;font-size:11px!important;margin-right:auto!important}
.modal .mat-detail-table td:first-child{background:linear-gradient(135deg,#f0f4f8,#e8eef4)!important;font-weight:700!important;color:#1a3a5c!important;font-size:14px!important}
.modal .mat-detail-table td:last-child{border-bottom:none!important}

/* ===== 9. 宽度适配 ===== */
/* 所有内联 flex 强制折行（不管有没有 gap）*/
div[style*="display:flex"]{flex-wrap:wrap!important}
input[style*="display:flex"],button[style*="display:flex"],select[style*="display:flex"],textarea[style*="display:flex"]{flex-wrap:nowrap!important}
/* 强制所有元素不超屏宽 */
.main-content,.main-content *{max-width:100%!important;box-sizing:border-box!important}
/* section-card 头部折行 */
.section-card > div:first-child{flex-wrap:wrap!important;gap:8px!important}
.section-card > div:first-child > span{white-space:normal!important;word-break:break-word!important}
/* 产品展开按钮适配 */
.toggle_arrow{white-space:nowrap!important;flex-shrink:0!important;font-size:12px!important;padding:5px 12px!important}
.section-card, .section-card * { max-width: 100% !important; }
.data-table[style*="min-width"], .data-table[min-width],
table[style*="min-width"], table[min-width],
.data-table { width: 100% !important; min-width: 0 !important; }
div[style*="overflow-x:auto"], div[style*="overflow-x: auto"] { overflow-x: visible !important; }
div[style*="overflow-x:scroll"], div[style*="overflow-x: scroll"] { overflow-x: visible !important; }
img, video, canvas, svg { max-width: 100% !important; height: auto !important; }
pre, code { white-space: pre-wrap !important; word-wrap: break-word !important; overflow-wrap: break-word !important; }
.page-header { width: 100% !important; box-sizing: border-box; }
.quick-actions { flex-wrap: wrap; }
.quick-actions .btn { white-space: nowrap; }
.search-bar { flex-wrap: wrap; gap: 8px; }
.search-bar input, .search-bar select, .search-bar .form-input { flex: 1 1 100% !important; min-width: 0 !important; }
.stats-grid { width: 100% !important; }
.stat-card { min-width: 0 !important; word-break: break-all; }
.modal div[style*="overflow-x:auto"] { overflow-x: auto !important; }
.modal .data-table { min-width: 100% !important; width: auto !important; }

/* 报价分类标题行 */
.qf-section-hdr{display:block!important;width:100%!important;margin:14px 0 6px!important;padding:10px 14px!important;background:linear-gradient(90deg,#e8eef4,transparent)!important;border:none!important;border-radius:6px!important;box-shadow:none!important;font-weight:700!important;color:#2a5a8c!important;font-size:14px!important;text-align:left!important;overflow:visible!important}
.qf-section-hdr td{display:block!important;width:100%!important;padding:0!important;border:none!important;background:transparent!important}
.qf-section-hdr td::before{display:none!important}

/* 报价明细表 qf-tbl 卡片化（与 .data-table 卡片化一致），老宋反馈"小化页面有些功能没有"——表格 1022px > 弹窗 95vw 时操作列/单价/小计/备注被横向滚动遮挡。
   改：thead 隐藏，每行 tr 变独立卡片，每列 td 用 ::before 显示列名（与 .data-table data-label 一致），操作列满宽让「插入/删除」按钮始终可见。 */
.qf-tbl,.qf-tbl thead{display:block!important;width:100%!important;box-sizing:border-box!important}
.qf-tbl thead{display:none!important}
.qf-tbl tbody{display:block!important;width:100%!important}
.qf-tbl tr{display:block!important;width:100%!important;margin-bottom:10px!important;border:1px solid #dce3eb!important;border-left:4px solid #3a6a9c!important;border-radius:10px!important;overflow:hidden!important;background:#fff!important;box-shadow:0 2px 8px rgba(0,0,0,.06)!important;padding:6px 0!important;box-sizing:border-box!important}
.qf-tbl td{display:flex!important;justify-content:space-between!important;align-items:center!important;padding:10px 14px!important;border-bottom:1px solid #f0f2f5!important;font-size:13.5px!important;text-align:right!important;color:#2c3e50!important;min-height:auto!important;width:auto!important;vertical-align:middle!important}
.qf-tbl td:last-child{border-bottom:none!important}
.qf-tbl td::before{font-weight:700!important;color:#8899aa!important;font-size:11px!important;margin-right:auto!important;display:inline-block!important;flex-shrink:0!important}
/* 各列 ::before 内容（按 td:nth-child 对应表头顺序） */
.qf-tbl td.c-mode::before{content:"计价方式"}
.qf-tbl td:nth-child(2)::before{content:"项目名称"}
.qf-tbl td:nth-child(3)::before{content:"高(mm)"}
.qf-tbl td:nth-child(4)::before{content:"宽(mm)"}
.qf-tbl td:nth-child(5)::before{content:"深(mm)"}
.qf-tbl td:nth-child(6)::before{content:"数量"}
.qf-tbl td:nth-child(7)::before{content:"单位"}
.qf-tbl td:nth-child(8)::before{content:"面积/长度"}
.qf-tbl td:nth-child(9)::before{content:"单价"}
.qf-tbl td:nth-child(10)::before{content:"小计"}
.qf-tbl td:nth-child(11)::before{content:"备注"}
.qf-tbl td:nth-child(12)::before{content:"操作"}
/* 操作列：取消默认 flex 对齐，让按钮横向铺开满宽可见 */
.qf-tbl td:nth-child(12){justify-content:flex-end!important;gap:8px!important;padding-top:12px!important;padding-bottom:12px!important}
.qf-op{display:flex!important;gap:8px!important;justify-content:flex-end!important}
.qf-op button{flex:1 1 0!important;padding:9px 10px!important;font-size:13px!important;border-radius:6px!important;font-weight:700!important;min-height:40px!important}
/* 单元格内 input / select 满宽，跟随 ::before 后布局 */
.qf-tbl td input,.qf-tbl td select{flex:1!important;min-width:0!important;max-width:65%!important;font-size:14px!important;min-height:40px!important;padding:8px 10px!important;box-sizing:border-box!important;margin-left:12px!important}

/* 报价编辑表单输入框 */
.data-table td .qf_mode,.data-table td .qf_name,.data-table td .qf_h,.data-table td .qf_w,.data-table td .qf_qty,.data-table td .qf_unit,.data-table td .qf_area,.data-table td .qf_price,.data-table td .qf_subtotal,.data-table td .qf_note{font-size:16px!important;width:100%!important;min-width:0!important;max-width:100%!important;min-height:44px!important;padding:10px 12px!important;box-sizing:border-box!important;display:block!important}
.data-table td select.qf_mode{font-size:16px!important;width:100%!important;min-height:44px!important;padding:10px 12px!important;box-sizing:border-box!important}
.data-table td .btn-danger{min-height:36px!important;padding:6px 14px!important;font-size:14px!important}
.data-table td .qf_area[readonly],.data-table td .qf_subtotal[readonly]{background:#f0f4f8!important;font-weight:700!important;color:#1a3a5c!important}

/* 成本核算汇总行 */
.cost-summary-row{display:flex!important;flex-wrap:wrap!important;gap:10px!important;width:100%!important;margin:8px 0!important;padding:10px 14px!important;border-radius:8px!important;box-shadow:none!important;overflow:visible!important;align-items:center!important;font-size:13px!important}
.cost-summary-row td{display:inline-flex!important;align-items:center!important;gap:4px!important;width:auto!important;padding:0!important;border:none!important;background:transparent!important;font-size:13px!important}
.cost-summary-row td:first-child{display:none!important}
.cost-summary-row td::before{content:attr(data-label)!important;display:inline!important;font-weight:600!important;color:#8899aa!important;font-size:11px!important;margin-right:2px!important}
.cost-summary-row td:last-child{flex:1 1 100%!important;min-width:0!important}
.cost-summary-row td:last-child div{height:12px!important}

/* 成本核算编辑表单 */
.modal [style*="display:flex"][style*="gap:14px"],
.modal form [style*="display:flex"]{flex-wrap:wrap!important}
.modal [style*="display:flex"][style*="gap:14px"] > div,
.modal form [style*="display:flex"] > div{flex:1 1 100%!important;min-width:0!important}
#kf_revenue, #kf_material, #kf_goods, #kf_labor, #kf_transport, #kf_tax,
#kf_customer, #kf_mat_sel, #kf_quote{width:100%!important;box-sizing:border-box!important}

/* ===== 10. 全局深度适配 ===== */
div[style*="grid-template-columns:1fr 1fr"],
div[style*="grid-template-columns: 1fr 1fr"],
div[style*="grid-template-columns:1fr 1fr 1fr"],
div[style*="grid-template-columns: 1fr 1fr 1fr"],
div[style*="grid-template-columns: 1fr 2fr"],
div[style*="grid-template-columns:1fr 2fr"],
div[style*="grid-template-columns: 2fr 1fr"],
div[style*="grid-template-columns:2fr 1fr"]{grid-template-columns:1fr!important}
div[style*="display:flex"]{flex-wrap:wrap!important}
input[style*="display:flex"],button[style*="display:flex"],select[style*="display:flex"],textarea[style*="display:flex"]{flex-wrap:nowrap!important}
.modal div[style*="display:flex"]{flex-wrap:wrap!important}
.modal div[style*="display:flex"] > div{min-width:0!important;flex:1 1 100%!important}
.modal div[style*="display:flex"] > div[style*="flex:1"]{flex:1 1 100%!important;min-width:0!important}
.modal div[style*="display:grid"]{grid-template-columns:1fr!important}
.doc-preview{transform:scale(0.82);transform-origin:top left;width:122%!important}

/* ===== 编辑表格隐藏 ===== */
.edit-form-table{display:none!important}
.edit-form-table *{display:none!important}
.edit-form-table-wrap{overflow:visible!important;padding:30px 20px!important;text-align:center!important;color:#8899aa!important;font-size:15px!important;background:#f8f9fb!important;border-radius:8px!important;border:2px dashed #dce3eb!important;margin:12px 0!important;min-height:80px!important;display:flex!important;align-items:center!important;justify-content:center!important}
.edit-form-table-wrap::after{content:"📱 表格编辑内容较多，请在电脑端操作";display:block!important}

/* ===== 工作台 + 详情 ===== */
.approval-card{margin-bottom:10px!important;border-radius:10px!important}
.approval-card .btn{margin:2px 3px!important;font-size:12px!important;padding:6px 12px!important;min-height:34px!important}
.detail-grid{grid-template-columns:1fr!important;gap:8px!important}
.detail-field{flex-direction:column!important;align-items:flex-start!important;gap:2px!important}
.detail-field .field-label{min-width:0!important;width:100%!important}
.detail-field .field-value{width:100%!important;text-align:left!important}

/* ===== 11. 产品管理表格例外：恢复为标准表格（用户要求列宽一致、行高均匀） ===== */
#psContainer .prod-group-body{overflow-x:auto!important;-webkit-overflow-scrolling:touch!important;padding-bottom:4px!important}
#psContainer .prod-group-body .data-table,
#psContainer .prod-group-body .data-table *{max-width:none!important}
#psContainer .prod-group-body .data-table{display:table!important;width:100%!important;min-width:680px!important;border:1px solid #e7eaee!important;border-radius:11px!important;background:#fff!important;box-shadow:none!important;border-collapse:collapse!important;table-layout:fixed!important;margin-bottom:0!important}
#psContainer .prod-group-body .data-table colgroup{display:table-column-group!important}
#psContainer .prod-group-body .data-table col{display:table-column!important}
#psContainer .prod-group-body .data-table thead{display:table-header-group!important;border-bottom:none!important}
#psContainer .prod-group-body .data-table tbody{display:table-row-group!important}
#psContainer .prod-group-body .data-table tr{display:table-row!important;height:42px!important;margin:0!important;border:none!important;border-radius:0!important;box-shadow:none!important;background:#fff!important}
#psContainer .prod-group-body .data-table td{display:table-cell!important;height:42px!important;padding:0 10px!important;border:none!important;border-bottom:none!important;background:#fff!important;font-size:12px!important;color:#33414f!important;text-align:left!important;vertical-align:middle!important;white-space:nowrap!important}
#psContainer .prod-group-body .data-table td::before{display:none!important}
#psContainer .prod-group-body .data-table td:first-child{font-weight:700!important;color:var(--text-strong)!important;background:#fff!important;border-bottom:none!important}
#psContainer .prod-group-body .data-table td:last-child{white-space:normal!important;text-align:center!important;background:#fff!important}
#psContainer .prod-group-body .data-table thead th{display:table-cell!important;height:42px!important;background:linear-gradient(180deg,#17557f,#2a6bb5)!important;color:#fff!important;font-size:11px!important;font-weight:700!important;padding:0 10px!important;border:none!important;text-align:left!important;vertical-align:middle!important;white-space:nowrap!important}
#psContainer .prod-group-body .data-table thead th:last-child{text-align:center!important}
#psContainer .prod-group-body .data-table td[data-label="成本价"],#psContainer .prod-group-body .data-table td[data-label="单价"],#psContainer .prod-group-body .data-table td[data-label="金额"]{text-align:right!important}