/* V107 库存产品卡片：每行固定 8 个、图片可点击查看、按钮保持独立 */ #inventoryPage .inv-clean-grid{ display:grid!important; grid-template-columns:repeat(8, minmax(0, 1fr))!important; gap:14px!important; align-items:stretch!important; justify-content:stretch!important; width:100%!important; } #inventoryPage .inv-clean-card, #inventoryPage .inv-clean-card:hover, #inventoryPage .inv-clean-card:focus, #inventoryPage .inv-clean-card:focus-within{ width:100%!important; min-width:0!important; max-width:none!important; height:230px!important; min-height:230px!important; max-height:230px!important; padding:13px!important; box-sizing:border-box!important; transform:none!important; } #inventoryPage .inv-clean-photo{ all:unset!important; width:100%!important; height:66px!important; min-height:66px!important; max-height:66px!important; box-sizing:border-box!important; display:flex!important; align-items:center!important; justify-content:center!important; position:relative!important; border-radius:12px!important; border:1px solid rgba(84,169,165,.18)!important; background:rgba(255,255,255,.78)!important; overflow:hidden!important; cursor:pointer!important; pointer-events:auto!important; } #inventoryPage .inv-clean-photo:disabled{ cursor:default!important; } #inventoryPage .inv-clean-photo img{ display:block!important; width:auto!important; height:auto!important; max-width:100%!important; max-height:100%!important; object-fit:contain!important; object-position:center center!important; margin:auto!important; pointer-events:none!important; } #inventoryPage .inv-clean-name{ height:32px!important; line-height:16px!important; font-size:14px!important; margin-top:10px!important; } #inventoryPage .inv-clean-meta{ height:22px!important; min-height:22px!important; margin-top:10px!important; gap:5px!important; } #inventoryPage .inv-clean-qty{font-size:15px!important;} #inventoryPage .inv-clean-low-tag{ height:18px!important; padding:0 6px!important; font-size:11px!important; } #inventoryPage .inv-clean-note{ height:18px!important; min-height:18px!important; line-height:18px!important; margin-top:6px!important; font-size:12px!important; } #inventoryPage .inv-clean-actions{ height:34px!important; min-height:34px!important; max-height:34px!important; gap:6px!important; margin-top:auto!important; } #inventoryPage .inv-clean-actions > .inv-clean-btn{ height:34px!important; min-height:34px!important; max-height:34px!important; border-radius:11px!important; font-size:13px!important; font-weight:850!important; } @media (max-width:1600px){ #inventoryPage .inv-clean-grid{grid-template-columns:repeat(6, minmax(0, 1fr))!important;} } @media (max-width:1280px){ } /* V108 库存图片复制提示层级与无图兜底 */ .toast, .toast.show{ z-index: var(--layer-toast) !important; } #inventoryPage .inv-clean-no-image{ font-weight:800!important; color:#8a98a8!important; background:rgba(255,255,255,.65)!important; } /* V109 图片取消状态彻底修复：无图占位与裂图兜底 */ #inventoryPage .inv-clean-photo.is-empty, #inventoryPage .inv-clean-photo:disabled{ background:linear-gradient(135deg,rgba(246,248,250,.95),rgba(238,243,246,.75))!important; border:1px dashed rgba(125,145,160,.45)!important; color:#8a98a8!important; } #inventoryPage .inv-clean-no-image{ min-height:100%!important; display:flex!important; align-items:center!important; justify-content:center!important; font-size:13px!important; font-weight:800!important; color:#8a98a8!important; letter-spacing:.04em!important; } .order-thumb-btn.thumb-empty, .order-thumb-empty{ display:inline-flex!important; align-items:center!important; justify-content:center!important; min-width:48px!important; height:34px!important; color:#9aa8b5!important; font-weight:800!important; } /* V110 图文报价页面重构 */ #graphicQuotePage .graphic-quote-v110{gap:16px;padding:18px 20px 24px;} #graphicQuotePage .graphic-v110-hero{display:flex;justify-content:space-between;align-items:stretch;gap:18px;padding:18px 20px;border-radius:22px;border:1px solid rgba(13,126,119,.14);background:linear-gradient(135deg,rgba(247,255,253,.96),rgba(236,248,245,.86));box-shadow:0 12px 28px rgba(16,82,78,.07);} #graphicQuotePage .graphic-v110-hero h2{margin:4px 0 8px;color:#123f3c;font-size:25px;font-weight:850;} #graphicQuotePage .graphic-v110-card{background:rgba(255,255,255,.9);border:1px solid rgba(13,126,119,.13);border-radius:20px;box-shadow:0 10px 25px rgba(16,82,78,.055);box-sizing:border-box;} #graphicQuotePage .graphic-v110-title{display:flex;align-items:baseline;gap:10px;margin-bottom:12px;} #graphicQuotePage .graphic-v110-title strong{font-size:17px;color:#123f3c;font-weight:850;} #graphicQuotePage .graphic-v110-title span{font-size:13px;color:#7b8e96;} #graphicQuotePage .graphic-v110-basic{padding:16px;} #graphicQuotePage .graphic-v110-info-grid{background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;} #graphicQuotePage .graphic-v110-workbench{display:grid;grid-template-columns:1.35fr .85fr;gap:16px;align-items:stretch;} #graphicQuotePage .graphic-v110-upload-card,#graphicQuotePage .graphic-v110-quick-card{padding:16px;} #graphicQuotePage .graphic-v110-upload-inner{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;padding:14px;border:2px dashed rgba(11,128,120,.28);border-radius:18px;background:linear-gradient(135deg,rgba(247,255,253,.95),rgba(240,250,248,.72));} #graphicQuotePage .graphic-v110-upload-icon{width:54px;height:54px;border-radius:16px;display:flex;align-items:center;justify-content:center;background:#e5f8f4;font-size:28px;} #graphicQuotePage .graphic-v110-upload-inner b{color:#0b6f67;font-size:16px;} #graphicQuotePage .graphic-v110-upload-inner p{margin:5px 0 0;color:#6b7f86;font-size:13px;line-height:1.5;} #graphicQuotePage .graphic-v110-defaults{display:grid;grid-template-columns:repeat(4,minmax(110px,1fr));gap:10px;margin-top:12px;align-items:end;} #graphicQuotePage .graphic-v110-quick-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;} #graphicQuotePage .graphic-v110-quick-grid button{height:42px;border-radius:13px;border:1px solid rgba(13,126,119,.18);background:#f8fffd;color:#0b655f;font-weight:850;cursor:pointer;} #graphicQuotePage .graphic-v110-quick-grid button:hover{background:#e9faf6;border-color:rgba(13,126,119,.35);} #graphicQuotePage .graphic-v110-draft-line{display:grid;grid-template-columns:1fr auto auto auto;gap:8px;margin-top:12px;align-items:center;} #graphicQuotePage .graphic-v110-table-card{padding:14px;} #graphicQuotePage .graphic-v110-table-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px;} #graphicQuotePage .graphic-v110-table-scroll{max-height:calc(100vh - 455px);min-height:260px;border-radius:16px;} #graphicQuotePage .graphic-v110-table{width:100%!important;min-width:1420px!important;} #graphicQuotePage .graphic-v110-table th{font-size:13px;} #graphicQuotePage .graphic-v110-table td{height:44px;} #graphicQuotePage .graphic-v110-table .gq-note-input{width:140px;text-align:left;} #graphicQuotePage .graphic-v110-bottom{display:grid;grid-template-columns:1fr 1.5fr;gap:16px;} #graphicQuotePage .graphic-v110-bottom .graphic-v110-card{padding:16px;} #graphicQuotePage .graphic-v110-extra-fields{grid-template-columns:repeat(3,minmax(110px,1fr));} #graphicQuotePage .graphic-v110-footer-actions{justify-content:center;padding:2px 0 4px;gap:12px;} @media (max-width:1500px){#graphicQuotePage .graphic-v110-workbench,#graphicQuotePage .graphic-v110-bottom{grid-template-columns:1fr;}#graphicQuotePage .graphic-v110-defaults{grid-template-columns:repeat(3,minmax(110px,1fr));}} @media (max-width:900px){#graphicQuotePage .graphic-v110-upload-inner{grid-template-columns:1fr;}#graphicQuotePage .graphic-v110-defaults,#graphicQuotePage .graphic-v110-quick-grid,#graphicQuotePage .graphic-v110-extra-fields{grid-template-columns:1fr 1fr;}#graphicQuotePage .graphic-v110-draft-line{grid-template-columns:1fr 1fr;}} /* V112 局域网功能与 1920×1080 适配修复 */ html, body { max-width:100%; overflow-x:hidden!important; } .app-header, .main-shell { max-width:100vw!important; box-sizing:border-box!important; } .main-shell { width:100vw!important; display:flex!important; overflow:hidden!important; } .function-sidebar { flex:0 0 188px!important; width:188px!important; min-width:188px!important; } .main-content { flex:1 1 auto!important; min-width:0!important; max-width:calc(100vw - 188px)!important; overflow-x:hidden!important; overflow-y:auto!important; } .page-view, .page-view.active { min-width:0!important; max-width:100%!important; overflow-x:hidden!important; } .page-view.active > .quote-card, .page-view.active > .legacy-panel, .page-view.active > .simple-page, .page-view.active > .control-band, .page-view.active > .graphic-quote-page { max-width:100%!important; min-width:0!important; box-sizing:border-box!important; } .table-wrap, .legacy-table-wrap, .data-table-wrap, .order-table-wrap, .graphic-table-scroll { max-width:100%!important; box-sizing:border-box!important; } .order-table-wrap { overflow:auto!important; } .orders-table { min-width:1580px!important; width:max-content!important; } #ordersPage.page-view.active { overflow:hidden!important; } #ordersPage .order-page-card { height:calc(100vh - 112px)!important; display:flex!important; flex-direction:column!important; overflow:hidden!important; } #ordersPage .order-table-wrap { flex:1 1 auto!important; min-height:0!important; max-height:none!important; } #ordersPage .order-action-bar { max-width:100%!important; overflow:visible!important; } #ordersPage .order-filters { max-width:100%!important; } .local-note-modal { z-index: var(--layer-modal) !important; } .local-note-card { width:min(760px,92vw)!important; max-height:86vh!important; display:flex!important; flex-direction:column!important; } .local-note-card textarea { width:100%; min-height:360px; flex:1 1 auto; resize:vertical; border:1px solid rgba(11,128,120,.22); border-radius:16px; padding:14px; font-size:16px; line-height:1.65; background:rgba(255,255,255,.86); box-sizing:border-box; } .v112-manual-copy-modal { position:fixed; inset:0; z-index: var(--layer-modal); background:rgba(15,36,45,.28); backdrop-filter:blur(8px); display:flex; align-items:center; justify-content:center; padding:24px; box-sizing:border-box; } .v112-manual-copy-modal.hidden{display:none!important;} .v112-manual-copy-card { width:min(680px,92vw); background:rgba(255,255,255,.96); border:1px solid rgba(11,128,120,.18); border-radius:22px; box-shadow:0 24px 80px rgba(16,42,54,.2); padding:20px; box-sizing:border-box; } .v112-modal-head { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:10px; } .v112-modal-head strong { color:#0b655f; font-size:20px; } .v112-modal-head button { border:1px solid rgba(11,128,120,.18); border-radius:12px; background:#fff; padding:8px 14px; font-weight:800; } #v112ManualCopyText { width:100%; min-height:160px; border:1px solid rgba(11,128,120,.22); border-radius:16px; padding:12px; font-size:15px; line-height:1.6; box-sizing:border-box; } .v112-free-calc-fields select { width:100%; height:42px; border:1px solid rgba(11,128,120,.18); border-radius:13px; padding:0 10px; background:#fff; box-sizing:border-box; color:#102033; font-weight:700; } #graphicQuotePage.page-view.active { overflow-y:auto!important; overflow-x:hidden!important; padding:0!important; } #graphicQuotePage .graphic-quote-v110 { width:100%!important; max-width:100%!important; min-width:0!important; height:auto!important; min-height:calc(100vh - 120px)!important; max-height:none!important; overflow:visible!important; padding:22px 28px 28px!important; box-sizing:border-box!important; display:flex!important; flex-direction:column!important; gap:16px!important; background:rgba(255,255,255,.72)!important; border-radius:24px!important; border:1px solid rgba(11,128,120,.10)!important; box-shadow:0 18px 54px rgba(16,42,54,.08)!important; } #graphicQuotePage .graphic-v110-hero { padding:14px 16px!important; border-radius:20px!important; background:linear-gradient(135deg,rgba(248,255,253,.96),rgba(235,248,245,.86))!important; } #graphicQuotePage .graphic-v110-hero h2 { font-size:22px!important; margin:2px 0 4px!important; } #graphicQuotePage .graphic-total-card { min-width:190px!important; padding:12px 14px!important; } #graphicQuotePage .graphic-total-card strong { font-size:26px!important; } #graphicQuotePage .graphic-total-card strong::before, #graphicQuotePage .graphic-total-card strong::after { content:none!important; display:none!important; } #graphicQuotePage .graphic-v110-basic { padding:14px 16px!important; } #graphicQuotePage .graphic-v110-info-grid { display:grid!important; grid-template-columns:1.05fr .9fr .9fr .85fr 1.2fr 1.2fr!important; gap:10px!important; align-items:end!important; } #graphicQuotePage .graphic-v110-info-grid label, #graphicQuotePage .graphic-v110-info-grid label.wide { grid-column:auto!important; min-width:0!important; } #graphicQuotePage .graphic-v110-info-grid input { height:40px!important; min-width:0!important; } #graphicQuotePage .graphic-v110-workbench { grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr)!important; gap:14px!important; } #graphicQuotePage .graphic-v110-upload-card, #graphicQuotePage .graphic-v110-quick-card { padding:14px!important; min-width:0!important; } #graphicQuotePage .graphic-v110-upload-inner { grid-template-columns:50px minmax(0,1fr) auto!important; padding:12px!important; } #graphicQuotePage .graphic-v110-defaults { grid-template-columns:repeat(4,minmax(0,1fr)) auto!important; gap:8px!important; } #graphicQuotePage .graphic-v110-defaults label { min-width:0!important; } #graphicQuotePage .graphic-v110-defaults input { height:38px!important; } #graphicQuotePage .graphic-v110-quick-grid { grid-template-columns:repeat(2,minmax(0,1fr))!important; } #graphicQuotePage .graphic-v110-table-card { flex:0 0 auto!important; padding:12px!important; min-width:0!important; } #graphicQuotePage .graphic-v110-table-scroll { max-height:calc(100vh - 585px)!important; min-height:220px!important; overflow:auto!important; } #graphicQuotePage .graphic-v110-table { min-width:1280px!important; width:max-content!important; } #graphicQuotePage .graphic-v110-table th, #graphicQuotePage .graphic-v110-table td { padding:7px 6px!important; } #graphicQuotePage .graphic-v110-bottom { display:grid!important; grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important; gap:14px!important; align-items:start!important; } #graphicQuotePage .graphic-v110-bottom .graphic-v110-card { padding:14px!important; } #graphicQuotePage .graphic-v110-extra-fields { display:grid!important; grid-template-columns:repeat(3,minmax(0,1fr))!important; gap:8px!important; } #graphicQuotePage .graphic-summary-grid { display:grid!important; grid-template-columns:repeat(5,minmax(0,1fr))!important; gap:8px!important; } #graphicQuotePage .gq-summary-item { min-width:0!important; } #graphicQuotePage .graphic-v110-footer-actions { position:sticky!important; bottom:0!important; background:linear-gradient(180deg,rgba(255,255,255,.55),rgba(255,255,255,.96))!important; padding:10px 0 0!important; z-index:5!important; } @media (max-width:1800px){ .function-sidebar{flex-basis:178px!important;width:178px!important;min-width:178px!important;} .main-content{max-width:calc(100vw - 178px)!important;} .orders-table{min-width:1500px!important;} #graphicQuotePage .graphic-v110-table-scroll{max-height:420px!important;} } @media (max-width:1200px){ .function-sidebar{flex-basis:168px!important;width:168px!important;min-width:168px!important;} .main-content{max-width:calc(100vw - 168px)!important;} #graphicQuotePage .graphic-v110-info-grid,#graphicQuotePage .graphic-v110-defaults,#graphicQuotePage .graphic-v110-extra-fields,#graphicQuotePage .graphic-summary-grid{grid-template-columns:1fr 1fr!important;} } /* V113 全局 1920×1080 自适应布局修复 - 最终覆盖层 目标：1920×1080 下禁止页面被固定宽度撑破；多列表格压缩在当前内容区内显示。 */ :root{--v113-sidebar-w:188px;--v113-safe-gap:24px;} *{box-sizing:border-box;} body{min-width:0!important;} .app-header,.main-shell,.main-content,.page-view,.page-view.active{min-width:0!important;max-width:100%!important;box-sizing:border-box!important;} .main-shell{width:100vw!important;max-width:100vw!important;display:flex!important;gap:0!important;overflow:hidden!important;padding-right:0!important;} .function-sidebar{flex:0 0 var(--v113-sidebar-w)!important;width:var(--v113-sidebar-w)!important;min-width:var(--v113-sidebar-w)!important;max-width:var(--v113-sidebar-w)!important;} .main-content{flex:1 1 auto!important;width:calc(100vw - var(--v113-sidebar-w))!important;max-width:calc(100vw - var(--v113-sidebar-w))!important;min-width:0!important;overflow-x:hidden!important;overflow-y:auto!important;padding-left:14px!important;padding-right:14px!important;} .page-view.active{width:100%!important;overflow-x:hidden!important;} .page-view.active > *{max-width:100%!important;min-width:0!important;} /* 页面卡片/面板统一不撑出主内容 */ .quote-card,.legacy-panel,.simple-page,.control-band,.inventory-panel,.inventory-layout,.graphic-quote-v110,.table-card,.data-card,.card-panel{max-width:100%!important;min-width:0!important;box-sizing:border-box!important;} /* 顶部按钮区和筛选区自动换行，避免横向溢出 */ .toolbar,.toolbar-row,.batch-bar,.table-tools,.page-filter-bar,.order-action-bar,.order-filters,.filter-row,.form-row,.linked-selects{max-width:100%!important;min-width:0!important;box-sizing:border-box!important;display:flex;flex-wrap:wrap!important;align-items:center;gap:8px!important;overflow:visible!important;} .page-filter-bar input,.page-filter-bar select,.order-filters input,.order-filters select,.filter-row input,.filter-row select{min-width:0!important;max-width:100%!important;} /* 订单管理主页面：高度内自适应，表格不再撑破页面 */ #ordersPage.page-view.active{height:calc(100vh - 88px)!important;max-height:calc(100vh - 88px)!important;overflow:hidden!important;} #ordersPage .order-page-card,#ordersPage .quote-card,#ordersPage .legacy-panel{width:100%!important;max-width:100%!important;height:100%!important;max-height:100%!important;display:flex!important;flex-direction:column!important;overflow:hidden!important;} #ordersPage .order-action-bar{flex:0 0 auto!important;padding:10px 12px!important;gap:8px!important;} #ordersPage .order-filters{flex:0 0 auto!important;display:grid!important;grid-template-columns:minmax(105px,.52fr) minmax(220px,1.35fr) minmax(90px,.45fr) minmax(240px,1.4fr) minmax(120px,.62fr) minmax(130px,.7fr) auto auto minmax(80px,.45fr)!important;gap:8px!important;align-items:end!important;} #ordersPage .order-filters label,#ordersPage .order-filters input,#ordersPage .order-filters select{min-width:0!important;width:100%!important;} #ordersPage .data-table-wrap,#ordersPage .order-table-wrap{flex:1 1 auto!important;min-height:0!important;max-width:100%!important;width:100%!important;overflow:hidden!important;border-radius:0 0 20px 20px!important;} #ordersPage .orders-table{width:100%!important;min-width:0!important;max-width:100%!important;table-layout:fixed!important;border-collapse:separate!important;border-spacing:0!important;} #ordersPage .orders-table th,#ordersPage .orders-table td{box-sizing:border-box!important;padding:6px 4px!important;font-size:11px!important;line-height:1.25!important;text-align:center!important;vertical-align:middle!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;word-break:normal!important;min-width:0!important;max-width:none!important;height:38px!important;} #ordersPage .orders-table tbody tr{height:38px!important;} #ordersPage .orders-table .order-cell-clamp{display:block!important;max-width:100%!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;line-height:1.25!important;} #ordersPage .orders-table .order-note-cell .order-cell-clamp{display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;white-space:normal!important;line-height:1.25!important;} #ordersPage .order-customer-cell{max-width:100%!important;min-width:0!important;} #ordersPage .order-customer-cell strong,#ordersPage .order-customer-cell span{display:block!important;max-width:100%!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;} #ordersPage .orders-table input[type="checkbox"],#orderSelectAll{width:13px!important;height:13px!important;min-width:13px!important;} #ordersPage .orders-table .order-thumb-btn,#ordersPage .orders-table .order-file-badge-btn{width:34px!important;height:28px!important;min-width:34px!important;max-width:34px!important;border-radius:8px!important;} #ordersPage .orders-table .order-thumb-btn img{max-width:100%!important;max-height:100%!important;object-fit:contain!important;} #ordersPage .orders-table .order-image-badge,#ordersPage .orders-table .order-file-badge-btn em{min-width:15px!important;height:15px!important;line-height:15px!important;font-size:10px!important;right:-4px!important;top:-4px!important;} /* 21列宽度按 1920 剩余内容区强制分配 */ #ordersPage .orders-table th:nth-child(1),#ordersPage .orders-table td:nth-child(1){width:2.2%!important;} #ordersPage .orders-table th:nth-child(2),#ordersPage .orders-table td:nth-child(2){width:2.8%!important;} #ordersPage .orders-table th:nth-child(3),#ordersPage .orders-table td:nth-child(3){width:5.7%!important;} #ordersPage .orders-table th:nth-child(4),#ordersPage .orders-table td:nth-child(4){width:8.0%!important;} #ordersPage .orders-table th:nth-child(5),#ordersPage .orders-table td:nth-child(5){width:7.2%!important;} #ordersPage .orders-table th:nth-child(6),#ordersPage .orders-table td:nth-child(6){width:5.0%!important;} #ordersPage .orders-table th:nth-child(7),#ordersPage .orders-table td:nth-child(7){width:5.8%!important;} #ordersPage .orders-table th:nth-child(8),#ordersPage .orders-table td:nth-child(8){width:5.5%!important;} #ordersPage .orders-table th:nth-child(9),#ordersPage .orders-table td:nth-child(9){width:4.2%!important;} #ordersPage .orders-table th:nth-child(10),#ordersPage .orders-table td:nth-child(10){width:4.4%!important;} #ordersPage .orders-table th:nth-child(11),#ordersPage .orders-table td:nth-child(11){width:4.2%!important;} #ordersPage .orders-table th:nth-child(12),#ordersPage .orders-table td:nth-child(12){width:4.2%!important;} #ordersPage .orders-table th:nth-child(13),#ordersPage .orders-table td:nth-child(13){width:3.0%!important;} #ordersPage .orders-table th:nth-child(14),#ordersPage .orders-table td:nth-child(14){width:4.2%!important;} #ordersPage .orders-table th:nth-child(15),#ordersPage .orders-table td:nth-child(15){width:7.4%!important;} #ordersPage .orders-table th:nth-child(16),#ordersPage .orders-table td:nth-child(16){width:3.8%!important;} #ordersPage .orders-table th:nth-child(17),#ordersPage .orders-table td:nth-child(17){width:3.5%!important;} #ordersPage .orders-table th:nth-child(18),#ordersPage .orders-table td:nth-child(18){width:4.2%!important;} #ordersPage .orders-table th:nth-child(19),#ordersPage .orders-table td:nth-child(19){width:5.2%!important;} #ordersPage .orders-table th:nth-child(20),#ordersPage .orders-table td:nth-child(20){width:5.0%!important;} #ordersPage .orders-table th:nth-child(21),#ordersPage .orders-table td:nth-child(21){width:5.0%!important;} #ordersPage .order-table-footer,.order-table-footer,.table-footer{flex:0 0 auto!important;max-width:100%!important;overflow:hidden!important;} /* 今日订单/报表订单表也压缩在页面内部 */ .report-table-wrap,.data-table-wrap,.legacy-table-wrap{max-width:100%!important;min-width:0!important;overflow:hidden!important;} .report-orders-table,#todayOrdersPage .report-orders-table{width:100%!important;min-width:0!important;max-width:100%!important;table-layout:fixed!important;} .report-orders-table th,.report-orders-table td,#todayOrdersPage .report-orders-table th,#todayOrdersPage .report-orders-table td{font-size:11px!important;padding:6px 4px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;min-width:0!important;} /* 二级订单弹窗和所有大弹窗：内部滚动，不撑出 1080 高度 */ .modal,.oq-modal,.order-detail-modal,.order-edit-modal,#orderEditModal{max-width:100vw!important;max-height:100vh!important;overflow:hidden!important;} .oq-modal-card,.order-detail-card,.order-edit-card,.modal-card{max-width:min(92vw,1480px)!important;max-height:calc(100vh - 48px)!important;min-width:0!important;display:flex!important;flex-direction:column!important;overflow:hidden!important;} .oq-modal-body,.modal-body,.order-detail-body,.order-edit-body{flex:1 1 auto!important;min-height:0!important;overflow:auto!important;max-width:100%!important;} .oq-modal-foot,.modal-actions,.order-modal-actions{flex:0 0 auto!important;} .oq-modal-card .order-form-grid,.order-form-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:12px!important;max-width:100%!important;} .order-upload-grid,.order-upload-row,.upload-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important;max-width:100%!important;} .upload-box,.file-upload-box,.image-upload-box{min-width:0!important;max-width:100%!important;overflow:hidden!important;} .upload-box *,.file-upload-box *,.image-upload-box *{max-width:100%!important;} /* 图文报价：取消超大 min-width，表格只在本卡片内压缩显示 */ #graphicQuotePage.page-view.active{height:calc(100vh - 90px)!important;overflow:hidden!important;} #graphicQuotePage .graphic-quote-v110{height:100%!important;max-height:100%!important;overflow:auto!important;} #graphicQuotePage .graphic-v110-info-grid{grid-template-columns:repeat(6,minmax(0,1fr))!important;} #graphicQuotePage .graphic-v110-workbench{grid-template-columns:minmax(0,1.2fr) minmax(260px,.8fr)!important;} #graphicQuotePage .graphic-v110-table-scroll{max-width:100%!important;overflow:auto!important;} #graphicQuotePage .graphic-v110-table{width:100%!important;min-width:0!important;table-layout:fixed!important;} #graphicQuotePage .graphic-v110-table th,#graphicQuotePage .graphic-v110-table td{font-size:12px!important;padding:6px 4px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;} #graphicQuotePage .graphic-v110-bottom{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;} /* 库存/产品卡片区不留横向溢出 */ #inventoryPage,#productManagePage,#quoteSystemPage{max-width:100%!important;overflow-x:hidden!important;} #inventoryPage .inv-clean-grid{max-width:100%!important;grid-template-columns:repeat(8,minmax(0,1fr))!important;gap:12px!important;} #inventoryPage .inv-clean-card{width:100%!important;min-width:0!important;max-width:100%!important;} @media (max-width:1800px){ :root{--v113-sidebar-w:178px;} #ordersPage .order-filters{grid-template-columns:repeat(4,minmax(0,1fr))!important;} #ordersPage .orders-table th,#ordersPage .orders-table td{font-size:10.5px!important;padding-left:3px!important;padding-right:3px!important;} #graphicQuotePage .graphic-v110-info-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;} #graphicQuotePage .graphic-v110-workbench,#graphicQuotePage .graphic-v110-bottom{grid-template-columns:1fr!important;} #inventoryPage .inv-clean-grid{grid-template-columns:repeat(6,minmax(0,1fr))!important;} } @media (max-width:1280px){ :root{--v113-sidebar-w:168px;} #ordersPage .order-filters{grid-template-columns:repeat(2,minmax(0,1fr))!important;} .order-upload-grid,.order-upload-row,.upload-grid{grid-template-columns:1fr!important;} .oq-modal-card .order-form-grid,.order-form-grid{grid-template-columns:1fr!important;} #inventoryPage .inv-clean-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;} } /* V114 订单管理表格自适应布局修复版 目标：主页面永不被订单表格撑破；订单表格在自身容器内横向滚动；列宽按分辨率自适应。 */ :root{ --v114-sidebar-w: 188px; --v114-shell-pad-x: clamp(6px, .7vw, 14px); --v114-table-font: var(--order-table-font, 12px); } html, body{ width:100% !important; max-width:100% !important; overflow-x:hidden !important; } .app-header{ width:100vw !important; max-width:100vw !important; padding-left:clamp(18px,1.5vw,28px) !important; padding-right:clamp(18px,1.5vw,28px) !important; box-sizing:border-box !important; } .main-shell{ width:100vw !important; max-width:100vw !important; display:flex !important; gap:clamp(6px,.6vw,12px) !important; padding:0 var(--v114-shell-pad-x) clamp(14px,1.2vw,24px) var(--v114-shell-pad-x) !important; box-sizing:border-box !important; overflow:hidden !important; } .function-sidebar{ flex:0 0 var(--v114-sidebar-w) !important; width:var(--v114-sidebar-w) !important; min-width:var(--v114-sidebar-w) !important; max-width:var(--v114-sidebar-w) !important; } .main-content{ flex:1 1 auto !important; width:auto !important; max-width:none !important; min-width:0 !important; padding-left:0 !important; padding-right:0 !important; overflow-x:hidden !important; overflow-y:auto !important; } .page-view, .page-view.active{ width:100% !important; max-width:100% !important; min-width:0 !important; overflow-x:hidden !important; } #ordersPage.page-view.active{ height:calc(100vh - 92px) !important; max-height:calc(100vh - 92px) !important; overflow:hidden !important; } #ordersPage .order-page-card{ width:100% !important; max-width:100% !important; min-width:0 !important; height:100% !important; max-height:100% !important; display:flex !important; flex-direction:column !important; overflow:hidden !important; margin-left:0 !important; margin-right:0 !important; } #ordersPage .order-page-card > h2{ flex:0 0 auto !important; } #ordersPage .order-action-bar{ flex:0 0 auto !important; width:100% !important; max-width:100% !important; display:flex !important; flex-wrap:wrap !important; align-items:center !important; gap:clamp(6px,.45vw,10px) !important; padding:10px 12px !important; overflow:visible !important; } #ordersPage .order-action-group{ min-width:0 !important; display:flex !important; flex-wrap:wrap !important; gap:clamp(5px,.4vw,8px) !important; } #ordersPage .page-filter-bar.order-filter-bar-v96{ flex:0 0 auto !important; width:100% !important; max-width:100% !important; display:grid !important; grid-template-columns:minmax(7rem,.58fr) minmax(14rem,1.4fr) minmax(6rem,.55fr) minmax(15rem,1.45fr) minmax(8rem,.72fr) minmax(8.5rem,.78fr) auto 1fr auto minmax(5.5rem,.42fr) !important; align-items:end !important; gap:clamp(6px,.5vw,10px) !important; overflow:visible !important; } #ordersPage .page-filter-bar.order-filter-bar-v96 label, #ordersPage .page-filter-bar.order-filter-bar-v96 input, #ordersPage .page-filter-bar.order-filter-bar-v96 select{ min-width:0 !important; width:100% !important; max-width:100% !important; } #ordersPage .data-table-wrap.order-table-wrap{ flex:1 1 auto !important; min-height:0 !important; width:100% !important; max-width:100% !important; overflow-x:auto !important; overflow-y:auto !important; border-radius:0 0 20px 20px !important; scrollbar-gutter:stable both-edges !important; } #ordersPage .orders-table{ table-layout:fixed !important; width:max(100%, 118rem) !important; min-width:118rem !important; max-width:none !important; border-collapse:separate !important; border-spacing:0 !important; } #ordersPage .orders-table thead th{ position:sticky !important; top:0 !important; z-index:6 !important; } #ordersPage .orders-table th, #ordersPage .orders-table td{ box-sizing:border-box !important; height:clamp(2.15rem,2.2vw,2.75rem) !important; max-height:none !important; padding:clamp(.25rem,.35vw,.42rem) clamp(.18rem,.28vw,.36rem) !important; font-size:var(--v114-table-font) !important; line-height:1.25 !important; text-align:center !important; vertical-align:middle !important; white-space:nowrap !important; overflow:hidden !important; text-overflow:ellipsis !important; word-break:normal !important; } #ordersPage .orders-table .order-cell-clamp{ display:block !important; width:100% !important; max-width:100% !important; min-width:0 !important; overflow:hidden !important; text-overflow:ellipsis !important; white-space:nowrap !important; line-height:1.25 !important; } #ordersPage .orders-table .order-note-cell .order-cell-clamp{ display:block !important; white-space:nowrap !important; text-align:center !important; } #ordersPage .order-customer-cell, #ordersPage .order-customer-cell strong, #ordersPage .order-customer-cell span{ display:block !important; width:100% !important; max-width:100% !important; overflow:hidden !important; text-overflow:ellipsis !important; white-space:nowrap !important; } /* 列宽使用 clamp/rem/vw，避免固定像素；表格不足时内部横向滚动，宽屏时自动拉伸。 */ #ordersPage .orders-table th:nth-child(1),#ordersPage .orders-table td:nth-child(1){width:clamp(1.8rem,1.25vw,2.5rem)!important;min-width:clamp(1.8rem,1.25vw,2.5rem)!important;max-width:clamp(1.8rem,1.25vw,2.5rem)!important;} #ordersPage .orders-table th:nth-child(2),#ordersPage .orders-table td:nth-child(2){width:clamp(2.2rem,1.55vw,3.1rem)!important;min-width:clamp(2.2rem,1.55vw,3.1rem)!important;} #ordersPage .orders-table th:nth-child(3),#ordersPage .orders-table td:nth-child(3){width:clamp(5.1rem,3.9vw,7.2rem)!important;min-width:clamp(5.1rem,3.9vw,7.2rem)!important;} #ordersPage .orders-table th:nth-child(4),#ordersPage .orders-table td:nth-child(4){width:clamp(7rem,5.2vw,10.5rem)!important;min-width:clamp(7rem,5.2vw,10.5rem)!important;} #ordersPage .orders-table th:nth-child(5),#ordersPage .orders-table td:nth-child(5){width:clamp(7rem,5.4vw,10.5rem)!important;min-width:clamp(7rem,5.4vw,10.5rem)!important;} #ordersPage .orders-table th:nth-child(6),#ordersPage .orders-table td:nth-child(6){width:clamp(5rem,3.7vw,7rem)!important;min-width:clamp(5rem,3.7vw,7rem)!important;} #ordersPage .orders-table th:nth-child(7),#ordersPage .orders-table td:nth-child(7){width:clamp(6rem,4.4vw,8.4rem)!important;min-width:clamp(6rem,4.4vw,8.4rem)!important;} #ordersPage .orders-table th:nth-child(8),#ordersPage .orders-table td:nth-child(8){width:clamp(5.5rem,4vw,7.6rem)!important;min-width:clamp(5.5rem,4vw,7.6rem)!important;} #ordersPage .orders-table th:nth-child(9),#ordersPage .orders-table td:nth-child(9){width:clamp(3.9rem,2.8vw,5.3rem)!important;min-width:clamp(3.9rem,2.8vw,5.3rem)!important;} #ordersPage .orders-table th:nth-child(10),#ordersPage .orders-table td:nth-child(10){width:clamp(4.4rem,3vw,5.8rem)!important;min-width:clamp(4.4rem,3vw,5.8rem)!important;} #ordersPage .orders-table th:nth-child(11),#ordersPage .orders-table td:nth-child(11){width:clamp(4.1rem,2.8vw,5.5rem)!important;min-width:clamp(4.1rem,2.8vw,5.5rem)!important;} #ordersPage .orders-table th:nth-child(12),#ordersPage .orders-table td:nth-child(12){width:clamp(4.1rem,2.8vw,5.5rem)!important;min-width:clamp(4.1rem,2.8vw,5.5rem)!important;} #ordersPage .orders-table th:nth-child(13),#ordersPage .orders-table td:nth-child(13){width:clamp(2.6rem,1.8vw,3.5rem)!important;min-width:clamp(2.6rem,1.8vw,3.5rem)!important;} #ordersPage .orders-table th:nth-child(14),#ordersPage .orders-table td:nth-child(14){width:clamp(4.6rem,3.2vw,6.2rem)!important;min-width:clamp(4.6rem,3.2vw,6.2rem)!important;} #ordersPage .orders-table th:nth-child(15),#ordersPage .orders-table td:nth-child(15){width:clamp(6rem,4.2vw,8.2rem)!important;min-width:clamp(6rem,4.2vw,8.2rem)!important;text-align:center!important;} #ordersPage .orders-table th:nth-child(16),#ordersPage .orders-table td:nth-child(16){width:clamp(3rem,2.1vw,4rem)!important;min-width:clamp(3rem,2.1vw,4rem)!important;} #ordersPage .orders-table th:nth-child(17),#ordersPage .orders-table td:nth-child(17){width:clamp(2.9rem,2vw,3.8rem)!important;min-width:clamp(2.9rem,2vw,3.8rem)!important;} #ordersPage .orders-table th:nth-child(18),#ordersPage .orders-table td:nth-child(18){width:clamp(4.2rem,3vw,5.8rem)!important;min-width:clamp(4.2rem,3vw,5.8rem)!important;} #ordersPage .orders-table th:nth-child(19),#ordersPage .orders-table td:nth-child(19){width:clamp(5rem,3.6vw,7rem)!important;min-width:clamp(5rem,3.6vw,7rem)!important;} #ordersPage .orders-table th:nth-child(20),#ordersPage .orders-table td:nth-child(20){width:clamp(5.7rem,4vw,7.8rem)!important;min-width:clamp(5.7rem,4vw,7.8rem)!important;} #ordersPage .orders-table th:nth-child(21),#ordersPage .orders-table td:nth-child(21){width:clamp(5.8rem,4.1vw,8rem)!important;min-width:clamp(5.8rem,4.1vw,8rem)!important;} #ordersPage .orders-table input[type="checkbox"], #orderSelectAll{ width:clamp(.75rem,.8vw,1rem)!important; height:clamp(.75rem,.8vw,1rem)!important; min-width:clamp(.75rem,.8vw,1rem)!important; } #ordersPage .orders-table .order-thumb-btn, #ordersPage .orders-table .order-file-badge-btn{ width:clamp(1.9rem,1.65vw,2.5rem)!important; height:clamp(1.55rem,1.35vw,2rem)!important; min-width:clamp(1.9rem,1.65vw,2.5rem)!important; max-width:clamp(1.9rem,1.65vw,2.5rem)!important; border-radius:.5rem!important; } #ordersPage .orders-table .order-thumb-btn img{ width:100%!important; height:100%!important; object-fit:contain!important; } #ordersPage .amount-summary-bar, #ordersPage .pager-bar{ width:100% !important; min-width:0 !important; position:sticky !important; left:0 !important; z-index:7 !important; box-sizing:border-box !important; } #ordersPage .pager-bar{ background:rgba(255,255,255,.9) !important; } /* 今日订单使用同一套“容器内横向滚动”逻辑 */ #todayOrdersPage .report-table-wrap{ width:100%!important; max-width:100%!important; overflow:auto!important; scrollbar-gutter:stable both-edges!important; } #todayOrdersPage .report-orders-table{ table-layout:fixed!important; width:max(100%, 112rem)!important; min-width:112rem!important; max-width:none!important; } #todayOrdersPage .report-orders-table th, #todayOrdersPage .report-orders-table td{ white-space:nowrap!important; overflow:hidden!important; text-overflow:ellipsis!important; } @media (max-width:1800px){ :root{--v114-sidebar-w:178px;} #ordersPage .page-filter-bar.order-filter-bar-v96{grid-template-columns:repeat(4,minmax(0,1fr)) auto auto!important;} #ordersPage .orders-table{width:max(100%,112rem)!important;min-width:112rem!important;} } @media (max-width:1280px){ :root{--v114-sidebar-w:168px;} #ordersPage .page-filter-bar.order-filter-bar-v96{grid-template-columns:repeat(2,minmax(0,1fr))!important;} #ordersPage .orders-table{width:max(100%,108rem)!important;min-width:108rem!important;} } /* V115 订单管理表格滚动与列宽彻底修复：主页面不横向撑破，订单表格内部横向滚动，备注移入右侧扩展列 */ :root{ --v115-sidebar-w: 188px; --v115-shell-gap: 6px; --v115-shell-pad-x: 6px; } html,body{ width:100%!important; max-width:100%!important; overflow-x:hidden!important; } .main-shell{ width:100vw!important; max-width:100vw!important; padding-left:var(--v115-shell-pad-x)!important; padding-right:var(--v115-shell-pad-x)!important; gap:var(--v115-shell-gap)!important; box-sizing:border-box!important; overflow:hidden!important; } .function-sidebar{ flex:0 0 var(--v115-sidebar-w)!important; width:var(--v115-sidebar-w)!important; min-width:var(--v115-sidebar-w)!important; max-width:var(--v115-sidebar-w)!important; } .main-content{ flex:1 1 auto!important; min-width:0!important; width:auto!important; max-width:calc(100vw - var(--v115-sidebar-w) - var(--v115-shell-gap) - var(--v115-shell-pad-x) * 2)!important; padding-left:0!important; padding-right:0!important; overflow-x:hidden!important; } #ordersPage.page-view, #ordersPage.page-view.active{ width:100%!important; max-width:100%!important; min-width:0!important; overflow:hidden!important; } #ordersPage .order-page-card{ width:100%!important; max-width:100%!important; min-width:0!important; margin-left:0!important; margin-right:0!important; padding-left:0!important; padding-right:0!important; overflow:hidden!important; } #ordersPage .order-action-bar, #ordersPage .page-filter-bar.order-filter-bar-v96{ margin-left:10px!important; margin-right:10px!important; width:calc(100% - 20px)!important; max-width:calc(100% - 20px)!important; box-sizing:border-box!important; } #ordersPage .data-table-wrap.order-table-wrap{ width:100%!important; max-width:100%!important; min-width:0!important; flex:1 1 auto!important; min-height:0!important; overflow-x:scroll!important; overflow-y:auto!important; overflow-inline:scroll!important; scrollbar-gutter:stable both-edges!important; border-radius:0 0 20px 20px!important; padding-bottom:8px!important; } #ordersPage .data-table-wrap.order-table-wrap::-webkit-scrollbar{height:12px;width:12px;} #ordersPage .data-table-wrap.order-table-wrap::-webkit-scrollbar-thumb{background:rgba(11,122,117,.35);border-radius:999px;border:3px solid rgba(255,255,255,.75);} #ordersPage .data-table-wrap.order-table-wrap::-webkit-scrollbar-track{background:rgba(11,122,117,.07);border-radius:999px;} #ordersPage .orders-table{ table-layout:fixed!important; width:max-content!important; min-width:100%!important; max-width:none!important; border-collapse:separate!important; border-spacing:0!important; } #ordersPage .orders-table th, #ordersPage .orders-table td{ box-sizing:border-box!important; height:40px!important; padding:6px 5px!important; font-size:11.5px!important; line-height:1.25!important; text-align:center!important; vertical-align:middle!important; white-space:nowrap!important; overflow:hidden!important; text-overflow:ellipsis!important; word-break:normal!important; min-width:0!important; } #ordersPage .orders-table .order-cell-clamp{ display:block!important; width:100%!important; max-width:100%!important; min-width:0!important; overflow:hidden!important; text-overflow:ellipsis!important; white-space:nowrap!important; line-height:1.25!important; } #ordersPage .orders-table .order-extended-note-cell .order-cell-clamp{ text-align:center!important; white-space:nowrap!important; } #ordersPage .orders-table th:nth-child(1),#ordersPage .orders-table td:nth-child(1){width:2.2rem!important;min-width:2.2rem!important;max-width:2.2rem!important;} #ordersPage .orders-table th:nth-child(2),#ordersPage .orders-table td:nth-child(2){width:3rem!important;min-width:3rem!important;max-width:3rem!important;} #ordersPage .orders-table th:nth-child(3),#ordersPage .orders-table td:nth-child(3){width:6.1rem!important;min-width:6.1rem!important;max-width:6.1rem!important;} #ordersPage .orders-table th:nth-child(4),#ordersPage .orders-table td:nth-child(4){width:8.2rem!important;min-width:8.2rem!important;max-width:8.2rem!important;} #ordersPage .orders-table th:nth-child(5),#ordersPage .orders-table td:nth-child(5){width:10rem!important;min-width:10rem!important;max-width:10rem!important;} #ordersPage .orders-table th:nth-child(6),#ordersPage .orders-table td:nth-child(6){width:6.2rem!important;min-width:6.2rem!important;max-width:6.2rem!important;} #ordersPage .orders-table th:nth-child(7),#ordersPage .orders-table td:nth-child(7){width:8.5rem!important;min-width:8.5rem!important;max-width:8.5rem!important;} #ordersPage .orders-table th:nth-child(8),#ordersPage .orders-table td:nth-child(8){width:7.2rem!important;min-width:7.2rem!important;max-width:7.2rem!important;} #ordersPage .orders-table th:nth-child(9),#ordersPage .orders-table td:nth-child(9){width:4.5rem!important;min-width:4.5rem!important;max-width:4.5rem!important;} #ordersPage .orders-table th:nth-child(10),#ordersPage .orders-table td:nth-child(10){width:4.8rem!important;min-width:4.8rem!important;max-width:4.8rem!important;} #ordersPage .orders-table th:nth-child(11),#ordersPage .orders-table td:nth-child(11){width:4.8rem!important;min-width:4.8rem!important;max-width:4.8rem!important;} #ordersPage .orders-table th:nth-child(12),#ordersPage .orders-table td:nth-child(12){width:4.8rem!important;min-width:4.8rem!important;max-width:4.8rem!important;} #ordersPage .orders-table th:nth-child(13),#ordersPage .orders-table td:nth-child(13){width:3.2rem!important;min-width:3.2rem!important;max-width:3.2rem!important;} #ordersPage .orders-table th:nth-child(14),#ordersPage .orders-table td:nth-child(14){width:5.2rem!important;min-width:5.2rem!important;max-width:5.2rem!important;} #ordersPage .orders-table th:nth-child(15),#ordersPage .orders-table td:nth-child(15){width:3.6rem!important;min-width:3.6rem!important;max-width:3.6rem!important;overflow:visible!important;} #ordersPage .orders-table th:nth-child(16),#ordersPage .orders-table td:nth-child(16){width:3.6rem!important;min-width:3.6rem!important;max-width:3.6rem!important;overflow:visible!important;} #ordersPage .orders-table th:nth-child(17),#ordersPage .orders-table td:nth-child(17){width:4.8rem!important;min-width:4.8rem!important;max-width:4.8rem!important;} #ordersPage .orders-table th:nth-child(18),#ordersPage .orders-table td:nth-child(18){width:6.8rem!important;min-width:6.8rem!important;max-width:6.8rem!important;} #ordersPage .orders-table th:nth-child(19),#ordersPage .orders-table td:nth-child(19){width:8rem!important;min-width:8rem!important;max-width:8rem!important;} #ordersPage .orders-table th:nth-child(20),#ordersPage .orders-table td:nth-child(20){width:8rem!important;min-width:8rem!important;max-width:8rem!important;} #ordersPage .orders-table th:nth-child(21),#ordersPage .orders-table td:nth-child(21){width:12rem!important;min-width:12rem!important;max-width:12rem!important;} #ordersPage .orders-table .order-media-cell, #ordersPage .orders-table .order-file-cell{ overflow:visible!important; } #ordersPage .orders-table .order-thumb-btn, #ordersPage .orders-table .order-file-badge-btn{ position:relative!important; display:inline-flex!important; align-items:center!important; justify-content:center!important; width:2.25rem!important; height:1.8rem!important; min-width:2.25rem!important; max-width:2.25rem!important; overflow:visible!important; border-radius:.5rem!important; z-index:10!important; } #ordersPage .orders-table .order-thumb-btn img{ width:100%!important; height:100%!important; object-fit:contain!important; display:block!important; border-radius:.45rem!important; } #ordersPage .orders-table .order-image-badge, #ordersPage .orders-table .order-file-badge-btn em, #ordersPage .orders-table .order-thumb-btn b{ position:absolute!important; right:-.45rem!important; top:-.45rem!important; z-index:99!important; min-width:1.1rem!important; height:1.1rem!important; line-height:1.1rem!important; padding:0 .28rem!important; border-radius:999px!important; background:#0b8f87!important; color:#fff!important; font-size:.62rem!important; font-weight:900!important; text-align:center!important; box-shadow:0 3px 9px rgba(0,0,0,.22)!important; font-style:normal!important; } #ordersPage .amount-summary-bar, #ordersPage .pager-bar{ position:sticky!important; left:0!important; width:100%!important; min-width:0!important; max-width:100%!important; box-sizing:border-box!important; z-index:20!important; } #ordersPage .pager-bar{background:rgba(255,255,255,.94)!important;} @media (min-width: 2200px){ #ordersPage .orders-table th,#ordersPage .orders-table td{font-size:12px!important;} } @media (max-width: 1700px){ :root{--v115-sidebar-w:178px;--v115-shell-gap:4px;--v115-shell-pad-x:4px;} } /* V116 首页布局空隙与阴影修复版 仅修复首页：左侧菜单与内容区空隙、首页卡片阴影断层、工作任务区高度对齐。 */ :root{ --v116-sidebar-w: 166px; --v116-shell-gap: 8px; --v116-shell-pad-x: 10px; --v116-shell-pad-bottom: 10px; } /* 主框架恢复为明确的两列 Grid，避免旧 flex/grid 混用导致左侧栏实际宽度与占位宽度不一致 */ body:not(.auth-pending) .main-shell, body:not(.is-login-view) .main-shell{ display:grid!important; grid-template-columns:var(--v116-sidebar-w) minmax(0,1fr)!important; column-gap:var(--v116-shell-gap)!important; row-gap:0!important; width:100vw!important; max-width:100vw!important; height:calc(100vh - 102px)!important; min-height:0!important; padding:0 var(--v116-shell-pad-x) var(--v116-shell-pad-bottom) var(--v116-shell-pad-x)!important; box-sizing:border-box!important; overflow:hidden!important; } body:not(.auth-pending) .function-sidebar, body:not(.is-login-view) .function-sidebar{ grid-column:1!important; width:var(--v116-sidebar-w)!important; min-width:var(--v116-sidebar-w)!important; max-width:var(--v116-sidebar-w)!important; height:100%!important; min-height:0!important; overflow-y:auto!important; overflow-x:hidden!important; box-sizing:border-box!important; } body:not(.auth-pending) .main-content, body:not(.is-login-view) .main-content{ grid-column:2!important; width:100%!important; max-width:100%!important; min-width:0!important; height:100%!important; min-height:0!important; padding:0!important; margin:0!important; box-sizing:border-box!important; overflow:hidden!important; } /* 首页本身使用统一容器：上下两个大卡片同一左边界，不再出现阴影从中间断开的视觉问题 */ #tasksPage.page-view.active{ width:100%!important; max-width:100%!important; height:100%!important; min-height:0!important; display:flex!important; flex-direction:column!important; gap:10px!important; padding:0 8px 0 8px!important; margin:0!important; box-sizing:border-box!important; overflow:visible!important; } #taskPanelBody .task-toolbar{ flex:0 0 auto!important; } /* 首页快捷卡片里的阴影、hover、图标不被父级切掉 */ #tasksPage .home-dashboard-body{ width:100%!important; max-width:100%!important; min-width:0!important; box-sizing:border-box!important; } /* 左侧菜单保持当前视觉，但减少过宽占位造成的空白 */ .function-sidebar .side-menu{ grid-template-columns:32px minmax(0,1fr)!important; min-height:40px!important; padding:8px 10px!important; gap:8px!important; } .function-sidebar .side-icon{ width:22px!important; height:22px!important; min-width:22px!important; border-radius:8px!important; font-size:14px!important; } .function-sidebar .side-menu strong{ font-size:13px!important; white-space:nowrap!important; overflow:hidden!important; text-overflow:ellipsis!important; } .function-sidebar .side-group-title{ padding:8px 10px!important; font-size:13px!important; min-height:34px!important; } .function-sidebar .side-group.open{ min-height:0!important; } @media (max-width:1700px){ :root{--v116-sidebar-w:158px;--v116-shell-gap:6px;--v116-shell-pad-x:8px;} #tasksPage.page-view.active{padding-left:6px!important;padding-right:6px!important;} } /* ========================================================= V125 首页 UI 回退 V116 与垃圾样式清理版 只作用于首页任务中心、首页记事本、首页自由计算器；不影响订单/库存/图文报价/产品报价。 ========================================================= */ :root{ --v125-sidebar-w:216px; --v125-shell-gap:8px; --v125-shell-pad-x:10px; --v125-dash-btn:58px; --v125-dash-gap:10px; } body:not(.auth-pending):not(.is-login-view) .main-shell{ display:grid!important; grid-template-columns:var(--v125-sidebar-w) minmax(0,1fr)!important; column-gap:var(--v125-shell-gap)!important; width:100vw!important; max-width:100vw!important; height:calc(100vh - 102px)!important; min-height:0!important; padding:0 var(--v125-shell-pad-x) 10px var(--v125-shell-pad-x)!important; box-sizing:border-box!important; overflow:hidden!important; } body:not(.auth-pending):not(.is-login-view) .function-sidebar{ grid-column:1!important; width:var(--v125-sidebar-w)!important; min-width:var(--v125-sidebar-w)!important; max-width:var(--v125-sidebar-w)!important; height:100%!important; min-height:0!important; box-sizing:border-box!important; overflow-y:auto!important; overflow-x:hidden!important; } body:not(.auth-pending):not(.is-login-view) .main-content{ grid-column:2!important; width:100%!important; max-width:100%!important; min-width:0!important; height:100%!important; min-height:0!important; padding:0!important; margin:0!important; box-sizing:border-box!important; overflow:hidden!important; } #tasksPage.page-view.active{ width:100%!important; max-width:100%!important; height:100%!important; min-height:0!important; display:flex!important; flex-direction:column!important; gap:10px!important; padding:0 8px!important; margin:0!important; box-sizing:border-box!important; overflow:visible!important; } #tasksPage .home-dashboard-card, #tasksPage .task-panel{ width:100%!important; max-width:100%!important; margin-left:0!important; margin-right:0!important; box-sizing:border-box!important; border-radius:22px!important; background:rgba(255,255,255,.86)!important; border:1px solid rgba(11,122,117,.10)!important; box-shadow:0 18px 44px rgba(16,42,54,.075)!important; overflow:visible!important; } #tasksPage .home-dashboard-card{ flex:0 0 auto!important; margin-bottom:0!important; padding:12px 48px 12px 16px!important; } #tasksPage .task-panel{ flex:1 1 auto!important; min-height:0!important; display:flex!important; flex-direction:column!important; margin-bottom:0!important; } #taskPanelBody{ flex:1 1 auto!important; min-height:0!important; display:flex!important; flex-direction:column!important; overflow:hidden!important; } #taskPanelBody .legacy-table-wrap{ flex:1 1 auto!important; min-height:0!important; max-height:none!important; overflow-y:auto!important; overflow-x:hidden!important; } #tasksPage .legacy-title{flex:0 0 auto!important;} #tasksPage .home-dashboard-body, #tasksPage .dash-section, #tasksPage .dashboard-icon-row, #tasksPage .dash-link-grid, #tasksPage .dash-pill-grid{ overflow:visible!important; } #tasksPage .home-dashboard-body{ display:grid!important; grid-template-columns:max-content max-content max-content minmax(180px,1fr) 300px!important; gap:14px!important; align-items:stretch!important; width:100%!important; max-width:100%!important; min-width:0!important; box-sizing:border-box!important; } #tasksPage .dash-section{ min-width:0!important; padding:0 12px!important; border-right:1px solid rgba(11,122,117,.12)!important; box-sizing:border-box!important; } #tasksPage .dash-section:first-child{padding-left:0!important;} #tasksPage .dash-section h3{ margin:0 0 9px!important; white-space:nowrap!important; font-size:16px!important; color:#102033!important; font-weight:700!important; position:relative!important; padding-left:12px!important; } #tasksPage .dash-section h3::before{ content:""!important; position:absolute!important; left:0!important; top:3px!important; width:4px!important; height:18px!important; border-radius:9px!important; background:linear-gradient(180deg,#0b7a75,#d18412)!important; } #tasksPage .dash-pill-grid, #tasksPage .dash-link-grid, #tasksPage .dashboard-icon-row, #tasksPage .software-shortcut-row{ display:flex!important; flex-wrap:nowrap!important; align-items:center!important; justify-content:flex-start!important; gap:var(--v125-dash-gap)!important; } #tasksPage .dash-icon-btn, #tasksPage .dash-pill-grid > button, #tasksPage .dash-link-grid > button, #tasksPage .dashboard-icon-row > button, #tasksPage .software-shortcut-row > button{ flex:0 0 var(--v125-dash-btn)!important; width:var(--v125-dash-btn)!important; min-width:var(--v125-dash-btn)!important; max-width:var(--v125-dash-btn)!important; height:var(--v125-dash-btn)!important; min-height:var(--v125-dash-btn)!important; max-height:var(--v125-dash-btn)!important; border-radius:15px!important; display:grid!important; place-items:center!important; align-content:center!important; padding:5px!important; gap:2px!important; background:linear-gradient(135deg,rgba(11,122,117,.10),rgba(255,255,255,.86))!important; border:1px solid rgba(11,122,117,.08)!important; color:#0b6f6b!important; box-shadow:0 8px 24px rgba(20,80,78,.07)!important; font-weight:700!important; text-align:center!important; overflow:hidden!important; transform:none!important; box-sizing:border-box!important; cursor:pointer!important; opacity:.58!important; transition:opacity .25s ease, transform .25s ease, box-shadow .25s ease, background .25s ease!important; } #tasksPage .dash-icon-btn:hover, #tasksPage .dash-pill-grid > button:hover, #tasksPage .dash-link-grid > button:hover, #tasksPage .dashboard-icon-row > button:hover, #tasksPage .software-shortcut-row > button:hover{ opacity:1!important; transform:translateY(-2px)!important; box-shadow:0 12px 28px rgba(20,80,78,.13)!important; } #tasksPage .home-dashboard-body .line-icon{ position:relative!important; display:grid!important; place-items:center!important; width:24px!important; height:24px!important; min-width:24px!important; min-height:24px!important; max-width:24px!important; max-height:24px!important; margin:0!important; padding:0!important; border:0!important; border-radius:0!important; background:transparent!important; box-shadow:none!important; color:#5aa8a3!important; font-size:21px!important; font-weight:800!important; line-height:1!important; overflow:visible!important; } #tasksPage .home-dashboard-body .line-icon-square::before{ content:""!important; position:absolute!important; inset:3px!important; border:2px solid currentColor!important; border-radius:6px!important; background:transparent!important; box-shadow:none!important; } #tasksPage .home-dashboard-body .line-icon-square::after{content:none!important;} #tasksPage .home-dashboard-body .line-icon-plus{font-size:0!important;} #tasksPage .home-dashboard-body .line-icon-plus::before, #tasksPage .home-dashboard-body .line-icon-plus::after{ content:""!important; position:absolute!important; left:5px!important; right:5px!important; top:11px!important; height:2px!important; background:currentColor!important; border-radius:2px!important; } #tasksPage .home-dashboard-body .line-icon-plus::after{transform:rotate(90deg)!important;} #tasksPage .home-dashboard-body .line-icon-calc{font-size:0!important;} #tasksPage .home-dashboard-body .line-icon-calc::before{content:""!important;position:absolute!important;inset:3px!important;border:2px solid currentColor!important;border-radius:6px!important;box-shadow:inset 0 -7px 0 rgba(11,122,117,.12)!important;} #tasksPage .home-dashboard-body .line-icon-calc::after{content:""!important;position:absolute!important;left:7px!important;top:8px!important;width:10px!important;height:2px!important;background:currentColor!important;box-shadow:0 5px 0 currentColor!important;} #tasksPage .home-dashboard-body .line-icon-note{font-size:0!important;} #tasksPage .home-dashboard-body .line-icon-note::before{content:""!important;position:absolute!important;inset:4px 5px 3px 5px!important;border:2px solid currentColor!important;border-radius:4px!important;} #tasksPage .home-dashboard-body .line-icon-note::after{content:""!important;position:absolute!important;left:8px!important;right:8px!important;top:9px!important;height:2px!important;background:currentColor!important;box-shadow:0 5px 0 currentColor!important;} #tasksPage .home-dashboard-body .line-icon-product{font-size:0!important;} #tasksPage .home-dashboard-body .line-icon-product::before{content:""!important;position:absolute!important;inset:3px!important;border:2px solid currentColor!important;border-radius:5px!important;} #tasksPage .home-dashboard-body .line-icon-product::after{content:""!important;position:absolute!important;left:7px!important;right:7px!important;top:8px!important;height:2px!important;background:currentColor!important;box-shadow:0 5px 0 currentColor,0 10px 0 currentColor!important;border-radius:2px!important;} #tasksPage .home-dashboard-body .line-icon-ps, #tasksPage .home-dashboard-body .line-icon-ai, #tasksPage .home-dashboard-body .line-icon-cdr{font-size:0!important;} #tasksPage .home-dashboard-body .line-icon-ps::before, #tasksPage .home-dashboard-body .line-icon-ai::before, #tasksPage .home-dashboard-body .line-icon-cdr::before{ position:absolute!important; inset:1px!important; border:2px solid currentColor!important; border-radius:7px!important; display:grid!important; place-items:center!important; font-size:10px!important; font-weight:800!important; line-height:20px!important; white-space:nowrap!important; } #tasksPage .home-dashboard-body .line-icon-ps::before{content:"PS"!important;} #tasksPage .home-dashboard-body .line-icon-ai::before{content:"AI"!important;} #tasksPage .home-dashboard-body .line-icon-cdr::before{ content:"CDR"!important; font-family:Arial,sans-serif!important; font-size:8px!important; font-weight:700!important; letter-spacing:-.25px!important; line-height:1!important; } #tasksPage .dash-icon-btn small, #tasksPage .dash-pill-grid > button small, #tasksPage .dash-link-grid > button small, #tasksPage .dashboard-icon-row > button small, #tasksPage .software-shortcut-row > button small{ display:block!important; width:100%!important; max-width:54px!important; min-width:0!important; margin:0!important; padding:0!important; font-size:10px!important; line-height:1.1!important; font-weight:700!important; color:#0b6f6b!important; white-space:nowrap!important; overflow:hidden!important; text-overflow:ellipsis!important; } #tasksPage .dash-reminder{ min-width:180px!important; overflow:hidden!important; } #tasksPage .dash-reminder .reminder-ticker{ height:48px!important; line-height:48px!important; white-space:nowrap!important; overflow:hidden!important; text-overflow:ellipsis!important; color:#0b7a75!important; font-size:18px!important; font-weight:700!important; } #tasksPage .dash-clock{ width:300px!important; min-width:300px!important; max-width:300px!important; text-align:center!important; color:#a8d8d5!important; align-self:center!important; } #tasksPage .dash-clock strong{ display:block!important; font-size:38px!important; line-height:1!important; font-weight:800!important; letter-spacing:2px!important; } #tasksPage .dash-clock div{ margin-top:10px!important; color:#566477!important; font-size:14px!important; white-space:nowrap!important; } /* 工作任务工具栏恢复 V116 的单行排版 */ #tasksPage .home-task-toolbar-v92{ display:flex!important; flex-wrap:nowrap!important; align-items:center!important; gap:8px!important; padding:12px 16px 14px!important; overflow-x:auto!important; overflow-y:hidden!important; } #tasksPage .home-task-toolbar-v92 label{ display:flex!important; align-items:center!important; gap:6px!important; margin:0!important; color:#344054!important; font-size:13px!important; font-weight:400!important; white-space:nowrap!important; } #tasksPage .home-task-toolbar-v92 input, #tasksPage .home-task-toolbar-v92 select{ height:34px!important; border-radius:12px!important; border:1px solid rgba(11,122,117,.14)!important; background:rgba(255,255,255,.86)!important; padding:0 12px!important; box-sizing:border-box!important; color:#102033!important; font-size:13px!important; } #tasksPage .task-add-field{flex:1 1 430px!important;min-width:280px!important;} #tasksPage .task-add-field input{width:100%!important;min-width:0!important;} #tasksPage .task-rank-field{flex:0 0 92px!important;} #tasksPage .task-rank-field select{width:92px!important;} #tasksPage #homeTaskAdd{height:34px!important;min-width:72px!important;padding:0 14px!important;border-radius:12px!important;flex:0 0 auto!important;} /* worker link fields */ #tasksPage .home-task-toolbar-v92 #homeTaskWorkerFilter{width:112px!important;} #homeTaskRows .home-task-worker-cell, #tasksPage #homeTaskRows .home-task-worker-cell{ max-width:106px!important; min-width:82px!important; text-align:center!important; vertical-align:middle!important; } #homeTaskRows .task-worker-select, #tasksPage #homeTaskRows .task-worker-select{ width:86px!important; min-width:86px!important; max-width:86px!important; height:28px!important; margin:0 auto!important; display:block!important; text-align:center!important; text-align-last:center!important; border:0!important; background:transparent!important; box-shadow:none!important; color:#102033!important; font-size:12px!important; font-weight:400!important; padding:0 4px!important; } #homeTaskRows .task-worker-select:hover, #homeTaskRows .task-worker-select:focus, #tasksPage #homeTaskRows .task-worker-select:hover, #tasksPage #homeTaskRows .task-worker-select:focus{ background:rgba(255,255,255,.82)!important; box-shadow:0 0 0 1px rgba(11,122,117,.18) inset!important; border-radius:10px!important; } .order-worker-cell{ color:inherit!important; font-weight:inherit!important; white-space:normal!important; } .order-worker-fee-modal{ display:flex!important; align-items:center!important; justify-content:center!important; z-index: var(--layer-modal) !important; } .order-worker-fee-card{ width:min(420px,92vw)!important; padding:22px!important; gap:14px!important; } .order-worker-fee-card h3{ margin:0!important; font-size:20px!important; color:#102033!important; } .order-worker-fee-field{ display:flex!important; flex-direction:column!important; gap:8px!important; color:#344054!important; font-weight:800!important; } .order-worker-fee-field input{ height:42px!important; border:1px solid rgba(11,122,117,.18)!important; border-radius:12px!important; padding:0 12px!important; font:700 15px "Microsoft YaHei",Arial,sans-serif!important; } .order-worker-paid-line{ display:flex!important; align-items:center!important; gap:8px!important; color:#344054!important; font-weight:800!important; } #tasksPage .task-search-field{flex:0 0 238px!important;} #tasksPage .task-search-field input{width:182px!important;} #tasksPage .task-filter-field{flex:0 0 118px!important;} #tasksPage .task-filter-field select{width:118px!important;} #tasksPage #homeTaskFilterClear{height:34px!important;min-width:62px!important;padding:0 12px!important;border-radius:12px!important;flex:0 0 auto!important;} /* 首页记事本：完全复用自由计算器的磨砂窗口视觉，不使用浏览器默认提示 */ .local-note-modal.hidden{display:none!important;} .local-note-modal{ position:fixed!important; inset:0!important; z-index: var(--layer-modal) !important; pointer-events:none!important; background:rgba(15,23,42,.10)!important; backdrop-filter:blur(2px)!important; -webkit-backdrop-filter:blur(2px)!important; } .local-note-card{ position:fixed!important; width:600px!important; max-width:calc(100vw - 32px)!important; max-height:86vh!important; pointer-events:auto!important; display:flex!important; flex-direction:column!important; border:1px solid rgba(255,255,255,.56)!important; border-radius:24px!important; background:linear-gradient(135deg,rgba(255,255,255,.82),rgba(238,250,248,.76))!important; backdrop-filter:blur(24px) saturate(145%)!important; -webkit-backdrop-filter:blur(24px) saturate(145%)!important; box-shadow:0 30px 90px rgba(13,48,55,.22), inset 0 1px 0 rgba(255,255,255,.86)!important; overflow:hidden!important; } .local-note-card::before{ content:""!important; position:absolute!important; inset:0!important; pointer-events:none!important; background:radial-gradient(circle at 16% 0%,rgba(11,122,117,.16),transparent 220px),radial-gradient(circle at 100% 18%,rgba(209,132,18,.12),transparent 240px)!important; } .local-note-head{ position:relative!important; z-index:1!important; height:58px!important; min-height:58px!important; padding:0 18px 0 22px!important; display:flex!important; align-items:center!important; justify-content:space-between!important; border-bottom:1px solid rgba(11,122,117,.10)!important; background:linear-gradient(90deg,rgba(255,255,255,.52),rgba(255,255,255,.18))!important; cursor:move!important; user-select:none!important; } .local-note-head strong{ color:#075f5b!important; font-size:18px!important; letter-spacing:.4px!important; display:inline-flex!important; align-items:center!important; gap:10px!important; } .local-note-head strong::before{ content:""!important; width:7px!important; height:22px!important; border-radius:999px!important; background:linear-gradient(180deg,#0b7a75,#d18412)!important; box-shadow:0 8px 16px rgba(11,122,117,.18)!important; } .local-note-head .ghost-btn.small{ height:34px!important; border-radius:12px!important; color:#0b635f!important; background:rgba(255,255,255,.70)!important; border:1px solid rgba(11,122,117,.16)!important; padding:0 14px!important; } .local-note-body{ position:relative!important; z-index:1!important; padding:20px 20px 0!important; overflow:auto!important; } .local-note-hint{padding:0!important;margin:0 0 12px!important;color:#667085!important;} .local-note-card textarea{ width:100%!important; min-height:360px!important; height:min(46vh,460px)!important; margin:0!important; resize:vertical!important; border:1px solid rgba(11,128,120,.22)!important; border-radius:16px!important; padding:14px!important; font-size:16px!important; line-height:1.65!important; background:rgba(255,255,255,.86)!important; box-sizing:border-box!important; outline:none!important; } .local-note-card textarea:focus{border-color:rgba(11,122,117,.42)!important;box-shadow:0 0 0 4px rgba(11,122,117,.08)!important;} .local-note-actions{ position:relative!important; z-index:1!important; padding:16px 20px 20px!important; justify-content:flex-end!important; gap:12px!important; } .local-note-actions button{min-width:96px!important;height:38px!important;border-radius:13px!important;} .free-calc-card [data-free-calc="productCategory"], .free-calc-card [data-free-calc="productId"]{display:none!important;} /* V127 图文报价页面 UI 重构版：只限定 #graphicQuotePage，不影响首页及其它页面 */ #graphicQuotePage.page-view.active{ height:calc(100vh - 96px)!important; max-height:calc(100vh - 96px)!important; min-width:0!important; overflow:hidden!important; padding:0!important; box-sizing:border-box!important; } #graphicQuotePage .graphic-quote-page.graphic-quote-v110{ height:100%!important; max-height:100%!important; width:100%!important; min-width:0!important; padding:18px 20px 16px!important; display:flex!important; flex-direction:column!important; gap:12px!important; overflow:auto!important; box-sizing:border-box!important; background:linear-gradient(180deg,#ffffff 0%,#f7fffd 100%)!important; border:1px solid rgba(10,128,120,.12)!important; border-radius:22px!important; box-shadow:0 18px 42px rgba(14,79,74,.08)!important; } #graphicQuotePage .graphic-v110-hero{ flex:0 0 auto!important; min-height:62px!important; padding:0 16px 10px!important; border:0!important; border-bottom:1px solid rgba(13,126,119,.10)!important; border-radius:0!important; background:transparent!important; box-shadow:none!important; display:flex!important; align-items:center!important; justify-content:space-between!important; gap:16px!important; } #graphicQuotePage .graphic-v110-hero .eyebrow{ margin:0 0 2px!important; font-size:12px!important; letter-spacing:.5px!important; color:#0b7a75!important; font-weight:850!important; } #graphicQuotePage .graphic-v110-hero h2{ margin:0!important; display:flex!important; align-items:center!important; color:#102a2f!important; font-size:22px!important; line-height:1.25!important; font-weight:850!important; letter-spacing:.5px!important; } #graphicQuotePage .graphic-v110-hero h2::before{ content:""; width:5px; height:24px; margin-right:10px; border-radius:999px; background:linear-gradient(180deg,var(--primary),var(--accent)); flex:0 0 auto; } #graphicQuotePage .graphic-v110-hero .muted{ margin:4px 0 0!important; font-size:13px!important; color:#70848c!important; white-space:nowrap!important; overflow:hidden!important; text-overflow:ellipsis!important; max-width:760px!important; } #graphicQuotePage .graphic-total-card.graphic-v110-total{ min-width:190px!important; width:190px!important; min-height:54px!important; padding:8px 14px!important; border-radius:16px!important; background:linear-gradient(135deg,#fff8ec,#fffdf8)!important; border:1px solid rgba(225,162,83,.35)!important; box-shadow:0 8px 20px rgba(180,90,0,.07)!important; display:flex!important; flex-direction:column!important; justify-content:center!important; } #graphicQuotePage .graphic-total-card.graphic-v110-total span{ color:#9a5c12!important; font-size:12px!important; font-weight:850!important; } #graphicQuotePage .graphic-total-card.graphic-v110-total strong{ color:#c84f15!important; font-size:25px!important; line-height:1.12!important; font-weight:900!important; white-space:nowrap!important; } #graphicQuotePage .graphic-v110-card{ flex:0 0 auto!important; background:rgba(255,255,255,.88)!important; border:1px solid rgba(13,126,119,.13)!important; border-radius:18px!important; box-shadow:0 10px 25px rgba(16,82,78,.055)!important; box-sizing:border-box!important; min-width:0!important; } #graphicQuotePage .graphic-v110-title{ display:flex!important; align-items:baseline!important; gap:10px!important; margin:0 0 10px!important; min-width:0!important; } #graphicQuotePage .graphic-v110-title strong{ color:#123f3c!important; font-size:16px!important; font-weight:900!important; white-space:nowrap!important; } #graphicQuotePage .graphic-v110-title span{ color:#7b8e96!important; font-size:12px!important; overflow:hidden!important; text-overflow:ellipsis!important; white-space:nowrap!important; } #graphicQuotePage .graphic-v110-basic{ padding:13px 14px!important; } #graphicQuotePage .graphic-v110-info-grid{ display:grid!important; grid-template-columns:minmax(120px,.9fr) minmax(100px,.65fr) minmax(120px,.75fr) minmax(132px,.72fr) minmax(170px,1fr) minmax(170px,1fr)!important; gap:8px!important; align-items:end!important; background:transparent!important; border:0!important; box-shadow:none!important; padding:0!important; } #graphicQuotePage .graphic-v110-info-grid label, #graphicQuotePage .graphic-v110-info-grid label.wide{ grid-column:auto!important; min-width:0!important; gap:5px!important; color:#52646b!important; font-size:12px!important; font-weight:850!important; } #graphicQuotePage .graphic-v110-info-grid input{ height:36px!important; min-height:36px!important; border-radius:11px!important; font-size:13px!important; min-width:0!important; } #graphicQuotePage .graphic-v110-workbench{ flex:0 0 auto!important; display:grid!important; grid-template-columns:minmax(0,1.55fr) minmax(250px,.72fr)!important; gap:12px!important; align-items:stretch!important; min-width:0!important; } #graphicQuotePage .graphic-v110-upload-card, #graphicQuotePage .graphic-v110-quick-card{ padding:13px!important; min-width:0!important; } #graphicQuotePage .graphic-v110-upload-inner{ display:grid!important; grid-template-columns:46px minmax(0,1fr) auto!important; gap:10px!important; align-items:center!important; padding:10px 12px!important; min-height:64px!important; border-radius:15px!important; border:1.5px dashed rgba(11,128,120,.28)!important; background:linear-gradient(135deg,rgba(247,255,253,.95),rgba(240,250,248,.72))!important; } #graphicQuotePage .graphic-v110-upload-icon{ width:42px!important; height:42px!important; border-radius:13px!important; font-size:22px!important; } #graphicQuotePage .graphic-v110-upload-inner b{ font-size:14px!important; color:#0b6f67!important; } #graphicQuotePage .graphic-v110-upload-inner p{ margin:2px 0 0!important; font-size:12px!important; line-height:1.35!important; white-space:nowrap!important; overflow:hidden!important; text-overflow:ellipsis!important; } #graphicQuotePage .graphic-file-btn{ height:36px!important; min-height:36px!important; padding:0 14px!important; border-radius:11px!important; white-space:nowrap!important; } #graphicQuotePage .graphic-v110-defaults{ display:grid!important; grid-template-columns:repeat(7,minmax(76px,1fr)) auto!important; gap:7px!important; align-items:end!important; margin-top:9px!important; } #graphicQuotePage .graphic-v110-defaults label{ min-width:0!important; gap:4px!important; font-size:11px!important; color:#607179!important; } #graphicQuotePage .graphic-v110-defaults input{ height:32px!important; min-height:32px!important; border-radius:10px!important; padding:0 8px!important; font-size:12px!important; } #graphicQuotePage #graphicApplyDefaults{ height:32px!important; min-height:32px!important; padding:0 10px!important; border-radius:10px!important; white-space:nowrap!important; } #graphicQuotePage .graphic-v110-quick-grid{ display:grid!important; grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:8px!important; } #graphicQuotePage .graphic-v110-quick-grid button{ height:36px!important; min-height:36px!important; border-radius:11px!important; border:1px solid rgba(13,126,119,.18)!important; background:#f8fffd!important; color:#0b655f!important; font-size:13px!important; font-weight:850!important; padding:0 8px!important; white-space:nowrap!important; overflow:hidden!important; text-overflow:ellipsis!important; } #graphicQuotePage .graphic-v110-draft-line{ display:grid!important; grid-template-columns:minmax(0,1fr) auto auto auto!important; gap:6px!important; margin-top:9px!important; align-items:center!important; } #graphicQuotePage .graphic-v110-draft-line select, #graphicQuotePage .graphic-v110-draft-line button{ height:32px!important; min-height:32px!important; border-radius:10px!important; font-size:12px!important; padding:0 8px!important; white-space:nowrap!important; } #graphicQuotePage .graphic-v110-table-card{ flex:1 1 230px!important; min-height:220px!important; padding:12px!important; display:flex!important; flex-direction:column!important; min-width:0!important; } #graphicQuotePage .graphic-v110-table-head{ flex:0 0 auto!important; display:flex!important; align-items:center!important; justify-content:space-between!important; gap:10px!important; margin-bottom:8px!important; } #graphicQuotePage .graphic-quick-actions{ display:flex!important; align-items:center!important; gap:7px!important; flex-wrap:nowrap!important; white-space:nowrap!important; } #graphicQuotePage .graphic-quick-actions button, #graphicQuotePage .graphic-quick-actions label{ height:32px!important; min-height:32px!important; border-radius:10px!important; font-size:12px!important; } #graphicQuotePage .graphic-v110-table-scroll{ flex:1 1 auto!important; min-height:165px!important; max-height:none!important; width:100%!important; max-width:100%!important; overflow:auto!important; border-radius:14px!important; border:1px solid rgba(13,126,119,.10)!important; } #graphicQuotePage .graphic-v110-table{ width:max-content!important; min-width:1180px!important; table-layout:auto!important; border-collapse:separate!important; border-spacing:0!important; } #graphicQuotePage .graphic-v110-table th, #graphicQuotePage .graphic-v110-table td{ height:38px!important; padding:5px 6px!important; font-size:12px!important; line-height:1.22!important; white-space:nowrap!important; overflow:hidden!important; text-overflow:ellipsis!important; vertical-align:middle!important; } #graphicQuotePage .graphic-v110-table th:nth-child(1),#graphicQuotePage .graphic-v110-table td:nth-child(1){width:36px!important;min-width:36px!important;max-width:36px!important;} #graphicQuotePage .graphic-v110-table th:nth-child(2),#graphicQuotePage .graphic-v110-table td:nth-child(2){width:190px!important;max-width:190px!important;} #graphicQuotePage .graphic-v110-table th:nth-child(3),#graphicQuotePage .graphic-v110-table td:nth-child(3){width:110px!important;} #graphicQuotePage .graphic-v110-table th:nth-child(5),#graphicQuotePage .graphic-v110-table td:nth-child(5), #graphicQuotePage .graphic-v110-table th:nth-child(6),#graphicQuotePage .graphic-v110-table td:nth-child(6), #graphicQuotePage .graphic-v110-table th:nth-child(7),#graphicQuotePage .graphic-v110-table td:nth-child(7), #graphicQuotePage .graphic-v110-table th:nth-child(8),#graphicQuotePage .graphic-v110-table td:nth-child(8){width:66px!important;} #graphicQuotePage .graphic-v110-table th:nth-child(14),#graphicQuotePage .graphic-v110-table td:nth-child(14){width:120px!important;} #graphicQuotePage .graphic-v110-table th:nth-child(15),#graphicQuotePage .graphic-v110-table td:nth-child(15){width:112px!important;} #graphicQuotePage .graphic-v110-table input, #graphicQuotePage .graphic-v110-table select{ height:30px!important; min-height:30px!important; border-radius:9px!important; padding:0 6px!important; font-size:12px!important; } #graphicQuotePage .graphic-v110-table .gq-file-name strong, #graphicQuotePage .graphic-v110-table .gq-file-name small{ display:block!important; max-width:100%!important; overflow:hidden!important; text-overflow:ellipsis!important; white-space:nowrap!important; } #graphicQuotePage .graphic-v110-bottom{ flex:0 0 auto!important; display:grid!important; grid-template-columns:minmax(0,.95fr) minmax(0,1.35fr)!important; gap:12px!important; align-items:stretch!important; } #graphicQuotePage .graphic-v110-bottom .graphic-v110-card{ padding:12px!important; min-width:0!important; } #graphicQuotePage .graphic-v110-extra-fields{ display:grid!important; grid-template-columns:repeat(3,minmax(0,1fr))!important; gap:7px!important; } #graphicQuotePage .graphic-v110-extra-fields label{ gap:4px!important; font-size:11px!important; } #graphicQuotePage .graphic-v110-extra-fields input{ height:32px!important; min-height:32px!important; border-radius:10px!important; font-size:12px!important; } #graphicQuotePage .graphic-summary-grid{ display:grid!important; grid-template-columns:repeat(5,minmax(0,1fr))!important; gap:7px!important; } #graphicQuotePage .gq-summary-item{ min-height:42px!important; padding:7px 8px!important; border-radius:12px!important; gap:2px!important; background:#f5fbfa!important; border:1px solid rgba(13,126,119,.13)!important; } #graphicQuotePage .gq-summary-item span{ font-size:11px!important; color:#6a7f86!important; } #graphicQuotePage .gq-summary-item strong{ font-size:14px!important; line-height:1.15!important; color:#163f48!important; white-space:nowrap!important; overflow:hidden!important; text-overflow:ellipsis!important; } #graphicQuotePage .gq-summary-item.total{ background:#fff7e8!important; border-color:#f0d09c!important; } #graphicQuotePage .gq-summary-item.total strong{ font-size:17px!important; color:#b45309!important; } #graphicQuotePage .graphic-v110-footer-actions{ flex:0 0 auto!important; position:sticky!important; bottom:0!important; z-index:8!important; display:flex!important; justify-content:flex-end!important; align-items:center!important; gap:10px!important; padding:10px 0 0!important; margin:0!important; background:linear-gradient(180deg,rgba(247,255,253,0),rgba(247,255,253,.95) 42%,rgba(247,255,253,1))!important; } #graphicQuotePage .graphic-v110-footer-actions button{ min-width:116px!important; height:38px!important; min-height:38px!important; border-radius:12px!important; } @media (max-width: 1600px){ #graphicQuotePage .graphic-v110-info-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;} #graphicQuotePage .graphic-v110-workbench{grid-template-columns:1fr!important;} #graphicQuotePage .graphic-v110-defaults{grid-template-columns:repeat(4,minmax(0,1fr)) auto!important;} #graphicQuotePage .graphic-v110-bottom{grid-template-columns:1fr!important;} } @media (max-width: 980px){ #graphicQuotePage .graphic-v110-hero{align-items:flex-start!important;flex-direction:column!important;} #graphicQuotePage .graphic-total-card.graphic-v110-total{width:100%!important;min-width:0!important;align-items:flex-start!important;text-align:left!important;} #graphicQuotePage .graphic-v110-info-grid,#graphicQuotePage .graphic-v110-defaults,#graphicQuotePage .graphic-v110-extra-fields,#graphicQuotePage .graphic-summary-grid{grid-template-columns:1fr 1fr!important;} #graphicQuotePage .graphic-v110-upload-inner{grid-template-columns:1fr!important;} #graphicQuotePage .graphic-v110-draft-line{grid-template-columns:1fr 1fr!important;} } /* V128 图文报价页面 UI 与基础交互收口：只作用于图文报价页 */ #graphicQuotePage.page-view.active { overflow-y: auto !important; overflow-x: hidden !important; } #graphicQuotePage .graphic-quote-v110 { padding: 18px 22px 18px !important; gap: 12px !important; background: rgba(255,255,255,.72) !important; } #graphicQuotePage .graphic-v110-hero { min-height: 56px !important; padding: 12px 16px !important; border-radius: 18px !important; position: relative !important; overflow: hidden !important; } #graphicQuotePage .graphic-v110-hero::before { content: ""; width: 5px; height: 32px; border-radius: 999px; background: linear-gradient(180deg,#0b7a75,#f59e0b); position: absolute; left: 0; top: 18px; } #graphicQuotePage .graphic-v110-hero h2 { font-size: 21px !important; line-height: 1.2 !important; } #graphicQuotePage .graphic-v110-hero .muted { margin: 2px 0 0 !important; } #graphicQuotePage .graphic-total-card { min-width: 150px !important; max-width: 170px !important; padding: 9px 12px !important; border-radius: 16px !important; } #graphicQuotePage .graphic-total-card strong { font-size: 22px !important; color: #c2410c !important; } #graphicQuotePage .graphic-v110-title { margin-bottom: 8px !important; min-height: 22px !important; } #graphicQuotePage .graphic-v110-title strong { font-size: 16px !important; } #graphicQuotePage .graphic-v110-title span { font-size: 12px !important; } #graphicQuotePage .graphic-v110-card { border-radius: 18px !important; } #graphicQuotePage .graphic-v110-basic, #graphicQuotePage .graphic-v110-upload-card, #graphicQuotePage .graphic-v110-quick-card, #graphicQuotePage .graphic-v110-table-card, #graphicQuotePage .graphic-v110-bottom .graphic-v110-card { padding: 12px !important; } #graphicQuotePage .graphic-v110-info-grid { display: grid !important; grid-template-columns: minmax(160px,1fr) minmax(130px,.75fr) minmax(150px,.85fr) minmax(145px,.8fr) minmax(260px,1.3fr) minmax(260px,1.3fr) !important; gap: 8px !important; } #graphicQuotePage .graphic-v110-info-grid label, #graphicQuotePage .graphic-v110-defaults label, #graphicQuotePage .graphic-v110-extra-fields label { font-size: 12px !important; font-weight: 800 !important; color: #344b57 !important; gap: 4px !important; } #graphicQuotePage input, #graphicQuotePage select { min-height: 32px !important; height: 32px !important; border-radius: 10px !important; box-sizing: border-box !important; } #graphicQuotePage .graphic-v110-workbench { display: grid !important; grid-template-columns: minmax(0, 1.55fr) minmax(360px, .65fr) !important; gap: 12px !important; align-items: stretch !important; } #graphicQuotePage .graphic-v110-upload-inner { grid-template-columns: 46px minmax(0,1fr) 112px !important; gap: 12px !important; min-height: 58px !important; padding: 12px 14px !important; border: 2px dashed #14b8a6 !important; background: linear-gradient(135deg, rgba(204,251,241,.95), rgba(240,253,250,.92)) !important; box-shadow: inset 0 0 0 1px rgba(20,184,166,.16) !important; cursor: pointer !important; } #graphicQuotePage #graphicDropZone:hover, #graphicQuotePage #graphicDropZone:focus-visible { border-color: #0d9488 !important; background: linear-gradient(135deg, rgba(224,250,243,.98), rgba(240,253,250,.96)) !important; box-shadow: 0 0 0 4px rgba(13,148,136,.12), inset 0 0 0 1px rgba(13,148,136,.20) !important; outline: 0; } #graphicQuotePage #graphicDropZone.dragover { border-color: #f97316 !important; background: linear-gradient(135deg, rgba(255,237,213,.98), rgba(204,251,241,.92)) !important; box-shadow: 0 0 0 4px rgba(249,115,22,.12), inset 0 0 0 1px rgba(249,115,22,.20) !important; } #graphicQuotePage .graphic-v110-upload-icon { width: 42px !important; height: 42px !important; border-radius: 13px !important; background: #0f766e !important; color: #fff !important; font-size: 22px !important; } #graphicQuotePage .graphic-v110-upload-inner b { color: #064e3b !important; font-size: 15px !important; } #graphicQuotePage .graphic-v110-upload-inner p { color: #31545b !important; margin-top: 2px !important; font-size: 12px !important; } #graphicQuotePage .graphic-file-btn { height: 34px !important; min-width: 104px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; border-radius: 11px !important; color: #fff !important; background: linear-gradient(135deg,#0f766e,#0d9488) !important; border: 1px solid rgba(13,148,136,.55) !important; box-shadow: 0 8px 16px rgba(13,148,136,.18) !important; font-weight: 900 !important; cursor: pointer !important; } #graphicQuotePage .graphic-file-btn input { display: none !important; } #graphicQuotePage .graphic-v110-defaults { grid-template-columns: repeat(7, minmax(82px, 1fr)) auto !important; gap: 8px !important; margin-top: 8px !important; } #graphicQuotePage #graphicApplyDefaults { height: 32px !important; align-self: end !important; white-space: nowrap !important; padding: 0 12px !important; } #graphicQuotePage .graphic-v110-quick-grid { grid-template-columns: repeat(2, minmax(0,1fr)) !important; gap: 8px !important; } #graphicQuotePage .graphic-v110-quick-grid button { height: 34px !important; border-radius: 11px !important; font-size: 13px !important; } #graphicQuotePage .graphic-v110-draft-line { grid-template-columns: minmax(0,1fr) auto auto auto !important; gap: 6px !important; margin-top: 8px !important; } #graphicQuotePage .graphic-v110-draft-line .ghost-btn { height: 32px !important; padding: 0 10px !important; white-space: nowrap !important; } #graphicQuotePage .graphic-v110-table-card { width: 100% !important; max-width: 100% !important; min-width: 0 !important; } #graphicQuotePage .graphic-v110-table-head { display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 12px !important; margin-bottom: 8px !important; flex-wrap: nowrap !important; } #graphicQuotePage .graphic-quick-actions { display: inline-flex !important; align-items: center !important; justify-content: flex-end !important; gap: 8px !important; flex-wrap: nowrap !important; white-space: nowrap !important; } #graphicQuotePage .graphic-quick-actions .check-line { display: inline-flex !important; align-items: center !important; gap: 5px !important; height: 32px !important; margin: 0 !important; line-height: 32px !important; color: #263847 !important; font-weight: 800 !important; } #graphicQuotePage .graphic-quick-actions .check-line input { width: 15px !important; height: 15px !important; margin: 0 !important; min-height: 0 !important; } #graphicQuotePage .graphic-quick-actions .ghost-btn { height: 32px !important; padding: 0 11px !important; } #graphicQuotePage .graphic-v110-table-scroll { width: 100% !important; max-width: 100% !important; min-width: 0 !important; min-height: 230px !important; max-height: clamp(240px, 36vh, 360px) !important; overflow: auto !important; border-radius: 15px !important; border: 1px solid rgba(13,126,119,.13) !important; background: #fff !important; } #graphicQuotePage .graphic-v110-table { width: 100% !important; min-width: 100% !important; table-layout: fixed !important; border-collapse: separate !important; border-spacing: 0 !important; } #graphicQuotePage .graphic-v110-table th, #graphicQuotePage .graphic-v110-table td { height: 38px !important; padding: 5px 6px !important; font-size: 12px !important; vertical-align: middle !important; overflow: hidden !important; text-overflow: ellipsis !important; } #graphicQuotePage .graphic-v110-table th:nth-child(1), #graphicQuotePage .graphic-v110-table td:nth-child(1){width:38px!important;} #graphicQuotePage .graphic-v110-table th:nth-child(2), #graphicQuotePage .graphic-v110-table td:nth-child(2){width:210px!important;} #graphicQuotePage .graphic-v110-table th:nth-child(3), #graphicQuotePage .graphic-v110-table td:nth-child(3){width:102px!important;} #graphicQuotePage .graphic-v110-table th:nth-child(4), #graphicQuotePage .graphic-v110-table td:nth-child(4){width:82px!important;} #graphicQuotePage .graphic-v110-table th:nth-child(5), #graphicQuotePage .graphic-v110-table td:nth-child(5), #graphicQuotePage .graphic-v110-table th:nth-child(6), #graphicQuotePage .graphic-v110-table td:nth-child(6), #graphicQuotePage .graphic-v110-table th:nth-child(7), #graphicQuotePage .graphic-v110-table td:nth-child(7), #graphicQuotePage .graphic-v110-table th:nth-child(8), #graphicQuotePage .graphic-v110-table td:nth-child(8){width:64px!important;} #graphicQuotePage .graphic-v110-table th:nth-child(9), #graphicQuotePage .graphic-v110-table td:nth-child(9), #graphicQuotePage .graphic-v110-table th:nth-child(10), #graphicQuotePage .graphic-v110-table td:nth-child(10), #graphicQuotePage .graphic-v110-table th:nth-child(12), #graphicQuotePage .graphic-v110-table td:nth-child(12), #graphicQuotePage .graphic-v110-table th:nth-child(13), #graphicQuotePage .graphic-v110-table td:nth-child(13){width:86px!important;} #graphicQuotePage .graphic-v110-table th:nth-child(11), #graphicQuotePage .graphic-v110-table td:nth-child(11){width:82px!important;} #graphicQuotePage .graphic-v110-table th:nth-child(14), #graphicQuotePage .graphic-v110-table td:nth-child(14){width:130px!important;} #graphicQuotePage .graphic-v110-table th:nth-child(15), #graphicQuotePage .graphic-v110-table td:nth-child(15){width:94px!important;} #graphicQuotePage .graphic-v110-table .gq-input { width: 100% !important; height: 28px !important; min-height: 28px !important; border-radius: 8px !important; padding: 3px 6px !important; font-size: 12px !important; box-sizing: border-box !important; } #graphicQuotePage .graphic-v110-table .gq-note-input { width: 100% !important; text-align: left !important; } #graphicQuotePage .gq-file-name strong, #graphicQuotePage .gq-file-name small { display: block !important; overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; } #graphicQuotePage .gq-row-actions { display: inline-flex !important; gap: 4px !important; align-items: center !important; justify-content: center !important; } #graphicQuotePage .gq-row-actions .ghost-btn { height: 28px !important; padding: 0 7px !important; font-size: 12px !important; } #graphicQuotePage .graphic-v110-bottom { grid-template-columns: minmax(0, .95fr) minmax(0, 1.35fr) !important; gap: 12px !important; } #graphicQuotePage .graphic-v110-extra-fields { grid-template-columns: repeat(3, minmax(100px,1fr)) !important; gap: 8px !important; } #graphicQuotePage .graphic-summary-grid { grid-template-columns: repeat(5, minmax(100px,1fr)) !important; gap: 8px !important; } #graphicQuotePage .gq-summary-item { min-height: 48px !important; padding: 7px 10px !important; border-radius: 12px !important; } #graphicQuotePage .gq-summary-item span { font-size: 11px !important; } #graphicQuotePage .gq-summary-item strong { font-size: 14px !important; } #graphicQuotePage .gq-summary-item.total strong { font-size: 18px !important; } #graphicQuotePage .graphic-v110-footer-actions { position: sticky !important; bottom: 0 !important; z-index: 5 !important; justify-content: flex-end !important; padding: 8px 0 0 !important; background: linear-gradient(180deg, rgba(255,255,255,0), rgba(255,255,255,.88) 25%, rgba(255,255,255,.92)) !important; } .graphic-customer-suggest { position: fixed; z-index: var(--layer-dropdown); max-height: 280px; overflow: auto; border: 1px solid rgba(13,126,119,.22); border-radius: 14px; background: rgba(255,255,255,.98); box-shadow: 0 18px 45px rgba(15,54,66,.16); padding: 6px; box-sizing: border-box; } .graphic-customer-suggest.hidden { display: none !important; } .graphic-customer-suggest button { width: 100%; border: 0; background: transparent; border-radius: 10px; padding: 8px 10px; display: flex; align-items: center; justify-content: space-between; gap: 10px; cursor: pointer; text-align: left; } .graphic-customer-suggest button:hover { background: #e8f7f4; } .graphic-customer-suggest strong { color: #0b665f; font-size: 13px; white-space: nowrap; } .graphic-customer-suggest span, .graphic-customer-empty { color: #60717c; font-size: 12px; } .graphic-customer-empty { padding: 10px; } @media (max-width: 1500px) { #graphicQuotePage .graphic-v110-info-grid { grid-template-columns: repeat(3, minmax(150px, 1fr)) !important; } #graphicQuotePage .graphic-v110-workbench { grid-template-columns: 1fr !important; } #graphicQuotePage .graphic-v110-defaults { grid-template-columns: repeat(4, minmax(100px,1fr)) !important; } #graphicQuotePage .graphic-v110-bottom { grid-template-columns: 1fr !important; } } /* V129 收支流水模块 */ .cashflow-card .panel-head{align-items:flex-start!important;gap:16px}.cashflow-filter{display:grid!important;grid-template-columns:repeat(6,minmax(140px,1fr));gap:12px!important;align-items:end!important}.cashflow-filter .wide-filter{grid-column:span 2}.cashflow-summary{display:grid;grid-template-columns:repeat(3,minmax(160px,1fr));gap:12px;margin:14px 0}.cashflow-summary article{background:linear-gradient(180deg,#ffffff,#f5fbfa);border:1px solid rgba(11,122,117,.13);border-radius:16px;padding:14px 18px;box-shadow:0 10px 28px rgba(15,23,42,.06)}.cashflow-summary span{display:block;color:#64748b;font-size:13px;margin-bottom:6px}.cashflow-summary strong{font-size:24px;color:#0b7a75}.cashflow-table th,.cashflow-table td{white-space:nowrap}.cashflow-project-cell{min-width:260px;white-space:normal!important;line-height:1.55}.cashflow-lock-pill{display:inline-flex;margin-left:8px;padding:2px 8px;border-radius:999px;background:#fff7ed;color:#c2410c;border:1px solid #fed7aa;font-size:12px;font-weight:800}.cashflow-locked-row{background:linear-gradient(90deg,rgba(255,247,237,.75),rgba(255,255,255,.6))}.income-money{color:#0b7a75;font-weight:800}.expense-money,.danger-money{color:#b42318;font-weight:800}.cashflow-modal-card{width:min(760px,94vw)!important}.cashflow-form-grid{display:grid;grid-template-columns:repeat(3,minmax(150px,1fr));gap:14px}.cashflow-form-grid label{display:flex;flex-direction:column;gap:7px;color:#425466;font-size:13px;font-weight:700}.cashflow-form-grid input,.cashflow-form-grid select,.cashflow-form-grid textarea{width:100%;border:1px solid #d5e6e4;border-radius:12px;padding:11px 12px;background:#fff;font:14px "Microsoft YaHei",Arial,sans-serif;box-sizing:border-box}.cashflow-form-grid textarea{min-height:86px;resize:vertical}.cashflow-wide{grid-column:span 3}.row-actions{display:flex;gap:6px;justify-content:center;align-items:center}.tiny{min-height:28px!important;padding:4px 9px!important;font-size:12px!important;border-radius:9px!important}.hit-mark,.pinyin-hit{background:#fff2a8;color:#7a4b00;border-radius:4px;padding:0 2px}.cashflow-admin-tabs{margin-bottom:14px}.cashflow-admin-panel.hidden{display:none!important}.cashflow-permission-box{grid-column:1/-1;border:1px solid rgba(11,122,117,.13);border-radius:14px;padding:10px 12px;background:#f8fcfb}.cashflow-permission-box legend{font-weight:800;color:#0b7a75;padding:0 6px}@media(max-width:1300px){.cashflow-filter{grid-template-columns:repeat(3,minmax(140px,1fr))}.cashflow-filter .wide-filter{grid-column:span 2}.cashflow-form-grid{grid-template-columns:repeat(2,minmax(140px,1fr))}.cashflow-wide{grid-column:span 2}}@media(max-width:760px){.cashflow-filter,.cashflow-summary,.cashflow-form-grid{grid-template-columns:1fr!important}.cashflow-filter .wide-filter,.cashflow-wide{grid-column:span 1}.row-actions{flex-wrap:wrap}} /* V130 收支流水 Excel 式录入 */ .cashflow-excel-card{background:linear-gradient(180deg,rgba(255,255,255,.92),rgba(246,252,251,.86));border:1px solid rgba(11,122,117,.12);box-shadow:0 22px 55px rgba(15,23,42,.08);} .cashflow-excel-head{align-items:center!important;} .cashflow-head-note{padding:9px 13px;border-radius:999px;background:rgba(11,122,117,.08);border:1px solid rgba(11,122,117,.14);color:#0b7a75;font-weight:800;font-size:13px;white-space:nowrap;} .cashflow-one-line-filter{display:grid!important;grid-template-columns:minmax(230px,2.1fr) minmax(160px,1fr) minmax(160px,1fr) minmax(145px,.9fr) minmax(110px,.7fr) minmax(82px,.55fr) auto auto;gap:9px!important;align-items:end!important;margin-top:12px;} .cashflow-one-line-filter label{min-width:0;font-size:12px;color:#526273;font-weight:800;} .cashflow-one-line-filter input,.cashflow-one-line-filter select{height:36px!important;border-radius:11px!important;padding:7px 10px!important;} .cashflow-summary{grid-template-columns:repeat(6,minmax(120px,1fr))!important;gap:9px!important;margin:12px 0!important;} .cashflow-summary article{padding:10px 12px!important;border-radius:14px!important;} .cashflow-summary span{font-size:12px!important;margin-bottom:3px!important;} .cashflow-summary strong{font-size:18px!important;} .cashflow-excel-wrap{max-height:calc(100vh - 340px);overflow:auto;border-radius:16px;border:1px solid rgba(11,122,117,.12);background:rgba(255,255,255,.72);} .cashflow-excel-table{table-layout:fixed;min-width:1240px;border-collapse:separate!important;border-spacing:0;} .cashflow-excel-table th{position:sticky;top:0;z-index:2;background:linear-gradient(180deg,#f8fffe,#eaf7f5)!important;color:#0b5f5b!important;font-size:13px!important;} .cashflow-excel-table th,.cashflow-excel-table td{padding:7px 8px!important;border-right:1px solid rgba(11,122,117,.08);border-bottom:1px solid rgba(15,23,42,.07);height:38px;vertical-align:middle;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} .cashflow-excel-table th:nth-child(1),.cashflow-excel-table td:nth-child(1){width:46px;text-align:center;} .cashflow-excel-table th:nth-child(2),.cashflow-excel-table td:nth-child(2){width:132px;} .cashflow-excel-table th:nth-child(3),.cashflow-excel-table td:nth-child(3){width:420px;white-space:normal!important;line-height:1.35;} .cashflow-excel-table th:nth-child(4),.cashflow-excel-table td:nth-child(4){width:110px;} .cashflow-excel-table th:nth-child(5),.cashflow-excel-table td:nth-child(5),.cashflow-excel-table th:nth-child(6),.cashflow-excel-table td:nth-child(6),.cashflow-excel-table th:nth-child(7),.cashflow-excel-table td:nth-child(7){width:96px;text-align:right;} .cashflow-excel-table th:nth-child(8),.cashflow-excel-table td:nth-child(8){width:72px;text-align:center;} .cashflow-excel-table th:nth-child(9),.cashflow-excel-table td:nth-child(9){width:150px;} .cashflow-excel-table th:nth-child(10),.cashflow-excel-table td:nth-child(10){width:78px;text-align:center;} .cashflow-edit-cell{cursor:text;background:rgba(255,255,255,.54);transition:.16s ease;} .cashflow-edit-cell:hover{background:rgba(11,122,117,.075);box-shadow:inset 0 0 0 1px rgba(11,122,117,.18);} .cashflow-income-cell,.cashflow-expense-cell,.cashflow-type-cell{cursor:pointer!important;} .cashflow-main-project{font-weight:700;color:#12324a;} .cashflow-new-row td{background:rgba(236,253,245,.55)!important;color:#718096;border-bottom:1px dashed rgba(11,122,117,.22)!important;} .cashflow-new-row .placeholder{color:#96a3af;font-weight:600;} .cashflow-locked-row td{background:rgba(245,247,250,.75)!important;color:#8a97a6;} .cashflow-cell-input{width:100%;height:30px;border:1px solid #0b7a75!important;border-radius:8px!important;background:#fff!important;padding:4px 8px!important;font:13px "Microsoft YaHei",Arial,sans-serif;box-shadow:0 0 0 3px rgba(11,122,117,.1);box-sizing:border-box;} .cashflow-image-chip,.cashflow-image-upload,.cashflow-image-plus{height:26px;border:1px solid rgba(11,122,117,.22);background:rgba(255,255,255,.88);color:#0b7a75;border-radius:999px;padding:2px 9px;font-weight:800;font-size:12px;cursor:pointer;} .cashflow-image-plus{width:24px;padding:0;margin-left:3px;} .cashflow-image-chip:hover,.cashflow-image-upload:hover,.cashflow-image-plus:hover{background:#0b7a75;color:#fff;} .cashflow-amount-modal-card{width:min(460px,94vw)!important;} .cashflow-amount-grid{grid-template-columns:1.3fr 1fr!important;} .cashflow-amount-grid .cashflow-wide{grid-column:span 1!important;} .cashflow-amount-grid input[type="hidden"]{display:none!important;} .cashflow-pager{justify-content:center;margin-top:12px;} @media(max-width:1500px){.cashflow-one-line-filter{grid-template-columns:minmax(220px,2fr) repeat(5,minmax(100px,1fr));}.cashflow-one-line-filter button{min-height:36px}.cashflow-summary{grid-template-columns:repeat(3,minmax(130px,1fr))!important;}} @media(max-width:900px){.cashflow-one-line-filter,.cashflow-summary{grid-template-columns:1fr!important}.cashflow-head-note{white-space:normal}.cashflow-excel-wrap{max-height:none}.cashflow-amount-grid{grid-template-columns:1fr!important}.cashflow-amount-grid .cashflow-wide{grid-column:span 1!important;}} /* V130 收支流水完整修正版：Excel快捷录入、红收入绿支出、统计图与全屏图片 */ #cashflowPage .cashflow-excel-card{padding:22px 24px!important;margin:18px 22px 24px!important;} #cashflowPage .cashflow-excel-head{padding:0 2px 6px!important;} #cashflowPage .cashflow-excel-head h2{margin-top:4px!important;} .cashflow-top-grid{display:grid;grid-template-columns:minmax(0,1fr) 230px;gap:14px;align-items:stretch;margin:13px 0 14px;} .cashflow-stat-pack{display:grid!important;grid-template-columns:repeat(3,minmax(145px,1fr))!important;gap:10px!important;margin:0!important;} .cashflow-stat-pack article{position:relative;overflow:hidden;min-height:72px;padding:12px 14px!important;border-radius:16px!important;border:1px solid rgba(15,23,42,.07)!important;background:linear-gradient(135deg,#fff,#f8fbff)!important;box-shadow:0 12px 28px rgba(15,23,42,.075)!important;} .cashflow-stat-pack article::before{content:"";position:absolute;left:0;top:0;bottom:0;width:6px;border-radius:16px 0 0 16px;background:#e5e7eb;} .cashflow-stat-pack .cf-stat-income::before,.cashflow-stat-pack .cf-stat-total-income::before{background:#ef4444;} .cashflow-stat-pack .cf-stat-expense::before,.cashflow-stat-pack .cf-stat-total-expense::before{background:#16a34a;} .cashflow-stat-pack .cf-stat-balance::before,.cashflow-stat-pack .cf-stat-total-balance::before{background:#0b7a75;} .cashflow-stat-pack span{font-size:12px!important;color:#64748b!important;font-weight:800!important;margin-bottom:4px!important;} .cashflow-stat-pack strong{font-size:20px!important;letter-spacing:.2px;} .cashflow-chart-card{border:1px solid rgba(11,122,117,.13);border-radius:18px;background:linear-gradient(135deg,rgba(255,255,255,.94),rgba(245,252,251,.9));box-shadow:0 14px 32px rgba(15,23,42,.08);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:12px 14px;min-height:156px;} .cashflow-pie{--income-pct:0%;width:104px;height:104px;border-radius:50%;background:conic-gradient(#ef4444 0 var(--income-pct),#16a34a var(--income-pct) 100%);position:relative;box-shadow:inset 0 0 0 1px rgba(255,255,255,.5),0 10px 24px rgba(15,23,42,.1);} .cashflow-pie::after{content:"";position:absolute;inset:22px;border-radius:50%;background:#fff;box-shadow:inset 0 0 0 1px rgba(15,23,42,.08);} .cashflow-pie.is-empty{background:#e5eef0;} .cashflow-pie span{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:12px;color:#64748b;font-weight:900;} .cashflow-pie b{font-size:22px;color:#0f172a;line-height:1;} .cashflow-pie small{font-size:11px;color:#64748b;margin-top:4px;} #cashflowPieLegend{display:flex;gap:8px;flex-wrap:wrap;align-items:center;justify-content:center;margin:10px 0 0;font-size:12px;font-weight:800;color:#64748b;text-align:center;} #cashflowPieLegend .legend-income{color:#ef4444}#cashflowPieLegend .legend-expense{color:#16a34a} .cashflow-excel-wrap{max-height:calc(100vh - 372px)!important;border-radius:18px!important;border:1px solid rgba(11,122,117,.16)!important;} .cashflow-excel-table{min-width:1260px!important;border-spacing:0!important;} .cashflow-excel-table th,.cashflow-excel-table td{height:36px!important;max-height:36px!important;padding:5px 8px!important;line-height:24px!important;box-sizing:border-box!important;vertical-align:middle!important;} .cashflow-excel-table tbody tr:nth-child(odd):not(.cashflow-new-row) td{background:rgba(248,250,252,.78)!important;} .cashflow-excel-table tbody tr:nth-child(even):not(.cashflow-new-row) td{background:rgba(255,255,255,.82)!important;} .cashflow-excel-table tbody tr:hover td{background:rgba(232,246,244,.86)!important;} .cashflow-excel-table th:nth-child(1),.cashflow-excel-table td:nth-child(1){width:44px!important;text-align:center!important;} .cashflow-excel-table th:nth-child(2),.cashflow-excel-table td:nth-child(2){width:128px!important;} .cashflow-excel-table th:nth-child(3),.cashflow-excel-table td:nth-child(3){width:465px!important;white-space:normal!important;} .cashflow-excel-table th:nth-child(4),.cashflow-excel-table td:nth-child(4){width:92px!important;text-align:center!important;} .cashflow-excel-table th:nth-child(5),.cashflow-excel-table td:nth-child(5),.cashflow-excel-table th:nth-child(6),.cashflow-excel-table td:nth-child(6),.cashflow-excel-table th:nth-child(7),.cashflow-excel-table td:nth-child(7){width:92px!important;text-align:right!important;} .cashflow-excel-table th:nth-child(8),.cashflow-excel-table td:nth-child(8){width:72px!important;text-align:center!important;} .cashflow-excel-table th:nth-child(9),.cashflow-excel-table td:nth-child(9){width:128px!important;} .cashflow-excel-table th:nth-child(10),.cashflow-excel-table td:nth-child(10){width:72px!important;text-align:center!important;} .income-money{color:#dc2626!important;font-weight:900!important;}.expense-money,.danger-money{color:#16a34a!important;font-weight:900!important;} .cashflow-edit-cell:hover{background:rgba(11,122,117,.08)!important;box-shadow:inset 0 0 0 1px rgba(11,122,117,.2)!important;} .cashflow-cell-input{width:100%!important;height:24px!important;min-height:24px!important;line-height:22px!important;border:1px solid #0b7a75!important;border-radius:7px!important;background:#fff!important;padding:0 6px!important;margin:0!important;font:13px/22px "Microsoft YaHei",Arial,sans-serif!important;box-sizing:border-box!important;box-shadow:0 0 0 2px rgba(11,122,117,.09)!important;} .cashflow-amount-input{text-align:right!important;font-weight:900!important;} .cashflow-editing-now{padding:5px 8px!important;} .cashflow-image-cell{display:table-cell!important;white-space:nowrap!important;} .cashflow-order-image-btn.order-thumb-btn{width:34px!important;height:28px!important;min-width:34px!important;border-radius:8px!important;margin:0 auto!important;display:inline-flex!important;vertical-align:middle!important;} .cashflow-order-image-btn img{width:100%!important;height:100%!important;object-fit:cover!important;border-radius:7px!important;} .cashflow-order-image-btn b,.cashflow-order-image-btn .order-image-badge{position:absolute!important;right:-5px!important;top:-7px!important;min-width:17px!important;height:17px!important;line-height:17px!important;border-radius:999px!important;background:#0b7a75!important;color:#fff!important;font-size:10px!important;} .cashflow-image-upload.icon-mode{width:32px!important;height:28px!important;border-radius:8px!important;padding:0!important;font-size:15px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;} .cashflow-image-plus{width:22px!important;height:22px!important;padding:0!important;margin-left:3px!important;border-radius:999px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;font-size:15px!important;vertical-align:middle!important;} .cashflow-expense-picker-card{width:min(520px,94vw)!important;} .cashflow-expense-options{display:grid;grid-template-columns:repeat(3,minmax(110px,1fr));gap:10px;margin-top:12px;} .cashflow-expense-option{border:1px solid rgba(11,122,117,.18);background:linear-gradient(180deg,#ffffff,#f4fbfa);border-radius:14px;padding:13px 10px;font-weight:900;color:#0b5f5b;cursor:pointer;box-shadow:0 8px 18px rgba(15,23,42,.06);font-family:"Microsoft YaHei",Arial,sans-serif;} .cashflow-expense-option:hover{background:#0b7a75;color:#fff;transform:translateY(-1px);} #orderImageModal.cashflow-fullscreen-viewer .order-image-modal-card{width:calc(100vw - 40px)!important;height:calc(100vh - 40px)!important;max-height:calc(100vh - 40px)!important;border-radius:24px!important;} #orderImageModal.cashflow-fullscreen-viewer .order-image-stage{height:calc(100vh - 150px)!important;} #orderImageModal.cashflow-fullscreen-viewer #orderImageLarge{max-height:calc(100vh - 170px)!important;max-width:calc(100vw - 150px)!important;object-fit:contain!important;} #orderImageModal.cashflow-fullscreen-viewer .order-image-head{align-items:center!important;} #orderImageModal.cashflow-fullscreen-viewer #closeOrderImageModal{position:relative!important;z-index:4!important;font-weight:900!important;} @media(max-width:1500px){.cashflow-top-grid{grid-template-columns:1fr!important}.cashflow-stat-pack{grid-template-columns:repeat(3,minmax(130px,1fr))!important}.cashflow-chart-card{min-height:132px}.cashflow-pie{width:88px;height:88px}.cashflow-one-line-filter{grid-template-columns:minmax(220px,2fr) repeat(5,minmax(100px,1fr))!important;}} @media(max-width:900px){#cashflowPage .cashflow-excel-card{margin:12px!important;padding:16px!important}.cashflow-stat-pack{grid-template-columns:1fr!important}.cashflow-expense-options{grid-template-columns:1fr 1fr}.cashflow-excel-wrap{max-height:none!important}} /* V131 收支流水与工人对账完善 */ #cashflowPage .cashflow-v131-card{margin:20px 28px 24px!important;padding:20px 24px!important;} #cashflowPage .cashflow-top-grid{grid-template-columns:minmax(0,1fr) 180px!important;gap:10px!important;margin:6px 0 8px!important;align-items:center!important;} #cashflowPage .cashflow-stat-pack{grid-template-columns:repeat(6,minmax(98px,1fr))!important;gap:7px!important;} #cashflowPage .cashflow-stat-pack article{min-height:48px!important;padding:8px 10px!important;border-radius:13px!important;} #cashflowPage .cashflow-stat-pack span{font-size:11px!important;margin-bottom:2px!important;} #cashflowPage .cashflow-stat-pack strong{font-size:15px!important;} #cashflowPage .cashflow-chart-card{min-height:92px!important;padding:8px!important;border-radius:14px!important;} #cashflowPage .cashflow-pie{width:68px!important;height:68px!important;} #cashflowPage .cashflow-pie::after{inset:15px!important;} #cashflowPieLegend{font-size:10px!important;margin-top:5px!important;} #cashflowPage .cashflow-one-line-filter{margin-top:6px!important;gap:7px!important;} #cashflowPage .cashflow-excel-wrap{max-height:calc(100vh - 288px)!important;} .cashflow-excel-table th,.cashflow-excel-table td{font-size:14px!important;height:34px!important;max-height:34px!important;line-height:22px!important;} .cashflow-excel-table th:nth-child(2),.cashflow-excel-table td:nth-child(2){width:112px!important;} .cashflow-excel-table th:nth-child(3),.cashflow-excel-table td:nth-child(3){width:500px!important;font-weight:500!important;} .cashflow-excel-table .cashflow-main-project{font-weight:500!important;} .cashflow-cell-input{height:22px!important;min-height:22px!important;font-size:14px!important;} #orderImageModal .order-image-modal-card{width:min(860px,92vw)!important;height:min(640px,86vh)!important;max-height:86vh!important;border-radius:22px!important;} #orderImageModal .order-image-stage{height:calc(min(640px,86vh) - 108px)!important;} #orderImageModal #orderImageLarge{cursor:zoom-in;} .global-image-fullscreen{position:fixed;inset:0;background:rgba(0,0,0,.8);z-index: var(--layer-preview);display:flex;align-items:center;justify-content:center;padding:38px;box-sizing:border-box;} .global-image-fullscreen.hidden{display:none!important;} .global-image-fullscreen img{max-width:94vw;max-height:92vh;object-fit:contain;border-radius:12px;box-shadow:0 20px 80px rgba(0,0,0,.45);} .global-image-fullscreen button{position:absolute;right:28px;top:22px;width:42px;height:42px;border-radius:999px;border:1px solid rgba(255,255,255,.5);background:rgba(0,0,0,.38);color:#fff;font-size:30px;line-height:38px;cursor:pointer;} .worker-ledger-card{margin:20px 28px 24px!important;padding:22px 24px!important;background:linear-gradient(180deg,rgba(255,255,255,.94),rgba(246,252,251,.88));border:1px solid rgba(11,122,117,.13);box-shadow:0 22px 55px rgba(15,23,42,.08);} .worker-head{align-items:center!important;} .worker-home{padding:12px 0 4px;} .worker-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:14px;} .worker-card-btn{min-height:112px;border:1px solid rgba(11,122,117,.16);border-radius:20px;background:linear-gradient(135deg,#fff,#f3fbfa);box-shadow:0 12px 26px rgba(15,23,42,.07);text-align:left;padding:16px 18px;cursor:pointer;font-family:"Microsoft YaHei",Arial,sans-serif;color:#0f3f3c;transition:.18s ease;} .worker-card-btn:hover{transform:translateY(-2px);box-shadow:0 18px 36px rgba(15,23,42,.11);border-color:rgba(11,122,117,.35);} .worker-card-btn span{display:block;font-size:12px;color:#64748b;font-weight:800}.worker-card-btn strong{display:block;font-size:26px;margin:8px 0;color:#0b7a75}.worker-card-btn small{color:#64748b;font-weight:700} .worker-toolbar{display:grid;grid-template-columns:150px minmax(220px,1.8fr) 130px 130px 110px 110px auto auto auto;gap:8px;align-items:end;margin:6px 0 10px;} .worker-toolbar label{font-size:12px;color:#526273;font-weight:800}.worker-toolbar input{height:36px;border-radius:11px;border:1px solid #d5e6e4;padding:7px 10px;background:#fff;box-sizing:border-box;width:100%;} .worker-current{height:50px;border-radius:15px;background:linear-gradient(135deg,#0b7a75,#10a99f);color:#fff;padding:7px 12px;box-sizing:border-box;box-shadow:0 12px 28px rgba(11,122,117,.18);}.worker-current span{display:block;font-size:11px;opacity:.82}.worker-current strong{display:block;font-size:20px;line-height:1.25;} .worker-summary{display:grid;grid-template-columns:repeat(3,minmax(140px,1fr));gap:10px;margin:6px 0 10px}.worker-summary article{border-radius:15px;background:#fff;border:1px solid rgba(15,23,42,.07);box-shadow:0 12px 26px rgba(15,23,42,.06);padding:10px 14px}.worker-summary span{display:block;color:#64748b;font-size:12px;font-weight:800}.worker-summary strong{font-size:20px;} .worker-table-wrap{max-height:calc(100vh - 310px);border-radius:18px!important;border:1px solid rgba(11,122,117,.16)!important;}.worker-ledger-table{min-width:1220px!important}.worker-ledger-table th,.worker-ledger-table td{height:36px;max-height:36px;padding:5px 8px!important;font-size:14px;line-height:22px;box-sizing:border-box;vertical-align:middle!important;}.worker-ledger-table tbody tr:nth-child(odd):not(.worker-new-row) td{background:rgba(248,250,252,.78)!important}.worker-ledger-table tbody tr:nth-child(even):not(.worker-new-row) td{background:rgba(255,255,255,.84)!important}.worker-ledger-table tbody tr:hover td{background:rgba(232,246,244,.86)!important}.worker-ledger-table th:nth-child(1),.worker-ledger-table td:nth-child(1){width:48px;text-align:center}.worker-ledger-table th:nth-child(2),.worker-ledger-table td:nth-child(2){width:120px}.worker-ledger-table th:nth-child(3),.worker-ledger-table td:nth-child(3){width:430px;white-space:normal}.worker-ledger-table th:nth-child(4),.worker-ledger-table td:nth-child(4),.worker-ledger-table th:nth-child(5),.worker-ledger-table td:nth-child(5){width:115px;text-align:right}.worker-ledger-table th:nth-child(6),.worker-ledger-table td:nth-child(6){width:180px}.worker-ledger-table th:nth-child(7),.worker-ledger-table td:nth-child(7){width:78px;text-align:center}.worker-ledger-table th:nth-child(8),.worker-ledger-table td:nth-child(8){width:80px;text-align:center}.worker-ledger-table th:nth-child(9),.worker-ledger-table td:nth-child(9){width:70px;text-align:center}.worker-edit-cell:hover{background:rgba(11,122,117,.08)!important;box-shadow:inset 0 0 0 1px rgba(11,122,117,.2)!important;}.worker-image-btn.order-thumb-btn{width:34px!important;height:28px!important;min-width:34px!important;border-radius:8px!important;margin:0 auto!important;display:inline-flex!important;vertical-align:middle!important;}.worker-image-btn img{width:100%!important;height:100%!important;object-fit:cover!important;border-radius:7px!important}.worker-image-btn b{position:absolute!important;right:-5px!important;top:-7px!important;min-width:17px!important;height:17px!important;line-height:17px!important;border-radius:999px!important;background:#0b7a75!important;color:#fff!important;font-size:10px!important}.sync-pill{display:inline-flex;margin-left:5px;padding:1px 5px;border-radius:999px;background:#e8f7f4;color:#0b7a75;font-size:10px;font-weight:900;vertical-align:middle}.worker-detail.drag-over{outline:2px dashed #0b7a75;outline-offset:5px;border-radius:18px;background:rgba(11,122,117,.04)} @media(max-width:1500px){.worker-toolbar{grid-template-columns:repeat(4,minmax(130px,1fr));}.cashflow-stat-pack{grid-template-columns:repeat(3,minmax(120px,1fr))!important;}} @media(max-width:900px){.worker-toolbar,.worker-summary,.worker-list{grid-template-columns:1fr!important}.worker-table-wrap{max-height:none}.worker-ledger-card{margin:12px!important;padding:16px!important}} /* V132 收支流水分页、排序、滚动与视觉优化 */ #cashflowPage .cashflow-v131-card{max-width:calc(100vw - 56px)!important;overflow:hidden!important;} #cashflowPage .cashflow-one-line-filter{grid-template-columns:minmax(210px,1.7fr) minmax(136px,.9fr) minmax(136px,.9fr) minmax(112px,.75fr) minmax(88px,.6fr) minmax(104px,.75fr) minmax(92px,.62fr) minmax(88px,.6fr) auto auto auto auto!important;align-items:end!important;max-width:100%!important;} #cashflowPage .cashflow-one-line-filter button{height:36px!important;min-height:36px!important;white-space:nowrap!important;padding-left:12px!important;padding-right:12px!important;} #cashflowPage .cashflow-top-grid{grid-template-columns:minmax(0,1fr) 210px!important;margin:5px 0 8px!important;align-items:center!important;max-width:100%!important;} #cashflowPage .cashflow-stat-pack{grid-template-columns:repeat(6,minmax(92px,1fr))!important;gap:6px!important;} #cashflowPage .cashflow-stat-pack article{min-height:42px!important;padding:6px 8px 6px 12px!important;border-radius:12px!important;} #cashflowPage .cashflow-stat-pack strong{font-size:14px!important;} #cashflowPage .cashflow-chart-card{min-height:66px!important;height:66px!important;padding:7px 8px!important;border-radius:13px!important;display:flex!important;flex-direction:row!important;gap:9px!important;justify-content:center!important;align-items:center!important;} #cashflowPage .cashflow-pie{width:52px!important;height:52px!important;flex:0 0 52px!important;} #cashflowPage .cashflow-pie::after{inset:12px!important;} #cashflowPage .cashflow-pie b{font-size:12px!important;} #cashflowPage #cashflowPieLegend{margin:0!important;display:flex!important;flex-direction:column!important;gap:4px!important;align-items:flex-start!important;justify-content:center!important;text-align:left!important;font-size:11px!important;line-height:1.15!important;white-space:nowrap!important;} #cashflowPage .cashflow-excel-wrap{height:calc(100vh - 275px)!important;max-height:calc(100vh - 275px)!important;min-height:360px!important;overflow:auto!important;} #cashflowPage .cashflow-excel-table{min-width:1160px!important;width:100%!important;} #cashflowPage .cashflow-excel-table th,#cashflowPage .cashflow-excel-table td{font-size:var(--cashflow-font-size,15px)!important;} #cashflowPage .cashflow-excel-table th{top:0!important;} #cashflowPage .cashflow-excel-table th:nth-child(1),#cashflowPage .cashflow-excel-table td:nth-child(1){width:42px!important;text-align:center!important;} #cashflowPage .cashflow-excel-table th:nth-child(2),#cashflowPage .cashflow-excel-table td:nth-child(2){width:104px!important;} #cashflowPage .cashflow-excel-table th:nth-child(3),#cashflowPage .cashflow-excel-table td:nth-child(3){width:430px!important;font-weight:400!important;} #cashflowPage .cashflow-excel-table .cashflow-main-project{font-weight:400!important;color:#12324a!important;} #cashflowPage .cashflow-excel-table th:nth-child(4),#cashflowPage .cashflow-excel-table td:nth-child(4){width:84px!important;text-align:center!important;} #cashflowPage .cashflow-excel-table th:nth-child(5),#cashflowPage .cashflow-excel-table td:nth-child(5){width:86px!important;text-align:right!important;background:rgba(254,226,226,.42)!important;} #cashflowPage .cashflow-excel-table th:nth-child(6),#cashflowPage .cashflow-excel-table td:nth-child(6){width:86px!important;text-align:right!important;background:rgba(220,252,231,.48)!important;} #cashflowPage .cashflow-excel-table th:nth-child(7),#cashflowPage .cashflow-excel-table td:nth-child(7){width:92px!important;text-align:right!important;background:rgba(219,234,254,.48)!important;} #cashflowPage .cashflow-excel-table th:nth-child(8),#cashflowPage .cashflow-excel-table td:nth-child(8){width:136px!important;text-align:left!important;} #cashflowPage .cashflow-excel-table th:nth-child(9),#cashflowPage .cashflow-excel-table td:nth-child(9){width:58px!important;text-align:center!important;} #cashflowPage .cashflow-excel-table th:nth-child(10),#cashflowPage .cashflow-excel-table td:nth-child(10){width:72px!important;text-align:center!important;} #cashflowPage .cashflow-excel-table tbody tr:nth-child(odd):not(.cashflow-new-row) td:not(:nth-child(5)):not(:nth-child(6)):not(:nth-child(7)){background:rgba(248,250,252,.82)!important;} #cashflowPage .cashflow-excel-table tbody tr:nth-child(even):not(.cashflow-new-row) td:not(:nth-child(5)):not(:nth-child(6)):not(:nth-child(7)){background:rgba(255,255,255,.9)!important;} #cashflowPage .cashflow-excel-table tbody tr:hover td{filter:brightness(.985);} #cashflowPage .cashflow-cell-input{font-size:var(--cashflow-font-size,15px)!important;} #cashflowPage .cashflow-image-upload.icon-mode{color:#8aa7aa!important;border-color:rgba(138,167,170,.42)!important;background:rgba(248,252,252,.9)!important;} #cashflowPage .cashflow-image-upload.icon-mode svg{width:18px;height:18px;display:block;} #cashflowPage .cashflow-image-upload.icon-mode:hover{color:#0b7a75!important;background:#eefaf8!important;} #cashflowPage .cashflow-pager{margin-top:8px!important;} @media(max-width:1700px){#cashflowPage .cashflow-one-line-filter{grid-template-columns:minmax(200px,1.5fr) repeat(7,minmax(90px,1fr)) repeat(4,auto)!important;}#cashflowPage .cashflow-top-grid{grid-template-columns:1fr 200px!important;}} @media(max-width:1280px){#cashflowPage .cashflow-one-line-filter{grid-template-columns:repeat(4,minmax(120px,1fr))!important;}#cashflowPage .cashflow-chart-card{justify-content:flex-start!important;}#cashflowPage .cashflow-stat-pack{grid-template-columns:repeat(3,minmax(120px,1fr))!important;}} /* V133 收支流水与工人对账体验统一 */ :root{--v133-red:#e53935;--v133-green:#059669;--v133-panel-radius:26px;} .income-money{color:var(--v133-red)!important;font-weight:900!important;} .expense-money,.danger-money{color:var(--v133-green)!important;font-weight:900!important;} #cashflowPage .cashflow-v131-card,#workerLedgerPage .worker-ledger-card{min-height:calc(100vh - 140px)!important;padding:22px 24px 18px!important;margin:20px 28px 24px!important;border-radius:var(--v133-panel-radius)!important;overflow:hidden!important;background:linear-gradient(180deg,rgba(255,255,255,.95),rgba(246,252,251,.9))!important;border:1px solid rgba(11,122,117,.12)!important;box-shadow:0 24px 60px rgba(15,23,42,.08)!important;} #cashflowPage .panel-head,#workerLedgerPage .panel-head{margin-bottom:14px!important;align-items:center!important;} #cashflowPage .panel-head h2,#workerLedgerPage .panel-head h2{font-size:24px!important;letter-spacing:.02em!important;} #cashflowPage .cashflow-one-line-filter,#workerLedgerPage .worker-v133-toolbar{padding:12px!important;border:1px solid rgba(11,122,117,.10)!important;border-radius:18px!important;background:linear-gradient(180deg,rgba(255,255,255,.88),rgba(241,249,248,.76))!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.75)!important;} #cashflowPage .cashflow-top-grid,#workerLedgerPage .worker-top-grid{display:grid!important;grid-template-columns:minmax(0,1fr) 210px!important;gap:10px!important;align-items:stretch!important;margin:7px 0 9px!important;max-width:100%!important;} #cashflowPage .cashflow-stat-pack,#workerLedgerPage .worker-summary{height:66px!important;min-height:66px!important;margin:0!important;display:grid!important;align-items:stretch!important;} #cashflowPage .cashflow-stat-pack article,#workerLedgerPage .worker-summary article{min-height:66px!important;height:66px!important;display:flex!important;flex-direction:column!important;justify-content:center!important;box-sizing:border-box!important;} #cashflowPage .cashflow-chart-card,#workerLedgerPage .worker-chart-card{height:66px!important;min-height:66px!important;padding:7px 8px!important;border-radius:13px!important;display:flex!important;flex-direction:row!important;gap:9px!important;justify-content:center!important;align-items:center!important;border:1px solid rgba(11,122,117,.13)!important;background:linear-gradient(135deg,rgba(255,255,255,.94),rgba(245,252,251,.9))!important;box-shadow:0 12px 26px rgba(15,23,42,.06)!important;box-sizing:border-box!important;} #cashflowPage .cashflow-pie,#workerLedgerPage .worker-pie{width:52px!important;height:52px!important;flex:0 0 52px!important;border-radius:50%;position:relative;box-shadow:inset 0 0 0 1px rgba(255,255,255,.5),0 8px 18px rgba(15,23,42,.08);} #workerLedgerPage .worker-pie{--paid-pct:0%;background:conic-gradient(var(--v133-green) 0 var(--paid-pct),var(--v133-red) var(--paid-pct) 100%);} #workerLedgerPage .worker-pie.is-empty{background:#e5eef0;} #workerLedgerPage .worker-pie::after{content:"";position:absolute;inset:12px;border-radius:50%;background:#fff;box-shadow:inset 0 0 0 1px rgba(15,23,42,.08);} #workerLedgerPage .worker-pie span{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:11px;color:#64748b;font-weight:900;} #workerLedgerPage .worker-pie b{font-size:12px;color:#0f172a;line-height:1;}#workerLedgerPage .worker-pie small{display:none!important;} #workerLedgerPage #workerPieLegend{margin:0!important;display:flex!important;flex-direction:column!important;gap:4px!important;align-items:flex-start!important;justify-content:center!important;text-align:left!important;font-size:11px!important;line-height:1.15!important;white-space:nowrap!important;font-weight:900!important;color:#64748b!important;} #workerLedgerPage #workerPieLegend .legend-account{color:var(--v133-red)!important;}#workerLedgerPage #workerPieLegend .legend-paid{color:var(--v133-green)!important;} #cashflowPage .cashflow-excel-wrap,#workerLedgerPage .worker-table-wrap{height:calc(100vh - 300px)!important;max-height:calc(100vh - 300px)!important;min-height:350px!important;overflow:auto!important;border-radius:18px!important;} #workerLedgerPage .worker-v133-toolbar{display:grid!important;grid-template-columns:130px minmax(190px,1.5fr) 120px 120px 104px 104px 92px 82px auto auto auto auto auto!important;gap:7px!important;align-items:end!important;margin:0 0 8px!important;} #workerLedgerPage .worker-v133-toolbar label{font-size:12px!important;color:#526273!important;font-weight:850!important;min-width:0!important;} #workerLedgerPage .worker-v133-toolbar input,#workerLedgerPage .worker-v133-toolbar select{height:36px!important;border-radius:11px!important;border:1px solid #d5e6e4!important;padding:7px 10px!important;background:#fff!important;box-sizing:border-box!important;width:100%!important;} #workerLedgerPage .worker-v133-toolbar button{height:36px!important;min-height:36px!important;white-space:nowrap!important;padding-left:11px!important;padding-right:11px!important;} #workerLedgerPage .worker-summary{grid-template-columns:repeat(3,minmax(130px,1fr))!important;gap:7px!important;} #workerLedgerPage .worker-summary article{padding:8px 11px!important;border-radius:12px!important;} #workerLedgerPage .worker-summary span{font-size:11px!important;margin-bottom:2px!important;} #workerLedgerPage .worker-summary strong{font-size:15px!important;} #workerLedgerPage .worker-ledger-table{min-width:1160px!important;width:100%!important;table-layout:fixed!important;border-collapse:separate!important;border-spacing:0!important;} #workerLedgerPage .worker-ledger-table th{position:sticky!important;top:0!important;z-index:2!important;background:linear-gradient(180deg,#f8fffe,#eaf7f5)!important;color:#0b5f5b!important;} #workerLedgerPage .worker-ledger-table th,#workerLedgerPage .worker-ledger-table td{font-size:var(--worker-font-size,15px)!important;height:34px!important;max-height:34px!important;line-height:22px!important;padding:5px 8px!important;border-right:1px solid rgba(11,122,117,.08)!important;border-bottom:1px solid rgba(15,23,42,.07)!important;overflow:hidden!important;text-overflow:ellipsis!important;} #workerLedgerPage .worker-ledger-table th:nth-child(1),#workerLedgerPage .worker-ledger-table td:nth-child(1){width:42px!important;text-align:center!important;} #workerLedgerPage .worker-ledger-table th:nth-child(2),#workerLedgerPage .worker-ledger-table td:nth-child(2){width:104px!important;} #workerLedgerPage .worker-ledger-table th:nth-child(3),#workerLedgerPage .worker-ledger-table td:nth-child(3){width:430px!important;white-space:normal!important;} #workerLedgerPage .worker-ledger-table th:nth-child(4),#workerLedgerPage .worker-ledger-table td:nth-child(4){width:96px!important;text-align:right!important;background:rgba(254,226,226,.42)!important;} #workerLedgerPage .worker-ledger-table th:nth-child(5),#workerLedgerPage .worker-ledger-table td:nth-child(5){width:96px!important;text-align:right!important;background:rgba(220,252,231,.48)!important;} #workerLedgerPage .worker-ledger-table th:nth-child(6),#workerLedgerPage .worker-ledger-table td:nth-child(6){width:142px!important;} #workerLedgerPage .worker-ledger-table th:nth-child(7),#workerLedgerPage .worker-ledger-table td:nth-child(7){width:58px!important;text-align:center!important;} #workerLedgerPage .worker-ledger-table th:nth-child(9),#workerLedgerPage .worker-ledger-table td:nth-child(9){width:68px!important;text-align:center!important;} #workerLedgerPage .worker-ledger-table tbody tr:nth-child(odd):not(.worker-new-row) td:not(:nth-child(4)):not(:nth-child(5)){background:rgba(248,250,252,.82)!important;} #workerLedgerPage .worker-ledger-table tbody tr:nth-child(even):not(.worker-new-row) td:not(:nth-child(4)):not(:nth-child(5)){background:rgba(255,255,255,.9)!important;} #workerLedgerPage .cashflow-image-upload.icon-mode{color:#8aa7aa!important;border-color:rgba(138,167,170,.42)!important;background:rgba(248,252,252,.9)!important;} #workerLedgerPage .cashflow-image-upload.icon-mode svg{width:18px;height:18px;display:block;} #workerLedgerPage .cashflow-image-upload.icon-mode:hover{color:#0b7a75!important;background:#eefaf8!important;} #workerLedgerPage .worker-pager{margin-top:8px!important;} .worker-ledger-side-icon{background:linear-gradient(135deg,#38bdf8,#0ea5e9)!important;color:#fff!important;border-radius:10px!important;font-weight:900!important;font-size:13px!important;box-shadow:0 6px 14px rgba(14,165,233,.24)!important;} @media(max-width:1500px){#workerLedgerPage .worker-v133-toolbar{grid-template-columns:repeat(4,minmax(130px,1fr))!important;}#cashflowPage .cashflow-top-grid,#workerLedgerPage .worker-top-grid{grid-template-columns:1fr!important;}#workerLedgerPage .worker-summary{grid-template-columns:repeat(3,minmax(120px,1fr))!important;}} @media(max-width:900px){#cashflowPage .cashflow-v131-card,#workerLedgerPage .worker-ledger-card{margin:12px!important;padding:16px!important;}#workerLedgerPage .worker-v133-toolbar,#workerLedgerPage .worker-summary,#workerLedgerPage .worker-list{grid-template-columns:1fr!important;}#workerLedgerPage .worker-table-wrap,#cashflowPage .cashflow-excel-wrap{max-height:none!important;height:auto!important;}} /* V133 统一普通图片窗口为订单管理常规小窗口，点击图片再全屏 */ #orderImageModal:not(.cashflow-fullscreen-viewer) .order-image-modal-card{width:min(760px,90vw)!important;height:min(560px,82vh)!important;max-height:82vh!important;border-radius:22px!important;} #orderImageModal:not(.cashflow-fullscreen-viewer) .order-image-stage{height:calc(min(560px,82vh) - 108px)!important;} #orderImageModal:not(.cashflow-fullscreen-viewer) #orderImageLarge{max-width:100%!important;max-height:calc(min(560px,82vh) - 130px)!important;object-fit:contain!important;cursor:zoom-in!important;} /* V134 表格编辑与旧数据导入修正版：右侧框、表头、单击编辑、图标统一 */ #cashflowPage .cashflow-v131-card, #workerLedgerPage .worker-ledger-card{ margin:18px 28px 24px!important; padding:22px 24px 18px!important; width:calc(100% - 56px)!important; max-width:calc(100vw - 56px)!important; min-height:calc(100vh - 142px)!important; border-radius:28px!important; box-sizing:border-box!important; background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(246,252,251,.92))!important; border:1px solid rgba(11,122,117,.13)!important; box-shadow:0 24px 60px rgba(15,23,42,.08)!important; overflow:hidden!important; } #cashflowPage .panel-head,#workerLedgerPage .panel-head{padding:0!important;margin:0 0 16px!important;align-items:center!important;} #cashflowPage .panel-head h2,#workerLedgerPage .panel-head h2{font-size:25px!important;line-height:1.2!important;font-weight:850!important;color:#083b3a!important;} #cashflowPage .panel-head .muted,#workerLedgerPage .panel-head .muted{font-size:13px!important;color:#64748b!important;} #cashflowPage .cashflow-one-line-filter, #cashflowPage .cashflow-top-grid, #cashflowPage .cashflow-excel-wrap, #workerLedgerPage .worker-v133-toolbar, #workerLedgerPage .worker-top-grid, #workerLedgerPage .worker-table-wrap{width:100%!important;max-width:100%!important;box-sizing:border-box!important;} #cashflowPage .cashflow-top-grid,#workerLedgerPage .worker-top-grid{grid-template-columns:minmax(0,1fr) 210px!important;} #cashflowPage .cashflow-stat-pack,#workerLedgerPage .worker-summary{height:66px!important;min-height:66px!important;} #cashflowPage .cashflow-stat-pack article,#workerLedgerPage .worker-summary article{height:66px!important;min-height:66px!important;} #cashflowPage .cashflow-excel-table thead th, #workerLedgerPage .worker-ledger-table thead th{ background:linear-gradient(180deg,#f8fffe,#eaf7f5)!important; color:#0b5f5b!important; font-weight:850!important; border-right:1px solid rgba(11,122,117,.08)!important; border-bottom:1px solid rgba(11,122,117,.15)!important; box-shadow:none!important; } #cashflowPage .cashflow-excel-table th:nth-child(5), #cashflowPage .cashflow-excel-table th:nth-child(6), #cashflowPage .cashflow-excel-table th:nth-child(7), #workerLedgerPage .worker-ledger-table th:nth-child(4), #workerLedgerPage .worker-ledger-table th:nth-child(5){ background:linear-gradient(180deg,#f8fffe,#eaf7f5)!important; color:#0b5f5b!important; } #cashflowPage .cashflow-excel-table td:nth-child(5){background:rgba(254,226,226,.42)!important;} #cashflowPage .cashflow-excel-table td:nth-child(6){background:rgba(220,252,231,.48)!important;} #cashflowPage .cashflow-excel-table td:nth-child(7){background:rgba(219,234,254,.48)!important;} #workerLedgerPage .worker-ledger-table td:nth-child(4){background:rgba(254,226,226,.42)!important;} #workerLedgerPage .worker-ledger-table td:nth-child(5){background:rgba(220,252,231,.48)!important;} #cashflowPage .cashflow-edit-cell,#workerLedgerPage .worker-edit-cell{cursor:text!important;} #cashflowPage .cashflow-type-cell,#cashflowPage .cashflow-income-cell,#cashflowPage .cashflow-expense-cell, #workerLedgerPage .worker-work-cell,#workerLedgerPage .worker-account-cell,#workerLedgerPage .worker-paid-cell{cursor:pointer!important;} #cashflowPage .cashflow-note-cell.placeholder,#workerLedgerPage .worker-note-cell.placeholder{color:transparent!important;} #cashflowPage .cashflow-cell-input,#workerLedgerPage .worker-cell-input{height:28px!important;min-height:28px!important;line-height:20px!important;margin:0!important;} .worker-ledger-side-icon{ background:linear-gradient(135deg,#dff5ff,#38bdf8)!important; color:#0284c7!important; border:1px solid rgba(14,165,233,.22)!important; border-radius:10px!important; font-size:15px!important; filter:hue-rotate(165deg) saturate(1.25)!important; box-shadow:0 6px 14px rgba(14,165,233,.18)!important; } @media(max-width:900px){#cashflowPage .cashflow-v131-card,#workerLedgerPage .worker-ledger-card{width:calc(100% - 24px)!important;max-width:calc(100vw - 24px)!important;margin:12px!important;}} /* V135 页面细节与数据维护修正版 */ #cashflowPage .cashflow-excel-table th:nth-child(5), #cashflowPage .cashflow-excel-table td:nth-child(5), #cashflowPage .cashflow-excel-table th:nth-child(6), #cashflowPage .cashflow-excel-table td:nth-child(6), #cashflowPage .cashflow-excel-table th:nth-child(7), #cashflowPage .cashflow-excel-table td:nth-child(7){text-align:center!important;} #workerLedgerPage .worker-ledger-table th:nth-child(4), #workerLedgerPage .worker-ledger-table td:nth-child(4), #workerLedgerPage .worker-ledger-table th:nth-child(5), #workerLedgerPage .worker-ledger-table td:nth-child(5){text-align:center!important;} #cashflowPage .cashflow-excel-table th.cashflow-project-th, #cashflowPage .cashflow-excel-table th:nth-child(3){font-weight:900!important;color:#17324d!important;background:linear-gradient(180deg,#f8fffe,#eaf7f5)!important;} #cashflowPage .cashflow-v131-card, #workerLedgerPage .worker-ledger-card{ width:100%!important;max-width:100%!important;margin:0!important;padding:22px 24px 18px!important; min-height:calc(100vh - 140px)!important;border-radius:24px!important;background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(246,252,251,.92))!important; box-shadow:0 18px 54px rgba(16,42,54,.08)!important;border:1px solid rgba(11,122,117,.10)!important;overflow:hidden!important; } #cashflowPage .cashflow-one-line-filter,#cashflowPage .cashflow-top-grid,#cashflowPage .cashflow-excel-wrap, #workerLedgerPage .worker-v133-toolbar,#workerLedgerPage .worker-top-grid,#workerLedgerPage .worker-table-wrap{max-width:100%!important;width:100%!important;margin-left:0!important;margin-right:0!important;} #cashflowPage .cashflow-excel-wrap,#workerLedgerPage .worker-table-wrap{max-height:calc(100vh - 330px)!important;overflow:auto!important;} #graphicQuotePage .graphic-v110-hero::before, #graphicQuotePage .graphic-v110-title::before, #graphicQuotePage .graphic-quote-page::before{display:none!important;content:none!important;} #graphicQuotePage .graphic-v110-hero{background-image:none!important;} .legacy-db-card{overflow:hidden!important;} .legacy-db-status{max-width:100%!important;white-space:normal!important;word-break:break-all!important;overflow:auto!important;max-height:160px!important;line-height:1.5!important;box-sizing:border-box!important;} .legacy-progress-wrap{margin:10px 0 8px!important;} .legacy-progress-bar{height:10px!important;background:rgba(11,122,117,.12)!important;border-radius:999px!important;overflow:hidden!important;} .legacy-progress-bar span{display:block;height:100%!important;width:0;background:linear-gradient(90deg,#0b7a75,#14b8a6)!important;border-radius:999px!important;transition:width .25s ease!important;} #legacyDbProgressText{margin:5px 0 0!important;font-size:12px!important;color:#526273!important;} #inventoryCategoryOrderList,.inventory-order-list{max-height:calc(100vh - 260px)!important;overflow-y:auto!important;padding-right:6px!important;} #unpaidStatusPage .unpaid-status-card{min-height:calc(100vh - 140px)!important;overflow:hidden!important;} #unpaidStatusPage .report-table-wrap{max-height:calc(100vh - 292px)!important;overflow:auto!important;} #unpaidStatusPage .unpaid-table thead th{position:sticky!important;top:0!important;z-index:3!important;} #freeCalcOverlay .overlay-backdrop,#sharedNoteOverlay .overlay-backdrop, #calculatorModal .modal-backdrop,#sharedNoteModal .modal-backdrop, .free-calc-modal::before,.shared-note-modal::before{backdrop-filter:blur(14px)!important;background:rgba(15,23,42,.38)!important;} .home-tool-modal,.shared-note-panel,.calculator-panel{backdrop-filter:blur(14px)!important;} /* V136 数据清除与订单联络人修正 */ #tasksPage .home-free-calc-modal, .local-note-modal, #sharedNoteModal, #calculatorModal { background: rgba(15,23,42,.38) !important; backdrop-filter: blur(14px) !important; -webkit-backdrop-filter: blur(14px) !important; } #ordersPage .orders-table th:nth-child(3), #ordersPage .orders-table td:nth-child(3){width:88px!important;max-width:88px!important;min-width:78px!important;} #ordersPage .orders-table th:nth-child(5), #ordersPage .orders-table td:nth-child(5), .order-contact-person-cell{width:68px!important;max-width:68px!important;min-width:58px!important;text-align:center!important;} #ordersPage .orders-table th:nth-child(4), #ordersPage .orders-table td:nth-child(4){width:150px!important;max-width:150px!important;} .order-created-date-cell .order-cell-clamp{white-space:nowrap!important;overflow:visible!important;text-overflow:clip!important;} #orderEditModal .oq-basic-grid{grid-template-columns:minmax(240px,1.2fr) 92px minmax(260px,1.5fr)!important;align-items:start!important;} #orderEditModal .oq-contact-person-field input{text-align:center!important;} .worker-people-shortcut{margin-top:18px;padding:16px;border:1px solid rgba(11,122,117,.14);border-radius:18px;background:rgba(244,252,251,.78);box-shadow:0 10px 28px rgba(16,32,45,.05);} .worker-people-shortcut h3{margin:0 0 6px;color:#0b5960;font-size:17px;} /* V136：自由计算、记事本背景虚化与首页新增订单弹窗保持一致 */ #homeFreeCalcModal:not(.hidden), #localNoteModal:not(.hidden), #sharedNoteModal:not(.hidden){ background:rgba(15,23,42,.12)!important; backdrop-filter:blur(5px) saturate(120%)!important; -webkit-backdrop-filter:blur(5px) saturate(120%)!important; } /* V137 工人结账、权限和订单主表宽度优化 */ #ordersPage .orders-table th:nth-child(4), #ordersPage .orders-table td:nth-child(4){width:120px!important;max-width:120px!important;min-width:96px!important;} #ordersPage .orders-table th:nth-child(5), #ordersPage .orders-table td:nth-child(5), .order-contact-person-cell{width:88px!important;max-width:88px!important;min-width:76px!important;text-align:center!important;} #ordersPage .orders-table th:nth-child(6), #ordersPage .orders-table td:nth-child(6){width:190px!important;max-width:220px!important;min-width:150px!important;} #ordersPage .orders-table th:nth-child(7),#ordersPage .orders-table td:nth-child(7), #ordersPage .orders-table th:nth-child(8),#ordersPage .orders-table td:nth-child(8){width:78px!important;max-width:86px!important;min-width:66px!important;} #ordersPage .orders-table th:nth-child(13),#ordersPage .orders-table td:nth-child(13){width:92px!important;max-width:102px!important;min-width:82px!important;} #ordersPage .orders-table th:nth-child(15),#ordersPage .orders-table td:nth-child(15){width:112px!important;max-width:125px!important;min-width:96px!important;} #ordersPage .orders-table th:nth-child(18),#ordersPage .orders-table td:nth-child(18), #ordersPage .orders-table th:nth-child(19),#ordersPage .orders-table td:nth-child(19){width:70px!important;max-width:76px!important;min-width:58px!important;} #ordersPage .orders-table th:nth-child(20),#ordersPage .orders-table td:nth-child(20){width:90px!important;max-width:110px!important;min-width:70px!important;} #ordersPage:not(.order-extra-open) .order-extra-col{display:none!important;} #ordersPage .order-extra-toggle{border:0;background:rgba(11,122,117,.12);color:#0b7a75;border-radius:8px;padding:2px 7px;margin-left:5px;cursor:pointer;font-weight:900;} #ordersPage .order-note-toggle-th{white-space:nowrap!important;} .worker-global-search{display:flex;align-items:end;gap:10px;flex-wrap:wrap;margin:0 0 14px;padding:12px;border:1px solid rgba(11,122,117,.12);border-radius:18px;background:rgba(246,252,251,.86);} .worker-global-search label{display:flex;flex-direction:column;gap:4px;font-size:12px;color:#567;} .worker-global-search input,.worker-global-search select{height:34px;border:1px solid rgba(11,122,117,.16);border-radius:10px;padding:0 10px;background:#fff;} .worker-global-results{margin:0 0 14px;border:1px solid rgba(11,122,117,.12);border-radius:18px;background:#fff;overflow:hidden;} .worker-global-result-title{padding:10px 14px;font-weight:800;color:#0b5960;background:linear-gradient(90deg,rgba(11,122,117,.08),rgba(20,184,166,.04));} .worker-global-table-wrap{max-height:260px;overflow:auto;margin:0!important;border-radius:0!important;} .worker-global-table th{position:sticky;top:0;z-index:2;} .worker-settlement-row td{background:linear-gradient(90deg,rgba(11,122,117,.12),rgba(20,184,166,.05))!important;border-top:2px solid rgba(11,122,117,.25)!important;border-bottom:1px solid rgba(11,122,117,.18)!important;} .worker-settlement-line{display:flex;align-items:center;gap:12px;flex-wrap:wrap;color:#0b5960;font-size:13px;padding:8px 10px;} .worker-settlement-line strong{font-size:14px;} .worker-settled-data-row td{background:rgba(245,247,250,.92)!important;color:#667085!important;} .worker-settle-cell{text-align:center!important;width:46px!important;} .worker-ledger-table th:nth-child(5),.worker-ledger-table td:nth-child(5),.worker-ledger-table th:nth-child(6),.worker-ledger-table td:nth-child(6){text-align:center!important;} .worker-account-cell,.worker-paid-cell{text-align:center!important;} .worker-ledger-side-icon{color:#2563eb!important;filter:drop-shadow(0 4px 10px rgba(37,99,235,.22));} .hidden{display:none!important;} /* V138 订单复制按钮与弹窗 */ .order-copy-btn-v138{border-color:rgba(11,122,117,.35)!important;background:linear-gradient(180deg,rgba(255,255,255,.94),rgba(235,251,249,.88))!important;color:#0b7a75!important;font-weight:700;} .order-copy-card-v138{width:min(620px,calc(100vw - 36px));max-height:82vh;overflow:auto;border-radius:18px;} .order-copy-body-v138{display:grid;gap:12px;padding:4px 2px 0;} .order-copy-summary-v138{margin:0;color:#475467;line-height:1.7;} .order-copy-summary-v138 b{font-size:18px;color:#0b7a75;} .order-copy-list-v138{margin:0;padding:10px 12px;list-style:none;display:grid;gap:6px;background:rgba(11,122,117,.06);border:1px solid rgba(11,122,117,.12);border-radius:14px;max-height:150px;overflow:auto;} .order-copy-list-v138 li{display:grid;grid-template-columns:28px 130px 1fr;gap:8px;align-items:center;font-size:13px;color:#344054;} .order-copy-list-v138 strong{font-weight:700;color:#102033;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .order-copy-list-v138 em{font-style:normal;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .order-copy-field-v138{display:grid;gap:6px;font-size:13px;color:#344054;font-weight:700;} .order-copy-field-v138 select{height:36px;border:1px solid rgba(11,122,117,.22);border-radius:10px;background:#fff;padding:0 10px;} .order-copy-options-v138{display:flex;gap:18px;align-items:center;flex-wrap:wrap;background:rgba(248,250,252,.9);border:1px solid rgba(15,23,42,.08);border-radius:12px;padding:10px 12px;font-size:13px;color:#344054;} .order-copy-options-v138 label{display:flex;align-items:center;gap:6px;} .order-copy-note-v138{margin:0;line-height:1.7;} /* V139 复制订单弹窗与联络人宽度优化 */ #orderEditModal .oq-basic-grid{grid-template-columns:minmax(230px,1.15fr) 112px minmax(260px,1.55fr)!important;align-items:start!important;} #orderEditModal .oq-contact-person-field input{min-width:0!important;text-align:center!important;} .order-copy-card-v139{width:min(560px,calc(100vw - 36px));max-height:82vh;overflow:visible;border-radius:18px;} .order-copy-card-v139 .order-copy-body-v138{position:relative;} .order-copy-customer-combo-v139{position:relative;} .order-copy-customer-input-wrap-v139{display:grid;grid-template-columns:1fr 88px;gap:8px;align-items:center;} .order-copy-customer-input-wrap-v139 input[data-copy-customer-search]{height:38px;border:1px solid rgba(11,122,117,.24);border-radius:12px;background:rgba(255,255,255,.96);padding:0 12px;font-size:14px;color:#102033;outline:none;box-sizing:border-box;} .order-copy-customer-input-wrap-v139 input[data-copy-customer-search]:focus{border-color:rgba(11,122,117,.55);box-shadow:0 0 0 3px rgba(11,122,117,.10);} .order-copy-customer-input-wrap-v139 button{height:38px;border:1px solid rgba(11,122,117,.22);border-radius:12px;background:rgba(235,251,249,.82);color:#0b7a75;font-weight:800;cursor:pointer;} .order-copy-customer-suggest-v139{position:absolute;left:0;right:0;top:calc(100% + 6px);z-index: var(--layer-dropdown);background:rgba(255,255,255,.98);border:1px solid rgba(11,122,117,.16);border-radius:14px;box-shadow:0 18px 42px rgba(16,32,45,.18);max-height:220px;overflow:auto;padding:6px;} .order-copy-customer-suggest-v139 button{width:100%;border:0;background:transparent;border-radius:10px;padding:8px 10px;display:grid;grid-template-columns:140px 1fr;gap:10px;text-align:left;cursor:pointer;color:#344054;align-items:center;} .order-copy-customer-suggest-v139 button:hover{background:rgba(11,122,117,.08);} .order-copy-customer-suggest-v139 strong{font-weight:800;color:#0b5960;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .order-copy-customer-suggest-v139 span{font-size:12px;color:#667085;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .order-copy-actions-v139{justify-content:center!important;gap:28px!important;margin-top:14px!important;padding-top:12px!important;} .order-copy-actions-v139 .primary-btn,.order-copy-actions-v139 .ghost-btn{height:38px!important;min-width:108px!important;width:auto!important;padding:0 22px!important;border-radius:12px!important;font-size:14px!important;} /* V141 表格回退式局部修复：只修指定列，不再做全局表格重排 */ #todayOrdersPage > .quote-card > .panel-head, #orderRecyclePage > .quote-card > .panel-head, #orderQueryPage > .quote-card > .panel-head, #cashflowPage > .quote-card > .panel-head, #workerLedgerPage > .quote-card > .panel-head, #unpaidStatusPage > .quote-card > .panel-head, #productManagePage > .quote-card > .panel-head, #graphicPricePage > .quote-card > .panel-head, #customerTypePage > .quote-card > .panel-head, #quotePage > .quote-card > .panel-head, #ordersPage > .quote-card > .panel-head{ background:transparent!important; box-shadow:none!important; border:0!important; } #todayOrdersPage > .quote-card > .panel-head h2, #orderRecyclePage > .quote-card > .panel-head h2, #orderQueryPage > .quote-card > .panel-head h2, #cashflowPage > .quote-card > .panel-head h2, #workerLedgerPage > .quote-card > .panel-head h2, #unpaidStatusPage > .quote-card > .panel-head h2, #productManagePage > .quote-card > .panel-head h2, #graphicPricePage > .quote-card > .panel-head h2, #customerTypePage > .quote-card > .panel-head h2, #quotePage > .quote-card > .panel-head h2, #ordersPage > .quote-card > .panel-head h2{ font-size:20px!important; line-height:1.25!important; font-weight:800!important; } /* 订单管理：恢复原表格逻辑，仅把展开后的隐藏字段缩到次要列宽 */ #ordersPage.order-extra-open .orders-table th:nth-child(21), #ordersPage.order-extra-open .orders-table td:nth-child(21){ width:7rem!important;min-width:7rem!important;max-width:7rem!important; } #ordersPage.order-extra-open .orders-table th:nth-child(22), #ordersPage.order-extra-open .orders-table td:nth-child(22){ width:7.2rem!important;min-width:7.2rem!important;max-width:7.2rem!important; } #ordersPage .orders-table tr.merged-order-row td:nth-child(6){ overflow:visible!important; white-space:normal!important; text-align:center!important; height:58px!important; max-height:none!important; } #ordersPage .orders-table tr.merged-order-row td:nth-child(6) .order-cell-clamp{ display:flex!important; flex-direction:column!important; align-items:center!important; justify-content:center!important; gap:3px!important; width:100%!important; max-height:none!important; overflow:visible!important; white-space:normal!important; line-height:1.35!important; } #ordersPage .orders-table tr.merged-order-row td:nth-child(6) .order-detail-link, #ordersPage .orders-table tr.merged-order-row td:nth-child(6) .merged-order-hint{ display:block!important; max-width:100%!important; text-align:center!important; white-space:nowrap!important; overflow:visible!important; text-overflow:clip!important; line-height:1.45!important; } /* 今日订单：只压缩最右侧次要字段，避免右侧空白和重要信息被挤压 */ #todayOrdersPage .report-orders-table{width:100%!important;min-width:1560px!important;table-layout:fixed!important;} #todayOrdersPage .report-orders-table th:nth-child(20),#todayOrdersPage .report-orders-table td:nth-child(20){width:88px!important;max-width:88px!important;} #todayOrdersPage .report-orders-table th:nth-child(21),#todayOrdersPage .report-orders-table td:nth-child(21){width:92px!important;max-width:92px!important;} #todayOrdersPage .report-orders-table th:nth-child(3),#todayOrdersPage .report-orders-table td:nth-child(3){width:130px!important;} #todayOrdersPage .report-orders-table th:nth-child(5),#todayOrdersPage .report-orders-table td:nth-child(5){width:120px!important;} #todayOrdersPage .report-orders-table th:nth-child(15),#todayOrdersPage .report-orders-table td:nth-child(15){width:90px!important;} /* 工人对账：按当前10列表头重新分配，工作内容加宽，次要列收窄 */ #workerLedgerPage .worker-ledger-table{width:100%!important;min-width:1180px!important;table-layout:fixed!important;} #workerLedgerPage .worker-ledger-table th:nth-child(1),#workerLedgerPage .worker-ledger-table td:nth-child(1){width:3.5%!important;text-align:center!important;} #workerLedgerPage .worker-ledger-table th:nth-child(2),#workerLedgerPage .worker-ledger-table td:nth-child(2){width:4%!important;text-align:center!important;} #workerLedgerPage .worker-ledger-table th:nth-child(3),#workerLedgerPage .worker-ledger-table td:nth-child(3){width:9%!important;text-align:center!important;} #workerLedgerPage .worker-ledger-table th:nth-child(4),#workerLedgerPage .worker-ledger-table td:nth-child(4){width:32%!important;white-space:normal!important;text-align:left!important;} #workerLedgerPage .worker-ledger-table th:nth-child(5),#workerLedgerPage .worker-ledger-table td:nth-child(5){width:8%!important;text-align:center!important;background:rgba(254,226,226,.42)!important;} #workerLedgerPage .worker-ledger-table th:nth-child(6),#workerLedgerPage .worker-ledger-table td:nth-child(6){width:8%!important;text-align:center!important;background:rgba(220,252,231,.48)!important;} #workerLedgerPage .worker-ledger-table th:nth-child(7),#workerLedgerPage .worker-ledger-table td:nth-child(7){width:15%!important;text-align:center!important;} #workerLedgerPage .worker-ledger-table th:nth-child(8),#workerLedgerPage .worker-ledger-table td:nth-child(8){width:5%!important;text-align:center!important;} #workerLedgerPage .worker-ledger-table th:nth-child(9),#workerLedgerPage .worker-ledger-table td:nth-child(9){width:8%!important;text-align:center!important;} #workerLedgerPage .worker-ledger-table th:nth-child(10),#workerLedgerPage .worker-ledger-table td:nth-child(10){width:7.5%!important;text-align:center!important;} /* 任务统计：防止序号和右侧字段被挤没，任务内容不再无限撑大 */ #taskStatsPage .task-log-table{width:100%!important;min-width:1120px!important;table-layout:fixed!important;} #taskStatsPage .task-log-table th,#taskStatsPage .task-log-table td{white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;} #taskStatsPage .task-log-table th:nth-child(1),#taskStatsPage .task-log-table td:nth-child(1){width:5%!important;text-align:center!important;} #taskStatsPage .task-log-table th:nth-child(2),#taskStatsPage .task-log-table td:nth-child(2){width:42%!important;text-align:left!important;white-space:normal!important;} #taskStatsPage .task-log-table th:nth-child(3),#taskStatsPage .task-log-table td:nth-child(3){width:8%!important;text-align:center!important;} #taskStatsPage .task-log-table th:nth-child(4),#taskStatsPage .task-log-table td:nth-child(4){width:12%!important;text-align:center!important;} #taskStatsPage .task-log-table th:nth-child(5),#taskStatsPage .task-log-table td:nth-child(5){width:8%!important;text-align:center!important;} #taskStatsPage .task-log-table th:nth-child(6),#taskStatsPage .task-log-table td:nth-child(6){width:12%!important;text-align:center!important;} #taskStatsPage .task-log-table th:nth-child(7),#taskStatsPage .task-log-table td:nth-child(7){width:6%!important;text-align:center!important;} #taskStatsPage .task-log-table th:nth-child(8),#taskStatsPage .task-log-table td:nth-child(8){width:7%!important;text-align:center!important;} #cashflowPage .cashflow-table th:nth-child(8),#cashflowPage .cashflow-table td:nth-child(8){text-align:center!important;} /* ================= V142 局部修复：订单滚动条、图标层级、工人对账稳定 ================= */ #ordersPage.page-view.active{ overflow-y:auto!important; overflow-x:hidden!important; } #ordersPage .order-page-card{ height:auto!important; min-height:calc(100vh - 112px)!important; max-height:none!important; overflow:visible!important; } #ordersPage .order-action-bar, #ordersPage .order-filter-bar-v96{ position:relative!important; z-index:40!important; background:rgba(255,255,255,.96)!important; } #ordersPage .data-table-wrap.order-table-wrap{ overflow:auto!important; max-height:calc(100vh - 270px)!important; scrollbar-gutter:stable both-edges!important; position:relative!important; z-index:1!important; } #ordersPage .orders-table thead th{ position:sticky!important; top:0!important; z-index:30!important; background:#eaf8f6!important; } #ordersPage .orders-table .order-thumb-btn, #ordersPage .orders-table .order-file-badge-btn, #ordersPage .orders-table .order-image-badge, #ordersPage .orders-table .order-thumb-btn b, #ordersPage .orders-table .order-file-badge-btn em{ z-index:2!important; } .order-confirm-modal{z-index: var(--layer-modal-confirm) !important;} .order-confirm-modal .order-confirm-card{z-index:60001!important;} /* 工人对账：筛选表单不重叠，能换行但不压住彼此 */ #workerLedgerPage .worker-v133-toolbar{ display:flex!important; flex-wrap:wrap!important; align-items:flex-end!important; gap:8px!important; overflow:visible!important; } #workerLedgerPage .worker-v133-toolbar .worker-current{flex:0 0 126px!important;} #workerLedgerPage .worker-v133-toolbar label{display:flex!important;flex-direction:column!important;gap:4px!important;min-width:0!important;position:static!important;} #workerLedgerPage .worker-v133-toolbar label:nth-of-type(1){flex:1 1 360px!important;min-width:260px!important;} #workerLedgerPage .worker-v133-toolbar label:nth-of-type(2), #workerLedgerPage .worker-v133-toolbar label:nth-of-type(3){flex:0 0 122px!important;} #workerLedgerPage .worker-v133-toolbar label:nth-of-type(4), #workerLedgerPage .worker-v133-toolbar label:nth-of-type(5){flex:0 0 108px!important;} #workerLedgerPage .worker-v133-toolbar label:nth-of-type(6){flex:0 0 92px!important;} #workerLedgerPage .worker-v133-toolbar label:nth-of-type(7){flex:0 0 82px!important;} #workerLedgerPage .worker-v133-toolbar input, #workerLedgerPage .worker-v133-toolbar select{width:100%!important;min-width:0!important;box-sizing:border-box!important;} #workerLedgerPage .worker-v133-toolbar button{flex:0 0 auto!important;} #workerLedgerPage .worker-settle-cell input[type="checkbox"], #workerLedgerPage .worker-ledger-table td:first-child input[type="checkbox"]{ width:15px!important; height:15px!important; min-width:15px!important; max-width:15px!important; min-height:15px!important; max-height:15px!important; padding:0!important; margin:0 auto!important; transform:none!important; display:block!important; appearance:auto!important; } /* 后台工人对账数据：真实缩略图，多图顺序排列 */ .admin-worker-image-strip{display:flex;align-items:center;justify-content:center;gap:5px;flex-wrap:wrap;max-width:260px;margin:0 auto;} .admin-worker-image-strip a{display:inline-flex;width:42px;height:34px;border:1px solid rgba(11,122,117,.16);border-radius:8px;background:#fff;overflow:hidden;box-shadow:0 4px 10px rgba(15,23,42,.07);} .admin-worker-image-strip img{width:100%;height:100%;object-fit:cover;display:block;} /* V144 库存存放图例与存放位置 */ #inventoryPage .inventory-location-field-v144{grid-column:auto!important;} #inventoryPage .inventory-location-preview-v144{ min-height:42px!important; border:1px dashed rgba(11,122,117,.18)!important; border-radius:13px!important; background:rgba(255,255,255,.72)!important; padding:6px 10px!important; display:flex!important; align-items:center!important; justify-content:space-between!important; gap:10px!important; color:#60717b!important; font-size:12px!important; font-weight:700!important; } #inventoryPage .inv-clean-location-v144{ width:100%!important; border:0!important; background:rgba(11,122,117,.07)!important; color:#0b7a75!important; border-radius:10px!important; padding:5px 7px!important; margin:7px 0 0!important; font-size:12px!important; font-weight:800!important; text-align:left!important; overflow:hidden!important; white-space:nowrap!important; text-overflow:ellipsis!important; cursor:pointer!important; } #inventoryPage .inv-clean-location-v144:hover{background:rgba(11,122,117,.13)!important;} #inventoryPage .inventory-diagram-toolbar-v144{align-items:center!important;gap:10px!important;} #inventoryPage .inventory-diagram-grid{ height:auto!important; max-height:calc(100vh - 260px)!important; overflow:auto!important; grid-template-columns:repeat(auto-fit,minmax(360px,1fr))!important; align-items:start!important; } #inventoryPage .inventory-diagram-card-v144{ display:flex!important; flex-direction:column!important; gap:10px!important; padding:12px!important; overflow:visible!important; min-height:unset!important; } #inventoryPage .inventory-diagram-title-v144{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;color:#0f5f5d!important;} #inventoryPage .inventory-diagram-title-v144 strong{font-size:15px!important;font-weight:900!important;} #inventoryPage .inventory-diagram-title-v144 span{font-size:12px!important;color:#718096!important;font-weight:800!important;} #inventoryPage .inventory-diagram-image-wrap-v144{position:relative!important;width:100%!important;height:260px!important;border-radius:14px!important;overflow:hidden!important;background:rgba(255,255,255,.9)!important;border:1px solid rgba(11,122,117,.12)!important;} #inventoryPage .inventory-diagram-image-wrap-v144 > img{width:100%!important;height:100%!important;object-fit:contain!important;display:block!important;background:#fff!important;} #inventoryPage .inventory-diagram-pin-layer-v144{position:absolute!important;inset:0!important;pointer-events:none!important;} #inventoryPage .inventory-diagram-pin-v144{ position:absolute!important; transform:translate(-50%,-50%)!important; min-width:30px!important; height:24px!important; border:2px solid #fff!important; border-radius:999px!important; background:#0b9b94!important; color:#fff!important; font-size:12px!important; font-weight:900!important; box-shadow:0 6px 18px rgba(0,0,0,.22)!important; padding:0 7px!important; cursor:grab!important; pointer-events:auto!important; user-select:none!important; z-index:3!important; } #inventoryPage .inventory-diagram-pin-v144:active{cursor:grabbing!important;} #inventoryPage .inventory-diagram-add-v144{display:flex!important;gap:8px!important;align-items:center!important;} #inventoryPage .inventory-diagram-add-v144 input{height:36px!important;flex:1!important;border:1px solid rgba(11,122,117,.16)!important;border-radius:10px!important;padding:0 10px!important;} #inventoryPage .inventory-diagram-location-list-v144{display:grid!important;gap:6px!important;max-height:150px!important;overflow:auto!important;} #inventoryPage .inventory-diagram-location-row-v144{display:grid!important;grid-template-columns:minmax(0,1fr) auto auto!important;gap:6px!important;align-items:center!important;background:rgba(11,122,117,.05)!important;border-radius:10px!important;padding:6px 8px!important;} #inventoryPage .inventory-diagram-location-row-v144 span{font-size:12px!important;font-weight:800!important;color:#304b56!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;} #inventoryPage .inventory-diagram-actions-v144{display:flex!important;flex-wrap:wrap!important;gap:8px!important;} #inventoryPage .inventory-diagram-actions{display:none!important;} .inventory-location-viewer-v144{z-index: var(--layer-preview) !important;} .inventory-location-viewer-inner-v144{background:rgba(255,255,255,.96)!important;border-radius:18px!important;padding:14px!important;box-shadow:0 24px 70px rgba(0,0,0,.28)!important;} .inventory-location-viewer-head-v144{width:min(96vw,1200px)!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;color:#0d5452!important;} .inventory-location-viewer-stage-v144{position:relative!important;max-width:96vw!important;max-height:82vh!important;display:flex!important;align-items:center!important;justify-content:center!important;background:#fff!important;border-radius:14px!important;overflow:hidden!important;} .inventory-location-viewer-stage-v144 img{max-width:min(96vw,1200px)!important;max-height:82vh!important;width:auto!important;height:auto!important;display:block!important;border-radius:14px!important;} .inventory-location-view-pin-v144{position:absolute!important;transform:translate(-50%,-50%)!important;background:#0b9b94!important;color:#fff!important;border:2px solid #fff!important;border-radius:999px!important;padding:5px 10px!important;font-size:13px!important;font-weight:900!important;box-shadow:0 8px 22px rgba(0,0,0,.28)!important;white-space:nowrap!important;} .inventory-location-view-pin-v144.active{background:#f04438!important;box-shadow:0 0 0 8px rgba(240,68,56,.16),0 8px 22px rgba(0,0,0,.28)!important;} /* ================= V145 库存存放图例布局优化 ================= */ #inventoryPage .inventory-diagram-grid-v145{ display:block!important; height:auto!important; max-height:none!important; overflow:visible!important; } #inventoryPage .inventory-diagram-card-v145{ display:block!important; padding:14px!important; border-radius:18px!important; background:rgba(255,255,255,.84)!important; border:1px solid rgba(11,122,117,.14)!important; overflow:visible!important; } #inventoryPage .inventory-diagram-title-v145{ display:grid!important; grid-template-columns:auto minmax(0,1fr) auto!important; align-items:center!important; gap:10px!important; margin-bottom:12px!important; } #inventoryPage .inventory-diagram-title-center-v145{text-align:center!important;min-width:0!important;} #inventoryPage .inventory-diagram-title-center-v145 strong{display:block!important;font-size:18px!important;font-weight:900!important;color:#0b5f5a!important;line-height:1.25!important;} #inventoryPage .inventory-diagram-title-center-v145 span{display:block!important;margin-top:2px!important;font-size:12px!important;color:#718096!important;font-weight:800!important;} #inventoryPage .inventory-diagram-workspace-v145{ display:grid!important; grid-template-columns:minmax(0,1fr) 280px!important; gap:14px!important; align-items:start!important; } #inventoryPage .inventory-diagram-main-v145{ min-height:520px!important; border-radius:18px!important; border:1px solid rgba(11,122,117,.12)!important; background:#fff!important; display:flex!important; flex-direction:column!important; align-items:center!important; justify-content:center!important; padding:12px!important; overflow:hidden!important; } #inventoryPage .inventory-diagram-image-wrap-v145{ position:relative!important; display:inline-block!important; width:fit-content!important; max-width:100%!important; height:auto!important; max-height:calc(100vh - 320px)!important; min-height:unset!important; border-radius:12px!important; overflow:hidden!important; background:#fff!important; border:0!important; box-shadow:0 8px 22px rgba(15,23,42,.08)!important; line-height:0!important; } #inventoryPage .inventory-diagram-image-wrap-v145 > img{ display:block!important; width:auto!important; height:auto!important; max-width:100%!important; max-height:calc(100vh - 320px)!important; object-fit:contain!important; background:#fff!important; } #inventoryPage .inventory-diagram-tip-v145{margin:8px 0 0!important;font-size:12px!important;text-align:center!important;} #inventoryPage .inventory-diagram-side-v145{ border-radius:16px!important; background:rgba(241,250,248,.72)!important; border:1px solid rgba(11,122,117,.12)!important; padding:10px!important; display:flex!important; flex-direction:column!important; gap:10px!important; max-height:calc(100vh - 270px)!important; overflow:auto!important; } #inventoryPage .inventory-diagram-add-v145{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:8px!important;} #inventoryPage .inventory-diagram-location-list-v145{display:flex!important;flex-direction:column!important;gap:6px!important;max-height:none!important;overflow:visible!important;} #inventoryPage .inventory-diagram-location-row-v144{ grid-template-columns:minmax(0,1fr) auto auto auto!important; min-height:34px!important; padding:5px 6px!important; } #inventoryPage .inventory-diagram-location-row-v144 em{ font-style:normal!important; font-size:11px!important; font-weight:800!important; color:#82929b!important; background:rgba(255,255,255,.72)!important; border-radius:999px!important; padding:2px 6px!important; white-space:nowrap!important; } #inventoryPage .inventory-diagram-actions-v145{margin-top:auto!important;} #inventoryPage .inventory-diagram-pin-v144{z-index:4!important;} #inventoryPage .inventory-editor-layout-v97{grid-template-columns:minmax(360px,520px) minmax(420px,1fr)!important;align-items:start!important;} #inventoryPage .inventory-location-preview-v144{justify-content:flex-start!important;min-height:36px!important;} #inventoryPage .inventory-location-preview-v144 span{white-space:normal!important;line-height:1.35!important;} #inventoryPage .inventory-storage-inline-preview-v145{ margin-top:12px!important; border:1px solid rgba(11,122,117,.12)!important; border-radius:16px!important; background:rgba(255,255,255,.86)!important; padding:10px!important; min-height:170px!important; } #inventoryPage .inventory-storage-inline-title-v145{font-weight:900!important;color:#0b5f5a!important;font-size:13px!important;margin-bottom:8px!important;} #inventoryPage .inventory-storage-empty-v145{height:150px!important;display:flex!important;align-items:center!important;justify-content:center!important;color:#82929b!important;font-weight:800!important;background:rgba(241,250,248,.65)!important;border-radius:12px!important;} #inventoryPage .inventory-storage-inline-stage-v145{display:flex!important;align-items:center!important;justify-content:center!important;background:#fff!important;border-radius:12px!important;overflow:hidden!important;min-height:150px!important;} #inventoryPage .inventory-storage-inline-image-wrap-v145{position:relative!important;display:inline-block!important;line-height:0!important;max-width:100%!important;max-height:320px!important;} #inventoryPage .inventory-storage-inline-image-wrap-v145 img{display:block!important;width:auto!important;height:auto!important;max-width:100%!important;max-height:320px!important;border-radius:10px!important;} #inventoryPage .inv-clean-location-v144{ white-space:normal!important; overflow:visible!important; text-overflow:clip!important; line-height:1.35!important; min-height:28px!important; word-break:break-all!important; } @media (max-width:1200px){ #inventoryPage .inventory-diagram-workspace-v145{grid-template-columns:1fr!important;} #inventoryPage .inventory-diagram-side-v145{max-height:none!important;} #inventoryPage .inventory-editor-layout-v97{grid-template-columns:1fr!important;} } /* ================= V146 库存图例批量编号与分区颜色版 ================= */ #inventoryPage .inventory-diagram-card-v146{padding:12px!important;} #inventoryPage .inventory-diagram-workspace-v146{display:grid!important;grid-template-columns:minmax(0,1fr) 310px!important;gap:14px!important;align-items:stretch!important;} #inventoryPage .inventory-diagram-main-v146{min-height:680px!important;padding:10px!important;justify-content:center!important;} #inventoryPage .inventory-diagram-image-wrap-v146{width:100%!important;max-width:100%!important;height:calc(100vh - 210px)!important;max-height:calc(100vh - 210px)!important;display:flex!important;align-items:center!important;justify-content:center!important;border-radius:16px!important;overflow:hidden!important;background:#fff!important;box-shadow:0 10px 28px rgba(15,23,42,.08)!important;} #inventoryPage .inventory-diagram-image-wrap-v146 > img{width:100%!important;height:100%!important;object-fit:contain!important;max-width:none!important;max-height:none!important;} #inventoryPage .inventory-diagram-side-v146{max-height:calc(100vh - 190px)!important;padding:12px!important;} #inventoryPage .inventory-diagram-side-head-v146 strong{display:block!important;font-size:24px!important;line-height:1.25!important;font-weight:900!important;color:#0b5f5a!important;} #inventoryPage .inventory-diagram-side-head-v146 span{display:block!important;margin-top:4px!important;font-size:12px!important;font-weight:800!important;color:#70808d!important;} #inventoryPage .inventory-diagram-nav-v146{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;} #inventoryPage .inventory-diagram-file-panel-v146{display:grid!important;gap:8px!important;padding:10px!important;border-radius:14px!important;background:rgba(255,255,255,.85)!important;border:1px solid rgba(11,122,117,.12)!important;} #inventoryPage .inventory-diagram-file-actions-v146{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;} #inventoryPage .inventory-diagram-file-list-v146{display:flex!important;flex-direction:column!important;gap:4px!important;padding:8px 10px!important;min-height:44px!important;border-radius:12px!important;background:rgba(11,122,117,.05)!important;font-size:12px!important;color:#4a5c68!important;word-break:break-all!important;} #inventoryPage .inventory-diagram-file-list-v146 .empty{color:#8ea0aa!important;} #inventoryPage .inventory-diagram-add-v146{display:grid!important;grid-template-columns:1fr!important;gap:8px!important;} #inventoryPage .inventory-diagram-add-v146 textarea{width:100%!important;min-height:140px!important;resize:vertical!important;border:1px solid rgba(11,122,117,.16)!important;border-radius:12px!important;padding:10px!important;background:#fff!important;font:13px/1.45 "Microsoft YaHei",sans-serif!important;color:#264653!important;box-sizing:border-box!important;} #inventoryPage .inventory-diagram-rule-tip-v146{margin:0!important;font-size:12px!important;line-height:1.5!important;color:#738690!important;} #inventoryPage .inventory-diagram-location-list-v146{display:grid!important;gap:6px!important;max-height:260px!important;overflow:auto!important;} #inventoryPage .inventory-diagram-location-row-v146{position:relative!important;grid-template-columns:minmax(0,1fr) auto auto auto!important;border:1px solid rgba(11,122,117,.10)!important;box-shadow:none!important;} #inventoryPage .inventory-diagram-location-row-v146::before{content:''!important;display:block!important;width:8px!important;height:8px!important;border-radius:999px!important;background:var(--inventory-pin-bg)!important;box-shadow:0 0 0 2px rgba(255,255,255,.95)!important;} #inventoryPage .inventory-diagram-location-row-v146 span{white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;} #inventoryPage .inventory-diagram-actions-v146{margin-top:4px!important;display:grid!important;grid-template-columns:1fr!important;gap:8px!important;} #inventoryPage .inventory-diagram-pin-v144, #inventoryPage .inventory-location-view-pin-v144{background:var(--inventory-pin-bg,#14b8a6)!important;color:var(--inventory-pin-text,#fff)!important;border:3px solid var(--inventory-pin-border,rgba(255,255,255,.96))!important;box-shadow:0 8px 20px var(--inventory-pin-shadow,rgba(20,184,166,.34))!important;} #inventoryPage .inventory-diagram-pin-v144{padding:4px 12px!important;border-radius:999px!important;font-size:13px!important;line-height:1.2!important;min-width:58px!important;min-height:34px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;transform:translate(-50%,-50%)!important;z-index:5!important;} #inventoryPage .inventory-location-view-pin-v144{padding:4px 12px!important;border-radius:999px!important;font-size:13px!important;line-height:1.2!important;min-width:58px!important;min-height:34px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;transform:translate(-50%,-50%)!important;z-index:4!important;} #inventoryPage .inventory-location-view-pin-v144.active{outline:3px solid rgba(255,255,255,.92)!important;outline-offset:1px!important;} #inventoryPage .inventory-editor-layout-v97{grid-template-columns:minmax(360px,520px) minmax(520px,1fr)!important;} #inventoryPage .inventory-editor-photo-v97{display:flex!important;flex-direction:column!important;align-self:stretch!important;min-height:100%!important;} #inventoryPage .inventory-photo-preview-v97.inventory-photo-multi-preview{min-height:150px!important;} #inventoryPage .inventory-storage-inline-preview-v145{flex:1 1 auto!important;min-height:460px!important;display:flex!important;flex-direction:column!important;} #inventoryPage .inventory-storage-inline-stage-v145{flex:1 1 auto!important;min-height:400px!important;} #inventoryPage .inventory-storage-inline-image-wrap-v145{width:100%!important;max-width:100%!important;max-height:none!important;height:100%!important;display:flex!important;align-items:center!important;justify-content:center!important;} #inventoryPage .inventory-storage-inline-image-wrap-v145 img{width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;object-fit:contain!important;} #inventoryPage .inventory-location-preview-v144 span{display:block!important;white-space:normal!important;word-break:break-word!important;line-height:1.35!important;} @media (max-width: 1280px){ #inventoryPage .inventory-diagram-workspace-v146{grid-template-columns:1fr!important;} #inventoryPage .inventory-diagram-main-v146{min-height:420px!important;} #inventoryPage .inventory-diagram-image-wrap-v146{height:auto!important;max-height:none!important;aspect-ratio:4/3!important;} #inventoryPage .inventory-diagram-side-v146{max-height:none!important;} #inventoryPage .inventory-editor-layout-v97{grid-template-columns:1fr!important;} #inventoryPage .inventory-storage-inline-preview-v145{min-height:320px!important;} } /* ================= V147 库存图例坐标统一与布局复核修正 ================= */ #inventoryPage .inventory-page-card{max-height:calc(100vh - 92px)!important;overflow-y:auto!important;overflow-x:hidden!important;} #inventoryPage .inventory-toolbar-dynamic-v147 .search-input{width:260px!important;min-width:160px!important;height:34px!important;} #inventoryPage .inventory-log-tools-v147 .search-input{width:240px!important;} #inventoryPage .inventory-log-tools-v147 label{display:flex!important;align-items:center!important;gap:5px!important;white-space:nowrap!important;font-size:12px!important;color:#52636d!important;font-weight:800!important;} #inventoryPage .inventory-log-tools-v147 select{height:32px!important;min-width:68px!important;} #inventoryPage .inventory-dashboard-grid{min-height:0!important;align-items:start!important;} #inventoryPage .inventory-card-list{max-height:none!important;overflow:visible!important;} #inventoryPage .inventory-diagram-toolbar-v144{display:none!important;} #inventoryPage .inventory-diagram-card-v146{padding:12px!important;overflow:hidden!important;} #inventoryPage .inventory-diagram-workspace-v146{display:grid!important;grid-template-columns:minmax(0,1fr) 300px!important;gap:14px!important;align-items:stretch!important;} #inventoryPage .inventory-diagram-main-v146{min-height:calc(100vh - 230px)!important;padding:10px!important;display:flex!important;align-items:center!important;justify-content:center!important;background:#fff!important;overflow:hidden!important;} #inventoryPage .inventory-diagram-image-wrap-v146{position:relative!important;display:inline-block!important;width:auto!important;height:auto!important;max-width:100%!important;max-height:calc(100vh - 265px)!important;line-height:0!important;border-radius:14px!important;overflow:hidden!important;background:#fff!important;box-shadow:0 10px 28px rgba(15,23,42,.08)!important;} #inventoryPage .inventory-diagram-image-wrap-v146>img{display:block!important;width:auto!important;height:auto!important;max-width:100%!important;max-height:calc(100vh - 265px)!important;object-fit:contain!important;} #inventoryPage .inventory-diagram-pin-layer-v145{position:absolute!important;inset:0!important;pointer-events:none!important;} #inventoryPage .inventory-diagram-pin-v144{pointer-events:auto!important;max-width:82px!important;min-width:38px!important;min-height:24px!important;padding:3px 9px!important;font-size:clamp(9px,.78vw,13px)!important;line-height:1.1!important;} #inventoryPage .inventory-diagram-side-v146{max-height:calc(100vh - 205px)!important;overflow:auto!important;padding:12px!important;} #inventoryPage .inventory-diagram-location-row-v146{display:grid!important;grid-template-columns:10px minmax(0,1fr) auto 26px 26px!important;gap:5px!important;align-items:center!important;min-height:30px!important;padding:4px 5px!important;} #inventoryPage .inventory-diagram-location-row-v146::before{grid-column:1!important;content:''!important;display:block!important;width:8px!important;height:8px!important;border-radius:999px!important;background:var(--inventory-pin-bg)!important;} #inventoryPage .inventory-diagram-location-row-v146 span{grid-column:2!important;font-size:12px!important;font-weight:900!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;} #inventoryPage .inventory-diagram-location-row-v146 em{grid-column:3!important;font-size:10px!important;padding:1px 4px!important;} #inventoryPage .inventory-icon-btn-v147{width:24px!important;height:24px!important;min-width:24px!important;padding:0!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;border-radius:8px!important;font-size:12px!important;line-height:1!important;} #inventoryPage .inventory-diagram-location-list-v146{max-height:310px!important;overflow:auto!important;} .inventory-location-viewer-inner-v144{width:fit-content!important;max-width:96vw!important;} .inventory-location-viewer-head-v144{width:auto!important;min-width:min(720px,90vw)!important;max-width:96vw!important;} .inventory-location-viewer-stage-v144{position:relative!important;display:inline-block!important;width:auto!important;height:auto!important;max-width:96vw!important;max-height:82vh!important;line-height:0!important;overflow:hidden!important;background:#fff!important;border-radius:14px!important;} .inventory-location-viewer-stage-v144 img{display:block!important;width:auto!important;height:auto!important;max-width:96vw!important;max-height:82vh!important;object-fit:contain!important;} .inventory-location-viewer-pins-v144{position:absolute!important;inset:0!important;pointer-events:none!important;} #inventoryPage .inventory-editor-shell{width:100%!important;max-width:none!important;} #inventoryPage .inventory-editor-v97{width:min(1480px,100%)!important;max-width:none!important;margin:0 auto!important;} #inventoryPage .inventory-editor-layout-v97{display:grid!important;grid-template-columns:minmax(360px,46%) minmax(480px,54%)!important;gap:18px!important;align-items:stretch!important;} #inventoryPage .inventory-editor-fields-v97{align-self:stretch!important;padding:14px!important;border-radius:18px!important;background:rgba(255,255,255,.78)!important;border:1px solid rgba(11,122,117,.10)!important;} #inventoryPage .inventory-editor-photo-v97{align-self:stretch!important;min-height:620px!important;padding:14px!important;border-radius:18px!important;background:rgba(255,255,255,.82)!important;border:1px solid rgba(11,122,117,.12)!important;} #inventoryPage .inventory-storage-inline-preview-v145{flex:1 1 auto!important;min-height:360px!important;margin-top:12px!important;display:flex!important;flex-direction:column!important;} #inventoryPage .inventory-storage-inline-stage-v145{height:100%!important;min-height:360px!important;display:flex!important;align-items:center!important;justify-content:center!important;} #inventoryPage .inventory-storage-inline-image-wrap-v145 img{display:block!important;width:auto!important;height:auto!important;max-width:100%!important;max-height:520px!important;object-fit:contain!important;} #inventoryPage .inventory-storage-inline-preview-v145 .inventory-location-view-pin-v144{min-width:32px!important;min-height:20px!important;padding:2px 7px!important;border-width:2px!important;font-size:clamp(8px,.65vw,11px)!important;box-shadow:0 4px 12px var(--inventory-pin-shadow,rgba(20,184,166,.3))!important;} #inventoryPage .inventory-location-preview-v144{display:flex!important;align-items:center!important;min-height:38px!important;} #inventoryPage .inv-clean-location-v144{padding:7px 10px!important;line-height:1.4!important;white-space:normal!important;word-break:break-word!important;overflow:visible!important;text-overflow:clip!important;} #inventoryPage .inventory-dragging-v147{opacity:.45!important;transform:scale(.985)!important;} #inventoryPage .inventory-log-highlight-v147{background:#fff2a8!important;color:#7a4a00!important;border-radius:4px!important;padding:0 2px!important;font-weight:900!important;} @media (max-width:1320px){#inventoryPage .inventory-toolbar-dynamic-v147{width:100%!important;margin-left:0!important;}#inventoryPage .inventory-editor-layout-v97{grid-template-columns:1fr!important;}#inventoryPage .inventory-editor-photo-v97{min-height:420px!important;}#inventoryPage .inventory-diagram-workspace-v146{grid-template-columns:1fr!important;}#inventoryPage .inventory-diagram-side-v146{max-height:none!important;}} /* ================= V148 库存搜索布局与拖拽修正版 ================= */ #inventoryPage .inventory-toolbar-dynamic-v147{ margin-left:auto!important; display:flex!important; align-items:center!important; gap:8px!important; flex-wrap:nowrap!important; min-width:0!important; } #inventoryPage .inventory-toolbar-dynamic-v147 .search-input, #inventoryPage #inventorySearch, #inventoryPage #inventoryLogSearch{ height:34px!important; min-height:34px!important; line-height:34px!important; box-sizing:border-box!important; padding:0 12px!important; border-radius:10px!important; } #inventoryPage .inventory-toolbar-dynamic-v147 button, #inventoryPage .inventory-toolbar-dynamic-v147 select{ height:34px!important; min-height:34px!important; box-sizing:border-box!important; display:inline-flex!important; align-items:center!important; justify-content:center!important; } #inventoryPage .inventory-log-tools-v147 label{ height:34px!important; display:inline-flex!important; align-items:center!important; gap:6px!important; white-space:nowrap!important; margin:0!important; } #inventoryPage .inventory-view-tools-v147 .search-input{width:300px!important;} #inventoryPage .inventory-log-tools-v147 .search-input{width:270px!important;} #inventoryPage .inventory-search-highlight-v148, #inventoryPage .inventory-log-highlight-v147{ background:#fff1a8!important; color:#7c4600!important; border-radius:4px!important; padding:0 2px!important; font-weight:900!important; } /* 修改库存：真正左右两大区域 */ #inventoryPage .inventory-editor-shell{ width:100%!important; max-width:none!important; padding:0 18px!important; box-sizing:border-box!important; } #inventoryPage .inventory-editor-v97{ width:100%!important; max-width:1580px!important; margin:0 auto!important; } #inventoryPage .inventory-editor-layout-v148{ display:grid!important; grid-template-columns:minmax(420px,48%) minmax(560px,52%)!important; gap:22px!important; align-items:stretch!important; width:100%!important; } #inventoryPage .inventory-editor-form-pane-v148, #inventoryPage .inventory-storage-pane-v148{ min-height:650px!important; border-radius:18px!important; border:1px solid rgba(11,122,117,.12)!important; background:rgba(255,255,255,.82)!important; box-shadow:0 14px 36px rgba(8,75,73,.08)!important; padding:16px!important; box-sizing:border-box!important; } #inventoryPage .inventory-editor-form-pane-v148{ display:flex!important; flex-direction:column!important; gap:12px!important; } #inventoryPage .inventory-editor-fields-v97{ display:grid!important; grid-template-columns:1fr 1fr!important; gap:12px!important; padding:0!important; border:none!important; background:transparent!important; box-shadow:none!important; } #inventoryPage .inventory-note-field-v97, #inventoryPage .inventory-location-preview-v144{ grid-column:1 / -1!important; } #inventoryPage .inventory-editor-photo-left-v148{ display:grid!important; grid-template-columns:minmax(240px,1fr) minmax(260px,1fr)!important; gap:12px!important; padding:0!important; min-height:auto!important; border:none!important; background:transparent!important; box-shadow:none!important; } #inventoryPage .inventory-photo-drop-v98, #inventoryPage .inventory-photo-multi-preview{ min-height:150px!important; } #inventoryPage .inventory-editor-actions-v148{ margin-top:auto!important; } #inventoryPage .inventory-storage-pane-v148{ display:flex!important; flex-direction:column!important; align-items:stretch!important; justify-content:stretch!important; } #inventoryPage .inventory-storage-pane-v148 .inventory-storage-inline-preview-v145{ flex:1 1 auto!important; min-height:600px!important; display:flex!important; flex-direction:column!important; margin:0!important; border:none!important; background:transparent!important; box-shadow:none!important; padding:0!important; } #inventoryPage .inventory-storage-inline-title-v145{ flex:0 0 auto!important; font-size:18px!important; font-weight:900!important; color:#006d67!important; padding:0 0 10px!important; } #inventoryPage .inventory-storage-inline-stage-v145{ flex:1 1 auto!important; min-height:540px!important; display:flex!important; align-items:center!important; justify-content:center!important; border-radius:16px!important; background:#fff!important; overflow:hidden!important; } #inventoryPage .inventory-storage-inline-image-wrap-v145{ position:relative!important; display:inline-block!important; width:auto!important; height:auto!important; max-width:100%!important; max-height:100%!important; line-height:0!important; } #inventoryPage .inventory-storage-inline-image-wrap-v145 img{ display:block!important; width:auto!important; height:auto!important; max-width:100%!important; max-height:calc(100vh - 280px)!important; object-fit:contain!important; } #inventoryPage .inventory-storage-inline-pin-layer-v145{ position:absolute!important; inset:0!important; pointer-events:none!important; } #inventoryPage .inventory-storage-inline-preview-v145 .inventory-location-view-pin-v144{ min-width:24px!important; min-height:18px!important; padding:1px 5px!important; border-width:1.5px!important; font-size:clamp(7px,.58vw,10px)!important; line-height:1.05!important; box-shadow:0 3px 8px var(--inventory-pin-shadow,rgba(20,184,166,.22))!important; } /* 存放图例右侧编号列表：纯线条图标，整行居中 */ #inventoryPage .inventory-diagram-location-row-v146{ display:grid!important; grid-template-columns:10px minmax(0,1fr) auto 22px 22px!important; align-items:center!important; gap:6px!important; min-height:32px!important; padding:3px 4px!important; box-sizing:border-box!important; } #inventoryPage .inventory-diagram-location-row-v146::before{ align-self:center!important; justify-self:center!important; } #inventoryPage .inventory-diagram-location-row-v146 span, #inventoryPage .inventory-diagram-location-row-v146 em{ align-self:center!important; line-height:22px!important; margin:0!important; } #inventoryPage .inventory-icon-btn-v147{ width:22px!important; height:22px!important; min-width:22px!important; min-height:22px!important; padding:0!important; border:0!important; border-radius:0!important; background:transparent!important; box-shadow:none!important; color:#111!important; display:inline-flex!important; align-items:center!important; justify-content:center!important; cursor:pointer!important; } #inventoryPage .inventory-icon-btn-v147:hover{background:rgba(0,0,0,.05)!important;border-radius:4px!important;} #inventoryPage .inventory-icon-btn-v147::before{ content:""!important; display:block!important; width:15px!important; height:15px!important; background:#111!important; mask-repeat:no-repeat!important; mask-position:center!important; mask-size:contain!important; -webkit-mask-repeat:no-repeat!important; -webkit-mask-position:center!important; -webkit-mask-size:contain!important; } #inventoryPage .inventory-icon-edit-btn-v148::before{ mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 20h9'/%3E%3Cpath d='M16.5 3.5a2.1 2.1 0 0 1 3 3L7 19l-4 1 1-4Z'/%3E%3C/svg%3E")!important; -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 20h9'/%3E%3Cpath d='M16.5 3.5a2.1 2.1 0 0 1 3 3L7 19l-4 1 1-4Z'/%3E%3C/svg%3E")!important; } #inventoryPage .inventory-icon-delete-btn-v148::before{ mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 6h18'/%3E%3Cpath d='M8 6V4h8v2'/%3E%3Cpath d='M19 6l-1 15H6L5 6'/%3E%3Cpath d='M10 11v6'/%3E%3Cpath d='M14 11v6'/%3E%3C/svg%3E")!important; -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 6h18'/%3E%3Cpath d='M8 6V4h8v2'/%3E%3Cpath d='M19 6l-1 15H6L5 6'/%3E%3Cpath d='M10 11v6'/%3E%3Cpath d='M14 11v6'/%3E%3C/svg%3E")!important; } /* 库存卡片拖拽排序 */ #inventoryPage .inv-clean-card{position:relative!important;} #inventoryPage .inv-card-drag-handle-v148{ position:absolute!important; top:6px!important; right:7px!important; width:22px!important; height:22px!important; border-radius:7px!important; background:rgba(255,255,255,.86)!important; color:#0b746f!important; font-size:13px!important; font-weight:900!important; display:flex!important; align-items:center!important; justify-content:center!important; cursor:grab!important; z-index:3!important; box-shadow:0 2px 8px rgba(0,0,0,.08)!important; } #inventoryPage .inv-card-drag-handle-v148:active{cursor:grabbing!important;} #inventoryPage .inventory-dragging-v147{opacity:.48!important;transform:scale(.98)!important;} /* 图例页和弹窗继续保持图片本体坐标 */ #inventoryPage .inventory-diagram-image-wrap-v146, .inventory-location-viewer-stage-v144{ position:relative!important; display:inline-block!important; width:auto!important; height:auto!important; line-height:0!important; } #inventoryPage .inventory-diagram-pin-layer-v145, .inventory-location-viewer-pins-v144{ position:absolute!important; inset:0!important; pointer-events:none!important; } @media (max-width:1320px){ #inventoryPage .inventory-editor-layout-v148{grid-template-columns:1fr!important;} #inventoryPage .inventory-editor-form-pane-v148, #inventoryPage .inventory-storage-pane-v148{min-height:auto!important;} #inventoryPage .inventory-toolbar-dynamic-v147{width:100%!important;margin-left:0!important;flex-wrap:wrap!important;} #inventoryPage .inventory-toolbar-dynamic-v147 .search-input{flex:1 1 240px!important;width:auto!important;} } /* ================= V149 库存搜索渠道保护与弹窗快捷库存修正 ================= */ #inventoryPage .inventory-toolbar-dynamic-v147, #inventoryPage .inventory-log-tools-v147{ align-items:center!important; } #inventoryPage .inventory-toolbar-dynamic-v147 .search-input, #inventoryPage #inventorySearch, #inventoryPage #inventoryLogSearch{ height:34px!important; min-height:34px!important; line-height:34px!important; padding:0 12px!important; box-sizing:border-box!important; border-radius:10px!important; } #inventoryPage .inventory-toolbar-dynamic-v147 button, #inventoryPage .inventory-log-tools-v147 button, #inventoryPage .inventory-log-tools-v147 select{ height:34px!important; min-height:34px!important; line-height:32px!important; box-sizing:border-box!important; display:inline-flex!important; align-items:center!important; justify-content:center!important; } #inventoryPage .inventory-log-tools-v147 label{height:34px!important;align-items:center!important;} #inventoryPage .inventory-secret-field-v149{ display:grid!important; grid-template-columns:minmax(0,1fr) 38px!important; gap:6px!important; align-items:center!important; } #inventoryPage .inventory-secret-field-v149 input{ width:100%!important; min-width:0!important; } #inventoryPage .inventory-secret-field-v149 input.is-hidden-v149{ background:rgba(245,250,249,.82)!important; color:transparent!important; -webkit-text-security:none!important; } #inventoryPage .inventory-secret-field-v149 input[readonly]{cursor:not-allowed!important;} #inventoryPage .inventory-eye-btn-v149{ height:38px!important; width:38px!important; border:1px solid rgba(11,122,117,.18)!important; border-radius:11px!important; background:#fff!important; cursor:pointer!important; font-size:16px!important; display:inline-flex!important; align-items:center!important; justify-content:center!important; } #inventoryPage .inventory-eye-btn-v149.active{ background:rgba(11,122,117,.10)!important; border-color:rgba(11,122,117,.35)!important; } /* 存放位置弹窗顶部：左信息右操作 */ .inventory-location-viewer-v149{ backdrop-filter:blur(8px)!important; background:rgba(14,28,34,.62)!important; } .inventory-location-viewer-inner-v149{ border-radius:24px!important; background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(240,250,249,.95))!important; box-shadow:0 30px 90px rgba(0,0,0,.34)!important; border:1px solid rgba(255,255,255,.75)!important; padding:16px!important; } .inventory-location-viewer-head-v149{ width:auto!important; min-width:min(860px,92vw)!important; display:flex!important; align-items:center!important; justify-content:space-between!important; gap:16px!important; margin-bottom:10px!important; } .inventory-location-viewer-title-v149{ display:flex!important; align-items:center!important; gap:12px!important; min-width:0!important; flex-wrap:wrap!important; } .inventory-location-viewer-title-v149 strong{ font-size:20px!important; font-weight:950!important; color:#075d59!important; } .inventory-location-stock-v149{ color:#0f766e!important; font-size:14px!important; font-weight:900!important; background:rgba(11,122,117,.08)!important; border-radius:999px!important; padding:5px 10px!important; max-width:min(420px,46vw)!important; overflow:hidden!important; white-space:nowrap!important; text-overflow:ellipsis!important; } .inventory-location-viewer-actions-v149{ display:flex!important; align-items:center!important; gap:8px!important; flex-shrink:0!important; } .inventory-location-adjust-v149{ height:34px!important; min-height:34px!important; padding:0 12px!important; border-radius:10px!important; font-weight:900!important; } .inventory-location-close-v149{ height:38px!important; min-height:38px!important; padding:0 18px!important; border-radius:12px!important; font-size:15px!important; font-weight:950!important; box-shadow:0 8px 18px rgba(204,45,38,.18)!important; } .inventory-location-viewer-v149 .inventory-location-viewer-stage-v144{ border-radius:18px!important; } /* 存放图例悬停产品名称提示 */ .inventory-location-hover-tip-v149{ position:fixed!important; z-index:999999!important; max-width:320px!important; max-height:300px!important; overflow:auto!important; padding:10px 12px!important; border-radius:14px!important; background:rgba(10,39,46,.78)!important; color:#fff!important; box-shadow:0 16px 42px rgba(0,0,0,.28)!important; backdrop-filter:blur(8px)!important; pointer-events:none!important; font-size:13px!important; line-height:1.45!important; } .inventory-location-hover-tip-v149.hidden{display:none!important;} .inventory-location-hover-tip-v149 strong{ display:block!important; margin-bottom:6px!important; color:#d8fffb!important; font-weight:950!important; } .inventory-location-hover-tip-v149 span{ display:block!important; padding:3px 0!important; border-top:1px solid rgba(255,255,255,.12)!important; white-space:nowrap!important; overflow:hidden!important; text-overflow:ellipsis!important; } /* 库存图片使用系统弹窗质感 */ #orderImageModal{ backdrop-filter:blur(8px)!important; background:rgba(14,28,34,.62)!important; } #orderImageModal .order-image-modal-card{ background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(240,250,249,.95))!important; box-shadow:0 30px 90px rgba(0,0,0,.34)!important; border:1px solid rgba(255,255,255,.75)!important; } #orderImageModal .order-image-head{ border-radius:16px!important; padding:6px 8px!important; } #orderImageModal .order-image-head strong{ color:#075d59!important; font-weight:950!important; } #orderImageModal .image-modal-actions button{ height:34px!important; border-radius:10px!important; } @media (max-width: 1280px){ .inventory-location-viewer-head-v149{align-items:flex-start!important;flex-direction:column!important;} .inventory-location-viewer-actions-v149{width:100%!important;justify-content:flex-end!important;} #inventoryPage .inventory-secret-field-v149{grid-template-columns:minmax(0,1fr) 36px!important;} } /* ================= V150 库存图例提示与搜索布局修正版 ================= */ /* 库存模块页签：所有状态高度一致 */ #inventoryPage .inventory-tabbar-v147{ display:flex!important; align-items:center!important; gap:8px!important; flex-wrap:wrap!important; margin-bottom:12px!important; } #inventoryPage .inventory-tabbar-v147 .inventory-tab, #inventoryPage .inventory-tabbar-v147 > button{ height:42px!important; min-height:42px!important; line-height:40px!important; padding:0 20px!important; border-radius:14px!important; box-sizing:border-box!important; display:inline-flex!important; align-items:center!important; justify-content:center!important; font-size:16px!important; font-weight:900!important; vertical-align:middle!important; } /* 搜索工具条紧跟存放图例，不再推到最右侧 */ #inventoryPage .inventory-toolbar-dynamic-v147{ margin-left:8px!important; display:flex!important; align-items:center!important; gap:8px!important; flex-wrap:nowrap!important; min-width:0!important; } #inventoryPage .inventory-toolbar-dynamic-v147.hidden{display:none!important;} #inventoryPage .inventory-toolbar-dynamic-v147 .search-input, #inventoryPage #inventorySearch, #inventoryPage #inventoryLogSearch{ height:36px!important; min-height:36px!important; line-height:36px!important; padding:0 12px!important; border-radius:10px!important; box-sizing:border-box!important; display:inline-flex!important; align-items:center!important; vertical-align:middle!important; margin:0!important; } #inventoryPage .inventory-view-tools-v147 .search-input{width:340px!important;} #inventoryPage .inventory-log-tools-v147 .search-input{width:300px!important;} #inventoryPage .inventory-toolbar-dynamic-v147 button, #inventoryPage .inventory-toolbar-dynamic-v147 select, #inventoryPage .inventory-log-tools-v147 button, #inventoryPage .inventory-log-tools-v147 select{ height:36px!important; min-height:36px!important; line-height:34px!important; padding-top:0!important; padding-bottom:0!important; box-sizing:border-box!important; display:inline-flex!important; align-items:center!important; justify-content:center!important; vertical-align:middle!important; margin:0!important; } #inventoryPage .inventory-log-tools-v147 label{ height:36px!important; min-height:36px!important; display:inline-flex!important; align-items:center!important; gap:6px!important; margin:0!important; white-space:nowrap!important; } /* 操作记录：表格允许滚动查看，不再看起来只显示前 15 条 */ #inventoryPage .inventory-log-wrap{ max-height:calc(100vh - 210px)!important; overflow:auto!important; min-height:520px!important; } #inventoryPage #inventoryLogRows tr{height:42px!important;} /* 渠道输入框拉长：整行显示，小眼睛固定在右侧 */ #inventoryPage .inventory-channel-field-v149{ grid-column:1 / -1!important; width:100%!important; } #inventoryPage .inventory-secret-field-v149{ display:grid!important; grid-template-columns:minmax(0,1fr) 40px!important; gap:8px!important; align-items:center!important; width:100%!important; } #inventoryPage .inventory-secret-field-v149 input{ width:100%!important; min-width:0!important; height:40px!important; box-sizing:border-box!important; } #inventoryPage .inventory-eye-btn-v149{ height:40px!important; width:40px!important; min-width:40px!important; } /* 存放图例：彻底禁用原生 title 的视觉干扰，使用自定义悬浮框 */ #inventoryPage .inventory-diagram-pin-v144, .inventory-location-view-pin-v144{ user-select:none!important; } /* 查看大图：编号 + 绑定产品名称 + 库存数 */ .inventory-location-view-pin-big-v150{ overflow:visible!important; z-index:8!important; } .inventory-location-view-pin-big-v150 .inventory-location-pin-text-v150{ display:inline-flex!important; align-items:center!important; justify-content:center!important; min-width:44px!important; } .inventory-location-product-info-v150{ position:absolute!important; left:50%!important; top:calc(100% + 6px)!important; transform:translateX(-50%)!important; display:flex!important; flex-direction:column!important; gap:3px!important; min-width:104px!important; max-width:210px!important; padding:6px 8px!important; border-radius:10px!important; background:rgba(8,35,42,.76)!important; color:#fff!important; box-shadow:0 12px 28px rgba(0,0,0,.22)!important; backdrop-filter:blur(7px)!important; pointer-events:none!important; white-space:normal!important; line-height:1.28!important; } .inventory-location-product-info-v150 b{ display:block!important; font-size:11px!important; font-weight:900!important; color:#fff!important; white-space:normal!important; overflow:hidden!important; text-overflow:ellipsis!important; max-width:100%!important; } .inventory-location-product-info-v150 small{ display:inline-block!important; margin-left:4px!important; font-size:10px!important; font-weight:800!important; color:#baf7ef!important; } /* 大图弹窗里点位过密时尽量减小产品说明块遮挡 */ .inventory-location-viewer-stage-v144 .inventory-location-view-pin-big-v150:nth-child(2n) .inventory-location-product-info-v150{top:auto!important;bottom:calc(100% + 6px)!important;} .inventory-location-viewer-stage-v144 .inventory-location-view-pin-big-v150:nth-child(3n) .inventory-location-product-info-v150{left:100%!important;top:50%!important;bottom:auto!important;transform:translate(8px,-50%)!important;} .inventory-location-viewer-stage-v144 .inventory-location-view-pin-big-v150:nth-child(5n) .inventory-location-product-info-v150{left:auto!important;right:100%!important;top:50%!important;bottom:auto!important;transform:translate(-8px,-50%)!important;} /* 自定义悬浮提示：只显示自定义框，产品带库存数 */ .inventory-location-hover-tip-v149 span{ display:flex!important; align-items:center!important; justify-content:space-between!important; gap:10px!important; min-width:160px!important; } .inventory-location-hover-tip-v149 span em{ font-style:normal!important; color:#baf7ef!important; font-size:12px!important; font-weight:900!important; flex-shrink:0!important; } /* 弹窗顶部三个按钮 hover 效果统一明显 */ .inventory-location-viewer-actions-v149 button, .inventory-location-adjust-v149, .inventory-location-close-v149{ cursor:pointer!important; transition:background-color .16s ease, color .16s ease, border-color .16s ease, box-shadow .16s ease, transform .16s ease!important; } .inventory-location-viewer-actions-v149 button:hover, .inventory-location-adjust-v149:hover, .inventory-location-close-v149:hover{ transform:translateY(-1px)!important; box-shadow:0 10px 22px rgba(8,75,73,.18)!important; filter:saturate(1.08)!important; } .inventory-location-viewer-actions-v149 .ghost-btn:hover, .inventory-location-adjust-v149.ghost-btn:hover, #inventoryLocationDecrease:hover{ background:#e8fffb!important; border-color:rgba(11,122,117,.35)!important; color:#06625d!important; } .inventory-location-viewer-actions-v149 .primary-btn:hover, #inventoryLocationIncrease:hover{ background:#087c73!important; color:#fff!important; } .inventory-location-close-v149:hover, #inventoryDiagramViewerClose:hover{ background:#b91c1c!important; color:#fff!important; box-shadow:0 12px 26px rgba(185,28,28,.28)!important; } @media (max-width:1320px){ #inventoryPage .inventory-toolbar-dynamic-v147{margin-left:0!important;width:100%!important;} #inventoryPage .inventory-toolbar-dynamic-v147 .search-input{flex:1 1 260px!important;width:auto!important;} } /* ================= V151 库存操作记录分页与图例信息栏修正版 ================= */ #inventoryPage .inventory-page-card.inventory-log-mode-v151{ overflow:hidden!important; } #inventoryPage .inventory-section#inventoryLogSection.active{ height:calc(100vh - 170px)!important; overflow:hidden!important; } #inventoryPage .inventory-log-wrap{ height:calc(100vh - 225px)!important; max-height:calc(100vh - 225px)!important; min-height:0!important; overflow:auto!important; border-radius:14px!important; } #inventoryPage .inventory-log-wrap table thead th{ position:sticky!important; top:0!important; z-index:4!important; } #inventoryPage .inventory-log-pager-v151{ display:flex!important; align-items:center!important; gap:6px!important; margin-left:auto!important; height:36px!important; flex-shrink:0!important; } #inventoryPage .inventory-log-pager-v151 label, #inventoryPage .inventory-log-pager-v151 span{ height:36px!important; display:inline-flex!important; align-items:center!important; gap:4px!important; white-space:nowrap!important; font-size:12px!important; color:#52636d!important; font-weight:900!important; } #inventoryPage .inventory-log-pager-v151 select, #inventoryPage .inventory-log-pager-v151 button{ height:36px!important; min-height:36px!important; } #inventoryPage #inventoryLogPageSelect{min-width:62px!important;} .inventory-location-viewer-stage-v144{ overflow:hidden!important; } .inventory-location-view-pin-big-v150 .inventory-location-product-info-v150{ display:none!important; } .inventory-location-info-panel-v151{ position:absolute!important; left:18px!important; right:18px!important; bottom:18px!important; max-height:178px!important; padding:12px 14px!important; border-radius:14px!important; background:rgba(7,31,36,.72)!important; color:#fff!important; box-shadow:0 12px 34px rgba(0,0,0,.25)!important; backdrop-filter:blur(8px)!important; z-index:12!important; box-sizing:border-box!important; overflow:hidden!important; line-height:1.45!important; } .inventory-location-info-panel-v151.expanded{ top:18px!important; max-height:none!important; overflow:hidden!important; } .inventory-location-info-head-v151{ display:flex!important; align-items:center!important; justify-content:space-between!important; gap:10px!important; padding-bottom:8px!important; border-bottom:1px solid rgba(255,255,255,.22)!important; margin-bottom:8px!important; } .inventory-location-info-head-v151 strong{ font-size:17px!important; font-weight:900!important; color:#fff!important; } .inventory-info-expand-btn-v151{ height:28px!important; min-width:58px!important; padding:0 10px!important; border:1px solid rgba(255,255,255,.45)!important; border-radius:9px!important; background:rgba(255,255,255,.18)!important; color:#fff!important; font-weight:900!important; cursor:pointer!important; } .inventory-info-expand-btn-v151:hover{background:rgba(255,255,255,.28)!important;} .inventory-location-info-body-v151{ display:grid!important; grid-template-columns:repeat(auto-fit,minmax(220px,1fr))!important; gap:9px 14px!important; max-height:118px!important; overflow:auto!important; padding-right:4px!important; } .inventory-location-info-panel-v151.expanded .inventory-location-info-body-v151{ max-height:calc(100% - 54px)!important; display:block!important; overflow:auto!important; } .inventory-location-info-group-v151{ padding:6px 8px!important; border-radius:10px!important; background:rgba(255,255,255,.10)!important; margin-bottom:8px!important; } .inventory-location-info-group-v151 h4{ margin:0 0 5px!important; font-size:15px!important; line-height:1.3!important; color:#bffbf3!important; font-weight:900!important; } .inventory-location-info-row-v151{ display:flex!important; align-items:center!important; justify-content:space-between!important; gap:10px!important; padding:2px 0!important; font-size:15px!important; color:#fff!important; } .inventory-location-info-row-v151 b{ font-size:15px!important; color:#fff!important; font-weight:900!important; overflow:hidden!important; text-overflow:ellipsis!important; } .inventory-location-info-row-v151 em{ font-style:normal!important; font-size:15px!important; color:#baf7ef!important; font-weight:900!important; white-space:nowrap!important; } .inventory-location-info-empty-v151{ font-size:15px!important; color:rgba(255,255,255,.86)!important; font-weight:800!important; } #inventoryLocationDecrease{ background:#f59e0b!important; border-color:#d97706!important; color:#fff!important; box-shadow:0 8px 18px rgba(217,119,6,.22)!important; } #inventoryLocationDecrease:hover{ background:#d97706!important; color:#fff!important; box-shadow:0 12px 26px rgba(217,119,6,.32)!important; } .inventory-location-viewer-head-v149 .inventory-location-stock-v149, .inventory-location-viewer-title-v149 strong{ font-size:19px!important; } @media (max-width:1450px){ #inventoryPage .inventory-log-tools-v147{flex-wrap:wrap!important;} #inventoryPage .inventory-log-pager-v151{margin-left:0!important;} } /* ================= V152 库存卡片快捷操作与分类管理修正版 ================= */ #inventoryPage .inventory-tabbar-v147{display:flex!important;align-items:center!important;gap:10px!important;flex-wrap:wrap!important;} #inventoryPage .inventory-tabbar-v147 .inventory-tab{height:38px!important;min-height:38px!important;padding:0 18px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;font-size:14px!important;font-weight:900!important;line-height:1!important;border-radius:12px!important;box-sizing:border-box!important;} #inventoryPage .inventory-view-tools-v147{margin-left:14px!important;} #inventoryPage .inventory-view-tools-v147 .search-input{height:38px!important;min-height:38px!important;} #inventoryPage .inv-clean-card{min-height:245px!important;display:flex!important;flex-direction:column!important;} #inventoryPage .inv-clean-name{display:block!important;min-height:30px!important;margin-top:8px!important;font-size:15px!important;font-weight:900!important;line-height:1.25!important;color:#00645f!important;white-space:normal!important;overflow:hidden!important;word-break:break-word!important;} #inventoryPage .inv-clean-location-v144{margin-top:6px!important;} #inventoryPage .inv-clean-actions{margin-top:auto!important;display:grid!important;grid-template-columns:1fr 1fr 1fr!important;gap:8px!important;} #inventoryPage .inv-clean-btn{height:32px!important;border-radius:10px!important;font-size:13px!important;font-weight:900!important;} #inventoryPage .inv-clean-plus{background:#0b8f86!important;color:#fff!important;border-color:#0b8f86!important;} #inventoryPage .inv-clean-minus{background:#f59e0b!important;color:#fff!important;border-color:#f59e0b!important;} #inventoryPage .inv-clean-edit{background:#fff!important;color:#102333!important;border-color:#cfe0e0!important;} #inventoryPage .inv-clean-btn:hover{filter:brightness(.96)!important;transform:translateY(-1px)!important;box-shadow:0 8px 18px rgba(15,23,42,.12)!important;} #inventoryPage .inventory-editor-head-actions-v152{display:flex!important;align-items:center!important;gap:8px!important;} #inventoryPage .inventory-number-stepper-v152{display:grid!important;grid-template-columns:36px 1fr 36px!important;align-items:center!important;gap:6px!important;} #inventoryPage .inventory-number-stepper-v152 button{height:34px!important;border:1px solid #cfe0e0!important;border-radius:10px!important;background:#fff!important;font-weight:900!important;color:#00645f!important;cursor:pointer!important;} #inventoryPage .inventory-number-stepper-v152 button:hover{background:#e9faf8!important;} #inventoryPage .inventory-batch-actionbar-v98{display:flex!important;align-items:center!important;gap:12px!important;flex-wrap:wrap!important;} #inventoryPage .inventory-batch-actionbar-v98 label{display:inline-flex!important;align-items:center!important;gap:8px!important;white-space:nowrap!important;margin:0!important;} #inventoryPage .inventory-batch-actionbar-v98 input{height:36px!important;} #inventoryPage .inventory-batch-drop.has-thumb-v152{display:flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;padding:4px!important;min-width:120px!important;min-height:54px!important;} #inventoryPage .inventory-batch-drop.has-thumb-v152 img{width:56px!important;height:42px!important;object-fit:cover!important;border-radius:8px!important;border:1px solid #d6e8e8!important;} #inventoryPage .inventory-batch-drop.has-thumb-v152 span{font-size:11px!important;max-width:80px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;} #inventoryPage .inventory-batch-actions-v152{display:flex!important;align-items:center!important;justify-content:center!important;gap:5px!important;white-space:nowrap!important;} #inventoryPage .inventory-batch-actions-v152 button{min-width:42px!important;padding:4px 7px!important;} #inventoryPage .inventory-order-item{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:10px!important;} #inventoryPage .inventory-order-item span{font-weight:900!important;} #inventoryPage .inventory-order-item em{font-style:normal!important;font-size:12px!important;color:#6b7c88!important;margin-left:8px!important;} #inventoryPage .inventory-category-actions-v152{display:flex!important;align-items:center!important;gap:8px!important;} .inventory-location-card-grid-v152{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(160px,1fr))!important;gap:10px!important;} .inventory-mini-card-v152{background:rgba(255,255,255,.92)!important;border:1px solid rgba(255,255,255,.45)!important;border-radius:12px!important;padding:8px!important;color:#0c4a49!important;box-shadow:0 8px 18px rgba(0,0,0,.12)!important;} .inventory-mini-photo-v152{width:100%!important;height:78px!important;border:1px solid rgba(11,122,117,.18)!important;border-radius:10px!important;background:rgba(255,255,255,.76)!important;display:flex!important;align-items:center!important;justify-content:center!important;overflow:hidden!important;margin-bottom:6px!important;} .inventory-mini-photo-v152 img{width:100%!important;height:100%!important;object-fit:cover!important;} .inventory-mini-name-v152{font-size:14px!important;font-weight:900!important;line-height:1.25!important;min-height:34px!important;color:#064e4b!important;overflow:hidden!important;word-break:break-word!important;} .inventory-mini-qty-v152{font-size:14px!important;font-weight:900!important;margin:4px 0 8px!important;color:#00796f!important;} .inventory-mini-actions-v152{display:grid!important;grid-template-columns:1fr 1fr 1fr!important;gap:5px!important;} .inventory-mini-actions-v152 button{height:28px!important;padding:0 6px!important;font-size:12px!important;} .inventory-location-info-row-v151{display:none!important;} .warn-btn{background:#f59e0b!important;border:1px solid #f59e0b!important;color:#fff!important;border-radius:8px!important;font-weight:900!important;} .warn-btn:hover{background:#d97706!important;border-color:#d97706!important;} /* ================= V153 库存图例一体化与卡片细节修正版 ================= */ #inventoryPage .inv-clean-card, #inventoryPage .inv-clean-card:hover, #inventoryPage .inv-clean-card:focus, #inventoryPage .inv-clean-card:focus-within{ height:272px!important; min-height:272px!important; max-height:272px!important; padding:16px!important; transform:none!important; transition:box-shadow .16s ease,border-color .16s ease,background .16s ease!important; } #inventoryPage .inv-clean-name{ height:42px!important; min-height:42px!important; max-height:42px!important; line-height:21px!important; display:-webkit-box!important; -webkit-line-clamp:2!important; -webkit-box-orient:vertical!important; overflow:hidden!important; text-overflow:ellipsis!important; white-space:normal!important; } #inventoryPage .inv-clean-location-v144{min-height:30px!important;margin-top:6px!important;margin-bottom:0!important;} #inventoryPage .inv-clean-actions{height:38px!important;min-height:38px!important;max-height:38px!important;margin-top:auto!important;margin-bottom:4px!important;align-items:stretch!important;} #inventoryPage .inv-clean-actions>.inv-clean-btn, #inventoryPage .inv-clean-actions>.inv-clean-btn:hover, #inventoryPage .inv-clean-actions>.inv-clean-btn:focus, #inventoryPage .inv-clean-actions>.inv-clean-btn:active{ width:100%!important;height:38px!important;min-height:38px!important;max-height:38px!important; padding:0!important;margin:0!important;border-width:1px!important;line-height:1!important;transform:none!important; box-sizing:border-box!important;display:flex!important;align-items:center!important;justify-content:center!important; } #inventoryPage .inv-clean-actions>.inv-clean-btn:hover{filter:brightness(.96)!important;box-shadow:0 6px 14px rgba(15,23,42,.10)!important;} #inventoryPage .inventory-number-stepper-v152{position:relative!important;display:block!important;width:100%!important;} #inventoryPage .inventory-number-stepper-v152 input{width:100%!important;height:42px!important;box-sizing:border-box!important;padding-right:42px!important;} #inventoryPage .inventory-number-stepper-v152 button{position:absolute!important;right:6px!important;width:28px!important;height:18px!important;min-width:28px!important;padding:0!important;margin:0!important;border-radius:7px!important;line-height:1!important;font-size:12px!important;display:flex!important;align-items:center!important;justify-content:center!important;z-index:2!important;background:#fff!important;} #inventoryPage .inventory-number-stepper-v152 button[data-step="1"]{top:4px!important;} #inventoryPage .inventory-number-stepper-v152 button[data-step="-1"]{bottom:4px!important;} .inventory-mini-actions-v152{display:grid!important;grid-template-columns:1fr 1fr 1fr!important;gap:7px!important;align-items:stretch!important;} .inventory-mini-actions-v152 button, .inventory-mini-actions-v152 button:hover, .inventory-mini-actions-v152 button:focus{height:34px!important;min-height:34px!important;width:100%!important;padding:0!important;margin:0!important;border-width:1px!important;border-radius:10px!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:13px!important;font-weight:900!important;box-sizing:border-box!important;transform:none!important;} #inventoryPage .inventory-diagram-grid-v145{height:auto!important;min-height:calc(100vh - 170px)!important;overflow:visible!important;} #inventoryPage .inventory-diagram-card-v153{padding:12px!important;overflow:visible!important;} #inventoryPage .inventory-diagram-workspace-v153{display:grid!important;grid-template-columns:minmax(0,1fr) 300px!important;gap:14px!important;align-items:start!important;} #inventoryPage .inventory-diagram-main-v153{min-height:0!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:flex-start!important;background:#fff!important;overflow:visible!important;gap:10px!important;} #inventoryPage .inventory-diagram-image-wrap-v153{position:relative!important;display:inline-block!important;width:auto!important;height:auto!important;max-width:100%!important;max-height:none!important;line-height:0!important;border-radius:14px!important;overflow:hidden!important;background:#fff!important;box-shadow:0 10px 28px rgba(15,23,42,.08)!important;} #inventoryPage .inventory-diagram-image-wrap-v153>img{display:block!important;width:auto!important;height:auto!important;max-width:100%!important;max-height:calc(100vh - 250px)!important;object-fit:contain!important;} #inventoryPage .inventory-diagram-card-v153.is-editing-v153 .inventory-diagram-image-wrap-v153>img{max-height:calc(100vh - 230px)!important;} #inventoryPage .inventory-diagram-edit-banner-v153{width:100%!important;box-sizing:border-box!important;padding:9px 12px!important;border:1px solid rgba(245,158,11,.30)!important;border-radius:12px!important;background:rgba(255,247,237,.95)!important;color:#92400e!important;font-size:13px!important;font-weight:900!important;text-align:center!important;} #inventoryPage .inventory-diagram-inline-info-v153{width:100%!important;box-sizing:border-box!important;border:1px solid rgba(11,122,117,.13)!important;border-radius:16px!important;background:rgba(239,250,248,.82)!important;padding:12px!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.6)!important;} #inventoryPage .inventory-diagram-inline-head-v153{display:flex!important;justify-content:space-between!important;align-items:center!important;gap:10px!important;margin-bottom:10px!important;color:#0b5f5a!important;} #inventoryPage .inventory-diagram-inline-head-v153 strong{font-size:16px!important;font-weight:900!important;} #inventoryPage .inventory-diagram-inline-head-v153 span{font-size:12px!important;color:#70808d!important;font-weight:800!important;} #inventoryPage .inventory-diagram-inline-body-v153{max-height:260px!important;overflow:auto!important;display:grid!important;gap:10px!important;padding-right:4px!important;} #inventoryPage .inventory-diagram-stock-group-v153{display:block!important;border-radius:14px!important;background:rgba(255,255,255,.75)!important;border:1px solid rgba(11,122,117,.10)!important;padding:10px!important;} #inventoryPage .inventory-diagram-stock-group-v153 h4{margin:0 0 8px!important;color:#0b5f5a!important;font-size:15px!important;font-weight:900!important;} #inventoryPage .inventory-diagram-inline-card-grid-v153{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))!important;} #inventoryPage .inventory-diagram-inline-empty-v153{padding:18px!important;text-align:center!important;font-weight:900!important;color:#6b7b8a!important;} #inventoryPage .inventory-diagram-card-v153.is-viewing-v153 .inventory-diagram-pin-v144{cursor:default!important;} #inventoryPage .inventory-diagram-card-v153.is-editing-v153 .inventory-diagram-pin-v144{cursor:grab!important;outline:2px dashed rgba(245,158,11,.5)!important;outline-offset:3px!important;} #inventoryPage .inventory-diagram-side-v153{position:sticky!important;top:8px!important;max-height:calc(100vh - 125px)!important;overflow:auto!important;} #inventoryPage .inventory-diagram-actions-v153{display:grid!important;grid-template-columns:1fr!important;gap:8px!important;} @media(max-width:1320px){#inventoryPage .inventory-diagram-workspace-v153{grid-template-columns:1fr!important;}#inventoryPage .inventory-diagram-side-v153{position:static!important;max-height:none!important;}} /* ================= V154 库存卡片高度与图例信息栏修正版 ================= */ #inventoryPage .inv-clean-card, #inventoryPage .inv-clean-card:hover, #inventoryPage .inv-clean-card:focus, #inventoryPage .inv-clean-card:focus-within{ height:306px!important; min-height:306px!important; max-height:306px!important; display:grid!important; grid-template-rows:88px 44px 32px 30px 26px 42px!important; row-gap:7px!important; padding:16px!important; box-sizing:border-box!important; transform:none!important; } #inventoryPage .inv-clean-photo{ height:88px!important; min-height:88px!important; max-height:88px!important; margin:0!important; } #inventoryPage .inv-clean-name{ margin:0!important; height:44px!important; min-height:44px!important; max-height:44px!important; line-height:22px!important; display:-webkit-box!important; -webkit-line-clamp:2!important; -webkit-box-orient:vertical!important; overflow:hidden!important; text-overflow:ellipsis!important; white-space:normal!important; word-break:break-word!important; } #inventoryPage .inv-clean-location-v144, #inventoryPage .inv-clean-location-placeholder-v154{ height:32px!important; min-height:32px!important; max-height:32px!important; margin:0!important; box-sizing:border-box!important; } #inventoryPage .inv-clean-location-v144{ display:flex!important; align-items:center!important; justify-content:flex-start!important; overflow:hidden!important; text-overflow:ellipsis!important; white-space:nowrap!important; } #inventoryPage .inv-clean-meta{ height:30px!important; min-height:30px!important; max-height:30px!important; margin:0!important; display:flex!important; align-items:center!important; gap:6px!important; flex-wrap:nowrap!important; } #inventoryPage .inv-clean-note{ height:26px!important; min-height:26px!important; max-height:26px!important; margin:0!important; overflow:hidden!important; text-overflow:ellipsis!important; white-space:nowrap!important; display:block!important; } #inventoryPage .inv-clean-actions{ height:42px!important; min-height:42px!important; max-height:42px!important; margin:0!important; display:grid!important; grid-template-columns:1fr 1fr 1fr!important; gap:8px!important; align-items:stretch!important; } #inventoryPage .inv-clean-actions>.inv-clean-btn, #inventoryPage .inv-clean-actions>.inv-clean-btn:hover, #inventoryPage .inv-clean-actions>.inv-clean-btn:focus, #inventoryPage .inv-clean-actions>.inv-clean-btn:active{ width:100%!important; height:42px!important; min-height:42px!important; max-height:42px!important; padding:0!important; margin:0!important; border-width:1px!important; line-height:1!important; transform:none!important; box-sizing:border-box!important; display:flex!important; align-items:center!important; justify-content:center!important; } #inventoryPage .inv-clean-actions>.inv-clean-btn:hover{ transform:none!important; filter:brightness(.96)!important; box-shadow:0 6px 14px rgba(15,23,42,.10)!important; } #inventoryPage .inv-clean-qty mark, #inventoryPage .inv-clean-low-tag mark{display:inline!important;} /* 存放图例：全部位置库存内容恢复为图片底部半透明信息栏 */ #inventoryPage .inventory-diagram-inline-info-v154{ position:absolute!important; left:16px!important; right:16px!important; bottom:16px!important; z-index:16!important; max-height:190px!important; min-height:0!important; padding:12px!important; border-radius:14px!important; background:rgba(12,39,40,.78)!important; border:1px solid rgba(255,255,255,.18)!important; box-shadow:0 16px 34px rgba(0,0,0,.22)!important; backdrop-filter:blur(8px)!important; color:#fff!important; line-height:1.4!important; box-sizing:border-box!important; } #inventoryPage .inventory-diagram-inline-info-v154.expanded{ top:16px!important; bottom:16px!important; max-height:none!important; } #inventoryPage .inventory-diagram-inline-head-v154{ display:flex!important; align-items:center!important; justify-content:space-between!important; gap:10px!important; padding:0 0 8px!important; margin:0 0 8px!important; border-bottom:1px solid rgba(255,255,255,.18)!important; color:#fff!important; } #inventoryPage .inventory-diagram-inline-head-v154 strong{ font-size:15px!important; color:#fff!important; } #inventoryPage .inventory-diagram-inline-toggle-v154{ height:28px!important; min-width:62px!important; flex:0 0 auto!important; } #inventoryPage .inventory-diagram-inline-body-v154{ max-height:126px!important; overflow:auto!important; padding-right:4px!important; display:grid!important; gap:10px!important; } #inventoryPage .inventory-diagram-inline-info-v154.expanded .inventory-diagram-inline-body-v154{ max-height:calc(100% - 44px)!important; } #inventoryPage .inventory-diagram-stock-group-v153 h4{ margin:0 0 8px!important; color:#bffbf3!important; font-size:14px!important; font-weight:900!important; } #inventoryPage .inventory-diagram-inline-card-grid-v153{ grid-template-columns:repeat(auto-fill,minmax(150px,1fr))!important; } #inventoryPage .inventory-diagram-inline-info-v154 .inventory-mini-card-v152{ padding:7px!important; background:rgba(255,255,255,.94)!important; color:#0b4f4c!important; } #inventoryPage .inventory-diagram-inline-info-v154 .inventory-mini-photo-v152{ height:64px!important; } #inventoryPage .inventory-diagram-inline-info-v154 .inventory-mini-name-v152{ min-height:32px!important; max-height:32px!important; display:-webkit-box!important; -webkit-line-clamp:2!important; -webkit-box-orient:vertical!important; overflow:hidden!important; } #inventoryPage .inventory-diagram-inline-info-v154 .inventory-mini-actions-v152 button{ height:30px!important; min-height:30px!important; font-size:12px!important; } #inventoryPage .inventory-diagram-inline-empty-v153{ color:rgba(255,255,255,.9)!important; background:rgba(255,255,255,.08)!important; border-radius:12px!important; } /* ================= V155 库存卡片比例与图例信息栏修正版 ================= */ /* 库存产品卡片：恢复更方正紧凑的比例，名称一行省略，按钮不再超出卡片 */ #inventoryPage .inv-clean-grid{ align-items:stretch!important; } #inventoryPage .inv-clean-card, #inventoryPage .inv-clean-card:hover, #inventoryPage .inv-clean-card:focus, #inventoryPage .inv-clean-card:focus-within{ height:264px!important; min-height:264px!important; max-height:264px!important; display:grid!important; grid-template-rows:78px 24px 28px 28px 20px 36px!important; row-gap:6px!important; padding:13px!important; box-sizing:border-box!important; transform:none!important; overflow:hidden!important; } #inventoryPage .inv-clean-photo{ height:78px!important; min-height:78px!important; max-height:78px!important; margin:0!important; border-radius:13px!important; } #inventoryPage .inv-clean-photo img{ max-width:100%!important; max-height:100%!important; object-fit:contain!important; } #inventoryPage .inv-clean-name{ display:block!important; height:24px!important; min-height:24px!important; max-height:24px!important; line-height:24px!important; margin:0!important; font-size:14px!important; font-weight:900!important; color:#00645f!important; white-space:nowrap!important; overflow:hidden!important; text-overflow:ellipsis!important; word-break:normal!important; } #inventoryPage .inv-clean-location-v144, #inventoryPage .inv-clean-location-placeholder-v154{ height:28px!important; min-height:28px!important; max-height:28px!important; margin:0!important; padding:0 10px!important; box-sizing:border-box!important; border-radius:10px!important; } #inventoryPage .inv-clean-location-v144{ display:flex!important; align-items:center!important; justify-content:flex-start!important; white-space:nowrap!important; overflow:hidden!important; text-overflow:ellipsis!important; font-size:12px!important; line-height:1!important; } #inventoryPage .inv-clean-location-placeholder-v154{ display:block!important; visibility:hidden!important; } #inventoryPage .inv-clean-meta{ height:28px!important; min-height:28px!important; max-height:28px!important; margin:0!important; display:flex!important; align-items:center!important; gap:5px!important; flex-wrap:nowrap!important; overflow:hidden!important; } #inventoryPage .inv-clean-qty{font-size:14px!important;line-height:1!important;white-space:nowrap!important;} #inventoryPage .inv-clean-low-tag{font-size:11px!important;line-height:1!important;white-space:nowrap!important;padding:3px 5px!important;} #inventoryPage .inv-clean-note{ height:20px!important; min-height:20px!important; max-height:20px!important; line-height:20px!important; margin:0!important; font-size:12px!important; overflow:hidden!important; text-overflow:ellipsis!important; white-space:nowrap!important; display:block!important; } #inventoryPage .inv-clean-actions{ height:36px!important; min-height:36px!important; max-height:36px!important; margin:0!important; display:grid!important; grid-template-columns:1fr 1fr 1fr!important; gap:6px!important; align-items:stretch!important; align-self:end!important; } #inventoryPage .inv-clean-actions>.inv-clean-btn, #inventoryPage .inv-clean-actions>.inv-clean-btn:hover, #inventoryPage .inv-clean-actions>.inv-clean-btn:focus, #inventoryPage .inv-clean-actions>.inv-clean-btn:active{ width:100%!important; height:36px!important; min-height:36px!important; max-height:36px!important; padding:0!important; margin:0!important; border-width:1px!important; border-radius:10px!important; line-height:1!important; transform:none!important; box-sizing:border-box!important; display:flex!important; align-items:center!important; justify-content:center!important; font-size:13px!important; font-weight:900!important; } #inventoryPage .inv-clean-actions>.inv-clean-btn:hover{ transform:none!important; filter:brightness(.96)!important; box-shadow:0 5px 12px rgba(15,23,42,.10)!important; } /* 取消右上角拖拽图标，但保留卡片自身拖拽排序 */ #inventoryPage .inv-card-drag-handle-v148{display:none!important;} #inventoryPage .inv-clean-card{cursor:grab!important;} #inventoryPage .inv-clean-card:active{cursor:grabbing!important;} #inventoryPage .inv-clean-actions, #inventoryPage .inv-clean-actions *{cursor:auto!important;} /* 存放图例信息栏：默认只显示标题栏和展开按钮，展开后才显示库存卡片，并严格限制在图片内 */ #inventoryPage .inventory-diagram-image-wrap-v154{ position:relative!important; overflow:hidden!important; } #inventoryPage .inventory-diagram-inline-info-v154{ position:absolute!important; left:12px!important; right:12px!important; bottom:12px!important; width:auto!important; max-width:none!important; min-height:0!important; max-height:44px!important; height:44px!important; padding:0 10px!important; border-radius:12px!important; background:rgba(12,39,40,.80)!important; border:1px solid rgba(255,255,255,.18)!important; box-shadow:0 12px 26px rgba(0,0,0,.20)!important; backdrop-filter:blur(8px)!important; color:#fff!important; line-height:1.4!important; box-sizing:border-box!important; z-index:16!important; overflow:hidden!important; } #inventoryPage .inventory-diagram-inline-info-v154.hidden{display:none!important;} #inventoryPage .inventory-diagram-inline-info-v154.expanded{ top:12px!important; bottom:12px!important; height:auto!important; max-height:none!important; padding:10px!important; } #inventoryPage .inventory-diagram-inline-head-v154{ height:42px!important; min-height:42px!important; display:flex!important; align-items:center!important; justify-content:space-between!important; gap:10px!important; padding:0!important; margin:0!important; border-bottom:none!important; color:#fff!important; } #inventoryPage .inventory-diagram-inline-info-v154.expanded .inventory-diagram-inline-head-v154{ height:40px!important; min-height:40px!important; padding:0 0 8px!important; margin:0 0 8px!important; border-bottom:1px solid rgba(255,255,255,.18)!important; } #inventoryPage .inventory-diagram-inline-head-v154 strong{ font-size:14px!important; color:#fff!important; white-space:nowrap!important; overflow:hidden!important; text-overflow:ellipsis!important; } #inventoryPage .inventory-diagram-inline-toggle-v154{ height:28px!important; min-width:58px!important; flex:0 0 auto!important; display:flex!important; align-items:center!important; justify-content:center!important; } #inventoryPage .inventory-diagram-inline-body-v154{ display:none!important; } #inventoryPage .inventory-diagram-inline-info-v154.expanded .inventory-diagram-inline-body-v154{ display:grid!important; max-height:calc(100% - 50px)!important; overflow:auto!important; gap:10px!important; padding-right:4px!important; } #inventoryPage .inventory-diagram-stock-group-v153{ background:rgba(255,255,255,.10)!important; border:1px solid rgba(255,255,255,.14)!important; border-radius:12px!important; padding:9px!important; } #inventoryPage .inventory-diagram-inline-card-grid-v153{ grid-template-columns:repeat(auto-fill,minmax(118px,1fr))!important; gap:8px!important; } #inventoryPage .inventory-diagram-inline-info-v154 .inventory-mini-card-v152{ padding:7px!important; border-radius:12px!important; background:rgba(255,255,255,.94)!important; color:#0b4f4c!important; } #inventoryPage .inventory-diagram-inline-info-v154 .inventory-mini-photo-v152{ height:54px!important; margin-bottom:5px!important; } #inventoryPage .inventory-diagram-inline-info-v154 .inventory-mini-photo-v152 img{object-fit:cover!important;} #inventoryPage .inventory-diagram-inline-info-v154 .inventory-mini-name-v152{ height:20px!important; min-height:20px!important; max-height:20px!important; line-height:20px!important; white-space:nowrap!important; overflow:hidden!important; text-overflow:ellipsis!important; display:block!important; font-size:12px!important; } #inventoryPage .inventory-diagram-inline-info-v154 .inventory-mini-qty-v152{ font-size:12px!important; margin:3px 0 6px!important; } #inventoryPage .inventory-diagram-inline-info-v154 .inventory-mini-actions-v152{gap:4px!important;} #inventoryPage .inventory-diagram-inline-info-v154 .inventory-mini-actions-v152 button{ height:26px!important; min-height:26px!important; font-size:11px!important; border-radius:8px!important; } #inventoryPage .inventory-diagram-card-v153.is-editing-v153 .inventory-diagram-inline-info-v154{display:none!important;} /* V156：存放图例展开库存卡片图片可点击放大 */ #inventoryPage .inventory-diagram-inline-info-v154 .inventory-mini-photo-v152:not(:disabled){ cursor: zoom-in!important; } #inventoryPage .inventory-diagram-inline-info-v154 .inventory-mini-photo-v152:not(:disabled):hover{ border-color: rgba(11,122,117,.55)!important; box-shadow: 0 0 0 3px rgba(11,122,117,.12)!important; } #inventoryPage .inventory-diagram-inline-info-v154 .inventory-mini-photo-v152:disabled{ cursor: default!important; } /* ================= V157 订单合并账单筛选与弹窗统一 ================= */ body:has(.order-ui-modal-v157:not(.hidden)) #app, body:has(.order-ui-modal-v157:not(.hidden)) .app-shell, body:has(#orderSumModal.order-ui-modal-v157:not(.hidden)) #app, body:has(#orderSumModal.order-ui-modal-v157:not(.hidden)) .app-shell{ filter:blur(5px) saturate(1.04)!important; transition:filter .18s ease!important; } .order-ui-modal-v157, #orderSumModal.order-ui-modal-v157{ z-index: var(--layer-modal) !important; display:flex!important; align-items:center!important; justify-content:center!important; padding:28px!important; background:rgba(15,36,45,.36)!important; backdrop-filter:blur(14px) saturate(130%)!important; -webkit-backdrop-filter:blur(14px) saturate(130%)!important; } .order-ui-modal-v157.hidden, #orderSumModal.order-ui-modal-v157.hidden{display:none!important;} .order-ui-card-v157{ border-radius:26px!important; border:1px solid rgba(255,255,255,.68)!important; background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(240,251,249,.96))!important; box-shadow:0 30px 90px rgba(16,32,45,.28)!important; padding:22px 24px!important; overflow:hidden!important; } .order-ui-head-v157{ display:flex!important; align-items:center!important; justify-content:space-between!important; gap:14px!important; min-height:42px!important; padding:0 0 14px!important; margin:0 0 14px!important; border-bottom:1px solid rgba(11,122,117,.12)!important; cursor:move!important; } .order-ui-head-v157 strong{font-size:20px!important;font-weight:950!important;color:#0b5960!important;letter-spacing:.2px!important;} .order-ui-head-v157 button{cursor:pointer!important;} .order-ui-card-v157.is-dragging{user-select:none!important;box-shadow:0 36px 110px rgba(16,32,45,.34)!important;} .order-ui-actions-v157{display:flex!important;align-items:center!important;justify-content:center!important;gap:16px!important;margin-top:14px!important;padding-top:14px!important;border-top:1px solid rgba(11,122,117,.10)!important;} .order-ui-actions-v157 button{height:38px!important;min-width:108px!important;border-radius:12px!important;font-weight:900!important;} .order-ui-field-v157{display:grid!important;gap:8px!important;color:#344054!important;font-weight:900!important;} .order-ui-field-v157 input{height:42px!important;border:1px solid rgba(11,122,117,.18)!important;border-radius:14px!important;background:#fff!important;padding:0 14px!important;outline:none!important;} .order-ui-field-v157 input:focus{border-color:rgba(11,122,117,.55)!important;box-shadow:0 0 0 3px rgba(11,122,117,.10)!important;} .order-text-card-v157{width:min(560px,92vw)!important;} /* 加入合并账单 */ .order-merge-target-card-v157{width:min(1040px,94vw)!important;height:min(760px,88vh)!important;max-height:min(760px,88vh)!important;display:flex!important;flex-direction:column!important;} .order-merge-target-card-v157 .merge-target-toolbar-v157{display:grid!important;grid-template-columns:150px minmax(260px,1fr) auto!important;gap:10px!important;align-items:end!important;margin:0 0 12px!important;flex:0 0 auto!important;} .order-merge-target-card-v157 .merge-target-toolbar-v157 label{display:grid!important;gap:5px!important;font-size:12px!important;color:#475467!important;font-weight:900!important;} .order-merge-target-card-v157 .merge-target-status-v157, .order-merge-target-card-v157 .merge-target-search{height:40px!important;border:1px solid rgba(11,122,117,.18)!important;border-radius:12px!important;background:#fff!important;color:#102033!important;padding:0 12px!important;box-sizing:border-box!important;outline:none!important;margin:0!important;} .order-merge-target-card-v157 .merge-target-search:focus, .order-merge-target-card-v157 .merge-target-status-v157:focus{border-color:rgba(11,122,117,.55)!important;box-shadow:0 0 0 3px rgba(11,122,117,.10)!important;} .order-merge-target-card-v157 .merge-target-toolbar-v157 small{align-self:center!important;color:#67807d!important;font-weight:850!important;white-space:nowrap!important;} .order-merge-target-card-v157 .merge-target-list-v157{flex:1 1 auto!important;min-height:0!important;max-height:none!important;overflow:auto!important;border:1px solid rgba(11,122,117,.12)!important;border-radius:18px!important;background:rgba(255,255,255,.72)!important;padding:0!important;} .merge-target-table-v157{width:100%!important;border-collapse:collapse!important;table-layout:fixed!important;} .merge-target-table-v157 thead th{position:sticky!important;top:0!important;z-index:1!important;height:42px!important;background:linear-gradient(180deg,#e9faf7,#ddf4f0)!important;color:#0b5960!important;font-size:13px!important;font-weight:950!important;border-bottom:1px solid rgba(11,122,117,.16)!important;text-align:center!important;} .merge-target-table-v157 th:nth-child(1),.merge-target-table-v157 td:nth-child(1){width:58px!important;text-align:center!important;} .merge-target-table-v157 th:nth-child(2),.merge-target-table-v157 td:nth-child(2){width:210px!important;} .merge-target-table-v157 th:nth-child(3),.merge-target-table-v157 td:nth-child(3){width:auto!important;} .merge-target-table-v157 th:nth-child(4),.merge-target-table-v157 td:nth-child(4){width:190px!important;} .merge-target-table-v157 th:nth-child(5),.merge-target-table-v157 td:nth-child(5){width:90px!important;text-align:center!important;} .merge-target-table-v157 tbody tr{cursor:pointer!important;transition:background .15s ease, box-shadow .15s ease!important;} .merge-target-table-v157 tbody tr:hover{background:rgba(11,122,117,.07)!important;box-shadow:inset 4px 0 0 rgba(11,122,117,.62)!important;} .merge-target-table-v157 td{height:58px!important;padding:8px 10px!important;border-bottom:1px solid rgba(15,23,42,.06)!important;color:#263238!important;vertical-align:middle!important;font-size:13px!important;} .merge-target-table-v157 td strong{display:block!important;color:#0b5960!important;font-weight:950!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;} .merge-target-table-v157 td small{display:block!important;color:#667085!important;font-size:12px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;margin-top:2px!important;} .merge-fee-v157{display:grid!important;gap:2px!important;line-height:1.25!important;font-weight:850!important;color:#334155!important;} .merge-fee-v157 .paid{color:#07806e!important;} .merge-fee-v157 .unpaid{color:#d23b2a!important;} .merge-target-table-v157 td b{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-width:42px!important;height:28px!important;border-radius:999px!important;background:rgba(11,122,117,.08)!important;color:#0b5960!important;font-weight:950!important;} .order-merge-target-card-v157 .merge-target-empty{height:100%!important;min-height:360px!important;display:flex!important;align-items:center!important;justify-content:center!important;} /* 复制订单 */ .order-copy-card-v157{width:min(660px,94vw)!important;max-height:min(760px,88vh)!important;overflow:visible!important;} .order-copy-contact-row-v157{display:grid!important;grid-template-columns:136px minmax(0,1fr)!important;gap:10px!important;align-items:center!important;background:rgba(11,122,117,.045)!important;border:1px solid rgba(11,122,117,.10)!important;border-radius:14px!important;padding:10px 12px!important;} .order-copy-check-v157{display:flex!important;align-items:center!important;gap:7px!important;font-size:13px!important;font-weight:900!important;color:#344054!important;white-space:nowrap!important;} .order-copy-check-v157 input, .order-copy-options-v157 input[type="checkbox"]{width:16px!important;height:16px!important;min-width:16px!important;max-width:16px!important;min-height:16px!important;max-height:16px!important;accent-color:#0b7a75!important;margin:0!important;transform:none!important;} .order-copy-contact-row-v157 input[data-copy-contact-person]{height:38px!important;border:1px solid rgba(11,122,117,.18)!important;border-radius:12px!important;padding:0 12px!important;background:#fff!important;color:#102033!important;outline:none!important;box-sizing:border-box!important;} .order-copy-contact-row-v157 input[data-copy-contact-person]:disabled{background:rgba(248,250,252,.78)!important;color:#98a2b3!important;cursor:not-allowed!important;} .order-copy-options-v157{align-items:center!important;padding:10px 12px!important;} .order-copy-options-v157 label{height:22px!important;display:flex!important;align-items:center!important;gap:7px!important;font-size:13px!important;font-weight:850!important;} /* 合计选中金额统一弹窗 */ #orderSumModal.order-ui-modal-v157 .order-sum-card-modern{width:min(560px,92vw)!important;padding:26px 30px!important;} #orderSumModal.order-ui-modal-v157 .order-sum-card-modern .modal-head{justify-content:center!important;} #orderSumModal.order-ui-modal-v157 .order-sum-card-modern .modal-head strong{font-size:22px!important;color:#0b5960!important;} #orderSumModal.order-ui-modal-v157 .order-sum-big{font-size:54px!important;} @media (max-width: 860px){ .order-merge-target-card-v157 .merge-target-toolbar-v157{grid-template-columns:1fr!important;} .merge-target-table-v157{min-width:820px!important;} .order-copy-contact-row-v157{grid-template-columns:1fr!important;} } /* V158 订单弹窗表格与字体缩放修正：仅限订单管理 */ #ordersPage .order-merge-target-card-v157{ width:min(1180px,94vw)!important; height:min(760px,88vh)!important; } #ordersPage .order-merge-target-card-v157 .merge-target-toolbar-v157{ grid-template-columns:150px minmax(320px,1fr) minmax(160px,220px)!important; align-items:end!important; } #ordersPage .order-merge-target-card-v157 .merge-target-toolbar-v157 small{ max-width:220px!important; overflow:hidden!important; text-overflow:ellipsis!important; white-space:nowrap!important; justify-self:end!important; } #ordersPage .order-merge-target-card-v157 .merge-target-list-v157{ overflow-y:auto!important; overflow-x:hidden!important; padding:0!important; } .merge-target-result-count-v158{ height:34px!important; display:flex!important; align-items:center!important; padding:0 14px!important; color:#0b5960!important; font-weight:900!important; font-size:13px!important; background:rgba(235,251,249,.72)!important; border-bottom:1px solid rgba(11,122,117,.13)!important; } .merge-target-table-v158{ width:880px!important; max-width:100%!important; min-width:0!important; table-layout:fixed!important; border-collapse:collapse!important; } .merge-target-table-v158 .merge-col-seq{width:54px!important;} .merge-target-table-v158 .merge-col-customer{width:210px!important;} .merge-target-table-v158 .merge-col-name{width:260px!important;} .merge-target-table-v158 .merge-col-fee{width:190px!important;} .merge-target-table-v158 .merge-col-count{width:80px!important;} .merge-target-table-v158 th, .merge-target-table-v158 td{ border-right:1px solid rgba(11,122,117,.12)!important; box-sizing:border-box!important; } .merge-target-table-v158 th:last-child, .merge-target-table-v158 td:last-child{border-right:0!important;} .merge-target-table-v158 thead th{ height:42px!important; padding:0 10px!important; white-space:nowrap!important; } .merge-target-table-v158 td{ height:62px!important; padding:8px 10px!important; } .merge-target-table-v158 th:nth-child(1),.merge-target-table-v158 td:nth-child(1){width:54px!important;min-width:54px!important;max-width:54px!important;} .merge-target-table-v158 th:nth-child(2),.merge-target-table-v158 td:nth-child(2){width:210px!important;min-width:210px!important;max-width:210px!important;} .merge-target-table-v158 th:nth-child(3),.merge-target-table-v158 td:nth-child(3){width:260px!important;min-width:260px!important;max-width:260px!important;} .merge-target-table-v158 th:nth-child(4),.merge-target-table-v158 td:nth-child(4){width:190px!important;min-width:190px!important;max-width:190px!important;} .merge-target-table-v158 th:nth-child(5),.merge-target-table-v158 td:nth-child(5){width:80px!important;min-width:80px!important;max-width:80px!important;} .merge-fee-v157{font-size:13px!important;gap:1px!important;} .merge-target-table-v158 td b{min-width:40px!important;height:26px!important;} @media (max-width: 860px){ #ordersPage .order-merge-target-card-v157 .merge-target-toolbar-v157{grid-template-columns:1fr!important;} .merge-target-table-v158{width:760px!important;max-width:none!important;} #ordersPage .order-merge-target-card-v157 .merge-target-list-v157{overflow-x:auto!important;} } /* V158 订单主表 1920×1080 自适应：压缩次要列，保留重要信息 */ #ordersPage .order-table-wrap{ width:100%!important; max-width:100%!important; overflow:auto!important; } #ordersPage .orders-table{ width:100%!important; min-width:1562px!important; table-layout:fixed!important; } #ordersPage .orders-table th, #ordersPage .orders-table td{ font-size:var(--order-table-font,12px)!important; line-height:1.32!important; padding:7px 5px!important; box-sizing:border-box!important; overflow:hidden!important; text-overflow:ellipsis!important; vertical-align:middle!important; } #ordersPage .orders-table th *, #ordersPage .orders-table td *, #ordersPage .orders-table .order-customer-cell, #ordersPage .orders-table .order-customer-cell *, #ordersPage .orders-table .order-cell-clamp, #ordersPage .orders-table .order-detail-link, #ordersPage .orders-table .merged-order-hint, #ordersPage .orders-table .money-cell, #ordersPage .orders-table .order-file-empty, #ordersPage .orders-table .unpaid-text, #ordersPage .orders-table .paid-text{ font-size:var(--order-table-font,12px)!important; } #ordersPage .orders-table .order-image-badge, #ordersPage .orders-table .order-file-badge-btn em{ font-size:calc(var(--order-table-font,12px) - 1px)!important; } #ordersPage .orders-table th:nth-child(14),#ordersPage .orders-table td:nth-child(14){width:48px!important;min-width:48px!important;max-width:48px!important;} #ordersPage .orders-table th:nth-child(15),#ordersPage .orders-table td:nth-child(15){width:86px!important;min-width:86px!important;max-width:86px!important;text-align:center!important;} #ordersPage .orders-table th:nth-child(16),#ordersPage .orders-table td:nth-child(16){width:58px!important;min-width:58px!important;max-width:58px!important;} #ordersPage .orders-table th:nth-child(17),#ordersPage .orders-table td:nth-child(17){width:58px!important;min-width:58px!important;max-width:58px!important;} #ordersPage .orders-table th:nth-child(20),#ordersPage .orders-table td:nth-child(20){width:100px!important;min-width:100px!important;max-width:100px!important;} #ordersPage:not(.order-extra-open) .orders-table th:nth-child(21), #ordersPage:not(.order-extra-open) .orders-table td:nth-child(21), #ordersPage:not(.order-extra-open) .orders-table th:nth-child(22), #ordersPage:not(.order-extra-open) .orders-table td:nth-child(22){display:none!important;width:0!important;min-width:0!important;max-width:0!important;padding:0!important;border:0!important;} #ordersPage.order-extra-open .orders-table{min-width:1732px!important;} #ordersPage.order-extra-open .orders-table th:nth-child(21),#ordersPage.order-extra-open .orders-table td:nth-child(21){width:80px!important;min-width:80px!important;max-width:80px!important;} #ordersPage.order-extra-open .orders-table th:nth-child(22),#ordersPage.order-extra-open .orders-table td:nth-child(22){width:90px!important;min-width:90px!important;max-width:90px!important;} #ordersPage .orders-table .order-customer-cell strong, #ordersPage .orders-table .order-customer-cell span, #ordersPage .orders-table .order-cell-clamp{ max-width:100%!important; overflow:hidden!important; text-overflow:ellipsis!important; } #ordersPage .orders-table .order-thumb-btn, #ordersPage .orders-table .order-file-badge-btn{ width:36px!important; height:28px!important; min-width:36px!important; max-width:36px!important; } #ordersPage .orders-table .order-thumb-btn img{width:100%!important;height:100%!important;object-fit:cover!important;} /* ================= V159 二级订单按钮分组、筛选栏对齐、导入预览 ================= */ #orderDetailsModal .order-detail-actions{ display:flex!important; align-items:center!important; flex-wrap:wrap!important; gap:10px!important; padding:10px 12px!important; margin:8px 0 14px!important; background:rgba(255,255,255,.72)!important; border-radius:18px!important; border:1px solid rgba(16,185,129,.08)!important; box-shadow:inset 0 0 0 1px rgba(255,255,255,.55)!important; } #orderDetailsModal .detail-action-group{ display:flex!important; align-items:center!important; flex-wrap:wrap!important; gap:8px!important; padding:8px!important; border-radius:16px!important; border:1px solid rgba(15,23,42,.08)!important; box-shadow:0 8px 24px rgba(15,23,42,.04)!important; } #orderDetailsModal .detail-action-group-basic{ background:linear-gradient(180deg,rgba(236,253,250,.96),rgba(240,253,250,.82))!important; border-color:rgba(20,184,166,.22)!important; } #orderDetailsModal .detail-action-group-export{ background:linear-gradient(180deg,rgba(245,243,255,.96),rgba(250,245,255,.82))!important; border-color:rgba(139,92,246,.22)!important; } #orderDetailsModal .detail-action-group-merge{ background:linear-gradient(180deg,rgba(255,247,237,.96),rgba(255,251,235,.82))!important; border-color:rgba(251,146,60,.24)!important; } #orderDetailsModal .detail-action-group .small{ height:38px!important; min-width:72px!important; padding:0 14px!important; border-radius:12px!important; background:rgba(255,255,255,.92)!important; border:1px solid rgba(148,163,184,.28)!important; color:#1f2937!important; font-weight:800!important; box-shadow:0 6px 16px rgba(15,23,42,.05)!important; } #orderDetailsModal .detail-action-group .small:hover{ transform:translateY(-1px)!important; color:#0f766e!important; border-color:rgba(20,184,166,.35)!important; box-shadow:0 10px 24px rgba(15,118,110,.12)!important; } #orderDetailsModal .detail-created-date-cell .order-cell-clamp{ text-align:center!important; white-space:nowrap!important; } #ordersPage .page-filter-bar.order-filter-bar-v96{ margin-left:12px!important; margin-right:0!important; width:calc(100% - 12px)!important; box-sizing:border-box!important; } .cashflow-import-box{ margin:10px 0 14px!important; padding:12px!important; border-radius:14px!important; background:rgba(240,253,250,.82)!important; border:1px solid rgba(20,184,166,.20)!important; } .cashflow-import-preview{ margin-top:10px!important; max-height:260px!important; overflow:auto!important; background:rgba(255,255,255,.82)!important; border-radius:12px!important; border:1px solid rgba(148,163,184,.18)!important; } .cashflow-import-preview table{ width:100%!important; border-collapse:collapse!important; font-size:12px!important; } .cashflow-import-preview th, .cashflow-import-preview td{ padding:7px 8px!important; border-bottom:1px solid rgba(148,163,184,.16)!important; text-align:left!important; white-space:nowrap!important; } .cashflow-import-preview th{ position:sticky!important; top:0!important; z-index:2!important; background:#eaf8f6!important; color:#0f172a!important; } /* V160 收支流水排序统计与行内编辑修正：仅限收支流水模块 */ #cashflowPage .cashflow-stat-pack{ grid-template-columns:repeat(3,minmax(140px,1fr))!important; } #cashflowPage .cashflow-stat-pack.cashflow-summary-filtered{ grid-template-columns:repeat(6,minmax(92px,1fr))!important; } #cashflowPage .cashflow-new-row td{ height:54px!important; max-height:54px!important; line-height:28px!important; padding-top:10px!important; padding-bottom:10px!important; background:linear-gradient(180deg,rgba(231,255,248,.96),rgba(214,250,243,.88))!important; border-top:2px dashed rgba(11,122,117,.35)!important; border-bottom:2px dashed rgba(11,122,117,.28)!important; color:#47616a!important; } #cashflowPage .cashflow-new-row td:first-child{ border-left:4px solid rgba(11,122,117,.65)!important; } #cashflowPage .cashflow-new-row .cashflow-main-project{ font-weight:850!important; color:#0b5960!important; } #cashflowPage .cashflow-new-row .placeholder{ color:#78909a!important; font-weight:850!important; } #cashflowPage .cashflow-new-row .cashflow-cell-input{ height:34px!important; min-height:34px!important; line-height:30px!important; font-size:15px!important; } #cashflowPage input[type="date"]::-webkit-calendar-picker-indicator{ cursor:pointer; } @media(max-width:1500px){ #cashflowPage .cashflow-stat-pack, #cashflowPage .cashflow-stat-pack.cashflow-summary-filtered{ grid-template-columns:repeat(3,minmax(120px,1fr))!important; height:auto!important; min-height:66px!important; } } @media(max-width:900px){ #cashflowPage .cashflow-stat-pack, #cashflowPage .cashflow-stat-pack.cashflow-summary-filtered{ grid-template-columns:1fr!important; } } /* V161 收支流水锁账图表与用户管理优化：仅限收支流水与后台管理 */ #cashflowPage .cashflow-new-row, #cashflowPage .cashflow-new-row td{ height:50px!important; min-height:50px!important; max-height:50px!important; line-height:24px!important; box-sizing:border-box!important; vertical-align:middle!important; } #cashflowPage .cashflow-new-row td{ padding-top:6px!important; padding-bottom:6px!important; overflow:hidden!important; } #cashflowPage .cashflow-new-row .cashflow-cell-input, #cashflowPage .cashflow-new-row .cashflow-main-project .cashflow-cell-input{ height:32px!important; min-height:32px!important; max-height:32px!important; line-height:30px!important; display:block!important; margin:0!important; padding:0 10px!important; box-sizing:border-box!important; } #cashflowPage .cashflow-new-row .cashflow-editing-now{ padding-top:6px!important; padding-bottom:6px!important; } #cashflowPage .cashflow-stat-pack article{ flex-direction:row!important; align-items:center!important; justify-content:space-between!important; gap:10px!important; padding-left:16px!important; padding-right:16px!important; } #cashflowPage .cashflow-stat-pack strong{ font-size:20px!important; line-height:1!important; white-space:nowrap!important; text-align:right!important; } #cashflowPage .cashflow-top-grid{ grid-template-columns:minmax(0,1fr) 460px!important; } #cashflowPage .cashflow-chart-combo{ width:100%!important; justify-content:flex-start!important; gap:12px!important; } #cashflowPage .cashflow-pie-block{ display:flex!important; align-items:center!important; gap:8px!important; flex:0 0 165px!important; } #cashflowPage #cashflowPieLegend{ margin:0!important; display:flex!important; flex-direction:column!important; align-items:flex-start!important; white-space:nowrap!important; } #cashflowPage .cashflow-category-bars{ flex:1 1 auto!important; min-width:0!important; display:flex!important; flex-direction:column!important; justify-content:center!important; gap:3px!important; padding:0 2px!important; overflow:hidden!important; } #cashflowPage .cashflow-bar-title{ font-size:11px!important; font-weight:900!important; color:#0b7a75!important; line-height:1!important; } #cashflowPage .cashflow-bar-row{ display:grid!important; grid-template-columns:52px minmax(60px,1fr) 72px!important; gap:5px!important; align-items:center!important; font-size:10px!important; line-height:1.05!important; } #cashflowPage .cashflow-bar-row span{ color:#475569!important; overflow:hidden!important; text-overflow:ellipsis!important; white-space:nowrap!important; font-weight:800!important; } #cashflowPage .cashflow-bar-row strong{ color:#16a34a!important; text-align:right!important; font-size:10px!important; white-space:nowrap!important; } #cashflowPage .cashflow-bar-track{ height:7px!important; border-radius:999px!important; background:rgba(22,163,74,.12)!important; overflow:hidden!important; } #cashflowPage .cashflow-bar-track i{ display:block!important; height:100%!important; border-radius:999px!important; background:linear-gradient(90deg,#86efac,#16a34a)!important; } .admin-inline-search, .admin-inline-form{ display:flex!important; flex-wrap:wrap!important; align-items:end!important; gap:10px!important; } .admin-inline-search label, .admin-inline-form label{ display:flex!important; flex-direction:row!important; align-items:center!important; gap:8px!important; margin:0!important; white-space:nowrap!important; font-weight:800!important; } .admin-inline-search input, .admin-inline-search select, .admin-inline-form input, .admin-inline-form select{ min-width:220px!important; } .admin-log-full, .admin-long-cell{ white-space:normal!important; max-width:360px!important; line-height:1.45!important; word-break:break-word!important; } .cashflow-modlog-table td:nth-child(6), .cashflow-modlog-table td:nth-child(7), .cashflow-modlog-table td:nth-child(8){ min-width:260px!important; } .admin-user-layout{ display:grid!important; grid-template-columns:360px minmax(0,1fr)!important; gap:16px!important; align-items:start!important; } .admin-user-list-panel, .admin-user-editor{ border:1px solid rgba(11,122,117,.12)!important; border-radius:18px!important; background:linear-gradient(180deg,rgba(255,255,255,.94),rgba(247,252,251,.88))!important; padding:14px!important; box-shadow:0 14px 34px rgba(15,23,42,.06)!important; } .admin-user-list{ max-height:calc(100vh - 260px)!important; overflow:auto!important; margin-top:10px!important; } .admin-user-card{ cursor:pointer!important; border-radius:14px!important; transition:.16s ease!important; } .admin-user-card:hover, .admin-user-card.active{ border-color:rgba(11,122,117,.45)!important; background:rgba(231,255,248,.72)!important; box-shadow:0 10px 24px rgba(11,122,117,.08)!important; } .admin-user-perms{ margin-top:6px!important; line-height:1.4!important; } .admin-user-editor-title{ grid-column:1/-1!important; display:flex!important; justify-content:space-between!important; align-items:center!important; padding:10px 12px!important; border-radius:14px!important; background:rgba(11,122,117,.08)!important; color:#0b5f5b!important; } .admin-user-editor-title strong{font-size:16px!important;} .admin-user-editor-title span{font-size:12px!important;color:#64748b!important;font-weight:800!important;} .password-view-row{ display:flex!important; gap:8px!important; align-items:center!important; width:100%!important; } .password-view-row input{flex:1 1 auto!important;} .password-view-row button{white-space:nowrap!important;} @media(max-width:1280px){ #cashflowPage .cashflow-top-grid{grid-template-columns:1fr!important;} #cashflowPage .cashflow-chart-combo{min-height:90px!important;} .admin-user-layout{grid-template-columns:1fr!important;} } /* V162 收支流水图表排版优化 */ #cashflowPage .cashflow-top-grid{ grid-template-columns:minmax(360px,.86fr) minmax(540px,1.14fr)!important; gap:12px!important; align-items:stretch!important; } #cashflowPage .cashflow-summary:not(.cashflow-summary-filtered){ grid-template-columns:repeat(3,minmax(118px,1fr))!important; } #cashflowPage .cashflow-summary.cashflow-summary-filtered{ grid-template-columns:repeat(6,minmax(92px,1fr))!important; } #cashflowPage .cashflow-stat-pack article{ display:flex!important; flex-direction:row!important; align-items:center!important; justify-content:space-between!important; gap:10px!important; min-height:56px!important; height:56px!important; padding:8px 12px!important; } #cashflowPage .cashflow-stat-pack span{ margin:0!important; flex:0 0 auto!important; white-space:nowrap!important; } #cashflowPage .cashflow-stat-pack strong{ margin-left:auto!important; font-size:18px!important; line-height:1!important; white-space:nowrap!important; text-align:right!important; } #cashflowPage .cashflow-chart-combo{ display:grid!important; grid-template-columns:158px minmax(0,1fr)!important; align-items:stretch!important; gap:10px!important; min-height:112px!important; } #cashflowPage .cashflow-pie-block{ flex:none!important; min-width:0!important; display:flex!important; flex-direction:row!important; align-items:center!important; justify-content:center!important; gap:10px!important; } #cashflowPage #cashflowPieLegend{ margin:0!important; display:flex!important; flex-direction:column!important; align-items:flex-start!important; gap:4px!important; } #cashflowPage .cashflow-category-bars{ display:flex!important; flex-direction:column!important; justify-content:flex-start!important; overflow:hidden!important; padding:2px 2px 0!important; } #cashflowPage .cashflow-bar-title{ margin-bottom:4px!important; font-size:12px!important; } #cashflowPage .cashflow-vbar-chart{ display:grid!important; grid-template-columns:repeat(auto-fit,minmax(54px,1fr))!important; align-items:end!important; gap:8px!important; min-height:92px!important; height:92px!important; } #cashflowPage .cashflow-vbar-item{ min-width:0!important; height:100%!important; display:grid!important; grid-template-rows:auto 1fr auto!important; align-items:end!important; justify-items:center!important; gap:3px!important; } #cashflowPage .cashflow-vbar-item strong{ font-size:10px!important; line-height:1!important; color:#0f9f55!important; white-space:nowrap!important; } #cashflowPage .cashflow-vbar-track{ width:100%!important; height:54px!important; display:flex!important; align-items:flex-end!important; justify-content:center!important; padding:0 4px!important; border-radius:10px!important; background:linear-gradient(180deg,rgba(241,245,249,.65),rgba(226,232,240,.9))!important; overflow:hidden!important; } #cashflowPage .cashflow-vbar-track i{ display:block!important; width:min(26px,100%)!important; border-radius:10px 10px 4px 4px!important; } #cashflowPage .cashflow-vbar-item span{ width:100%!important; text-align:center!important; font-size:10px!important; line-height:1.15!important; color:#475569!important; font-weight:800!important; word-break:break-all!important; } @media(max-width:1500px){ #cashflowPage .cashflow-top-grid{grid-template-columns:1fr!important;} #cashflowPage .cashflow-chart-combo{grid-template-columns:150px minmax(0,1fr)!important;} } @media(max-width:900px){ #cashflowPage .cashflow-chart-combo{grid-template-columns:1fr!important;} #cashflowPage .cashflow-pie-block{justify-content:flex-start!important;} #cashflowPage .cashflow-vbar-chart{grid-template-columns:repeat(4,minmax(54px,1fr))!important;height:auto!important;min-height:120px!important;} } /* V163 收支流水顶部图表重绘 */ #cashflowPage .cashflow-top-grid{ grid-template-columns:minmax(420px,.88fr) minmax(620px,1.12fr)!important; gap:12px!important; align-items:start!important; } #cashflowPage .cashflow-stat-pack{ align-self:start!important; height:auto!important; min-height:0!important; grid-template-columns:repeat(3,minmax(126px,1fr))!important; gap:10px!important; } #cashflowPage .cashflow-summary.cashflow-summary-filtered{ grid-template-columns:repeat(6,minmax(94px,1fr))!important; } #cashflowPage .cashflow-stat-pack article{ height:56px!important; min-height:56px!important; padding:8px 12px!important; display:flex!important; flex-direction:row!important; align-items:center!important; justify-content:space-between!important; gap:8px!important; } #cashflowPage .cashflow-stat-pack span{ margin:0!important; font-size:12px!important; white-space:nowrap!important; color:#64748b!important; } #cashflowPage .cashflow-stat-pack strong{ margin-left:auto!important; font-size:17px!important; line-height:1!important; white-space:nowrap!important; text-align:right!important; } #cashflowPage .cashflow-chart-card.cashflow-chart-combo{ min-height:118px!important; height:118px!important; padding:10px 14px!important; border-radius:16px!important; display:grid!important; grid-template-columns:150px minmax(0,1fr)!important; gap:12px!important; align-items:center!important; justify-content:stretch!important; } #cashflowPage .cashflow-pie-block{ display:flex!important; flex-direction:row!important; align-items:center!important; justify-content:center!important; gap:10px!important; min-width:0!important; } #cashflowPage .cashflow-pie{width:62px!important;height:62px!important;flex:0 0 62px!important;} #cashflowPage .cashflow-pie b{font-size:15px!important;} #cashflowPage .cashflow-pie small{font-size:10px!important;margin-top:2px!important;} #cashflowPage #cashflowPieLegend{ display:flex!important; flex-direction:column!important; align-items:flex-start!important; justify-content:center!important; gap:4px!important; margin:0!important; font-size:11px!important; font-weight:900!important; } #cashflowPage .cashflow-category-bars{ min-width:0!important; width:100%!important; height:100%!important; display:flex!important; align-items:flex-end!important; justify-content:stretch!important; padding:0!important; overflow:hidden!important; } #cashflowPage .cashflow-bar-title{display:none!important;} #cashflowPage .cashflow-vbar-chart{ width:100%!important; height:100%!important; display:grid!important; grid-template-columns:repeat(auto-fit,minmax(72px,1fr))!important; gap:10px!important; align-items:end!important; } #cashflowPage .cashflow-vbar-item{ height:100%!important; display:grid!important; grid-template-rows:auto 1fr auto!important; gap:5px!important; align-items:end!important; justify-items:center!important; } #cashflowPage .cashflow-vbar-item strong{ font-size:11px!important; line-height:1!important; color:#0f9f55!important; white-space:nowrap!important; font-weight:900!important; } #cashflowPage .cashflow-vbar-track{ width:100%!important; height:64px!important; display:flex!important; align-items:flex-end!important; justify-content:center!important; padding:0 6px!important; background:linear-gradient(180deg,rgba(248,250,252,.88),rgba(226,232,240,.92))!important; border-radius:12px!important; overflow:hidden!important; } #cashflowPage .cashflow-vbar-track i{ width:min(28px,100%)!important; border-radius:12px 12px 4px 4px!important; } #cashflowPage .cashflow-vbar-item span{ width:100%!important; text-align:center!important; font-size:11px!important; line-height:1.15!important; font-weight:800!important; color:#475569!important; white-space:normal!important; word-break:break-word!important; } @media(max-width:1700px){ #cashflowPage .cashflow-chart-card.cashflow-chart-combo{grid-template-columns:150px minmax(0,1fr)!important;height:auto!important;min-height:126px!important;} } @media(max-width:980px){ #cashflowPage .cashflow-pie-block{justify-content:flex-start!important;} #cashflowPage .cashflow-vbar-chart{grid-template-columns:repeat(4,minmax(70px,1fr))!important;min-height:132px!important;height:auto!important;} } /* V164 收支流水顶部统计与图表精修 */ #cashflowPage .cashflow-top-grid{ grid-template-columns:minmax(720px,1fr) 620px!important; gap:12px!important; align-items:stretch!important; margin:6px 0 8px!important; } #cashflowPage .cashflow-stat-pack{ height:96px!important; min-height:96px!important; align-self:stretch!important; display:grid!important; gap:8px!important; } #cashflowPage .cashflow-summary:not(.cashflow-summary-filtered){ grid-template-columns:repeat(3,minmax(190px,1fr))!important; } #cashflowPage .cashflow-summary.cashflow-summary-filtered{ grid-template-columns:repeat(3,minmax(190px,1fr))!important; grid-template-rows:repeat(2,44px)!important; } #cashflowPage .cashflow-stat-pack article{ height:auto!important; min-height:0!important; display:flex!important; flex-direction:row!important; align-items:center!important; justify-content:space-between!important; gap:10px!important; padding:8px 12px 8px 14px!important; box-sizing:border-box!important; } #cashflowPage .cashflow-stat-pack article::before{ width:5px!important; } #cashflowPage .cashflow-stat-pack span{ margin:0!important; flex:0 0 auto!important; font-size:12px!important; font-weight:900!important; white-space:nowrap!important; } #cashflowPage .cashflow-stat-pack strong{ min-width:0!important; margin-left:auto!important; font-size:19px!important; line-height:1!important; white-space:nowrap!important; overflow:visible!important; text-overflow:clip!important; text-align:right!important; } #cashflowPage .cashflow-summary.cashflow-summary-filtered strong{ font-size:17px!important; } #cashflowPage .cashflow-chart-card.cashflow-chart-combo{ width:100%!important; height:96px!important; min-height:96px!important; align-self:stretch!important; padding:8px 12px!important; display:grid!important; grid-template-columns:132px minmax(0,1fr)!important; gap:10px!important; align-items:center!important; justify-content:stretch!important; overflow:hidden!important; } #cashflowPage .cashflow-pie-block{ height:100%!important; display:flex!important; flex-direction:row!important; align-items:center!important; justify-content:center!important; gap:8px!important; min-width:0!important; } #cashflowPage .cashflow-pie small{ display:none!important; } #cashflowPage #cashflowPieLegend{ margin:0!important; display:flex!important; flex-direction:column!important; align-items:flex-start!important; justify-content:center!important; gap:3px!important; font-size:10px!important; line-height:1.15!important; white-space:nowrap!important; } #cashflowPage .cashflow-category-bars{ width:100%!important; height:100%!important; min-width:0!important; padding:0!important; display:flex!important; align-items:stretch!important; justify-content:center!important; overflow:hidden!important; } #cashflowPage .cashflow-no-expense{ width:100%!important; text-align:right!important; margin:0!important; align-self:center!important; font-size:12px!important; } #cashflowPage .cashflow-vbar-chart{ width:100%!important; height:100%!important; display:grid!important; grid-template-columns:repeat(auto-fit,minmax(50px,62px))!important; justify-content:space-around!important; gap:7px!important; align-items:end!important; } #cashflowPage .cashflow-vbar-item{ height:100%!important; min-width:0!important; display:grid!important; grid-template-rows:13px 1fr 14px!important; gap:3px!important; align-items:end!important; justify-items:center!important; } #cashflowPage .cashflow-vbar-item strong{ width:100%!important; font-size:9px!important; line-height:1!important; color:#0f9f55!important; white-space:nowrap!important; overflow:hidden!important; text-overflow:ellipsis!important; text-align:center!important; font-weight:900!important; } #cashflowPage .cashflow-vbar-track{ width:42px!important; height:50px!important; display:flex!important; align-items:flex-end!important; justify-content:center!important; padding:0 5px!important; background:linear-gradient(180deg,rgba(248,250,252,.7),rgba(226,232,240,.7))!important; border-radius:11px!important; overflow:hidden!important; } #cashflowPage .cashflow-vbar-track i{ width:18px!important; border-radius:10px 10px 4px 4px!important; background:linear-gradient(180deg,var(--bar-start),var(--bar-end))!important; } #cashflowPage .cashflow-vbar-item span{ width:100%!important; text-align:center!important; font-size:10px!important; line-height:1.1!important; font-weight:900!important; color:#475569!important; white-space:nowrap!important; overflow:hidden!important; text-overflow:ellipsis!important; } @media(max-width:1700px){ } @media(max-width:980px){ #cashflowPage .cashflow-vbar-chart{grid-template-columns:repeat(3,minmax(50px,62px))!important;justify-content:center!important;} } /* V165 收支流水顶部统计与支出排行图修正版 */ #cashflowPage .cashflow-top-grid{ grid-template-columns:minmax(560px,1fr) 500px!important; gap:12px!important; align-items:stretch!important; margin:8px 0 14px!important; } #cashflowPage .cashflow-summary{ align-self:stretch!important; } #cashflowPage .cashflow-summary:not(.cashflow-summary-filtered){ grid-template-columns:repeat(3,minmax(150px,1fr))!important; } #cashflowPage .cashflow-summary.cashflow-summary-filtered{ grid-template-columns:repeat(3,minmax(140px,1fr))!important; gap:10px!important; } #cashflowPage .cashflow-stat-pack article{ min-height:48px!important; height:48px!important; padding:8px 12px!important; display:flex!important; flex-direction:row!important; align-items:center!important; justify-content:space-between!important; gap:8px!important; } #cashflowPage .cashflow-summary.cashflow-summary-filtered article{ min-height:44px!important; height:44px!important; padding:6px 10px!important; } #cashflowPage .cashflow-stat-pack span{white-space:nowrap!important; margin:0!important;} #cashflowPage .cashflow-stat-pack strong{white-space:nowrap!important; text-align:right!important; margin-left:auto!important;} #cashflowPage .cashflow-chart-card.cashflow-chart-combo{ min-height:108px!important; height:108px!important; padding:10px 12px!important; border-radius:16px!important; display:grid!important; grid-template-columns:120px minmax(0,1fr)!important; gap:10px!important; align-items:center!important; } #cashflowPage .cashflow-pie-block{ min-width:0!important; display:flex!important; align-items:center!important; justify-content:center!important; gap:8px!important; } #cashflowPage #cashflowPieLegend{font-size:11px!important; gap:3px!important;} #cashflowPage .cashflow-category-bars{ display:flex!important; align-items:center!important; justify-content:stretch!important; min-width:0!important; overflow:hidden!important; padding:0!important; } #cashflowPage .cashflow-rank-list{ width:100%!important; display:flex!important; flex-direction:column!important; gap:6px!important; } #cashflowPage .cashflow-rank-row{ display:grid!important; grid-template-columns:52px minmax(88px,1fr) 78px!important; gap:8px!important; align-items:center!important; min-height:14px!important; } #cashflowPage .cashflow-rank-name{ font-size:11px!important; color:#475569!important; font-weight:800!important; white-space:nowrap!important; overflow:hidden!important; text-overflow:ellipsis!important; } #cashflowPage .cashflow-rank-track{ width:100%!important; height:10px!important; border-radius:999px!important; background:linear-gradient(180deg,rgba(241,245,249,.92),rgba(226,232,240,.96))!important; overflow:hidden!important; position:relative!important; } #cashflowPage .cashflow-rank-value{ font-size:11px!important; color:#0f9f55!important; font-weight:900!important; white-space:nowrap!important; text-align:right!important; } #cashflowPage .cashflow-excel-wrap{margin-top:6px!important;} @media(max-width:1700px){ #cashflowPage .cashflow-chart-card.cashflow-chart-combo{grid-template-columns:120px minmax(0,1fr)!important; height:auto!important; min-height:108px!important;} } @media(max-width:980px){ #cashflowPage .cashflow-summary.cashflow-summary-filtered{grid-template-columns:repeat(2,minmax(140px,1fr))!important;} #cashflowPage .cashflow-rank-row{grid-template-columns:46px minmax(80px,1fr) 72px!important;} } /* V166 收支流水图表自适应与工人对账表格优化 */ #cashflowPage .cashflow-top-grid{ grid-template-columns:minmax(500px,0.92fr) minmax(520px,1.08fr)!important; align-items:stretch!important; gap:12px!important; margin-bottom:14px!important; } #cashflowPage .cashflow-chart-card.cashflow-chart-combo.cashflow-rank-wide{ grid-template-columns:118px minmax(0,1fr)!important; } #cashflowPage .cashflow-category-bars{ height:100%!important; align-items:center!important; } #cashflowPage .cashflow-rank-list{ width:100%!important; display:grid!important; grid-template-rows:repeat(3, 1fr)!important; grid-template-columns:repeat(var(--rank-cols, 2), minmax(150px, 1fr))!important; grid-auto-flow:column!important; grid-auto-columns:minmax(150px, 1fr)!important; gap:7px 12px!important; align-items:center!important; } #cashflowPage .cashflow-rank-row{ display:grid!important; grid-template-columns:58px minmax(76px,1fr) 82px!important; gap:7px!important; min-height:18px!important; align-items:center!important; } #cashflowPage .cashflow-rank-name{ font-size:11px!important; font-weight:850!important; color:#475569!important; white-space:nowrap!important; overflow:hidden!important; text-overflow:ellipsis!important; } #cashflowPage .cashflow-rank-track{ height:9px!important; border-radius:999px!important; background:linear-gradient(180deg,rgba(241,245,249,.95),rgba(226,232,240,.95))!important; overflow:hidden!important; } #cashflowPage .cashflow-rank-value{ font-size:10.5px!important; color:#0f9f55!important; font-weight:900!important; white-space:nowrap!important; text-align:right!important; } #cashflowPage .cashflow-pie-block{ flex:0 0 118px!important; min-width:118px!important; overflow:visible!important; position:relative!important; z-index:2!important; } #cashflowPage .cashflow-pie{ flex:0 0 58px!important; width:58px!important; height:58px!important; position:relative!important; z-index:3!important; } #cashflowPage #cashflowPieLegend{ max-width:60px!important; overflow:visible!important; white-space:nowrap!important; position:relative!important; z-index:3!important; } /* 工人对账表格：按收支流水表格体验统一 */ #workerLedgerPage .worker-table-wrap{ border-radius:18px!important; border:1px solid rgba(11,122,117,.16)!important; background:rgba(255,255,255,.72)!important; overflow:auto!important; } #workerLedgerPage .worker-ledger-table{ width:100%!important; min-width:1260px!important; border-spacing:0!important; table-layout:fixed!important; border-collapse:separate!important; } #workerLedgerPage .worker-ledger-table thead th{ position:sticky!important; top:0!important; z-index:3!important; height:36px!important; padding:6px 8px!important; background:linear-gradient(180deg,#f8fffe,#eaf7f5)!important; color:#0b5f5b!important; font-weight:900!important; border-right:1px solid rgba(11,122,117,.08)!important; border-bottom:1px solid rgba(11,122,117,.16)!important; box-shadow:none!important; } #workerLedgerPage .worker-ledger-table th:nth-child(5), #workerLedgerPage .worker-ledger-table th:nth-child(6){ background:linear-gradient(180deg,#f8fffe,#eaf7f5)!important; color:#0b5f5b!important; } #workerLedgerPage .worker-ledger-table td{ height:36px!important; max-height:36px!important; padding:5px 8px!important; line-height:24px!important; box-sizing:border-box!important; vertical-align:middle!important; border-right:1px solid rgba(11,122,117,.07)!important; border-bottom:1px solid rgba(15,23,42,.07)!important; white-space:nowrap!important; overflow:hidden!important; text-overflow:ellipsis!important; } #workerLedgerPage .worker-ledger-table tbody tr:nth-child(odd):not(.worker-new-row):not(.worker-settlement-row) td:not(:nth-child(5)):not(:nth-child(6)){ background:rgba(248,250,252,.82)!important; } #workerLedgerPage .worker-ledger-table tbody tr:nth-child(even):not(.worker-new-row):not(.worker-settlement-row) td:not(:nth-child(5)):not(:nth-child(6)){ background:rgba(255,255,255,.9)!important; } #workerLedgerPage .worker-ledger-table tbody tr:hover td{ filter:brightness(.985); } #workerLedgerPage .worker-new-row td{ height:42px!important; max-height:42px!important; background:rgba(236,253,245,.62)!important; color:#718096!important; border-top:2px dashed rgba(11,122,117,.34)!important; border-bottom:1px dashed rgba(11,122,117,.28)!important; } #workerLedgerPage .worker-new-row td:first-child{ box-shadow:inset 4px 0 0 rgba(11,122,117,.65)!important; } #workerLedgerPage .worker-new-row .placeholder{ color:#96a3af!important; font-weight:700!important; } #workerLedgerPage .worker-ledger-table td:nth-child(5){ text-align:center!important; background:rgba(254,226,226,.42)!important; } #workerLedgerPage .worker-ledger-table td:nth-child(6){ text-align:center!important; background:rgba(220,252,231,.48)!important; } #workerLedgerPage .worker-ledger-table th:nth-child(1),#workerLedgerPage .worker-ledger-table td:nth-child(1){width:48px!important;text-align:center!important;} #workerLedgerPage .worker-ledger-table th:nth-child(3),#workerLedgerPage .worker-ledger-table td:nth-child(3){width:138px!important;text-align:center!important;} #workerLedgerPage .worker-ledger-table th:nth-child(4),#workerLedgerPage .worker-ledger-table td:nth-child(4){width:420px!important;white-space:normal!important;text-align:left!important;} #workerLedgerPage .worker-ledger-table th:nth-child(5),#workerLedgerPage .worker-ledger-table td:nth-child(5), #workerLedgerPage .worker-ledger-table th:nth-child(6),#workerLedgerPage .worker-ledger-table td:nth-child(6){width:108px!important;text-align:center!important;} #workerLedgerPage .worker-ledger-table th:nth-child(7),#workerLedgerPage .worker-ledger-table td:nth-child(7){width:160px!important;text-align:left!important;} #workerLedgerPage .worker-ledger-table th:nth-child(8),#workerLedgerPage .worker-ledger-table td:nth-child(8){width:72px!important;text-align:center!important;} #workerLedgerPage .worker-ledger-table th:nth-child(9),#workerLedgerPage .worker-ledger-table td:nth-child(9){width:104px!important;text-align:center!important;} #workerLedgerPage .worker-ledger-table th:nth-child(10),#workerLedgerPage .worker-ledger-table td:nth-child(10){width:86px!important;text-align:center!important;} #workerLedgerPage .worker-edit-cell{ cursor:text!important; background:rgba(255,255,255,.48); transition:.16s ease; } #workerLedgerPage .worker-edit-cell:hover{ background:rgba(11,122,117,.075)!important; box-shadow:inset 0 0 0 1px rgba(11,122,117,.18)!important; } #workerLedgerPage .worker-cell-input{ width:100%!important; height:28px!important; min-height:28px!important; line-height:22px!important; border:1px solid #0b7a75!important; border-radius:7px!important; background:#fff!important; padding:2px 7px!important; margin:0!important; font:13px/22px "Microsoft YaHei",Arial,sans-serif!important; box-sizing:border-box!important; box-shadow:0 0 0 2px rgba(11,122,117,.09)!important; } #workerLedgerPage .worker-money-cell .worker-cell-input{ text-align:right!important; font-weight:900!important; } #workerLedgerPage .worker-image-upload.icon-mode, #workerLedgerPage .cashflow-image-upload.icon-mode{ width:32px!important; height:28px!important; border-radius:8px!important; padding:0!important; display:inline-flex!important; align-items:center!important; justify-content:center!important; } #workerLedgerPage .worker-settled-data-row td{ color:#8a97a6!important; } #workerLedgerPage .worker-settlement-row td{ height:auto!important; max-height:none!important; background:rgba(255,247,237,.78)!important; white-space:normal!important; overflow:visible!important; } @media(max-width:1700px){ #cashflowPage .cashflow-top-grid{grid-template-columns:1fr!important;} #cashflowPage .cashflow-rank-list{grid-template-columns:repeat(var(--rank-cols,2), minmax(140px,1fr))!important;} } @media(max-width:980px){ #cashflowPage .cashflow-rank-list{grid-template-rows:none!important;grid-template-columns:1fr!important;grid-auto-flow:row!important;} } /* V167 收支流水排行图重排、工人对账居中、工资工费合并 */ #cashflowPage .cashflow-top-grid{ grid-template-columns:minmax(620px,1fr) 560px!important; gap:12px!important; align-items:stretch!important; margin:8px 0 15px!important; } #cashflowPage .cashflow-top-grid.cashflow-top-rank-wide{ grid-template-columns:minmax(460px,.72fr) minmax(680px,1.28fr)!important; } #cashflowPage .cashflow-stat-pack{ height:100px!important; min-height:100px!important; align-self:stretch!important; } #cashflowPage .cashflow-summary:not(.cashflow-summary-filtered){ grid-template-columns:repeat(3,minmax(170px,1fr))!important; } #cashflowPage .cashflow-summary.cashflow-summary-filtered{ grid-template-columns:repeat(3,minmax(152px,1fr))!important; grid-template-rows:repeat(2,46px)!important; gap:8px!important; } #cashflowPage .cashflow-stat-pack article{ min-height:0!important; height:auto!important; display:flex!important; flex-direction:row!important; align-items:center!important; justify-content:space-between!important; gap:10px!important; padding:8px 12px 8px 14px!important; box-sizing:border-box!important; } #cashflowPage .cashflow-summary:not(.cashflow-summary-filtered) article{height:100px!important;} #cashflowPage .cashflow-summary.cashflow-summary-filtered article{height:46px!important;} #cashflowPage .cashflow-stat-pack span{margin:0!important;white-space:nowrap!important;} #cashflowPage .cashflow-stat-pack strong{white-space:nowrap!important;text-align:right!important;margin-left:auto!important;overflow:visible!important;} #cashflowPage .cashflow-chart-card.cashflow-chart-combo{ height:100px!important; min-height:100px!important; align-self:stretch!important; display:grid!important; grid-template-columns:132px minmax(0,1fr)!important; gap:12px!important; padding:10px 12px!important; overflow:hidden!important; box-sizing:border-box!important; } #cashflowPage .cashflow-pie-block{ width:132px!important; min-width:132px!important; max-width:132px!important; height:100%!important; display:flex!important; flex-direction:row!important; align-items:center!important; justify-content:center!important; gap:8px!important; overflow:visible!important; position:relative!important; z-index:2!important; } #cashflowPage .cashflow-pie{width:60px!important;height:60px!important;flex:0 0 60px!important;} #cashflowPage .cashflow-pie::after{inset:14px!important;} #cashflowPage #cashflowPieLegend{ max-width:66px!important; font-size:10px!important; line-height:1.16!important; white-space:nowrap!important; overflow:visible!important; } #cashflowPage .cashflow-category-bars{ min-width:0!important; height:100%!important; display:flex!important; align-items:center!important; overflow:hidden!important; padding:0!important; } #cashflowPage .cashflow-rank-list{ width:auto!important; max-width:100%!important; display:grid!important; grid-template-rows:repeat(3,22px)!important; grid-template-columns:repeat(var(--rank-cols,2), 196px)!important; grid-auto-flow:column!important; grid-auto-columns:196px!important; gap:5px 12px!important; align-content:center!important; justify-content:end!important; } #cashflowPage .cashflow-rank-row{ min-width:0!important; display:grid!important; grid-template-columns:56px 72px 68px!important; gap:6px!important; align-items:center!important; min-height:20px!important; } #cashflowPage .cashflow-rank-name{ font-size:11px!important; font-weight:900!important; color:#475569!important; white-space:nowrap!important; overflow:hidden!important; text-overflow:ellipsis!important; } #cashflowPage .cashflow-rank-track{ width:72px!important; max-width:72px!important; height:9px!important; border-radius:999px!important; background:linear-gradient(180deg,rgba(241,245,249,.96),rgba(226,232,240,.96))!important; overflow:hidden!important; } #cashflowPage .cashflow-rank-value{ min-width:0!important; font-size:10.5px!important; color:#0f9f55!important; font-weight:900!important; white-space:nowrap!important; text-align:right!important; overflow:hidden!important; text-overflow:ellipsis!important; } #workerLedgerPage .worker-ledger-table th:nth-child(4), #workerLedgerPage .worker-ledger-table td:nth-child(4), #workerLedgerPage .worker-ledger-table th:nth-child(7), #workerLedgerPage .worker-ledger-table td:nth-child(7){ text-align:center!important; vertical-align:middle!important; } #workerLedgerPage .worker-ledger-table td:nth-child(4), #workerLedgerPage .worker-ledger-table td:nth-child(7){ white-space:nowrap!important; overflow:hidden!important; text-overflow:ellipsis!important; } #workerLedgerPage .worker-work-cell, #workerLedgerPage .worker-note-cell{ text-align:center!important; vertical-align:middle!important; } #workerLedgerPage .worker-work-cell .worker-cell-input, #workerLedgerPage .worker-note-cell .worker-cell-input{ text-align:center!important; } @media(max-width:1700px){ #cashflowPage .cashflow-chart-card.cashflow-chart-combo{grid-template-columns:132px minmax(0,1fr)!important;} #cashflowPage .cashflow-rank-list{justify-content:start!important;} } @media(max-width:980px){ #cashflowPage .cashflow-rank-track{width:100%!important;max-width:none!important;} } /* V169 启动默认浏览器与收支流水图表重排修正 */ #cashflowPage .cashflow-top-grid{ grid-template-columns:minmax(430px,.72fr) minmax(660px,1.28fr)!important; gap:12px!important; align-items:stretch!important; margin:8px 0 15px!important; } #cashflowPage .cashflow-top-grid.cashflow-top-rank-wide{ grid-template-columns:minmax(380px,.64fr) minmax(760px,1.36fr)!important; } #cashflowPage .cashflow-stat-pack{ height:96px!important; min-height:96px!important; align-self:stretch!important; overflow:visible!important; } #cashflowPage .cashflow-summary:not(.cashflow-summary-filtered){ grid-template-columns:repeat(3,minmax(132px,1fr))!important; gap:10px!important; } #cashflowPage .cashflow-summary.cashflow-summary-filtered{ grid-template-columns:repeat(3,minmax(132px,1fr))!important; grid-template-rows:repeat(2,44px)!important; gap:8px!important; } #cashflowPage .cashflow-stat-pack article{ min-height:0!important; box-sizing:border-box!important; padding:8px 12px 8px 14px!important; display:flex!important; flex-direction:row!important; align-items:center!important; justify-content:space-between!important; gap:10px!important; overflow:hidden!important; } #cashflowPage .cashflow-stat-pack span{margin:0!important;white-space:nowrap!important;flex:0 0 auto!important;} #cashflowPage .cashflow-stat-pack strong{white-space:nowrap!important;text-align:right!important;margin-left:auto!important;overflow:visible!important;flex:0 0 auto!important;} #cashflowPage .cashflow-chart-card.cashflow-chart-combo{ height:96px!important; min-height:96px!important; align-self:stretch!important; display:grid!important; grid-template-columns:116px minmax(0,1fr)!important; gap:12px!important; padding:9px 12px!important; overflow:hidden!important; box-sizing:border-box!important; } #cashflowPage .cashflow-pie-block{ width:116px!important; min-width:116px!important; max-width:116px!important; height:100%!important; display:flex!important; flex-direction:row!important; align-items:center!important; justify-content:flex-start!important; gap:7px!important; overflow:hidden!important; position:relative!important; z-index:2!important; } #cashflowPage .cashflow-pie{width:56px!important;height:56px!important;flex:0 0 56px!important;} #cashflowPage #cashflowPieLegend{ max-width:50px!important; min-width:50px!important; font-size:9px!important; line-height:1.18!important; white-space:normal!important; overflow:hidden!important; display:flex!important; flex-direction:column!important; gap:3px!important; margin:0!important; } #cashflowPage .cashflow-category-bars{ min-width:0!important; height:100%!important; display:flex!important; align-items:center!important; justify-content:flex-start!important; overflow:hidden!important; padding:0!important; } #cashflowPage .cashflow-rank-list{ width:100%!important; max-width:100%!important; display:grid!important; grid-template-rows:repeat(3,22px)!important; grid-template-columns:repeat(var(--rank-cols,2), minmax(220px,1fr))!important; grid-auto-flow:column!important; grid-auto-columns:230px!important; gap:5px 14px!important; align-content:center!important; justify-content:start!important; overflow:hidden!important; } #cashflowPage .cashflow-chart-card.cashflow-rank-wide .cashflow-rank-list{ grid-template-columns:repeat(var(--rank-cols,3), 230px)!important; overflow-x:auto!important; overflow-y:hidden!important; padding-bottom:2px!important; } #cashflowPage .cashflow-rank-row{ min-width:0!important; display:grid!important; grid-template-columns:58px minmax(78px,1fr) 76px!important; gap:7px!important; align-items:center!important; min-height:20px!important; } #cashflowPage .cashflow-rank-name{ font-size:11px!important; font-weight:900!important; color:#475569!important; white-space:nowrap!important; overflow:hidden!important; text-overflow:ellipsis!important; text-align:right!important; } #cashflowPage .cashflow-rank-track{ width:100%!important; max-width:104px!important; height:9px!important; border-radius:999px!important; background:linear-gradient(180deg,rgba(241,245,249,.96),rgba(226,232,240,.96))!important; overflow:hidden!important; } #cashflowPage .cashflow-rank-value{ min-width:0!important; font-size:10px!important; color:#0f9f55!important; font-weight:900!important; white-space:nowrap!important; text-align:right!important; overflow:hidden!important; text-overflow:ellipsis!important; } @media(max-width:1700px){ #cashflowPage .cashflow-top-grid, #cashflowPage .cashflow-top-grid.cashflow-top-rank-wide{grid-template-columns:1fr!important;} #cashflowPage .cashflow-chart-card.cashflow-chart-combo{grid-template-columns:116px minmax(0,1fr)!important;} #cashflowPage .cashflow-rank-list{grid-template-columns:repeat(var(--rank-cols,2), minmax(220px,1fr))!important;} } @media(max-width:980px){ #cashflowPage .cashflow-chart-card.cashflow-chart-combo{grid-template-columns:1fr!important;} #cashflowPage .cashflow-pie-block{width:auto!important;min-width:0!important;max-width:none!important;justify-content:flex-start!important;} #cashflowPage .cashflow-rank-list{grid-template-rows:none!important;grid-template-columns:1fr!important;grid-auto-flow:row!important;grid-auto-columns:auto!important;width:100%!important;} #cashflowPage .cashflow-rank-track{max-width:none!important;} } /* V172 收支流水顶部图表 50% 比例最终修正 */ #cashflowPage .cashflow-top-grid, #cashflowPage .cashflow-top-grid.cashflow-top-rank-wide{ display:grid!important; grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important; width:100%!important; max-width:100%!important; gap:12px!important; align-items:stretch!important; margin:8px 0 15px!important; box-sizing:border-box!important; } #cashflowPage .cashflow-stat-pack{ width:100%!important; height:96px!important; min-height:96px!important; align-self:stretch!important; overflow:hidden!important; box-sizing:border-box!important; } #cashflowPage .cashflow-summary:not(.cashflow-summary-filtered){ grid-template-columns:repeat(3,minmax(0,1fr))!important; grid-template-rows:96px!important; gap:10px!important; } #cashflowPage .cashflow-summary.cashflow-summary-filtered{ grid-template-columns:repeat(3,minmax(0,1fr))!important; grid-template-rows:repeat(2,44px)!important; gap:8px!important; } #cashflowPage .cashflow-stat-pack article{ box-sizing:border-box!important; min-width:0!important; min-height:0!important; padding:8px 12px!important; display:flex!important; flex-direction:row!important; align-items:center!important; justify-content:space-between!important; gap:8px!important; overflow:hidden!important; } #cashflowPage .cashflow-summary:not(.cashflow-summary-filtered) article{height:96px!important;} #cashflowPage .cashflow-summary.cashflow-summary-filtered article{height:44px!important;} #cashflowPage .cashflow-stat-pack span{ flex:0 0 auto!important; white-space:nowrap!important; margin:0!important; font-size:12px!important; } #cashflowPage .cashflow-stat-pack strong{ flex:0 1 auto!important; white-space:nowrap!important; text-align:right!important; margin-left:auto!important; min-width:0!important; overflow:hidden!important; text-overflow:ellipsis!important; font-size:18px!important; } #cashflowPage .cashflow-summary.cashflow-summary-filtered strong{font-size:15px!important;} #cashflowPage .cashflow-chart-card.cashflow-chart-combo, #cashflowPage .cashflow-chart-card.cashflow-chart-combo.cashflow-rank-wide{ width:100%!important; height:96px!important; min-height:96px!important; align-self:stretch!important; display:grid!important; grid-template-columns:132px minmax(0,1fr)!important; gap:12px!important; padding:8px 12px!important; box-sizing:border-box!important; overflow:hidden!important; align-items:center!important; } #cashflowPage .cashflow-pie-block{ width:132px!important; min-width:132px!important; max-width:132px!important; height:100%!important; display:flex!important; flex-direction:row!important; align-items:center!important; justify-content:flex-start!important; gap:8px!important; overflow:hidden!important; position:relative!important; z-index:2!important; } #cashflowPage .cashflow-pie{ width:58px!important; height:58px!important; flex:0 0 58px!important; } #cashflowPage .cashflow-pie::after{inset:13px!important;} #cashflowPage .cashflow-pie b{font-size:14px!important;} #cashflowPage .cashflow-pie small{font-size:9px!important;margin-top:1px!important;} #cashflowPage #cashflowPieLegend{ flex:0 0 58px!important; max-width:58px!important; min-width:58px!important; margin:0!important; display:flex!important; flex-direction:column!important; gap:3px!important; align-items:flex-start!important; justify-content:center!important; font-size:9px!important; line-height:1.2!important; white-space:normal!important; overflow:hidden!important; } #cashflowPage .cashflow-category-bars{ min-width:0!important; width:100%!important; max-width:100%!important; height:100%!important; display:flex!important; align-items:center!important; justify-content:flex-start!important; overflow:hidden!important; padding:0!important; box-sizing:border-box!important; } #cashflowPage .cashflow-rank-list{ width:100%!important; max-width:100%!important; height:74px!important; display:grid!important; grid-template-rows:repeat(3,20px)!important; grid-template-columns:repeat(var(--rank-cols,2), minmax(0,1fr))!important; grid-auto-flow:column!important; grid-auto-columns:minmax(0,1fr)!important; gap:5px 16px!important; align-content:center!important; justify-content:stretch!important; overflow:hidden!important; } #cashflowPage .cashflow-chart-card.cashflow-rank-wide .cashflow-rank-list{ grid-template-columns:repeat(var(--rank-cols,3), minmax(190px,1fr))!important; grid-auto-columns:minmax(190px,1fr)!important; overflow-x:auto!important; overflow-y:hidden!important; padding-bottom:2px!important; } #cashflowPage .cashflow-rank-row{ min-width:0!important; display:grid!important; grid-template-columns:62px minmax(66px,1fr) 86px!important; gap:8px!important; align-items:center!important; height:20px!important; overflow:hidden!important; } #cashflowPage .cashflow-rank-name{ min-width:0!important; max-width:62px!important; font-size:11px!important; font-weight:900!important; color:#475569!important; white-space:nowrap!important; overflow:hidden!important; text-overflow:ellipsis!important; text-align:right!important; line-height:1!important; } #cashflowPage .cashflow-rank-track{ width:100%!important; max-width:100%!important; height:9px!important; border-radius:999px!important; background:linear-gradient(180deg,rgba(241,245,249,.96),rgba(226,232,240,.96))!important; overflow:hidden!important; } #cashflowPage .cashflow-rank-track i{ display:block!important; height:100%!important; border-radius:999px!important; background:linear-gradient(90deg,var(--rank-start),var(--rank-end))!important; } #cashflowPage .cashflow-rank-value{ min-width:0!important; max-width:86px!important; font-size:10px!important; line-height:1!important; color:#0f9f55!important; font-weight:900!important; white-space:nowrap!important; text-align:right!important; overflow:hidden!important; text-overflow:ellipsis!important; } #cashflowPage .cashflow-no-expense{ margin-left:auto!important; font-size:12px!important; } #cashflowPage .cashflow-excel-wrap{margin-top:7px!important;} @media(max-width:1500px){ #cashflowPage .cashflow-top-grid, #cashflowPage .cashflow-top-grid.cashflow-top-rank-wide{ grid-template-columns:1fr!important; } #cashflowPage .cashflow-chart-card.cashflow-chart-combo, #cashflowPage .cashflow-chart-card.cashflow-chart-combo.cashflow-rank-wide{ grid-template-columns:132px minmax(0,1fr)!important; } } @media(max-width:980px){ #cashflowPage .cashflow-stat-pack, #cashflowPage .cashflow-chart-card.cashflow-chart-combo{ height:auto!important; min-height:0!important; } #cashflowPage .cashflow-summary:not(.cashflow-summary-filtered), #cashflowPage .cashflow-summary.cashflow-summary-filtered{ grid-template-columns:1fr!important; grid-template-rows:auto!important; } #cashflowPage .cashflow-summary:not(.cashflow-summary-filtered) article, #cashflowPage .cashflow-summary.cashflow-summary-filtered article{ height:48px!important; } #cashflowPage .cashflow-chart-card.cashflow-chart-combo, #cashflowPage .cashflow-chart-card.cashflow-chart-combo.cashflow-rank-wide{ grid-template-columns:1fr!important; } #cashflowPage .cashflow-pie-block{ width:auto!important; min-width:0!important; max-width:none!important; } #cashflowPage .cashflow-rank-list{ height:auto!important; grid-template-rows:none!important; grid-template-columns:1fr!important; grid-auto-flow:row!important; grid-auto-columns:auto!important; } #cashflowPage .cashflow-rank-row{ grid-template-columns:58px minmax(90px,1fr) 82px!important; } } /* V173 发票管理 */ .invoice-card{min-height:calc(100vh - 140px)!important;padding:22px 24px!important;margin:20px 28px 24px!important;border-radius:24px!important;background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(246,252,251,.92))!important;border:1px solid rgba(11,122,117,.12)!important;box-shadow:0 24px 60px rgba(15,23,42,.08)!important;} .invoice-upload-zone{display:flex;align-items:center;gap:14px;border:2px dashed rgba(11,122,117,.32);border-radius:18px;background:linear-gradient(135deg,rgba(236,253,245,.85),rgba(240,249,255,.78));padding:18px 20px;margin:12px 0;cursor:pointer;box-shadow:inset 0 1px 0 rgba(255,255,255,.8)} .invoice-upload-zone:hover{border-color:#0b7a75;background:linear-gradient(135deg,rgba(220,252,231,.95),rgba(224,242,254,.82));} .invoice-upload-icon{width:56px;height:56px;border-radius:16px;background:#0b7a75;color:#fff;font-weight:900;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 22px rgba(11,122,117,.18)} .invoice-upload-zone strong{font-size:16px;color:#0f3f46}.invoice-upload-zone p{margin:4px 0 0;color:#667085}.invoice-upload-zone .primary-btn{margin-left:auto;white-space:nowrap} .invoice-toolbar{display:flex;gap:10px;flex-wrap:wrap;margin:10px 0}.invoice-filter-row{display:grid;grid-template-columns:minmax(260px,2fr) repeat(7,minmax(110px,1fr)) auto auto;gap:8px;align-items:end;border:1px solid rgba(11,122,117,.10);border-radius:16px;background:rgba(255,255,255,.72);padding:10px;margin:10px 0}.invoice-filter-row label{font-size:12px;color:#475467;font-weight:800}.invoice-filter-row input,.invoice-filter-row select{height:34px;border:1px solid #d5e6e4;border-radius:10px;padding:6px 10px;background:#fff;box-sizing:border-box;width:100%}.invoice-filter-row .wide{min-width:0} .invoice-summary{display:grid;grid-template-columns:repeat(6,minmax(120px,1fr));gap:9px;margin:10px 0}.invoice-summary article{border-radius:14px;background:linear-gradient(135deg,#fff,#f8fbff);border:1px solid rgba(15,23,42,.07);padding:10px 12px;display:flex;align-items:center;justify-content:space-between;gap:8px;box-shadow:0 10px 22px rgba(15,23,42,.055)}.invoice-summary span{font-size:12px;color:#64748b;font-weight:800}.invoice-summary strong{font-size:16px;color:#0b7a75;font-weight:900;white-space:nowrap} .invoice-table-wrap{max-height:calc(100vh - 380px);overflow:auto;border-radius:18px;border:1px solid rgba(11,122,117,.14)}.invoice-table{min-width:1740px;table-layout:fixed}.invoice-table th{position:sticky;top:0;z-index:2;background:linear-gradient(180deg,#f8fffe,#eaf7f5)!important;color:#0b5f5b!important}.invoice-table th,.invoice-table td{text-align:center!important;vertical-align:middle!important;height:38px!important;padding:6px 8px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.invoice-table th:nth-child(3),.invoice-table td:nth-child(3){width:190px}.invoice-table th:nth-child(4),.invoice-table td:nth-child(4){width:160px}.invoice-table th:nth-child(5),.invoice-table td:nth-child(5){width:220px}.invoice-table th:nth-child(19),.invoice-table td:nth-child(19){width:110px}.invoice-table tbody tr:nth-child(odd) td{background:rgba(248,250,252,.82)}.invoice-table tbody tr:nth-child(even) td{background:rgba(255,255,255,.9)}.invoice-table tr.selected-row td{background:rgba(204,251,241,.82)!important;box-shadow:inset 0 1px 0 rgba(11,122,117,.12),inset 0 -1px 0 rgba(11,122,117,.12)} .invoice-status-wait td{background-color:rgba(255,247,237,.55)!important}.invoice-status-return td{background-color:rgba(239,246,255,.55)!important}.invoice-status-paid td{background-color:rgba(236,253,245,.55)!important}.invoice-status-done td{background-color:rgba(241,245,249,.75)!important;color:#64748b}.invoice-pill{display:inline-flex;align-items:center;justify-content:center;min-width:54px;padding:2px 7px;border-radius:999px;background:rgba(11,122,117,.08);border:1px solid rgba(11,122,117,.12);font-size:12px;font-weight:800;color:#0b6964}.invoice-blue-money{color:#2563eb!important;font-weight:900}.invoice-orange-money{color:#ea580c!important;font-weight:900}.invoice-detail-arrow{font-weight:900!important;color:#0b7a75!important}.invoice-pager{justify-content:center;margin-top:10px} .invoice-form-card{width:min(1180px,96vw)!important;max-height:90vh;overflow:auto}.invoice-form-grid{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:12px}.invoice-form-grid label{display:flex;flex-direction:column;gap:6px;font-size:13px;color:#425466;font-weight:800}.invoice-form-grid input,.invoice-form-grid select,.invoice-form-grid textarea{border:1px solid #d5e6e4;border-radius:12px;padding:9px 10px;background:#fff;box-sizing:border-box}.invoice-form-grid .wide{grid-column:1/-1}.invoice-order-picker-line{display:grid;grid-template-columns:minmax(220px,1fr) auto auto;gap:8px;align-items:center}.invoice-order-suggest{margin-top:6px;border:1px solid rgba(11,122,117,.14);border-radius:12px;background:#fff;max-height:220px;overflow:auto;box-shadow:0 14px 30px rgba(15,23,42,.12)}.invoice-order-suggest button{width:100%;border:0;border-bottom:1px solid rgba(11,122,117,.08);background:#fff;padding:9px 12px;text-align:left;color:#102033;cursor:pointer}.invoice-order-suggest button:hover{background:#ecfdf5}.invoice-order-suggest small{display:block;color:#667085;margin-top:2px}.invoice-auto-contact{align-self:end;min-height:38px;display:flex!important;flex-direction:row!important;align-items:center!important}.invoice-calc-preview{padding:12px 14px;border:1px solid rgba(11,122,117,.12);border-radius:14px;background:rgba(236,253,245,.7);font-weight:900;color:#0b7a75}.invoice-detail-fieldset{border:1px solid rgba(11,122,117,.14);border-radius:16px;padding:12px}.invoice-hidden-grid{display:grid;grid-template-columns:repeat(3,minmax(160px,1fr));gap:10px} .invoice-detail-card{width:min(920px,94vw)!important;max-height:86vh;overflow:auto}.invoice-detail-body{overflow:auto}.invoice-detail-scroll{min-width:760px;display:grid;gap:12px}.invoice-detail-scroll section{border:1px solid rgba(11,122,117,.12);border-radius:14px;padding:12px;background:rgba(255,255,255,.78)}.invoice-detail-scroll h3{margin:0 0 8px;color:#0b7a75}.invoice-detail-scroll p{margin:4px 0;white-space:nowrap}.invoice-image-grid{display:flex;gap:8px;flex-wrap:wrap}.invoice-image-grid img{width:72px;height:54px;object-fit:cover;border-radius:8px;border:1px solid rgba(11,122,117,.18)}.invoice-detail-remark{border:1px solid rgba(11,122,117,.12);border-radius:10px;background:#fff;padding:10px;min-height:44px}.invoice-remark-card{width:min(760px,94vw)!important}.invoice-remark-card .shared-note-editor{height:320px}.invoice-page-card-error{color:#b42318} @media(max-width:1500px){.invoice-filter-row{grid-template-columns:repeat(4,minmax(130px,1fr))}.invoice-summary{grid-template-columns:repeat(3,minmax(120px,1fr))}.invoice-form-grid{grid-template-columns:repeat(2,minmax(150px,1fr))}.invoice-hidden-grid{grid-template-columns:repeat(2,minmax(150px,1fr))}} @media(max-width:900px){.invoice-card{margin:12px!important;padding:16px!important}.invoice-filter-row,.invoice-summary,.invoice-form-grid,.invoice-hidden-grid,.invoice-order-picker-line{grid-template-columns:1fr!important}.invoice-upload-zone{align-items:flex-start;flex-direction:column}.invoice-upload-zone .primary-btn{margin-left:0}} /* V174 登录页视觉动效优化版：仅作用于未登录页面 */ body.auth-pending, body.is-login-view{ background:#06211f!important; } body.auth-pending .login-page.login-immersive-page, body.is-login-view .login-page.login-immersive-page, .login-page.login-immersive-page{ position:relative!important; min-height:100vh!important; height:100vh!important; overflow:hidden!important; background: radial-gradient(circle at 18% 18%, rgba(52,211,153,.24), transparent 30%), radial-gradient(circle at 78% 14%, rgba(14,165,233,.16), transparent 28%), radial-gradient(circle at 72% 82%, rgba(217,119,6,.13), transparent 26%), linear-gradient(135deg,#051917 0%,#073a37 42%,#0b7a75 100%)!important; isolation:isolate!important; } .login-visual-bg{ position:absolute; inset:0; pointer-events:none; z-index:0; overflow:hidden; } .login-visual-bg::before{ content:""; position:absolute; inset:7%; border:1px solid rgba(255,255,255,.10); border-radius:42px; box-shadow:inset 0 0 80px rgba(255,255,255,.035), 0 0 80px rgba(11,122,117,.18); } .login-grid-light{ position:absolute; inset:-2px; opacity:.28; background-image: linear-gradient(rgba(255,255,255,.08) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.08) 1px, transparent 1px); background-size:72px 72px; mask-image:radial-gradient(circle at 50% 50%, rgba(0,0,0,.9), transparent 74%); } .login-orb{ position:absolute; width:330px; height:330px; border-radius:50%; filter:blur(16px); opacity:.56; animation:loginOrbFloat 8s ease-in-out infinite alternate; } .login-orb.orb-a{left:8%;top:12%;background:radial-gradient(circle,rgba(45,212,191,.34),transparent 66%);} .login-orb.orb-b{right:8%;top:10%;background:radial-gradient(circle,rgba(255,255,255,.18),transparent 62%);animation-delay:1.6s;} .login-orb.orb-c{right:18%;bottom:5%;background:radial-gradient(circle,rgba(217,119,6,.20),transparent 62%);animation-delay:3s;} @keyframes loginOrbFloat{ from{transform:translate3d(-14px,10px,0) scale(.96);} to{transform:translate3d(18px,-16px,0) scale(1.04);} } .login-sweep-line{ position:absolute; width:52vw; height:1px; background:linear-gradient(90deg,transparent,rgba(255,255,255,.55),transparent); opacity:.26; transform:rotate(-20deg); animation:loginSweep 7.5s linear infinite; } .login-sweep-line.line-a{left:-22vw;top:28%;} .login-sweep-line.line-b{right:-22vw;bottom:25%;animation-delay:3.2s;} @keyframes loginSweep{ 0%{transform:translateX(-12vw) rotate(-20deg);opacity:0;} 18%{opacity:.32;} 62%{opacity:.24;} 100%{transform:translateX(72vw) rotate(-20deg);opacity:0;} } body.auth-pending .login-hero-card, body.is-login-view .login-hero-card, .login-immersive-page .login-hero-card{ position:relative!important; z-index:3!important; width:min(560px,calc(100vw - 56px))!important; min-height:auto!important; padding:44px 48px 40px!important; border-radius:32px!important; background:linear-gradient(135deg,rgba(255,255,255,.90),rgba(237,252,249,.78))!important; border:1px solid rgba(255,255,255,.62)!important; box-shadow:0 34px 100px rgba(2,26,24,.38), inset 0 1px 0 rgba(255,255,255,.75)!important; backdrop-filter:blur(18px)!important; -webkit-backdrop-filter:blur(18px)!important; } .login-immersive-page .login-hero-card::before{ content:""; position:absolute; inset:12px; border-radius:24px; border:1px solid rgba(11,122,117,.10); pointer-events:none; } .login-immersive-page .login-mark{ margin-bottom:28px!important; gap:16px!important; } .login-immersive-page .login-mark strong{ font-size:28px!important; line-height:1.18!important; background:linear-gradient(90deg,#063f3b,#0b7a75,#a66b0a)!important; -webkit-background-clip:text!important; background-clip:text!important; color:transparent!important; } .login-immersive-page .login-logo{ width:68px!important; height:54px!important; filter:drop-shadow(0 6px 14px rgba(11,122,117,.16))!important; } .login-immersive-page .login-form{ gap:16px!important; } .login-immersive-page .login-form label{ font-size:16px!important; color:#16433f!important; } .login-immersive-page .login-form input[type="text"], .login-immersive-page .login-form input[type="password"], .login-immersive-page .login-form input:not([type]){ height:54px!important; border-radius:17px!important; border-color:rgba(11,122,117,.20)!important; background:rgba(255,255,255,.84)!important; box-shadow:inset 0 1px 0 rgba(255,255,255,.85)!important; font-size:18px!important; } .login-immersive-page .login-form input:focus{ border-color:rgba(11,122,117,.62)!important; box-shadow:0 0 0 5px rgba(20,184,166,.14)!important; } .login-immersive-page .login-form .primary-btn{ height:56px!important; border-radius:18px!important; background:linear-gradient(135deg,#0b7a75,#12a596)!important; box-shadow:0 18px 34px rgba(11,122,117,.28)!important; } .login-hotspot-layer{ position:absolute; inset:0; z-index:2; pointer-events:none; } .login-hotspot{ position:absolute; width:122px; height:122px; border-radius:50%; pointer-events:auto; } .login-hotspot::before{ content:""; position:absolute; inset:48px; border-radius:50%; background:rgba(255,255,255,.10); box-shadow:0 0 0 1px rgba(255,255,255,.12),0 0 22px rgba(255,255,255,.08); opacity:.36; transition:.35s ease; } .login-hotspot i{ position:absolute; left:50%; top:50%; width:76px; height:58px; transform:translate(-50%,-50%) scale(.46) rotate(-10deg); opacity:0; background:url('/login-logo-line.svg') center/contain no-repeat; filter:drop-shadow(0 0 12px rgba(255,255,255,.72)) drop-shadow(0 10px 22px rgba(0,0,0,.18)); transition:opacity .32s ease, transform .38s cubic-bezier(.2,.8,.2,1); } .login-hotspot:hover::before{ inset:38px; opacity:.92; background:rgba(255,255,255,.16); box-shadow:0 0 0 1px rgba(255,255,255,.32),0 0 38px rgba(45,212,191,.34); } .login-hotspot:hover i{ opacity:1; transform:translate(-50%,-50%) scale(1) rotate(0deg); } .login-hotspot.hp-left-top{left:5.2%;top:12%;} .login-hotspot.hp-left-mid{left:7%;top:44%;} .login-hotspot.hp-left-bottom{left:10%;bottom:10%;} .login-hotspot.hp-top-mid{left:49%;top:7%;} .login-hotspot.hp-right-top{right:8%;top:14%;} .login-hotspot.hp-right-mid{right:5.5%;top:46%;} .login-hotspot.hp-right-bottom{right:12%;bottom:11%;} .login-hotspot.hp-bottom-mid{left:50%;bottom:7%;} @media(max-width:900px){ .login-hotspot{display:none!important;} body.auth-pending .login-hero-card, body.is-login-view .login-hero-card, .login-immersive-page .login-hero-card{ width:calc(100vw - 32px)!important; padding:34px 26px 30px!important; } .login-immersive-page .login-mark strong{font-size:23px!important;} } /* V175 登录页重做QQ风格优化版：纵向光带官网风 + 正式LOGO */ body.auth-pending, body.is-login-view{ background:#071b23!important; } body.auth-pending .login-page.login-immersive-page, body.is-login-view .login-page.login-immersive-page, .login-page.login-immersive-page{ position:relative!important; display:flex!important; flex-direction:column!important; align-items:center!important; justify-content:center!important; gap:28px!important; padding:0!important; min-height:100vh!important; height:100vh!important; overflow:hidden!important; isolation:isolate!important; background: radial-gradient(ellipse at 49% 41%, rgba(255,255,255,.44) 0%, rgba(136,247,239,.20) 19%, rgba(12,128,145,.16) 33%, transparent 56%), radial-gradient(ellipse at 47% 100%, rgba(255,211,155,.34) 0%, rgba(255,255,255,.24) 16%, transparent 47%), radial-gradient(ellipse at 18% 56%, rgba(57,205,225,.28) 0%, transparent 38%), radial-gradient(ellipse at 78% 47%, rgba(157,126,226,.16) 0%, transparent 42%), linear-gradient(180deg,#082038 0%,#0a5560 44%,#ecf7f8 100%)!important; } .login-page.login-immersive-page::before{ content:""; position:absolute; inset:0; z-index:0; pointer-events:none; background: repeating-linear-gradient(90deg, rgba(255,255,255,.00) 0px, rgba(255,255,255,.00) 16px, rgba(255,255,255,.18) 17px, rgba(255,255,255,.05) 28px, rgba(7,24,70,.10) 46px, rgba(7,24,70,.02) 54px ), linear-gradient(90deg, rgba(0,107,118,.40) 0%, rgba(25,168,190,.34) 17%, rgba(51,120,221,.20) 32%, rgba(15,176,160,.38) 43%, rgba(64,50,145,.28) 56%, rgba(157,92,206,.22) 68%, rgba(62,225,218,.38) 82%, rgba(255,255,255,.28) 100% ); background-size:64px 100%, 100% 100%; mix-blend-mode:screen; opacity:.95; animation:loginBandsBreathe 11s ease-in-out infinite alternate; } .login-page.login-immersive-page::after{ content:""; position:absolute; inset:0; z-index:1; pointer-events:none; background: linear-gradient(180deg,rgba(0,0,0,.18) 0%,transparent 22%,transparent 62%,rgba(255,255,255,.36) 100%), radial-gradient(circle at 50% 47%,rgba(255,255,255,.62),transparent 16%), radial-gradient(circle at 51% 47%,rgba(42,245,229,.34),transparent 34%); opacity:.92; } @keyframes loginBandsBreathe{ 0%{transform:translateX(-10px) scaleX(1);filter:saturate(1.06) brightness(.97);} 100%{transform:translateX(10px) scaleX(1.015);filter:saturate(1.16) brightness(1.05);} } .login-visual-bg::before{ content:""!important; position:absolute!important; inset:0!important; border:0!important; border-radius:0!important; box-shadow:none!important; background: linear-gradient(90deg,transparent 0%,rgba(255,255,255,.28) 42%,rgba(255,255,255,.52) 50%,rgba(255,255,255,.22) 58%,transparent 100%), radial-gradient(ellipse at 50% 49%,rgba(255,255,255,.40),transparent 35%); transform:skewX(-4deg); opacity:.42; filter:blur(18px); animation:loginCenterGlow 9s ease-in-out infinite alternate; } .login-visual-bg::after{ content:""; position:absolute; left:0;right:0;bottom:-10vh;height:43vh; background:linear-gradient(180deg,transparent,rgba(255,255,255,.42) 60%,rgba(255,238,220,.66)); filter:blur(10px); opacity:.68; } @keyframes loginCenterGlow{ from{opacity:.30;transform:translateX(-1.2vw) skewX(-4deg) scaleX(.96);} to{opacity:.55;transform:translateX(1.2vw) skewX(-4deg) scaleX(1.03);} } .login-grid-light{ position:absolute!important; inset:0!important; opacity:.20!important; background-image: linear-gradient(rgba(255,255,255,.10) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.07) 1px, transparent 1px)!important; background-size:88px 88px!important; mask-image:linear-gradient(180deg,rgba(0,0,0,.55),rgba(0,0,0,.15) 68%,transparent 100%)!important; } .login-sweep-line{ position:absolute!important; height:2px!important; background:linear-gradient(90deg,transparent,rgba(255,255,255,.55),rgba(146,255,242,.42),transparent)!important; opacity:.20!important; filter:blur(.2px)!important; } .login-sweep-line.line-a{top:26%!important;left:-10vw!important;width:42vw!important;transform:rotate(-12deg)!important;} .login-sweep-line.line-b{bottom:20%!important;right:-10vw!important;width:58vw!important;transform:rotate(-12deg)!important;} .login-title-stage{ position:relative!important; z-index:5!important; display:flex!important; flex-direction:column!important; align-items:center!important; justify-content:center!important; text-align:center!important; margin-top:clamp(-32px,-4vh,-12px)!important; margin-bottom:0!important; user-select:none!important; pointer-events:none!important; } .login-title-glow{ font-size:clamp(70px,7.3vw,132px)!important; line-height:.92!important; font-weight:300!important; letter-spacing:.10em!important; color:#fff!important; text-shadow: 0 0 12px rgba(255,255,255,.90), 0 0 36px rgba(150,255,246,.76), 0 0 72px rgba(34,211,238,.48), 0 18px 54px rgba(0,40,66,.34)!important; } .login-title-sub{ margin-top:12px!important; font-size:clamp(42px,4.6vw,84px)!important; line-height:1!important; font-weight:300!important; letter-spacing:.12em!important; color:rgba(255,255,255,.95)!important; text-shadow:0 0 20px rgba(255,255,255,.80),0 0 60px rgba(45,212,191,.48)!important; } .login-title-note{ margin-top:28px!important; padding:10px 20px!important; border-radius:999px!important; color:rgba(8,45,53,.72)!important; background:rgba(255,255,255,.34)!important; border:1px solid rgba(255,255,255,.34)!important; backdrop-filter:blur(10px)!important; -webkit-backdrop-filter:blur(10px)!important; font-size:15px!important; font-weight:700!important; letter-spacing:.22em!important; box-shadow:0 10px 40px rgba(255,255,255,.16)!important; } body.auth-pending .login-hero-card, body.is-login-view .login-hero-card, .login-immersive-page .login-hero-card{ position:relative!important; z-index:6!important; width:min(440px,calc(100vw - 48px))!important; min-height:auto!important; padding:24px 28px 26px!important; border-radius:30px!important; background:linear-gradient(145deg,rgba(255,255,255,.76),rgba(235,255,252,.54))!important; border:1px solid rgba(255,255,255,.78)!important; box-shadow:0 28px 82px rgba(3,32,42,.24), inset 0 1px 0 rgba(255,255,255,.90), 0 0 0 1px rgba(18,173,157,.08)!important; backdrop-filter:blur(22px) saturate(1.15)!important; -webkit-backdrop-filter:blur(22px) saturate(1.15)!important; transform:translateY(0)!important; } .login-immersive-page .login-hero-card::before{ content:""!important; position:absolute!important; inset:9px!important; border-radius:22px!important; border:1px solid rgba(255,255,255,.42)!important; background:linear-gradient(135deg,rgba(255,255,255,.16),transparent 48%,rgba(32,211,194,.08))!important; pointer-events:none!important; } .login-immersive-page .login-mark{ position:relative!important; z-index:1!important; margin:0 0 20px!important; display:flex!important; align-items:center!important; justify-content:center!important; gap:13px!important; white-space:nowrap!important; } .login-immersive-page .login-logo, .login-mark .login-logo{ content:url('/logo.png')!important; width:58px!important; height:52px!important; object-fit:contain!important; display:block!important; filter:drop-shadow(0 0 8px rgba(255,255,255,.92)) drop-shadow(0 8px 18px rgba(9,91,89,.18))!important; } .login-immersive-page .login-mark strong, .login-mark strong{ display:inline-block!important; font-size:23px!important; line-height:1.12!important; font-weight:900!important; letter-spacing:.02em!important; background:linear-gradient(90deg,#004b47 0%,#0b7a75 52%,#8a650b 100%)!important; -webkit-background-clip:text!important; background-clip:text!important; color:transparent!important; } .login-immersive-page .login-form label{ font-size:13px!important; color:rgba(9,57,57,.82)!important; font-weight:900!important; letter-spacing:.01em!important; } .login-immersive-page .login-form input[type="text"], .login-immersive-page .login-form input[type="password"], .login-immersive-page .login-form input:not([type]){ height:46px!important; border-radius:16px!important; border:1px solid rgba(255,255,255,.78)!important; background:rgba(255,255,255,.86)!important; box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 8px 22px rgba(0,50,54,.07)!important; color:#093b3a!important; font-size:16px!important; } .login-immersive-page .password-field-wrap input{ padding-right:48px!important; } .login-immersive-page .password-toggle-btn{ width:36px!important; height:36px!important; right:5px!important; border-radius:13px!important; background:rgba(236,253,245,.82)!important; color:#0b7a75!important; border:1px solid rgba(255,255,255,.7)!important; } .login-immersive-page .login-form input:focus{ border-color:rgba(34,211,238,.62)!important; background:rgba(255,255,255,.94)!important; box-shadow:0 0 0 5px rgba(45,212,191,.17),0 12px 30px rgba(0,62,70,.09)!important; outline:none!important; } .login-immersive-page .remember-line{ display:flex!important; flex-direction:row!important; align-items:center!important; gap:8px!important; min-height:28px!important; font-size:13px!important; } .login-immersive-page .remember-line input{ width:14px!important; height:14px!important; accent-color:#0b9e94!important; } .login-immersive-page .login-form .primary-btn{ height:50px!important; border-radius:18px!important; margin-top:6px!important; color:#fff!important; font-size:18px!important; font-weight:900!important; letter-spacing:.08em!important; background:linear-gradient(135deg,#0f8984,#18b9aa 55%,#0f938b)!important; border:1px solid rgba(255,255,255,.48)!important; box-shadow:0 18px 42px rgba(0,119,112,.32), inset 0 1px 0 rgba(255,255,255,.36)!important; transition:transform .2s ease,box-shadow .2s ease,filter .2s ease!important; } .login-immersive-page .login-form .primary-btn:hover{ transform:translateY(-2px)!important; filter:brightness(1.04)!important; box-shadow:0 24px 52px rgba(0,119,112,.38),0 0 28px rgba(45,212,191,.22)!important; } .login-hotspot-layer{ position:absolute!important; inset:0!important; z-index:4!important; pointer-events:none!important; } .login-hotspot{ position:absolute!important; width:128px!important; height:128px!important; border-radius:50%!important; pointer-events:auto!important; } .login-hotspot::before{ content:""!important; position:absolute!important; inset:53px!important; border-radius:50%!important; background:rgba(255,255,255,.12)!important; border:1px solid rgba(255,255,255,.16)!important; box-shadow:0 0 0 0 rgba(255,255,255,0),0 0 20px rgba(255,255,255,.10)!important; opacity:.34!important; transition:all .36s cubic-bezier(.2,.8,.2,1)!important; } .login-hotspot i{ position:absolute!important; left:50%!important; top:50%!important; width:78px!important; height:58px!important; transform:translate(-50%,-50%) scale(.38) rotate(-8deg)!important; opacity:0!important; background:url('/login-logo-line.svg') center/contain no-repeat!important; filter:drop-shadow(0 0 11px rgba(255,255,255,.95)) drop-shadow(0 0 30px rgba(45,212,191,.58))!important; transition:opacity .28s ease,transform .42s cubic-bezier(.19,1,.22,1)!important; } .login-hotspot:hover::before{ inset:37px!important; opacity:1!important; background:rgba(255,255,255,.20)!important; border-color:rgba(255,255,255,.45)!important; box-shadow:0 0 0 10px rgba(255,255,255,.05),0 0 44px rgba(45,212,191,.42)!important; } .login-hotspot:hover i{ opacity:1!important; transform:translate(-50%,-50%) scale(1) rotate(0deg)!important; } .login-hotspot.hp-left-top{left:6.2%!important;top:13%!important;} .login-hotspot.hp-left-mid{left:9.5%!important;top:48%!important;} .login-hotspot.hp-left-bottom{left:12.5%!important;bottom:10%!important;} .login-hotspot.hp-top-mid{left:50%!important;top:8.5%!important;} .login-hotspot.hp-right-top{right:9.2%!important;top:16%!important;} .login-hotspot.hp-right-mid{right:8.5%!important;top:51%!important;} .login-hotspot.hp-right-bottom{right:13.2%!important;bottom:11%!important;} .login-hotspot.hp-bottom-mid{left:51%!important;bottom:8%!important;} @media(max-width:1024px){ .login-title-glow{font-size:clamp(54px,11vw,86px)!important;letter-spacing:.06em!important;} .login-title-sub{font-size:clamp(32px,8vw,56px)!important;letter-spacing:.08em!important;} .login-title-note{font-size:12px!important;letter-spacing:.12em!important;} } @media(max-width:680px){ body.auth-pending .login-hero-card, body.is-login-view .login-hero-card, .login-immersive-page .login-hero-card{width:calc(100vw - 30px)!important;padding:22px!important;} .login-immersive-page .login-mark strong{font-size:19px!important;} .login-immersive-page .login-logo{width:48px!important;height:42px!important;} } /* 登录页：修复标题裁切、指定文案、增强动态、鼠标光晕、使用图2白色LOGO */ body.auth-pending, body.is-login-view{ background:#071b23!important; overflow:hidden!important; } body.auth-pending .quote-header, body.is-login-view .quote-header{display:none!important;} body.auth-pending .login-page.login-immersive-page, body.is-login-view .login-page.login-immersive-page, .login-page.login-immersive-page{ position:relative!important; display:block!important; width:100vw!important; min-height:100vh!important; height:100vh!important; padding:0!important; overflow:hidden!important; isolation:isolate!important; background: radial-gradient(ellipse at 50% 40%, rgba(255,255,255,.52) 0%, rgba(116,244,234,.25) 18%, rgba(18,137,164,.16) 34%, transparent 57%), radial-gradient(ellipse at 50% 106%, rgba(255,229,196,.42) 0%, rgba(255,255,255,.30) 18%, transparent 49%), radial-gradient(ellipse at 18% 55%, rgba(45,212,231,.26) 0%, transparent 36%), radial-gradient(ellipse at 76% 45%, rgba(108,96,211,.18) 0%, transparent 42%), linear-gradient(180deg,#081d32 0%,#0a5260 45%,#edf9fa 100%)!important; } .login-page.login-immersive-page::before{ content:""!important; position:absolute!important; inset:-2% -4%!important; z-index:0!important; pointer-events:none!important; background: repeating-linear-gradient(90deg, rgba(255,255,255,0) 0px, rgba(255,255,255,0) 14px, rgba(255,255,255,.24) 16px, rgba(255,255,255,.07) 30px, rgba(7,27,72,.12) 48px, rgba(7,27,72,.02) 59px ), linear-gradient(90deg, rgba(0,117,134,.50) 0%, rgba(22,179,202,.43) 16%, rgba(45,116,220,.24) 31%, rgba(25,190,175,.44) 44%, rgba(66,53,145,.30) 57%, rgba(154,94,199,.20) 67%, rgba(68,232,222,.48) 83%, rgba(255,255,255,.32) 100% )!important; background-size:58px 100%,100% 100%!important; mix-blend-mode:screen!important; opacity:.98!important; animation:xkLoginBandsFlow 5.8s ease-in-out infinite alternate!important; } .login-page.login-immersive-page::after{ content:""!important; position:absolute!important; inset:0!important; z-index:1!important; pointer-events:none!important; background: linear-gradient(180deg,rgba(0,0,0,.20) 0%,transparent 19%,transparent 65%,rgba(255,255,255,.42) 100%), radial-gradient(circle at 50% 45%,rgba(255,255,255,.70),transparent 15%), radial-gradient(circle at 50% 45%,rgba(42,245,229,.35),transparent 36%), linear-gradient(90deg,rgba(255,255,255,.08),transparent 22%,transparent 75%,rgba(255,255,255,.08)); opacity:.96!important; } @keyframes xkLoginBandsFlow{ 0%{transform:translateX(-28px) scaleX(1.018);filter:saturate(1.02) brightness(.95) hue-rotate(-4deg);} 50%{transform:translateX(10px) scaleX(1.035);filter:saturate(1.18) brightness(1.06) hue-rotate(4deg);} 100%{transform:translateX(32px) scaleX(1.02);filter:saturate(1.12) brightness(1.02) hue-rotate(-2deg);} } .login-visual-bg{position:absolute!important;inset:0!important;z-index:2!important;pointer-events:none!important;overflow:hidden!important;} .login-visual-bg::before{ content:""!important; position:absolute!important; inset:0!important; border:0!important;border-radius:0!important;box-shadow:none!important; background: linear-gradient(90deg,transparent 0%,rgba(255,255,255,.20) 35%,rgba(255,255,255,.62) 50%,rgba(255,255,255,.18) 65%,transparent 100%), radial-gradient(ellipse at 50% 44%,rgba(255,255,255,.54),transparent 36%)!important; transform:skewX(-3deg)!important; opacity:.50!important; filter:blur(16px)!important; animation:xkLoginCenterGlow 4.8s ease-in-out infinite alternate!important; } .login-visual-bg::after{ content:""!important; position:absolute!important; left:0!important;right:0!important;bottom:-9vh!important;height:45vh!important; background:linear-gradient(180deg,transparent,rgba(255,255,255,.48) 56%,rgba(255,239,224,.70))!important; filter:blur(9px)!important; opacity:.75!important; } @keyframes xkLoginCenterGlow{ from{opacity:.36;transform:translateX(-2.2vw) skewX(-3deg) scaleX(.95);} to{opacity:.68;transform:translateX(2.2vw) skewX(-3deg) scaleX(1.06);} } .login-grid-light{opacity:.16!important;background-size:78px 78px!important;} .login-orb{display:none!important;} .login-sweep-line{ height:2px!important; background:linear-gradient(90deg,transparent,rgba(255,255,255,.62),rgba(120,255,243,.52),transparent)!important; opacity:.26!important; animation:loginSweep 4.9s linear infinite!important; } .login-title-stage{ position:absolute!important; z-index:5!important; left:50%!important; top:clamp(38px,7.2vh,78px)!important; transform:translateX(-50%)!important; margin:0!important; width:min(960px,92vw)!important; text-align:center!important; display:flex!important; flex-direction:column!important; align-items:center!important; pointer-events:none!important; user-select:none!important; } .login-title-glow{ font-size:clamp(48px,5.7vw,102px)!important; line-height:1.05!important; font-weight:300!important; letter-spacing:.12em!important; color:#fff!important; white-space:nowrap!important; text-shadow:0 0 12px rgba(255,255,255,.95),0 0 38px rgba(150,255,246,.72),0 0 82px rgba(34,211,238,.46),0 20px 56px rgba(0,40,66,.30)!important; } .login-title-sub{ margin-top:8px!important; font-size:clamp(23px,2.8vw,50px)!important; line-height:1.12!important; font-weight:300!important; letter-spacing:.14em!important; color:rgba(255,255,255,.95)!important; text-shadow:0 0 20px rgba(255,255,255,.80),0 0 60px rgba(45,212,191,.42)!important; white-space:nowrap!important; } .login-title-note{ margin-top:20px!important; padding:9px 22px!important; border-radius:999px!important; color:rgba(5,48,58,.78)!important; background:rgba(255,255,255,.42)!important; border:1px solid rgba(255,255,255,.46)!important; backdrop-filter:blur(12px)!important; -webkit-backdrop-filter:blur(12px)!important; font-size:14px!important; font-weight:850!important; letter-spacing:.16em!important; box-shadow:0 12px 38px rgba(255,255,255,.18), inset 0 1px 0 rgba(255,255,255,.55)!important; } .login-cursor-glow{ position:fixed!important; left:0!important;top:0!important; width:300px!important;height:300px!important; border-radius:50%!important; pointer-events:none!important; z-index:4!important; opacity:0!important; background:radial-gradient(circle,rgba(255,255,255,.62) 0%,rgba(180,255,250,.34) 18%,rgba(45,212,191,.16) 36%,transparent 68%)!important; mix-blend-mode:screen!important; filter:blur(5px)!important; transition:opacity .18s ease!important; } .login-cursor-glow.active{opacity:.92!important;} body.auth-pending .login-hero-card, body.is-login-view .login-hero-card, .login-immersive-page .login-hero-card{ position:absolute!important; z-index:7!important; left:50%!important; top:clamp(430px,56vh,610px)!important; transform:translate(-50%,-50%)!important; width:min(440px,calc(100vw - 52px))!important; min-height:auto!important; padding:26px 30px 28px!important; border-radius:30px!important; background:linear-gradient(145deg,rgba(5,61,68,.52),rgba(255,255,255,.20) 48%,rgba(2,65,70,.28))!important; border:1px solid rgba(255,255,255,.55)!important; box-shadow:0 34px 96px rgba(3,28,42,.34), inset 0 1px 0 rgba(255,255,255,.65), 0 0 0 1px rgba(18,173,157,.08)!important; backdrop-filter:blur(24px) saturate(1.25)!important; -webkit-backdrop-filter:blur(24px) saturate(1.25)!important; overflow:hidden!important; } .login-immersive-page .login-hero-card::before{ content:""!important; position:absolute!important; inset:9px!important; border-radius:22px!important; border:1px solid rgba(255,255,255,.38)!important; background:linear-gradient(135deg,rgba(255,255,255,.16),transparent 48%,rgba(32,211,194,.10))!important; pointer-events:none!important; } .login-immersive-page .login-mark{position:relative!important;z-index:1!important;margin:0 0 20px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:14px!important;white-space:nowrap!important;} .login-immersive-page .login-logo, .login-mark .login-logo{ content:url('/login-brand-logo.png')!important; width:62px!important;height:56px!important;object-fit:contain!important;display:block!important; filter:drop-shadow(0 0 11px rgba(255,255,255,.92)) drop-shadow(0 9px 24px rgba(45,212,191,.28))!important; } .login-immersive-page .login-mark strong, .login-mark strong{font-size:22px!important;line-height:1.15!important;font-weight:900!important;letter-spacing:.02em!important;color:#fff!important;background:none!important;text-shadow:0 1px 0 rgba(255,255,255,.20),0 0 22px rgba(255,255,255,.34)!important;} .login-immersive-page .login-form{position:relative!important;z-index:1!important;display:grid!important;gap:13px!important;} .login-immersive-page .login-form label{font-size:13px!important;color:rgba(255,255,255,.88)!important;font-weight:900!important;letter-spacing:.01em!important;text-shadow:0 1px 8px rgba(0,34,38,.18)!important;} .login-immersive-page .login-form input[type="text"], .login-immersive-page .login-form input[type="password"], .login-immersive-page .login-form input:not([type]){height:46px!important;border-radius:16px!important;border:1px solid rgba(255,255,255,.82)!important;background:rgba(255,255,255,.88)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.95),0 8px 22px rgba(0,50,54,.08)!important;color:#073c3d!important;font-size:16px!important;} .login-immersive-page .login-form input:focus{border-color:rgba(34,211,238,.72)!important;background:rgba(255,255,255,.96)!important;box-shadow:0 0 0 5px rgba(255,255,255,.18),0 0 0 9px rgba(45,212,191,.13),0 12px 30px rgba(0,62,70,.10)!important;outline:none!important;} .login-immersive-page .remember-line{color:rgba(255,255,255,.88)!important;} .login-immersive-page .password-toggle-btn{background:rgba(235,255,252,.88)!important;color:#0b7a75!important;border:1px solid rgba(255,255,255,.76)!important;} .login-immersive-page .login-form .primary-btn{height:50px!important;border-radius:18px!important;margin-top:6px!important;color:#fff!important;font-size:18px!important;font-weight:900!important;letter-spacing:.08em!important;background:linear-gradient(135deg,#0e8d88,#19bcae 55%,#0f938b)!important;border:1px solid rgba(255,255,255,.50)!important;box-shadow:0 18px 42px rgba(0,119,112,.36), inset 0 1px 0 rgba(255,255,255,.38)!important;transition:transform .2s ease,box-shadow .2s ease,filter .2s ease!important;} .login-immersive-page .login-form .primary-btn:hover{transform:translateY(-2px)!important;filter:brightness(1.06)!important;box-shadow:0 24px 52px rgba(0,119,112,.44),0 0 30px rgba(255,255,255,.22),0 0 34px rgba(45,212,191,.28)!important;} .login-hotspot-layer{z-index:6!important;} .login-hotspot i{background:url('/login-logo-white.png') center/contain no-repeat!important;width:82px!important;height:76px!important;filter:drop-shadow(0 0 13px rgba(255,255,255,1)) drop-shadow(0 0 34px rgba(45,212,191,.72))!important;} .login-hotspot::before{background:rgba(255,255,255,.13)!important;} @media(max-width:1024px){.login-title-glow{font-size:clamp(42px,10vw,76px)!important;}.login-title-sub{font-size:clamp(20px,5vw,34px)!important;letter-spacing:.08em!important;}.login-title-note{font-size:12px!important;letter-spacing:.08em!important;}.login-hotspot{display:none!important;}body.auth-pending .login-hero-card,body.is-login-view .login-hero-card,.login-immersive-page .login-hero-card{top:58vh!important;}} @media(max-height:760px){.login-title-stage{top:24px!important;}.login-title-glow{font-size:clamp(38px,5vw,72px)!important;}.login-title-sub{font-size:clamp(18px,2.4vw,36px)!important;}.login-title-note{margin-top:12px!important;padding:7px 16px!important;font-size:12px!important;}body.auth-pending .login-hero-card,body.is-login-view .login-hero-card,.login-immersive-page .login-hero-card{top:60vh!important;transform:translate(-50%,-50%) scale(.94)!important;}} /* V186 muban sidebar button style */ :root{ --xk-primary:#0b7a75; --xk-primary-deep:#075e59; --xk-primary-soft:#eaf7f5; --xk-text:#102a2d; --xk-muted:#5f7182; --xk-line:rgba(11,122,117,.14); } .xk-line-icon{ width:1em; height:1em; display:block; fill:none; stroke:currentColor; stroke-width:1.85; stroke-linecap:round; stroke-linejoin:round; } body.ui-sidebar-v1:not(.auth-pending):not(.is-login-view) .function-sidebar{ background:rgba(255,255,255,.78)!important; border:1px solid rgba(255,255,255,.68)!important; box-shadow:0 18px 48px rgba(20,31,45,.075)!important; backdrop-filter:blur(13px)!important; -webkit-backdrop-filter:blur(13px)!important; overflow-y:auto!important; overflow-x:hidden!important; scrollbar-width:none!important; } body.ui-sidebar-v1 .function-sidebar::-webkit-scrollbar{ width:0!important; height:0!important; display:none!important; } body.ui-sidebar-v1 .side-group{ margin-bottom:10px!important; border-radius:16px!important; background:rgba(255,255,255,.30)!important; border:1px solid rgba(255,255,255,.45)!important; box-shadow:inset 0 1px 0 rgba(255,255,255,.38)!important; backdrop-filter:blur(6px)!important; -webkit-backdrop-filter:blur(6px)!important; } body.ui-sidebar-v1 .side-group-title{ min-height:34px!important; padding:8px 10px!important; border:0!important; border-radius:14px!important; background:transparent!important; color:#566b72!important; font-size:13px!important; font-weight:700!important; letter-spacing:0!important; display:flex!important; align-items:center!important; justify-content:space-between!important; } body.ui-sidebar-v1 .side-group-title:hover{ background:rgba(255,255,255,.34)!important; } body.ui-sidebar-v1 .side-group-title:focus, body.ui-sidebar-v1 .side-menu:focus{ outline:none!important; } body.ui-sidebar-v1 .side-group-title:focus-visible, body.ui-sidebar-v1 .side-menu:focus-visible{ outline:2px solid rgba(11,122,117,.28)!important; outline-offset:2px!important; } body.ui-sidebar-v1 .side-group-title .thin-arrow{ width:10px!important; height:6px!important; display:inline-block!important; position:relative!important; flex:0 0 10px!important; transform:rotate(180deg)!important; transition:transform .20s ease, opacity .18s ease!important; opacity:.78!important; } body.ui-sidebar-v1 .side-group-title .thin-arrow::before, body.ui-sidebar-v1 .side-group-title .thin-arrow::after{ content:""!important; position:absolute!important; top:2px!important; width:6px!important; height:1.25px!important; background:currentColor!important; border-radius:999px!important; } body.ui-sidebar-v1 .side-group-title .thin-arrow::before{ left:0!important; transform:rotate(34deg)!important; transform-origin:right center!important; } body.ui-sidebar-v1 .side-group-title .thin-arrow::after{ right:0!important; transform:rotate(-34deg)!important; transform-origin:left center!important; } body.ui-sidebar-v1 .side-group.open .side-group-title .thin-arrow{ transform:rotate(0deg)!important; } body.ui-sidebar-v1 .side-group-title:hover .thin-arrow{ opacity:1!important; } body.ui-sidebar-v1 .side-menu-list{ display:grid!important; gap:4px!important; padding:8px 6px 8px!important; overflow:hidden!important; transition:height .14s ease, opacity .10s ease, padding .14s ease!important; will-change:height,opacity; } body.ui-sidebar-v1 .side-group:not(.open) .side-menu-list{ height:0!important; opacity:0!important; padding-top:0!important; padding-bottom:0!important; } body.ui-sidebar-v1 .side-menu{ position:relative!important; isolation:isolate!important; overflow:hidden!important; grid-template-columns:32px minmax(0,1fr)!important; min-height:40px!important; padding:8px 10px!important; gap:8px!important; border:1px solid transparent!important; border-radius:13px!important; background:transparent!important; box-shadow:none!important; color:#344054!important; text-decoration:none!important; transform:translateZ(0); transition:background .22s ease,border-color .22s ease,box-shadow .22s ease,transform .22s ease,color .22s ease!important; } body.ui-sidebar-v1 .side-menu .side-icon, body.ui-sidebar-v1 .side-menu strong{ position:relative!important; z-index:2!important; } body.ui-sidebar-v1 .side-menu strong{ color:inherit!important; font-size:13px!important; font-weight:700!important; white-space:nowrap!important; overflow:hidden!important; text-overflow:ellipsis!important; } body.ui-sidebar-v1 .side-menu .side-icon{ width:22px!important; height:22px!important; min-width:22px!important; border-radius:8px!important; background:transparent!important; box-shadow:none!important; color:#5b9fa1!important; display:flex!important; align-items:center!important; justify-content:center!important; font-size:18px!important; } body.ui-sidebar-v1 .side-menu::before, body.ui-sidebar-v1 .side-menu::after{ content:""!important; position:absolute!important; inset:0; pointer-events:none; z-index:1; opacity:0; } body.ui-sidebar-v1 .side-menu.active{ background:linear-gradient(135deg,rgba(11,122,117,.13),rgba(105,205,191,.09))!important; border-color:rgba(11,122,117,.12)!important; box-shadow:inset 3px 0 0 rgba(11,122,117,.68),0 8px 18px rgba(11,122,117,.055)!important; color:#0b5960!important; } body.ui-sidebar-v1 .side-menu.active strong{ font-weight:800!important; } body.ui-sidebar-v1 .side-menu:hover .side-icon, body.ui-sidebar-v1 .side-menu.active .side-icon{ color:#075e59!important; } body.ui-sidebar-v1.mode-liquid .side-menu::before{ inset:auto!important; left:-36px!important; top:50%!important; width:44px!important; height:44px!important; border-radius:999px!important; transform:translateY(-50%) scale(.10)!important; opacity:0; background:radial-gradient(circle,rgba(91,204,190,.24) 0%,rgba(11,122,117,.12) 42%,transparent 72%)!important; transition:transform .48s cubic-bezier(.18,.86,.32,1), opacity .22s ease!important; } body.ui-sidebar-v1.mode-liquid .side-menu::after{ opacity:0; background:linear-gradient(90deg,rgba(226,249,246,.65),rgba(255,255,255,.28))!important; transform:translateX(-18%)!important; transition:opacity .32s ease, transform .48s cubic-bezier(.18,.86,.32,1)!important; } body.ui-sidebar-v1.mode-liquid .side-menu:hover{ border-color:rgba(11,122,117,.105)!important; box-shadow:0 8px 18px rgba(11,122,117,.04)!important; transform:translateX(2px)!important; } body.ui-sidebar-v1.mode-liquid .side-menu:hover::before{ opacity:1; transform:translateY(-50%) scale(5.5)!important; } body.ui-sidebar-v1.mode-liquid .side-menu:hover::after{ opacity:1; transform:translateX(0)!important; } body.ui-sidebar-v1.mode-liquid .side-menu:hover strong, body.ui-sidebar-v1.mode-liquid .side-menu:hover .side-icon{ color:#075e59!important; } /* V186 muban right shell for selected pages */ body.ui-sidebar-v1 .xk-right-shell-page.active{ position:relative!important; display:flex!important; flex-direction:column!important; gap:12px!important; min-height:100%!important; height:100%!important; min-width:0!important; padding:18px 18px 20px!important; box-sizing:border-box!important; border-radius:26px!important; background:rgba(255,255,255,.91)!important; border:1px solid rgba(255,255,255,.72)!important; box-shadow: 0 18px 48px rgba(20,31,45,.075), inset 1px 0 0 rgba(11,122,117,.06), inset -1px 0 0 rgba(11,122,117,.05), inset 0 -1px 0 rgba(11,122,117,.055)!important; overflow:hidden!important; } body.ui-sidebar-v1 .xk-right-shell-page.active > *{ position:relative; z-index:1; min-width:0!important; } body.ui-sidebar-v1 .xk-right-shell-page.active > .home-free-calc-modal{ z-index: var(--layer-modal); } body.ui-sidebar-v1 .xk-right-shell-page.active > .xk-right-shell-body{ flex:1 1 auto!important; min-height:0!important; height:100%!important; margin:0!important; background:transparent!important; border:0!important; box-shadow:none!important; } body.ui-sidebar-v1 #tasksPage.xk-right-shell-page.active{ padding:16px 16px 18px!important; } body.ui-sidebar-v1 #tasksPage.xk-right-shell-page.active .home-dashboard-card, body.ui-sidebar-v1 #tasksPage.xk-right-shell-page.active .task-panel{ margin:0!important; } body.ui-sidebar-v1 #tasksPage.xk-right-shell-page.active .task-panel{ flex:1 1 auto!important; min-height:0!important; } body.ui-sidebar-v1 #graphicQuotePage.xk-right-shell-page.active > .xk-right-shell-body, body.ui-sidebar-v1 #quotePage.xk-right-shell-page.active > .xk-right-shell-body, body.ui-sidebar-v1 #inventoryPage.xk-right-shell-page.active > .xk-right-shell-body, body.ui-sidebar-v1 #ordersPage.xk-right-shell-page.active > .xk-right-shell-body, body.ui-sidebar-v1 #customersPage.xk-right-shell-page.active > .xk-right-shell-body, body.ui-sidebar-v1 #todayOrdersPage.xk-right-shell-page.active > .xk-right-shell-body, body.ui-sidebar-v1 #orderQueryPage.xk-right-shell-page.active > .xk-right-shell-body, body.ui-sidebar-v1 #cashflowPage.xk-right-shell-page.active > .xk-right-shell-body, body.ui-sidebar-v1 #workerLedgerPage.xk-right-shell-page.active > .xk-right-shell-body, body.ui-sidebar-v1 #invoicePage.xk-right-shell-page.active > .xk-right-shell-body, body.ui-sidebar-v1 #unpaidStatusPage.xk-right-shell-page.active > .xk-right-shell-body, body.ui-sidebar-v1 #productManagePage.xk-right-shell-page.active > .xk-right-shell-body, body.ui-sidebar-v1 #graphicPricePage.xk-right-shell-page.active > .xk-right-shell-body, body.ui-sidebar-v1 #customerTypePage.xk-right-shell-page.active > .xk-right-shell-body, body.ui-sidebar-v1 #orderRecyclePage.xk-right-shell-page.active > .xk-right-shell-body, body.ui-sidebar-v1 #taskStatsPage.xk-right-shell-page.active > .xk-right-shell-body, body.ui-sidebar-v1 #deleteRecordsPage.xk-right-shell-page.active > .xk-right-shell-body, body.ui-sidebar-v1 #myFinishedTasksPage.xk-right-shell-page.active > .xk-right-shell-body, body.ui-sidebar-v1 #profilePage.xk-right-shell-page.active > .xk-right-shell-body, body.ui-sidebar-v1 #productQuotePage.xk-right-shell-page.active > .xk-right-shell-body{ overflow:auto!important; } body.ui-sidebar-v1 #productQuotePage.xk-right-shell-page.active > .xk-right-shell-body .panel-head, body.ui-sidebar-v1 #todayOrdersPage.xk-right-shell-page.active > .xk-right-shell-body .panel-head, body.ui-sidebar-v1 #orderQueryPage.xk-right-shell-page.active > .xk-right-shell-body .panel-head, body.ui-sidebar-v1 #cashflowPage.xk-right-shell-page.active > .xk-right-shell-body .panel-head, body.ui-sidebar-v1 #workerLedgerPage.xk-right-shell-page.active > .xk-right-shell-body .panel-head, body.ui-sidebar-v1 #invoicePage.xk-right-shell-page.active > .xk-right-shell-body .panel-head, body.ui-sidebar-v1 #unpaidStatusPage.xk-right-shell-page.active > .xk-right-shell-body .panel-head, body.ui-sidebar-v1 #productManagePage.xk-right-shell-page.active > .xk-right-shell-body .panel-head, body.ui-sidebar-v1 #orderRecyclePage.xk-right-shell-page.active > .xk-right-shell-body .panel-head, body.ui-sidebar-v1 #taskStatsPage.xk-right-shell-page.active > .xk-right-shell-body .panel-head, body.ui-sidebar-v1 #deleteRecordsPage.xk-right-shell-page.active > .xk-right-shell-body .panel-head, body.ui-sidebar-v1 #myFinishedTasksPage.xk-right-shell-page.active > .xk-right-shell-body .panel-head, body.ui-sidebar-v1 #profilePage.xk-right-shell-page.active > .xk-right-shell-body .panel-head{ margin-left:0!important; margin-right:0!important; } body.ui-sidebar-v1 .main-content{ background:transparent!important; border:0!important; box-shadow:none!important; } body.ui-sidebar-v1.home-tasks-active .main-shell{ column-gap:12px!important; } body.ui-sidebar-v1.home-tasks-active #tasksPage.page-view.active{ padding-left:0!important; padding-right:0!important; } body.ui-sidebar-v1.home-tasks-active #tasksPage .home-dashboard-card, body.ui-sidebar-v1.home-tasks-active #tasksPage .task-panel{ overflow:hidden!important; } body.ui-sidebar-v1.home-tasks-active #tasksPage .legacy-table-wrap{ background:transparent!important; } /* V186 muban alignment pass 2 */ body.ui-sidebar-v1{ --xk-sidebar-w:216px; --xk-shell-radius:26px; --xk-shell-gap:12px; --xk-shell-pad-x:10px; } body.ui-sidebar-v1 .main-shell{ display:grid!important; grid-template-columns:var(--xk-sidebar-w) minmax(0,1fr)!important; column-gap:var(--xk-shell-gap)!important; width:100vw!important; max-width:100vw!important; height:calc(100vh - 102px)!important; min-height:0!important; padding:0 var(--xk-shell-pad-x) 10px!important; box-sizing:border-box!important; overflow:hidden!important; background:transparent!important; } body.ui-sidebar-v1 .function-sidebar{ width:var(--xk-sidebar-w)!important; min-width:var(--xk-sidebar-w)!important; max-width:var(--xk-sidebar-w)!important; padding:12px 10px 14px!important; border-radius:var(--xk-shell-radius)!important; background:rgba(255,255,255,.90)!important; border:1px solid rgba(255,255,255,.72)!important; box-shadow:0 18px 48px rgba(20,31,45,.075)!important; backdrop-filter:blur(9px)!important; -webkit-backdrop-filter:blur(9px)!important; } body.ui-sidebar-v1 .side-group{ margin:0 0 14px!important; padding:8px 8px 10px!important; border-radius:24px!important; background:rgba(255,255,255,.92)!important; border:1px solid rgba(255,255,255,.76)!important; box-shadow:0 8px 22px rgba(20,31,45,.035)!important; } body.ui-sidebar-v1 .side-group:last-child{margin-bottom:0!important;} body.ui-sidebar-v1 .side-group-title{ min-height:34px!important; padding:8px 10px!important; border-radius:14px!important; color:#536872!important; font-size:13px!important; font-weight:700!important; } body.ui-sidebar-v1 .side-menu-list{ gap:4px!important; padding:8px 6px 8px!important; } body.ui-sidebar-v1 .side-menu{ grid-template-columns:32px minmax(0,1fr)!important; min-height:40px!important; padding:8px 10px!important; gap:8px!important; border-radius:13px!important; } body.ui-sidebar-v1 .side-menu strong{ font-size:13px!important; font-weight:400!important; line-height:1.15!important; } body.ui-sidebar-v1 .side-menu .side-icon{ width:22px!important; height:22px!important; min-width:22px!important; border-radius:0!important; background:transparent!important; box-shadow:none!important; color:#5b9fa1!important; font-size:18px!important; } body.ui-sidebar-v1 .side-menu.active{ box-shadow:inset 4px 0 0 rgba(11,122,117,.68),0 8px 18px rgba(11,122,117,.055)!important; } body.ui-sidebar-v1 .worker-ledger-side-icon{ background:transparent!important; color:inherit!important; border-radius:0!important; box-shadow:none!important; filter:none!important; font-size:inherit!important; font-weight:inherit!important; } body.ui-sidebar-v1 .main-content{ padding:0!important; margin:0!important; background:transparent!important; border:0!important; box-shadow:none!important; overflow:hidden!important; } body.ui-sidebar-v1 .xk-right-shell-page.active{ padding:0!important; gap:0!important; background:transparent!important; border:0!important; box-shadow:none!important; border-radius:0!important; overflow:visible!important; } body.ui-sidebar-v1 .xk-right-shell-page.active > .xk-right-shell-body{ position:relative!important; display:flex!important; flex-direction:column!important; min-height:100%!important; height:100%!important; margin:0!important; padding:0!important; background:rgba(255,255,255,.91)!important; border:0!important; border-radius:var(--xk-shell-radius)!important; box-shadow: 0 18px 48px rgba(20,31,45,.075), inset 1px 0 0 rgba(11,122,117,.060), inset -1px 0 0 rgba(11,122,117,.050), inset 0 -1px 0 rgba(11,122,117,.055)!important; overflow:auto!important; clip-path:inset(0 round var(--xk-shell-radius))!important; -webkit-clip-path:inset(0 round var(--xk-shell-radius))!important; } body.ui-sidebar-v1 .xk-right-shell-page.active > .xk-right-shell-body::before{ content:""!important; position:absolute!important; inset:0!important; border-radius:inherit!important; pointer-events:none!important; box-shadow:inset 0 0 0 1px rgba(255,255,255,.14)!important; z-index:2!important; } body.ui-sidebar-v1 .xk-right-shell-page.active > .xk-right-shell-body > *{ position:relative!important; z-index:1!important; } body.ui-sidebar-v1 .xk-template-panel-head{ padding:20px 28px 13px!important; min-height:74px!important; margin:0!important; border-bottom:1px solid rgba(11,122,117,.075)!important; background:linear-gradient(180deg,rgba(255,255,255,.18),rgba(255,255,255,0))!important; box-shadow:none!important; align-items:flex-start!important; gap:0!important; } body.ui-sidebar-v1 .xk-template-panel-head h2, body.ui-sidebar-v1 #graphicQuotePage .xk-template-hero-head h2{ position:relative!important; margin:0!important; padding-left:18px!important; color:#102a2d!important; font-size:24px!important; line-height:32px!important; font-weight:800!important; letter-spacing:.2px!important; } body.ui-sidebar-v1 .xk-template-panel-head h2::before, body.ui-sidebar-v1 #graphicQuotePage .xk-template-hero-head h2::before, body.ui-sidebar-v1 .xk-template-page-title::before{ content:""!important; position:absolute!important; left:0!important; top:50%!important; width:6px!important; height:30px!important; border-radius:999px!important; transform:translateY(-50%)!important; background:linear-gradient(180deg,#0b7a75 0%,#0f8b83 46%,#d99a42 100%)!important; box-shadow:0 0 0 4px rgba(11,122,117,.05),0 8px 18px rgba(11,122,117,.10)!important; } body.ui-sidebar-v1 .xk-template-panel-head .muted, body.ui-sidebar-v1 #graphicQuotePage .xk-template-hero-head .muted{ margin:6px 0 0 18px!important; color:#637582!important; font-size:13px!important; line-height:1.45!important; font-weight:500!important; } body.ui-sidebar-v1 .xk-template-page-title{ position:relative!important; margin:0 0 18px!important; padding:20px 28px 13px 46px!important; min-height:74px!important; color:#102a2d!important; font-size:24px!important; line-height:32px!important; font-weight:800!important; letter-spacing:.2px!important; border-bottom:1px solid rgba(11,122,117,.075)!important; background:linear-gradient(180deg,rgba(255,255,255,.18),rgba(255,255,255,0))!important; } body.ui-sidebar-v1 #graphicQuotePage .xk-template-hero-head{ margin:0 0 14px!important; padding:20px 28px 18px!important; border-bottom:1px solid rgba(11,122,117,.075)!important; background:linear-gradient(180deg,rgba(255,255,255,.18),rgba(255,255,255,0))!important; } body.ui-sidebar-v1.home-tasks-active #tasksPage.page-view.active{ gap:12px!important; padding:0!important; background:transparent!important; } body.ui-sidebar-v1.home-tasks-active #tasksPage .home-dashboard-card, body.ui-sidebar-v1.home-tasks-active #tasksPage .task-panel{ margin:0!important; border:0!important; border-radius:var(--xk-shell-radius)!important; background:rgba(255,255,255,.91)!important; box-shadow: 0 18px 48px rgba(20,31,45,.075), inset 1px 0 0 rgba(11,122,117,.060), inset -1px 0 0 rgba(11,122,117,.050), inset 0 -1px 0 rgba(11,122,117,.055)!important; overflow:hidden!important; clip-path:inset(0 round var(--xk-shell-radius))!important; -webkit-clip-path:inset(0 round var(--xk-shell-radius))!important; } body.ui-sidebar-v1.home-tasks-active #tasksPage .legacy-title{ display:block!important; position:relative!important; height:auto!important; min-height:0!important; margin:12px 0 10px 16px!important; padding:0 0 0 12px!important; border-bottom:0!important; background:transparent!important; color:#102033!important; font-size:16px!important; font-weight:700!important; letter-spacing:0!important; line-height:normal!important; } body.ui-sidebar-v1.home-tasks-active #tasksPage .legacy-title::before{ content:""!important; position:absolute!important; left:0!important; top:3px!important; width:4px!important; height:18px!important; margin:0!important; border-radius:9px!important; background:linear-gradient(180deg,#0b7a75,#d18412)!important; box-shadow:none!important; transform:none!important; } body.ui-sidebar-v1.home-tasks-active #tasksPage .collapse-btn{ display:none!important; } /* V186: hide optional shortcuts at 1920px and below without changing dashboard spacing. */ @media (max-width:1920px){ body.ui-sidebar-v1.home-tasks-active #tasksPage [data-quick="software-extra1"], body.ui-sidebar-v1.home-tasks-active #tasksPage [data-quick="software-extra2"], body.ui-sidebar-v1.home-tasks-active #tasksPage [data-quick="software-extra3"]{ display:none!important; } } @media (max-width:1700px){ body.ui-sidebar-v1{ --xk-sidebar-w:188px; --xk-shell-gap:10px; --xk-shell-pad-x:8px; } body.ui-sidebar-v1 .side-group-title{font-size:13px!important;} body.ui-sidebar-v1 .side-menu strong{font-size:13px!important;} } /* V186: prevent the sidebar buttons from flashing browser/legacy black borders during reload. */ .function-sidebar .side-menu, .function-sidebar button.side-menu, .function-sidebar a.side-menu{ appearance:none!important; -webkit-appearance:none!important; border:1px solid transparent!important; outline:0!important; box-shadow:none; text-decoration:none!important; } .function-sidebar .side-menu:focus, .function-sidebar .side-menu:active{ outline:0!important; } .function-sidebar .side-menu:focus-visible{ outline:2px solid rgba(11,122,117,.22)!important; outline-offset:2px!important; } .function-sidebar .side-menu:not(.active){ background:transparent!important; } .function-sidebar .side-menu.active{ border-color:rgba(11,122,117,.12)!important; } /* V186: right-page master layout, shared by all sidebar pages except the home task center. */ body.ui-sidebar-v1{ --xk-page-title-h:92px; --xk-page-content-x:22px; --xk-page-content-gap:12px; --xk-page-title-size:20px; --xk-page-title-line:28px; --xk-page-title-bar-w:5px; --xk-page-title-bar-h:26px; } body.ui-sidebar-v1 .xk-right-shell-page.active > .xk-right-shell-body{ display:flex!important; flex-direction:column!important; gap:0!important; padding:0!important; background:rgba(255,255,255,.91)!important; overflow:hidden!important; } body.ui-sidebar-v1 .xk-right-shell-body > .xk-template-panel-head, body.ui-sidebar-v1 .xk-right-shell-body > .xk-template-page-title, body.ui-sidebar-v1 #graphicQuotePage .xk-right-shell-body > .xk-template-hero-head{ flex:0 0 var(--xk-page-title-h)!important; width:100%!important; min-height:var(--xk-page-title-h)!important; height:var(--xk-page-title-h)!important; margin:0!important; padding:24px 26px 14px!important; border:0!important; border-bottom:1px solid rgba(11,122,117,.075)!important; border-radius:0!important; background:linear-gradient(180deg,rgba(255,255,255,.28),rgba(255,255,255,0))!important; box-shadow:none!important; box-sizing:border-box!important; display:flex!important; align-items:flex-start!important; justify-content:space-between!important; gap:16px!important; } body.ui-sidebar-v1 .xk-right-shell-body > .xk-template-page-title{ display:block!important; } body.ui-sidebar-v1 .xk-right-shell-body > .xk-template-panel-head > div, body.ui-sidebar-v1 #graphicQuotePage .xk-right-shell-body > .xk-template-hero-head > div{ min-width:0!important; } body.ui-sidebar-v1 .xk-template-panel-head h2, body.ui-sidebar-v1 .xk-template-page-title, body.ui-sidebar-v1 #graphicQuotePage .xk-template-hero-head h2{ position:relative!important; margin:0!important; padding:0 0 0 18px!important; color:#102033!important; font-size:var(--xk-page-title-size)!important; line-height:var(--xk-page-title-line)!important; font-weight:800!important; letter-spacing:0!important; white-space:nowrap!important; } body.ui-sidebar-v1 .xk-template-panel-head h2::before, body.ui-sidebar-v1 .xk-template-page-title::before, body.ui-sidebar-v1 #graphicQuotePage .xk-template-hero-head h2::before{ content:""!important; position:absolute!important; left:0!important; top:50%!important; width:var(--xk-page-title-bar-w)!important; height:var(--xk-page-title-bar-h)!important; border-radius:999px!important; transform:translateY(-50%)!important; background:linear-gradient(180deg,#0b7a75 0%,#0f8b83 48%,#d99a42 100%)!important; box-shadow:0 0 0 4px rgba(11,122,117,.045),0 8px 16px rgba(11,122,117,.09)!important; } body.ui-sidebar-v1 .xk-template-panel-head .muted, body.ui-sidebar-v1 #graphicQuotePage .xk-template-hero-head .muted{ margin:5px 0 0 18px!important; color:#647481!important; font-size:12px!important; line-height:18px!important; font-weight:500!important; max-width:960px!important; } body.ui-sidebar-v1 .xk-template-panel-head .eyebrow, body.ui-sidebar-v1 #graphicQuotePage .xk-template-hero-head .eyebrow{ display:none!important; } body.ui-sidebar-v1 #graphicQuotePage .xk-template-hero-head .graphic-v110-total{ flex:0 0 auto!important; align-self:center!important; margin:0!important; } body.ui-sidebar-v1 .xk-right-shell-body > :not(.xk-template-panel-head):not(.xk-template-page-title):not(.xk-template-hero-head){ margin-left:var(--xk-page-content-x)!important; margin-right:var(--xk-page-content-x)!important; max-width:calc(100% - (var(--xk-page-content-x) * 2))!important; box-sizing:border-box!important; } body.ui-sidebar-v1 .xk-right-shell-body > .xk-template-panel-head + *, body.ui-sidebar-v1 .xk-right-shell-body > .xk-template-page-title + *, body.ui-sidebar-v1 #graphicQuotePage .xk-right-shell-body > .xk-template-hero-head + *{ margin-top:var(--xk-page-content-gap)!important; } body.ui-sidebar-v1 .xk-right-shell-body > :last-child{ margin-bottom:18px!important; } body.ui-sidebar-v1 .xk-right-shell-body .page-filter-bar, body.ui-sidebar-v1 .xk-right-shell-body .order-action-bar, body.ui-sidebar-v1 .xk-right-shell-body .product-search-row, body.ui-sidebar-v1 .xk-right-shell-body .inventory-tabbar, body.ui-sidebar-v1 .xk-right-shell-body .cashflow-filter, body.ui-sidebar-v1 .xk-right-shell-body .order-query-filter, body.ui-sidebar-v1 .xk-right-shell-body .worker-toolbar, body.ui-sidebar-v1 .xk-right-shell-body .invoice-toolbar, body.ui-sidebar-v1 .xk-right-shell-body .profile-form{ width:calc(100% - (var(--xk-page-content-x) * 2))!important; margin-left:var(--xk-page-content-x)!important; margin-right:var(--xk-page-content-x)!important; box-sizing:border-box!important; } body.ui-sidebar-v1 .xk-right-shell-body .table-wrap, body.ui-sidebar-v1 .xk-right-shell-body .data-table-wrap, body.ui-sidebar-v1 .xk-right-shell-body .legacy-table-wrap, body.ui-sidebar-v1 .xk-right-shell-body .report-table-wrap, body.ui-sidebar-v1 .xk-right-shell-body .graphic-table-scroll{ width:100%!important; max-width:100%!important; min-width:0!important; box-sizing:border-box!important; } body.ui-sidebar-v1 .xk-right-shell-body > .table-wrap, body.ui-sidebar-v1 .xk-right-shell-body > .data-table-wrap, body.ui-sidebar-v1 .xk-right-shell-body > .legacy-table-wrap, body.ui-sidebar-v1 .xk-right-shell-body > .report-table-wrap{ width:calc(100% - (var(--xk-page-content-x) * 2))!important; } body.ui-sidebar-v1 .xk-right-shell-body .data-table, body.ui-sidebar-v1 .xk-right-shell-body .legacy-table, body.ui-sidebar-v1 .xk-right-shell-body .graphic-quote-table, body.ui-sidebar-v1 .xk-right-shell-body .graphic-v110-table{ width:100%!important; border-collapse:collapse!important; } body.ui-sidebar-v1 .xk-right-shell-body .data-table thead th, body.ui-sidebar-v1 .xk-right-shell-body .legacy-table thead th, body.ui-sidebar-v1 .xk-right-shell-body .graphic-quote-table thead th, body.ui-sidebar-v1 .xk-right-shell-body .graphic-v110-table thead th{ height:34px!important; min-height:34px!important; padding:8px 10px!important; background:linear-gradient(180deg,#effaf8,#e6f5f2)!important; color:#2d4050!important; border-bottom:1px solid rgba(11,122,117,.12)!important; border-right:1px solid rgba(11,122,117,.065)!important; font-size:12px!important; line-height:18px!important; font-weight:700!important; text-align:center!important; vertical-align:middle!important; white-space:nowrap!important; letter-spacing:0!important; } body.ui-sidebar-v1 .xk-right-shell-body .data-table tbody td, body.ui-sidebar-v1 .xk-right-shell-body .legacy-table tbody td, body.ui-sidebar-v1 .xk-right-shell-body .graphic-quote-table tbody td, body.ui-sidebar-v1 .xk-right-shell-body .graphic-v110-table tbody td{ font-size:12px!important; line-height:20px!important; vertical-align:middle!important; } body.ui-sidebar-v1 .xk-right-shell-body .pager, body.ui-sidebar-v1 .xk-right-shell-body .pager-bar{ flex:0 0 auto!important; margin-left:var(--xk-page-content-x)!important; margin-right:var(--xk-page-content-x)!important; box-sizing:border-box!important; } /* V186: ID-level master override, stronger than older page-specific layout rules. */ body.ui-sidebar-v1 :is( #ordersPage,#inventoryPage,#customersPage,#orderRecyclePage,#quotePage,#graphicQuotePage, #productQuotePage,#todayOrdersPage,#orderQueryPage,#cashflowPage,#workerLedgerPage, #invoicePage,#unpaidStatusPage,#productManagePage,#graphicPricePage,#customerTypePage, #taskStatsPage,#deleteRecordsPage,#myFinishedTasksPage,#profilePage ).xk-right-shell-page > .xk-right-shell-body{ width:100%!important; max-width:100%!important; height:100%!important; min-height:0!important; padding:0!important; margin:0!important; overflow:hidden!important; box-sizing:border-box!important; } body.ui-sidebar-v1 :is( #ordersPage,#inventoryPage,#customersPage,#orderRecyclePage,#quotePage,#graphicQuotePage, #productQuotePage,#todayOrdersPage,#orderQueryPage,#cashflowPage,#workerLedgerPage, #invoicePage,#unpaidStatusPage,#productManagePage,#graphicPricePage,#customerTypePage, #taskStatsPage,#deleteRecordsPage,#myFinishedTasksPage,#profilePage ).xk-right-shell-page > .xk-right-shell-body > .xk-template-panel-head, body.ui-sidebar-v1 :is( #ordersPage,#inventoryPage,#customersPage,#orderRecyclePage,#quotePage,#graphicQuotePage, #productQuotePage,#todayOrdersPage,#orderQueryPage,#cashflowPage,#workerLedgerPage, #invoicePage,#unpaidStatusPage,#productManagePage,#graphicPricePage,#customerTypePage, #taskStatsPage,#deleteRecordsPage,#myFinishedTasksPage,#profilePage ).xk-right-shell-page > .xk-right-shell-body > .xk-template-page-title, body.ui-sidebar-v1 #graphicQuotePage.xk-right-shell-page > .xk-right-shell-body > .xk-template-hero-head{ flex:0 0 var(--xk-page-title-h)!important; width:100%!important; min-height:var(--xk-page-title-h)!important; height:var(--xk-page-title-h)!important; margin:0!important; padding:24px 26px 14px!important; border:0!important; border-bottom:1px solid rgba(11,122,117,.075)!important; border-radius:0!important; background:linear-gradient(180deg,rgba(255,255,255,.28),rgba(255,255,255,0))!important; box-shadow:none!important; box-sizing:border-box!important; align-items:flex-start!important; } body.ui-sidebar-v1 :is( #ordersPage,#inventoryPage,#customersPage,#orderRecyclePage,#quotePage,#graphicQuotePage, #productQuotePage,#todayOrdersPage,#orderQueryPage,#cashflowPage,#workerLedgerPage, #invoicePage,#unpaidStatusPage,#productManagePage,#graphicPricePage,#customerTypePage, #taskStatsPage,#deleteRecordsPage,#myFinishedTasksPage,#profilePage ) .xk-template-panel-head h2, body.ui-sidebar-v1 :is( #ordersPage,#inventoryPage,#customersPage,#orderRecyclePage,#quotePage,#graphicQuotePage, #productQuotePage,#todayOrdersPage,#orderQueryPage,#cashflowPage,#workerLedgerPage, #invoicePage,#unpaidStatusPage,#productManagePage,#graphicPricePage,#customerTypePage, #taskStatsPage,#deleteRecordsPage,#myFinishedTasksPage,#profilePage ) .xk-template-page-title, body.ui-sidebar-v1 #graphicQuotePage .xk-template-hero-head h2{ margin:0!important; padding:0 0 0 18px!important; color:#102033!important; font-size:var(--xk-page-title-size)!important; line-height:var(--xk-page-title-line)!important; font-weight:800!important; letter-spacing:0!important; } body.ui-sidebar-v1 :is( #ordersPage,#inventoryPage,#customersPage,#orderRecyclePage,#quotePage,#graphicQuotePage, #productQuotePage,#todayOrdersPage,#orderQueryPage,#cashflowPage,#workerLedgerPage, #invoicePage,#unpaidStatusPage,#productManagePage,#graphicPricePage,#customerTypePage, #taskStatsPage,#deleteRecordsPage,#myFinishedTasksPage,#profilePage ).xk-right-shell-page > .xk-right-shell-body > :not(.xk-template-panel-head):not(.xk-template-page-title):not(.xk-template-hero-head){ margin-left:var(--xk-page-content-x)!important; margin-right:var(--xk-page-content-x)!important; max-width:calc(100% - (var(--xk-page-content-x) * 2))!important; box-sizing:border-box!important; } body.ui-sidebar-v1 :is( #ordersPage,#inventoryPage,#customersPage,#orderRecyclePage,#quotePage,#graphicQuotePage, #productQuotePage,#todayOrdersPage,#orderQueryPage,#cashflowPage,#workerLedgerPage, #invoicePage,#unpaidStatusPage,#productManagePage,#graphicPricePage,#customerTypePage, #taskStatsPage,#deleteRecordsPage,#myFinishedTasksPage,#profilePage ) .page-filter-bar, body.ui-sidebar-v1 :is( #ordersPage,#inventoryPage,#customersPage,#orderRecyclePage,#quotePage,#graphicQuotePage, #productQuotePage,#todayOrdersPage,#orderQueryPage,#cashflowPage,#workerLedgerPage, #invoicePage,#unpaidStatusPage,#productManagePage,#graphicPricePage,#customerTypePage, #taskStatsPage,#deleteRecordsPage,#myFinishedTasksPage,#profilePage ) .order-action-bar, body.ui-sidebar-v1 :is( #ordersPage,#inventoryPage,#customersPage,#orderRecyclePage,#quotePage,#graphicQuotePage, #productQuotePage,#todayOrdersPage,#orderQueryPage,#cashflowPage,#workerLedgerPage, #invoicePage,#unpaidStatusPage,#productManagePage,#graphicPricePage,#customerTypePage, #taskStatsPage,#deleteRecordsPage,#myFinishedTasksPage,#profilePage ) .product-search-row{ margin-left:var(--xk-page-content-x)!important; margin-right:var(--xk-page-content-x)!important; width:calc(100% - (var(--xk-page-content-x) * 2))!important; max-width:calc(100% - (var(--xk-page-content-x) * 2))!important; box-sizing:border-box!important; } body.ui-sidebar-v1 :is( #ordersPage,#inventoryPage,#customersPage,#orderRecyclePage,#quotePage,#graphicQuotePage, #productQuotePage,#todayOrdersPage,#orderQueryPage,#cashflowPage,#workerLedgerPage, #invoicePage,#unpaidStatusPage,#productManagePage,#graphicPricePage,#customerTypePage, #taskStatsPage,#deleteRecordsPage,#myFinishedTasksPage,#profilePage ) .search-input{ margin-left:0!important; } body.ui-sidebar-v1 :is( #ordersPage,#inventoryPage,#customersPage,#orderRecyclePage,#quotePage,#graphicQuotePage, #productQuotePage,#todayOrdersPage,#orderQueryPage,#cashflowPage,#workerLedgerPage, #invoicePage,#unpaidStatusPage,#productManagePage,#graphicPricePage,#customerTypePage, #taskStatsPage,#deleteRecordsPage,#myFinishedTasksPage,#profilePage ) .data-table thead th, body.ui-sidebar-v1 :is( #ordersPage,#inventoryPage,#customersPage,#orderRecyclePage,#quotePage,#graphicQuotePage, #productQuotePage,#todayOrdersPage,#orderQueryPage,#cashflowPage,#workerLedgerPage, #invoicePage,#unpaidStatusPage,#productManagePage,#graphicPricePage,#customerTypePage, #taskStatsPage,#deleteRecordsPage,#myFinishedTasksPage,#profilePage ) .legacy-table thead th, body.ui-sidebar-v1 #graphicQuotePage .graphic-quote-table thead th, body.ui-sidebar-v1 #graphicQuotePage .graphic-v110-table thead th{ height:34px!important; min-height:34px!important; padding:8px 10px!important; background:linear-gradient(180deg,#effaf8,#e6f5f2)!important; color:#2d4050!important; font-size:12px!important; line-height:18px!important; font-weight:700!important; text-align:center!important; vertical-align:middle!important; white-space:nowrap!important; } /* V186: keep the product quote table header on the shared right-page master. */ body.ui-sidebar-v1 #quotePage.xk-right-shell-page > .xk-right-shell-body.quote-system-page .table-card table thead th, body.ui-sidebar-v1 #quotePage.xk-right-shell-page > .xk-right-shell-body.quote-system-page .table-card .data-table thead th{ height:34px!important; min-height:34px!important; padding:8px 10px!important; background:linear-gradient(180deg,#effaf8,#e6f5f2)!important; color:#2d4050!important; border-bottom:1px solid rgba(11,122,117,.12)!important; border-right:1px solid rgba(11,122,117,.065)!important; font-size:12px!important; line-height:18px!important; font-weight:700!important; text-align:center!important; vertical-align:middle!important; white-space:nowrap!important; letter-spacing:0!important; } /* V186: pages whose title is a direct H2 get the same visual title rail as panel-head pages. */ body.ui-sidebar-v1 :is( #ordersPage,#inventoryPage,#customersPage,#orderRecyclePage,#quotePage,#productQuotePage, #todayOrdersPage,#orderQueryPage,#cashflowPage,#workerLedgerPage,#invoicePage, #unpaidStatusPage,#productManagePage,#graphicPricePage,#customerTypePage, #taskStatsPage,#deleteRecordsPage,#myFinishedTasksPage,#profilePage ).xk-right-shell-page > .xk-right-shell-body > h2.xk-template-page-title{ position:relative!important; display:block!important; flex:0 0 var(--xk-page-title-h)!important; width:100%!important; min-height:var(--xk-page-title-h)!important; height:var(--xk-page-title-h)!important; margin:0!important; padding:24px 26px 14px 44px!important; border:0!important; border-bottom:1px solid rgba(11,122,117,.075)!important; border-radius:0!important; background:linear-gradient(180deg,rgba(255,255,255,.28),rgba(255,255,255,0))!important; box-shadow:none!important; box-sizing:border-box!important; color:#102033!important; font-size:var(--xk-page-title-size)!important; line-height:var(--xk-page-title-line)!important; font-weight:800!important; letter-spacing:0!important; white-space:nowrap!important; } body.ui-sidebar-v1 :is( #ordersPage,#inventoryPage,#customersPage,#orderRecyclePage,#quotePage,#productQuotePage, #todayOrdersPage,#orderQueryPage,#cashflowPage,#workerLedgerPage,#invoicePage, #unpaidStatusPage,#productManagePage,#graphicPricePage,#customerTypePage, #taskStatsPage,#deleteRecordsPage,#myFinishedTasksPage,#profilePage ).xk-right-shell-page > .xk-right-shell-body > h2.xk-template-page-title::before{ left:26px!important; top:36px!important; } /* V186: generated master heads keep the same subtitle rhythm as older panel-head pages. */ body.ui-sidebar-v1 .xk-template-generated-head .muted{ margin:5px 0 0 18px!important; color:#647481!important; font-size:12px!important; line-height:18px!important; font-weight:500!important; max-width:960px!important; } /* V186: graphic quote page is pulled back into the same rounded right-side frame. */ body.ui-sidebar-v1 #graphicQuotePage.xk-right-shell-page > .xk-right-shell-body.graphic-quote-page{ height:100%!important; min-height:0!important; border-radius:24px!important; background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(248,252,251,.94))!important; overflow:hidden!important; } body.ui-sidebar-v1 #graphicQuotePage .graphic-v110-card, body.ui-sidebar-v1 #graphicQuotePage .graphic-v110-basic, body.ui-sidebar-v1 #graphicQuotePage .graphic-v110-upload-card, body.ui-sidebar-v1 #graphicQuotePage .graphic-v110-quick-card, body.ui-sidebar-v1 #graphicQuotePage .graphic-v110-table-card, body.ui-sidebar-v1 #graphicQuotePage .graphic-v110-bottom .graphic-v110-card{ background:rgba(255,255,255,.92)!important; border:1px solid rgba(11,122,117,.12)!important; border-radius:16px!important; box-shadow:0 10px 26px rgba(15,54,66,.055)!important; } body.ui-sidebar-v1 #graphicQuotePage .graphic-v110-table-card{ overflow:hidden!important; } body.ui-sidebar-v1 #graphicQuotePage .graphic-v110-table-scroll{ border:1px solid rgba(11,122,117,.10)!important; border-radius:14px!important; background:#fff!important; } body.ui-sidebar-v1 #graphicQuotePage .graphic-v110-table{ border-collapse:collapse!important; } body.ui-sidebar-v1 #graphicQuotePage .graphic-v110-table tbody td{ background:#fff!important; } body.ui-sidebar-v1 #graphicQuotePage .graphic-v110-footer-actions{ position:static!important; flex:0 0 auto!important; width:calc(100% - (var(--xk-page-content-x) * 2))!important; max-width:calc(100% - (var(--xk-page-content-x) * 2))!important; margin:10px var(--xk-page-content-x) 18px!important; padding:10px 12px!important; justify-content:flex-end!important; border:1px solid rgba(11,122,117,.10)!important; border-radius:16px!important; background:rgba(255,255,255,.82)!important; box-shadow:0 10px 26px rgba(15,54,66,.045)!important; box-sizing:border-box!important; } body.ui-sidebar-v1 #graphicQuotePage .graphic-v110-footer-actions button{ height:34px!important; min-height:34px!important; border-radius:10px!important; font-size:13px!important; font-weight:800!important; padding:0 14px!important; } /* V186: invoice toolbar uses the same grouped-button language as order management. */ body.ui-sidebar-v1 #invoicePage .invoice-toolbar.grouped-toolbar{ flex:0 0 auto!important; width:calc(100% - (var(--xk-page-content-x) * 2))!important; max-width:calc(100% - (var(--xk-page-content-x) * 2))!important; margin:var(--xk-page-content-gap) var(--xk-page-content-x) 10px!important; padding:10px 12px!important; display:flex!important; flex-wrap:wrap!important; align-items:center!important; gap:12px!important; border-radius:16px!important; border:1px solid rgba(5,111,103,.08)!important; background:rgba(255,255,255,.64)!important; box-shadow:inset 0 0 0 1px rgba(5,111,103,.08)!important; box-sizing:border-box!important; } body.ui-sidebar-v1 #invoicePage .invoice-toolbar.grouped-toolbar .toolbar-group{ display:flex!important; flex-wrap:wrap!important; align-items:center!important; gap:8px!important; padding:7px!important; border-radius:14px!important; border:1px solid transparent!important; } body.ui-sidebar-v1 #invoicePage .invoice-toolbar.grouped-toolbar .toolbar-group.green{ background:rgba(13,148,136,.08)!important; border-color:rgba(13,148,136,.18)!important; } body.ui-sidebar-v1 #invoicePage .invoice-toolbar.grouped-toolbar .toolbar-group.purple{ background:rgba(79,70,229,.07)!important; border-color:rgba(79,70,229,.16)!important; } body.ui-sidebar-v1 #invoicePage .invoice-toolbar.grouped-toolbar .toolbar-group.orange{ background:rgba(217,119,6,.09)!important; border-color:rgba(217,119,6,.20)!important; } body.ui-sidebar-v1 #invoicePage .invoice-toolbar.grouped-toolbar .ghost-btn.small{ height:34px!important; min-height:34px!important; min-width:0!important; padding:0 12px!important; border-radius:10px!important; font-size:13px!important; line-height:18px!important; font-weight:700!important; box-shadow:none!important; transition:background .18s ease,border-color .18s ease,color .18s ease,transform .18s ease,box-shadow .18s ease!important; } body.ui-sidebar-v1 #invoicePage .invoice-toolbar.grouped-toolbar .toolbar-group.green .ghost-btn.small{ color:#075f5a!important; background:rgba(255,255,255,.86)!important; border-color:rgba(13,148,136,.25)!important; } body.ui-sidebar-v1 #invoicePage .invoice-toolbar.grouped-toolbar .toolbar-group.purple .ghost-btn.small{ color:#3730a3!important; background:rgba(255,255,255,.88)!important; border-color:rgba(79,70,229,.22)!important; } body.ui-sidebar-v1 #invoicePage .invoice-toolbar.grouped-toolbar .toolbar-group.orange .ghost-btn.small{ color:#9a4d00!important; background:rgba(255,255,255,.88)!important; border-color:rgba(217,119,6,.26)!important; } body.ui-sidebar-v1 #invoicePage .invoice-toolbar.grouped-toolbar .toolbar-group.green .ghost-btn.small:hover{ background:#e8f7f4!important; border-color:rgba(13,148,136,.42)!important; } body.ui-sidebar-v1 #invoicePage .invoice-toolbar.grouped-toolbar .toolbar-group.purple .ghost-btn.small:hover{ background:#eef2ff!important; border-color:rgba(79,70,229,.38)!important; } body.ui-sidebar-v1 #invoicePage .invoice-toolbar.grouped-toolbar .toolbar-group.orange .ghost-btn.small:hover{ background:#fff7ed!important; border-color:rgba(217,119,6,.44)!important; } body.ui-sidebar-v1 #invoicePage .invoice-toolbar.grouped-toolbar .ghost-btn.small:hover{ transform:translateY(-1px)!important; box-shadow:0 8px 20px rgba(13,129,122,.12)!important; } /* V186: force the graphic quote page bottom edge to be clipped by the outer frame, not by inner bars. */ body.ui-sidebar-v1 #graphicQuotePage.xk-right-shell-page{ border-radius:24px!important; overflow:hidden!important; background:#fff!important; clip-path:inset(0 round 24px)!important; } body.ui-sidebar-v1 #graphicQuotePage.xk-right-shell-page > .xk-right-shell-body.graphic-quote-page{ display:flex!important; flex-direction:column!important; background:#fff!important; border-radius:24px!important; overflow:hidden!important; clip-path:inset(0 round 24px)!important; } body.ui-sidebar-v1 #graphicQuotePage.xk-right-shell-page > .xk-right-shell-body.graphic-quote-page::after{ content:""!important; display:block!important; flex:0 0 0!important; height:0!important; } body.ui-sidebar-v1 #graphicQuotePage .graphic-v110-bottom{ margin-bottom:10px!important; } body.ui-sidebar-v1 #graphicQuotePage .graphic-v110-footer-actions{ margin:0 var(--xk-page-content-x) 18px!important; border:0!important; border-radius:0!important; background:transparent!important; box-shadow:none!important; padding:8px 0 0!important; } /* V186: compact product quote page so the table is the primary working area. */ body.ui-sidebar-v1 #quotePage .quote-system-page.quote-compact-layout-v186{ overflow:hidden!important; } body.ui-sidebar-v1 #quotePage .quote-system-page.quote-compact-layout-v186 .quote-system-scroll{ flex:1 1 auto!important; min-height:0!important; display:flex!important; flex-direction:column!important; gap:10px!important; overflow:hidden!important; } body.ui-sidebar-v1 #quotePage .quote-system-page.quote-compact-layout-v186 .quote-table-title-hidden-v186{ display:none!important; } body.ui-sidebar-v1 #quotePage .quote-system-page.quote-compact-layout-v186 .workspace-grid{ flex:0 0 174px!important; min-height:0!important; max-height:174px!important; display:grid!important; grid-template-columns:minmax(0,1fr) 300px!important; gap:12px!important; margin:10px var(--xk-page-content-x) 0!important; width:calc(100% - (var(--xk-page-content-x) * 2))!important; max-width:calc(100% - (var(--xk-page-content-x) * 2))!important; } body.ui-sidebar-v1 #quotePage .quote-system-page.quote-compact-layout-v186 .workspace-grid > .quote-card{ min-height:0!important; max-height:174px!important; } body.ui-sidebar-v1 #quotePage .quote-system-page.quote-compact-layout-v186 .upload-card{ display:grid!important; grid-template-rows:auto minmax(0,1fr)!important; padding:12px!important; border-radius:14px!important; overflow:hidden!important; } body.ui-sidebar-v1 #quotePage .quote-system-page.quote-compact-layout-v186 .upload-card > .panel-head{ min-height:26px!important; margin:0 0 8px!important; padding:0!important; } body.ui-sidebar-v1 #quotePage .quote-system-page.quote-compact-layout-v186 .upload-card .eyebrow, body.ui-sidebar-v1 #quotePage .quote-system-page.quote-compact-layout-v186 .summary-card .eyebrow{ display:none!important; } body.ui-sidebar-v1 #quotePage .quote-system-page.quote-compact-layout-v186 .upload-card h3{ font-size:14px!important; line-height:20px!important; margin:0!important; } body.ui-sidebar-v1 #quotePage .quote-system-page.quote-compact-layout-v186 .drop-zone{ min-height:0!important; height:112px!important; padding:10px 14px!important; gap:5px!important; border-radius:12px!important; } body.ui-sidebar-v1 #quotePage .quote-system-page.quote-compact-layout-v186 .drop-icon{ width:44px!important; height:44px!important; min-width:44px!important; font-size:26px!important; } body.ui-sidebar-v1 #quotePage .quote-system-page.quote-compact-layout-v186 .upload-card .ghost-btn, body.ui-sidebar-v1 #quotePage .quote-system-page.quote-compact-layout-v186 .file-button{ height:30px!important; min-height:30px!important; padding:0 12px!important; border-radius:9px!important; font-size:12px!important; } body.ui-sidebar-v1 #quotePage .quote-system-page.quote-compact-layout-v186 .summary-card{ display:grid!important; grid-template-rows:auto auto auto auto!important; gap:7px!important; padding:12px 14px!important; border-radius:14px!important; min-height:0!important; overflow:hidden!important; } body.ui-sidebar-v1 #quotePage .quote-system-page.quote-compact-layout-v186 .summary-total{ font-size:34px!important; line-height:38px!important; margin:0!important; } body.ui-sidebar-v1 #quotePage .quote-system-page.quote-compact-layout-v186 .summary-lines{ gap:4px!important; } body.ui-sidebar-v1 #quotePage .quote-system-page.quote-compact-layout-v186 .summary-lines div{ padding-bottom:4px!important; font-size:12px!important; } body.ui-sidebar-v1 #quotePage .quote-system-page.quote-compact-layout-v186 .draft-actions, body.ui-sidebar-v1 #quotePage .quote-system-page.quote-compact-layout-v186 .export-actions{ gap:6px!important; margin-top:0!important; } body.ui-sidebar-v1 #quotePage .quote-system-page.quote-compact-layout-v186 .summary-card button, body.ui-sidebar-v1 #quotePage .quote-system-page.quote-compact-layout-v186 .summary-card select{ height:30px!important; min-height:30px!important; border-radius:9px!important; font-size:12px!important; padding:0 10px!important; } body.ui-sidebar-v1 #quotePage .quote-system-page.quote-compact-layout-v186 .quote-compact-table-card-v186{ flex:1 1 auto!important; min-height:0!important; display:flex!important; flex-direction:column!important; margin:0 var(--xk-page-content-x) 18px!important; width:calc(100% - (var(--xk-page-content-x) * 2))!important; max-width:calc(100% - (var(--xk-page-content-x) * 2))!important; border-radius:16px!important; overflow:hidden!important; } body.ui-sidebar-v1 #quotePage .quote-system-page.quote-compact-layout-v186 .quote-compact-table-card-v186 > .panel-head{ flex:0 0 auto!important; display:grid!important; grid-template-columns:minmax(460px,1fr) auto!important; gap:10px!important; align-items:end!important; padding:10px 12px!important; margin:0!important; border-bottom:1px solid rgba(11,122,117,.10)!important; } body.ui-sidebar-v1 #quotePage .quote-system-page.quote-compact-layout-v186 .quote-info-in-table-head-v186{ width:100%!important; max-width:100%!important; min-width:0!important; margin:0!important; padding:0!important; display:grid!important; grid-template-columns:minmax(210px,1.25fr) minmax(126px,.75fr) minmax(142px,.8fr) auto auto auto minmax(118px,.55fr)!important; gap:8px!important; align-items:end!important; border:0!important; border-radius:0!important; background:transparent!important; box-shadow:none!important; overflow:visible!important; } body.ui-sidebar-v1 #quotePage .quote-system-page.quote-compact-layout-v186 .quote-info-in-table-head-v186 label{ min-width:0!important; gap:4px!important; font-size:12px!important; line-height:16px!important; } body.ui-sidebar-v1 #quotePage .quote-system-page.quote-compact-layout-v186 #customerOptions.quote-customer-suggest{ position:absolute!important; } body.ui-sidebar-v1 #quotePage .quote-system-page.quote-compact-layout-v186 .quote-info-in-table-head-v186 .discount-field{ min-width:0!important; justify-self:stretch!important; } body.ui-sidebar-v1 #quotePage .quote-system-page.quote-compact-layout-v186 .quote-info-in-table-head-v186 .discount-control{ grid-template-columns:minmax(0,1fr) auto!important; } body.ui-sidebar-v1 #quotePage .quote-system-page.quote-compact-layout-v186 .quote-info-in-table-head-v186 #discountRate{ width:100%!important; min-width:0!important; max-width:none!important; } body.ui-sidebar-v1 #quotePage .quote-system-page.quote-compact-layout-v186 .table-tools{ justify-content:flex-end!important; gap:8px!important; } body.ui-sidebar-v1 #quotePage .quote-system-page.quote-compact-layout-v186 .batch-bar{ flex:0 0 auto!important; padding:8px 12px!important; } body.ui-sidebar-v1 #quotePage .quote-system-page.quote-compact-layout-v186 .table-wrap{ flex:1 1 auto!important; min-height:0!important; overflow:auto!important; } body.ui-sidebar-v1 #quotePage .quote-system-page.quote-compact-layout-v186 .table-card tbody td{ height:44px!important; min-height:44px!important; padding-top:5px!important; padding-bottom:5px!important; } @media (max-width:1500px){ body.ui-sidebar-v1 #quotePage .quote-system-page.quote-compact-layout-v186 .workspace-grid{ grid-template-columns:1fr!important; max-height:220px!important; flex-basis:220px!important; } body.ui-sidebar-v1 #quotePage .quote-system-page.quote-compact-layout-v186 .workspace-grid > .quote-card{ max-height:none!important; } body.ui-sidebar-v1 #quotePage .quote-system-page.quote-compact-layout-v186 .drop-zone{ height:84px!important; } body.ui-sidebar-v1 #quotePage .quote-system-page.quote-compact-layout-v186 .quote-compact-table-card-v186 > .panel-head{ grid-template-columns:1fr!important; } body.ui-sidebar-v1 #quotePage .quote-system-page.quote-compact-layout-v186 .quote-compact-table-card-v186{ flex:0 0 390px!important; min-height:390px!important; } body.ui-sidebar-v1 #quotePage .quote-system-page.quote-compact-layout-v186 .table-wrap{ min-height:150px!important; } } /* V191: 产品报价页界面整理。只调整 quotePage 布局和视觉，不改任何业务控件/事件。 */ body.ui-sidebar-v1 #quotePage .quote-system-page.quote-compact-layout-v186{ display:flex!important; flex-direction:column!important; overflow:hidden!important; } body.ui-sidebar-v1 #quotePage .quote-system-page.quote-compact-layout-v186 .quote-system-scroll{ flex:1 1 auto!important; min-height:0!important; display:grid!important; grid-template-rows:auto minmax(0,1fr)!important; gap:12px!important; padding:0!important; overflow:hidden!important; } body.ui-sidebar-v1 #quotePage .quote-system-page.quote-compact-layout-v186 .workspace-grid{ flex:none!important; height:178px!important; min-height:178px!important; max-height:178px!important; display:grid!important; grid-template-columns:minmax(0,1fr) 292px!important; gap:12px!important; margin:8px var(--xk-page-content-x) 0!important; width:calc(100% - (var(--xk-page-content-x) * 2))!important; max-width:calc(100% - (var(--xk-page-content-x) * 2))!important; align-items:stretch!important; position:relative!important; z-index:4!important; } body.ui-sidebar-v1 #quotePage .quote-system-page.quote-compact-layout-v186 .workspace-grid > .quote-card{ min-height:0!important; height:178px!important; max-height:178px!important; margin:0!important; border:1px solid rgba(11,122,117,.08)!important; background:linear-gradient(180deg,#fff 0%,#fbfefd 100%)!important; box-shadow:0 8px 24px rgba(15,23,42,.045)!important; } body.ui-sidebar-v1 #quotePage .quote-system-page.quote-compact-layout-v186 .upload-card{ display:grid!important; grid-template-rows:28px minmax(0,1fr)!important; gap:8px!important; padding:12px!important; border-radius:14px!important; overflow:hidden!important; } body.ui-sidebar-v1 #quotePage .quote-system-page.quote-compact-layout-v186 .upload-card > .panel-head{ min-height:28px!important; height:28px!important; margin:0!important; padding:0!important; display:flex!important; align-items:center!important; justify-content:space-between!important; } body.ui-sidebar-v1 #quotePage .quote-system-page.quote-compact-layout-v186 .upload-card h3{ font-size:14px!important; line-height:20px!important; color:#102033!important; margin:0!important; font-weight:900!important; } body.ui-sidebar-v1 #quotePage .quote-system-page.quote-compact-layout-v186 .upload-card .ghost-btn{ height:28px!important; min-height:28px!important; padding:0 10px!important; border-radius:8px!important; font-size:12px!important; } body.ui-sidebar-v1 #quotePage .quote-system-page.quote-compact-layout-v186 .drop-zone{ min-height:0!important; height:118px!important; padding:10px 14px!important; gap:5px!important; border-radius:12px!important; border:1.5px dashed rgba(11,122,117,.30)!important; background:linear-gradient(180deg,rgba(250,254,253,.96),rgba(244,251,250,.88))!important; box-shadow:inset 0 1px 0 rgba(255,255,255,.88)!important; } body.ui-sidebar-v1 #quotePage .quote-system-page.quote-compact-layout-v186 .drop-icon{ width:38px!important; height:38px!important; min-width:38px!important; font-size:24px!important; box-shadow:0 8px 18px rgba(11,122,117,.12)!important; } body.ui-sidebar-v1 #quotePage .quote-system-page.quote-compact-layout-v186 .drop-zone strong{ font-size:13px!important; line-height:18px!important; } body.ui-sidebar-v1 #quotePage .quote-system-page.quote-compact-layout-v186 .file-button{ height:28px!important; min-height:28px!important; padding:0 12px!important; border-radius:8px!important; font-size:12px!important; } body.ui-sidebar-v1 #quotePage .quote-system-page.quote-compact-layout-v186 .summary-card{ height:178px!important; max-height:178px!important; min-width:0!important; width:100%!important; display:grid!important; grid-template-rows:auto auto auto auto!important; gap:4px!important; padding:12px!important; border-radius:14px!important; overflow:hidden!important; } body.ui-sidebar-v1 #quotePage .quote-system-page.quote-compact-layout-v186 .summary-total{ font-size:28px!important; line-height:30px!important; margin:0!important; letter-spacing:-.02em!important; } body.ui-sidebar-v1 #quotePage .quote-system-page.quote-compact-layout-v186 .summary-lines{ display:grid!important; gap:2px!important; } body.ui-sidebar-v1 #quotePage .quote-system-page.quote-compact-layout-v186 .summary-lines div{ padding:1px 0!important; font-size:11px!important; line-height:14px!important; } body.ui-sidebar-v1 #quotePage .quote-system-page.quote-compact-layout-v186 .draft-actions{ display:grid!important; grid-template-columns:1fr auto auto!important; gap:6px!important; margin:0!important; width:100%!important; } body.ui-sidebar-v1 #quotePage .quote-system-page.quote-compact-layout-v186 .export-actions{ display:grid!important; grid-template-columns:1fr 1fr!important; gap:6px!important; margin:0!important; width:100%!important; } body.ui-sidebar-v1 #quotePage .quote-system-page.quote-compact-layout-v186 .summary-card button, body.ui-sidebar-v1 #quotePage .quote-system-page.quote-compact-layout-v186 .summary-card select{ height:28px!important; min-height:28px!important; border-radius:8px!important; font-size:12px!important; padding:0 9px!important; } body.ui-sidebar-v1 #quotePage .quote-system-page.quote-compact-layout-v186 .quote-compact-table-card-v186{ flex:none!important; min-height:0!important; display:grid!important; grid-template-rows:auto auto minmax(0,1fr)!important; margin:0 var(--xk-page-content-x) 18px!important; width:calc(100% - (var(--xk-page-content-x) * 2))!important; max-width:calc(100% - (var(--xk-page-content-x) * 2))!important; border-radius:16px!important; overflow:hidden!important; border:1px solid rgba(11,122,117,.08)!important; background:#fff!important; box-shadow:0 10px 30px rgba(15,23,42,.05)!important; } body.ui-sidebar-v1 #quotePage .quote-system-page.quote-compact-layout-v186 .quote-compact-table-card-v186 > .panel-head{ min-height:0!important; display:grid!important; grid-template-columns:minmax(0,1fr)!important; gap:8px!important; align-items:stretch!important; padding:10px 12px 8px!important; margin:0!important; background:linear-gradient(180deg,#fff 0%,#fbfefd 100%)!important; border-bottom:1px solid rgba(11,122,117,.08)!important; } body.ui-sidebar-v1 #quotePage .quote-system-page.quote-compact-layout-v186 .quote-info-in-table-head-v186{ width:100%!important; display:grid!important; grid-template-columns:minmax(150px,.85fr) minmax(150px,.95fr) minmax(170px,1fr) auto auto auto minmax(118px,.45fr)!important; gap:8px!important; align-items:end!important; margin:0!important; padding:0!important; overflow:visible!important; } body.ui-sidebar-v1 #quotePage .quote-system-page.quote-compact-layout-v186 .quote-info-in-table-head-v186 label{ min-width:0!important; display:grid!important; gap:4px!important; font-size:12px!important; line-height:16px!important; color:#4b6470!important; font-weight:800!important; } body.ui-sidebar-v1 #quotePage .quote-system-page.quote-compact-layout-v186 .quote-info-in-table-head-v186 input, body.ui-sidebar-v1 #quotePage .quote-system-page.quote-compact-layout-v186 .quote-info-in-table-head-v186 select, body.ui-sidebar-v1 #quotePage .quote-system-page.quote-compact-layout-v186 .quote-info-in-table-head-v186 button{ height:32px!important; min-height:32px!important; border-radius:9px!important; font-size:12px!important; } body.ui-sidebar-v1 #quotePage .quote-system-page.quote-compact-layout-v186 .quote-info-in-table-head-v186 .input-with-btn{ display:grid!important; grid-template-columns:minmax(0,1fr) 34px!important; gap:6px!important; } body.ui-sidebar-v1 #quotePage .quote-system-page.quote-compact-layout-v186 .quote-info-in-table-head-v186 .discount-field{ justify-self:stretch!important; min-width:0!important; } body.ui-sidebar-v1 #quotePage .quote-system-page.quote-compact-layout-v186 .table-tools{ width:100%!important; min-width:0!important; justify-content:flex-end!important; align-items:center!important; gap:8px!important; padding:8px!important; border-radius:12px!important; background:rgba(239,250,248,.72)!important; border:1px solid rgba(11,122,117,.07)!important; } body.ui-sidebar-v1 #quotePage .quote-system-page.quote-compact-layout-v186 .table-tools .linked-selects{ flex:1 1 auto!important; min-width:0!important; display:flex!important; align-items:center!important; gap:8px!important; } body.ui-sidebar-v1 #quotePage .quote-system-page.quote-compact-layout-v186 .table-tools select, body.ui-sidebar-v1 #quotePage .quote-system-page.quote-compact-layout-v186 .table-tools input, body.ui-sidebar-v1 #quotePage .quote-system-page.quote-compact-layout-v186 .table-tools button{ height:32px!important; min-height:32px!important; border-radius:9px!important; font-size:12px!important; } body.ui-sidebar-v1 #quotePage .quote-system-page.quote-compact-layout-v186 .table-tools .quote-product-search-wrap{ flex:1 1 180px!important; min-width:150px!important; } body.ui-sidebar-v1 #quotePage .quote-system-page.quote-compact-layout-v186 .manual-count{ width:54px!important; min-width:54px!important; } body.ui-sidebar-v1 #quotePage .quote-system-page.quote-compact-layout-v186 .batch-bar{ flex:none!important; display:flex!important; align-items:center!important; gap:8px!important; padding:8px 12px!important; background:#f7fcfb!important; border-bottom:1px solid rgba(11,122,117,.08)!important; overflow-x:auto!important; overflow-y:hidden!important; white-space:nowrap!important; } body.ui-sidebar-v1 #quotePage .quote-system-page.quote-compact-layout-v186 .batch-bar > *{ flex:0 0 auto!important; } body.ui-sidebar-v1 #quotePage .quote-system-page.quote-compact-layout-v186 .batch-bar select, body.ui-sidebar-v1 #quotePage .quote-system-page.quote-compact-layout-v186 .batch-bar input, body.ui-sidebar-v1 #quotePage .quote-system-page.quote-compact-layout-v186 .batch-bar button{ height:32px!important; min-height:32px!important; border-radius:9px!important; font-size:12px!important; } body.ui-sidebar-v1 #quotePage .quote-system-page.quote-compact-layout-v186 .batch-bar .quote-product-search-wrap{ width:160px!important; } body.ui-sidebar-v1 #quotePage .quote-system-page.quote-compact-layout-v186 .batch-bar .ghost-btn, body.ui-sidebar-v1 #quotePage .quote-system-page.quote-compact-layout-v186 .batch-bar .danger-btn{ padding:0 12px!important; } body.ui-sidebar-v1 #quotePage .quote-system-page.quote-compact-layout-v186 .table-wrap{ min-height:0!important; height:100%!important; overflow:auto!important; background:#fff!important; } body.ui-sidebar-v1 #quotePage .quote-system-page.quote-compact-layout-v186 .table-card table{ min-width:1600px!important; } body.ui-sidebar-v1 #quotePage .quote-system-page.quote-compact-layout-v186 .table-card thead th{ height:34px!important; padding:8px 6px!important; background:#e9f8f6!important; border-bottom:1px solid rgba(11,122,117,.08)!important; color:#36515c!important; font-size:12px!important; font-weight:900!important; white-space:nowrap!important; } body.ui-sidebar-v1 #quotePage .quote-system-page.quote-compact-layout-v186 .table-card tbody td{ height:46px!important; min-height:46px!important; padding:6px!important; } body.ui-sidebar-v1 #quotePage .quote-system-page.quote-compact-layout-v186 .table-card .empty-row td{ height:120px!important; color:#8a9aa5!important; background:#fff!important; font-weight:700!important; } @media (max-width:1500px){ body.ui-sidebar-v1 #quotePage .quote-system-page.quote-compact-layout-v186 .quote-system-scroll{ overflow:auto!important; } body.ui-sidebar-v1 #quotePage .quote-system-page.quote-compact-layout-v186 .workspace-grid{ grid-template-columns:1fr!important; height:auto!important; min-height:0!important; max-height:none!important; } body.ui-sidebar-v1 #quotePage .quote-system-page.quote-compact-layout-v186 .workspace-grid > .quote-card{ height:auto!important; max-height:none!important; } body.ui-sidebar-v1 #quotePage .quote-system-page.quote-compact-layout-v186 .summary-card{ height:auto!important; max-height:none!important; } body.ui-sidebar-v1 #quotePage .quote-system-page.quote-compact-layout-v186 .quote-info-in-table-head-v186{ grid-template-columns:repeat(3,minmax(0,1fr))!important; } } @media (min-width:1181px) and (max-width:1500px){ body.ui-sidebar-v1 #quotePage .quote-system-page.quote-compact-layout-v186 .quote-system-scroll{ overflow:hidden!important; } body.ui-sidebar-v1 #quotePage .quote-system-page.quote-compact-layout-v186 .workspace-grid{ grid-template-columns:minmax(0,1fr) 292px!important; height:178px!important; min-height:178px!important; max-height:178px!important; } body.ui-sidebar-v1 #quotePage .quote-system-page.quote-compact-layout-v186 .workspace-grid > .quote-card{ height:178px!important; max-height:178px!important; } body.ui-sidebar-v1 #quotePage .quote-system-page.quote-compact-layout-v186 .summary-card{ height:178px!important; max-height:178px!important; } body.ui-sidebar-v1 #quotePage .quote-system-page.quote-compact-layout-v186 .quote-info-in-table-head-v186{ grid-template-columns:minmax(140px,.85fr) minmax(140px,.95fr) minmax(150px,1fr) auto auto auto minmax(110px,.45fr)!important; } body.ui-sidebar-v1 #quotePage .quote-system-page.quote-compact-layout-v186 .batch-bar{ gap:6px!important; padding:10px!important; flex-wrap:wrap!important; overflow:visible!important; align-content:flex-start!important; } body.ui-sidebar-v1 #quotePage .quote-system-page.quote-compact-layout-v186 .batch-bar .check-line{ gap:4px!important; font-size:11px!important; } body.ui-sidebar-v1 #quotePage .quote-system-page.quote-compact-layout-v186 .batch-bar select{ width:84px!important; min-width:84px!important; padding:0 6px!important; } body.ui-sidebar-v1 #quotePage .quote-system-page.quote-compact-layout-v186 .batch-bar .quote-product-search-wrap{ width:96px!important; } body.ui-sidebar-v1 #quotePage .quote-system-page.quote-compact-layout-v186 .batch-bar .unit-hint{ font-size:11px!important; } body.ui-sidebar-v1 #quotePage .quote-system-page.quote-compact-layout-v186 .batch-bar .ghost-btn, body.ui-sidebar-v1 #quotePage .quote-system-page.quote-compact-layout-v186 .batch-bar .danger-btn{ padding:0 7px!important; font-size:11px!important; } } @media (max-width:1180px){ body.ui-sidebar-v1 #quotePage .quote-system-page.quote-compact-layout-v186 .quote-compact-table-card-v186{ min-height:460px!important; } body.ui-sidebar-v1 #quotePage .quote-system-page.quote-compact-layout-v186 .table-wrap{ min-height:180px!important; } } /* V192: 产品报价页进一步压缩顶部操作区，把列表控件作为主工作区。 */ body.ui-sidebar-v1 #quotePage .quote-system-page.quote-compact-layout-v186 .quote-system-scroll{ grid-template-rows:104px minmax(0,1fr)!important; gap:8px!important; overflow:hidden!important; } body.ui-sidebar-v1 #quotePage .quote-system-page.quote-compact-layout-v186 .workspace-grid{ height:104px!important; min-height:104px!important; max-height:104px!important; grid-template-columns:minmax(360px,1fr) 224px!important; gap:10px!important; margin-top:6px!important; } body.ui-sidebar-v1 #quotePage .quote-system-page.quote-compact-layout-v186 .workspace-grid > .quote-card{ height:104px!important; max-height:104px!important; border-radius:12px!important; box-shadow:0 6px 16px rgba(15,23,42,.035)!important; } body.ui-sidebar-v1 #quotePage .quote-system-page.quote-compact-layout-v186 .upload-card{ grid-template-columns:156px minmax(0,1fr)!important; grid-template-rows:1fr!important; align-items:stretch!important; gap:10px!important; padding:10px!important; } body.ui-sidebar-v1 #quotePage .quote-system-page.quote-compact-layout-v186 .upload-card > .panel-head{ height:auto!important; min-height:0!important; display:grid!important; grid-template-rows:1fr auto!important; align-content:space-between!important; gap:6px!important; margin:0!important; } body.ui-sidebar-v1 #quotePage .quote-system-page.quote-compact-layout-v186 .upload-card h3{ font-size:13px!important; line-height:18px!important; } body.ui-sidebar-v1 #quotePage .quote-system-page.quote-compact-layout-v186 .upload-card .ghost-btn{ width:72px!important; height:28px!important; min-height:28px!important; padding:0 8px!important; } body.ui-sidebar-v1 #quotePage .quote-system-page.quote-compact-layout-v186 .drop-zone{ height:84px!important; min-height:84px!important; display:grid!important; grid-template-columns:38px minmax(0,1fr) auto!important; align-items:center!important; justify-items:center!important; gap:10px!important; padding:8px 10px!important; } body.ui-sidebar-v1 #quotePage .quote-system-page.quote-compact-layout-v186 .drop-zone strong{ justify-self:start!important; max-width:120px!important; white-space:nowrap!important; overflow:hidden!important; text-overflow:ellipsis!important; } body.ui-sidebar-v1 #quotePage .quote-system-page.quote-compact-layout-v186 .drop-zone span{ display:none!important; } body.ui-sidebar-v1 #quotePage .quote-system-page.quote-compact-layout-v186 .file-button{ width:72px!important; height:28px!important; min-height:28px!important; padding:0 8px!important; } body.ui-sidebar-v1 #quotePage .quote-system-page.quote-compact-layout-v186 .summary-card{ height:104px!important; max-height:104px!important; padding:10px!important; grid-template-rows:auto 1fr auto!important; gap:3px!important; } body.ui-sidebar-v1 #quotePage .quote-system-page.quote-compact-layout-v186 .summary-total{ font-size:24px!important; line-height:26px!important; } body.ui-sidebar-v1 #quotePage .quote-system-page.quote-compact-layout-v186 .summary-lines{ gap:0!important; } body.ui-sidebar-v1 #quotePage .quote-system-page.quote-compact-layout-v186 .summary-lines div{ display:flex!important; justify-content:space-between!important; gap:8px!important; font-size:10px!important; line-height:12px!important; padding:0!important; } body.ui-sidebar-v1 #quotePage .quote-system-page.quote-compact-layout-v186 .draft-actions{ grid-template-columns:minmax(0,1fr) auto auto!important; gap:4px!important; } body.ui-sidebar-v1 #quotePage .quote-system-page.quote-compact-layout-v186 .export-actions{ grid-template-columns:1fr 1fr!important; gap:4px!important; } body.ui-sidebar-v1 #quotePage .quote-system-page.quote-compact-layout-v186 .summary-card button, body.ui-sidebar-v1 #quotePage .quote-system-page.quote-compact-layout-v186 .summary-card select{ height:24px!important; min-height:24px!important; border-radius:7px!important; padding:0 6px!important; font-size:11px!important; } body.ui-sidebar-v1 #quotePage .quote-system-page.quote-compact-layout-v186 .draft-actions select{ min-width:0!important; } body.ui-sidebar-v1 #quotePage .quote-system-page.quote-compact-layout-v186 .quote-compact-table-card-v186{ grid-template-rows:42px 34px minmax(0,1fr)!important; margin-bottom:14px!important; } body.ui-sidebar-v1 #quotePage .quote-system-page.quote-compact-layout-v186 .quote-compact-table-card-v186 > .panel-head{ height:42px!important; min-height:42px!important; display:flex!important; align-items:center!important; gap:8px!important; padding:5px 8px!important; overflow:visible!important; } body.ui-sidebar-v1 #quotePage .quote-system-page.quote-compact-layout-v186 .quote-info-in-table-head-v186{ flex:1 1 auto!important; min-width:0!important; display:grid!important; grid-template-columns:minmax(260px,2.4fr) auto auto auto minmax(88px,.45fr)!important; gap:6px!important; align-items:end!important; } body.ui-sidebar-v1 #quotePage .quote-system-page.quote-compact-layout-v186 .quote-info-in-table-head-v186 .customer-fields{ display:contents!important; } body.ui-sidebar-v1 #quotePage .quote-system-page.quote-compact-layout-v186 .quote-info-in-table-head-v186 .quote-customer-picker-field{ min-width:0!important; } body.ui-sidebar-v1 #quotePage .quote-system-page.quote-compact-layout-v186 .quote-info-in-table-head-v186 .customer-fields > label:not(.quote-customer-picker-field){ display:none!important; } body.ui-sidebar-v1 #quotePage .quote-system-page.quote-compact-layout-v186 .quote-info-in-table-head-v186 label{ gap:2px!important; font-size:11px!important; line-height:13px!important; } body.ui-sidebar-v1 #quotePage .quote-system-page.quote-compact-layout-v186 .quote-info-in-table-head-v186 input, body.ui-sidebar-v1 #quotePage .quote-system-page.quote-compact-layout-v186 .quote-info-in-table-head-v186 button{ height:26px!important; min-height:26px!important; border-radius:7px!important; font-size:11px!important; padding:0 8px!important; } body.ui-sidebar-v1 #quotePage .quote-system-page.quote-compact-layout-v186 .quote-info-in-table-head-v186 .input-with-btn{ grid-template-columns:minmax(0,1fr) 30px!important; gap:4px!important; } body.ui-sidebar-v1 #quotePage .quote-system-page.quote-compact-layout-v186 .quote-info-in-table-head-v186 .discount-field{ min-width:88px!important; max-width:100px!important; } body.ui-sidebar-v1 #quotePage .quote-system-page.quote-compact-layout-v186 .quote-info-in-table-head-v186 .discount-control{ grid-template-columns:minmax(0,1fr) auto!important; gap:4px!important; } body.ui-sidebar-v1 #quotePage .quote-system-page.quote-compact-layout-v186 .quote-info-in-table-head-v186 #discountRate{ width:58px!important; min-width:58px!important; max-width:58px!important; padding:0 4px!important; } body.ui-sidebar-v1 #quotePage .quote-system-page.quote-compact-layout-v186 .quote-info-in-table-head-v186 .customer-clear-btn, body.ui-sidebar-v1 #quotePage .quote-system-page.quote-compact-layout-v186 .quote-info-in-table-head-v186 #addBillBtn, body.ui-sidebar-v1 #quotePage .quote-system-page.quote-compact-layout-v186 .quote-info-in-table-head-v186 #mergeBillBtn{ white-space:nowrap!important; width:auto!important; min-width:58px!important; padding:0 9px!important; } body.ui-sidebar-v1 #quotePage .quote-system-page.quote-compact-layout-v186 .table-tools{ flex:0 1 48%!important; width:auto!important; min-width:480px!important; height:32px!important; padding:3px!important; gap:5px!important; border-radius:9px!important; background:rgba(239,250,248,.62)!important; } body.ui-sidebar-v1 #quotePage .quote-system-page.quote-compact-layout-v186 .table-tools .linked-selects{ gap:5px!important; } body.ui-sidebar-v1 #quotePage .quote-system-page.quote-compact-layout-v186 .table-tools select{ width:94px!important; min-width:94px!important; } body.ui-sidebar-v1 #quotePage .quote-system-page.quote-compact-layout-v186 .table-tools .quote-product-search-wrap{ flex:0 1 96px!important; min-width:86px!important; } body.ui-sidebar-v1 #quotePage .quote-system-page.quote-compact-layout-v186 .table-tools input, body.ui-sidebar-v1 #quotePage .quote-system-page.quote-compact-layout-v186 .table-tools select, body.ui-sidebar-v1 #quotePage .quote-system-page.quote-compact-layout-v186 .table-tools button{ height:26px!important; min-height:26px!important; border-radius:7px!important; font-size:11px!important; } body.ui-sidebar-v1 #quotePage .quote-system-page.quote-compact-layout-v186 .manual-count{ width:42px!important; min-width:42px!important; } body.ui-sidebar-v1 #quotePage .quote-system-page.quote-compact-layout-v186 #addManualItem{ min-width:82px!important; padding:0 8px!important; } body.ui-sidebar-v1 #quotePage .quote-system-page.quote-compact-layout-v186 .batch-bar{ height:34px!important; min-height:34px!important; padding:4px 8px!important; gap:5px!important; flex-wrap:nowrap!important; overflow-x:auto!important; overflow-y:hidden!important; scrollbar-width:thin!important; } body.ui-sidebar-v1 #quotePage .quote-system-page.quote-compact-layout-v186 .batch-bar .check-line{ gap:4px!important; font-size:11px!important; } body.ui-sidebar-v1 #quotePage .quote-system-page.quote-compact-layout-v186 .batch-bar select{ width:88px!important; min-width:88px!important; padding:0 6px!important; } body.ui-sidebar-v1 #quotePage .quote-system-page.quote-compact-layout-v186 .batch-bar .quote-product-search-wrap{ width:92px!important; min-width:92px!important; } body.ui-sidebar-v1 #quotePage .quote-system-page.quote-compact-layout-v186 .batch-bar .unit-hint{ min-width:32px!important; max-width:52px!important; overflow:hidden!important; text-overflow:ellipsis!important; white-space:nowrap!important; font-size:10px!important; } body.ui-sidebar-v1 #quotePage .quote-system-page.quote-compact-layout-v186 .batch-bar select, body.ui-sidebar-v1 #quotePage .quote-system-page.quote-compact-layout-v186 .batch-bar input, body.ui-sidebar-v1 #quotePage .quote-system-page.quote-compact-layout-v186 .batch-bar button{ height:26px!important; min-height:26px!important; border-radius:7px!important; font-size:11px!important; } body.ui-sidebar-v1 #quotePage .quote-system-page.quote-compact-layout-v186 .batch-bar .ghost-btn, body.ui-sidebar-v1 #quotePage .quote-system-page.quote-compact-layout-v186 .batch-bar .danger-btn{ padding:0 8px!important; } body.ui-sidebar-v1 #quotePage .quote-system-page.quote-compact-layout-v186 .table-card thead th{ height:30px!important; padding:6px 5px!important; } body.ui-sidebar-v1 #quotePage .quote-system-page.quote-compact-layout-v186 .table-card tbody td{ height:44px!important; min-height:44px!important; padding:5px!important; } @media (max-width:1600px){ body.ui-sidebar-v1 #quotePage .quote-system-page.quote-compact-layout-v186 .quote-compact-table-card-v186 > .panel-head{ height:76px!important; min-height:76px!important; align-items:stretch!important; flex-direction:column!important; } body.ui-sidebar-v1 #quotePage .quote-system-page.quote-compact-layout-v186 .quote-compact-table-card-v186{ grid-template-rows:76px 34px minmax(0,1fr)!important; } body.ui-sidebar-v1 #quotePage .quote-system-page.quote-compact-layout-v186 .table-tools{ flex:0 0 auto!important; width:100%!important; min-width:0!important; } } @media (max-width:1180px){ body.ui-sidebar-v1 #quotePage .quote-system-page.quote-compact-layout-v186 .quote-system-scroll{ grid-template-rows:auto minmax(0,1fr)!important; overflow:auto!important; } body.ui-sidebar-v1 #quotePage .quote-system-page.quote-compact-layout-v186 .workspace-grid{ grid-template-columns:1fr!important; height:auto!important; min-height:0!important; max-height:none!important; } body.ui-sidebar-v1 #quotePage .quote-system-page.quote-compact-layout-v186 .workspace-grid > .quote-card, body.ui-sidebar-v1 #quotePage .quote-system-page.quote-compact-layout-v186 .summary-card{ height:auto!important; max-height:none!important; } body.ui-sidebar-v1 #quotePage .quote-system-page.quote-compact-layout-v186 .upload-card{ grid-template-columns:1fr!important; } body.ui-sidebar-v1 #quotePage .quote-system-page.quote-compact-layout-v186 .quote-info-in-table-head-v186{ grid-template-columns:minmax(0,1fr) auto auto!important; } body.ui-sidebar-v1 #quotePage .quote-system-page.quote-compact-layout-v186 .quote-info-in-table-head-v186 #mergeBillBtn{ display:none!important; } } /* V193: 将产品报价客户区、默认产品区、批量区并入表格头部同一行。 */ body.ui-sidebar-v1 #quotePage .quote-system-page.quote-compact-layout-v186 .quote-compact-table-card-v186{ grid-template-rows:42px minmax(0,1fr)!important; overflow:visible!important; } body.ui-sidebar-v1 #quotePage .quote-system-page.quote-compact-layout-v186 .quote-compact-table-card-v186 > .panel-head{ height:42px!important; min-height:42px!important; display:grid!important; grid-template-columns:minmax(520px,1.2fr) minmax(460px,.9fr) minmax(480px,1fr)!important; gap:6px!important; align-items:center!important; padding:5px 8px!important; overflow:visible!important; } body.ui-sidebar-v1 #quotePage .quote-system-page.quote-compact-layout-v186 .quote-info-in-table-head-v186{ width:100%!important; height:32px!important; grid-template-columns:minmax(190px,1fr) auto auto auto minmax(80px,.32fr)!important; align-items:end!important; gap:5px!important; } body.ui-sidebar-v1 #quotePage .quote-system-page.quote-compact-layout-v186 .table-tools{ width:100%!important; min-width:0!important; height:32px!important; flex:none!important; align-self:center!important; } body.ui-sidebar-v1 #quotePage .quote-system-page.quote-compact-layout-v186 .quote-batch-in-table-head-v192{ width:100%!important; height:32px!important; min-height:32px!important; align-self:center!important; padding:3px!important; border:1px solid rgba(11,122,117,.07)!important; border-radius:9px!important; background:#f7fcfb!important; overflow-x:auto!important; overflow-y:hidden!important; flex-wrap:nowrap!important; scrollbar-width:thin!important; } body.ui-sidebar-v1 #quotePage .quote-system-page.quote-compact-layout-v186 .quote-batch-in-table-head-v192::-webkit-scrollbar{ height:4px!important; } body.ui-sidebar-v1 #quotePage .quote-system-page.quote-compact-layout-v186 .quote-batch-in-table-head-v192::-webkit-scrollbar-thumb{ background:rgba(11,122,117,.26)!important; border-radius:999px!important; } body.ui-sidebar-v1 #quotePage .quote-system-page.quote-compact-layout-v186 .table-wrap{ min-height:0!important; } @media (max-width:1600px){ body.ui-sidebar-v1 #quotePage .quote-system-page.quote-compact-layout-v186 .quote-compact-table-card-v186{ grid-template-rows:102px minmax(0,1fr)!important; overflow:hidden!important; } body.ui-sidebar-v1 #quotePage .quote-system-page.quote-compact-layout-v186 .quote-compact-table-card-v186 > .panel-head{ height:102px!important; min-height:102px!important; display:grid!important; grid-template-columns:1fr!important; grid-template-rows:30px 30px 30px!important; align-items:center!important; } body.ui-sidebar-v1 #quotePage .quote-system-page.quote-compact-layout-v186 .quote-info-in-table-head-v186, body.ui-sidebar-v1 #quotePage .quote-system-page.quote-compact-layout-v186 .table-tools, body.ui-sidebar-v1 #quotePage .quote-system-page.quote-compact-layout-v186 .quote-batch-in-table-head-v192{ height:30px!important; min-height:30px!important; } } @media (max-width:1180px){ body.ui-sidebar-v1 #quotePage .quote-system-page.quote-compact-layout-v186 .quote-compact-table-card-v186{ grid-template-rows:104px minmax(0,1fr)!important; } } /* V194: Product quote layout. Top row = customer + money, middle row = upload + default product, table row = batch actions. */ body.ui-sidebar-v1 #quotePage .quote-system-page.quote-layout-v194{ --quote-v194-gap:8px; } body.ui-sidebar-v1 #quotePage .quote-system-page.quote-layout-v194 > h2{ min-height:46px!important; padding:0 24px!important; font-size:21px!important; } body.ui-sidebar-v1 #quotePage .quote-system-page.quote-layout-v194 .quote-system-scroll{ display:grid!important; grid-template-rows:44px 108px minmax(0,1fr)!important; gap:var(--quote-v194-gap)!important; padding:0 18px 16px!important; overflow:hidden!important; } body.ui-sidebar-v1 #quotePage .quote-system-page.quote-layout-v194 .quote-info-top-v194{ display:grid!important; grid-template-columns:minmax(420px,1fr) 86px minmax(620px,670px)!important; align-items:center!important; gap:8px!important; height:44px!important; min-height:44px!important; margin:0!important; padding:5px 8px!important; border:1px solid rgba(11,122,117,.08)!important; border-radius:14px!important; background:rgba(255,255,255,.72)!important; box-shadow:0 8px 22px rgba(20,31,45,.045)!important; overflow:visible!important; } body.ui-sidebar-v1 #quotePage .quote-system-page.quote-layout-v194 .quote-info-top-v194 .customer-fields{ display:grid!important; grid-template-columns:minmax(220px,1fr) 58px 76px 82px 112px!important; align-items:end!important; gap:6px!important; min-width:0!important; width:100%!important; } body.ui-sidebar-v1 #quotePage .quote-system-page.quote-layout-v194 .quote-info-top-v194 .customer-fields > label:not(.quote-customer-picker-field){ display:none!important; } body.ui-sidebar-v1 #quotePage .quote-system-page.quote-layout-v194 .quote-info-top-v194 .quote-customer-picker-field{ min-width:0!important; flex:none!important; } body.ui-sidebar-v1 #quotePage .quote-system-page.quote-layout-v194 .quote-info-top-v194 label{ gap:2px!important; min-width:0!important; font-size:11px!important; line-height:13px!important; } body.ui-sidebar-v1 #quotePage .quote-system-page.quote-layout-v194 .quote-info-top-v194 .input-with-btn{ display:grid!important; grid-template-columns:minmax(0,1fr) 34px!important; gap:5px!important; } body.ui-sidebar-v1 #quotePage .quote-system-page.quote-layout-v194 .quote-info-top-v194 input, body.ui-sidebar-v1 #quotePage .quote-system-page.quote-layout-v194 .quote-info-top-v194 select, body.ui-sidebar-v1 #quotePage .quote-system-page.quote-layout-v194 .quote-info-top-v194 button{ height:28px!important; min-height:28px!important; border-radius:8px!important; padding:0 8px!important; font-size:11px!important; white-space:nowrap!important; } body.ui-sidebar-v1 #quotePage .quote-system-page.quote-layout-v194 .quote-info-top-v194 .discount-field{ width:86px!important; min-width:86px!important; margin:0!important; } body.ui-sidebar-v1 #quotePage .quote-system-page.quote-layout-v194 .quote-info-top-v194 .discount-control{ grid-template-columns:minmax(0,1fr) auto!important; gap:4px!important; } body.ui-sidebar-v1 #quotePage .quote-system-page.quote-layout-v194 .quote-info-top-v194 #discountRate{ width:52px!important; text-align:center!important; } body.ui-sidebar-v1 #quotePage .quote-system-page.quote-layout-v194 .quote-summary-inline-v194{ display:grid!important; grid-template-columns:124px minmax(128px,1fr) 178px 132px!important; align-items:center!important; align-content:center!important; gap:8px!important; min-width:0!important; height:32px!important; padding:0!important; border:0!important; border-radius:0!important; background:transparent!important; box-shadow:none!important; } body.ui-sidebar-v1 #quotePage .quote-system-page.quote-layout-v194 .quote-summary-inline-v194 .eyebrow{ display:none!important; } body.ui-sidebar-v1 #quotePage .quote-system-page.quote-layout-v194 .quote-summary-inline-v194 .summary-total{ min-width:124px!important; color:#f97316!important; font-size:24px!important; line-height:1!important; letter-spacing:0!important; text-align:right!important; } body.ui-sidebar-v1 #quotePage .quote-system-page.quote-layout-v194 .quote-summary-inline-v194 .summary-lines{ display:flex!important; align-items:center!important; justify-content:flex-end!important; gap:5px!important; min-width:0!important; overflow:hidden!important; font-size:10px!important; color:#667085!important; } body.ui-sidebar-v1 #quotePage .quote-system-page.quote-layout-v194 .quote-summary-inline-v194 .summary-lines div{ display:flex!important; align-items:center!important; justify-content:flex-start!important; gap:3px!important; padding:0 5px 0 0!important; border:0!important; border-right:1px solid rgba(102,112,133,.16)!important; white-space:nowrap!important; } body.ui-sidebar-v1 #quotePage .quote-system-page.quote-layout-v194 .quote-summary-inline-v194 .summary-lines div:nth-child(1), body.ui-sidebar-v1 #quotePage .quote-system-page.quote-layout-v194 .quote-summary-inline-v194 .summary-lines div:nth-child(2){ max-width:46px!important; overflow:hidden!important; } body.ui-sidebar-v1 #quotePage .quote-system-page.quote-layout-v194 .quote-summary-inline-v194 .summary-lines div:nth-child(3){ min-width:72px!important; } body.ui-sidebar-v1 #quotePage .quote-system-page.quote-layout-v194 .quote-summary-inline-v194 .summary-lines div:last-child{ border-right:0!important; } body.ui-sidebar-v1 #quotePage .quote-system-page.quote-layout-v194 .quote-summary-inline-v194 .summary-lines span{ display:none!important; } body.ui-sidebar-v1 #quotePage .quote-system-page.quote-layout-v194 .quote-summary-inline-v194 .summary-lines strong{ color:#243447!important; font-size:10px!important; } body.ui-sidebar-v1 #quotePage .quote-system-page.quote-layout-v194 .quote-summary-inline-v194 .draft-actions, body.ui-sidebar-v1 #quotePage .quote-system-page.quote-layout-v194 .quote-summary-inline-v194 .export-actions{ display:flex!important; grid-template-columns:none!important; align-items:center!important; gap:5px!important; margin:0!important; min-width:0!important; } body.ui-sidebar-v1 #quotePage .quote-system-page.quote-layout-v194 .quote-summary-inline-v194 .draft-actions select{ width:70px!important; min-width:70px!important; } body.ui-sidebar-v1 #quotePage .quote-system-page.quote-layout-v194 .quote-summary-inline-v194 button{ min-width:48px!important; padding:0 7px!important; } body.ui-sidebar-v1 #quotePage .quote-system-page.quote-layout-v194 .workspace-grid{ display:grid!important; grid-template-columns:minmax(410px,.68fr) minmax(650px,1fr)!important; gap:8px!important; height:108px!important; min-height:108px!important; margin:0!important; align-items:stretch!important; } body.ui-sidebar-v1 #quotePage .quote-system-page.quote-layout-v194 .upload-card{ display:grid!important; grid-template-columns:150px minmax(0,1fr)!important; align-items:stretch!important; gap:8px!important; height:108px!important; min-height:108px!important; padding:10px!important; overflow:hidden!important; } body.ui-sidebar-v1 #quotePage .quote-system-page.quote-layout-v194 .upload-card > .panel-head{ display:flex!important; align-items:center!important; margin:0!important; padding:0!important; border:0!important; } body.ui-sidebar-v1 #quotePage .quote-system-page.quote-layout-v194 .upload-card .eyebrow{ display:none!important; } body.ui-sidebar-v1 #quotePage .quote-system-page.quote-layout-v194 .upload-card h3{ margin:0!important; max-width:138px!important; color:#243447!important; font-size:13px!important; line-height:1.25!important; white-space:normal!important; } body.ui-sidebar-v1 #quotePage .quote-system-page.quote-layout-v194 .drop-zone{ min-height:0!important; height:88px!important; grid-template-columns:auto minmax(0,1fr) auto!important; place-items:center!important; align-items:center!important; justify-items:start!important; gap:9px!important; padding:8px 12px!important; border-width:1px!important; border-radius:12px!important; text-align:left!important; } body.ui-sidebar-v1 #quotePage .quote-system-page.quote-layout-v194 .drop-icon{ width:32px!important; height:32px!important; font-size:24px!important; } body.ui-sidebar-v1 #quotePage .quote-system-page.quote-layout-v194 .drop-zone strong{ margin:0!important; color:#243447!important; font-size:12px!important; white-space:nowrap!important; } body.ui-sidebar-v1 #quotePage .quote-system-page.quote-layout-v194 .drop-zone span{ display:none!important; } body.ui-sidebar-v1 #quotePage .quote-system-page.quote-layout-v194 .file-button{ height:30px!important; min-height:30px!important; padding:0 12px!important; border-radius:8px!important; font-size:11px!important; justify-self:end!important; } body.ui-sidebar-v1 #quotePage .quote-system-page.quote-layout-v194 .quote-default-tools-v194{ display:grid!important; grid-template-columns:120px 150px minmax(160px,1fr) 56px 52px 112px 72px!important; align-items:end!important; gap:8px!important; height:108px!important; min-height:108px!important; margin:0!important; padding:12px!important; border:1px solid rgba(11,122,117,.10)!important; border-radius:14px!important; background:rgba(255,255,255,.74)!important; box-shadow:0 10px 28px rgba(20,31,45,.055)!important; overflow:visible!important; } body.ui-sidebar-v1 #quotePage .quote-system-page.quote-layout-v194 .quote-default-tools-v194 .linked-selects{ display:contents!important; } body.ui-sidebar-v1 #quotePage .quote-system-page.quote-layout-v194 .quote-default-tools-v194 select, body.ui-sidebar-v1 #quotePage .quote-system-page.quote-layout-v194 .quote-default-tools-v194 input, body.ui-sidebar-v1 #quotePage .quote-system-page.quote-layout-v194 .quote-default-tools-v194 button{ width:100%!important; min-width:0!important; height:32px!important; min-height:32px!important; border-radius:8px!important; padding:0 9px!important; font-size:11px!important; white-space:nowrap!important; } body.ui-sidebar-v1 #quotePage .quote-system-page.quote-layout-v194 .quote-default-tools-v194 .quote-product-search-wrap{ width:100%!important; min-width:0!important; } body.ui-sidebar-v1 #quotePage .quote-system-page.quote-layout-v194 .quote-default-tools-v194 #defaultProductUnit{ display:flex!important; align-items:center!important; justify-content:center!important; width:100%!important; min-width:0!important; height:32px!important; margin:0!important; padding:0 7px!important; border:1px solid rgba(11,122,117,.10)!important; border-radius:8px!important; background:rgba(239,250,248,.72)!important; overflow:hidden!important; color:#667085!important; font-size:11px!important; text-overflow:ellipsis!important; } body.ui-sidebar-v1 #quotePage .quote-system-page.quote-layout-v194 .quote-default-tools-v194 #manualAddCount{ text-align:center!important; } body.ui-sidebar-v1 #quotePage .quote-system-page.quote-layout-v194 .quote-default-tools-v194 #clearAll{ order:7!important; } body.ui-sidebar-v1 #quotePage .quote-system-page.quote-layout-v194 .quote-compact-table-card-v186{ display:grid!important; grid-template-rows:40px minmax(0,1fr)!important; min-height:0!important; margin:0!important; overflow:hidden!important; } body.ui-sidebar-v1 #quotePage .quote-system-page.quote-layout-v194 .quote-compact-table-card-v186 > .panel-head{ display:none!important; } body.ui-sidebar-v1 #quotePage .quote-system-page.quote-layout-v194 .quote-batch-row-v194{ display:flex!important; align-items:center!important; flex-wrap:nowrap!important; gap:8px!important; height:40px!important; min-height:40px!important; margin:0!important; padding:6px 10px!important; border-bottom:1px solid rgba(11,122,117,.08)!important; border-radius:14px 14px 0 0!important; background:rgba(248,252,251,.95)!important; overflow:hidden!important; } body.ui-sidebar-v1 #quotePage .quote-system-page.quote-layout-v194 .quote-batch-row-v194 #batchCategory, body.ui-sidebar-v1 #quotePage .quote-system-page.quote-layout-v194 .quote-batch-row-v194 #batchProduct, body.ui-sidebar-v1 #quotePage .quote-system-page.quote-layout-v194 .quote-batch-row-v194 .quote-batch-product-search-wrap, body.ui-sidebar-v1 #quotePage .quote-system-page.quote-layout-v194 .quote-batch-row-v194 #batchProductUnit{ display:none!important; } body.ui-sidebar-v1 #quotePage .quote-system-page.quote-layout-v194 .quote-batch-row-v194 .check-line{ display:flex!important; align-items:center!important; flex:0 0 auto!important; gap:5px!important; margin:0!important; color:#344054!important; font-size:11px!important; white-space:nowrap!important; } body.ui-sidebar-v1 #quotePage .quote-system-page.quote-layout-v194 .quote-batch-row-v194 .check-line input{ width:14px!important; min-width:14px!important; height:14px!important; min-height:14px!important; } body.ui-sidebar-v1 #quotePage .quote-system-page.quote-layout-v194 .quote-batch-row-v194 button{ flex:0 0 auto!important; height:28px!important; min-height:28px!important; border-radius:8px!important; padding:0 12px!important; font-size:11px!important; white-space:nowrap!important; } body.ui-sidebar-v1 #quotePage .quote-system-page.quote-layout-v194 .table-wrap{ min-height:0!important; height:100%!important; overflow:auto!important; border-radius:0 0 14px 14px!important; } body.ui-sidebar-v1 #quotePage .quote-system-page.quote-layout-v194 .table-card table{ min-width:0!important; width:100%!important; table-layout:fixed!important; } body.ui-sidebar-v1 #quotePage .quote-system-page.quote-layout-v194 .table-card thead th{ height:30px!important; padding:6px 5px!important; font-size:11px!important; } body.ui-sidebar-v1 #quotePage .quote-system-page.quote-layout-v194 .table-card tbody td{ height:46px!important; padding:5px!important; font-size:11px!important; } @media (max-width:1500px){ body.ui-sidebar-v1 #quotePage .quote-system-page.quote-layout-v194 .quote-system-scroll{ grid-template-rows:auto 132px minmax(0,1fr)!important; } body.ui-sidebar-v1 #quotePage .quote-system-page.quote-layout-v194 .quote-info-top-v194{ grid-template-columns:1fr!important; height:auto!important; min-height:78px!important; } body.ui-sidebar-v1 #quotePage .quote-system-page.quote-layout-v194 .quote-summary-inline-v194{ width:100%!important; grid-template-columns:auto minmax(0,1fr) auto auto!important; } body.ui-sidebar-v1 #quotePage .quote-system-page.quote-layout-v194 .workspace-grid{ grid-template-columns:minmax(360px,.62fr) minmax(520px,1fr)!important; height:132px!important; } body.ui-sidebar-v1 #quotePage .quote-system-page.quote-layout-v194 .upload-card, body.ui-sidebar-v1 #quotePage .quote-system-page.quote-layout-v194 .quote-default-tools-v194{ height:132px!important; min-height:132px!important; } body.ui-sidebar-v1 #quotePage .quote-system-page.quote-layout-v194 .quote-default-tools-v194{ grid-template-columns:repeat(4,minmax(0,1fr))!important; } } /* V190 worker column: keep the old order-table widths, place worker after handler. */ #ordersPage .orders-table{ min-width:1640px!important; } #ordersPage .orders-table th:nth-child(1),#ordersPage .orders-table td:nth-child(1){width:36px!important;min-width:36px!important;max-width:36px!important;} #ordersPage .orders-table th:nth-child(2),#ordersPage .orders-table td:nth-child(2){width:46px!important;min-width:46px!important;max-width:46px!important;} #ordersPage .orders-table th:nth-child(3),#ordersPage .orders-table td:nth-child(3){width:90px!important;min-width:90px!important;max-width:90px!important;} #ordersPage .orders-table th:nth-child(4),#ordersPage .orders-table td:nth-child(4){width:130px!important;min-width:130px!important;max-width:130px!important;} #ordersPage .orders-table th:nth-child(5),#ordersPage .orders-table td:nth-child(5),#ordersPage .orders-table .order-contact-person-cell{width:80px!important;min-width:80px!important;max-width:80px!important;} #ordersPage .orders-table th:nth-child(6),#ordersPage .orders-table td:nth-child(6){width:150px!important;min-width:150px!important;max-width:150px!important;} #ordersPage .orders-table th:nth-child(7),#ordersPage .orders-table td:nth-child(7){width:78px!important;min-width:78px!important;max-width:78px!important;} #ordersPage .orders-table th:nth-child(8),#ordersPage .orders-table td:nth-child(8){width:82px!important;min-width:82px!important;max-width:82px!important;} #ordersPage .orders-table th:nth-child(9),#ordersPage .orders-table td:nth-child(9){width:78px!important;min-width:78px!important;max-width:78px!important;} #ordersPage .orders-table th:nth-child(10),#ordersPage .orders-table td:nth-child(10){width:70px!important;min-width:70px!important;max-width:70px!important;} #ordersPage .orders-table th:nth-child(11),#ordersPage .orders-table td:nth-child(11){width:72px!important;min-width:72px!important;max-width:72px!important;} #ordersPage .orders-table th:nth-child(12),#ordersPage .orders-table td:nth-child(12){width:76px!important;min-width:76px!important;max-width:76px!important;} #ordersPage .orders-table th:nth-child(13),#ordersPage .orders-table td:nth-child(13){width:76px!important;min-width:76px!important;max-width:76px!important;} #ordersPage .orders-table th:nth-child(14),#ordersPage .orders-table td:nth-child(14){width:48px!important;min-width:48px!important;max-width:48px!important;text-align:center!important;} #ordersPage .orders-table th:nth-child(15),#ordersPage .orders-table td:nth-child(15){width:86px!important;min-width:86px!important;max-width:86px!important;} #ordersPage .orders-table th:nth-child(16),#ordersPage .orders-table td:nth-child(16){width:58px!important;min-width:58px!important;max-width:58px!important;overflow:visible!important;} #ordersPage .orders-table th:nth-child(17),#ordersPage .orders-table td:nth-child(17){width:58px!important;min-width:58px!important;max-width:58px!important;overflow:visible!important;} #ordersPage .orders-table th:nth-child(18),#ordersPage .orders-table td:nth-child(18){width:72px!important;min-width:72px!important;max-width:72px!important;} #ordersPage .orders-table th:nth-child(19),#ordersPage .orders-table td:nth-child(19){width:76px!important;min-width:76px!important;max-width:76px!important;} #ordersPage .orders-table th:nth-child(20),#ordersPage .orders-table td:nth-child(20){width:78px!important;min-width:78px!important;max-width:78px!important;} #ordersPage .orders-table th:nth-child(21),#ordersPage .orders-table td:nth-child(21){width:100px!important;min-width:100px!important;max-width:100px!important;} #ordersPage .orders-table th:nth-child(21), #ordersPage .orders-table td:nth-child(21){display:table-cell!important;} #ordersPage.order-extra-open .orders-table{min-width:1810px!important;} #ordersPage.order-extra-open .orders-table th:nth-child(22),#ordersPage.order-extra-open .orders-table td:nth-child(22){width:80px!important;min-width:80px!important;max-width:80px!important;display:table-cell!important;} #ordersPage.order-extra-open .orders-table th:nth-child(23),#ordersPage.order-extra-open .orders-table td:nth-child(23){width:90px!important;min-width:90px!important;max-width:90px!important;display:table-cell!important;} #ordersPage .orders-table .order-worker-cell, #ordersPage .orders-table .order-worker-cell *{ color:inherit!important; font-weight:inherit!important; } /* V190 worker ledger quick-edit: click, edit, blur, and return without table deformation. */ #workerLedgerPage .worker-ledger-table{ table-layout:fixed!important; } #workerLedgerPage .worker-ledger-table tbody tr:not(.worker-settlement-row){ height:36px!important; max-height:36px!important; } #workerLedgerPage .worker-ledger-table tbody tr:not(.worker-settlement-row) td{ height:36px!important; max-height:36px!important; line-height:24px!important; padding:5px 8px!important; white-space:nowrap!important; overflow:hidden!important; text-overflow:ellipsis!important; transition:none!important; } #workerLedgerPage .worker-edit-cell{ cursor:text!important; user-select:none!important; transition:none!important; } #workerLedgerPage .worker-edit-cell:hover{ filter:none!important; } #workerLedgerPage .cashflow-editing-now, #workerLedgerPage .worker-edit-cell.cashflow-editing-now{ padding:4px 6px!important; overflow:hidden!important; background:rgba(255,255,255,.96)!important; box-shadow:inset 0 0 0 1px rgba(11,122,117,.28)!important; } #workerLedgerPage .worker-cell-input, #workerLedgerPage .cashflow-cell-input.worker-cell-input{ display:block!important; width:100%!important; height:26px!important; min-height:26px!important; max-height:26px!important; line-height:24px!important; padding:0 7px!important; margin:0!important; border:1px solid #0b7a75!important; border-radius:7px!important; background:#fff!important; box-sizing:border-box!important; box-shadow:none!important; outline:none!important; font:13px/24px "Microsoft YaHei",Arial,sans-serif!important; } #workerLedgerPage .worker-work-cell, #workerLedgerPage .worker-note-cell{ white-space:nowrap!important; overflow:hidden!important; text-overflow:ellipsis!important; } #workerLedgerPage .worker-work-cell .worker-cell-input, #workerLedgerPage .worker-note-cell .worker-cell-input{ text-align:left!important; } #workerLedgerPage .worker-money-cell .worker-cell-input{ text-align:center!important; font-weight:900!important; } #workerLedgerPage .worker-cell-saving{ opacity:.82; } /* V191 home task table: restore the old fixed columns and add one compact worker column. */ #tasksPage #taskPanelBody .legacy-table{ width:100%!important; min-width:0!important; table-layout:fixed!important; } #tasksPage #taskPanelBody .legacy-table th, #tasksPage #taskPanelBody .legacy-table td{ box-sizing:border-box!important; } #tasksPage #taskPanelBody .legacy-table th:nth-child(1), #tasksPage #taskPanelBody .legacy-table td:nth-child(1){ width:52px!important; min-width:52px!important; max-width:52px!important; text-align:center!important; } #tasksPage #taskPanelBody .legacy-table th:nth-child(2), #tasksPage #taskPanelBody .legacy-table td:nth-child(2){ width:136px!important; min-width:136px!important; max-width:136px!important; text-align:center!important; white-space:nowrap!important; overflow:hidden!important; text-overflow:ellipsis!important; } #tasksPage #taskPanelBody .legacy-table th:nth-child(3), #tasksPage #taskPanelBody .legacy-table td:nth-child(3){ width:auto!important; min-width:0!important; max-width:none!important; text-align:left!important; white-space:nowrap!important; overflow:hidden!important; text-overflow:ellipsis!important; } #tasksPage #taskPanelBody .legacy-table th:nth-child(4), #tasksPage #taskPanelBody .legacy-table td:nth-child(4), #tasksPage #taskPanelBody .legacy-table th:nth-child(5), #tasksPage #taskPanelBody .legacy-table td:nth-child(5), #tasksPage #taskPanelBody .legacy-table th:nth-child(6), #tasksPage #taskPanelBody .legacy-table td:nth-child(6){ width:72px!important; min-width:72px!important; max-width:72px!important; padding-left:4px!important; padding-right:4px!important; text-align:center!important; vertical-align:middle!important; overflow:hidden!important; } #tasksPage #taskPanelBody .legacy-table th:nth-child(7), #tasksPage #taskPanelBody .legacy-table td:nth-child(7), #tasksPage #taskPanelBody .legacy-table th:nth-child(8), #tasksPage #taskPanelBody .legacy-table td:nth-child(8){ width:82px!important; min-width:82px!important; max-width:82px!important; padding-left:5px!important; padding-right:5px!important; text-align:center!important; vertical-align:middle!important; overflow:hidden!important; } #tasksPage #taskPanelBody .legacy-table th:nth-child(9), #tasksPage #taskPanelBody .legacy-table td:nth-child(9){ width:54px!important; min-width:54px!important; max-width:54px!important; padding-left:4px!important; padding-right:4px!important; text-align:center!important; vertical-align:middle!important; overflow:hidden!important; } #tasksPage #homeTaskRows .task-rank-select, #tasksPage #homeTaskRows .task-worker-select{ appearance:none!important; -webkit-appearance:none!important; width:64px!important; min-width:64px!important; max-width:64px!important; height:26px!important; margin:0 auto!important; padding:0 2px!important; display:block!important; border:0!important; border-radius:0!important; background:transparent!important; background-image:none!important; box-shadow:none!important; color:#102033!important; font-size:12px!important; font-weight:400!important; line-height:26px!important; text-align:center!important; text-align-last:center!important; cursor:pointer!important; } #tasksPage #homeTaskRows .task-rank-select::-ms-expand, #tasksPage #homeTaskRows .task-worker-select::-ms-expand{ display:none!important; } #tasksPage #homeTaskRows .task-rank-select:hover, #tasksPage #homeTaskRows .task-rank-select:focus, #tasksPage #homeTaskRows .task-worker-select:hover, #tasksPage #homeTaskRows .task-worker-select:focus{ background:rgba(255,255,255,.82)!important; border-radius:10px!important; box-shadow:0 0 0 1px rgba(11,122,117,.18) inset!important; outline:none!important; } #tasksPage #homeTaskRows .task-worker-select option{ color:#102033!important; background:#fff!important; } #tasksPage #homeTaskRows td.task-row-actions{ width:180px!important; min-width:180px!important; max-width:180px!important; gap:8px!important; padding-left:8px!important; padding-right:8px!important; overflow:hidden!important; } /* V192 worker ledger: work content edits stay left-aligned without font-size jump. */ #workerLedgerPage .worker-ledger-table tbody td:nth-child(4), #workerLedgerPage .worker-ledger-table tbody td.worker-work-cell{ text-align:left!important; } #workerLedgerPage .worker-ledger-table .worker-cell-input, #workerLedgerPage .worker-ledger-table .cashflow-cell-input.worker-cell-input{ font-family:"Microsoft YaHei",Arial,sans-serif!important; font-size:var(--worker-font-size,15px)!important; line-height:22px!important; } #workerLedgerPage .worker-ledger-table .worker-work-cell .worker-cell-input{ text-align:left!important; font-weight:inherit!important; } /* V193 order table: compact worker column, visible note column, stable extra-info toggle. */ #ordersPage .orders-table{ min-width:1660px!important; } #ordersPage .orders-table th:nth-child(20), #ordersPage .orders-table td:nth-child(20), #ordersPage .orders-table .order-worker-cell{ width:52px!important; min-width:52px!important; max-width:52px!important; padding-left:4px!important; padding-right:4px!important; text-align:center!important; white-space:nowrap!important; overflow:hidden!important; text-overflow:ellipsis!important; } #ordersPage .orders-table .order-worker-cell .order-cell-clamp{ max-width:44px!important; white-space:nowrap!important; overflow:hidden!important; text-overflow:ellipsis!important; } #ordersPage .orders-table th:nth-child(21), #ordersPage .orders-table td:nth-child(21), #ordersPage .orders-table .order-note-toggle-th, #ordersPage .orders-table .order-note-cell{ display:table-cell!important; width:118px!important; min-width:118px!important; max-width:118px!important; text-align:center!important; vertical-align:middle!important; } #ordersPage .orders-table .order-note-cell .order-cell-clamp{ display:block!important; width:100%!important; max-width:100%!important; white-space:nowrap!important; overflow:hidden!important; text-overflow:ellipsis!important; } #ordersPage .orders-table .order-note-toggle-th{ position:relative!important; padding-right:30px!important; overflow:visible!important; } #ordersPage .orders-table .order-extra-toggle{ display:inline-flex!important; align-items:center!important; justify-content:center!important; position:absolute!important; right:4px!important; top:50%!important; transform:translateY(-50%)!important; width:22px!important; height:22px!important; min-width:22px!important; padding:0!important; margin:0!important; border:1px solid rgba(11,122,117,.18)!important; border-radius:7px!important; background:rgba(240,253,250,.94)!important; color:#0b7a75!important; font-size:12px!important; font-weight:900!important; line-height:1!important; cursor:pointer!important; } #ordersPage:not(.order-extra-open) .orders-table th:nth-child(22), #ordersPage:not(.order-extra-open) .orders-table td:nth-child(22), #ordersPage:not(.order-extra-open) .orders-table th:nth-child(23), #ordersPage:not(.order-extra-open) .orders-table td:nth-child(23){ display:none!important; width:0!important; min-width:0!important; max-width:0!important; padding:0!important; border:0!important; } #ordersPage.order-extra-open .orders-table{ min-width:1830px!important; } #ordersPage.order-extra-open .orders-table th:nth-child(22), #ordersPage.order-extra-open .orders-table td:nth-child(22){ display:table-cell!important; width:86px!important; min-width:86px!important; max-width:86px!important; } #ordersPage.order-extra-open .orders-table th:nth-child(23), #ordersPage.order-extra-open .orders-table td:nth-child(23){ display:table-cell!important; width:94px!important; min-width:94px!important; max-width:94px!important; } /* V194 order table guard: keep note visible, hide only the extra-info fields by class. */ #ordersPage .orders-table{ min-width:1648px!important; } #ordersPage .orders-table th:nth-child(20), #ordersPage .orders-table td:nth-child(20), #ordersPage .orders-table .order-worker-cell{ display:table-cell!important; width:48px!important; min-width:48px!important; max-width:48px!important; padding-left:3px!important; padding-right:3px!important; overflow:hidden!important; white-space:nowrap!important; text-overflow:ellipsis!important; text-align:center!important; } #ordersPage .orders-table .order-worker-cell .order-cell-clamp{ display:block!important; width:100%!important; max-width:36px!important; margin:0 auto!important; overflow:hidden!important; white-space:nowrap!important; text-overflow:ellipsis!important; } #ordersPage .orders-table thead th.order-note-toggle-th, #ordersPage .orders-table tbody td.order-note-cell{ display:table-cell!important; visibility:visible!important; width:118px!important; min-width:118px!important; max-width:118px!important; padding-left:5px!important; padding-right:30px!important; border-width:1px!important; text-align:center!important; vertical-align:middle!important; overflow:visible!important; } #ordersPage:not(.order-extra-open) .orders-table thead th.order-note-toggle-th:nth-child(21), #ordersPage:not(.order-extra-open) .orders-table tbody td.order-note-cell:nth-child(21), #ordersPage.order-extra-open .orders-table thead th.order-note-toggle-th:nth-child(21), #ordersPage.order-extra-open .orders-table tbody td.order-note-cell:nth-child(21){ display:table-cell!important; visibility:visible!important; width:118px!important; min-width:118px!important; max-width:118px!important; border-width:1px!important; } #ordersPage:not(.order-extra-open) .orders-table thead th.order-note-toggle-th:nth-child(21){ padding-left:5px!important; padding-right:30px!important; } #ordersPage:not(.order-extra-open) .orders-table tbody td.order-note-cell:nth-child(21){ padding-left:5px!important; padding-right:5px!important; } #ordersPage .orders-table tbody td.order-note-cell{ padding-right:5px!important; overflow:hidden!important; } #ordersPage .orders-table tbody td.order-note-cell .order-cell-clamp{ display:block!important; width:100%!important; max-width:100%!important; overflow:hidden!important; white-space:nowrap!important; text-overflow:ellipsis!important; } #ordersPage .orders-table thead th.order-note-toggle-th{ position:relative!important; } #ordersPage .orders-table thead th.order-note-toggle-th .order-extra-toggle{ display:inline-flex!important; visibility:visible!important; opacity:1!important; pointer-events:auto!important; position:absolute!important; right:4px!important; top:50%!important; transform:translateY(-50%)!important; } #ordersPage:not(.order-extra-open) .orders-table .order-extra-col{ display:none!important; visibility:hidden!important; width:0!important; min-width:0!important; max-width:0!important; padding:0!important; border:0!important; } #ordersPage.order-extra-open .orders-table{ min-width:1828px!important; } #ordersPage.order-extra-open .orders-table thead th.order-extra-col, #ordersPage.order-extra-open .orders-table tbody td.order-extra-col{ display:table-cell!important; visibility:visible!important; padding-left:5px!important; padding-right:5px!important; border-width:1px!important; overflow:hidden!important; white-space:nowrap!important; text-overflow:ellipsis!important; } #ordersPage.order-extra-open .orders-table thead th.order-extra-col:nth-child(22), #ordersPage.order-extra-open .orders-table tbody td.order-extra-col:nth-child(22){ width:86px!important; min-width:86px!important; max-width:86px!important; } #ordersPage.order-extra-open .orders-table thead th.order-extra-col:nth-child(23), #ordersPage.order-extra-open .orders-table tbody td.order-extra-col:nth-child(23){ width:94px!important; min-width:94px!important; max-width:94px!important; } /* V195 order management table: show all key columns and fit 1920px without horizontal scroll. */ #ordersPage .order-filter-bar-v96{ display:grid!important; grid-template-columns:132px minmax(210px,1fr) 118px minmax(250px,1.35fr) minmax(145px,.72fr) minmax(135px,.68fr) 58px minmax(0,1fr) 64px 92px!important; gap:8px!important; align-items:end!important; padding:10px 14px!important; box-sizing:border-box!important; overflow:visible!important; } #ordersPage .order-filter-bar-v96 label{ min-width:0!important; margin:0!important; box-sizing:border-box!important; } #ordersPage .order-filter-bar-v96 label:first-child{ width:132px!important; min-width:132px!important; max-width:132px!important; } #ordersPage .order-filter-bar-v96 input, #ordersPage .order-filter-bar-v96 select{ width:100%!important; min-width:0!important; box-sizing:border-box!important; } #ordersPage .order-filter-bar-v96 .filter-spacer{ min-width:0!important; } #ordersPage .data-table-wrap.order-table-wrap{ overflow-x:hidden!important; overflow-y:auto!important; max-width:100%!important; scrollbar-gutter:auto!important; } #ordersPage .orders-table{ width:100%!important; min-width:1530px!important; max-width:100%!important; table-layout:fixed!important; border-collapse:separate!important; border-spacing:0!important; } #ordersPage .orders-table thead th, #ordersPage .orders-table tbody td{ padding:6px 3px!important; height:42px!important; min-height:42px!important; max-height:48px!important; line-height:1.28!important; font-size:var(--order-table-font,12px)!important; white-space:nowrap!important; overflow:hidden!important; text-overflow:ellipsis!important; text-align:center!important; vertical-align:middle!important; box-sizing:border-box!important; } #ordersPage .orders-table thead th{ position:sticky!important; top:0!important; z-index:60!important; background:#eaf8f6!important; } #ordersPage .orders-table tbody td{ position:relative!important; z-index:1!important; } #ordersPage .orders-table thead th.order-note-toggle-th{ position:sticky!important; top:0!important; z-index:65!important; padding-right:3px!important; } #ordersPage .orders-table .order-extra-toggle{ display:none!important; } #ordersPage .orders-table .order-cell-clamp, #ordersPage .orders-table .order-customer-cell, #ordersPage .orders-table .order-customer-cell strong, #ordersPage .orders-table .order-customer-cell span, #ordersPage .orders-table .order-detail-link, #ordersPage .orders-table .merged-order-hint, #ordersPage .orders-table .money-cell{ display:block!important; max-width:100%!important; overflow:hidden!important; white-space:nowrap!important; text-overflow:ellipsis!important; } #ordersPage .orders-table .order-contact-person-cell .order-cell-clamp, #ordersPage .orders-table td:nth-child(19) .order-cell-clamp, #ordersPage .orders-table .order-worker-cell .order-cell-clamp{ max-width:3.3em!important; margin:0 auto!important; } #ordersPage .orders-table thead th.order-extra-col, #ordersPage .orders-table tbody td.order-extra-col, #ordersPage:not(.order-extra-open) .orders-table thead th.order-extra-col, #ordersPage:not(.order-extra-open) .orders-table tbody td.order-extra-col, #ordersPage.order-extra-open .orders-table thead th.order-extra-col, #ordersPage.order-extra-open .orders-table tbody td.order-extra-col{ display:table-cell!important; visibility:visible!important; padding:6px 3px!important; border-width:1px!important; overflow:hidden!important; white-space:nowrap!important; text-overflow:ellipsis!important; } #ordersPage .orders-table th:nth-child(1),#ordersPage .orders-table td:nth-child(1){width:30px!important;min-width:30px!important;max-width:30px!important;} #ordersPage .orders-table th:nth-child(2),#ordersPage .orders-table td:nth-child(2){width:36px!important;min-width:36px!important;max-width:36px!important;} #ordersPage .orders-table th:nth-child(3),#ordersPage .orders-table td:nth-child(3){width:76px!important;min-width:76px!important;max-width:76px!important;} #ordersPage .orders-table th:nth-child(4),#ordersPage .orders-table td:nth-child(4){width:116px!important;min-width:116px!important;max-width:116px!important;} #ordersPage .orders-table th:nth-child(5),#ordersPage .orders-table td:nth-child(5),#ordersPage .orders-table .order-contact-person-cell{width:48px!important;min-width:48px!important;max-width:48px!important;} #ordersPage .orders-table th:nth-child(6),#ordersPage .orders-table td:nth-child(6){width:126px!important;min-width:126px!important;max-width:126px!important;} #ordersPage .orders-table th:nth-child(7),#ordersPage .orders-table td:nth-child(7){width:70px!important;min-width:70px!important;max-width:70px!important;} #ordersPage .orders-table th:nth-child(8),#ordersPage .orders-table td:nth-child(8){width:76px!important;min-width:76px!important;max-width:76px!important;} #ordersPage .orders-table th:nth-child(9),#ordersPage .orders-table td:nth-child(9){width:76px!important;min-width:76px!important;max-width:76px!important;} #ordersPage .orders-table th:nth-child(10),#ordersPage .orders-table td:nth-child(10){width:64px!important;min-width:64px!important;max-width:64px!important;} #ordersPage .orders-table th:nth-child(11),#ordersPage .orders-table td:nth-child(11){width:60px!important;min-width:60px!important;max-width:60px!important;} #ordersPage .orders-table th:nth-child(12),#ordersPage .orders-table td:nth-child(12){width:64px!important;min-width:64px!important;max-width:64px!important;} #ordersPage .orders-table th:nth-child(13),#ordersPage .orders-table td:nth-child(13){width:64px!important;min-width:64px!important;max-width:64px!important;} #ordersPage .orders-table th:nth-child(14),#ordersPage .orders-table td:nth-child(14){width:42px!important;min-width:42px!important;max-width:42px!important;} #ordersPage .orders-table th:nth-child(15),#ordersPage .orders-table td:nth-child(15){width:74px!important;min-width:74px!important;max-width:74px!important;} #ordersPage .orders-table th:nth-child(16),#ordersPage .orders-table td:nth-child(16){width:46px!important;min-width:46px!important;max-width:46px!important;overflow:visible!important;} #ordersPage .orders-table th:nth-child(17),#ordersPage .orders-table td:nth-child(17){width:46px!important;min-width:46px!important;max-width:46px!important;overflow:visible!important;} #ordersPage .orders-table th:nth-child(18),#ordersPage .orders-table td:nth-child(18){width:58px!important;min-width:58px!important;max-width:58px!important;} #ordersPage .orders-table th:nth-child(19),#ordersPage .orders-table td:nth-child(19){width:48px!important;min-width:48px!important;max-width:48px!important;} #ordersPage .orders-table th:nth-child(20),#ordersPage .orders-table td:nth-child(20),#ordersPage .orders-table .order-worker-cell{width:42px!important;min-width:42px!important;max-width:42px!important;} #ordersPage .orders-table th:nth-child(21),#ordersPage .orders-table td:nth-child(21),#ordersPage .orders-table .order-note-toggle-th,#ordersPage .orders-table .order-note-cell{width:86px!important;min-width:86px!important;max-width:86px!important;display:table-cell!important;visibility:visible!important;} #ordersPage .orders-table th:nth-child(22),#ordersPage .orders-table td:nth-child(22),#ordersPage .orders-table .order-extra-col:nth-child(22){width:80px!important;min-width:80px!important;max-width:80px!important;} #ordersPage .orders-table th:nth-child(23),#ordersPage .orders-table td:nth-child(23),#ordersPage .orders-table .order-extra-col:nth-child(23){width:78px!important;min-width:78px!important;max-width:78px!important;} #ordersPage .orders-table .order-thumb-btn, #ordersPage .orders-table .order-file-badge-btn{ width:30px!important; min-width:30px!important; max-width:30px!important; height:26px!important; margin:0 auto!important; } @media (max-width:1679px){ #ordersPage .data-table-wrap.order-table-wrap{ overflow-x:auto!important; } #ordersPage .orders-table{ max-width:none!important; } } /* Preserve readable fixed order columns with table-local horizontal scrolling. */ /* V198 task worker column compatibility without forcing controls off-screen. */ #tasksPage .home-task-toolbar-v92{ display:flex!important; flex-wrap:wrap!important; align-items:center!important; gap:8px!important; overflow:visible!important; } #tasksPage .home-task-toolbar-v92 label{ min-width:0!important; } #tasksPage .home-task-toolbar-v92 .task-add-field{ flex:1 1 auto!important; min-width:260px!important; } #tasksPage .home-task-toolbar-v92 .task-search-field{ flex:0 0 220px!important; } #tasksPage .home-task-toolbar-v92 .task-search-field input{ width:160px!important; } #tasksPage .home-task-toolbar-v92 .task-filter-field{ flex:0 0 auto!important; } #tasksPage .home-task-toolbar-v92 #homeTaskStatusFilter, #tasksPage .home-task-toolbar-v92 #homeTaskWorkerFilter, #tasksPage .home-task-toolbar-v92 #homeTaskTakerFilter, #tasksPage .home-task-toolbar-v92 #homeTaskCreatorFilter{ width:96px!important; } #tasksPage .task-panel .legacy-table{ width:100%!important; min-width:0!important; table-layout:fixed!important; } #tasksPage .task-panel .legacy-table th, #tasksPage .task-panel .legacy-table td{ box-sizing:border-box!important; white-space:nowrap!important; overflow:hidden!important; text-overflow:ellipsis!important; } #tasksPage .task-panel .legacy-table th:nth-child(1),#tasksPage .task-panel .legacy-table td:nth-child(1){width:42px!important;} #tasksPage .task-panel .legacy-table th:nth-child(2),#tasksPage .task-panel .legacy-table td:nth-child(2){width:126px!important;} #tasksPage .task-panel .legacy-table th:nth-child(3),#tasksPage .task-panel .legacy-table td:nth-child(3){width:auto!important;} #tasksPage .task-panel .legacy-table th:nth-child(4),#tasksPage .task-panel .legacy-table td:nth-child(4){width:52px!important;} #tasksPage .task-panel .legacy-table th:nth-child(5),#tasksPage .task-panel .legacy-table td:nth-child(5){width:76px!important;} #tasksPage .task-panel .legacy-table th:nth-child(6),#tasksPage .task-panel .legacy-table td:nth-child(6){width:76px!important;} #tasksPage .task-panel .legacy-table th:nth-child(7),#tasksPage .task-panel .legacy-table td:nth-child(7){width:76px!important;} #tasksPage .task-panel .legacy-table th:nth-child(8),#tasksPage .task-panel .legacy-table td:nth-child(8){width:76px!important;} #tasksPage .task-panel .legacy-table th:nth-child(9),#tasksPage .task-panel .legacy-table td:nth-child(9){width:48px!important;} #tasksPage .task-panel .legacy-table th:nth-child(10),#tasksPage .task-panel .legacy-table td:nth-child(10){width:170px!important;} #tasksPage #homeTaskRows .home-task-worker-cell, #tasksPage #homeTaskRows .home-task-taker-cell{ text-align:center!important; } #tasksPage #homeTaskRows .task-worker-select{ width:64px!important; min-width:64px!important; max-width:64px!important; } #ordersPage#ordersPage .orders-table thead th.order-note-toggle-th{ position:sticky!important; top:0!important; z-index:65!important; padding-right:30px!important; white-space:nowrap!important; } #ordersPage#ordersPage .orders-table thead th.order-note-toggle-th .order-extra-toggle{ display:inline-flex!important; visibility:visible!important; align-items:center!important; justify-content:center!important; position:absolute!important; right:4px!important; top:50%!important; transform:translateY(-50%)!important; width:22px!important; height:22px!important; min-width:22px!important; padding:0!important; margin:0!important; border:1px solid rgba(11,122,117,.18)!important; border-radius:8px!important; background:rgba(255,255,255,.88)!important; color:#0b7a75!important; font-weight:900!important; cursor:pointer!important; } #ordersPage#ordersPage:not(.order-extra-open) .orders-table{ width:max(100%,1358px)!important; min-width:1358px!important; max-width:none!important; } #ordersPage#ordersPage:not(.order-extra-open) .orders-table th:nth-child(22), #ordersPage#ordersPage:not(.order-extra-open) .orders-table td:nth-child(22), #ordersPage#ordersPage:not(.order-extra-open) .orders-table th:nth-child(23), #ordersPage#ordersPage:not(.order-extra-open) .orders-table td:nth-child(23), #ordersPage#ordersPage:not(.order-extra-open) .orders-table .order-extra-col{ display:none!important; visibility:hidden!important; width:0!important; min-width:0!important; max-width:0!important; padding:0!important; border:0!important; } #ordersPage#ordersPage.order-extra-open .orders-table th:nth-child(22), #ordersPage#ordersPage.order-extra-open .orders-table td:nth-child(22), #ordersPage#ordersPage.order-extra-open .orders-table th:nth-child(23), #ordersPage#ordersPage.order-extra-open .orders-table td:nth-child(23), #ordersPage#ordersPage.order-extra-open .orders-table .order-extra-col{ display:table-cell!important; visibility:visible!important; } #ordersPage#ordersPage.order-extra-open .orders-table{ width:max(100%,1516px)!important; min-width:1516px!important; max-width:none!important; } #ordersPage#ordersPage .orders-table th:nth-child(19), #ordersPage#ordersPage .orders-table td:nth-child(19), #ordersPage#ordersPage .orders-table th:nth-child(20), #ordersPage#ordersPage .orders-table td:nth-child(20), #ordersPage#ordersPage .orders-table .order-worker-cell{ width:48px!important; min-width:48px!important; max-width:48px!important; } #ordersPage#ordersPage .orders-table th:nth-child(21), #ordersPage#ordersPage .orders-table td:nth-child(21), #ordersPage#ordersPage .orders-table .order-note-toggle-th, #ordersPage#ordersPage .orders-table .order-note-cell{ width:96px!important; min-width:96px!important; max-width:96px!important; display:table-cell!important; visibility:visible!important; } /* Default order columns retain their readable fixed widths; extra columns stay toggleable. */ /* V200: keep the home task action column as a real table cell so grid lines align. */ #tasksPage #taskPanelBody .legacy-table{ table-layout:fixed!important; border-collapse:collapse!important; } #tasksPage #taskPanelBody .legacy-table th:nth-child(9), #tasksPage #taskPanelBody .legacy-table td:nth-child(9){ width:54px!important; min-width:54px!important; max-width:54px!important; text-align:center!important; vertical-align:middle!important; } #tasksPage #taskPanelBody .legacy-table th:nth-child(10), #tasksPage #taskPanelBody .legacy-table td:nth-child(10){ width:180px!important; min-width:180px!important; max-width:180px!important; text-align:center!important; vertical-align:middle!important; } #tasksPage #homeTaskRows td.task-row-actions{ display:table-cell!important; width:180px!important; min-width:180px!important; max-width:180px!important; height:54px!important; min-height:0!important; padding:6px 8px!important; text-align:center!important; vertical-align:middle!important; white-space:nowrap!important; overflow:hidden!important; box-sizing:border-box!important; font-size:0!important; } #tasksPage #homeTaskRows td.task-row-actions button{ display:inline-flex!important; width:34px!important; height:34px!important; min-width:34px!important; min-height:34px!important; max-width:34px!important; max-height:34px!important; margin:0 3px!important; vertical-align:middle!important; align-items:center!important; justify-content:center!important; font-size:15px!important; line-height:1!important; box-sizing:border-box!important; } /* V201: order-management table repair only. */ #ordersPage#ordersPage .data-table-wrap.order-table-wrap{ border-left:0!important; box-shadow:none!important; scrollbar-gutter:auto!important; } #ordersPage#ordersPage .orders-table{ border-collapse:separate!important; border-spacing:0!important; } #ordersPage#ordersPage .orders-table thead th, #ordersPage#ordersPage .orders-table tbody td{ border-left:0!important; border-right:1px solid rgba(11,122,117,.055)!important; border-bottom:1px solid rgba(11,122,117,.12)!important; background-clip:padding-box!important; } #ordersPage#ordersPage .orders-table thead th{ background:#eaf8f6!important; box-shadow:inset 0 -1px 0 rgba(11,122,117,.20)!important; } #ordersPage#ordersPage .orders-table thead th:first-child, #ordersPage#ordersPage .orders-table tbody td:first-child{ border-left:0!important; } #ordersPage#ordersPage .orders-table th:nth-child(15), #ordersPage#ordersPage .orders-table td:nth-child(15){ width:74px!important; min-width:74px!important; max-width:74px!important; background:inherit!important; } #ordersPage#ordersPage .orders-table td:nth-child(15), #ordersPage#ordersPage .orders-table td.money-cell{ color:#0b7a75!important; font-weight:900!important; opacity:1!important; visibility:visible!important; } #ordersPage#ordersPage .orders-table td:nth-child(15) .order-cell-clamp, #ordersPage#ordersPage .orders-table .money-cell .order-cell-clamp{ display:block!important; width:100%!important; max-width:100%!important; color:inherit!important; opacity:1!important; visibility:visible!important; text-align:center!important; overflow:hidden!important; white-space:nowrap!important; text-overflow:ellipsis!important; } #ordersPage#ordersPage .orders-table thead th.order-note-toggle-th{ background:#eaf8f6!important; border-bottom:1px solid rgba(11,122,117,.20)!important; box-shadow:inset 0 -1px 0 rgba(11,122,117,.20)!important; overflow:hidden!important; } #ordersPage#ordersPage .orders-table thead th.order-note-toggle-th .order-extra-toggle{ z-index:2!important; background:rgba(255,255,255,.92)!important; } /* V202: order-management customer filter picker button. */ #ordersPage#ordersPage .order-filter-bar-v96 .order-customer-filter-picker-field{ min-width:0!important; } #ordersPage#ordersPage .order-customer-filter-input-line{ display:grid!important; grid-template-columns:minmax(0,1fr) 42px!important; gap:6px!important; align-items:center!important; min-width:0!important; width:100%!important; } #ordersPage#ordersPage #orderCustomerSearch{ width:100%!important; min-width:0!important; } #ordersPage#ordersPage #orderCustomerFilterChooseBtn{ width:42px!important; min-width:42px!important; height:34px!important; border:1px solid rgba(11,122,117,.22)!important; border-radius:10px!important; background:rgba(255,255,255,.92)!important; color:#102033!important; font-size:16px!important; font-weight:900!important; line-height:1!important; cursor:pointer!important; } #ordersPage#ordersPage #orderCustomerFilterChooseBtn:hover{ background:rgba(11,122,117,.09)!important; border-color:rgba(11,122,117,.35)!important; color:#0b7a75!important; } /* V207: order-management table vertical-scroll and fixed right columns repair only. */ #ordersPage#ordersPage .data-table-wrap.order-table-wrap{ overflow-x:hidden!important; overflow-y:auto!important; scrollbar-gutter:auto!important; border-left:0!important; box-shadow:none!important; padding-bottom:0!important; } #ordersPage#ordersPage .orders-table, #ordersPage#ordersPage:not(.order-extra-open) .orders-table, #ordersPage#ordersPage.order-extra-open .orders-table{ width:100%!important; min-width:0!important; max-width:100%!important; table-layout:fixed!important; border-collapse:separate!important; border-spacing:0!important; } #ordersPage#ordersPage .orders-table thead th{ background:#eaf8f6!important; background-color:#eaf8f6!important; box-shadow:inset 0 -1px 0 rgba(11,122,117,.20)!important; } #ordersPage#ordersPage .orders-table thead th:nth-child(15){ background:#eaf8f6!important; background-color:#eaf8f6!important; color:#233247!important; } #ordersPage#ordersPage .orders-table tbody td:nth-child(15), #ordersPage#ordersPage .orders-table tbody td.money-cell{ display:table-cell!important; visibility:visible!important; opacity:1!important; background:transparent!important; color:#0b7a75!important; font-weight:900!important; text-align:center!important; } #ordersPage#ordersPage .orders-table tbody tr:nth-child(even) td:nth-child(15), #ordersPage#ordersPage .orders-table tbody tr:nth-child(even) td.money-cell{ background:transparent!important; } #ordersPage#ordersPage .orders-table tbody td:nth-child(15) .order-cell-clamp, #ordersPage#ordersPage .orders-table tbody td.money-cell .order-cell-clamp{ display:block!important; width:100%!important; max-width:100%!important; min-width:0!important; opacity:1!important; visibility:visible!important; color:inherit!important; text-align:center!important; overflow:hidden!important; white-space:nowrap!important; text-overflow:ellipsis!important; } #ordersPage#ordersPage .orders-table thead th:nth-child(15), #ordersPage#ordersPage .orders-table tbody td:nth-child(15){ width:6.2%!important; min-width:0!important; max-width:none!important; } #ordersPage#ordersPage .orders-table thead th.order-note-toggle-th{ position:sticky!important; top:0!important; right:0!important; z-index:90!important; background:#eaf8f6!important; background-color:#eaf8f6!important; border-bottom:1px solid rgba(11,122,117,.20)!important; border-left:1px solid rgba(11,122,117,.055)!important; border-right:1px solid rgba(11,122,117,.055)!important; padding-right:30px!important; overflow:visible!important; } #ordersPage#ordersPage .orders-table tbody td.order-note-cell{ position:sticky!important; right:0!important; z-index:8!important; background:transparent!important; background-color:transparent!important; box-shadow:none!important; border-left:1px solid rgba(11,122,117,.055)!important; border-right:1px solid rgba(11,122,117,.055)!important; } #ordersPage#ordersPage .orders-table tbody tr:nth-child(even) td.order-note-cell{ background:transparent!important; background-color:transparent!important; } #ordersPage#ordersPage .orders-table tbody tr:hover td.order-note-cell{ background:transparent!important; background-color:transparent!important; } #ordersPage#ordersPage .orders-table thead th.order-note-toggle-th .order-extra-toggle{ display:inline-flex!important; visibility:visible!important; opacity:1!important; pointer-events:auto!important; align-items:center!important; justify-content:center!important; position:absolute!important; right:4px!important; top:50%!important; transform:translateY(-50%)!important; width:22px!important; height:22px!important; min-width:22px!important; padding:0!important; margin:0!important; border:1px solid rgba(11,122,117,.20)!important; border-radius:8px!important; background:rgba(255,255,255,.94)!important; color:#0b7a75!important; font-size:12px!important; font-weight:900!important; line-height:1!important; z-index:5!important; } #ordersPage#ordersPage:not(.order-extra-open) .orders-table thead th.order-extra-col, #ordersPage#ordersPage:not(.order-extra-open) .orders-table tbody#ordersRows td.order-extra-col, #ordersPage#ordersPage:not(.order-extra-open) .orders-table tbody#ordersRows td:nth-child(22), #ordersPage#ordersPage:not(.order-extra-open) .orders-table tbody#ordersRows td:nth-child(23){ display:none!important; visibility:hidden!important; width:0!important; min-width:0!important; max-width:0!important; padding:0!important; border:0!important; } #ordersPage#ordersPage.order-extra-open .orders-table thead th.order-extra-col, #ordersPage#ordersPage.order-extra-open .orders-table tbody td.order-extra-col{ display:table-cell!important; visibility:visible!important; width:4.6%!important; min-width:0!important; max-width:none!important; padding:6px 3px!important; border-left:1px solid rgba(11,122,117,.055)!important; border-right:1px solid rgba(11,122,117,.055)!important; overflow:hidden!important; white-space:nowrap!important; text-overflow:ellipsis!important; } #ordersPage#ordersPage.order-extra-open .orders-table thead th.order-note-toggle-th, #ordersPage#ordersPage.order-extra-open .orders-table tbody td.order-note-cell{ right:9.2%!important; } #ordersPage#ordersPage.order-extra-open .orders-table thead th.order-extra-col:nth-child(22), #ordersPage#ordersPage.order-extra-open .orders-table tbody td.order-extra-col:nth-child(22){ position:sticky!important; right:4.6%!important; z-index:7!important; background:transparent!important; background-color:transparent!important; box-shadow:none!important; } /* V227 terminal invoice refinements: invoice page only. */ #invoicePage .invoice-toolbar-v218{ grid-template-columns:auto auto auto minmax(0,1fr)!important; gap:8px!important; } #invoicePage .invoice-toolbar-v218 .toolbar-group{ gap:5px!important; } #invoicePage .invoice-toolbar-v218 .toolbar-group .small{ padding-inline:9px!important; } #invoicePage .invoice-toolbar-v218 .invoice-filter-inline-v218{ justify-content:flex-end!important; gap:5px!important; } #invoicePage .invoice-toolbar-v218 .invoice-filter-inline-v218 label{ flex:0 0 58px!important; } #invoicePage .invoice-toolbar-v218 .invoice-filter-inline-v218 label.wide{ flex:0 1 390px!important; max-width:430px!important; } #invoicePage .invoice-toolbar-v218 .invoice-filter-inline-v218 label:has(#invoiceAccountFilter){ flex-basis:82px!important; } #invoicePage .invoice-toolbar-v218 .invoice-filter-inline-v218 label:has(#invoiceTypeFilter){ flex-basis:74px!important; } #invoicePage .invoice-toolbar-v218 .invoice-filter-inline-v218 label:has(#invoiceStartDate), #invoicePage .invoice-toolbar-v218 .invoice-filter-inline-v218 label:has(#invoiceEndDate){ flex-basis:92px!important; } #invoicePage .invoice-toolbar-v218 .invoice-filter-inline-v218 input, #invoicePage .invoice-toolbar-v218 .invoice-filter-inline-v218 select{ font-size:12px!important; padding-inline:7px!important; } #invoicePage .invoice-table-wrap{ overflow-x:auto!important; overflow-y:auto!important; } #invoicePage .invoice-table th, #invoicePage .invoice-table td{ padding:6px 5px!important; font-size:12px!important; line-height:18px!important; overflow:hidden!important; text-overflow:ellipsis!important; white-space:nowrap!important; } #invoicePage .invoice-table th{ background:#eaf8f6!important; color:#102033!important; font-weight:800!important; text-overflow:clip!important; } #invoicePage .invoice-table th:nth-child(1),#invoicePage .invoice-table td:nth-child(1){width:42px!important;} #invoicePage .invoice-table th:nth-child(2),#invoicePage .invoice-table td:nth-child(2){width:76px!important;} #invoicePage .invoice-table th:nth-child(5),#invoicePage .invoice-table td:nth-child(5){width:56px!important;} #invoicePage .invoice-table th:nth-child(6),#invoicePage .invoice-table td:nth-child(6){width:82px!important;} #invoicePage .invoice-table th:nth-child(14),#invoicePage .invoice-table td:nth-child(14), #invoicePage .invoice-table th:nth-child(15),#invoicePage .invoice-table td:nth-child(15), #invoicePage .invoice-table th:nth-child(16),#invoicePage .invoice-table td:nth-child(16){width:58px!important;} #invoicePage .invoice-table th:nth-child(17),#invoicePage .invoice-table td:nth-child(17){width:44px!important;} #invoicePage .invoice-table th:nth-child(19),#invoicePage .invoice-table td:nth-child(19){width:42px!important;} #invoicePage .invoice-table th:nth-child(20),#invoicePage .invoice-table td:nth-child(20){width:40px!important;} #invoicePage .invoice-search-mark{ background:#fff1a8!important; color:#102033!important; border-radius:3px!important; padding:0 1px!important; } #invoicePage .invoice-search-mark-whole{ display:inline!important; } #invoicePage .invoice-icon-btn{ width:28px!important; height:28px!important; min-width:28px!important; border-radius:9px!important; border:1px solid rgba(11,122,117,.18)!important; background:#fff!important; color:#08756f!important; display:inline-flex!important; align-items:center!important; justify-content:center!important; cursor:pointer!important; position:relative!important; } #invoicePage .invoice-icon-btn:hover{ background:#e8f8f5!important; border-color:rgba(11,122,117,.35)!important; } #invoicePage .invoice-file-icon::before{ content:"📄"; font-size:16px; line-height:1; } #invoicePage .invoice-file-icon span{ position:absolute!important; right:-5px!important; top:-6px!important; min-width:16px!important; height:16px!important; border-radius:999px!important; background:#079487!important; color:#fff!important; font-size:10px!important; line-height:16px!important; font-weight:800!important; } #invoicePage .invoice-order-icon{ font-size:15px!important; font-weight:800!important; } #invoicePage .invoice-status-badge{ min-width:46px!important; height:24px!important; padding:0 8px!important; border-radius:999px!important; display:inline-flex!important; align-items:center!important; justify-content:center!important; font-size:12px!important; font-weight:800!important; } #invoicePage .invoice-status-arrival.is-pending{background:#fee2e2!important;color:#d92d20!important;} #invoicePage .invoice-status-arrival.is-done{background:#d1fae5!important;color:#047857!important;} #invoicePage .invoice-status-return.is-pending{background:#ffedd5!important;color:#c2410c!important;} #invoicePage .invoice-status-return.is-done{background:#ccfbf1!important;color:#0f766e!important;} #invoicePage .invoice-status-complete.is-pending{background:#eef2ff!important;color:#475467!important;} #invoicePage .invoice-status-complete.is-done{background:#dbeafe!important;color:#1d4ed8!important;} #invoicePage .invoice-status-empty{background:#f1f5f9!important;color:#94a3b8!important;} .invoice-selection-box{ position:fixed!important; z-index:90000!important; pointer-events:none!important; border:1px solid rgba(11,122,117,.45)!important; background:rgba(13,148,136,.14)!important; border-radius:6px!important; } body.invoice-drag-selecting{ user-select:none!important; } #invoiceFormModal .invoice-oq-head{ cursor:move!important; } #invoiceFormModal .invoice-oq-card.is-dragging{ transition:none!important; user-select:none!important; } #invoiceFormModal .invoice-calc-preview{ display:grid!important; grid-template-columns:1fr!important; align-content:center!important; justify-items:start!important; gap:1px!important; line-height:20px!important; } #invoiceFormModal .invoice-hidden-grid{ grid-template-columns:repeat(12,minmax(0,1fr))!important; } #invoiceFormModal .invoice-hidden-grid .oq-field:nth-child(4), #invoiceFormModal .invoice-hidden-grid .oq-field:nth-child(5), #invoiceFormModal .invoice-hidden-grid .oq-field:nth-child(6), #invoiceFormModal .invoice-hidden-grid .oq-field:nth-child(7){ grid-column:span 3!important; } #invoiceFormModal .invoice-modal-actions #invoiceSaveForm{ order:1!important; } #invoiceFormModal .invoice-modal-actions #invoiceCancelForm{ order:2!important; } #invoiceFormModal .invoice-hoverable-btn, #invoiceFormModal #closeInvoiceForm, #invoiceFormModal #invoiceCancelForm, #invoiceDetailModal #closeInvoiceDetail, #invoiceFileModal #closeInvoiceFileModal{ transition:background .16s ease,border-color .16s ease,box-shadow .16s ease,transform .16s ease!important; } #invoiceDetailModal .invoice-detail-card .modal-head{ display:flex!important; align-items:center!important; justify-content:space-between!important; } #invoiceDetailModal .invoice-detail-head-actions{ display:flex!important; align-items:center!important; gap:8px!important; } #invoiceFileModal .invoice-file-tools{ gap:8px!important; flex-wrap:wrap!important; } @media(max-width:1560px){ #invoicePage .invoice-toolbar-v218 .invoice-filter-inline-v218{ grid-column:1/-1!important; justify-content:flex-start!important; } } #ordersPage#ordersPage.order-extra-open .orders-table thead th.order-extra-col:nth-child(23), #ordersPage#ordersPage.order-extra-open .orders-table tbody td.order-extra-col:nth-child(23){ position:sticky!important; right:0!important; z-index:7!important; background:transparent!important; background-color:transparent!important; box-shadow:none!important; } /* V242 worker ledger only: stable drag selection, full-row selected color, order linking. */ /* V260 order-management edge repair only. Case gallery remains locked. */ #ordersPage#ordersPage{ --order-right-gutter:12px; } #ordersPage#ordersPage .data-table-wrap.order-table-wrap{ border-radius:14px!important; border:1px solid rgba(190,226,223,.72)!important; background:#fff!important; overflow-x:hidden!important; overflow-y:auto!important; padding-right:var(--order-right-gutter)!important; padding-bottom:12px!important; box-shadow:none!important; background-clip:padding-box!important; } #ordersPage#ordersPage .orders-table{ border-radius:12px!important; overflow:hidden!important; background:#fff!important; } #ordersPage#ordersPage .orders-table thead th:first-child{ border-top-left-radius:10px!important; } #ordersPage#ordersPage:not(.order-extra-open) .orders-table thead th.order-note-toggle-th, #ordersPage#ordersPage:not(.order-extra-open) .orders-table tbody td.order-note-cell{ right:var(--order-right-gutter)!important; } #ordersPage#ordersPage.order-extra-open .orders-table thead th.order-note-toggle-th, #ordersPage#ordersPage.order-extra-open .orders-table tbody td.order-note-cell{ right:calc(9.2% + var(--order-right-gutter))!important; } #ordersPage#ordersPage.order-extra-open .orders-table thead th.order-extra-col:nth-child(22), #ordersPage#ordersPage.order-extra-open .orders-table tbody td.order-extra-col:nth-child(22){ right:calc(4.6% + var(--order-right-gutter))!important; } #ordersPage#ordersPage.order-extra-open .orders-table thead th.order-extra-col:nth-child(23), #ordersPage#ordersPage.order-extra-open .orders-table tbody td.order-extra-col:nth-child(23){ right:var(--order-right-gutter)!important; } #ordersPage#ordersPage .orders-table tbody tr:last-child td:first-child{ border-bottom-left-radius:10px!important; } #ordersPage#ordersPage:not(.order-extra-open) .orders-table tbody tr:last-child td.order-note-cell, #ordersPage#ordersPage.order-extra-open .orders-table tbody tr:last-child td.order-extra-col:nth-child(23){ border-bottom-right-radius:10px!important; } @media(max-height:760px){ } /* V243 worker ledger terminal lock: must stay after every worker legacy rule. */ @media(max-height:760px){ } /* V244 product manage only: unified modal shell and image viewer entry. */ #gpmProductEditorModal.product-editor-modal{ z-index: var(--layer-modal) !important; background:rgba(15,23,42,.32)!important; backdrop-filter:blur(12px) saturate(1.05)!important; -webkit-backdrop-filter:blur(12px) saturate(1.05)!important; padding:28px!important; } #gpmProductEditorModal .product-editor-card{ width:min(980px,calc(100vw - 72px))!important; max-height:calc(100vh - 72px)!important; overflow:hidden!important; border-radius:26px!important; background:linear-gradient(135deg,rgba(255,255,255,.94),rgba(239,252,250,.90))!important; border:1px solid rgba(255,255,255,.82)!important; box-shadow:0 28px 90px rgba(15,23,42,.28)!important; padding:22px 24px 20px!important; display:flex!important; flex-direction:column!important; } #gpmProductEditorModal .product-editor-head{ flex:0 0 auto!important; min-height:46px!important; margin:0 0 14px!important; padding-bottom:12px!important; border-bottom:1px solid rgba(11,122,117,.12)!important; } #gpmProductEditorModal .product-editor-head h3{ color:#0f2a3d!important; font-size:20px!important; font-weight:900!important; } #gpmProductEditorModal .product-editor-head .ghost-btn{ min-width:74px!important; height:40px!important; border-radius:12px!important; } #gpmProductEditorModal .product-editor-form{ flex:1 1 auto!important; min-height:0!important; overflow:auto!important; display:grid!important; grid-template-columns:1fr 1fr 1fr!important; gap:12px!important; padding:2px 2px 4px!important; align-items:start!important; } #gpmProductEditorModal .product-editor-form label, #gpmProductEditorModal .product-editor-form .gpm-product-switch-row, #gpmProductEditorModal .product-editor-form .gpm-product-image-field{ min-width:0!important; margin:0!important; padding:12px!important; border-radius:16px!important; background:rgba(255,255,255,.76)!important; box-shadow:0 12px 30px rgba(15,118,110,.05)!important; border:1px solid rgba(13,148,136,.08)!important; color:#334155!important; font-size:13px!important; font-weight:800!important; } #gpmProductEditorModal .gpm-product-image-field > span{ display:block!important; color:#334155!important; font-size:13px!important; font-weight:800!important; } #gpmProductEditorModal .product-editor-form input, #gpmProductEditorModal .product-editor-form select, #gpmProductEditorModal .product-editor-form textarea{ width:100%!important; min-width:0!important; box-sizing:border-box!important; border:1px solid rgba(13,148,136,.20)!important; border-radius:12px!important; background:rgba(255,255,255,.94)!important; color:#102033!important; font-weight:700!important; box-shadow:none!important; } #gpmProductEditorModal .product-editor-form input, #gpmProductEditorModal .product-editor-form select{ height:40px!important; padding:0 12px!important; } #gpmProductEditorModal .product-editor-form textarea{ min-height:74px!important; padding:10px 12px!important; resize:vertical!important; } #gpmProductEditorModal .product-editor-form .gpm-product-switch-row.wide{ grid-column:1 / -1!important; display:grid!important; grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:10px!important; padding:10px!important; } #gpmProductEditorModal .product-editor-form .gpm-product-switch-row .check-line{ height:44px!important; min-height:44px!important; display:flex!important; align-items:center!important; justify-content:center!important; gap:9px!important; padding:0 12px!important; border-radius:13px!important; background:rgba(240,253,250,.78)!important; border:1px solid rgba(13,148,136,.14)!important; box-shadow:none!important; font-size:14px!important; font-weight:900!important; color:#0f766e!important; } #gpmProductEditorModal .product-editor-form .check-line input#gpmProductEnabled, #gpmProductEditorModal .product-editor-form .check-line input#gpmProductShowInventory{ width:17px!important; height:17px!important; min-width:17px!important; min-height:17px!important; } #gpmProductEditorModal .gpm-product-image-field{ grid-column:1 / -1!important; gap:10px!important; } #gpmProductEditorModal .gpm-product-image-layout{ display:grid!important; grid-template-columns:150px minmax(0,1fr)!important; gap:12px!important; align-items:start!important; margin-top:8px!important; } #gpmProductEditorModal .gpm-product-image-preview{ width:150px!important; height:94px!important; min-width:150px!important; border-radius:16px!important; padding:0!important; border:1px dashed rgba(11,122,117,.30)!important; background:rgba(240,253,250,.74)!important; display:flex!important; align-items:center!important; justify-content:center!important; overflow:hidden!important; cursor:pointer!important; } #gpmProductEditorModal .gpm-product-image-preview:not(.has-image), #gpmProductEditorModal .gpm-product-image-preview:disabled{ cursor:default!important; } #gpmProductEditorModal .gpm-product-image-preview.has-image:hover{ border-color:#0b7a75!important; box-shadow:0 12px 28px rgba(11,122,117,.14)!important; } #gpmProductEditorModal .gpm-product-image-preview img{ width:100%!important; height:100%!important; object-fit:cover!important; } #gpmProductEditorModal .gpm-product-image-picker{ display:flex!important; align-items:center!important; gap:10px!important; flex-wrap:wrap!important; min-width:0!important; } #gpmProductEditorModal .gpm-product-upload-btn{ position:relative!important; flex:0 0 112px!important; width:112px!important; height:38px!important; min-width:112px!important; display:inline-flex!important; align-items:center!important; justify-content:center!important; padding:0!important; margin:0!important; overflow:hidden!important; border-radius:12px!important; border:1px solid rgba(13,148,136,.22)!important; background:#fff!important; color:#0b7a75!important; font-size:13px!important; font-weight:900!important; cursor:pointer!important; box-shadow:none!important; } #gpmProductEditorModal .gpm-product-upload-btn:hover, #gpmProductEditorModal #gpmProductImageRemove:hover{ border-color:#0b7a75!important; background:#f3faf9!important; transform:translateY(-1px)!important; } #gpmProductEditorModal .gpm-product-upload-btn input[type="file"]{ position:absolute!important; inset:0!important; width:100%!important; height:100%!important; min-width:0!important; opacity:0!important; cursor:pointer!important; padding:0!important; border:0!important; } #gpmProductEditorModal #gpmProductImageRemove{ flex:0 0 112px!important; width:112px!important; min-width:112px!important; height:38px!important; white-space:nowrap!important; padding:0!important; border-radius:12px!important; transition:transform .16s ease, background .16s ease, border-color .16s ease!important; } #gpmProductEditorModal .gpm-product-image-list{ flex:1 1 100%!important; width:100%!important; min-height:42px!important; display:flex!important; align-items:flex-start!important; gap:8px!important; flex-wrap:wrap!important; padding:8px!important; border:1px solid rgba(11,122,117,.12)!important; border-radius:14px!important; background:rgba(255,255,255,.56)!important; } #gpmProductEditorModal .gpm-product-image-empty{ color:#8aa0ad!important; font-size:12px!important; line-height:26px!important; } #gpmProductEditorModal .gpm-product-image-item{ width:88px!important; min-width:88px!important; padding:5px!important; border-radius:12px!important; border:1px solid rgba(11,122,117,.12)!important; background:rgba(255,255,255,.82)!important; display:grid!important; grid-template-columns:1fr 24px!important; gap:5px!important; align-items:center!important; } #gpmProductEditorModal .gpm-product-image-item.active{ border-color:rgba(11,122,117,.42)!important; background:#e0f0ee!important; } #gpmProductEditorModal .gpm-product-image-thumb{ grid-column:1 / -1!important; width:100%!important; height:50px!important; border:0!important; padding:0!important; border-radius:9px!important; overflow:hidden!important; background:rgba(240,253,250,.85)!important; cursor:pointer!important; } #gpmProductEditorModal .gpm-product-image-thumb img{ width:100%!important; height:100%!important; display:block!important; object-fit:cover!important; } #gpmProductEditorModal .gpm-product-main-btn{ min-width:0!important; width:100%!important; height:24px!important; padding:0 6px!important; border-radius:8px!important; border:1px solid rgba(11,122,117,.18)!important; background:#fff!important; color:#0b7a75!important; font-size:11px!important; font-weight:900!important; white-space:nowrap!important; } #gpmProductEditorModal .gpm-product-image-item.active .gpm-product-main-btn{ background:#0b7a75!important; color:#fff!important; } #gpmProductEditorModal .gpm-product-image-del{ width:24px!important; height:24px!important; min-width:24px!important; padding:0!important; border-radius:8px!important; border:1px solid rgba(239,68,68,.18)!important; background:#fff5f5!important; color:#ef4444!important; font-size:15px!important; font-weight:900!important; line-height:1!important; } #gpmProductEditorModal .gpm-product-main-btn:hover, #gpmProductEditorModal .gpm-product-image-del:hover, #gpmProductEditorModal .gpm-product-image-thumb:hover{ transform:translateY(-1px)!important; box-shadow:0 6px 14px rgba(11,122,117,.12)!important; } #gpmProductEditorModal .product-editor-form .form-actions.wide{ grid-column:1 / -1!important; display:flex!important; justify-content:center!important; align-items:center!important; gap:12px!important; padding-top:4px!important; } #gpmProductEditorModal .product-editor-form .form-actions .primary-btn, #gpmProductEditorModal .product-editor-form .form-actions .ghost-btn{ min-width:110px!important; height:40px!important; border-radius:12px!important; white-space:nowrap!important; } #productManagePage button.gpm-product-thumb{ padding:0!important; cursor:pointer!important; border:1px solid rgba(11,122,117,.22)!important; } #productManagePage button.gpm-product-thumb:hover{ border-color:#0b7a75!important; box-shadow:0 6px 14px rgba(11,122,117,.18)!important; transform:translateY(-1px)!important; } @media (max-width:980px){ #gpmProductEditorModal .product-editor-card{ width:calc(100vw - 32px)!important; max-height:calc(100vh - 32px)!important; padding:18px!important; } #gpmProductEditorModal .product-editor-form{ grid-template-columns:1fr!important; } #gpmProductEditorModal .gpm-product-image-layout{ grid-template-columns:1fr!important; } } /* V243 worker ledger lock: stable drag selection and full-row selected color. */ @media(max-height:760px){ } body.worker-drag-selecting #workerLedgerPage, body.worker-drag-selecting #workerLedgerPage .worker-ledger-card, body.worker-drag-selecting #workerLedgerPage .worker-detail, body.worker-drag-selecting #workerLedgerPage .worker-table-wrap{ overflow-anchor:none!important; } body #workerLedgerPage .worker-ledger-table tbody tr.worker-row-selected, body #workerLedgerPage .worker-ledger-table tbody tr.worker-row-selected:hover{ background:#e0f0ee!important; background-color:#e0f0ee!important; background-image:none!important; } body #workerLedgerPage .worker-ledger-table tbody tr.worker-row-selected > td, body #workerLedgerPage .worker-ledger-table tbody tr.worker-row-selected:hover > td, body #workerLedgerPage .worker-ledger-table tbody tr.worker-row-selected > td:nth-child(1), body #workerLedgerPage .worker-ledger-table tbody tr.worker-row-selected > td:nth-child(2), body #workerLedgerPage .worker-ledger-table tbody tr.worker-row-selected > td:nth-child(3), body #workerLedgerPage .worker-ledger-table tbody tr.worker-row-selected > td:nth-child(4), body #workerLedgerPage .worker-ledger-table tbody tr.worker-row-selected > td:nth-child(5), body #workerLedgerPage .worker-ledger-table tbody tr.worker-row-selected > td:nth-child(6), body #workerLedgerPage .worker-ledger-table tbody tr.worker-row-selected > td:nth-child(7), body #workerLedgerPage .worker-ledger-table tbody tr.worker-row-selected > td:nth-child(8), body #workerLedgerPage .worker-ledger-table tbody tr.worker-row-selected > td:nth-child(9), body #workerLedgerPage .worker-ledger-table tbody tr.worker-row-selected > td:nth-child(10), body #workerLedgerPage .worker-ledger-table tbody tr.worker-row-selected > td:nth-child(11), body #workerLedgerPage .worker-ledger-table tbody tr.worker-row-selected > td.worker-edit-cell, body #workerLedgerPage .worker-ledger-table tbody tr.worker-row-selected > td.worker-account-cell, body #workerLedgerPage .worker-ledger-table tbody tr.worker-row-selected > td.worker-paid-cell, body #workerLedgerPage .worker-ledger-table tbody tr.worker-row-selected > td.worker-work-cell, body #workerLedgerPage .worker-ledger-table tbody tr.worker-row-selected > td.worker-note-cell, body #workerLedgerPage .worker-ledger-table tbody tr.worker-row-selected > td.worker-order-cell, body #workerLedgerPage .worker-ledger-table tbody tr.worker-row-selected > td.worker-image-cell, body #workerLedgerPage .worker-ledger-table tbody tr.worker-row-selected > td.worker-operator-cell{ background:#e0f0ee!important; background-color:#e0f0ee!important; background-image:none!important; filter:none!important; } /* V240: 工人对账表格高度随屏幕自适应，只约束工人对账页面。 */ #workerLedgerPage .worker-detail{ min-height:0!important; } #workerLedgerPage .worker-ledger-card{ overflow:hidden!important; } #workerLedgerPage .worker-table-wrap{ height:clamp(260px, calc(100vh - 430px), 58vh)!important; max-height:clamp(260px, calc(100vh - 430px), 58vh)!important; min-height:220px!important; overflow-y:auto!important; overflow-x:auto!important; } @media (min-height:1100px){ #workerLedgerPage .worker-table-wrap{ height:clamp(340px, calc(100vh - 470px), 64vh)!important; max-height:clamp(340px, calc(100vh - 470px), 64vh)!important; } } @media (max-height:760px){ #workerLedgerPage .worker-table-wrap{ height:clamp(180px, calc(100vh - 390px), 46vh)!important; max-height:clamp(180px, calc(100vh - 390px), 46vh)!important; min-height:180px!important; } } /* V235 worker ledger only: compact unpaid-first filters, batch actions, and narrow utility columns. */ #workerLedgerPage .worker-v133-toolbar{ display:flex!important; flex-wrap:wrap!important; align-items:end!important; gap:8px!important; } #workerLedgerPage .worker-v133-toolbar .worker-current{ flex:0 0 118px!important; } #workerLedgerPage .worker-batch-actions{ display:flex!important; flex:0 0 auto!important; gap:6px!important; align-items:end!important; } #workerLedgerPage .worker-batch-actions button{ height:36px!important; min-height:36px!important; padding:0 10px!important; white-space:nowrap!important; } #workerLedgerPage .worker-v133-toolbar label:nth-of-type(1){ flex:0 1 260px!important; min-width:210px!important; } #workerLedgerPage .worker-v133-toolbar label:nth-of-type(2), #workerLedgerPage .worker-v133-toolbar label:nth-of-type(3){ flex:0 0 118px!important; } #workerLedgerPage .worker-v133-toolbar label:nth-of-type(4){ flex:0 0 96px!important; } #workerLedgerPage .worker-v133-toolbar label:nth-of-type(5){ flex:0 0 92px!important; } #workerLedgerPage .worker-v133-toolbar label:nth-of-type(6){ flex:0 0 82px!important; } #workerLedgerPage #workerBackBtn:hover, #workerLedgerPage #workerResetBtn:hover, #workerLedgerPage #workerFontPlus:hover, #workerLedgerPage #workerFontMinus:hover, #workerLedgerPage #workerExportBtn:hover, #workerLedgerPage .worker-batch-actions button:hover{ transform:translateY(-1px)!important; background:#f3faf9!important; border-color:rgba(11,122,117,.28)!important; color:#0b7a75!important; box-shadow:0 8px 20px rgba(11,122,117,.12)!important; } #workerLedgerPage .worker-ledger-table{ min-width:0!important; width:100%!important; table-layout:fixed!important; } #workerLedgerPage .worker-ledger-table th:nth-child(1),#workerLedgerPage .worker-ledger-table td:nth-child(1){width:38px!important;text-align:center!important;} #workerLedgerPage .worker-ledger-table th:nth-child(2),#workerLedgerPage .worker-ledger-table td:nth-child(2){width:44px!important;text-align:center!important;} #workerLedgerPage .worker-ledger-table th:nth-child(3),#workerLedgerPage .worker-ledger-table td:nth-child(3){width:112px!important;text-align:center!important;} #workerLedgerPage .worker-ledger-table th:nth-child(4),#workerLedgerPage .worker-ledger-table td:nth-child(4){width:auto!important;text-align:left!important;white-space:normal!important;} #workerLedgerPage .worker-ledger-table th:nth-child(5),#workerLedgerPage .worker-ledger-table td:nth-child(5), #workerLedgerPage .worker-ledger-table th:nth-child(6),#workerLedgerPage .worker-ledger-table td:nth-child(6){width:100px!important;text-align:center!important;} #workerLedgerPage .worker-ledger-table th:nth-child(7),#workerLedgerPage .worker-ledger-table td:nth-child(7){width:220px!important;text-align:left!important;} #workerLedgerPage .worker-ledger-table th:nth-child(8),#workerLedgerPage .worker-ledger-table td:nth-child(8){width:48px!important;text-align:center!important;} #workerLedgerPage .worker-ledger-table th:nth-child(9),#workerLedgerPage .worker-ledger-table td:nth-child(9){width:54px!important;text-align:center!important;} #workerLedgerPage .worker-ledger-table th:nth-child(10),#workerLedgerPage .worker-ledger-table td:nth-child(10){width:58px!important;text-align:center!important;} #workerLedgerPage .worker-ledger-table th:nth-child(11),#workerLedgerPage .worker-ledger-table td:nth-child(11){width:72px!important;text-align:center!important;} #workerLedgerPage .worker-operator-cell{ max-width:58px!important; white-space:nowrap!important; overflow:hidden!important; text-overflow:ellipsis!important; } #workerLedgerPage .worker-edit-actions{ display:inline-flex!important; align-items:center!important; justify-content:center!important; gap:4px!important; width:100%!important; } #workerLedgerPage .worker-icon-btn{ width:24px!important; height:24px!important; min-width:24px!important; padding:0!important; display:inline-flex!important; align-items:center!important; justify-content:center!important; border-radius:8px!important; border:1px solid rgba(11,122,117,.16)!important; background:#fff!important; color:#0b7a75!important; font-size:15px!important; font-weight:900!important; line-height:1!important; cursor:pointer!important; box-shadow:0 4px 10px rgba(15,23,42,.05)!important; } #workerLedgerPage .worker-icon-btn:hover{ background:#ecfdf5!important; border-color:rgba(11,122,117,.34)!important; transform:translateY(-1px)!important; } #workerLedgerPage .worker-delete-btn{ color:#c92a24!important; border-color:rgba(201,42,36,.18)!important; } #workerLedgerPage .worker-delete-btn:hover{ background:#fff1f0!important; border-color:rgba(201,42,36,.34)!important; } #workerLedgerPage .worker-icon-btn:disabled{ opacity:.45!important; cursor:not-allowed!important; transform:none!important; } #workerLedgerPage .worker-settle-run-btn{ width:24px!important; height:24px!important; min-width:24px!important; padding:0!important; border-radius:7px!important; border:1px solid rgba(11,122,117,.24)!important; background:#fff!important; color:#0b7a75!important; font-size:15px!important; font-weight:900!important; line-height:1!important; cursor:pointer!important; display:inline-flex!important; align-items:center!important; justify-content:center!important; } #workerLedgerPage .worker-settle-run-btn:hover{ background:#ecfdf5!important; border-color:rgba(11,122,117,.42)!important; box-shadow:0 4px 12px rgba(11,122,117,.10)!important; } #workerLedgerPage .worker-settle-run-btn:disabled{ opacity:.38!important; cursor:not-allowed!important; box-shadow:none!important; } #workerLedgerPage .worker-ledger-table tbody tr.worker-row-selected, #workerLedgerPage .worker-ledger-table tbody tr.worker-row-selected td, #workerLedgerPage .worker-ledger-table tbody tr.worker-row-selected td.worker-account-cell, #workerLedgerPage .worker-ledger-table tbody tr.worker-row-selected td.worker-paid-cell, #workerLedgerPage .worker-ledger-table tbody tr.worker-row-selected td.worker-note-cell, #workerLedgerPage .worker-ledger-table tbody tr.worker-row-selected td.worker-work-cell{ background:#e0f0ee!important; background-image:none!important; } #workerLedgerPage .worker-ledger-table tbody tr.worker-row-selected td:first-child{ box-shadow:inset 4px 0 0 #0b8f87!important; } #workerLedgerPage .worker-ledger-table tbody tr.worker-row-selected:hover td{ background:#e0f0ee!important; background-image:none!important; } #workerLedgerPage .worker-ledger-table tbody tr:not(.worker-row-selected):hover td{ background:#f3faf9!important; } #workerLedgerPage .worker-selection-box{ position:fixed!important; z-index:90000!important; pointer-events:none!important; border:1px solid rgba(11,122,117,.45)!important; background:rgba(13,148,136,.14)!important; border-radius:6px!important; } body.worker-drag-selecting{ user-select:none!important; } #workerLedgerPage .worker-row-context-menu{ min-width:128px!important; z-index: var(--layer-dropdown) !important; } /* V229 invoice page final fixes only. Login page and home page are intentionally untouched. */ #invoicePage .invoice-toolbar-v218{ display:grid!important; grid-template-columns:auto auto auto minmax(1080px,1fr)!important; align-items:end!important; column-gap:10px!important; row-gap:8px!important; overflow:visible!important; } #invoicePage .invoice-toolbar-v218 .invoice-filter-inline-v218{ min-width:0!important; width:100%!important; display:grid!important; grid-template-columns:minmax(260px,340px) 104px 92px 76px 76px 76px 102px 102px 54px 54px!important; align-items:end!important; gap:8px!important; padding:0!important; margin:0!important; border:0!important; background:transparent!important; box-shadow:none!important; } #invoicePage .invoice-filter-inline-v218 label, #invoicePage .invoice-toolbar-v218 .invoice-filter-inline-v218 label{ min-width:0!important; flex:none!important; display:grid!important; gap:3px!important; font-size:11px!important; line-height:14px!important; font-weight:800!important; color:#475467!important; } #invoicePage .invoice-filter-inline-v218 label.wide, #invoicePage .invoice-toolbar-v218 .invoice-filter-inline-v218 label.wide{ width:auto!important; max-width:none!important; } #invoicePage .invoice-filter-inline-v218 input, #invoicePage .invoice-filter-inline-v218 select, #invoicePage .invoice-toolbar-v218 .invoice-filter-inline-v218 input, #invoicePage .invoice-toolbar-v218 .invoice-filter-inline-v218 select{ width:100%!important; min-width:0!important; height:32px!important; min-height:32px!important; border-radius:9px!important; padding:4px 8px!important; font-size:12px!important; font-weight:500!important; box-sizing:border-box!important; } #invoicePage .invoice-filter-inline-v218 #invoiceStartDate, #invoicePage .invoice-filter-inline-v218 #invoiceEndDate{ width:100%!important; } #invoicePage .invoice-filter-inline-v218 button, #invoicePage .invoice-toolbar-v218 .invoice-filter-inline-v218 button{ width:54px!important; min-width:54px!important; height:32px!important; min-height:32px!important; padding:0!important; border-radius:9px!important; white-space:nowrap!important; } #invoicePage .invoice-table-wrap{ overflow-y:auto!important; overflow-x:hidden!important; } #invoicePage .invoice-table th, #invoicePage .invoice-table td{ height:40px!important; padding:6px 5px!important; text-align:center!important; vertical-align:middle!important; white-space:nowrap!important; overflow:hidden!important; text-overflow:ellipsis!important; border-color:rgba(11,122,117,.08)!important; } #invoicePage .invoice-table th{ background:linear-gradient(180deg,#f8fffe,#e9f7f5)!important; color:#102033!important; font-weight:900!important; text-overflow:clip!important; } #invoicePage .invoice-table th:nth-child(1),#invoicePage .invoice-table td:nth-child(1){width:34px!important;min-width:34px!important;} #invoicePage .invoice-table th:nth-child(2),#invoicePage .invoice-table td:nth-child(2){width:46px!important;min-width:46px!important;} #invoicePage .invoice-table th:nth-child(3),#invoicePage .invoice-table td:nth-child(3){width:78px!important;min-width:78px!important;} #invoicePage .invoice-table th:nth-child(4),#invoicePage .invoice-table td:nth-child(4){width:13.5%!important;text-align:left!important;} #invoicePage .invoice-table th:nth-child(5),#invoicePage .invoice-table td:nth-child(5){width:11.5%!important;text-align:left!important;} #invoicePage .invoice-table th:nth-child(6),#invoicePage .invoice-table td:nth-child(6){width:58px!important;min-width:58px!important;} #invoicePage .invoice-table th:nth-child(7),#invoicePage .invoice-table td:nth-child(7){width:92px!important;min-width:92px!important;} #invoicePage .invoice-table th:nth-child(8),#invoicePage .invoice-table td:nth-child(8){width:7.2%!important;} #invoicePage .invoice-table th:nth-child(9),#invoicePage .invoice-table td:nth-child(9), #invoicePage .invoice-table th:nth-child(10),#invoicePage .invoice-table td:nth-child(10){width:5.1%!important;} #invoicePage .invoice-table th:nth-child(11),#invoicePage .invoice-table td:nth-child(11){width:4.3%!important;} #invoicePage .invoice-table th:nth-child(12),#invoicePage .invoice-table td:nth-child(12){width:3.5%!important;} #invoicePage .invoice-table th:nth-child(13),#invoicePage .invoice-table td:nth-child(13){width:4.4%!important;} #invoicePage .invoice-table th:nth-child(14),#invoicePage .invoice-table td:nth-child(14){width:5.2%!important;} #invoicePage .invoice-table th:nth-child(15),#invoicePage .invoice-table td:nth-child(15), #invoicePage .invoice-table th:nth-child(16),#invoicePage .invoice-table td:nth-child(16), #invoicePage .invoice-table th:nth-child(17),#invoicePage .invoice-table td:nth-child(17){width:4.8%!important;} #invoicePage .invoice-table th:nth-child(18),#invoicePage .invoice-table td:nth-child(18){width:48px!important;min-width:48px!important;} #invoicePage .invoice-table th:nth-child(19),#invoicePage .invoice-table td:nth-child(19){width:7.5%!important;text-align:left!important;} #invoicePage .invoice-table th:nth-child(20),#invoicePage .invoice-table td:nth-child(20){width:46px!important;min-width:46px!important;} #invoicePage .invoice-table th:nth-child(21),#invoicePage .invoice-table td:nth-child(21){width:52px!important;min-width:52px!important;} #invoicePage .invoice-table th:nth-child(1), #invoicePage .invoice-table th:nth-child(2), #invoicePage .invoice-table th:nth-child(3), #invoicePage .invoice-table th:nth-child(6), #invoicePage .invoice-table th:nth-child(7), #invoicePage .invoice-table th:nth-child(20), #invoicePage .invoice-table th:nth-child(21){ overflow:visible!important; text-overflow:clip!important; } #invoicePage .invoice-select-th, #invoicePage .invoice-select-td{ text-align:center!important; } #invoicePage .invoice-row-check{ width:15px!important; height:15px!important; margin:0!important; accent-color:#0b7a75!important; cursor:pointer!important; } body.invoice-drag-selecting{ user-select:none!important; cursor:crosshair!important; } #invoicePage .invoice-data-row:hover td{ background:#eefbf8!important; } #invoiceFormModal .invoice-calc-preview{ display:grid!important; grid-template-columns:1fr!important; align-content:center!important; justify-items:start!important; gap:2px!important; white-space:normal!important; line-height:21px!important; } #invoiceFormModal .invoice-hidden-grid .oq-field:nth-child(1){grid-column:span 3!important;} #invoiceFormModal .invoice-hidden-grid .oq-field:nth-child(2){grid-column:span 3!important;} #invoiceFormModal .invoice-hidden-grid .oq-field:nth-child(3){grid-column:span 3!important;} #invoiceFormModal .invoice-hidden-grid .oq-field:nth-child(4){grid-column:span 3!important;} #invoiceFormModal .invoice-hidden-grid .oq-field:nth-child(5){grid-column:span 2!important;} #invoiceFormModal .invoice-hidden-grid .oq-field:nth-child(8){grid-column:span 3!important;} @media(max-width:1780px){ #invoicePage .invoice-toolbar-v218{ grid-template-columns:auto auto auto!important; } #invoicePage .invoice-toolbar-v218 .invoice-filter-inline-v218{ grid-column:1/-1!important; grid-template-columns:minmax(260px,1fr) 112px 96px 80px 80px 80px 108px 108px 58px 58px!important; } } @media(max-width:980px){ #invoicePage .invoice-toolbar-v218 .invoice-filter-inline-v218{ grid-template-columns:1fr 1fr!important; } #invoiceFormModal .invoice-hidden-grid{ grid-template-columns:1fr!important; } #invoiceFormModal .invoice-hidden-grid .oq-field, #invoiceFormModal .invoice-hidden-grid .oq-field:nth-child(n){ grid-column:1/-1!important; } } /* V228 final invoice-only fixes. 登录页和首页锁定，不在此处覆盖。 */ #invoicePage .invoice-toolbar-v218{ display:grid!important; grid-template-columns:auto auto auto minmax(720px,1fr)!important; align-items:end!important; gap:8px!important; overflow:visible!important; } #invoicePage .invoice-toolbar-v218 .invoice-filter-inline-v218{ width:100%!important; min-width:0!important; display:grid!important; grid-template-columns:minmax(220px,360px) 92px 76px 70px 70px 70px 100px 100px auto auto!important; align-items:end!important; gap:6px!important; padding:0!important; margin:0!important; border:0!important; background:transparent!important; box-shadow:none!important; } #invoicePage .invoice-toolbar-v218 .invoice-filter-inline-v218 label{ min-width:0!important; display:grid!important; gap:3px!important; font-size:11px!important; line-height:14px!important; font-weight:800!important; color:#475467!important; } #invoicePage .invoice-toolbar-v218 .invoice-filter-inline-v218 label.wide{ max-width:360px!important; } #invoicePage .invoice-toolbar-v218 .invoice-filter-inline-v218 button{ height:32px!important; min-height:32px!important; padding:0 10px!important; border-radius:9px!important; white-space:nowrap!important; } #invoicePage .invoice-table-wrap{ max-height:calc(100vh - 390px)!important; overflow-y:auto!important; overflow-x:hidden!important; border-radius:16px!important; border:1px solid rgba(11,122,117,.13)!important; } #invoicePage .invoice-table th, #invoicePage .invoice-table td{ height:40px!important; padding:6px 6px!important; text-align:center!important; vertical-align:middle!important; white-space:nowrap!important; overflow:hidden!important; text-overflow:ellipsis!important; border-color:rgba(11,122,117,.08)!important; } #invoicePage .invoice-table th{ position:sticky!important; top:0!important; z-index:3!important; background:linear-gradient(180deg,#f8fffe,#e9f7f5)!important; color:#102033!important; font-weight:900!important; text-overflow:clip!important; box-shadow:inset 0 -1px 0 rgba(11,122,117,.22)!important; } #invoicePage .invoice-table th:nth-child(1),#invoicePage .invoice-table td:nth-child(1){width:42px!important;min-width:42px!important;} #invoicePage .invoice-table th:nth-child(2),#invoicePage .invoice-table td:nth-child(2){width:82px!important;min-width:82px!important;} #invoicePage .invoice-table th:nth-child(3),#invoicePage .invoice-table td:nth-child(3){width:13.5%!important;text-align:left!important;} #invoicePage .invoice-table th:nth-child(4),#invoicePage .invoice-table td:nth-child(4){width:12%!important;text-align:left!important;} #invoicePage .invoice-table th:nth-child(5),#invoicePage .invoice-table td:nth-child(5){width:58px!important;min-width:58px!important;} #invoicePage .invoice-table th:nth-child(6),#invoicePage .invoice-table td:nth-child(6){width:92px!important;min-width:92px!important;} #invoicePage .invoice-table th:nth-child(7),#invoicePage .invoice-table td:nth-child(7){width:7.5%!important;} #invoicePage .invoice-table th:nth-child(8),#invoicePage .invoice-table td:nth-child(8), #invoicePage .invoice-table th:nth-child(9),#invoicePage .invoice-table td:nth-child(9), #invoicePage .invoice-table th:nth-child(10),#invoicePage .invoice-table td:nth-child(10), #invoicePage .invoice-table th:nth-child(12),#invoicePage .invoice-table td:nth-child(12), #invoicePage .invoice-table th:nth-child(13),#invoicePage .invoice-table td:nth-child(13){width:70px!important;} #invoicePage .invoice-table th:nth-child(11),#invoicePage .invoice-table td:nth-child(11){width:46px!important;} #invoicePage .invoice-table th:nth-child(14),#invoicePage .invoice-table td:nth-child(14), #invoicePage .invoice-table th:nth-child(15),#invoicePage .invoice-table td:nth-child(15), #invoicePage .invoice-table th:nth-child(16),#invoicePage .invoice-table td:nth-child(16){width:62px!important;} #invoicePage .invoice-table th:nth-child(17),#invoicePage .invoice-table td:nth-child(17){width:48px!important;} #invoicePage .invoice-table th:nth-child(18),#invoicePage .invoice-table td:nth-child(18){width:8.5%!important;text-align:left!important;} #invoicePage .invoice-table th:nth-child(19),#invoicePage .invoice-table td:nth-child(19){width:46px!important;} #invoicePage .invoice-table th:nth-child(20),#invoicePage .invoice-table td:nth-child(20){width:44px!important;} #invoicePage .invoice-table th:nth-child(1), #invoicePage .invoice-table th:nth-child(2), #invoicePage .invoice-table th:nth-child(5), #invoicePage .invoice-table th:nth-child(6){ overflow:visible!important; white-space:nowrap!important; } #invoicePage .invoice-data-row:hover td{ background:#f0fbf8!important; } #invoicePage .invoice-data-row.invoice-row-selected td, #invoicePage .invoice-data-row.selected-row td{ background:#c9f7ef!important; box-shadow:inset 0 1px 0 rgba(11,122,117,.12), inset 0 -1px 0 rgba(11,122,117,.12)!important; } #invoicePage .invoice-pager{ display:flex!important; align-items:center!important; justify-content:center!important; flex-wrap:nowrap!important; gap:12px!important; } #invoicePage .invoice-pager label{ display:inline-flex!important; flex-direction:row!important; align-items:center!important; gap:8px!important; margin:0!important; white-space:nowrap!important; } #invoicePage .invoice-pager select{ width:82px!important; min-width:82px!important; } #invoiceFormModal .invoice-calc-preview{ display:grid!important; grid-template-columns:1fr!important; align-content:center!important; justify-items:start!important; gap:2px!important; line-height:20px!important; white-space:normal!important; } #invoiceFormModal .invoice-calc-preview span{ display:block!important; } #invoiceFormModal .invoice-hidden-grid .oq-field:nth-child(9), #invoiceFormModal .invoice-hidden-grid .oq-field:nth-child(10), #invoiceFormModal .invoice-hidden-grid .oq-field:nth-child(11){grid-column:span 4!important;} #invoiceFormModal #closeInvoiceForm, #invoiceFormModal #invoiceCancelForm, #invoiceDetailModal #closeInvoiceDetail, #invoiceFileModal #closeInvoiceFileModal{ transition:background .16s ease,border-color .16s ease,box-shadow .16s ease,transform .16s ease!important; } #invoiceFormModal #closeInvoiceForm:hover, #invoiceFormModal #invoiceCancelForm:hover, #invoiceDetailModal #closeInvoiceDetail:hover, #invoiceFileModal #closeInvoiceFileModal:hover{ background:#e8f8f5!important; border-color:rgba(11,122,117,.32)!important; box-shadow:0 8px 20px rgba(11,122,117,.12)!important; transform:translateY(-1px)!important; } #invoiceFormModal #invoiceSaveForm:hover{ filter:brightness(1.04)!important; box-shadow:0 10px 22px rgba(11,122,117,.20)!important; transform:translateY(-1px)!important; } @media(max-width:1560px){ #invoicePage .invoice-toolbar-v218 .invoice-filter-inline-v218{ grid-column:1/-1!important; grid-template-columns:minmax(220px,1fr) repeat(5,76px) 100px 100px auto auto!important; } #invoicePage .invoice-table-wrap{ overflow-x:auto!important; } } /* V223 final invoice precedence. This block must stay after older invoice overrides. */ #invoicePage .invoice-file-icon::before{content:"PDF";font-size:9px;font-weight:900;letter-spacing:0;color:#08756f;} @media(max-width:1560px){ } @media(max-width:980px){ } /* V222 invoice-only final layout overrides. Keep login, home and order table untouched. */ #invoiceFormModal .invoice-oq-card{ width:min(1720px,94vw)!important; max-height:calc(100vh - 52px)!important; overflow:hidden!important; display:flex!important; flex-direction:column!important; padding:18px 20px!important; border-radius:26px!important; border:1px solid rgba(255,255,255,.76)!important; background: linear-gradient(135deg,rgba(255,255,255,.95),rgba(236,252,250,.88)), radial-gradient(circle at 20% 5%,rgba(215,245,240,.78),transparent 32%)!important; box-shadow:0 28px 80px rgba(15,23,42,.26), inset 0 1px 0 rgba(255,255,255,.78)!important; } #invoiceFormModal .invoice-oq-card.is-dragging{user-select:none!important;cursor:grabbing!important;} #invoiceFormModal .invoice-oq-head h2{ color:#102033!important; font-size:26px!important; font-weight:900!important; line-height:1.2!important; margin:0!important; } #invoiceFormModal #closeInvoiceForm{ height:42px!important; min-width:78px!important; border-radius:14px!important; background:rgba(255,255,255,.92)!important; } #invoiceFormModal .invoice-oq-section{ flex:0 0 auto!important; padding:12px 14px 14px!important; border-radius:20px!important; border:1px solid rgba(11,122,117,.13)!important; background:rgba(255,255,255,.66)!important; box-shadow:0 12px 30px rgba(15,23,42,.055)!important; } #invoiceFormModal .invoice-main-section-v216{background:linear-gradient(135deg,rgba(255,255,255,.80),rgba(240,253,250,.68))!important;} #invoiceFormModal .oq-section-title{margin:0 0 9px!important;display:flex!important;align-items:center!important;} #invoiceFormModal .oq-field input, #invoiceFormModal .oq-field select, #invoiceFormModal .oq-note-field textarea, #invoiceFormModal .invoice-order-picker-line input, #invoiceFormModal .oq-input-with-btn button{ width:100%!important; min-width:0!important; height:40px!important; min-height:40px!important; box-sizing:border-box!important; border-radius:13px!important; border:1px solid rgba(11,122,117,.18)!important; background:rgba(255,255,255,.92)!important; font-size:15px!important; line-height:20px!important; padding:0 12px!important; } #invoicePage .invoice-table-wrap{ max-height:calc(100vh - 390px)!important; overflow:auto!important; border-radius:16px!important; border:1px solid rgba(11,122,117,.13)!important; } #invoicePage .invoice-table{ width:100%!important; min-width:0!important; table-layout:fixed!important; } #invoicePage .invoice-table th, #invoicePage .invoice-table td{ height:40px!important; padding:6px 7px!important; text-align:center!important; vertical-align:middle!important; white-space:nowrap!important; overflow:hidden!important; text-overflow:ellipsis!important; border-color:rgba(11,122,117,.08)!important; } #invoicePage .invoice-table th{ position:sticky!important; top:0!important; z-index:3!important; background:linear-gradient(180deg,#f8fffe,#e9f7f5)!important; color:#102033!important; font-weight:900!important; box-shadow:inset 0 -1px 0 rgba(11,122,117,.22)!important; } #invoicePage .invoice-table th:nth-child(1),#invoicePage .invoice-table td:nth-child(1){width:3%!important;} #invoicePage .invoice-table th:nth-child(2),#invoicePage .invoice-table td:nth-child(2){width:5.2%!important;} #invoicePage .invoice-table th:nth-child(3),#invoicePage .invoice-table td:nth-child(3){width:13%!important;text-align:left!important;} #invoicePage .invoice-table th:nth-child(4),#invoicePage .invoice-table td:nth-child(4){width:11%!important;} #invoicePage .invoice-table th:nth-child(5),#invoicePage .invoice-table td:nth-child(5){width:5%!important;} #invoicePage .invoice-table th:nth-child(6),#invoicePage .invoice-table td:nth-child(6){width:6%!important;} #invoicePage .invoice-table th:nth-child(7),#invoicePage .invoice-table td:nth-child(7){width:7%!important;} #invoicePage .invoice-table th:nth-child(8),#invoicePage .invoice-table td:nth-child(8){width:5%!important;} #invoicePage .invoice-table th:nth-child(9),#invoicePage .invoice-table td:nth-child(9){width:5%!important;} #invoicePage .invoice-table th:nth-child(10),#invoicePage .invoice-table td:nth-child(10){width:4%!important;} #invoicePage .invoice-table th:nth-child(11),#invoicePage .invoice-table td:nth-child(11){width:3%!important;} #invoicePage .invoice-table th:nth-child(12),#invoicePage .invoice-table td:nth-child(12){width:4%!important;} #invoicePage .invoice-table th:nth-child(13),#invoicePage .invoice-table td:nth-child(13){width:5%!important;} #invoicePage .invoice-table th:nth-child(14),#invoicePage .invoice-table td:nth-child(14){width:4%!important;} #invoicePage .invoice-table th:nth-child(15),#invoicePage .invoice-table td:nth-child(15){width:4%!important;} #invoicePage .invoice-table th:nth-child(16),#invoicePage .invoice-table td:nth-child(16){width:4%!important;} #invoicePage .invoice-table th:nth-child(17),#invoicePage .invoice-table td:nth-child(17){width:3%!important;} #invoicePage .invoice-table th:nth-child(18),#invoicePage .invoice-table td:nth-child(18){width:8%!important;text-align:left!important;} #invoicePage .invoice-table th:nth-child(19),#invoicePage .invoice-table td:nth-child(19){width:3%!important;} #invoicePage .invoice-table th:nth-child(20),#invoicePage .invoice-table td:nth-child(20){width:2%!important;} #invoicePage .invoice-table tbody td{ background:rgba(255,255,255,.92)!important; color:#102033!important; } #invoicePage .invoice-table tbody tr:hover td{ background:rgba(204,251,241,.58)!important; } #invoicePage .invoice-table tr.selected-row td{ background:rgba(255,255,255,.92)!important; box-shadow:none!important; } #invoicePage .invoice-table tr.selected-row:hover td{ background:rgba(204,251,241,.58)!important; } .invoice-status-badge{ display:inline-flex!important; align-items:center!important; justify-content:center!important; min-width:48px!important; max-width:100%!important; padding:3px 7px!important; border-radius:999px!important; border:1px solid rgba(15,23,42,.08)!important; font-size:12px!important; line-height:16px!important; font-weight:800!important; color:#475569!important; background:#f8fafc!important; } .invoice-status-arrival.is-done{color:#047857!important;background:#dcfce7!important;border-color:#bbf7d0!important;} .invoice-status-arrival.is-pending{color:#dc2626!important;background:#fff1f2!important;border-color:#fecdd3!important;} .invoice-status-return.is-done{color:#0f766e!important;background:#ccfbf1!important;border-color:#99f6e4!important;} .invoice-status-return.is-pending{color:#b45309!important;background:#fffbeb!important;border-color:#fde68a!important;} .invoice-status-return.invoice-status-empty{color:#94a3b8!important;background:#f8fafc!important;border-color:#e2e8f0!important;} .invoice-status-complete.is-done{color:#1d4ed8!important;background:#dbeafe!important;border-color:#bfdbfe!important;} .invoice-status-complete.is-pending{color:#475569!important;background:#f1f5f9!important;border-color:#e2e8f0!important;} #invoicePage .invoice-icon-btn{ width:30px!important; height:28px!important; min-width:30px!important; display:inline-flex!important; align-items:center!important; justify-content:center!important; border:1px solid rgba(11,122,117,.18)!important; border-radius:9px!important; background:#fff!important; color:#08756f!important; font-weight:900!important; line-height:1!important; cursor:pointer!important; position:relative!important; box-shadow:0 4px 10px rgba(15,23,42,.06)!important; } #invoicePage .invoice-icon-btn:hover{background:#ecfdf5!important;border-color:rgba(11,122,117,.34)!important;} #invoicePage .invoice-file-icon::before{content:"📄";font-size:15px;} #invoicePage .invoice-file-icon span{ position:absolute!important; right:-6px!important; top:-7px!important; min-width:16px!important; height:16px!important; padding:0 4px!important; border-radius:999px!important; background:#0b8d86!important; color:#fff!important; font-size:10px!important; line-height:16px!important; } #invoicePage .invoice-order-icon{font-size:15px!important;} #invoicePage .invoice-note-cell{ color:#334155!important; font-weight:500!important; } .invoice-search-mark{ background:#fff2a8!important; color:#7c2d12!important; border-radius:3px!important; padding:0 2px!important; } #invoiceRowContextMenu.invoice-row-context-menu{ position:fixed!important; z-index: var(--layer-dropdown) !important; display:grid!important; gap:4px!important; min-width:150px!important; padding:6px!important; border-radius:12px!important; border:1px solid rgba(11,122,117,.16)!important; background:#fff!important; box-shadow:0 18px 42px rgba(15,23,42,.20)!important; } #invoiceRowContextMenu.invoice-row-context-menu button{ border:0!important; border-radius:8px!important; background:transparent!important; padding:8px 10px!important; text-align:left!important; color:#102033!important; cursor:pointer!important; font-weight:700!important; } #invoiceRowContextMenu.invoice-row-context-menu button:hover{background:#ecfdf5!important;color:#04756f!important;} #invoiceRowContextMenu.invoice-row-context-menu button.danger{color:#dc2626!important;} #invoiceDetailModal .invoice-detail-card, #invoiceFileModal .invoice-file-card{ border-radius:22px!important; border:1px solid rgba(255,255,255,.78)!important; background:linear-gradient(135deg,rgba(255,255,255,.96),rgba(240,253,250,.92))!important; box-shadow:0 26px 70px rgba(15,23,42,.24)!important; } #invoiceDetailModal #closeInvoiceDetail{cursor:pointer!important;} #invoiceRemarkModal{display:none!important;} @media(max-width:1560px){ } @media(max-width:980px){ } /* V215: 发票编辑弹窗按新增订单弹窗风格重排，仅作用于发票弹窗。 */ #invoiceFormModal .invoice-oq-card{ width:min(1500px,96vw)!important; max-width:min(1500px,96vw)!important; max-height:calc(100vh - 48px)!important; padding:22px 26px!important; border-radius:28px!important; border:1px solid rgba(255,255,255,.66)!important; background:linear-gradient(135deg,rgba(255,255,255,.84),rgba(238,250,248,.76))!important; box-shadow:0 34px 105px rgba(13,48,55,.24), inset 0 1px 0 rgba(255,255,255,.88)!important; backdrop-filter:blur(26px) saturate(148%)!important; -webkit-backdrop-filter:blur(26px) saturate(148%)!important; overflow:hidden!important; display:flex!important; flex-direction:column!important; gap:14px!important; } #invoiceFormModal .invoice-oq-card::before{ content:""; position:absolute; inset:0; border-radius:inherit; pointer-events:none; background:radial-gradient(circle at 14% 0%,rgba(11,122,117,.14),transparent 260px),radial-gradient(circle at 100% 22%,rgba(209,132,18,.10),transparent 280px)!important; } #invoiceFormModal .invoice-oq-card > *{ position:relative!important; z-index:1!important; } #invoiceFormModal .invoice-oq-head{ display:flex!important; align-items:center!important; justify-content:space-between!important; gap:16px!important; padding-bottom:10px!important; border-bottom:1px solid rgba(11,122,117,.10)!important; margin:0!important; } #invoiceFormModal .invoice-oq-head h2{ margin:0!important; color:#0f2a35!important; font-size:27px!important; font-weight:900!important; letter-spacing:.02em!important; } #invoiceFormModal .invoice-oq-head h2::before{ content:""; display:inline-block; width:7px; height:24px; margin-right:10px; vertical-align:-4px; border-radius:999px; background:linear-gradient(180deg,#0b7a75,#d18412)!important; box-shadow:0 8px 16px rgba(11,122,117,.18)!important; } #invoiceFormModal .invoice-oq-head .ghost-btn{ min-width:76px!important; height:48px!important; border-radius:16px!important; background:rgba(255,255,255,.72)!important; border:1px solid rgba(11,122,117,.16)!important; color:#172233!important; font-size:16px!important; font-weight:900!important; } #invoiceFormModal .invoice-oq-form{ flex:1 1 auto!important; display:grid!important; gap:14px!important; overflow:auto!important; padding:2px 2px 4px!important; } #invoiceFormModal .invoice-oq-section, #invoiceFormModal .oq-field, #invoiceFormModal .oq-note-field{ background:rgba(255,255,255,.62)!important; border:1px solid rgba(255,255,255,.68)!important; box-shadow:0 14px 34px rgba(11,122,117,.055), inset 0 1px 0 rgba(255,255,255,.80)!important; backdrop-filter:blur(10px) saturate(130%)!important; -webkit-backdrop-filter:blur(10px) saturate(130%)!important; } #invoiceFormModal .invoice-oq-section{ border-radius:22px!important; padding:18px 20px!important; } #invoiceFormModal .invoice-money-section{ background:linear-gradient(135deg,rgba(245,255,252,.70),rgba(255,255,255,.60))!important; border-color:rgba(11,122,117,.16)!important; } #invoiceFormModal .invoice-note-section, #invoiceFormModal .invoice-detail-fieldset{ border-color:rgba(209,132,18,.18)!important; } #invoiceFormModal .oq-section-title{ display:flex!important; align-items:center!important; gap:12px!important; margin:0 0 12px!important; } #invoiceFormModal .oq-section-title strong{ color:#0f2a35!important; font-size:22px!important; font-weight:900!important; line-height:1.2!important; } #invoiceFormModal .oq-section-title span{ color:#6b7d8d!important; font-size:15px!important; font-weight:700!important; } #invoiceFormModal .invoice-basic-grid-v215{ display:grid!important; grid-template-columns:minmax(170px,.72fr) minmax(320px,1.3fr) minmax(390px,1.55fr)!important; gap:12px!important; align-items:stretch!important; } #invoiceFormModal .invoice-info-grid-v215{ display:grid!important; grid-template-columns:minmax(130px,.75fr) minmax(150px,.85fr) minmax(220px,1.15fr) minmax(150px,.85fr) minmax(250px,1.35fr)!important; gap:12px!important; align-items:stretch!important; } #invoiceFormModal .invoice-money-grid-v215{ display:grid!important; grid-template-columns:minmax(126px,.85fr) minmax(126px,.85fr) minmax(100px,.64fr) minmax(128px,.86fr) minmax(128px,.86fr) minmax(128px,.86fr) minmax(300px,1.42fr)!important; gap:12px!important; align-items:end!important; } #invoiceFormModal .invoice-order-picker-label{ grid-column:1/-1!important; position:relative!important; } #invoiceFormModal .oq-field, #invoiceFormModal .oq-note-field{ display:grid!important; gap:7px!important; border-radius:18px!important; padding:12px 14px!important; min-width:0!important; align-content:start!important; } #invoiceFormModal .oq-field > span, #invoiceFormModal .oq-note-field > span{ color:#34465a!important; font-size:16px!important; font-weight:900!important; line-height:1.2!important; } #invoiceFormModal .oq-field input, #invoiceFormModal .oq-field select, #invoiceFormModal .oq-note-field textarea, #invoiceFormModal .invoice-order-picker-line input, #invoiceFormModal .oq-input-with-btn button{ width:100%!important; min-width:0!important; height:44px!important; border:1px solid rgba(11,122,117,.16)!important; border-radius:14px!important; background:rgba(255,255,255,.82)!important; color:#102033!important; font-size:16px!important; font-weight:800!important; box-shadow:inset 0 1px 0 rgba(255,255,255,.82)!important; box-sizing:border-box!important; } #invoiceFormModal .oq-field input, #invoiceFormModal .oq-field select, #invoiceFormModal .oq-note-field textarea, #invoiceFormModal .invoice-order-picker-line input{ padding:9px 13px!important; } #invoiceFormModal .oq-field input::placeholder, #invoiceFormModal .oq-note-field textarea::placeholder{ color:#95a3af!important; } #invoiceFormModal .oq-input-with-btn{ display:grid!important; grid-template-columns:minmax(0,1fr) 62px!important; gap:10px!important; align-items:center!important; } #invoiceFormModal .oq-input-with-btn button{ cursor:pointer!important; font-size:20px!important; font-weight:900!important; } #invoiceFormModal .invoice-order-picker-line{ display:grid!important; grid-template-columns:minmax(0,1fr) 104px 104px!important; gap:10px!important; align-items:center!important; } #invoiceFormModal .invoice-order-suggest{ margin-top:8px!important; border:1px solid rgba(11,122,117,.14)!important; border-radius:16px!important; background:#fff!important; max-height:230px!important; overflow:auto!important; box-shadow:0 18px 42px rgba(13,48,55,.18)!important; z-index: var(--layer-dropdown) !important; } #invoiceFormModal .invoice-calc-preview{ grid-column:auto!important; min-height:66px!important; display:flex!important; align-items:center!important; justify-content:flex-start!important; padding:12px 18px!important; border:1px solid rgba(11,122,117,.15)!important; border-radius:18px!important; background:rgba(236,253,245,.72)!important; color:#08756f!important; font-size:19px!important; font-weight:900!important; line-height:1.28!important; white-space:normal!important; } #invoiceFormModal #invoiceCustomTaxWrap.hidden{ display:none!important; } #invoiceFormModal .invoice-hidden-grid{ display:grid!important; grid-template-columns:repeat(4,minmax(180px,1fr))!important; gap:12px!important; } #invoiceFormModal .invoice-note-field{ display:block!important; padding:12px 14px!important; } #invoiceFormModal .invoice-note-field textarea{ height:96px!important; min-height:96px!important; resize:vertical!important; } #invoiceFormModal .invoice-modal-actions{ flex:0 0 auto!important; display:flex!important; justify-content:center!important; gap:70px!important; margin:0!important; padding-top:2px!important; } #invoiceFormModal .invoice-modal-actions button{ min-width:150px!important; height:54px!important; border-radius:16px!important; font-size:18px!important; font-weight:900!important; } #invoiceFormModal .invoice-customer-suggest, #invoiceFormModal .invoice-auto-contact, #invoiceFormModal #invoiceOpenRemarkFromForm{ display:none!important; } @media(max-width:1360px){ #invoiceFormModal .invoice-basic-grid-v215, #invoiceFormModal .invoice-info-grid-v215, #invoiceFormModal .invoice-money-grid-v215, #invoiceFormModal .invoice-hidden-grid{ grid-template-columns:repeat(3,minmax(170px,1fr))!important; } #invoiceFormModal .invoice-calc-preview{ grid-column:1/-1!important; } } @media(max-width:860px){ #invoiceFormModal .invoice-oq-card{ width:96vw!important; padding:16px!important; } #invoiceFormModal .invoice-basic-grid-v215, #invoiceFormModal .invoice-info-grid-v215, #invoiceFormModal .invoice-money-grid-v215, #invoiceFormModal .invoice-hidden-grid, #invoiceFormModal .invoice-order-picker-line{ grid-template-columns:1fr!important; } } /* V216 invoice editor: compact single-page form and separate pickers/files */ #invoiceFormModal .invoice-oq-card{ width:min(1480px,96vw)!important; max-width:min(1480px,96vw)!important; max-height:calc(100vh - 28px)!important; padding:14px 18px!important; gap:10px!important; border-radius:24px!important; } #invoiceFormModal .invoice-oq-head{ padding-bottom:7px!important; } #invoiceFormModal .invoice-oq-head h2{ font-size:24px!important; } #invoiceFormModal .invoice-oq-head .ghost-btn{ height:40px!important; min-width:70px!important; border-radius:14px!important; } #invoiceFormModal .invoice-oq-form{ gap:9px!important; padding:1px!important; overflow:auto!important; } #invoiceFormModal .invoice-oq-section{ border-radius:18px!important; padding:10px 12px!important; } #invoiceFormModal .oq-section-title{ margin:0 0 8px!important; } #invoiceFormModal .oq-section-title strong{ font-size:19px!important; } #invoiceFormModal .oq-section-title span{ font-size:13px!important; } #invoiceFormModal .invoice-basic-grid-v216{ display:grid!important; grid-template-columns:repeat(12,minmax(0,1fr))!important; gap:8px!important; align-items:stretch!important; } #invoiceFormModal .invoice-basic-grid-v216 .invoice-date-field{grid-column:span 2!important;} #invoiceFormModal .invoice-basic-grid-v216 .invoice-name-field{grid-column:span 3!important;} #invoiceFormModal .invoice-basic-grid-v216 .invoice-customer-field{grid-column:span 4!important;} #invoiceFormModal .invoice-basic-grid-v216 .invoice-order-picker-label{grid-column:span 3!important;position:relative!important;} #invoiceFormModal .invoice-basic-grid-v216 .invoice-contact-field{grid-column:span 2!important;} #invoiceFormModal .invoice-basic-grid-v216 .invoice-phone-field{grid-column:span 2!important;} #invoiceFormModal .invoice-basic-grid-v216 .invoice-account-field{grid-column:span 3!important;} #invoiceFormModal .invoice-basic-grid-v216 .invoice-type-field{grid-column:span 2!important;} #invoiceFormModal .invoice-basic-grid-v216 .invoice-no-field{grid-column:span 3!important;} #invoiceFormModal .oq-field, #invoiceFormModal .oq-note-field{ border-radius:15px!important; padding:8px 10px!important; gap:5px!important; } #invoiceFormModal .oq-field > span, #invoiceFormModal .oq-note-field > span{ font-size:14px!important; } #invoiceFormModal .oq-field input, #invoiceFormModal .oq-field select, #invoiceFormModal .oq-note-field textarea, #invoiceFormModal .invoice-order-picker-line input, #invoiceFormModal .oq-input-with-btn button{ min-height:36px!important; height:36px!important; border-radius:12px!important; font-size:15px!important; } #invoiceFormModal .oq-input-with-btn{ grid-template-columns:minmax(0,1fr) 48px!important; gap:6px!important; } #invoiceFormModal .invoice-order-picker-line{ display:grid!important; grid-template-columns:minmax(0,1fr) 44px 36px!important; gap:6px!important; } #invoiceFormModal #invoiceOrderSuggest{ display:none!important; } #invoiceFormModal .invoice-money-grid-v215{ grid-template-columns:repeat(6,minmax(100px,1fr)) minmax(220px,1.25fr)!important; gap:8px!important; } #invoiceFormModal .invoice-calc-preview{ min-height:36px!important; padding:8px 12px!important; border-radius:14px!important; font-size:17px!important; align-self:end!important; } #invoiceFormModal .invoice-hidden-grid{ grid-template-columns:repeat(6,minmax(0,1fr))!important; gap:8px!important; } #invoiceFormModal .invoice-note-field textarea{ min-height:54px!important; height:54px!important; } #invoiceFormModal .invoice-modal-actions{ padding-top:4px!important; gap:12px!important; } #invoiceFormModal .invoice-modal-actions button{ min-width:128px!important; height:44px!important; border-radius:14px!important; font-size:17px!important; } #orderPickerBody.invoice-order-picker-body-v216{ display:block!important; grid-template-columns:1fr!important; overflow:hidden!important; } #orderPickerBody .invoice-order-picker-modern-v216{ height:100%; display:grid; grid-template-rows:auto minmax(0,1fr); gap:12px; } #orderPickerBody .invoice-order-picker-tools-v216{ display:grid; grid-template-columns:minmax(0,1fr) 82px 96px; gap:10px; align-items:end; } #orderPickerBody .invoice-order-picker-tools-v216 label{ display:grid; gap:6px; color:#34465a; font-weight:800; } #orderPickerBody .invoice-order-picker-tools-v216 input{ height:40px; border-radius:12px; border:1px solid rgba(13,136,130,.18); padding:0 12px; } #orderPickerBody .invoice-order-picker-table-wrap-v216{ min-height:0; overflow:auto; border:1px solid rgba(13,136,130,.12); border-radius:14px; } #orderPickerBody .invoice-order-picker-table-v216{ min-width:860px; } #orderPickerBody .invoice-order-picker-table-v216 tr[data-picker-invoice-order-v216]{ cursor:pointer; } #orderPickerBody .invoice-order-picker-table-v216 tr[data-picker-invoice-order-v216]:hover{ background:rgba(13,136,130,.08); } #invoiceFileModal{ z-index: var(--layer-modal) !important; } #invoiceFileModal .invoice-file-card{ width:min(980px,92vw)!important; height:min(680px,86vh)!important; max-height:min(680px,86vh)!important; overflow:hidden!important; display:flex!important; flex-direction:column!important; } #invoiceFileModal .invoice-file-tools{ flex:0 0 auto!important; } #invoiceFileModal #invoiceFileList{ flex:1 1 auto!important; min-height:0!important; overflow:auto!important; } #invoiceFormModal .invoice-oq-head{ cursor:move; } /* V218: 发票管理工具栏与分页紧凑排版，仅作用于发票页。 */ body.ui-sidebar-v1 #invoicePage .invoice-toolbar.grouped-toolbar.invoice-toolbar-v218, #invoicePage .invoice-toolbar-v218{ display:flex!important; flex-wrap:nowrap!important; align-items:center!important; gap:8px!important; overflow:visible!important; } body.ui-sidebar-v1 #invoicePage .invoice-toolbar.grouped-toolbar.invoice-toolbar-v218 .toolbar-group, #invoicePage .invoice-toolbar-v218 .toolbar-group{ flex:0 0 auto!important; flex-wrap:nowrap!important; gap:6px!important; padding:6px!important; } body.ui-sidebar-v1 #invoicePage .invoice-toolbar.grouped-toolbar.invoice-toolbar-v218 .ghost-btn.small, #invoicePage .invoice-toolbar-v218 .ghost-btn.small{ height:32px!important; min-height:32px!important; padding:0 10px!important; white-space:nowrap!important; } #invoicePage .invoice-toolbar-v218 .invoice-filter-inline-v218{ flex:1 1 auto!important; min-width:0!important; margin:0!important; padding:0!important; border:0!important; border-radius:0!important; background:transparent!important; box-shadow:none!important; display:flex!important; flex-wrap:nowrap!important; align-items:end!important; gap:6px!important; } #invoicePage .invoice-filter-inline-v218 label{ flex:0 0 72px!important; min-width:0!important; display:grid!important; gap:3px!important; font-size:11px!important; line-height:14px!important; color:#475467!important; font-weight:800!important; } #invoicePage .invoice-filter-inline-v218 label.wide{ flex:1 1 190px!important; max-width:260px!important; } #invoicePage .invoice-filter-inline-v218 #invoiceAccountFilter{ width:92px!important; } #invoicePage .invoice-filter-inline-v218 #invoiceTypeFilter{ width:88px!important; } #invoicePage .invoice-filter-inline-v218 #invoiceStartDate, #invoicePage .invoice-filter-inline-v218 #invoiceEndDate{ width:104px!important; } #invoicePage .invoice-filter-inline-v218 input, #invoicePage .invoice-filter-inline-v218 select{ height:32px!important; min-height:32px!important; border-radius:9px!important; padding:4px 8px!important; font-size:12px!important; } #invoicePage .invoice-filter-inline-v218 button{ flex:0 0 auto!important; align-self:end!important; height:32px!important; min-height:32px!important; padding:0 10px!important; border-radius:9px!important; white-space:nowrap!important; } #invoicePage .invoice-pager{ display:flex!important; flex-wrap:nowrap!important; align-items:center!important; justify-content:center!important; gap:12px!important; white-space:nowrap!important; } #invoicePage .invoice-pager label{ display:inline-flex!important; flex-direction:row!important; align-items:center!important; justify-content:center!important; gap:8px!important; margin:0!important; white-space:nowrap!important; } #invoicePage .invoice-pager select{ height:38px!important; min-height:38px!important; width:88px!important; } @media(max-width:1700px){ body.ui-sidebar-v1 #invoicePage .invoice-toolbar.grouped-toolbar.invoice-toolbar-v218, #invoicePage .invoice-toolbar-v218{ flex-wrap:wrap!important; } #invoicePage .invoice-toolbar-v218 .invoice-filter-inline-v218{ flex-basis:100%!important; } } @media(max-width:1180px){ #invoiceFormModal .invoice-basic-grid-v216, #invoiceFormModal .invoice-money-grid-v215, #invoiceFormModal .invoice-hidden-grid{ grid-template-columns:repeat(2,minmax(0,1fr))!important; } #invoiceFormModal .invoice-basic-grid-v216 > .oq-field, #invoiceFormModal .invoice-basic-grid-v216 .invoice-order-picker-label{ grid-column:span 1!important; } } /* V214 发票编辑弹窗：贴近新增订单窗口的分区表单 */ .invoice-form-card-v214{ width:min(1280px,96vw)!important; max-height:92vh!important; padding:18px 20px!important; gap:12px!important; background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(241,252,250,.92))!important; border:1px solid rgba(11,122,117,.16)!important; border-radius:24px!important; box-shadow:0 28px 70px rgba(15,23,42,.18)!important; } .invoice-modal-head{ display:flex; align-items:center; justify-content:space-between; gap:12px; padding:2px 2px 8px; flex:0 0 auto; } .invoice-modal-head h2{margin:2px 0 0;font-size:24px;color:#102033} .invoice-form-layout{ display:flex!important; flex-direction:column!important; grid-template-columns:none!important; gap:12px!important; min-height:0; overflow:auto; padding:2px 4px 4px; } .invoice-section{ position:relative; border:1px solid rgba(11,122,117,.12); border-radius:18px; background:rgba(255,255,255,.74); padding:14px 16px 16px; box-shadow:0 12px 28px rgba(15,23,42,.055); } .invoice-main-section{border-color:rgba(13,148,136,.16)} .invoice-money-section{background:linear-gradient(135deg,rgba(255,255,255,.82),rgba(236,253,245,.66))} .invoice-section-title{display:flex;align-items:baseline;gap:10px;margin:0 0 10px;color:#0f3f46} .invoice-section-title strong{font-size:18px;font-weight:900;color:#0f2f3d} .invoice-section-title span{font-size:12px;font-weight:800;color:#7b8b9c} .invoice-section-grid{display:grid;gap:10px;align-items:start} .invoice-main-grid{grid-template-columns:minmax(150px,.68fr) minmax(210px,1fr) minmax(320px,1.45fr)} .invoice-info-grid{grid-template-columns:210px minmax(120px,.75fr) minmax(150px,.9fr) minmax(180px,1fr) minmax(130px,.72fr) minmax(210px,1.15fr)} .invoice-money-grid{grid-template-columns:repeat(7,minmax(120px,1fr))} .invoice-order-picker-label{grid-column:1/-1} .invoice-field, .invoice-detail-fieldset label{ display:flex!important; flex-direction:column!important; gap:6px!important; min-width:0; font-size:13px!important; color:#425466!important; font-weight:800!important; } .invoice-field > span, .invoice-detail-fieldset label > span{min-height:18px;line-height:18px} .invoice-field input, .invoice-field select, .invoice-field textarea, .invoice-detail-fieldset input, .invoice-form-card-v214 .invoice-order-picker-line input{ width:100%!important; min-width:0!important; height:38px; border:1px solid rgba(11,122,117,.18)!important; border-radius:12px!important; background:rgba(255,255,255,.92)!important; padding:8px 11px!important; color:#102033!important; font-weight:800!important; box-sizing:border-box!important; } .invoice-field textarea{height:78px!important;resize:vertical} .invoice-input-with-btn{display:grid;grid-template-columns:minmax(0,1fr) 54px;gap:8px;align-items:center} .invoice-input-with-btn button{ height:38px; border:1px solid rgba(11,122,117,.18); border-radius:12px; background:#fff; color:#102033; font-weight:900; cursor:pointer; } .invoice-order-picker-line{display:grid!important;grid-template-columns:minmax(0,1fr) 96px 96px!important;gap:8px!important;align-items:center!important} .invoice-order-suggest, .invoice-customer-suggest{ margin-top:6px; border:1px solid rgba(11,122,117,.14); border-radius:14px; background:#fff; max-height:230px; overflow:auto; box-shadow:0 16px 34px rgba(15,23,42,.14); z-index: var(--layer-dropdown); } .invoice-order-suggest button, .invoice-customer-suggest button{ width:100%; border:0; border-bottom:1px solid rgba(11,122,117,.08); background:#fff; padding:10px 12px; text-align:left; color:#102033; cursor:pointer; } .invoice-order-suggest button:hover, .invoice-customer-suggest button:hover{background:#ecfdf5} .invoice-order-suggest small, .invoice-customer-suggest small{display:block;color:#667085;margin-top:3px} .invoice-auto-contact{ min-height:38px!important; align-self:end!important; justify-content:flex-start!important; border:1px solid rgba(11,122,117,.12); border-radius:12px; background:rgba(236,253,245,.64); padding:8px 10px!important; } .invoice-calc-preview{ grid-column:span 2; min-height:38px; display:flex; align-items:center; padding:8px 12px!important; } .invoice-note-grid{display:grid;grid-template-columns:minmax(0,1fr) 140px;gap:10px;align-items:end} .invoice-note-grid .ghost-btn{height:38px} .invoice-hidden-grid{display:grid!important;grid-template-columns:repeat(3,minmax(170px,1fr))!important;gap:10px!important} .invoice-detail-fieldset{border:1px solid rgba(11,122,117,.14)!important;border-radius:18px!important;padding:14px 16px 16px!important} .invoice-modal-actions{flex:0 0 auto;justify-content:flex-end!important;gap:10px!important;margin-top:0!important} @media(max-width:1500px){ .invoice-main-grid, .invoice-info-grid, .invoice-money-grid{grid-template-columns:repeat(3,minmax(160px,1fr))} .invoice-calc-preview{grid-column:1/-1} } @media(max-width:900px){ .invoice-form-card-v214{width:96vw!important;padding:14px!important} .invoice-main-grid, .invoice-info-grid, .invoice-money-grid, .invoice-hidden-grid, .invoice-note-grid, .invoice-order-picker-line{grid-template-columns:1fr!important} } /* V219: 发票编辑弹窗字段文字完整显示。只修发票弹窗，不影响订单/首页/登录页。 */ #invoiceFormModal .invoice-oq-form{ gap:10px!important; } #invoiceFormModal .oq-field, #invoiceFormModal .oq-note-field{ min-width:0!important; overflow:visible!important; } #invoiceFormModal .oq-field > span, #invoiceFormModal .oq-note-field > span{ min-height:19px!important; line-height:19px!important; white-space:nowrap!important; } #invoiceFormModal .oq-field input, #invoiceFormModal .oq-field select, #invoiceFormModal .invoice-order-picker-line input, #invoiceFormModal .oq-input-with-btn button{ height:42px!important; min-height:42px!important; line-height:22px!important; padding-top:0!important; padding-bottom:0!important; font-size:16px!important; box-sizing:border-box!important; } #invoiceFormModal .oq-field input, #invoiceFormModal .invoice-order-picker-line input{ padding-left:13px!important; padding-right:13px!important; } #invoiceFormModal .oq-field select{ padding-left:13px!important; padding-right:36px!important; white-space:nowrap!important; text-overflow:clip!important; background-color:#fff!important; } #invoiceFormModal .oq-input-with-btn{ grid-template-columns:minmax(0,1fr) 52px!important; } #invoiceFormModal .invoice-order-picker-line{ grid-template-columns:minmax(0,1fr) 48px 42px!important; } #invoiceFormModal .invoice-money-grid-v215{ grid-template-columns:minmax(128px,.72fr) minmax(128px,.72fr) minmax(110px,.6fr) minmax(160px,.9fr) minmax(160px,.9fr) minmax(160px,.9fr) minmax(260px,1.2fr)!important; } #invoiceFormModal .invoice-calc-preview{ min-height:42px!important; line-height:24px!important; padding:8px 14px!important; display:flex!important; align-items:center!important; } #invoiceFormModal .invoice-hidden-grid{ grid-template-columns:repeat(12,minmax(0,1fr))!important; gap:9px!important; } #invoiceFormModal .invoice-hidden-grid .oq-field input{ font-size:15px!important; } #invoiceFormModal .invoice-hidden-grid .oq-field:nth-child(5){ grid-column:1 / 3!important; } #invoiceFormModal .invoice-hidden-grid .oq-field:nth-child(6){ grid-column:3 / 7!important; } #invoiceFormModal .invoice-hidden-grid .oq-field:nth-child(7){ grid-column:7 / 10!important; } #invoiceFormModal .invoice-hidden-grid .oq-field:nth-child(9){ grid-column:10 / 13!important; } #invoiceFormModal .invoice-hidden-grid .oq-field:nth-child(8){ grid-column:1 / 6!important; } #invoiceFormModal .invoice-hidden-grid .oq-field:nth-child(10){ grid-column:6 / 10!important; } #invoiceFormModal .invoice-hidden-grid .oq-field:nth-child(11){ grid-column:10 / 13!important; } @media(max-width:1280px){ #invoiceFormModal .invoice-hidden-grid{ grid-template-columns:repeat(2,minmax(0,1fr))!important; } #invoiceFormModal .invoice-hidden-grid .oq-field, #invoiceFormModal .invoice-hidden-grid .oq-field:nth-child(5), #invoiceFormModal .invoice-hidden-grid .oq-field:nth-child(6), #invoiceFormModal .invoice-hidden-grid .oq-field:nth-child(7), #invoiceFormModal .invoice-hidden-grid .oq-field:nth-child(8), #invoiceFormModal .invoice-hidden-grid .oq-field:nth-child(9), #invoiceFormModal .invoice-hidden-grid .oq-field:nth-child(10), #invoiceFormModal .invoice-hidden-grid .oq-field:nth-child(11){ grid-column:span 1!important; } } /* V208: scoped order edit worker/contact additions and worker ledger order link. */ #orderEditModal .oq-basic-grid{ grid-template-columns:minmax(210px,1fr) 112px 154px minmax(210px,1fr)!important; gap:10px!important; align-items:start!important; } #orderEditModal .oq-contact-phone-field input{ text-align:center!important; font-variant-numeric:tabular-nums!important; } #orderEditModal .oq-product-worker-row{ display:grid!important; grid-template-columns:minmax(0,3fr) minmax(132px,1fr)!important; gap:10px!important; align-items:stretch!important; } #orderEditModal .order-worker-hidden-select{ display:none!important; } #orderEditModal .order-worker-trigger{ width:100%!important; height:38px!important; min-height:38px!important; border:1px solid rgba(31,128,121,.20)!important; border-radius:13px!important; background:#fff!important; color:#172233!important; font-size:15px!important; font-weight:650!important; text-align:left!important; padding:0 12px!important; cursor:pointer!important; overflow:hidden!important; text-overflow:ellipsis!important; white-space:nowrap!important; } #orderEditModal .order-worker-trigger.is-empty{ color:#96a2ad!important; font-weight:600!important; } .order-worker-fee-card .order-worker-paid-line{ font-size:15px!important; color:#0b7a75!important; font-weight:650!important; justify-content:flex-start!important; } .order-worker-fee-card .order-worker-paid-line input{ width:18px!important; height:18px!important; accent-color:#0b7a75!important; } #ordersPage .orders-table .order-contact-stack{ display:flex!important; flex-direction:column!important; align-items:center!important; justify-content:center!important; gap:2px!important; line-height:1.15!important; } #ordersPage .orders-table .order-contact-stack strong, #ordersPage .orders-table .order-contact-stack span{ display:block!important; max-width:100%!important; overflow:hidden!important; text-overflow:ellipsis!important; white-space:nowrap!important; } #ordersPage .orders-table .order-contact-stack span{ font-size:10px!important; color:#7b8794!important; font-weight:600!important; font-variant-numeric:tabular-nums!important; } #workerLedgerPage .worker-ledger-table{ min-width:1250px!important; width:100%!important; table-layout:fixed!important; } #workerLedgerPage .worker-ledger-table th:nth-child(1),#workerLedgerPage .worker-ledger-table td:nth-child(1){width:46px!important;text-align:center!important;} #workerLedgerPage .worker-ledger-table th:nth-child(2),#workerLedgerPage .worker-ledger-table td:nth-child(2){width:52px!important;text-align:center!important;} #workerLedgerPage .worker-ledger-table th:nth-child(3),#workerLedgerPage .worker-ledger-table td:nth-child(3){width:136px!important;text-align:center!important;} #workerLedgerPage .worker-ledger-table th:nth-child(4),#workerLedgerPage .worker-ledger-table td:nth-child(4){width:390px!important;text-align:left!important;white-space:normal!important;} #workerLedgerPage .worker-ledger-table thead th:nth-child(4){text-align:center!important;} #workerLedgerPage .worker-ledger-table th:nth-child(5),#workerLedgerPage .worker-ledger-table td:nth-child(5), #workerLedgerPage .worker-ledger-table th:nth-child(6),#workerLedgerPage .worker-ledger-table td:nth-child(6){width:104px!important;text-align:center!important;} #workerLedgerPage .worker-ledger-table th:nth-child(7),#workerLedgerPage .worker-ledger-table td:nth-child(7){width:150px!important;text-align:left!important;} #workerLedgerPage .worker-ledger-table thead th:nth-child(7){text-align:center!important;} #workerLedgerPage .worker-ledger-table th:nth-child(8),#workerLedgerPage .worker-ledger-table td:nth-child(8){width:58px!important;text-align:center!important;} #workerLedgerPage .worker-ledger-table th:nth-child(9),#workerLedgerPage .worker-ledger-table td:nth-child(9){width:72px!important;text-align:center!important;} #workerLedgerPage .worker-ledger-table th:nth-child(10),#workerLedgerPage .worker-ledger-table td:nth-child(10){width:88px!important;text-align:center!important;} #workerLedgerPage .worker-ledger-table th:nth-child(11),#workerLedgerPage .worker-ledger-table td:nth-child(11){width:76px!important;text-align:center!important;} .worker-order-open-btn{ width:32px!important; height:28px!important; display:inline-flex!important; align-items:center!important; justify-content:center!important; border:1px solid rgba(11,122,117,.18)!important; border-radius:9px!important; background:#fff!important; color:#0b7a75!important; font-size:15px!important; line-height:1!important; cursor:pointer!important; box-shadow:0 3px 10px rgba(15,23,42,.05)!important; } .worker-order-open-btn:hover{ background:#eaf8f6!important; border-color:rgba(11,122,117,.34)!important; } /* V224 terminal invoice overrides: placed after all legacy invoice CSS. */ :where(#invoiceFormModal,#invoiceDetailModal,#invoiceFileModal):not(.hidden){ position:fixed!important; inset:0!important; display:flex!important; align-items:center!important; justify-content:center!important; padding:22px!important; background:rgba(15,23,42,.34)!important; backdrop-filter:blur(14px) saturate(125%)!important; -webkit-backdrop-filter:blur(14px) saturate(125%)!important; } #invoiceFormModal:not(.hidden){z-index: var(--layer-modal) !important;} #invoiceDetailModal:not(.hidden),#invoiceFileModal:not(.hidden){z-index: var(--layer-modal) !important;} #orderPickerModal:not(.hidden){z-index: var(--layer-modal) !important;} #invoiceFormModal .invoice-oq-card{ width:min(1720px,94vw)!important; max-height:calc(100vh - 52px)!important; overflow:hidden!important; display:flex!important; flex-direction:column!important; padding:18px 20px!important; border-radius:26px!important; border:1px solid rgba(255,255,255,.76)!important; background:linear-gradient(135deg,rgba(255,255,255,.95),rgba(236,252,250,.88))!important; box-shadow:0 28px 80px rgba(15,23,42,.26), inset 0 1px 0 rgba(255,255,255,.78)!important; } #invoiceFormModal .invoice-oq-head{ flex:0 0 auto!important; min-height:58px!important; padding:0 0 10px!important; border-bottom:1px solid rgba(11,122,117,.12)!important; cursor:move!important; } #invoiceFormModal .invoice-oq-head h2{margin:0!important;color:#102033!important;font-size:26px!important;font-weight:900!important;line-height:1.2!important;} #invoiceFormModal .invoice-oq-form{flex:1 1 auto!important;min-height:0!important;display:flex!important;flex-direction:column!important;gap:10px!important;padding:12px 2px 2px!important;overflow:auto!important;scrollbar-gutter:stable!important;} #invoiceFormModal .invoice-oq-section{flex:0 0 auto!important;padding:12px 14px 14px!important;border-radius:20px!important;border:1px solid rgba(11,122,117,.13)!important;background:rgba(255,255,255,.68)!important;box-shadow:0 12px 30px rgba(15,23,42,.055)!important;} #invoiceFormModal .invoice-money-section{background:linear-gradient(135deg,rgba(255,255,255,.82),rgba(255,251,235,.58))!important;border-color:rgba(217,119,6,.16)!important;} #invoiceFormModal .invoice-detail-fieldset{background:linear-gradient(135deg,rgba(255,255,255,.78),rgba(236,253,245,.56))!important;} #invoiceFormModal .invoice-note-section{background:rgba(255,255,255,.74)!important;border-color:rgba(148,163,184,.18)!important;} #invoiceFormModal .oq-section-title{margin:0 0 9px!important;} #invoiceFormModal .oq-section-title strong{font-size:21px!important;font-weight:900!important;color:#04756f!important;letter-spacing:0!important;} #invoiceFormModal .invoice-money-section .oq-section-title strong{color:#a54b00!important;} #invoiceFormModal .invoice-detail-fieldset .oq-section-title strong{color:#0f766e!important;} #invoiceFormModal .invoice-note-section .oq-section-title strong{color:#475569!important;} #invoiceFormModal .oq-section-title span{display:none!important;} #invoiceFormModal .invoice-basic-grid-v216{display:grid!important;grid-template-columns:repeat(24,minmax(0,1fr))!important;gap:10px!important;align-items:stretch!important;} #invoiceFormModal .invoice-basic-grid-v216 .invoice-date-field{grid-column:span 4!important;} #invoiceFormModal .invoice-basic-grid-v216 .invoice-name-field{grid-column:span 6!important;} #invoiceFormModal .invoice-basic-grid-v216 .invoice-customer-field{grid-column:span 8!important;} #invoiceFormModal .invoice-basic-grid-v216 .invoice-contact-field{grid-column:span 3!important;} #invoiceFormModal .invoice-basic-grid-v216 .invoice-phone-field{grid-column:span 3!important;} #invoiceFormModal .invoice-basic-grid-v216 .invoice-account-field{grid-column:span 6!important;} #invoiceFormModal .invoice-basic-grid-v216 .invoice-type-field{grid-column:span 4!important;} #invoiceFormModal .invoice-basic-grid-v216 .invoice-no-field{grid-column:span 6!important;} #invoiceFormModal .invoice-basic-grid-v216 .invoice-order-picker-label{grid-column:span 8!important;position:relative!important;} #invoiceFormModal .oq-field,#invoiceFormModal .oq-note-field{min-width:0!important;overflow:visible!important;display:flex!important;flex-direction:column!important;gap:6px!important;padding:8px 10px!important;border-radius:16px!important;background:rgba(255,255,255,.46)!important;box-shadow:0 8px 20px rgba(15,23,42,.035)!important;} #invoiceFormModal .oq-field > span,#invoiceFormModal .oq-note-field > span{min-height:18px!important;line-height:18px!important;font-size:14px!important;font-weight:800!important;color:#34465a!important;white-space:nowrap!important;} #invoiceFormModal :is(input,select,textarea){color:#102033!important;font-weight:500!important;letter-spacing:0!important;} #invoiceFormModal :is(input,textarea)::placeholder{color:transparent!important;} #invoiceFormModal .oq-field input,#invoiceFormModal .oq-field select,#invoiceFormModal .oq-note-field textarea,#invoiceFormModal .invoice-order-picker-line input,#invoiceFormModal .oq-input-with-btn button{width:100%!important;min-width:0!important;height:40px!important;min-height:40px!important;box-sizing:border-box!important;border-radius:13px!important;border:1px solid rgba(11,122,117,.18)!important;background:rgba(255,255,255,.92)!important;font-size:15px!important;font-weight:500!important;line-height:20px!important;padding:0 12px!important;} #invoiceFormModal .oq-field select{padding-right:34px!important;} #invoiceFormModal .oq-input-with-btn{display:grid!important;grid-template-columns:minmax(0,1fr) 52px!important;gap:7px!important;align-items:center!important;} #invoiceFormModal .oq-input-with-btn button,#invoiceFormModal .invoice-order-picker-line button{height:40px!important;min-height:40px!important;border-radius:13px!important;font-weight:800!important;} #invoiceFormModal .invoice-order-picker-line{display:grid!important;grid-template-columns:minmax(0,1fr) 52px 42px!important;gap:7px!important;align-items:center!important;} #invoiceFormModal #invoiceOrderSuggest{position:absolute!important;left:10px!important;right:10px!important;top:calc(100% - 6px)!important;max-height:260px!important;overflow:auto!important;z-index: var(--layer-dropdown) !important;border-radius:14px!important;border:1px solid rgba(11,122,117,.16)!important;background:#fff!important;box-shadow:0 18px 38px rgba(15,23,42,.18)!important;} #invoiceFormModal #invoiceOrderSuggest:not(.hidden){display:block!important;} #invoiceFormModal .invoice-money-grid-v215{display:grid!important;grid-template-columns:minmax(128px,.75fr) minmax(128px,.75fr) minmax(102px,.52fr) minmax(142px,.76fr) minmax(142px,.76fr) minmax(142px,.76fr) minmax(230px,1.18fr)!important;gap:10px!important;align-items:end!important;} #invoiceFormModal .invoice-calc-preview{min-height:40px!important;height:auto!important;align-self:end!important;display:flex!important;align-items:center!important;padding:8px 12px!important;border-radius:14px!important;border:1px solid rgba(11,122,117,.14)!important;background:rgba(236,253,245,.74)!important;color:#08756f!important;font-size:16px!important;font-weight:800!important;} #invoiceFormModal #invoiceCustomTaxWrap{display:none!important;} #invoiceFormModal .invoice-hidden-grid{display:grid!important;grid-template-columns:repeat(12,minmax(0,1fr))!important;gap:10px!important;} #invoiceFormModal .invoice-hidden-grid .oq-field{grid-column:span 3!important;} #invoiceFormModal .invoice-hidden-grid .oq-field:nth-child(6){grid-column:span 4!important;} #invoiceFormModal .invoice-hidden-grid .oq-field:nth-child(7){grid-column:span 3!important;} #invoiceFormModal .invoice-hidden-grid .oq-field:nth-child(8){grid-column:span 5!important;} #invoiceFormModal .invoice-hidden-grid .oq-field:nth-child(10){grid-column:span 4!important;} #invoiceFormModal .invoice-hidden-grid .oq-field:nth-child(11){grid-column:span 3!important;} #invoiceFormModal .invoice-note-field{padding:0!important;background:transparent!important;box-shadow:none!important;} #invoiceFormModal .invoice-note-field textarea{height:62px!important;min-height:62px!important;resize:vertical!important;padding:10px 12px!important;} #invoiceFormModal .invoice-modal-actions{flex:0 0 auto!important;margin:12px 0 0!important;padding:0!important;display:flex!important;justify-content:center!important;gap:14px!important;} #invoiceFormModal .invoice-modal-actions button{width:136px!important;min-width:136px!important;height:46px!important;border-radius:15px!important;font-size:17px!important;font-weight:900!important;} /* V225 invoice form text fit: keep field text fully visible at different zoom levels. */ #invoiceFormModal .oq-field input, #invoiceFormModal .oq-field select, #invoiceFormModal .invoice-order-picker-line input{ height:44px!important; min-height:44px!important; line-height:normal!important; font-size:15px!important; font-weight:400!important; padding-top:0!important; padding-bottom:0!important; overflow:hidden!important; text-overflow:ellipsis!important; } #invoiceFormModal .oq-field select{ -webkit-appearance:auto!important; appearance:auto!important; } #invoiceFormModal .oq-note-field textarea{ font-size:15px!important; font-weight:400!important; line-height:22px!important; } #invoiceFormModal .oq-field input::placeholder, #invoiceFormModal .oq-note-field textarea::placeholder{ color:transparent!important; } #invoicePage .invoice-toolbar-v218{display:grid!important;grid-template-columns:auto auto auto minmax(760px,1fr)!important;align-items:end!important;gap:8px!important;overflow:visible!important;} #invoicePage .invoice-toolbar-v218 .toolbar-group{min-width:0!important;flex-wrap:nowrap!important;gap:6px!important;} #invoicePage .invoice-toolbar-v218 .ghost-btn.small,#invoicePage .invoice-toolbar-v218 .primary-btn.small{height:32px!important;min-height:32px!important;padding:0 10px!important;white-space:nowrap!important;} #invoicePage .invoice-toolbar-v218 .invoice-filter-inline-v218{min-width:0!important;width:100%!important;display:flex!important;flex-wrap:nowrap!important;align-items:end!important;gap:6px!important;padding:0!important;margin:0!important;border:0!important;background:transparent!important;box-shadow:none!important;} #invoicePage .invoice-toolbar-v218 .invoice-filter-inline-v218 label{flex:0 0 64px!important;display:grid!important;gap:3px!important;min-width:0!important;font-size:11px!important;line-height:14px!important;color:#475467!important;font-weight:800!important;} #invoicePage .invoice-toolbar-v218 .invoice-filter-inline-v218 label.wide{flex:1 1 250px!important;max-width:none!important;} #invoicePage .invoice-toolbar-v218 .invoice-filter-inline-v218 input,#invoicePage .invoice-toolbar-v218 .invoice-filter-inline-v218 select{width:100%!important;min-width:0!important;height:32px!important;min-height:32px!important;border-radius:9px!important;padding:4px 8px!important;font-size:12px!important;font-weight:500!important;} #invoicePage .invoice-toolbar-v218 .invoice-filter-inline-v218 #invoiceStartDate,#invoicePage .invoice-toolbar-v218 .invoice-filter-inline-v218 #invoiceEndDate{width:96px!important;} #invoicePage .invoice-toolbar-v218 .invoice-filter-inline-v218 button{flex:0 0 auto!important;height:32px!important;min-height:32px!important;padding:0 10px!important;border-radius:9px!important;white-space:nowrap!important;} @media(max-width:1560px){ #invoicePage .invoice-toolbar-v218{grid-template-columns:auto auto auto!important;} #invoicePage .invoice-toolbar-v218 .invoice-filter-inline-v218{grid-column:1/-1!important;} #invoiceFormModal .invoice-basic-grid-v216,#invoiceFormModal .invoice-hidden-grid{grid-template-columns:repeat(12,minmax(0,1fr))!important;} #invoiceFormModal .invoice-basic-grid-v216 .invoice-date-field,#invoiceFormModal .invoice-basic-grid-v216 .invoice-contact-field,#invoiceFormModal .invoice-basic-grid-v216 .invoice-phone-field,#invoiceFormModal .invoice-basic-grid-v216 .invoice-type-field{grid-column:span 3!important;} #invoiceFormModal .invoice-basic-grid-v216 .invoice-name-field,#invoiceFormModal .invoice-basic-grid-v216 .invoice-customer-field,#invoiceFormModal .invoice-basic-grid-v216 .invoice-account-field,#invoiceFormModal .invoice-basic-grid-v216 .invoice-no-field,#invoiceFormModal .invoice-basic-grid-v216 .invoice-order-picker-label{grid-column:span 6!important;} #invoiceFormModal .invoice-money-grid-v215{grid-template-columns:repeat(3,minmax(0,1fr))!important;} #invoiceFormModal .invoice-calc-preview{grid-column:1/-1!important;} } @media(max-width:980px){ #invoiceFormModal .invoice-basic-grid-v216,#invoiceFormModal .invoice-money-grid-v215,#invoiceFormModal .invoice-hidden-grid{grid-template-columns:1fr!important;} #invoiceFormModal .invoice-basic-grid-v216 > *,#invoiceFormModal .invoice-hidden-grid .oq-field{grid-column:1/-1!important;} } @media(max-width:980px){ #orderEditModal .oq-basic-grid, #orderEditModal .oq-product-worker-row{ grid-template-columns:1fr!important; } } #ordersPage#ordersPage.order-extra-open .orders-table thead th.order-extra-col{ top:0!important; z-index:89!important; background:#eaf8f6!important; background-color:#eaf8f6!important; } #ordersPage#ordersPage.order-extra-open .orders-table thead th.order-extra-col:nth-child(22){ position:sticky!important; top:0!important; right:4.6%!important; z-index:91!important; background:#eaf8f6!important; background-color:#eaf8f6!important; box-shadow:inset 0 -1px 0 rgba(11,122,117,.20)!important; } #ordersPage#ordersPage.order-extra-open .orders-table thead th.order-extra-col:nth-child(23){ position:sticky!important; top:0!important; right:0!important; z-index:92!important; background:#eaf8f6!important; background-color:#eaf8f6!important; box-shadow:inset 0 -1px 0 rgba(11,122,117,.20)!important; } #ordersPage#ordersPage.order-extra-open .orders-table tbody td.order-extra-col:nth-child(22){ position:sticky!important; right:4.6%!important; z-index:7!important; background:transparent!important; background-color:transparent!important; box-shadow:none!important; } #ordersPage#ordersPage.order-extra-open .orders-table tbody td.order-extra-col:nth-child(23){ position:sticky!important; right:0!important; z-index:7!important; background:transparent!important; background-color:transparent!important; box-shadow:none!important; } /* V242 worker ledger final override: keep drag selection stable and selected rows uniform. */ #workerLedgerPage .worker-ledger-card{ height:calc(100vh - 118px)!important; min-height:640px!important; display:flex!important; flex-direction:column!important; } #workerLedgerPage .worker-ledger-card > .panel-head, #workerLedgerPage .worker-v133-toolbar, #workerLedgerPage .worker-top-grid, #workerLedgerPage .worker-pager{ flex:0 0 auto!important; } #workerLedgerPage .worker-detail:not(.hidden){ flex:1 1 auto!important; min-height:0!important; display:flex!important; flex-direction:column!important; } #workerLedgerPage .worker-table-wrap{ flex:1 1 auto!important; height:auto!important; max-height:none!important; min-height:260px!important; overflow:auto!important; scrollbar-gutter:stable!important; } @media(max-height:760px){ #workerLedgerPage .worker-ledger-card{min-height:520px!important;} #workerLedgerPage .worker-table-wrap{min-height:180px!important;} } #workerLedgerPage .worker-ledger-table tbody tr.worker-row-selected > td, #workerLedgerPage .worker-ledger-table tbody tr.worker-row-selected > td:nth-child(5), #workerLedgerPage .worker-ledger-table tbody tr.worker-row-selected > td:nth-child(6), #workerLedgerPage .worker-ledger-table tbody tr.worker-row-selected > td.worker-account-cell, #workerLedgerPage .worker-ledger-table tbody tr.worker-row-selected > td.worker-paid-cell, #workerLedgerPage .worker-ledger-table tbody tr.worker-row-selected > td.worker-work-cell, #workerLedgerPage .worker-ledger-table tbody tr.worker-row-selected > td.worker-note-cell{ background:#e0f0ee!important; background-color:#e0f0ee!important; background-image:none!important; filter:none!important; } #workerLedgerPage .worker-ledger-table tbody tr.worker-row-selected:hover > td{ background:#e0f0ee!important; background-color:#e0f0ee!important; } #workerLedgerPage .worker-order-cell{ cursor:pointer!important; } #workerLedgerPage .worker-order-cell:empty::after{ content:""; display:inline-flex; width:28px; height:24px; border-radius:8px; } #workerLedgerPage .worker-order-cell:hover:empty::after{ background:#f3faf9; box-shadow:inset 0 0 0 1px rgba(11,122,117,.18); } /* V243 worker ledger true EOF override. */ #workerLedgerPage .worker-table-wrap{ flex:0 0 auto!important; height:clamp(300px, calc(100vh - 430px), 70vh)!important; max-height:clamp(300px, calc(100vh - 430px), 70vh)!important; min-height:260px!important; overflow:auto!important; overflow-anchor:none!important; scrollbar-gutter:stable!important; contain:layout paint!important; } @media(max-height:760px){ #workerLedgerPage .worker-table-wrap{ height:clamp(190px, calc(100vh - 390px), 58vh)!important; max-height:clamp(190px, calc(100vh - 390px), 58vh)!important; min-height:180px!important; } } body.worker-drag-selecting, body.worker-drag-selecting *{ user-select:none!important; -webkit-user-select:none!important; } .worker-selection-box{ display:none!important; border:0!important; background:transparent!important; box-shadow:none!important; pointer-events:none!important; } body #workerLedgerPage .worker-ledger-table tbody tr.worker-row-selected, body #workerLedgerPage .worker-ledger-table tbody tr.worker-row-selected:hover, body #workerLedgerPage .worker-ledger-table tbody tr.worker-row-selected > td, body #workerLedgerPage .worker-ledger-table tbody tr.worker-row-selected:hover > td, body #workerLedgerPage .worker-ledger-table tbody tr.worker-row-selected > td:nth-child(n), body #workerLedgerPage .worker-ledger-table tbody tr.worker-row-selected > td.worker-edit-cell, body #workerLedgerPage .worker-ledger-table tbody tr.worker-row-selected > td.worker-account-cell, body #workerLedgerPage .worker-ledger-table tbody tr.worker-row-selected > td.worker-paid-cell{ background:#e0f0ee!important; background-color:#e0f0ee!important; background-image:none!important; filter:none!important; } body #workerLedgerPage .worker-ledger-table tbody tr.worker-row-selected > td:first-child{ box-shadow:inset 4px 0 0 #0b7a75!important; } body #workerLedgerPage .worker-ledger-table tbody tr.worker-row-selected > td:not(:first-child){ box-shadow:none!important; } #workerLedgerPage .worker-settle-run-btn{ color:transparent!important; font-size:0!important; line-height:0!important; text-indent:-9999px!important; overflow:hidden!important; } #workerLedgerPage .worker-settle-run-btn::before{ content:""; display:block; width:10px; height:10px; border-radius:3px; background:transparent; } #workerLedgerPage .worker-settle-run-btn:hover::before{ background:rgba(11,122,117,.18); } /* V246 worker ledger compact height: no default page scrollbar when rows are few. */ #workerLedgerPage .worker-ledger-card{ height:auto!important; min-height:0!important; max-height:none!important; } #workerLedgerPage .worker-detail:not(.hidden){ display:block!important; min-height:0!important; } #workerLedgerPage .worker-table-wrap{ flex:0 1 auto!important; height:auto!important; min-height:0!important; max-height:clamp(260px, calc(100vh - 430px), 62vh)!important; overflow-x:auto!important; overflow-y:auto!important; overflow-anchor:none!important; scrollbar-gutter:auto!important; contain:layout paint!important; } #workerLedgerPage .worker-pager{ margin-top:10px!important; } @media(max-height:760px){ #workerLedgerPage .worker-table-wrap{ max-height:clamp(190px, calc(100vh - 390px), 54vh)!important; } } /* Page isolation guard: page-specific display rules must not leak into inactive pages. */ .page-view:not(.active){ display:none!important; } /* V247 worker ledger pager: keep pagination at the page bottom while table keeps natural height. */ #workerLedgerPage.page-view.active{ display:flex!important; flex-direction:column!important; min-height:0!important; } #workerLedgerPage.page-view.active .worker-ledger-card{ height:auto!important; min-height:calc(100dvh - 140px)!important; max-height:none!important; display:flex!important; flex-direction:column!important; } #workerLedgerPage.page-view.active .worker-detail:not(.hidden){ flex:1 1 auto!important; min-height:0!important; display:flex!important; flex-direction:column!important; } #workerLedgerPage.page-view.active .worker-table-wrap{ flex:0 1 auto!important; height:auto!important; min-height:0!important; max-height:clamp(260px, calc(100dvh - 430px), 62vh)!important; overflow-x:auto!important; overflow-y:auto!important; overflow-anchor:none!important; scrollbar-gutter:auto!important; contain:layout paint!important; } #workerLedgerPage.page-view.active .worker-pager{ flex:0 0 auto!important; margin-top:auto!important; padding-top:14px!important; padding-bottom:0!important; } @media(max-height:760px){ #workerLedgerPage.page-view.active .worker-ledger-card{ min-height:calc(100dvh - 118px)!important; } #workerLedgerPage.page-view.active .worker-table-wrap{ max-height:clamp(190px, calc(100dvh - 390px), 54vh)!important; } #workerLedgerPage.page-view.active .worker-pager{ padding-top:10px!important; } } /* Graphic quote: selection covers the complete detail row, including form controls and actions. */ body.ui-sidebar-v1 #graphicQuotePage .graphic-v110-table tbody tr.row-selected > td, body.ui-sidebar-v1 #graphicQuotePage .graphic-v110-table tbody tr.row-selected:hover > td{ background:#dff5f0!important; border-bottom-color:#9ed9d0!important; } body.ui-sidebar-v1 #graphicQuotePage .graphic-v110-table tbody tr.row-selected > td:first-child{ box-shadow:inset 4px 0 0 #0b7a75!important; } body.ui-sidebar-v1 #graphicQuotePage .graphic-v110-table tbody tr.row-selected .gq-input{ background:#eaf8f5!important; border-color:#8fcec4!important; } /* Inventory location viewer: prioritize a large, unobstructed diagram and scale its pin with the image. */ #inventoryDiagramViewer{ position:fixed!important; inset:0!important; width:100vw!important; height:100dvh!important; min-width:100vw!important; min-height:100dvh!important; max-width:none!important; max-height:none!important; margin:0!important; padding:18px!important; overflow:auto!important; align-items:center!important; justify-content:center!important; box-sizing:border-box!important; } #inventoryDiagramViewer .inventory-location-viewer-inner-v144{ width:fit-content!important; max-width:calc(100vw - 36px)!important; max-height:none!important; gap:8px!important; padding:14px!important; } #inventoryDiagramViewer .inventory-location-viewer-head-v144{ width:100%!important; min-width:0!important; max-width:none!important; margin-bottom:0!important; box-sizing:border-box!important; } #inventoryDiagramViewer .inventory-location-viewer-stage-v144{ width:var(--inventory-location-image-width, min(92vw, 1280px))!important; height:var(--inventory-location-image-height, min(76vh, 820px))!important; min-width:0!important; max-width:calc(100vw - 64px)!important; max-height:calc(100dvh - 154px)!important; display:block!important; overflow:visible!important; background:#fff!important; line-height:0!important; } #inventoryDiagramViewer .inventory-location-viewer-stage-v144 > img{ width:100%!important; height:100%!important; min-width:0!important; max-width:none!important; max-height:none!important; display:block!important; object-fit:fill!important; } #inventoryDiagramViewer .inventory-location-viewer-pins-v144{ position:absolute!important; inset:0!important; pointer-events:none!important; } #inventoryDiagramViewer .inventory-location-view-pin-big-v150{ min-width:var(--inventory-location-pin-min-width, 54px)!important; min-height:var(--inventory-location-pin-min-height, 36px)!important; padding:var(--inventory-location-pin-pad-y, 5px) var(--inventory-location-pin-pad-x, 12px)!important; border-width:var(--inventory-location-pin-border, 3px)!important; border-radius:999px!important; font-size:var(--inventory-location-pin-font-size, 16px)!important; line-height:1.15!important; box-sizing:border-box!important; } #inventoryDiagramViewer .inventory-location-view-pin-v144{ display:inline-flex!important; align-items:center!important; justify-content:center!important; background:var(--inventory-pin-bg,#14b8a6)!important; color:var(--inventory-pin-text,#fff)!important; border-color:var(--inventory-pin-border,rgba(255,255,255,.96))!important; } #inventoryDiagramViewer .inventory-location-view-pin-big-v150.active{ box-shadow:0 0 0 var(--inventory-location-pin-halo, 7px) rgba(240,68,56,.18),0 8px 22px rgba(0,0,0,.28)!important; } #inventoryDiagramViewerInfo, #inventoryDiagramViewer .inventory-location-info-panel-v151{ display:none!important; } @media (max-width:1280px) and (min-width:721px){ #inventoryDiagramViewer .inventory-location-viewer-head-v149{ align-items:center!important; flex-direction:row!important; } #inventoryDiagramViewer .inventory-location-viewer-actions-v149{ width:auto!important; } } @media (max-width:720px){ #inventoryDiagramViewer{padding:8px!important;} #inventoryDiagramViewer .inventory-location-viewer-inner-v144{ max-width:calc(100vw - 16px)!important; padding:10px!important; } #inventoryDiagramViewer .inventory-location-viewer-stage-v144{ max-width:calc(100vw - 36px)!important; max-height:calc(100dvh - 196px)!important; } }