.sales-prototype-body{background:#f3f6fa;color:#172b45;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif}.sales-prototype-body #root{min-height:100vh}.y-sales-shell{display:flex;min-height:100vh;background:#f3f6fa}.y-sales-sidebar{z-index:2;display:flex;position:sticky;top:0;flex:0 0 248px;flex-direction:column;width:248px;height:100vh;color:#d9e6f5;background:linear-gradient(180deg,#092a54 0%,#0d3769 55%,#102f57 100%);box-shadow:8px 0 28px #092b5414}.y-sales-brand{display:flex;align-items:center;gap:11px;border-bottom:1px solid #ffffff1c}.y-sales-brand-mark{display:grid;place-items:center;width:36px;height:36px;color:#0c3a70;background:#dff0ff;border-radius:10px;font-weight:900;letter-spacing:-2px;box-shadow:0 5px 12px #001c452e}.y-sales-brand-copy{min-width:0}.y-sales-brand-copy strong{display:block;color:#fff;font-size:15px;letter-spacing:.4px}.y-sales-brand-copy span{display:block;margin-top:2px;color:#a6c1de;font-size:11px}.y-sales-nav{display:flex;flex:1;flex-direction:column;gap:5px;padding:19px 12px}.y-sales-nav-label{padding:10px 12px 5px;color:#8eafd1;font-size:11px;letter-spacing:1.5px}.y-sales-nav-link{display:flex;align-items:center;gap:11px;width:100%;min-height:41px;padding:0 12px;color:#c8d9ec;border:1px solid transparent;border-radius:8px;font-size:13px;cursor:pointer;transition:background .16s,color .16s}.y-sales-nav-link:hover{color:#fff;background:#ffffff12}.y-sales-nav-link.active{color:#fff;background:#ffffff12}.y-sales-nav-icon{display:grid;place-items:center;width:20px;color:#a9c6e5;font-size:15px}.y-sales-nav-link.active .y-sales-nav-icon{color:#fff}.y-sales-side-note{margin:0 16px 18px;padding:11px 12px;color:#9ab7d4;background:#ffffff0d;border:1px solid #ffffff12;border-radius:8px;font-size:10px;line-height:1.6}.y-sales-side-note b{display:block;color:#dceafd;margin-bottom:3px}.y-sales-main{flex:1;min-width:0}.y-sales-topbar{display:flex;align-items:center;justify-content:space-between;gap:20px;height:76px;padding:0 30px;background:#fff;border-bottom:1px solid #e3e8ef}.y-sales-breadcrumb{color:#8493a7;font-size:12px}.y-sales-breadcrumb b{color:#1b3555;margin-left:7px}.y-sales-release{display:flex;align-items:center;gap:9px;color:#74849a;font-size:11px}.y-sales-release i{width:7px;height:7px;background:#22b983;border-radius:50%;box-shadow:0 0 0 4px #22b9831e}.y-sales-release strong{color:#246bfd;font-size:11px}.y-sales-content{max-width:1500px;margin:0 auto;padding:31px 34px 46px}.y-sales-page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:25px}.y-sales-page-kicker{margin:0 0 7px;color:#246bfd;font-size:11px;font-weight:800;letter-spacing:1.2px}.y-sales-page-title{margin:0;color:#152d4c;font-size:26px;line-height:1.2;font-weight:800;letter-spacing:.2px}.y-sales-page-subtitle{margin:8px 0 0;color:#7b899b;font-size:13px;line-height:1.6}.y-sales-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:9px}.y-sales-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:36px;padding:0 14px;color:#52657d;background:#fff;border:1px solid #cbd8e7;border-radius:7px;font-size:12px;font-weight:700;cursor:pointer;transition:all .16s}.y-sales-btn:hover{color:#1f5fd0;border-color:#8db7f6;background:#f6f9ff}.y-sales-btn.primary{color:#fff;background:#246bfd;border-color:#246bfd;box-shadow:0 6px 12px #246bfd24}.y-sales-btn.primary:hover{background:#1558dc;border-color:#1558dc}.y-sales-btn.ghost{background:#f7faff}.y-sales-btn.danger{color:#b44951}.y-sales-card{background:#fff;border:1px solid #dde6ef;border-radius:11px;box-shadow:0 5px 18px #1f416f08}.y-sales-table-wrap{width:100%;overflow-x:auto;border-radius:11px}.y-sales-table{width:100%;min-width:930px;border-collapse:separate;border-spacing:0;font-size:12px}.y-sales-table th{height:47px;padding:0 16px;color:#76869b;background:#f7f9fc;border-bottom:1px solid #e1e8f0;font-size:11px;font-weight:800;text-align:left;white-space:nowrap}.y-sales-table td{height:62px;padding:10px 16px;color:#465c76;border-bottom:1px solid #edf1f5;white-space:nowrap;vertical-align:middle}.y-sales-table tbody tr:last-child td{border-bottom:0}.y-sales-table tbody tr:hover td{background:#fbfdff}.y-sales-table th:first-child,.y-sales-table td:first-child{position:sticky;left:0;z-index:1}.y-sales-table th:first-child{background:#f7f9fc}.y-sales-table td:first-child{background:#fff}.y-sales-table tbody tr:hover td:first-child{background:#fbfdff}.y-sales-primary-cell{color:#1b3c67!important;font-weight:800}.y-sales-link{color:#1e63d4;font-weight:800;cursor:pointer}.y-sales-link:hover{text-decoration:underline}.y-sales-muted{color:#8a98aa!important}.y-sales-status{display:inline-flex;align-items:center;min-height:23px;padding:0 8px;border-radius:999px;font-size:10px;font-weight:800}.y-sales-status.active,.y-sales-status.paid,.y-sales-status.in-stock{color:#117552;background:#e6f8f0}.y-sales-status.draft,.y-sales-status.pending{color:#93601e;background:#fff5de}.y-sales-status.completed{color:#285b9c;background:#eaf2ff}.y-sales-status.inactive,.y-sales-status.cancelled{color:#8b5962;background:#fff0f1}.y-sales-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border-bottom:1px solid #e7edf3}.y-sales-toolbar-left,.y-sales-toolbar-right{display:flex;align-items:center;gap:9px}.y-sales-input{height:35px;padding:0 11px;color:#243b58;background:#fff;border:1px solid #d3deea;border-radius:7px;outline:none;font-size:12px}.y-sales-input:focus{border-color:#79aaf2;box-shadow:0 0 0 3px #246bfd14}.y-sales-count{color:#8695a8;font-size:11px}.y-sales-progress{display:inline-flex;align-items:center;gap:8px;min-width:132px}.y-sales-progress-track{width:76px;height:7px;background:#e8edf3;border-radius:99px;overflow:hidden}.y-sales-progress-track i{display:block;height:100%;background:linear-gradient(90deg,#2871f5,#20b986);border-radius:inherit}.y-sales-progress span{color:#526780;font-size:11px}.y-sales-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-bottom:22px}.y-sales-metric{padding:17px 18px}.y-sales-metric-label{color:#8593a5;font-size:11px}.y-sales-metric-value{margin-top:8px;color:#1c3e68;font-size:22px;font-weight:800;letter-spacing:.3px}.y-sales-metric-note{margin-top:5px;color:#9aa7b6;font-size:10px}.y-sales-metric.blue{border-top:3px solid #246bfd}.y-sales-metric.green{border-top:3px solid #20b986}.y-sales-metric.orange{border-top:3px solid #edaa4a}.y-sales-metric.purple{border-top:3px solid #856be7}.y-sales-section-title{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:14px}.y-sales-section-title h2{margin:0;color:#243c5b;font-size:16px;font-weight:800}.y-sales-section-title span{color:#8d9aab;font-size:11px}.y-sales-detail-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:16px}.y-sales-panel{padding:20px}.y-sales-panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:17px}.y-sales-panel-head h2{margin:0;color:#243c5b;font-size:16px;font-weight:800}.y-sales-panel-head span{color:#8b99aa;font-size:11px}.y-sales-info-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 26px}.y-sales-info-row{display:grid;grid-template-columns:100px minmax(0,1fr);gap:10px;padding:12px 0;border-bottom:1px solid #edf1f5;font-size:12px}.y-sales-info-row dt{color:#8997a8}.y-sales-info-row dd{margin:0;color:#304a68;font-weight:700;overflow-wrap:anywhere}.y-sales-pay-row{display:grid;grid-template-columns:100px 1fr auto;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid #edf1f5;font-size:12px}.y-sales-pay-row:last-child{border-bottom:0}.y-sales-pay-row span{color:#75859a}.y-sales-pay-row b{color:#304a68}.y-sales-pay-row strong{color:#246bfd;font-size:12px}.y-sales-big-progress{height:10px;background:#e9eef5;border-radius:999px;overflow:hidden}.y-sales-big-progress i{display:block;height:100%;background:linear-gradient(90deg,#246bfd,#20b986);border-radius:inherit}.y-sales-amount-row{display:flex;align-items:center;justify-content:space-between;padding:12px 0;font-size:12px}.y-sales-amount-row span{color:#77879a}.y-sales-amount-row b{color:#2b4564}.y-sales-amount-row.emphasis{margin-top:8px;padding-top:16px;border-top:1px solid #e4ebf2}.y-sales-amount-row.emphasis b{color:#246bfd;font-size:17px}.y-sales-attachment-list{display:grid;gap:9px}.y-sales-attachment{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;background:#f8fafc;border:1px solid #e6edf4;border-radius:7px}.y-sales-attachment-main{display:flex;align-items:center;gap:10px;min-width:0}.y-sales-file-icon{display:grid;place-items:center;flex:0 0 32px;width:32px;height:32px;color:#246bfd;background:#eaf2ff;border-radius:7px;font-size:14px}.y-sales-attachment-main strong{display:block;overflow:hidden;color:#385473;font-size:12px;text-overflow:ellipsis}.y-sales-attachment-main span{display:block;margin-top:3px;color:#9aa6b4;font-size:10px}.y-sales-tabs{display:flex;gap:4px;margin-bottom:16px;padding:5px;background:#eaf0f7;border-radius:9px;overflow-x:auto}.y-sales-tab{flex:0 0 auto;min-height:34px;padding:0 15px;color:#6f8095;background:transparent;border:0;border-radius:6px;font-size:12px;font-weight:700;cursor:pointer}.y-sales-tab.active{color:#1d5ecb;background:#fff;box-shadow:0 2px 7px #23466b12}.y-sales-trace{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin-bottom:21px}.y-sales-trace-step{position:relative;padding:13px 8px 0;text-align:center}.y-sales-trace-step:before{content:"";position:absolute;top:7px;right:50%;left:-50%;height:2px;background:#d9e3ed}.y-sales-trace-step:first-child:before{display:none}.y-sales-trace-dot{position:relative;z-index:1;width:16px;height:16px;margin:0 auto 8px;background:#dce5ef;border:4px solid #edf2f7;border-radius:50%}.y-sales-trace-step.done .y-sales-trace-dot{background:#20b986}.y-sales-trace-step.current .y-sales-trace-dot{background:#246bfd;box-shadow:0 0 0 4px #246bfd21}.y-sales-trace-step span{display:block;color:#8796a8;font-size:10px}.y-sales-trace-step.done span,.y-sales-trace-step.current span{color:#365575;font-weight:800}.y-sales-empty{padding:42px 20px;color:#8d9aaa;text-align:center;font-size:12px}.y-sales-modal-backdrop{z-index:20;display:grid;position:fixed;inset:0;place-items:center;padding:20px;background:#102a4c70}.y-sales-modal{width:min(640px,100%);max-height:calc(100vh - 40px);background:#fff;border-radius:12px;box-shadow:0 22px 70px #071f3c45;overflow:auto}.y-sales-modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;padding:22px 24px 17px;border-bottom:1px solid #e5ebf2}.y-sales-modal-head h2{margin:0;color:#1a3454;font-size:19px}.y-sales-modal-head p{margin:6px 0 0;color:#8a98a8;font-size:11px}.y-sales-modal-close{width:30px;height:30px;color:#78899d;border:0;border-radius:6px;font-size:20px;cursor:pointer}.y-sales-modal-body{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding:22px 24px}.y-sales-form-field{display:grid;gap:7px;color:#75859a;font-size:11px}.y-sales-form-field.full{grid-column:1/-1}.y-sales-form-field input,.y-sales-form-field select,.y-sales-form-field textarea{width:100%;min-height:37px;padding:8px 10px;color:#273e5c;background:#fff;border:1px solid #d5e0eb;border-radius:7px;outline:none;font-size:12px}.y-sales-form-field textarea{min-height:75px;resize:vertical}.y-sales-modal-foot{display:flex;justify-content:flex-end;gap:9px;padding:14px 24px 20px;border-top:1px solid #e5ebf2}.y-sales-toast{z-index:30;position:fixed;right:24px;bottom:24px;max-width:360px;padding:12px 15px;color:#fff;background:#153e70;border-radius:8px;box-shadow:0 12px 30px #0826483d;font-size:12px}.y-sales-mock-tag{display:inline-flex;align-items:center;min-height:22px;padding:0 8px;color:#6b5a22;background:#fff7d9;border:1px solid #f2dc86;border-radius:999px;font-size:10px;font-weight:800}.y-sales-highlight{color:#246bfd;font-weight:800}.y-sales-project-code{color:#194e9c;font-weight:800;letter-spacing:.3px}.y-sales-nav-injected{position:relative!important}.y-sales-nav-injected .y-sales-subnav{display:none;position:absolute;z-index:10;top:calc(100% + 5px);left:0;min-width:150px;padding:6px;background:#fff;border:1px solid #d8e3ef;border-radius:8px;box-shadow:0 12px 28px #173a6024}.y-sales-nav-injected:hover .y-sales-subnav{display:grid}.y-sales-nav-injected .y-sales-subnav a{padding:8px 10px;color:#4c617b;border-radius:5px;font-size:11px}.y-sales-nav-injected .y-sales-subnav a:hover{color:#1d5ecb;background:#eef5ff}@media (max-width:1080px){.y-sales-sidebar{flex-basis:214px;width:214px}.y-sales-content{padding:25px 22px 40px}.y-sales-topbar{padding:0 30px}.y-sales-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:720px){.y-sales-shell{display:block}.y-sales-sidebar{position:relative;width:100%;height:auto}.y-sales-nav{display:flex;flex-direction:row;gap:5px;padding:9px 10px;overflow-x:auto}.y-sales-nav-label,.y-sales-side-note{display:none}.y-sales-nav-link{flex:0 0 auto;min-height:35px;padding:0 10px}.y-sales-nav-icon{display:none}.y-sales-topbar{height:76px;padding:0 16px}.y-sales-content{padding:22px 15px 35px}.y-sales-page-head{display:block}.y-sales-actions{justify-content:flex-start}.y-sales-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.y-sales-metric{padding:14px}.y-sales-metric-value{font-size:18px}.y-sales-detail-grid{grid-template-columns:1fr}.y-sales-info-grid{grid-template-columns:1fr}.y-sales-modal-body{grid-template-columns:1fr;padding:18px}.y-sales-modal-foot,.y-sales-modal-head{padding-left:18px;padding-right:18px}.y-sales-form-field.full{grid-column:auto}.y-sales-trace{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:12px}.y-sales-trace-step:nth-child(3):before{display:none}} .y-sales-receipt-list{display:grid;gap:7px;margin-top:9px}.y-sales-receipt-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:10px;align-items:center;padding:8px 10px;background:#f8fafc;border:1px solid #e7edf3;border-radius:7px}.y-sales-receipt-row b,.y-sales-receipt-row span,.y-sales-receipt-row small{display:block}.y-sales-receipt-row b{color:#2b4564;font-size:12px}.y-sales-receipt-row span,.y-sales-receipt-row small{margin-top:3px;color:#8a98aa;font-size:10px}.y-sales-receipt-status{display:inline-flex!important;align-items:center;padding:3px 7px;border-radius:999px}.y-sales-receipt-status.posted{color:#117552;background:#e6f8f0}.y-sales-receipt-status.pending{color:#93601e;background:#fff5de}.y-sales-payment-schedule-summary{display:grid;grid-template-columns:max-content max-content;gap:8px 24px;margin-top:12px;padding:10px 12px;color:#63758c;background:#f5f8fc;border:1px solid #e1e9f2;border-radius:7px;font-size:11px}.y-sales-payment-schedule-summary>div{display:flex;align-items:center;gap:7px}.y-sales-payment-schedule-summary>small{grid-column:1/-1;display:block;padding-top:8px;border-top:1px solid #dfe7f0}.y-sales-payment-schedule-summary>small{grid-column:1/-1;display:block;padding-top:8px;border-top:1px solid #dfe7f0}.y-sales-payment-schedule-summary b{color:#284c78}.y-sales-payment-schedule-summary em{font-style:normal;font-size:10px}.y-sales-payment-schedule-summary em.ok{color:#168e63}.y-sales-payment-schedule-summary em.warn{color:#bd761d}.y-sales-reminder-main>small{display:block;margin-top:4px;color:#8a98aa;font-size:10px}.y-sales-reminder-main{min-width:0}.y-sales-reminder-main .y-sales-receipt-list{max-width:100%}@media(max-width:720px){.y-sales-receipt-row{grid-template-columns:1fr}.y-sales-receipt-row .y-sales-actions{justify-content:flex-start}.y-sales-payment-schedule-summary{grid-template-columns:1fr}} /* 五大中心导航：项目、单据和财务入口保持在同一侧栏业务链中。 */ .y-sales-nav{min-height:0;overflow-y:auto;padding-top:10px;padding-bottom:10px}.y-sales-nav-label{padding-top:7px}.y-sales-nav-link{min-height:35px}.y-sales-side-bottom{flex:none;padding-bottom:12px}.y-sales-side-bottom .y-sales-side-note{margin-bottom:8px}.y-sales-collapse{display:block;padding:0 20px;color:#7999ba;font-size:10px} /* 销售开票：草稿、确认开具与税额合计。 */ .y-sales-invoice-panel{margin-top:16px}.y-sales-invoice-records{display:grid;gap:9px}.y-sales-invoice-record{display:grid;grid-template-columns:minmax(180px,1.1fr) minmax(200px,1fr) minmax(110px,.55fr) auto;gap:16px;align-items:center;padding:12px 14px;border:1px solid #e5ebf2;border-radius:8px;background:#fbfcfe}.y-sales-invoice-record>div{min-width:0}.y-sales-invoice-record b,.y-sales-invoice-record span,.y-sales-invoice-record small{display:block}.y-sales-invoice-record b{color:#244667;font-size:12px}.y-sales-invoice-record span,.y-sales-invoice-record small{margin-top:3px;color:#8292a6;font-size:10px}.y-sales-invoice-modal{width:min(920px,calc(100vw - 32px))}.y-sales-invoice-profile{margin-top:10px}.y-sales-invoice-line{border-color:#dde8f6;background:#f8fbff}.y-sales-invoice-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:13px 15px;border:1px solid #cfe0f5;border-radius:8px;background:#f4f8fe}.y-sales-invoice-summary>div{display:flex;align-items:center;justify-content:space-between;gap:10px}.y-sales-invoice-summary span{color:#74869b;font-size:11px}.y-sales-invoice-summary b{color:#1768d8;font-size:14px}.y-sales-invoice-summary small{grid-column:1/-1;color:#7e8da0;line-height:1.6}@media(max-width:760px){.y-sales-invoice-record{grid-template-columns:1fr}.y-sales-invoice-summary{grid-template-columns:1fr}.y-sales-invoice-summary small{grid-column:auto}} /* 第八批：合同含税价 / 不含税价双栏联动。 */ .y-sales-invoice-mode{margin:0;padding:13px 15px;border:1px solid #d9e4f0;border-radius:8px;background:#f8fbff}.y-sales-invoice-mode legend{padding:0 5px;color:#536a85;font-weight:800}.y-sales-invoice-mode>div{display:flex;gap:22px}.y-sales-invoice-mode label{display:flex;align-items:center;gap:7px;color:#284764;font-size:12px;font-weight:800}.y-sales-invoice-mode input{width:auto;min-height:0}.y-sales-invoice-mode>span{display:block;margin-top:9px;color:#b45309;font-size:11px}.y-sales-contract-linked-prices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;padding:15px;border:1px solid #cfe0f5;border-radius:9px;background:#f8fbff}.y-sales-contract-price-source{position:relative;padding:8px;border:2px solid transparent;border-radius:8px;transition:border-color .15s,background .15s}.y-sales-contract-price-source.calculation-source{border-color:#246bfd;background:#eef5ff}.y-sales-contract-price-source [data-calculation-source-hint]{position:absolute;top:7px;right:8px;color:#1558dc;font-size:10px;font-weight:800}.y-sales-contract-tax-preview[data-contract-tax-preview]{padding:11px 15px}.y-sales-contract-tax-preview[data-contract-tax-preview]>[data-contract-tax-summary]{margin-top:0}.y-sales-contract-amount-breakdown{display:grid;gap:4px}.y-sales-contract-amount-breakdown>b{color:#1558dc;font-size:16px}.y-sales-contract-amount-breakdown>span{color:#72849a;font-size:11px}.y-sales-contract-amount-breakdown.compact{min-width:158px}.y-sales-contract-amount-breakdown.compact>b{font-size:12px}.y-sales-contract-amount-breakdown.compact .y-sales-tax-badge{width:max-content;margin-left:0}@media(max-width:760px){.y-sales-contract-linked-prices{grid-template-columns:1fr}.y-sales-invoice-mode>div{flex-wrap:wrap}} /* 第七批：计税方式和客户应付口径。 */ .y-sales-contract-tax-preview{padding:15px 17px;border:1px solid #bcd4f5;background:linear-gradient(135deg,#f7fbff,#eef6ff)}.y-sales-contract-tax-preview>[data-contract-tax-summary]{display:grid;gap:7px;margin-top:12px}.y-sales-contract-tax-preview-row{display:flex;align-items:center;justify-content:space-between;gap:16px;color:#60748e;font-size:12px}.y-sales-contract-tax-preview-row b{color:#294d78}.y-sales-contract-tax-preview-row.payable{margin-top:3px;padding-top:10px;border-top:1px solid #cbdcf1;color:#153e70}.y-sales-contract-tax-preview-row.payable b{color:#1558dc;font-size:20px;font-weight:900}.y-sales-tax-badge{display:inline-flex;align-items:center;margin-left:5px;padding:2px 7px;border-radius:999px;font-size:10px;font-weight:800;white-space:nowrap}.y-sales-tax-badge.inclusive{color:#166534;background:#dcfce7}.y-sales-tax-badge.exclusive{color:#9a3412;background:#ffedd5}.y-sales-tax-badge.neutral{color:#475569;background:#e2e8f0}.y-sales-tax-badge.warning{color:#92400e;background:#fef3c7}.y-sales-tax-warning{margin:0 0 14px;padding:10px 12px;color:#92400e;background:#fffbeb;border:1px solid #f6d88a;border-radius:7px;font-size:12px}.y-sales-tax-warning.full{grid-column:1/-1;margin:0} /* 第九批：客户联系人使用销售命名空间，避免采购全局样式串扰。 */ .y-sales-contract-modal .y-sales-form-section.full{grid-column:1/-1}.y-sales-contract-modal .y-sales-form-field input,.y-sales-contract-modal .y-sales-form-field select,.y-sales-contract-modal .y-sales-form-field textarea{box-sizing:border-box} .y-sales-contact-list{display:grid;gap:10px}.y-sales-contact-row{display:grid;grid-template-columns:1fr 1fr 1fr auto auto;gap:10px;align-items:end;padding:12px;border:1px solid #dce6f0;border-radius:8px;background:#fbfdff}.y-sales-contact-primary{display:flex;align-items:center;gap:6px;min-height:37px;color:#52677f;font-size:11px;white-space:nowrap}.y-sales-contact-primary input{width:16px;height:16px}.y-sales-contact-row>.y-sales-btn{margin-bottom:1px}@media(max-width:760px){.y-sales-contact-row{grid-template-columns:1fr}.y-sales-contact-primary{min-height:auto}} .y-sales-contract-modal{width:min(1180px,calc(100vw - 32px))}.y-sales-contract-modal .y-sales-modal-body{grid-template-columns:repeat(2,minmax(0,1fr))}.y-sales-contract-linked-prices{grid-template-columns:120px minmax(200px,1fr) minmax(200px,1fr);width:100%;box-sizing:border-box}.y-sales-contract-price-source{min-width:0}.y-sales-contract-price-label{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:22px;color:#52657d;font-weight:800;white-space:nowrap}.y-sales-contract-price-label em{position:static!important;display:inline-flex;padding:2px 7px;color:#1558dc;background:#dbeafe;border-radius:999px;font-size:10px;font-style:normal;line-height:18px;white-space:nowrap}.y-sales-contract-price-source input{min-width:200px;font-variant-numeric:tabular-nums;font-size:14px!important}.y-sales-contract-tax-preview{display:flex;justify-content:flex-end;padding:5px 0!important;border:0!important;background:transparent!important}.y-sales-contract-tax-preview>[data-contract-tax-summary]{width:min(520px,100%);margin:0}.y-sales-form-section-title,.y-sales-form-section-title>b,.y-sales-contract-table-section>.y-sales-btn,.y-sales-contract-editor-table .y-sales-btn{white-space:nowrap}.y-sales-contract-table-section{display:grid;gap:12px;min-width:0}.y-sales-contract-editor-table-wrap{width:100%;overflow-x:auto;border:1px solid #dce6f0;border-radius:9px}.y-sales-contract-editor-table{width:100%;border-collapse:collapse;background:#fff;font-size:11px}.y-sales-contract-editor-table th{padding:10px;color:#60748e;background:#f5f8fc;border-bottom:1px solid #dce6f0;text-align:left;white-space:nowrap}.y-sales-contract-editor-table td{padding:8px;border-bottom:1px solid #edf2f7;vertical-align:top}.y-sales-contract-editor-table tr:last-child td{border-bottom:0}.y-sales-contract-editor-table input{box-sizing:border-box;width:100%;min-width:90px;min-height:36px;padding:7px 8px;border:1px solid #d5e0eb;border-radius:6px;color:#273e5c;background:#fff}.y-sales-contract-line-table{min-width:1420px}.y-sales-contract-line-table th:nth-child(2),.y-sales-contract-line-table th:nth-child(3){min-width:180px}.y-sales-contract-line-table th:nth-child(8),.y-sales-contract-line-table th:nth-child(9){min-width:150px}.y-sales-payment-schedule-table{min-width:900px}.y-sales-payment-schedule-table th:first-child{min-width:180px}.y-sales-payment-schedule-table th:nth-child(3),.y-sales-payment-schedule-table th:nth-child(5){min-width:160px}.y-sales-contract-editor-table [data-line-tax-warning]{display:block;margin-top:4px;color:#b45309;white-space:nowrap}.y-sales-payment-schedule-summary{width:100%;box-sizing:border-box;grid-template-columns:minmax(0,max-content) minmax(0,max-content)}.y-sales-contract-list-amount{display:flex;align-items:center;gap:8px;white-space:nowrap}.y-sales-contract-list-amount>b{font-size:14px;color:#0f172a}.y-sales-attachment-upload{display:flex;align-items:end;gap:10px;flex-wrap:wrap}.y-sales-attachment-upload label,.y-sales-attachment-type-editor{display:flex;align-items:center;gap:6px;color:#64748b;font-size:12px}.y-sales-attachment-upload select,.y-sales-attachment-type-editor select{min-height:34px;border:1px solid #cbd5e1;border-radius:8px;background:#fff;padding:5px 28px 5px 9px;color:#1e293b}.y-sales-attachment-group{display:grid;gap:8px;margin-top:14px}.y-sales-attachment-group>h3{display:flex;align-items:center;gap:8px;margin:0;color:#334155;font-size:14px}.y-sales-attachment-group>h3 span{border-radius:999px;background:#e2e8f0;padding:2px 8px;color:#475569;font-size:11px}.y-project-acceptance-summary{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:12px;padding:14px 16px;border-left:4px solid #0ea5e9}.y-project-acceptance-summary>div{display:grid;gap:4px}.y-project-acceptance-summary span{color:#64748b;font-size:12px}@media(max-width:720px){.y-sales-contract-modal{width:calc(100vw - 12px);max-height:calc(100vh - 12px)}.y-sales-contract-modal .y-sales-modal-body{grid-template-columns:1fr;padding:14px}.y-sales-contract-linked-prices{grid-template-columns:1fr}.y-sales-contract-price-source input{min-width:0}.y-sales-contract-tax-preview{justify-content:stretch}.y-sales-payment-schedule-summary{grid-template-columns:1fr}.y-sales-modal-head,.y-sales-modal-foot{padding-left:14px;padding-right:14px}.y-sales-attachment-upload,.y-project-acceptance-summary{align-items:stretch;flex-direction:column}.y-sales-attachment-upload label{align-items:stretch;flex-direction:column}.y-sales-attachment-type-editor{width:100%}.y-sales-attachment-type-editor select{min-width:0;max-width:100%}} .y-sales-payment-information{grid-column:1/-1}.y-sales-payment-node-table{margin-top:14px}.y-sales-payment-node-table .y-sales-table{min-width:850px}.y-sales-payment-node-table td{height:auto;white-space:normal;vertical-align:top}.y-sales-payment-node-table td:first-child{min-width:180px}.y-sales-payment-node-table td:last-child{display:flex;align-items:center;gap:8px}.y-sales-payment-pending,.y-sales-payment-node-table td small{display:block;margin-top:4px;color:#b45309;font-size:10px}.y-sales-payment-node-details{margin-top:7px}.y-sales-payment-node-details summary{color:#246bfd;cursor:pointer;font-size:11px}.y-sales-pay-row strong.danger{color:#b42318}.y-sales-contract-line-summary{display:block!important;line-height:1.8}.y-sales-contract-line-summary b{margin:0 3px}.y-sales-contract-line-summary em.ok{color:#168e63}.y-sales-contract-line-summary em.warn{color:#b42318}.y-sales-contract-editor-table output{display:block;min-width:110px;padding:10px 6px;color:#1e3a5f;font-weight:800;white-space:nowrap}.y-sales-contract-lines-detail{margin-top:16px}.y-sales-contract-lines-detail .y-sales-table{min-width:880px} .y-sales-closeout-ready{display:inline-flex;align-items:center;gap:7px}.y-sales-closeout-checks{display:grid;gap:8px;padding:14px;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:9px}.y-sales-closeout-checks p{margin:0;color:#166534;font-size:12px}.y-sales-closeout-checks p.warning{color:#9a6700}.y-project-card>.y-sales-closeout-ready{justify-content:center;margin:10px 0}.y-project-card>.y-sales-closeout-ready .y-sales-btn{min-height:30px} .y-sales-required-mark{margin-right:3px;color:#dc2626;font-weight:900}.y-sales-form-field .y-sales-required-error,.y-sales-contract-editor-table .y-sales-required-error{border-color:#dc2626!important;box-shadow:0 0 0 3px #dc26261a} /* 第十二批：合同自身金额口径、付款计划差异提示与项目附件共用面板。 */ .y-sales-contract-own-basis,.y-project-sales-basis{display:grid;gap:4px;align-items:start}.y-sales-contract-own-basis>b,.y-project-sales-basis>b{display:block;color:#1558dc;font-size:18px;line-height:1.3;font-variant-numeric:tabular-nums}.y-sales-contract-own-basis small,.y-project-sales-basis small{display:block;color:#64748b;font-size:11px;font-weight:700;line-height:1.45}.y-sales-contract-own-basis small.warning,.y-project-sales-basis small.warning{color:#b45309}.y-sales-contract-own-basis.compact>b,.y-project-sales-basis.compact>b{font-size:13px}.y-sales-payment-plan-mismatch{grid-column:1/-1;padding:9px 11px;color:#b42318!important;background:#fff1f0;border:1px solid #f1a7a0;border-radius:7px;font-weight:800}.y-sales-payment-schedule-table input[readonly]{color:#64748b;background:#f1f5f9}.y-sales-attachment-group>h3>.y-sales-btn{margin-left:auto}.y-sales-attachment-group>.y-sales-empty{padding:18px} /* 第十三批 rc2：付款节点按最后编辑的金额或比例联动，最后节点可自动补差。 */ .y-sales-payment-schedule-table [data-payment-basis-label]{display:block;margin-top:4px;color:#64748b;font-size:10px;font-weight:800;white-space:nowrap}.y-sales-payment-schedule-table [data-payment-basis="amount"] [data-payment-basis-label]{color:#0f766e}.y-sales-payment-schedule-table [data-payment-basis="auto"] [data-payment-basis-label]{color:#1d4ed8}.y-sales-payment-schedule-summary>.y-sales-btn{grid-column:1/-1;justify-self:start} /* 第十四批：开票登记只保留必要字段，记录合计清晰分栏。 */ .y-sales-invoice-record-totals{display:flex;justify-content:flex-end;gap:20px;margin-top:12px;padding:12px 14px;border-top:1px solid #dce6f0;color:#52657d;font-size:12px}.y-sales-invoice-record-totals span{display:flex;align-items:center;gap:7px}.y-sales-invoice-record-totals b{color:#173f6b;font-size:15px}.y-sales-invoice-record .y-sales-actions{flex-wrap:nowrap}@media(max-width:760px){.y-sales-invoice-record-totals{align-items:flex-end;flex-direction:column;gap:7px}.y-sales-invoice-record .y-sales-actions{flex-wrap:wrap}} /* 第十五批：合同表收窄；客户可换行，付款节点摘要最多两行。 */ .y-sales-contract-table{min-width:1540px} .y-sales-contract-customer{width:180px;min-width:180px;max-width:180px;white-space:normal!important;overflow-wrap:anywhere;line-height:1.45} .y-sales-contract-payment-summary{width:220px;min-width:220px;max-width:220px;white-space:normal!important} .y-sales-contract-payment-summary>span{display:-webkit-box;overflow:hidden;max-width:100%;line-height:1.45;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2} /* 第十八批：合同、BOM、采购流程提醒与项目技术资料。 */ .y-sales-workflow-reminders{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 14px}.y-sales-workflow-reminders.compact{display:grid;gap:5px;margin:7px 0}.y-sales-workflow-reminder{display:inline-flex;padding:7px 10px;border:1px solid #fdba74;border-radius:8px;background:#fff7ed;color:#c2410c;font-size:12px;font-weight:800;line-height:1.4}.y-sales-workflow-reminder.danger{border-color:#fca5a5;background:#fef2f2;color:#b91c1c} .y-project-technical-documents .y-sales-attachment-list{display:grid;gap:10px}.y-project-technical-documents .y-sales-attachment-upload{display:flex;align-items:end;gap:10px}.y-project-technical-documents .y-sales-attachment-upload label{display:grid;gap:5px;color:#52657d;font-size:12px}.y-project-technical-documents .y-sales-attachment-upload select{min-width:150px;padding:8px;border:1px solid #cbd5e1;border-radius:7px;background:#fff} @media(max-width:720px){.y-project-technical-documents .y-sales-panel-head,.y-project-technical-documents .y-sales-attachment-upload{align-items:stretch;flex-direction:column}.y-project-technical-documents .y-sales-attachment{align-items:flex-start;flex-direction:column}.y-project-technical-documents .y-sales-actions{width:100%;flex-wrap:wrap}} /* 第十九批：合同合计紧凑化，并让销售侧栏与主程序侧栏共用固定视口口径。 */ .y-sales-contract-totals{margin:10px 0 12px}.y-sales-contract-total-list{display:grid;gap:7px}.y-sales-contract-total-row{display:grid;position:relative;grid-template-columns:120px repeat(5,minmax(118px,1fr));gap:7px;align-items:stretch;min-width:800px;padding:7px 42px 7px 8px;border:1px solid #dbe4f0;border-radius:9px;background:#fff;box-shadow:0 3px 10px rgba(15,23,42,.05)}.y-sales-contract-total-row>h3{display:flex;align-items:center;margin:0;padding:0 8px;color:#173b67;font-size:13px;white-space:nowrap}.y-sales-contract-total-stat{display:grid;gap:3px;min-width:0;padding:7px 9px;border-left:3px solid #94a3b8;border-radius:6px;background:#f8fafc}.y-sales-contract-total-stat>span{overflow:hidden;color:#64748b;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.y-sales-contract-total-stat>strong{overflow:hidden;color:#334155;font-size:15px;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.y-sales-contract-total-stat.sales{border-color:#2563eb;background:#eff6ff}.y-sales-contract-total-stat.sales>strong{color:#1d4ed8}.y-sales-contract-total-stat.paid{border-color:#16a34a;background:#f0fdf4}.y-sales-contract-total-stat.paid>strong{color:#15803d}.y-sales-contract-total-stat.unpaid{border-color:#ea580c;background:#fff7ed}.y-sales-contract-total-stat.unpaid>strong{color:#c2410c}.y-sales-contract-total-stat.invoiced{border-color:#9333ea;background:#faf5ff}.y-sales-contract-total-stat.invoiced>strong{color:#7e22ce}.y-sales-contract-total-stat.uninvoiced{border-color:#0d9488;background:#f0fdfa}.y-sales-contract-total-stat.uninvoiced>strong{color:#0f766e}.y-sales-contract-total-notes{position:absolute;top:8px;right:8px;z-index:3}.y-sales-contract-total-notes>summary,.y-sales-contract-totals-policy>summary{color:#246bfd;font-size:10px;font-weight:800;cursor:pointer;white-space:nowrap}.y-sales-contract-total-notes>div{display:grid;position:absolute;top:24px;right:0;width:320px;gap:5px;padding:10px;color:#52657d;background:#fff;border:1px solid #d8e3ef;border-radius:8px;box-shadow:0 12px 28px #173a6024;font-size:10px;line-height:1.5}.y-sales-contract-totals-policy{margin:5px 2px 0;width:max-content;max-width:100%}.y-sales-contract-totals-policy>p{position:absolute;z-index:4;max-width:min(680px,calc(100vw - 40px));margin:5px 0 0;padding:10px 12px;color:#52657d;background:#fff;border:1px solid #d8e3ef;border-radius:8px;box-shadow:0 12px 28px #173a6024;font-size:10px;line-height:1.55}.y-sales-contract-table{min-width:1640px} @media(min-width:721px){.y-sales-sidebar{position:fixed;inset:0 auto 0 0;flex-basis:238px;width:238px;height:100vh;height:100dvh;overflow:hidden;background:#11243f}.y-sales-main{width:calc(100% - 238px);margin-left:238px}.y-sales-sidebar .y-sales-nav{overscroll-behavior:contain;scrollbar-width:thin}.y-sales-sidebar .y-sales-side-bottom{background:#11243f}} @media(max-width:900px){.y-sales-contract-total-list{overflow-x:auto;overscroll-behavior-x:contain}.y-sales-contract-total-row{min-width:800px}} /* 第十九批：合同关联项目和项目采购入口。 */ .y-sales-contract-project-link{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:-10px 0 16px;padding:13px 16px;border:1px solid #93c5fd;border-radius:10px;background:#eaf3ff;box-shadow:0 5px 14px #246bfd14}.y-sales-contract-project-link.linked{cursor:pointer}.y-sales-contract-project-link.missing{border-color:#fdba74;background:#fff7ed}.y-sales-contract-project-link>div{min-width:0}.y-sales-contract-project-link span,.y-sales-contract-project-link b,.y-sales-contract-project-link small{display:block}.y-sales-contract-project-link span{color:#64748b;font-size:10px;font-weight:800}.y-sales-contract-project-link b{margin-top:3px;overflow:hidden;color:#174a8b;font-size:15px;text-overflow:ellipsis;white-space:nowrap}.y-sales-contract-project-link.missing b{color:#c2410c}.y-sales-contract-project-link small{margin-top:4px;color:#64748b;font-size:10px}.y-project-detail-breadcrumb{display:flex;align-items:center;gap:7px;margin:-8px 0 12px;color:#8493a7;font-size:11px}.y-project-actions-more{position:relative}.y-project-actions-more>summary{list-style:none}.y-project-actions-more>summary::-webkit-details-marker{display:none}.y-project-actions-more>div{display:grid;position:absolute;z-index:8;top:calc(100% + 6px);right:0;min-width:156px;gap:6px;padding:8px;background:#fff;border:1px solid #d8e3ef;border-radius:8px;box-shadow:0 14px 34px #173a6030}.y-project-actions-more>div .y-sales-btn{width:100%;white-space:nowrap}.y-project-attributed-orders{scroll-margin-top:12px}.y-project-procurement-order-row{cursor:pointer}.y-project-procurement-order-row:focus{outline:2px solid #246bfd;outline-offset:-2px}.y-project-procurement-order-row:hover td{background:#f3f8ff!important} @media(max-width:720px){.y-sales-main{width:100%;margin-left:0}.y-sales-contract-project-link{align-items:stretch;flex-direction:column}.y-sales-contract-project-link b{white-space:normal}.y-project-actions-more>div{right:auto;left:0}.y-sales-contract-total-notes>div{right:auto;left:-270px}} /* 第二十批：统一顶栏、侧栏版本位置与合同项目号单行显示。 */ .y-unified-topbar-clock{display:block;flex:none;color:#718198;font-size:11px;font-weight:600;line-height:1;white-space:nowrap;font-variant-numeric:tabular-nums}.y-sales-version{display:block;margin:8px 16px 0;padding-top:8px;border-top:1px solid #ffffff14;color:#8fa4bd;font-size:9px;letter-spacing:.2px}.y-sales-contract-project-column{width:1%;min-width:108px;max-width:176px;white-space:nowrap}.y-sales-contract-project-code{display:block;max-width:168px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.y-sales-topbar>.y-sales-actions{flex-wrap:nowrap} @media(max-width:1280px){.y-sales-topbar{gap:12px;padding-inline:20px}.y-sales-topbar>.y-sales-actions{gap:6px}.y-unified-topbar-clock{font-size:10px}.y-sales-topbar .y-sales-btn{padding-inline:10px}} /* 第四十八批 C141/C142：与采购壳一致的分组折叠与头像状态菜单 */ .y-sales-brand-logo{display:grid;flex:none;place-items:center;width:36px;height:36px;overflow:hidden;background:#fff;border-radius:10px;box-shadow:0 5px 12px #001c452e} .y-sales-brand-logo img{width:250%;height:250%;max-width:none;max-height:none;object-fit:contain} .y-sales-nav-center{display:grid;gap:2px} .y-sales-nav-toggle{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;padding:10px 12px 6px;color:#93a9c4;background:none;border:0;font-size:12px;letter-spacing:.6px;cursor:pointer;text-align:left} .y-sales-nav-toggle strong{font-weight:700;font-size:12px;letter-spacing:.6px} .y-sales-nav-toggle:hover{color:#dceafd} .y-sales-nav-caret{flex:none;width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid currentColor;transition:transform .15s ease} .y-sales-nav-center.collapsed .y-sales-nav-caret{transform:rotate(-90deg)} .y-sales-nav-center.collapsed>*:not(.y-sales-nav-toggle){display:none} .y-sales-profile{position:relative;display:flex;align-items:center;gap:9px} .y-sales-profile-trigger{display:flex;align-items:center;gap:9px;padding:0;background:none;border:0;cursor:pointer;text-align:left} .y-sales-avatar{position:relative;display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;background:#e8eefb;color:#2f4b7c;font-weight:700} .y-sales-avatar-alert{position:absolute;top:-2px;right:-2px;width:8px;height:8px;border-radius:50%;background:#e5484d;border:2px solid #fff} .y-sales-profile-name{display:grid;line-height:1.25} .y-sales-profile-name b{font-size:13px;color:#33415c} .y-sales-profile-name small{font-size:11px;color:#8a98aa} .y-sales-profile-menu{display:none;position:absolute;z-index:60;top:calc(100% + 10px);right:0;min-width:252px;padding:13px 15px 14px;background:linear-gradient(180deg,#16304f,#11243f);border:1px solid #ffffff1f;border-radius:10px;box-shadow:0 14px 30px #0c1c3842} .y-sales-profile.open .y-sales-profile-menu{display:grid} .y-sales-profile-menu .y-sales-profile-status{display:grid;gap:4px} .y-sales-profile-menu .y-sales-signal-chip{color:#c8d9ec!important} .y-sales-profile-menu .y-sales-profile-role{color:#5adea0;font-size:11px} .y-sales-profile-menu .y-sales-profile-note{display:block;margin-top:9px;color:#9ab7d4;font-size:10px;line-height:1.6} .y-sales-profile-menu .y-sales-profile-note b{display:block;margin-bottom:3px;color:#dceafd} .y-sales-profile-menu .y-sales-version{display:block;margin:9px 0 0;padding-top:8px;border-top:1px solid #ffffff14;color:#8fa4bd;font-size:9px;letter-spacing:.2px} @media(max-width:1000px){.y-sales-nav-center{display:contents}.y-sales-nav-toggle{display:none}.y-sales-nav-center.collapsed>*:not(.y-sales-nav-toggle){display:flex}} @media(max-width:720px){.y-sales-profile-name{display:none}.y-sales-profile-menu{min-width:220px}} /* 第五十批 C94：顶栏时间区域与采购中心逐项一致 */ .y-sales-topbar .y-unified-topbar-clock{margin-left:auto;margin-right:18px} .y-sales-topbar .y-sales-breadcrumb span{color:#8493a7;font-size:12px} .y-sales-topbar .y-sales-breadcrumb b{margin-left:0;color:#1b3555;font-size:15px;font-weight:700} .y-sales-topbar-btn{margin-left:8px;padding:5px 9px;color:#53667e;background:#fff;border:1px solid #d8e1ed;border-radius:6px;font-size:11px;cursor:pointer} .y-sales-topbar-btn:hover{color:#1b3555;border-color:#b9c8dc} @media(max-width:1280px){.y-sales-topbar .y-unified-topbar-clock{margin-right:10px}.y-sales-topbar-btn{padding-inline:8px}} /* 第五十批 C94：侧边栏品牌区、新建按钮、选中态与采购中心一致 */ .y-sales-sidebar .y-sales-brand{position:relative;height:82px;margin:0 10px;padding:0;gap:12px;border-bottom:1px solid #ffffff16} .y-sales-sidebar .y-sales-connection-signals{position:absolute;right:0;top:9px;display:flex;align-items:center;gap:6px;padding:0} .y-sales-sidebar .y-sales-brand-copy strong{display:block;font-size:16px;line-height:1.08;letter-spacing:.35px} .y-sales-sidebar .y-sales-brand-copy strong b{display:block;font-weight:800;white-space:nowrap} .y-sales-sidebar .y-sales-brand-copy span{display:block;margin-top:6px;color:#aabbd0;font-size:10px;white-space:nowrap} .y-sales-sidebar .y-sales-nav-link.active{background:#ffffff12;color:#fff;box-shadow:none} /* 第五十一批 C94：云/NAS 芯片与菜单项逐值对齐采购中心 */ .y-sales-signal-chip{display:flex;align-items:center;gap:3px;color:#b7c5d7;font-size:9px;line-height:1;cursor:default} .y-sales-signal-chip small{font-size:9px;color:inherit} .y-sales-signal-dot{display:block;width:8px;height:8px;border-radius:50%;box-shadow:0 0 0 3px #11243f} .y-sales-signal-dot.online{background:#28c482} .y-sales-signal-dot.offline{background:#f0b539} .y-sales-profile-menu .y-sales-signal-chip{gap:6px;font-size:11px;color:#c8d9ec!important} .y-sales-profile-menu .y-sales-signal-chip small{font-size:11px} .y-sales-profile-menu .y-sales-signal-dot{box-shadow:0 0 0 3px #16304f} .y-sales-sidebar .y-sales-nav-link{min-height:36px;gap:13px;padding:0 12px;border-radius:6px;color:#afbdd0;font-size:14px} .y-sales-sidebar .y-sales-nav-link:hover{color:#fff;background:#ffffff12} .y-sales-sidebar .y-sales-nav-icon{width:18px;font-size:17px;color:inherit} .y-sales-sidebar .y-sales-nav-link.active .y-sales-nav-icon{color:#fff} @media(max-width:720px){.y-sales-signal-chip small{font-size:8px}} /* 第五十二批 C94：品牌区 Logo 与标题取与采购中心相同的尺寸（48px / 18px / 96px 高） */ .y-sales-sidebar .y-sales-brand{height:96px;gap:12px} .y-sales-sidebar .y-sales-brand-logo{width:48px;height:48px;padding:4px;border-radius:12px;box-shadow:0 3px 12px #06152b44} .y-sales-sidebar .y-sales-brand-copy strong{font-size:18px;line-height:1.08;letter-spacing:.35px} @media(max-width:720px){.y-sales-sidebar .y-sales-brand{height:82px}.y-sales-sidebar .y-sales-brand-logo{width:42px;height:42px}.y-sales-sidebar .y-sales-brand-copy strong{font-size:16px}} /* 第五十七批：两壳最后 6 处对齐——底色、顶栏、内容区 */ .sales-prototype-body{background:#f4f6f9} .y-sales-shell{background:#f4f6f9} .y-sales-topbar{height:76px;padding:0 30px;border-bottom-color:#e3e8ef} .y-sales-content{max-width:1440px;padding:26px 30px 50px} @media(max-width:1280px){.y-sales-topbar{height:76px;padding:0 30px}} @media(max-width:720px){.y-sales-topbar{height:76px;padding:0 16px}.y-sales-content{padding:18px 14px}} /* 第五十八批：Logo 左右边距与日期位置对齐采购中心 */ .y-sales-sidebar .y-sales-brand{margin:0 22px} .y-sales-topbar{justify-content:flex-start} .y-sales-topbar>.y-unified-topbar-clock{margin-left:auto;margin-right:18px} .y-sales-topbar>.y-sales-actions{margin-left:auto;display:flex;align-items:center;gap:9px} @media(max-width:1280px){.y-sales-topbar>.y-unified-topbar-clock{margin-right:10px;font-size:10px}} @media(max-width:1000px){.y-sales-sidebar .y-sales-brand{margin:0 16px}} /* 第五十九批：账号区回到最右（时钟才会落在中部）；信号芯片偏移与采购中心一致 */ .y-sales-sidebar .y-sales-connection-signals{top:10px} @media(max-width:720px){.y-sales-sidebar .y-sales-connection-signals{top:9px}} /* C158：与主包统一搜索、下拉和行内次要操作的可见度与键盘焦点。 */ .y-project-board-search, .y-project-card-search{ border-color:#aebed0!important; padding-left:36px!important; color:#182b44; font-weight:500; background-color:#f8fafc!important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23405a78' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-4-4'/%3E%3C/svg%3E")!important; border-color:#8fa9c7!important; background-color:#f3f7fc!important; background-repeat:no-repeat!important; background-position:12px 50%!important; background-size:16px 16px!important; outline:2px solid transparent!important; outline-offset:1px; transition:border-color .16s,box-shadow .16s,background-color .16s; } .y-project-board-search::placeholder, .y-project-card-search::placeholder{color:#9aa8b8;font-size:14px;font-weight:400;opacity:1} .y-project-board-search:focus, .y-project-board-search:focus-visible, .y-project-card-search:focus, .y-project-card-search:focus-visible{ border-color:#246bfd!important; background-color:#fff!important; box-shadow:0 0 0 3px #246bfd24!important; outline-color:transparent!important; } .sales-prototype-body select:not([multiple]){ -webkit-appearance:none; appearance:none; border-color:#aebed0!important; color:#31465f; background-color:#f8fafc!important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 20 20' fill='none' stroke='%234a6078' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 7.5 5 5 5-5'/%3E%3C/svg%3E")!important; background-repeat:no-repeat!important; background-position:right 10px center!important; background-size:14px 14px!important; padding-right:34px!important; outline:2px solid transparent!important; outline-offset:1px; transition:border-color .16s,box-shadow .16s,background-color .16s; } .sales-prototype-body select:not([multiple]):focus, .sales-prototype-body select:not([multiple]):focus-visible{ border-color:#246bfd!important; background-color:#fff!important; box-shadow:0 0 0 3px #246bfd24!important; outline-color:transparent!important; } .sales-prototype-body select:not([multiple]):disabled{ border-color:#d5dde7!important; color:#8996a6; background-color:#eef2f6!important; opacity:.72; cursor:not-allowed; } .sales-prototype-body .y-sales-btn:not(.primary){border-color:#b8c6d6;color:#465d76;background:#f8fafc} .sales-prototype-body .y-sales-btn:not(.primary):hover{border-color:#86a9d6;color:#245a9b;background:#f1f6fc} .sales-prototype-body .y-sales-btn:not(.primary):focus-visible{ border-color:#246bfd; box-shadow:0 0 0 3px #246bfd24; outline:2px solid transparent; outline-offset:1px; } /* C172 修正（C181）：只有同时具备 -body 与 -foot 的弹窗才用固定头尾布局； 缺 -foot 的弹窗保持整体滚动，避免按钮被裁掉。 */ .y-sales-modal{max-height:min(90dvh,900px);overflow:auto} .y-sales-modal:has(> .y-sales-modal-foot){display:flex;flex-direction:column;overflow:hidden} .y-sales-modal:has(> .y-sales-modal-foot) > .y-sales-modal-head, .y-sales-modal:has(> .y-sales-modal-foot) > .y-sales-modal-foot{flex:0 0 auto;background:#fff} .y-sales-modal:has(> .y-sales-modal-foot) > .y-sales-modal-body{min-height:0;flex:1 1 auto;overflow-y:auto;overscroll-behavior:contain} /* 现有表单弹窗的 body/foot 位于 form 内，与直接子级结构保持同样的固定头尾行为。 */ .y-sales-modal:has(> form > .y-sales-modal-foot){display:flex;flex-direction:column;overflow:hidden} .y-sales-modal:has(> form > .y-sales-modal-foot) > .y-sales-modal-head{flex:0 0 auto;background:#fff} .y-sales-modal:has(> form > .y-sales-modal-foot) > form{min-height:0;display:flex;flex:1 1 auto;flex-direction:column} .y-sales-modal:has(> form > .y-sales-modal-foot) > form > .y-sales-modal-body{min-height:0;flex:1 1 auto;overflow-y:auto;overscroll-behavior:contain} .y-sales-modal:has(> form > .y-sales-modal-foot) > form > .y-sales-modal-foot{flex:0 0 auto;background:#fff} /* C273：项目中心的两个视图 + 未立项提醒 */ .y-project-view-tabs{display:flex;gap:8px;margin:0 0 16px;flex-wrap:wrap} .y-project-view-tabs button{height:36px;padding:0 16px;border:1px solid #e3e8ef;background:#fff;border-radius:7px;color:#5b6b80;cursor:pointer;font-weight:600;font-size:13px} .y-project-view-tabs button:hover{border-color:#9cb8dd;color:#33465e} .y-project-view-tabs button.active{border-color:#246bfd;background:#f5f8ff;color:#246bfd} /* C300：项目中心「进行中 / 已完成 / 全部」。做成连体分段按钮，和上面那排视图切换 区分开，免得两排长得一样分不清管什么。修饰类用 y-scope-on，不用裸 active —— 裸 active 会撞全局样式。中文按钮一律 nowrap，flex 子项不写就可能被挤成竖排。 */ .y-project-scope-tabs{display:flex;margin:0 0 16px;width:max-content;max-width:100%;flex-wrap:wrap;border:1px solid #e3e8ef;border-radius:8px;overflow:hidden;background:#fff} .y-project-scope-tabs button{flex:0 0 auto;height:34px;padding:0 18px;border:0;border-right:1px solid #e3e8ef;background:#fff;color:#5b6b80;cursor:pointer;font-weight:600;font-size:13px;white-space:nowrap} .y-project-scope-tabs button:last-child{border-right:0} .y-project-scope-tabs button:hover{background:#f5f8ff;color:#33465e} .y-project-scope-tabs button.y-scope-on{background:#246bfd;color:#fff} .y-project-scope-tabs button.y-scope-on:hover{background:#1f5fe0;color:#fff} .y-project-procurement-table{min-width:880px} .y-project-procurement-table td{vertical-align:middle} .y-project-procurement-progress{white-space:nowrap} .y-project-procurement-bar{display:inline-block;width:88px;height:6px;background:#e7ebf0;border-radius:4px;overflow:hidden;vertical-align:middle;margin-right:8px} .y-project-procurement-bar i{display:block;height:100%;background:#26b581;border-radius:4px} .y-project-procurement-progress b{font-size:12px;color:#1f2d3d;font-variant-numeric:tabular-nums} .y-project-unlinked-alert{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;margin:0 0 16px;padding:12px 16px;background:#fff8f0;border:1px solid #f0d2a8;border-radius:8px;color:#8a5a12;font-size:13px} .y-project-unlinked-alert b{font-size:13px;color:#b45309} .y-project-unlinked-list{display:flex;flex-wrap:wrap;gap:8px 18px} .y-project-unlinked-list span{display:inline-flex;flex-direction:column;gap:2px} .y-project-unlinked-list small{color:#9a7445;font-size:11px} .y-project-unlinked-more{font-size:12px} .y-project-unlinked-alert>small{flex-basis:100%;color:#9a7445;font-size:11px} /* C274：项目详情的七阶段进度条。 四色之外必须同时有图标与文字——只靠颜色对色觉障碍和打印都不可读。 */ .y-project-stage-bar{margin:0 0 18px} .y-project-stage-track{display:grid;grid-template-columns:repeat(auto-fit,minmax(168px,1fr));gap:8px} .y-project-stage{display:flex;align-items:flex-start;gap:9px;padding:11px 12px;border:1px solid #e3e8ef;border-left-width:4px;border-radius:8px;background:#fff;text-align:left;cursor:pointer;font:inherit} .y-project-stage:hover{border-color:#9cb8dd;box-shadow:0 4px 14px #183b6812} .y-project-stage-no{flex:none;width:21px;height:21px;border-radius:50%;display:grid;place-items:center;background:#eef2f7;color:#64748b;font-size:11px;font-weight:700} .y-project-stage-main{display:flex;flex-direction:column;gap:3px;min-width:0} .y-project-stage-main b{font-size:13px;color:#1f2d3d} .y-project-stage-main em{font-style:normal;font-size:11px;font-weight:700;display:inline-flex;align-items:center;gap:4px} .y-project-stage-main em i{font-style:normal} .y-project-stage-main small{font-size:11px;color:#7c899a;overflow-wrap:anywhere} .y-project-stage.done{border-left-color:#1ca474;background:#eff9f4} .y-project-stage.done .y-project-stage-no{background:#d4f0e3;color:#15805a} .y-project-stage.done .y-project-stage-main em{color:#15805a} .y-project-stage.current{border-left-color:#246bfd;background:#f5f8ff} .y-project-stage.current .y-project-stage-no{background:#dbe7ff;color:#1d55c9} .y-project-stage.current .y-project-stage-main em{color:#1d55c9} .y-project-stage.pending{border-left-color:#df942f;background:#fff8f0} .y-project-stage.pending .y-project-stage-no{background:#ffe6c7;color:#b45309} .y-project-stage.pending .y-project-stage-main em{color:#b45309} .y-project-stage.blocked{border-left-color:#dc2626;background:#fef2f2} .y-project-stage.blocked .y-project-stage-no{background:#fdd8d8;color:#b91c1c} .y-project-stage.blocked .y-project-stage-main em{color:#b91c1c} /* C292：豁免是终态，用浅绿底 + 深绿字 + 绿色对勾（和已完成一致的"了结"观感）， 但 em 里的文字写"无需办理"，不冒充真实单据。颜色永远不单独表意。 */ .y-project-stage.exempt{border-left-color:#1ca474;background:#eff9f4} .y-project-stage.exempt .y-project-stage-no{background:#d4f0e3;color:#15805a} .y-project-stage.exempt .y-project-stage-main em{color:#15805a} /* C292：历史豁免用中性灰蓝，明确区别于"真的做完了" */ .y-project-stage.historical{border-left-color:#7c8da5;background:#f4f6f9} .y-project-stage.historical .y-project-stage-no{background:#dfe5ee;color:#55657d} .y-project-stage.historical .y-project-stage-main em{color:#55657d} .y-project-stage.idle{border-left-color:#cbd5e1} .y-project-stage.idle .y-project-stage-main em{color:#94a3b8} .y-project-stage.at-stop{box-shadow:0 0 0 2px #246bfd33} .y-project-stage-hint{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;margin-top:10px;padding:11px 15px;border-radius:8px;background:#f5f8ff;border:1px solid #c9d8f6;color:#33465e;font-size:13px} .y-project-stage-hint b{color:#1d55c9} .y-project-stage-hint .y-project-stage-missing{color:#b45309} .y-project-stage-hint.done{background:#eff9f4;border-color:#bfe6d4} .y-project-stage-hint.done b{color:#15805a} .y-project-shipment-empty{display:flex;flex-direction:column;align-items:center;gap:8px;padding:34px 20px} .y-project-shipment-empty b{font-size:14px;color:#1f2d3d} .y-project-shipment-empty span{font-size:12px;color:#7c899a} .y-project-finance-payment-zone{margin-top:14px} /* C277：阶段卡点到当前已激活页签时，给一次明确的视觉反馈—— 「页面动了一下」很容易被当成没反应，所以滚动之外再闪一次边框。 */ .y-project-focus-flash{animation:y-project-focus-flash 1.1s ease-out 1} .y-project-focus-flash:focus{outline:none} @keyframes y-project-focus-flash{ 0%{box-shadow:0 0 0 0 #246bfd00} 18%{box-shadow:0 0 0 3px #246bfd55} 100%{box-shadow:0 0 0 0 #246bfd00} } @media (prefers-reduced-motion:reduce){ .y-project-focus-flash{animation:none;box-shadow:0 0 0 2px #246bfd55} } /* C278：项目发货页签里的「本项目可发物料」 */ .y-project-shippable table{min-width:720px} .y-project-shippable-ready td{background:#f4fbf7} .y-project-shippable-note{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 12px;margin:12px 20px;padding:11px 15px;background:#fff8f0;border:1px solid #f0d2a8;border-radius:8px;color:#8a5a12;font-size:13px} .y-project-shippable-note b{color:#b45309} /* C279：项目财务页的「供应商付款」分区 */ .y-project-supplier-payments{margin-top:14px} /* C282：项目合计收进标题右侧一行紧凑摘要，不再单独摆一条 */ .y-project-supplier-rollup{margin-left:auto;color:#44586f;font-size:12px;white-space:nowrap;font-variant-numeric:tabular-nums} .y-project-unattributed{margin:0 20px 12px;padding:11px 15px;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#b91c1c;font-size:12px;display:flex;flex-wrap:wrap;gap:4px 12px} .y-project-unattributed span{color:#8a3a3a} .y-project-supplier-figures{display:grid;grid-template-columns:repeat(auto-fit,minmax(104px,1fr));gap:9px 14px;margin:0 0 10px} .y-project-supplier-figures>div{display:flex;flex-direction:column;gap:2px;min-width:0} .y-project-supplier-figures dt{font-size:11px;color:#7c899a} .y-project-supplier-figures dd{margin:0;font-size:14px;color:#1f2d3d;font-weight:600;font-variant-numeric:tabular-nums;overflow-wrap:anywhere} .y-project-supplier-claimable dd{color:#1d55c9;font-size:15px;font-weight:700} .y-project-supplier-warn{margin:0 0 9px;color:#b91c1c;font-size:11px} .y-project-supplier-orders table{min-width:760px;font-size:12px} .y-project-supplier-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(360px,1fr));gap:12px;margin:0 20px 18px} .y-project-supplier-card{border:1px solid #e3e8ef;border-radius:9px;padding:13px 15px;background:#fff} .y-project-supplier-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:9px} .y-project-supplier-head b{font-size:14px;color:#1f2d3d;overflow-wrap:anywhere} .y-project-supplier-body{display:flex;flex-direction:column;gap:7px} .y-project-supplier-body>div{display:flex;align-items:baseline;justify-content:space-between;gap:10px} .y-project-supplier-body span{font-size:11px;color:#7c899a} .y-project-supplier-body b{font-size:15px;color:#11243f;font-variant-numeric:tabular-nums} .y-project-supplier-orders summary{cursor:pointer;font-size:12px;color:#246bfd} .y-project-supplier-orders div{display:flex;flex-wrap:wrap;gap:5px;margin-top:7px} .y-project-supplier-orders code{background:#f2f5f8;border-radius:4px;padding:2px 6px;font-size:11px;color:#44586f} /* C284：供应商付款明细的标题摘要从四段变五段（多了可申请排款与当前可付款笔数）， 原来的 white-space:nowrap 会把它顶出卡片；改成允许折行，右对齐保持不变。 订单明细表多一列「可付」，min-width 跟着加，表格仍在自己的横滚容器里。 */ .y-project-supplier-rollup{white-space:normal;text-align:right;line-height:1.6} .y-project-supplier-orders table{min-width:880px} .y-project-supplier-claimable dd{color:#1d55c9} /* C287：销售壳登记收款弹窗的回款防错汇总。四个数字一行， 合同金额中性蓝、已回款绿、待回款橙、超额红，颜色之外都带文字或图标。 */ .y-receipt-balance{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px 14px;margin:0 0 12px;padding:11px 13px;border:1px solid #dbe6f5;border-radius:8px;background:#f7faff} .y-receipt-balance>div{display:flex;flex-direction:column;gap:2px;min-width:0} .y-receipt-balance>div>span{font-size:11px;color:#71809a} .y-receipt-balance>div>b{font-size:14px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere} .y-receipt-balance b.contract{color:#1d55c9} .y-receipt-balance b.posted{color:#15803d} .y-receipt-balance b.outstanding{color:#b45309} .y-receipt-balance b.after{color:#1f2d3d} .y-receipt-balance b.after.over{color:#b91c1c} .y-receipt-balance>small{grid-column:1/-1;font-size:10px;color:#8795a5;line-height:1.6} .y-receipt-balance.unavailable{display:block;border-color:#f1d6a9;background:#fff9ef;color:#a36b1f;font-size:12px;line-height:1.6} @media (max-width:760px){.y-receipt-balance{grid-template-columns:repeat(2,minmax(0,1fr))}} /* ── C292：项目验收页签、物料覆盖、历史归档 ──────────────────────────── */ /* 类名全部带 y-project- 前缀：裸 empty/active/done 会撞全局样式（erp-css-modifier-class-collision）*/ .y-project-acceptance-status{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin:0 0 14px;padding:13px 16px;border:1px solid #e3e8ef;border-left-width:4px;border-radius:9px;background:#fff} .y-project-acceptance-status-main{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1 1 320px} .y-project-acceptance-status-main b{display:inline-flex;align-items:center;gap:6px;font-size:14px} .y-project-acceptance-status-main b i{font-style:normal;font-weight:700} .y-project-acceptance-status-main span{font-size:12px;color:#64748b} .y-project-acceptance-status-meta{display:grid;grid-template-columns:auto auto;gap:2px 10px;font-size:12px;align-items:baseline} .y-project-acceptance-status-meta span{color:#8290a4} .y-project-acceptance-status-meta b{color:#334155;font-weight:700} .y-project-acceptance-status.done{border-left-color:#1ca474;background:#eff9f4} .y-project-acceptance-status.done .y-project-acceptance-status-main b{color:#15805a} .y-project-acceptance-status.pending{border-left-color:#df942f;background:#fff8f0} .y-project-acceptance-status.pending .y-project-acceptance-status-main b{color:#b45309} .y-project-acceptance-status.idle{border-left-color:#cbd5e1;background:#f8fafc} .y-project-acceptance-status.idle .y-project-acceptance-status-main b{color:#64748b} .y-project-acceptance-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin:4px 0 10px} .y-project-acceptance-form .y-project-acceptance-remark{grid-column:1/-1} .y-project-acceptance-form textarea{width:100%;resize:vertical} .y-project-acceptance-violation{display:flex;align-items:center;gap:6px;margin:0 0 10px;padding:8px 11px;border:1px solid #fca5a5;border-radius:7px;background:#fef2f2;color:#b91c1c;font-size:12px;font-weight:700} .y-project-acceptance-violation i{font-style:normal} .y-project-acceptance-note{margin:8px 0 0;padding:8px 11px;border-radius:7px;background:#f4f6f9;color:#55657d;font-size:12px} .y-project-acceptance-attachments .y-sales-attachment-upload{margin-bottom:10px} .y-project-coverage{margin-bottom:14px;border-left:4px solid #cbd5e1} .y-project-coverage.done{border-left-color:#1ca474} .y-project-coverage.blocked{border-left-color:#dc2626} .y-project-coverage-basis{margin:6px 0 10px;padding:9px 12px;border-radius:7px;background:#f5f8ff;color:#1f2d3d;font-size:12px} .y-project-coverage-basis b{color:#1d55c9} .y-project-coverage-note{margin:9px 0 0;padding:8px 11px;border-radius:7px;background:#fff8f0;color:#b45309;font-size:12px} .y-project-historical-banner{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:12px;margin:0 0 14px;padding:12px 16px;border:1px solid #d4dbe6;border-left:4px solid #7c8da5;border-radius:9px;background:#f4f6f9} .y-project-historical-banner>div{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1 1 420px} .y-project-historical-banner b{display:inline-flex;align-items:center;gap:6px;font-size:14px;color:#3f4e63} .y-project-historical-banner b i{font-style:normal} .y-project-historical-banner span{font-size:12px;color:#64748b;overflow-wrap:anywhere} .y-project-historical-finance{font-weight:700;color:#b45309 !important} .y-project-historical-note{color:#8290a4 !important} /* C302：款票留痕戳。八个页面共用这一套，不许各写各的样式。 未知值用灰字加虚线下划线——一眼能看出"这不是漏显示，是数据本来就没有"， 而不是让人以为页面坏了。修饰类带 y- 前缀，不用裸 unknown（会撞全局样式）。 */ .y-audit-stamps{display:flex;flex-direction:column;gap:2px;align-items:flex-start} .y-audit-stamp{flex:0 0 auto;white-space:nowrap;font-size:12px;line-height:1.5;color:#64748b} .y-audit-stamp-unknown{color:#94a3b8;border-bottom:1px dashed #cbd5e1} /* C303：预计利润 / 实际利润两张卡。实际成本没归集完时不给绿色、不给毛利率—— 高毛利配绿色会被当成结论看，第158批之前就是这么把阶段成本当最终利润的。 */ .y-project-business-card.profit-actual .y-project-business-total--pending{font-size:15px;color:#b45309;font-weight:700} .y-project-cost-basis-toggle{margin-top:6px;align-self:flex-start} .y-project-cost-basis-modal{width:min(1080px,96vw)} .y-project-cost-basis-intro{margin:0 0 12px;color:#475569;font-size:13px;line-height:1.7} .y-project-cost-basis-figures{display:flex;flex-wrap:wrap;gap:10px 18px;margin:0 0 14px;padding:10px 12px;border:1px solid #e3e8ef;border-radius:8px;background:#f8fafc} .y-project-cost-basis-figures>div{flex:0 0 auto;display:flex;flex-direction:column;gap:2px} .y-project-cost-basis-figures span{color:#64748b;font-size:12px;white-space:nowrap} .y-project-cost-basis-figures b{color:#1e293b;font-size:15px;white-space:nowrap} .y-project-cost-basis-note{display:block;margin-top:8px;color:#64748b;font-size:12px;line-height:1.6} /* C303：项目财务汇总页的口径入口。 */ .y-project-finance-basis{display:flex;flex-direction:column;gap:4px;margin:12px 0 0;padding:10px 12px;border:1px dashed #cbd5e1;border-radius:8px;background:#f8fafc} .y-project-finance-basis small{color:#64748b;font-size:12px;line-height:1.6} /* C304：票据 / 税额 / 费用 / 净利润结算区。净利润未结算用橙色明示， 绝不让一个毛利数看起来像已结算的利润。 */ .y-project-settlement{display:flex;flex-direction:column;gap:3px;margin:10px 0 0;padding:9px 11px;border:1px solid #e3e8ef;border-radius:8px;background:#f8fafc} .y-project-settlement-row{display:flex;align-items:baseline;justify-content:space-between;gap:12px;font-size:12px;line-height:1.7} .y-project-settlement-row>span{flex:1 1 auto;min-width:0;color:#64748b} .y-project-settlement-row>b{flex:0 0 auto;color:#334155;white-space:nowrap;font-weight:600} .y-project-settlement-row.ok>b{color:#15803d} .y-project-settlement-row.warning>b{color:#b45309} .y-project-settlement-net{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:4px 12px;margin-top:6px;padding-top:7px;border-top:1px dashed #cbd5e1;font-size:12px} .y-project-settlement-net>span{color:#475569;font-weight:700} .y-project-settlement-net>b{white-space:nowrap;font-weight:700} .y-project-settlement-net.pending>b{color:#b45309} .y-project-settlement-net.done>b{color:#15803d} .y-project-settlement-net>small{flex:1 1 100%;color:#b45309;font-size:11px;line-height:1.6} /* C321：归档口径三选一。每个选项都要把「什么时候选它」写在旁边， 否则用户只能按项目名称猜——而「库存直发」在服务端要求系统里真有出库记录。 */ .y-sales-basis-option{display:grid;grid-template-columns:auto 1fr;gap:4px 10px;align-items:start; padding:10px 12px;margin-bottom:8px;border:1px solid #dce3eb;border-radius:8px;cursor:pointer} .y-sales-basis-option:hover{border-color:#9cb8dd;background:#f8fbff} .y-sales-basis-option input{margin-top:3px} .y-sales-basis-option b{font-size:13px;color:#1a2a40} .y-sales-basis-option span{grid-column:2;font-size:11px;color:#6b7a8d;line-height:1.5} .y-project-historical-unclassified{display:inline-flex;align-items:center;gap:4px;padding:2px 8px; border-radius:999px;background:#fff3dc;color:#ad6d12;font-size:11px;font-weight:700;white-space:nowrap} .y-sales-bom-detail{width:100%;max-width:100%;min-width:0} .y-sales-bom-detail .y-bom-search{display:flex;align-items:center;gap:12px;margin:12px 0;width:100%;max-width:100%} .y-sales-bom-detail .y-bom-search input{width:min(420px,100%);max-width:100%;min-width:0} .y-sales-bom-detail .y-bom-search span{white-space:nowrap;color:#64748b;font-size:12px} .y-sales-bom-detail .y-bom-detail-table-wrap{width:100%;max-width:100%;overflow-x:hidden} .y-sales-bom-detail .y-bom-detail-table{width:100%;max-width:100%;min-width:0;table-layout:fixed} .y-sales-bom-detail .y-bom-detail-table th,.y-sales-bom-detail .y-bom-detail-table td{position:static;left:auto;z-index:auto;padding:7px 5px;box-shadow:none;overflow-wrap:break-word} .y-sales-bom-detail .y-bom-detail-table th{white-space:normal;font-size:10px;line-height:1.35} .y-sales-bom-detail .y-bom-detail-table td{white-space:nowrap;font-size:11px} .y-sales-bom-detail .y-bom-detail-table .y-bom-wrap{white-space:normal;word-break:break-word} .y-sales-bom-detail .y-bom-detail-table .y-bom-material-type{display:block;margin-top:3px;color:#64748b;font-weight:400} .y-sales-bom-detail .y-bom-detail-table .y-bom-make-tag{display:inline-block;margin-left:4px;padding:1px 4px;border-radius:4px;background:#eaf2ff;color:#285b9c;font-size:10px;font-weight:600} .y-sales-bom-detail .y-bom-detail-table .y-bom-row-actions{display:flex;flex-direction:column;gap:3px;align-items:stretch} .y-sales-bom-detail .y-bom-detail-table .y-bom-row-actions .y-sales-btn{width:100%;max-width:100%;min-height:24px;padding:1px 2px;font-size:10px;white-space:nowrap} .y-sales-bom-detail .y-bom-search-hit{background:#fde68a;color:#172b45} .y-sales-bom-detail .y-bom-description{margin:4px 0 0;color:#64748b;font-size:11px;overflow-wrap:break-word} @media (max-width:899px){.y-sales-bom-detail .y-bom-detail-table-wrap{overflow-x:auto}.y-sales-bom-detail .y-bom-detail-table{width:1000px;max-width:none;min-width:1000px}} /* C435：销售、项目、合同及客户的数据行整行高亮。 */ @media screen and (hover:hover){ table tbody tr:hover:not(.total):not([class*="total"]):not(.empty-row):not(:has(>td[colspan])):not(:has(.y-sales-empty))>:is(td,th){background:#d6e6ff!important} :is(.y-project-board-row,.y-project-card,.y-sales-receipt-row,.y-project-finance-row,.y-project-mini-stat-row,.y-project-vat-bridge-row,.y-sales-info-row,.y-sales-pay-row,.y-sales-amount-row,.y-project-settlement-row):hover{background:#d6e6ff!important} .y-project-board-row:hover>.y-project-board-project{background:#d6e6ff!important} } @media print { .y-sales-shell, .y-sales-modal-head, .y-sales-modal-foot, .y-shipment-preview-mark { display: none !important; } .y-sales-modal-backdrop { position: static !important; background: #fff !important; } .y-shipment-modal, .y-sales-modal-body { display: block !important; width: 100% !important; max-height: none !important; overflow: visible !important; border: 0 !important; box-shadow: none !important; } .y-shipment-note { border: 0; } } .y-sales-toolbar-left .y-sales-contract-search{box-sizing:border-box;min-width:260px;height:36px;color:#182b44;background:#f3f7fc url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23405a78' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-4-4'/%3E%3C/svg%3E") no-repeat 12px center;background-size:16px 16px;border:1px solid #8fa9c7;border-radius:7px;padding:0 12px 0 36px;font-size:13px}.y-sales-toolbar-left .y-sales-contract-search::placeholder{color:#5a6b80;opacity:1}.y-sales-toolbar-left .y-sales-contract-search:focus{background-color:#fff;border-color:#246bfd;outline:0;box-shadow:0 0 0 3px #246bfd24}@media(max-width:720px){.y-sales-toolbar-left .y-sales-contract-search{min-width:100%;width:100%}} /* C471：合同列表八列在卡片内完整排下，短字段保持单行。 */ .y-sales-table th,.y-sales-status,.y-sales-btn{white-space:nowrap} .y-sales-actions{flex-wrap:nowrap;gap:6px} .y-sales-table-wrap:has(>.y-sales-contract-list){width:100%;max-width:100%;overflow-x:hidden} .y-sales-table.y-sales-contract-list{width:100%;max-width:100%;min-width:0;table-layout:fixed;font-size:10px} .y-sales-table.y-sales-contract-list th,.y-sales-table.y-sales-contract-list td{box-sizing:border-box;position:static;left:auto;min-width:0;max-width:none;padding:7px 3px;overflow:hidden;text-overflow:ellipsis;vertical-align:middle;box-shadow:none} .y-sales-table.y-sales-contract-list th{font-size:9px;letter-spacing:-.45px;white-space:nowrap} .y-sales-table.y-sales-contract-list td{height:58px;white-space:nowrap} .y-sales-table.y-sales-contract-list th:nth-child(1){width:18%} .y-sales-table.y-sales-contract-list th:nth-child(2){width:16%} .y-sales-table.y-sales-contract-list th:nth-child(3){width:7%} .y-sales-table.y-sales-contract-list th:nth-child(4){width:11%} .y-sales-table.y-sales-contract-list th:nth-child(5){width:17%} .y-sales-table.y-sales-contract-list th:nth-child(6){width:15%} .y-sales-table.y-sales-contract-list th:nth-child(7){width:9%} .y-sales-table.y-sales-contract-list th:nth-child(8){width:7%} .y-sales-contract-list .y-sales-contract-customer{width:auto;min-width:0;max-width:none;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;white-space:normal!important;overflow-wrap:anywhere;text-overflow:ellipsis;color:#1f2937;font-size:13px;line-height:1.4} .y-sales-contract-list .y-sales-contract-number{display:flex;align-items:center;gap:4px;min-width:0} .y-sales-contract-list .y-sales-contract-number .y-sales-link{overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .y-sales-contract-list .y-sales-contract-number .y-sales-status{flex:none} .y-sales-contract-list .y-sales-contract-name{display:-webkit-box;max-width:100%;margin-top:3px;overflow:hidden;color:#64748b;font-size:11px;font-weight:400;line-height:1.35;white-space:normal;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;text-overflow:ellipsis} .y-sales-contract-list .y-sales-status{max-width:100%;padding:0 3px;font-size:9px;overflow:hidden;text-overflow:ellipsis} .sales-prototype-body .y-sales-table.y-sales-contract-list th,.sales-prototype-body .y-sales-table.y-sales-contract-list td{position:static;left:auto;min-width:0;max-width:none;box-shadow:none} .sales-prototype-body .y-sales-table.y-sales-contract-list td{width:auto} .y-sales-table.y-sales-contract-list td:nth-child(4){text-align:right} .y-sales-contract-list .y-sales-contract-amount .y-sales-contract-list-amount{justify-content:flex-end;flex-wrap:wrap;white-space:normal} .y-sales-contract-list .y-sales-contract-finance{display:grid;gap:2px;min-width:0;white-space:normal;line-height:1.3} .y-sales-contract-list .y-sales-contract-finance .y-sales-progress{min-width:0} .y-sales-contract-list .y-sales-contract-finance small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:normal;overflow-wrap:anywhere;font-size:10px} .y-sales-contract-list .y-sales-contract-delivery{display:grid;gap:2px;white-space:normal} .y-sales-contract-list .y-sales-contract-delivery small{font-size:10px;white-space:nowrap} .y-sales-contract-list .y-sales-contract-alert{display:flex;align-items:center;gap:3px;min-width:0} .y-sales-contract-list .y-sales-contract-alert>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .y-sales-contract-list .y-sales-contract-alert>b{flex:none;color:#b45309} .y-sales-contract-list .y-sales-primary-cell .y-sales-contract-project-code{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left;font-size:10px} /* C472：旧横向滚动样式在本列表之后加载，首列仍须取消固定与阴影。 */ .sales-prototype-body .y-sales-table-wrap>.y-sales-table.y-sales-contract-list :is(thead th,tbody td):first-child{position:static;left:auto;z-index:auto;box-shadow:none} .y-sales-contract-list .y-sales-contract-delivery,.y-sales-contract-list .y-sales-contract-alert{color:#1f2937;font-size:12px} .y-sales-contract-list .y-sales-contract-delivery small{color:#4b5563;font-size:11px} .y-sales-contract-list .y-sales-contract-alert[title^="已到期"]>span,.y-sales-contract-list .y-sales-contract-alert[title^="已逾期"]>span{color:#b91c1c} .y-sales-contract-list .y-sales-contract-alert[title^="未立项"]>span{color:#c2410c} .y-sales-contract-list .y-sales-contract-alert>b{color:#b45309} /* C486：给筛选占位文字留足宽度；窄栏时让合同类型与计数自然换行。 */ .y-sales-toolbar:has(.y-sales-contract-search) .y-sales-toolbar-left{flex-wrap:wrap} .y-sales-toolbar:has(.y-sales-contract-search) .y-sales-count{white-space:nowrap} .y-sales-toolbar-left .y-sales-contract-search{width:320px;min-width:300px;flex:none} .y-sales-toolbar-left .y-sales-input[data-input="customer-search"]{width:260px;min-width:260px} .y-project-board-toolbar .y-project-board-search{width:320px;min-width:320px} @media(max-width:720px){.y-sales-toolbar-left .y-sales-contract-search{width:100%;min-width:100%}.y-project-board-toolbar .y-project-board-search{width:100%;min-width:0}} /* C498：阶段卡始终可进入对应业务页。 */ .y-project-stage{transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease} .y-project-stage:hover,.y-project-stage:focus-visible{transform:translateY(-2px);border-color:#4d83c4;box-shadow:0 6px 18px #183b6826;outline:2px solid #bfd8f6;outline-offset:2px} /* C499 顺丰轨迹 */ .y-sf-query{margin-left:8px;padding:3px 9px;min-height:26px;font-size:12px}.y-sf-contract-waybills{padding:14px;margin-bottom:16px}.y-sf-contract-waybills>div{display:flex;align-items:center;gap:8px;margin-top:8px}.y-sf-logistics-backdrop{position:fixed;inset:0;z-index:9999;background:#14233899;display:grid;place-items:center}.y-sf-logistics-modal{background:#fff;border-radius:12px;width:min(560px,94vw);max-height:85vh;overflow:auto;padding:20px}.y-sf-logistics-modal .y-sales-modal-head{display:flex;justify-content:space-between;align-items:center}.y-sf-status{font-size:13px;background:#e7f8f1;color:#16845f;padding:4px 10px;border-radius:20px}.y-sf-timeline{list-style:none;padding-left:20px;border-left:2px solid #b8d8f6}.y-sf-timeline li{position:relative;display:grid;gap:3px;margin:0 0 16px;padding-left:12px}.y-sf-timeline li:before{content:"";position:absolute;left:-26px;top:5px;width:9px;height:9px;border-radius:50%;background:#317bd3}.y-sf-timeline time{color:#64748b;font-size:12px}.y-sf-timeline b{color:#263c59} .y-shipment-batches .y-sales-table-wrap + .y-sales-table-wrap { margin-top: 16px; } .y-shipment-revoked { opacity: .55; } .y-shipment-modal { width: min(920px, calc(100vw - 32px)); } .y-shipment-form { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; width: 100%; } .y-shipment-form > label, .y-shipment-form fieldset { display: grid; gap: 6px; min-width: 0; } .y-shipment-form .full { grid-column: 1 / -1; } .y-shipment-form input, .y-shipment-form select, .y-shipment-form textarea { box-sizing: border-box; width: 100%; padding: 9px 10px; border: 1px solid #cbd5e1; border-radius: 8px; font: inherit; } .y-shipment-form fieldset label { display: flex; align-items: center; gap: 8px; } .y-shipment-form fieldset input { width: auto; } .y-shipment-note { position: relative; width: 100%; padding: 28px; background: #fff; color: #172033; border: 1px solid #cbd5e1; box-sizing: border-box; } .y-shipment-note header { display: grid; gap: 5px; margin-bottom: 22px; text-align: center; } .y-shipment-note header img { width: 42px; height: 42px; object-fit: contain; margin: auto; } .y-shipment-note header h2 { margin: 4px 0; font-size: 25px; } .y-shipment-note dl { display: grid; grid-template-columns: 1fr 1fr; gap: 8px 20px; margin-bottom: 20px; } .y-shipment-note dl div { display: flex; gap: 8px; min-width: 0; } .y-shipment-note dt { flex: 0 0 72px; font-weight: 700; } .y-shipment-note dd { margin: 0; overflow-wrap: anywhere; } .y-shipment-note table { width: 100%; border-collapse: collapse; margin: 18px 0; } .y-shipment-note th, .y-shipment-note td { border: 1px solid #94a3b8; padding: 8px; text-align: left; } .y-shipment-preview-mark { color: #a16207; font-weight: 700; } @media (max-width: 640px) { .y-shipment-form, .y-shipment-note dl { grid-template-columns: 1fr; } .y-shipment-note { padding: 14px; } } /* C514：分批送货单在浏览器打印和“另存为 PDF”中使用相同的 A4 表格。 */ .y-shipment-note table{table-layout:fixed} .y-shipment-note table :is(th,td):nth-child(1){width:7%} .y-shipment-note table :is(th,td):nth-child(2){width:22%} .y-shipment-note table :is(th,td):nth-child(3){width:27%} .y-shipment-note table :is(th,td):nth-child(4){width:9%} .y-shipment-note table :is(th,td):nth-child(5){width:12%} .y-shipment-note table :is(th,td):nth-child(6){width:23%} .y-shipment-note table :is(th,td):is(:nth-child(1),:nth-child(4),:nth-child(5)){white-space:nowrap;overflow-wrap:normal;word-break:normal;font-variant-numeric:tabular-nums} .y-shipment-note table :is(th,td):is(:nth-child(2),:nth-child(3),:nth-child(6)){overflow-wrap:normal;word-break:normal} .y-shipment-note table th{color:#111} .y-shipment-note dl div:nth-child(4) dd{white-space:nowrap;font-variant-numeric:tabular-nums} @media print{ .y-shipment-note{width:190mm;max-width:100%;padding:5mm!important} .y-shipment-note table :is(th,td){padding:1.2mm .8mm;font-size:8pt} .y-shipment-note table th{color:#111!important} .y-shipment-note table tr{break-inside:avoid;page-break-inside:avoid} } .y-project-shipment-print-sheet{display:none} @media print{ body:has(>.y-project-shipment-print-sheet)>:not(.y-project-shipment-print-sheet){display:none!important} body>.y-project-shipment-print-sheet{display:block!important;width:190mm;max-width:100%;margin:0 auto;padding:5mm;background:#fff;color:#111} .y-project-shipment-print-sheet h1{font-size:15pt;margin:0 0 5mm} .y-project-shipment-print-sheet table{width:100%!important;min-width:0!important;table-layout:fixed!important;border-collapse:collapse} .y-project-shipment-print-sheet :is(th,td){border:1px solid #999;padding:1mm .7mm;font-size:8pt;overflow-wrap:normal;word-break:normal} .y-project-shipment-print-sheet th{color:#111!important;background:#f2f2f2!important} .y-project-shipment-print-sheet :is(th,td):is(:nth-child(1),:nth-child(4),:nth-child(6),:nth-child(7)){white-space:nowrap!important;font-variant-numeric:tabular-nums} .y-project-shipment-print-sheet tr{break-inside:avoid;page-break-inside:avoid} } /* C511: one return control in the sales title bar. */ .y-sales-topbar .c511-sales-return{display:flex;align-items:center;gap:8px;flex:none;margin-right:12px;position:relative} .y-sales-topbar .c511-sales-return-button{height:36px;max-width:min(300px,30vw);padding:0 13px;border:1px solid #1d4ed8;border-radius:8px;background:#1d4ed8;color:#fff;font-size:14px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer} .y-sales-topbar .c511-sales-return-button:hover{background:#1e40af;border-color:#1e40af} .y-sales-topbar .c511-sales-return-button:focus-visible,.y-sales-topbar .c511-sales-return-path :focus-visible{outline:3px solid #93c5fd;outline-offset:2px} .y-sales-topbar .c511-sales-return-short{display:none} .y-sales-topbar .c511-sales-return-path{position:relative;color:#1d4ed8;font-size:12px;white-space:nowrap} .y-sales-topbar .c511-sales-return-path summary{cursor:pointer;list-style:none} .y-sales-topbar .c511-sales-return-path>div{position:absolute;top:calc(100% + 12px);left:0;z-index:70;min-width:180px;max-width:300px;padding:5px;background:#fff;border:1px solid #bfdbfe;border-radius:8px;box-shadow:0 8px 25px #132d4b25} .y-sales-topbar .c511-sales-return-path button{display:block;width:100%;padding:8px;text-align:left;border:0;background:#fff;color:#1d4ed8;cursor:pointer} .y-sales-topbar .c511-sales-return-path button:hover{background:#eff6ff} @media(max-width:720px){.y-sales-topbar .c511-sales-return{margin-right:8px;gap:4px}.y-sales-topbar .c511-sales-return-button{max-width:76px;padding:0 8px;font-size:13px}.y-sales-topbar .c511-sales-return-full{display:none}.y-sales-topbar .c511-sales-return-short{display:inline}.y-sales-topbar .y-sales-breadcrumb{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.y-sales-topbar .y-sales-breadcrumb b{font-size:13px}.y-sales-topbar .c511-sales-return-path{font-size:11px}} @media print{ table tbody tr:hover>:is(td,th){background-color:unset!important} :is(.y-project-board-row,.y-project-card,.y-sales-receipt-row,.y-project-finance-row,.y-project-mini-stat-row,.y-project-vat-bridge-row,.y-sales-info-row,.y-sales-pay-row,.y-sales-amount-row,.y-project-settlement-row):hover{background-color:unset!important} .y-project-board-row:hover>.y-project-board-project{background-color:unset!important} } /* C556 customer list: keep all actions visible and allow deliberate narrow-screen scrolling. */ .y-sales-customer-table-wrap{max-width:100%;overflow-x:auto} .y-sales-customer-table{table-layout:fixed;min-width:900px} .y-sales-customer-table :is(th,td):nth-child(1){width:14%} .y-sales-customer-table :is(th,td):nth-child(2){width:18%} .y-sales-customer-table :is(th,td):nth-child(3){width:15%} .y-sales-customer-table :is(th,td):nth-child(4){width:13%} .y-sales-customer-table :is(th,td):nth-child(5){width:10%} .y-sales-customer-table :is(th,td):nth-child(6){width:30%} .y-sales-customer-table .y-sales-customer-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .y-sales-customer-table td:last-child{padding-inline:8px} .y-sales-customer-table td:last-child .y-sales-actions{flex-wrap:nowrap;justify-content:flex-start;gap:6px} .y-sales-customer-table td:last-child .y-sales-btn{flex:none;min-height:32px;padding-inline:8px;white-space:nowrap} /* C649：销售合同列表——首列留出左内边距（原 3px 贴边）；合同金额与「含税 13%」一律上下排（原先宽窄不一时并排、换行混杂） */ .sales-prototype-body .y-sales-table.y-sales-contract-list th:first-child,.sales-prototype-body .y-sales-table.y-sales-contract-list td:first-child{padding-left:14px} .sales-prototype-body .y-sales-contract-list .y-sales-contract-list-amount{flex-direction:column;align-items:flex-end;justify-content:center;gap:4px}