/* Final reference: scheme F. All accents retain the active store theme. */ /* Basic sales column overrides follow the shared and responsive rules below. */ @media screen and (min-width:901px){ #modal #invoiceForm.invoice-plan-f{grid-template-rows:52px 82px minmax(0,1fr) 56px!important;gap:9px!important;padding:0 18px!important;--invoice-finance-width:290px;background:linear-gradient(120deg,var(--store-theme-faint),#f7fafb 65%,var(--store-theme-faint))!important;color:#153144} #modal #invoiceForm.invoice-plan-f .invoice-title{grid-row:1!important;background:#fff!important;border:1px solid #e0e8eb!important;border-radius:10px 10px 0 0!important;padding:5px 12px 5px 48px!important;margin:0!important} #modal #invoiceForm.invoice-plan-f .invoice-title h2{font-size:22px!important;color:#153144!important} .dialog:has(#invoiceForm.invoice-plan-f) > .close{top:13px!important;left:27px!important;right:auto!important;width:28px!important;height:28px!important;z-index:5!important;background:transparent!important} #modal #invoiceForm.invoice-plan-f .invoice-draft-badge{border-radius:5px!important;color:#c77726!important;border:1px solid #f0d5ad!important;background:#fffaf0!important;padding:4px 9px!important;font-size:12px!important} #modal #invoiceForm.invoice-plan-f .invoice-date{display:flex;align-items:center;gap:10px!important;font-size:12px!important} #modal #invoiceForm.invoice-plan-f .invoice-date input{height:34px!important;min-height:34px!important;width:170px!important} #modal #invoiceForm.invoice-plan-f .invoice-mode-tabs{height:36px!important;border-radius:5px!important;border:1px solid #d7e4e7!important} #modal #invoiceForm.invoice-plan-f .invoice-mode-tabs .order-mode-option{min-height:34px!important;padding:5px 18px!important;border-radius:3px!important;font-size:14px!important} #modal #invoiceForm.invoice-plan-f .invoice-customer{grid-row:2!important;display:grid!important;grid-template-columns:115px minmax(0,1fr);align-items:center;padding:9px 16px!important;border:1px solid #e2e9ec!important;border-radius:9px!important;margin:0!important;background:white!important} #modal #invoiceForm.invoice-plan-f .invoice-customer>h3{display:flex!important;align-items:center;gap:10px;border-right:1px solid #e8eef0;margin:0 15px 0 0!important;padding:12px 0;font-size:15px!important;white-space:nowrap} #modal #invoiceForm.invoice-plan-f .invoice-customer-grid{grid-template-columns:1.1fr .9fr 1.85fr 1.25fr!important;gap:15px!important} #modal #invoiceForm.invoice-plan-f .invoice-customer-grid label{font-size:13px!important;margin-bottom:4px!important;color:#4b6171} #modal #invoiceForm.invoice-plan-f .invoice-customer-grid input{height:34px!important;min-height:34px!important;border:1px solid #dae4e9!important;border-radius:4px!important;background:linear-gradient(#fafcfd,#fff)!important;font-size:14px!important;padding:5px 9px!important} #modal #invoiceForm.invoice-plan-f .invoice-products,#modal #invoiceForm.invoice-plan-f .toll-processing-section{grid-row:3!important;padding:12px!important;border-radius:9px!important;border:1px solid #e2e9ec!important;background:#fff!important;box-shadow:0 3px 14px #15314404} #modal #invoiceForm.invoice-plan-f .invoice-products{position:relative} #modal #invoiceForm.invoice-plan-f .invoice-section-head{min-height:42px!important;padding:0 0 10px!important} #modal #invoiceForm.invoice-plan-f .invoice-section-head h3{display:flex;align-items:center;gap:10px;font-size:17px!important;color:#153144} #modal #invoiceForm.invoice-plan-f .invoice-section-tools{display:flex!important;gap:9px!important} #modal #invoiceForm.invoice-plan-f .invoice-section-tools button{display:inline-flex!important;align-items:center;gap:6px;height:34px!important;min-height:34px!important;padding:5px 12px!important;border:1px solid #c9dce0!important;border-radius:5px!important;white-space:nowrap} #modal #invoiceForm.invoice-plan-f .invoice-section-tools .invoice-width-reset{display:none!important} #modal #invoiceForm.invoice-plan-f #addInvoiceRow{background:linear-gradient(130deg,var(--store-theme),color-mix(in srgb,var(--store-theme) 85%,#fff))!important;color:white!important;border-color:var(--store-theme)!important} #modal #invoiceForm.invoice-plan-f .inline-tools{display:none!important;padding:8px!important;border:1px solid #e1e8eb;margin-bottom:10px;border-radius:6px} #modal #invoiceForm.invoice-plan-f.f-tools-open .inline-tools{display:flex!important} #modal #invoiceForm.invoice-plan-f:not(.f-tools-open) .invoice-output-column-control{display:none!important} #modal #invoiceForm.invoice-plan-f .inline-item-table{min-width:0!important;border:0!important} #modal #invoiceForm.invoice-plan-f .inline-item-table>thead{display:none!important} #modal #invoiceForm.invoice-plan-f .inline-item-table{--f-product-columns:34px minmax(92px,1fr) minmax(112px,1.1fr) minmax(90px,.9fr) 62px 75px 62px minmax(92px,.9fr) 100px 52px} #modal #invoiceForm.invoice-plan-f .inline-item-table:not(.inline-toll-table)>thead{display:block!important} #modal #invoiceForm.invoice-plan-f .inline-item-table:not(.inline-toll-table)>thead>tr{grid-template-columns:var(--f-product-columns)!important;gap:1px!important;padding:6px 4px!important} #modal #invoiceForm.invoice-plan-f .inline-item-table:not(.inline-toll-table)>thead th{padding:5px 4px!important;font-size:13px!important;white-space:nowrap!important} #modal #invoiceForm.invoice-plan-f .inline-item-table:not(.inline-toll-table)>thead [data-inline-field=actions]{grid-column:10!important} #modal #invoiceForm.invoice-plan-f .inline-item-table:not(.inline-toll-table)>thead>tr::after{content:'加工状态';grid-column:9;grid-row:1;font-size:13px;text-align:center} #modal #invoiceForm.invoice-plan-f .inline-product-row{--f-product-columns:34px minmax(92px,1fr) minmax(112px,1.1fr) minmax(90px,.9fr) 62px 75px 62px minmax(92px,.9fr) 100px 52px;grid-template-columns:var(--f-product-columns)!important;gap:1px!important;margin-top:5px;padding:5px 4px!important;border:1px solid #e5edf0!important;border-radius:7px!important;background:#f5f9fa!important;box-shadow:none!important;align-items:center} #modal #invoiceForm.invoice-plan-f .inline-product-row:first-child{margin-top:0} #modal #invoiceForm.invoice-plan-f .inline-product-row.inline-current{border-color:var(--store-theme)!important;background:linear-gradient(110deg,var(--store-theme-faint),#f9fcfc)!important} #modal #invoiceForm.invoice-plan-f .inline-product-row:has(+.processing-inline-row:not(.inline-collapsed)){border-radius:7px 7px 0 0!important;border-bottom:0!important} #modal #invoiceForm.invoice-plan-f .inline-product-row>td{padding:2px 4px!important;overflow:visible!important} #modal #invoiceForm.invoice-plan-f .inline-product-row>[data-inline-field=index]{align-self:start;padding-top:5px!important} #modal #invoiceForm.invoice-plan-f .row-index{display:inline-grid;place-items:center;width:26px;height:28px;border-radius:5px;background:linear-gradient(135deg,var(--store-theme),color-mix(in srgb,var(--store-theme) 80%,#fff));color:#fff;font-size:15px} #modal #invoiceForm.invoice-plan-f .invoice-row-number{display:inline-grid;place-items:center;width:25px;height:27px;border-radius:5px;background:var(--store-theme);color:#fff;font-size:15px} #modal #invoiceForm.invoice-plan-f .inline-product-row>.row-index{position:relative!important;overflow:visible!important} #modal #invoiceForm.invoice-plan-f .inline-product-row .invoice-row-drag-handle{display:block!important;position:absolute;left:27px;top:8px;border:0!important;background:transparent!important;color:#8a9eaa!important;width:11px!important;min-width:11px!important;height:20px!important;padding:0!important;font-size:12px!important;cursor:grab;z-index:1} #modal #invoiceForm.invoice-plan-f .inline-product-row>[data-inline-field=area]{padding-left:10px!important} #modal #invoiceForm.invoice-plan-f .inline-product-row>[data-inline-field=actions]{grid-column:10!important;display:flex!important;flex-direction:row;flex-wrap:nowrap!important;gap:1px!important;padding:0!important} #modal #invoiceForm.invoice-plan-f .inline-product-row>[data-inline-field=actions] button{font-size:0!important;width:24px!important;height:24px!important;min-height:24px!important;border:0!important;background:transparent!important;color:#526f80!important;padding:0!important} #modal #invoiceForm.invoice-plan-f [data-inline-more]::after{content:'⋯';font-size:20px} #modal #invoiceForm.invoice-plan-f [data-inline-field=actions] .danger::after{content:'';display:block;width:15px;height:17px;margin:auto;background:currentColor;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='black' stroke-width='2' d='M3 6h18M9 6V3h6v3M6 6l1 15h10l1-15M10 10v7M14 10v7'/%3E%3C/svg%3E") center/contain no-repeat} #modal #invoiceForm.invoice-plan-f .inline-product-row>.inline-toggle-cell{grid-column:9!important;grid-row:1!important;padding:0 1px!important;border:0!important;background:transparent!important} #modal #invoiceForm.invoice-plan-f [data-inline-toggle]{font-size:12px!important;text-align:center;border:1px solid var(--store-theme-border);border-radius:5px;color:var(--store-theme);background:#fff;padding:4px 1px;min-height:25px} #modal #invoiceForm.invoice-plan-f .inline-product-row>[data-inline-field=extra]{grid-column:span 3!important;padding:9px!important} #modal #invoiceForm.invoice-plan-f .inline-product-row :is(input:not([type=hidden]),select,textarea){height:34px!important;min-height:34px!important;border:1px solid #d9e4e9!important;background:#fff!important;border-radius:4px!important;font-size:14px!important;padding:5px 7px!important} #modal #invoiceForm.invoice-plan-f .inline-product-row>[data-inline-field]:not([data-inline-field=extra])::before{display:none!important} #modal #invoiceForm.invoice-plan-f .inline-product-row [data-inline-field=amount]{font-weight:700;font-size:16px!important;white-space:nowrap!important;color:#153144} #modal #invoiceForm.invoice-plan-f .inline-item-table>tbody>.processing-inline-row{padding:0 10px 10px!important;border:1px solid var(--store-theme)!important;border-top:0!important;border-radius:0 0 7px 7px!important;background:#f8fbfb!important} #modal #invoiceForm.invoice-plan-f .invoice-products .inline-item-table>tbody>.processing-inline-row{display:none!important} #modal #invoiceForm.invoice-plan-f .invoice-products .inline-item-table>tbody>.inline-product-row.inline-processing-open+.processing-inline-row:not(.inline-collapsed):not(.inline-filtered){display:block!important} #modal #invoiceForm.invoice-plan-f .pou-summary{margin:0!important;padding:0!important;border:1px solid #e1ebed!important;border-radius:6px!important;background:white!important;box-shadow:none!important} #modal #invoiceForm.invoice-plan-f .pou-summary>.f-processing{display:block!important} #modal #invoiceForm.invoice-plan-f .pou-summary:not(.f-flow-open)>:not(.f-processing){display:none!important} #modal #invoiceForm.invoice-plan-f .f-processing-head{display:flex;justify-content:space-between;align-items:center;padding:7px 10px;background:#f1f7f7;gap:10px} #modal #invoiceForm.invoice-plan-f .f-processing-head>b{display:flex;align-items:center;gap:7px;font-size:14px} #modal #invoiceForm.invoice-plan-f .f-processing-head button{display:flex;align-items:center;gap:5px;border:1px solid var(--store-theme);color:var(--store-theme);background:#fff;height:32px;padding:4px 10px;border-radius:5px;font-size:13px} #modal #invoiceForm.invoice-plan-f .f-processing-table{width:100%!important;min-width:0!important;table-layout:fixed;border-collapse:collapse;border:0!important} #modal #invoiceForm.invoice-plan-f .f-processing-grid{display:grid;grid-template-columns:32px 1fr 1.5fr 1fr .7fr .8fr 1fr 40px;align-items:center;gap:8px;padding:6px 9px;border-bottom:1px solid #e8eff2;min-height:43px;font-size:13px} #modal #invoiceForm.invoice-plan-f .f-processing-grid>span{min-width:0;overflow-wrap:anywhere} #modal #invoiceForm.invoice-plan-f .f-processing-grid>span:first-child,#modal #invoiceForm.invoice-plan-f .f-processing-grid>span:last-child{text-align:center} #modal #invoiceForm.invoice-plan-f .f-processing-heading{background:#eaf1f4;color:#496171;min-height:35px;font-size:12px} #modal #invoiceForm.invoice-plan-f .pou-summary>.f-processing{display:grid!important;grid-template-columns:140px minmax(0,1fr);min-width:0} #modal #invoiceForm.invoice-plan-f .f-presentation-only .f-processing button:not([hidden]){display:inline-flex!important;align-items:center;justify-content:center} #modal #invoiceForm.invoice-plan-f .f-presentation-only .f-processing-tabs button:not([hidden]){display:flex!important;width:100%} #modal #invoiceForm.invoice-plan-f .f-processing-tabs{display:flex;flex-direction:column;background:linear-gradient(#f4f9f9,#fff);border-right:1px solid #e2ebec;padding:7px 0} #modal #invoiceForm.invoice-plan-f .f-processing-tabs button{height:46px;border:0;background:transparent;color:#496171;text-align:center;font-size:14px;font-weight:600;cursor:pointer} #modal #invoiceForm.invoice-plan-f .f-processing-tabs button[aria-selected=true]{background:var(--store-theme);color:#fff;border-radius:5px 0 0 5px} #modal #invoiceForm.invoice-plan-f .f-processing-content{min-width:0;padding:12px 15px 14px} #modal #invoiceForm.invoice-plan-f .f-processing-content>[hidden]{display:none!important} #modal #invoiceForm.invoice-plan-f .f-processing-head{background:transparent;padding:0 0 12px;align-items:flex-start} #modal #invoiceForm.invoice-plan-f .f-processing-head>div:first-child{min-width:0} #modal #invoiceForm.invoice-plan-f .f-processing-head b{display:block;font-size:16px;color:var(--store-theme);line-height:25px} #modal #invoiceForm.invoice-plan-f .f-processing-head p{margin:3px 0 0;font-size:13px;color:#657c86} #modal #invoiceForm.invoice-plan-f .f-processing-head-actions{display:flex;gap:8px;flex:none} #modal #invoiceForm.invoice-plan-f .f-processing-head-actions button{height:35px;white-space:nowrap;font-size:13px;padding:4px 10px} #modal #invoiceForm.invoice-plan-f .f-processing-head-actions .primary{background:var(--store-theme);color:#fff} #modal #invoiceForm.invoice-plan-f .f-processing-head-actions .ghost{background:#fff;color:var(--store-theme)} #modal #invoiceForm.invoice-plan-f .f-processing-table,#modal #invoiceForm.invoice-plan-f .f-processing-summary-table{border:1px solid #e0e9eb;border-radius:6px;overflow-x:auto} #modal #invoiceForm.invoice-plan-f .f-processing-grid{grid-template-columns:36px minmax(105px,1.05fr) minmax(115px,1.2fr) 70px 52px 74px 63px 75px 82px 56px;gap:5px;padding:5px 7px;min-width:765px;min-height:49px} #modal #invoiceForm.invoice-plan-f .f-processing-grid.f-processing-heading{min-height:36px;padding:5px 7px;font-size:12px} #modal #invoiceForm.invoice-plan-f .f-processing-grid>strong{font-size:13px;color:var(--store-theme);text-align:right;white-space:nowrap} #modal #invoiceForm.invoice-plan-f .f-processing-grid>span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis} #modal #invoiceForm.invoice-plan-f .f-op-index{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#edf4f5;color:#1c4450;font-weight:700} #modal #invoiceForm.invoice-plan-f .f-op-value{min-height:32px;display:flex;align-items:center;padding:4px 6px;border:1px solid #d9e4e9;border-radius:4px;background:#fff;color:#304c59} #modal #invoiceForm.invoice-plan-f .f-op-number{justify-content:flex-end;font-variant-numeric:tabular-nums} #modal #invoiceForm.invoice-plan-f .f-op-actions{display:flex;justify-content:center;gap:1px} #modal #invoiceForm.invoice-plan-f .f-op-action{border:0;background:transparent;color:var(--store-theme);padding:4px;cursor:pointer} #modal #invoiceForm.invoice-plan-f .f-op-action:hover,#modal #invoiceForm.invoice-plan-f .f-trash:hover{background:var(--store-theme-faint);border-radius:4px} #modal #invoiceForm.invoice-plan-f .f-processing-empty{padding:17px;text-align:center;color:#6a8391;font-size:13px;margin:0} #modal #invoiceForm.invoice-plan-f .f-processing-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 0} #modal #invoiceForm.invoice-plan-f .f-processing-foot button{display:inline-flex;align-items:center;gap:6px;height:34px;padding:5px 10px;border:1px solid var(--store-theme-border);background:#fff;border-radius:5px;color:var(--store-theme);font-size:13px} #modal #invoiceForm.invoice-plan-f .f-processing-foot strong{color:var(--store-theme);font-size:15px;white-space:nowrap} #modal #invoiceForm.invoice-plan-f .f-processing-tip{display:flex;align-items:center;gap:7px;margin:0;padding:9px 10px;background:var(--store-theme-faint);border:1px solid var(--store-theme-border);border-radius:6px;color:#3e6570;font-size:12px} #modal #invoiceForm.invoice-plan-f .f-processing-tip .f-icon{flex:none;width:14px;height:14px;color:var(--store-theme)} #modal #invoiceForm.invoice-plan-f .f-summary-metrics{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:9px;margin:0 0 12px} #modal #invoiceForm.invoice-plan-f .f-summary-metrics>div{display:flex;flex-direction:column;justify-content:center;gap:4px;min-height:67px;padding:8px;border:1px solid #dae7ea;border-radius:7px;background:#fff;text-align:center} #modal #invoiceForm.invoice-plan-f .f-summary-metrics span{font-size:12px;color:#526b78} #modal #invoiceForm.invoice-plan-f .f-summary-metrics strong{font-size:19px;color:var(--store-theme);font-variant-numeric:tabular-nums} #modal #invoiceForm.invoice-plan-f .f-summary-metrics small{font-size:12px;font-weight:400} #modal #invoiceForm.invoice-plan-f .f-processing-summary h4{margin:13px 0 8px;font-size:14px;color:var(--store-theme)} #modal #invoiceForm.invoice-plan-f .f-processing-summary-row{display:grid;grid-template-columns:32px 112px minmax(260px,1fr) 60px 74px 96px 96px 46px;gap:5px;align-items:center;min-width:830px;min-height:36px;padding:5px 8px;border-bottom:1px solid #e5edef;font-size:13px;text-align:center} #modal #invoiceForm.invoice-plan-f .f-processing-summary-row>*{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} #modal #invoiceForm.invoice-plan-f .f-processing-summary-row>:nth-child(3){text-align:left} #modal #invoiceForm.invoice-plan-f .f-processing-summary-row.is-smart{align-items:start;padding-top:9px;padding-bottom:9px} #modal #invoiceForm.invoice-plan-f .f-processing-summary-row.is-smart>*:not(.f-summary-smart-detail){padding-top:3px} #modal #invoiceForm.invoice-plan-f .f-processing-summary-row .f-summary-smart-detail{display:flex;flex-direction:column;gap:4px;overflow:visible;white-space:normal;line-height:1.45} #modal #invoiceForm.invoice-plan-f .f-summary-smart-source{color:#496171;font-weight:600} #modal #invoiceForm.invoice-plan-f .f-summary-smart-line{display:block;overflow-wrap:anywhere;color:#244553} #modal #invoiceForm.invoice-plan-f .f-summary-smart-line.is-remnant{color:var(--store-theme)} #modal #invoiceForm.invoice-plan-f .f-summary-smart-more>summary{color:var(--store-theme);cursor:pointer;list-style:none;font-weight:600} #modal #invoiceForm.invoice-plan-f .f-summary-smart-more>summary::-webkit-details-marker{display:none} #modal #invoiceForm.invoice-plan-f .f-summary-smart-more>summary::before{content:'▸ ';font-size:12px} #modal #invoiceForm.invoice-plan-f .f-summary-smart-more[open]>summary::before{content:'▾ '} #modal #invoiceForm.invoice-plan-f .f-summary-smart-more .f-summary-smart-line{margin-top:4px} #modal #invoiceForm.invoice-plan-f .f-processing-summary-row :is(strong,b){color:var(--store-theme)} #modal #invoiceForm.invoice-plan-f .f-processing-summary-heading{background:#ecf3f5;color:#42616e;font-size:12px} #modal #invoiceForm.invoice-plan-f .f-processing-summary-total{background:var(--store-theme-faint);font-weight:700} #modal #invoiceForm.invoice-plan-f .inline-item-table>tbody{border:0!important;background:transparent!important;box-shadow:none!important} #modal #invoiceForm.invoice-plan-f .inline-item-table>tbody:after{display:none!important} #modal #invoiceForm.invoice-plan-f .invoice-summary{gap:0!important;display:block!important} #modal #invoiceForm.invoice-plan-f .invoice-summary>:is(label,div){border-bottom:0!important} #modal #invoiceForm.invoice-plan-f .invoice-finance-sidebar .f-panel .invoice-summary>:is(label,div){min-height:24px!important;padding:0!important} #modal #invoiceForm.invoice-plan-f .invoice-finance-sidebar .f-panel .invoice-summary>:is(label,div){height:auto!important;margin:0!important;line-height:24px!important;gap:3px!important} #modal #invoiceForm.invoice-plan-f .invoice-summary>label>span{line-height:18px!important} #modal #invoiceForm.invoice-plan-f .invoice-summary small{display:none!important} #modal #invoiceForm.invoice-plan-f .invoice-profit-panel .invoice-estimated-profit{min-height:30px!important} #modal #invoiceForm.invoice-plan-f .invoice-profit-panel>div{line-height:18px!important;margin:0!important} #modal #invoiceForm.invoice-plan-f .invoice-profit-panel .invoice-profit-title{min-height:28px!important;padding:0!important} #modal #invoiceForm.invoice-plan-f .f-processing-grid:not(.f-processing-heading)>span:nth-child(4),#modal #invoiceForm.invoice-plan-f .f-processing-grid:not(.f-processing-heading)>span:nth-child(5),#modal #invoiceForm.invoice-plan-f .f-processing-grid:not(.f-processing-heading)>span:nth-child(6){border:1px solid #dde7eb;border-radius:4px;background:#fff;padding:6px} #modal #invoiceForm.invoice-plan-f .f-product-count{font-size:12px;font-weight:400;padding:3px 8px;background:#f2f7f9;color:#748e9e;border-radius:5px} #modal #invoiceForm.invoice-plan-f .invoice-date label{display:block!important;font-size:12px!important;white-space:nowrap;margin:0!important} #modal #invoiceForm.invoice-plan-f .invoice-date{width:auto!important} #modal #invoiceForm.invoice-plan-f .invoice-header-tools{max-width:none!important} #modal #invoiceForm.invoice-plan-f input[type=number]{appearance:textfield;-moz-appearance:textfield} #modal #invoiceForm.invoice-plan-f input[type=number]::-webkit-inner-spin-button{appearance:none;margin:0} #modal #invoiceForm.invoice-plan-f .f-model-field .model,#modal #invoiceForm.invoice-plan-f #invoiceCustomerName{padding-right:25px!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23789099' stroke-width='1.7'%3E%3Ccircle cx='10' cy='10' r='6.5'/%3E%3Cpath d='m15 15 6 6'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:right 5px center!important;background-size:17px!important} #modal #invoiceForm.invoice-plan-f .f-panel{padding:7px 10px!important} #modal #invoiceForm.invoice-plan-f .invoice-finance-sidebar .f-panel .invoice-summary>:is(label,div){min-height:22px!important;line-height:22px!important} #modal #invoiceForm.invoice-plan-f .invoice-summary input{height:22px!important;min-height:22px!important} #modal #invoiceForm.invoice-plan-f .invoice-profit-panel>div:not(.invoice-profit-title){min-height:22px!important} #modal #invoiceForm.invoice-plan-f .f-current-product{font-size:12px!important} #modal #invoiceForm.invoice-plan-f .invoice-profit-panel .invoice-estimated-profit{padding-top:1px!important;min-height:27px!important} .dialog:has(#invoiceForm.invoice-plan-f)::before,.dialog:has(#invoiceForm.invoice-plan-f)::after{display:none!important} #modal #invoiceForm.invoice-plan-f .invoice-finance-sidebar .f-panel .invoice-summary .total{min-height:37px!important} #modal #invoiceForm.invoice-plan-f .invoice-finance-sidebar .f-panel .invoice-summary .balance{min-height:30px!important} #modal #invoiceForm.invoice-plan-f .f-processing-table th{font-size:12px!important;font-weight:500;color:#496171;background:#eaf1f4!important;padding:9px 5px!important;border:0!important} #modal #invoiceForm.invoice-plan-f .f-processing-table td{font-size:13px!important;padding:6px 5px!important;border:0!important;border-bottom:1px solid #eaf0f2!important;text-align:left;white-space:normal!important;overflow-wrap:anywhere} #modal #invoiceForm.invoice-plan-f .f-processing-table :is(th,td):first-child{width:30px;text-align:center} #modal #invoiceForm.invoice-plan-f .f-processing-table :is(th,td):nth-child(3){width:22%} #modal #invoiceForm.invoice-plan-f .f-processing-table :is(th,td):last-child{width:42px;text-align:center} #modal #invoiceForm.invoice-plan-f .f-op-edit{display:flex;justify-content:space-between;align-items:center;gap:3px;width:100%;min-height:32px;padding:4px 6px;border:1px solid #d9e4e9;border-radius:4px;background:#fff;color:#153144;font-size:13px;text-align:left} #modal #invoiceForm.invoice-plan-f .f-trash{border:0;background:transparent;color:#285466;padding:5px;cursor:pointer} #modal #invoiceForm.invoice-plan-f .f-flow-toggle{font-size:12px;color:#6a8391;background:transparent;border:0;padding:7px 10px;cursor:pointer} #modal #invoiceForm.invoice-plan-f .f-inline-editor{position:static!important;inset:auto!important;display:block!important;background:transparent!important;padding:8px 0!important;width:100%!important;max-width:100%!important;overflow:visible!important;backdrop-filter:none!important} #modal #invoiceForm.invoice-plan-f .f-inline-editor .processing-editor-card{width:100%!important;min-width:0!important;max-width:100%!important;height:auto!important;max-height:none!important;overflow:visible!important;margin:0!important;box-shadow:none!important;border:1px solid var(--store-theme-border)!important;border-radius:6px!important} #modal #invoiceForm.invoice-plan-f .f-inline-editor .processing-editor-head{padding:10px!important} #modal #invoiceForm.invoice-plan-f .f-inline-editor .processing-editor-head h2{font-size:16px!important} #modal #invoiceForm.invoice-plan-f .f-inline-editor .processing-editor-head h2{position:static!important;text-align:left!important;flex:1;margin:0!important;min-width:0!important} #modal #invoiceForm.invoice-plan-f .f-inline-editor .processing-editor-head p{font-size:12px!important} #modal #invoiceForm.invoice-plan-f .f-inline-editor :is(.processing-operations,.per-operation-card,.processing-operation-row){min-width:0!important;max-width:100%!important} #modal #invoiceForm.invoice-plan-f .f-processing-editing>.f-processing-table,#modal #invoiceForm.invoice-plan-f .f-processing-editing>.f-processing-foot,#modal #invoiceForm.invoice-plan-f .f-processing-editing>.f-processing-tip,#modal #invoiceForm.invoice-plan-f .f-processing-editing>.f-flow-toggle,#modal #invoiceForm.invoice-plan-f .f-processing-editing>.f-processing-head .f-processing-head-actions{display:none!important} #modal #invoiceForm.invoice-plan-f .f-inline-editor .processing-editor-head{height:48px!important;min-height:48px!important;display:flex!important;gap:10px!important;padding:7px 10px!important} #modal #invoiceForm.invoice-plan-f .f-inline-editor .processing-editor-head :is(small,p,.per-head-description){display:none!important} #modal #invoiceForm.invoice-plan-f .f-inline-editor .per-title-icon{width:28px;height:28px} #modal #invoiceForm.invoice-plan-f .f-inline-editor .per-smart-processing{top:7px;right:50px;height:32px;padding:0 10px;font-size:13px} #modal #invoiceForm.invoice-plan-f .f-inline-editor .processing-editor-close{top:7px;right:10px;width:30px;height:30px} #modal #invoiceForm.invoice-plan-f .f-processing-settings{margin:0 10px;border-bottom:1px solid #e3ebed} #modal #invoiceForm.invoice-plan-f .f-processing-settings>summary{padding:8px 0;color:var(--store-theme);font-size:13px;cursor:pointer} #modal #invoiceForm.invoice-plan-f .f-inline-editor .per-quantity-card{grid-template-columns:120px minmax(0,1fr)!important;gap:10px!important;margin:8px 0!important;padding:8px!important} #modal #invoiceForm.invoice-plan-f .f-inline-editor .per-quantity-hint{grid-column:1/-1;padding:7px} #modal #invoiceForm.invoice-plan-f .f-inline-editor .per-operations-card{margin:8px!important;overflow:visible!important} #modal #invoiceForm.invoice-plan-f .f-inline-editor .processing-operations-head{padding:8px!important} #modal #invoiceForm.invoice-plan-f .f-inline-editor .processing-operations-head h3{font-size:14px!important} #modal #invoiceForm.invoice-plan-f .f-inline-editor .processing-operations-head p{display:none!important} #modal #invoiceForm.invoice-plan-f .f-inline-editor .add-processing-operation{height:30px!important;min-height:30px!important;padding:4px 8px!important;font-size:13px!important} #modal #invoiceForm.invoice-plan-f .f-inline-editor :is(.per-table-head,.processing-operation-row){grid-template-columns:26px minmax(85px,1fr) minmax(85px,1fr) 80px 55px 90px 65px 70px 75px 48px!important;min-width:0!important;gap:5px!important;padding:8px!important} #modal #invoiceForm.invoice-plan-f .f-inline-editor .processing-operations{overflow:visible!important;padding:0!important} #modal #invoiceForm.invoice-plan-f .f-inline-editor .per-operation-field :is(input,select){height:32px!important;min-height:32px!important;font-size:13px!important;padding:4px!important} #modal #invoiceForm.invoice-plan-f .f-inline-editor .per-operation-field small{font-size:11px!important} #modal #invoiceForm.invoice-plan-f .f-inline-editor .per-operation-drag{display:none!important} #modal #invoiceForm.invoice-plan-f .f-inline-editor .op-remove{width:30px;height:30px;min-width:30px;flex-basis:30px} #modal #invoiceForm.invoice-plan-f .f-inline-editor .per-summary{grid-template-columns:70px minmax(0,1fr)!important;gap:6px!important;padding:8px!important;margin:8px!important} #modal #invoiceForm.invoice-plan-f .f-inline-editor .per-summary span{padding:0 5px!important} #modal #invoiceForm.invoice-plan-f .f-inline-editor .per-summary b{font-size:15px!important} #modal #invoiceForm.invoice-plan-f .f-inline-editor .processing-editor-actions{position:static!important;min-height:48px!important;padding:7px 10px!important} #modal #invoiceForm.invoice-plan-f .f-inline-editor .processing-editor-actions button{height:32px!important;min-height:32px!important;font-size:13px!important} #modal #invoiceForm.invoice-plan-f .f-processing-editing .f-inline-editor{padding:0!important} #modal #invoiceForm.invoice-plan-f .f-processing-editing .processing-editor-card{border:0!important;background:transparent!important} #modal #invoiceForm.invoice-plan-f .f-processing-editing .processing-editor-head,#modal #invoiceForm.invoice-plan-f .f-processing-editing .pv3-smart-switch-row,#modal #invoiceForm.invoice-plan-f .f-processing-editing .processing-operations-head,#modal #invoiceForm.invoice-plan-f .f-processing-editing .per-summary,#modal #invoiceForm.invoice-plan-f .f-processing-editing .processing-check{display:none!important} #modal #invoiceForm.invoice-plan-f .f-editor-meta{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:0 0 10px;padding:9px 12px;border:1px solid var(--store-theme-border);border-radius:6px;background:var(--store-theme-faint)} #modal #invoiceForm.invoice-plan-f .f-editor-meta .per-quantity-card{display:flex!important;align-items:center!important;gap:12px!important;flex:1 1 500px!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important} #modal #invoiceForm.invoice-plan-f .f-editor-meta .processing-order-total{display:flex!important;align-items:center;gap:5px;flex:none;padding:0!important;margin:0!important;background:transparent!important;border:0!important} #modal #invoiceForm.invoice-plan-f .f-editor-meta .processing-qty-pair{display:flex!important;align-items:center;gap:7px;flex:1;margin:0!important;padding:0!important;background:transparent!important;border:0!important} #modal #invoiceForm.invoice-plan-f .f-editor-meta .processing-qty-pair label{display:flex;align-items:center;gap:6px;min-width:0} #modal #invoiceForm.invoice-plan-f .f-editor-meta .processing-qty-pair input{width:72px!important;height:32px!important;min-height:32px!important} #modal #invoiceForm.invoice-plan-f .f-editor-meta .per-quantity-hint{display:none!important} #modal #invoiceForm.invoice-plan-f .f-editor-meta .f-processing-settings{margin:0;border:0} #modal #invoiceForm.invoice-plan-f .f-editor-meta .f-processing-settings>summary{white-space:nowrap;padding:5px 0} #modal #invoiceForm.invoice-plan-f .f-editor-toolbar{display:flex;justify-content:flex-end;margin:0 0 7px} #modal #invoiceForm.invoice-plan-f .f-editor-toolbar .add-processing-operation{height:34px!important;padding:4px 11px!important;border:1px solid var(--store-theme-border)!important;border-radius:5px!important;background:#fff!important;color:var(--store-theme)!important} #modal #invoiceForm.invoice-plan-f .f-processing-editing .per-operations-card{margin:0!important;border:1px solid #e0e9eb!important;border-radius:6px!important;overflow-x:auto!important} #modal #invoiceForm.invoice-plan-f .f-processing-editing .per-table-head,#modal #invoiceForm.invoice-plan-f .f-processing-editing .processing-operation-row{min-width:765px!important;grid-template-columns:36px minmax(105px,1.05fr) minmax(115px,1.2fr) 70px 52px 74px 63px 75px 82px 56px!important;gap:5px!important;padding:7px!important} #modal #invoiceForm.invoice-plan-f .f-processing-editing .per-table-head{min-height:36px!important;background:#eaf1f4!important;color:#496171!important} #modal #invoiceForm.invoice-plan-f .f-processing-editing .per-operation-field>span{display:none!important} #modal #invoiceForm.invoice-plan-f .f-processing-editing .per-operation-field small{display:none!important} #modal #invoiceForm.invoice-plan-f .f-processing-editing .per-auto-hint{padding:8px 10px!important;margin:0!important;font-size:12px!important} #modal #invoiceForm.invoice-plan-f .f-editor-total{display:flex;justify-content:flex-end;align-items:center;gap:12px;padding:10px 2px;color:var(--store-theme)} #modal #invoiceForm.invoice-plan-f .f-editor-total strong{font-size:16px;font-variant-numeric:tabular-nums} #modal #invoiceForm.invoice-plan-f .f-processing-editing .processing-editor-actions{border-top:1px solid #e0e9eb!important;padding:8px 0!important} #modal #invoiceForm.invoice-plan-f .f-add-bottom{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;height:52px;margin-top:12px;border:1px dashed #cbdde2;border-radius:6px;background:#fff;color:var(--store-theme);font-size:14px;font-weight:600;cursor:pointer} #modal #invoiceForm.invoice-plan-f .invoice-finance-sidebar{grid-row:3!important;display:flex!important;flex-direction:column!important;gap:7px!important;padding:0 0 12px!important;background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important} #modal #invoiceForm.invoice-plan-f .f-panel{padding:9px 12px!important;background:#fff;border:1px solid #dce8eb;border-radius:8px;box-shadow:0 3px 12px #193b4803;margin:0!important;overflow:visible!important} #modal #invoiceForm.invoice-plan-f .f-panel>h3,#modal #invoiceForm.invoice-plan-f .invoice-profit-title h3{display:flex!important;align-items:center;gap:7px;font-size:15px!important;line-height:22px!important;margin:0 0 5px!important;padding:0!important;color:#153144!important;border:0!important} #modal #invoiceForm.invoice-plan-f .f-panel-toggle{margin-left:auto;border:0;background:none;color:#153144;cursor:pointer;font-size:18px;padding:0} #modal #invoiceForm.invoice-plan-f .f-folded>:not(h3){display:none!important} #modal #invoiceForm.invoice-plan-f .invoice-summary>:is(label,div){min-height:25px!important;margin:0!important;padding:1px 0!important;font-size:13px!important;gap:5px!important} #modal #invoiceForm.invoice-plan-f .invoice-summary input{width:100px!important;min-height:23px!important;height:23px!important;padding:2px 6px!important;font-size:13px!important;border:1px solid #dce6eb!important;border-radius:4px!important;text-align:right} #modal #invoiceForm.invoice-plan-f .invoice-summary .total{min-height:38px!important;margin-top:5px!important;border-top:1px solid #e9eff1!important} #modal #invoiceForm.invoice-plan-f .invoice-summary .total strong{font-size:23px!important} #modal #invoiceForm.invoice-plan-f #invoiceBalance{font-size:22px!important;color:#e60020!important;white-space:nowrap!important} #modal #invoiceForm.invoice-plan-f .invoice-summary .invoice-paid-input{display:flex;align-items:center;gap:6px;flex:0 1 174px;min-height:30px;border:0;border-radius:0;background:transparent;overflow:visible;box-shadow:none} #modal #invoiceForm.invoice-plan-f .invoice-summary .invoice-paid-input #invoicePaid{flex:1 1 0;width:0!important;min-width:68px!important;height:30px!important;min-height:30px!important;padding:4px 6px!important;border:1px solid #dce6eb!important;border-radius:5px!important} #modal #invoiceForm.invoice-plan-f .invoice-summary .invoice-paid-input #invoicePaid:focus{border-color:var(--store-theme)!important;box-shadow:0 0 0 2px var(--store-theme-faint)} #modal #invoiceForm.invoice-plan-f .invoice-paid-input .invoice-paid-full{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;font-size:14px!important;line-height:20px;font-weight:600;padding:4px 8px!important;height:30px!important;min-height:30px!important;border:1px solid var(--store-theme-border);border-radius:5px;background:var(--store-theme-faint);color:var(--store-theme);white-space:nowrap;cursor:pointer;transition:background-color .15s ease,border-color .15s ease,box-shadow .15s ease} #modal #invoiceForm.invoice-plan-f .invoice-paid-input .invoice-paid-full:hover:not(:disabled){background:var(--store-theme-soft);border-color:var(--store-theme);box-shadow:0 1px 3px var(--store-theme-faint)} #modal #invoiceForm.invoice-plan-f .invoice-paid-input .invoice-paid-full:active:not(:disabled){background:var(--store-theme);border-color:var(--store-theme);color:#fff;transform:translateY(1px);box-shadow:none} #modal #invoiceForm.invoice-plan-f .invoice-paid-input .invoice-paid-full:focus-visible{outline:2px solid var(--store-theme);outline-offset:2px} #modal #invoiceForm.invoice-plan-f .invoice-paid-input .invoice-paid-full:disabled{opacity:.45;cursor:not-allowed;transform:none;box-shadow:none} #modal #invoiceForm.invoice-plan-f .invoice-profit-title>span,#modal #invoiceForm.invoice-plan-f .f-original-delivery{display:none!important} #modal #invoiceForm.invoice-plan-f .invoice-profit-panel>div:not(.invoice-profit-title){display:flex;justify-content:space-between;gap:8px;min-height:24px;font-size:13px!important;padding:2px 0!important;border:0} #modal #invoiceForm.invoice-plan-f .invoice-profit-panel>[hidden]{display:none!important} #modal #invoiceForm.invoice-plan-f .invoice-profit-title h3{font-size:13px!important;white-space:normal} #modal #invoiceForm.invoice-plan-f .invoice-estimated-profit strong{font-size:23px!important;color:var(--store-theme)!important} #modal #invoiceForm.invoice-plan-f .f-secondary-note{display:none!important} #modal #invoiceForm.invoice-plan-f .inline-more-costs{margin:0!important;padding:0 10px!important;border:1px solid var(--store-theme-border)!important;border-radius:8px;background:#fff} #modal #invoiceForm.invoice-plan-f .inline-more-costs>summary{font-size:14px!important;padding:12px 0!important;line-height:1.5} #modal #invoiceForm.invoice-plan-f .inline-more-costs :is(.invoice-internal-costs,.invoice-bottom,.delivery-box,.business-cost-box){border:0!important;border-radius:0!important;box-shadow:none!important;background:transparent!important;padding:8px 0!important;margin:0!important;min-width:0!important} #modal #invoiceForm.invoice-plan-f .inline-more-costs :is(.invoice-internal-head,.invoice-section-toggle){display:none!important} #modal #invoiceForm.invoice-plan-f .inline-more-costs .invoice-internal-grid{display:grid!important;gap:12px!important} #modal #invoiceForm.invoice-plan-f .inline-more-costs .business-cost-box>.form-grid{display:grid!important;gap:10px!important} #modal #invoiceForm.invoice-plan-f .inline-more-costs .business-cost-box>h3{cursor:default;font-size:14px!important;border-top:1px solid var(--store-theme-border);padding-top:12px!important} #modal #invoiceForm.invoice-plan-f .inline-more-costs .business-cost-box>h3 small{display:block;font-weight:400} #modal #invoiceForm.invoice-plan-f .inline-more-costs .dce-head{display:flex;flex-direction:column;align-items:stretch;gap:8px} #modal #invoiceForm.invoice-plan-f .inline-more-costs .dce-head h3{font-size:14px!important} #modal #invoiceForm.invoice-plan-f .inline-more-costs .dce-head h3 small{display:block} #modal #invoiceForm.invoice-plan-f .inline-more-costs .dce-head p{display:flex;flex-direction:column;gap:4px;font-size:13px} #modal #invoiceForm.invoice-plan-f .inline-more-costs .dce-summary{background:transparent;margin:8px 0;padding:0;font-size:13px;gap:6px} #modal #invoiceForm.invoice-plan-f .inline-more-costs .dce-list{max-height:392px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;border:0;border-radius:0} #modal #invoiceForm.invoice-plan-f .inline-more-costs .dce-row{display:grid;grid-template-columns:78px minmax(0,1fr) 78px;grid-template-rows:20px 26px;column-gap:4px;row-gap:3px;align-items:center;min-height:67px;padding:8px 0;border-bottom:1px solid #e7edeb;font-size:13px;overflow:hidden} #modal #invoiceForm.invoice-plan-f .inline-more-costs .dce-row>time{grid-column:1;grid-row:1;white-space:nowrap;font-size:12px} #modal #invoiceForm.invoice-plan-f .inline-more-costs .dce-row>strong{grid-column:2;grid-row:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600} #modal #invoiceForm.invoice-plan-f .inline-more-costs .dce-row>b{grid-column:3;grid-row:1;min-width:0;text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums} #modal #invoiceForm.invoice-plan-f .inline-more-costs .dce-row>span{grid-column:1;grid-row:2;white-space:nowrap;font-size:12px} #modal #invoiceForm.invoice-plan-f .inline-more-costs .dce-row>em{grid-column:2;grid-row:2;justify-self:start;max-width:100%;padding:2px 5px;border:1px solid #efdcc3;border-radius:4px;background:#fff7eb;color:#8a5c27;font-size:12px;line-height:17px;font-style:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} #modal #invoiceForm.invoice-plan-f .inline-more-costs .dce-row>em[data-state=settled]{border-color:var(--store-theme-border);background:var(--store-theme-faint);color:var(--store-theme)} #modal #invoiceForm.invoice-plan-f .inline-more-costs .dce-row>button{grid-column:3;grid-row:2;min-width:0;width:38px;height:26px;padding:0 2px;font-size:12px;white-space:nowrap} #modal #invoiceForm.invoice-plan-f .inline-more-costs .dce-row>button[data-edit]{justify-self:start} #modal #invoiceForm.invoice-plan-f .inline-more-costs .dce-row>button[data-delete]{justify-self:end;color:#a84e4e} #modal #invoiceForm.invoice-plan-f .inline-more-costs .dce-row>button[data-delete]:disabled{color:#aab2af} #modal #invoiceForm.invoice-plan-f .inline-more-costs .dce-empty{padding:10px 0;font-size:13px} #modal #invoiceForm.invoice-plan-f .invoice-actions{grid-row:4!important;margin:0 -18px!important;padding:8px 20px!important;display:flex!important;align-items:center;gap:10px!important;box-shadow:0 -4px 15px #15314406;border-top:1px solid #e2ebee!important} #modal #invoiceForm.invoice-plan-f .invoice-actions button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-width:110px!important;height:36px!important;min-height:36px!important;border-radius:5px!important;font-size:14px!important;margin:0!important;padding:6px 15px!important} #modal #invoiceForm.invoice-plan-f .invoice-actions .invoice-save-primary{min-width:160px!important} #modal #invoiceForm.invoice-plan-f .f-footer-summary{margin-right:auto;font-size:12px;color:#365565;white-space:nowrap} #modal #invoiceForm.invoice-plan-f .f-icon{display:inline-block;width:19px;height:19px;min-width:19px;vertical-align:middle;color:var(--store-theme)} #modal #invoiceForm.invoice-plan-f :is(#addInvoiceRow,.invoice-save-primary) .f-icon{color:inherit} #modal #invoiceForm.invoice-plan-f .inline-compact .inline-product-row{padding-top:3px!important;padding-bottom:3px!important} #modal #invoiceForm.invoice-plan-f .inline-compact .inline-product-row>td{padding-top:1px!important;padding-bottom:1px!important} } @media screen and (min-width:1550px){ #modal #invoiceForm.invoice-plan-f .inline-item-table{--f-product-columns:34px minmax(86px,1fr) minmax(104px,1.1fr) minmax(80px,.9fr) 57px 68px 55px minmax(80px,.9fr) 86px 50px} #modal #invoiceForm.invoice-plan-f{grid-template-rows:52px 76px minmax(0,1fr) 56px!important} #modal #invoiceForm.invoice-plan-f .inline-product-row{--f-product-columns:34px minmax(86px,1fr) minmax(104px,1.1fr) minmax(80px,.9fr) 57px 68px 55px minmax(80px,.9fr) 86px 50px;grid-template-columns:var(--f-product-columns)!important;gap:1px!important;padding-left:6px!important;padding-right:6px!important} } @media screen and (min-width:901px) and (max-width:1400px){ #modal #invoiceForm.invoice-plan-f .inline-item-table{--f-product-columns:30px minmax(84px,1fr) minmax(104px,1.1fr) minmax(80px,.9fr) 56px 68px 55px minmax(80px,.9fr) 88px 50px} #modal #invoiceForm.invoice-plan-f{padding:0 10px!important;--invoice-finance-width:274px} #modal #invoiceForm.invoice-plan-f .inline-product-row{--f-product-columns:30px minmax(84px,1fr) minmax(104px,1.1fr) minmax(80px,.9fr) 56px 68px 55px minmax(80px,.9fr) 88px 50px;grid-template-columns:var(--f-product-columns)!important;padding-left:4px!important;padding-right:4px!important;gap:1px!important} #modal #invoiceForm.invoice-plan-f .invoice-customer{grid-template-columns:100px minmax(0,1fr)!important;padding-left:10px!important;padding-right:10px!important} #modal #invoiceForm.invoice-plan-f .invoice-actions{margin:0 -10px!important} } /* Sales basics share one bounded grid; processing and optional notes stay below. */ @media screen and (min-width:901px){ #modal #invoiceForm.invoice-plan-f .invoice-products .inline-item-table{ --f-product-columns:32px minmax(82px,140px) minmax(150px,220px) minmax(68px,96px) minmax(96px,135px) minmax(70px,140px) minmax(48px,60px) minmax(60px,72px) minmax(70px,84px) minmax(68px,76px) minmax(104px,120px) minmax(76px,96px) 52px; min-width:978px!important; } #modal #invoiceForm.invoice-plan-f .invoice-products .inline-item-table>thead>tr, #modal #invoiceForm.invoice-plan-f .invoice-products .inline-product-row{ --f-product-columns:inherit; grid-template-columns:var(--f-product-columns)!important; column-gap:2px!important; justify-content:space-between; padding-left:4px!important;padding-right:4px!important; border:1px solid transparent; box-sizing:border-box; } #modal #invoiceForm.invoice-plan-f .invoice-products .inline-item-table>thead>tr{border:1px solid transparent!important} #modal #invoiceForm.invoice-plan-f .invoice-products .inline-item-table :is(th,td)[data-inline-field]{white-space:nowrap!important;padding-left:2px!important;padding-right:2px!important} #modal #invoiceForm.invoice-plan-f .invoice-products .inline-item-table [data-inline-field=stock]{grid-column:4!important;grid-row:1!important;display:block!important} #modal #invoiceForm.invoice-plan-f .invoice-products .inline-item-table [data-inline-field=spec]{grid-column:5!important} #modal #invoiceForm.invoice-plan-f .invoice-products .inline-item-table [data-inline-field=batch]{grid-column:6!important;grid-row:1!important;display:block!important} #modal #invoiceForm.invoice-plan-f .invoice-products .inline-item-table [data-inline-field=unit]{grid-column:7!important;grid-row:1!important;display:block!important} #modal #invoiceForm.invoice-plan-f .invoice-products .inline-item-table [data-inline-field=qty]{grid-column:8!important} #modal #invoiceForm.invoice-plan-f .invoice-products .inline-item-table [data-inline-field=price]{grid-column:9!important} #modal #invoiceForm.invoice-plan-f .invoice-products .inline-item-table [data-inline-field=discount]{grid-column:10!important} #modal #invoiceForm.invoice-plan-f .invoice-products .inline-item-table [data-inline-field=amount]{grid-column:11!important;text-align:right!important} #modal #invoiceForm.invoice-plan-f .invoice-products .inline-product-row>.inline-toggle-cell{grid-column:12!important} #modal #invoiceForm.invoice-plan-f .invoice-products .inline-item-table>thead>tr::after{grid-column:12!important} #modal #invoiceForm.invoice-plan-f .invoice-products .inline-item-table [data-inline-field=actions]{grid-column:13!important} #modal #invoiceForm.invoice-plan-f .invoice-products .inline-item-table>thead [data-inline-field=actions]{grid-column:13!important} #modal #invoiceForm.invoice-plan-f .invoice-products .inline-product-row :is(input:not([type=hidden]),select){padding-left:4px!important;padding-right:4px!important} #modal #invoiceForm.invoice-plan-f .invoice-products .inline-product-row>[data-inline-field=extra]{white-space:normal!important} } /* PC ordinary processing: the heading and every editable row share one bounded grid. */ @media screen and (min-width:901px){ #modal #invoiceForm.invoice-plan-f .f-processing-editing .processing-editor-card{ --f-operation-columns:42px 220px 320px 96px 62px 96px 78px 92px 96px minmax(0,1fr) 68px; } #modal #invoiceForm.invoice-plan-f .f-processing-editing :is(.per-table-head,.processing-operation-row){ grid-template-columns:var(--f-operation-columns)!important; width:100%!important;min-width:0!important;max-width:100%!important; align-items:center!important;column-gap:5px!important;row-gap:0!important; padding:6px 8px!important;box-sizing:border-box;white-space:nowrap; } #modal #invoiceForm.invoice-plan-f .f-processing-editing .per-table-head>span:last-child, #modal #invoiceForm.invoice-plan-f .f-processing-editing .per-operation-actions{grid-column:11!important} #modal #invoiceForm.invoice-plan-f .f-processing-editing .per-table-head>span{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} #modal #invoiceForm.invoice-plan-f .f-processing-editing .processing-operation-row{min-height:46px!important;grid-template-rows:40px auto!important;align-content:start!important;align-items:center!important} #modal #invoiceForm.invoice-plan-f .f-processing-editing .processing-operation-row>.op-index{align-self:center!important;margin:0!important} #modal #invoiceForm.invoice-plan-f .f-processing-editing .processing-operation-row>.op-total{margin:0!important} #modal #invoiceForm.invoice-plan-f .f-processing-editing .per-operation-field{display:block!important;align-self:center!important;height:auto!important;min-height:0!important;min-width:0!important;margin:0!important;padding:0!important} #modal #invoiceForm.invoice-plan-f .f-processing-editing .per-operation-field :is(input,select){width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box;font-size:13px!important} #modal #invoiceForm.invoice-plan-f .f-processing-editing .processing-operation-row.per-custom-shape :is(.per-field-edge,.per-field-length,.per-operation-measure,.per-operation-fee){display:none!important} #modal #invoiceForm.invoice-plan-f .f-processing-editing .processing-operation-row.per-custom-shape .per-field-price{grid-column:6/10!important;display:flex!important;align-items:center!important;gap:8px!important} #modal #invoiceForm.invoice-plan-f .f-processing-editing .processing-operation-row.per-custom-shape .per-field-price>span{display:inline!important;flex:none;white-space:nowrap;font-size:13px} #modal #invoiceForm.invoice-plan-f .f-processing-editing .processing-operation-row.per-custom-shape .per-field-price .op-rate-status{display:none!important} #modal #invoiceForm.invoice-plan-f .f-processing-editing :is(.per-operation-measure,.per-operation-fee){text-align:right!important;white-space:nowrap;font-variant-numeric:tabular-nums} #modal #invoiceForm.invoice-plan-f .f-processing-editing .per-operation-actions{display:flex;justify-content:flex-end;align-items:center;gap:0!important;min-width:0;flex-shrink:0} #modal #invoiceForm.invoice-plan-f .f-presentation-only .f-processing .f-processing-editing .per-operation-actions .per-operation-drag:not([hidden]){display:none!important} #modal #invoiceForm.invoice-plan-f .f-processing-editing .op-remove.f-inline-remove{display:inline-grid!important;place-items:center!important;flex:0 0 32px!important;width:32px!important;min-width:32px!important;height:32px!important;min-height:32px!important;padding:0!important;border:1px solid #edc6c2!important;border-radius:7px!important;background:#fff5f4!important;color:#b53f37!important;font-size:0!important;cursor:pointer} #modal #invoiceForm.invoice-plan-f .f-processing-editing .op-remove.f-inline-remove::after{content:none!important} #modal #invoiceForm.invoice-plan-f .f-processing-editing .op-remove.f-inline-remove .f-icon{width:16px;height:16px;min-width:16px;color:inherit} #modal #invoiceForm.invoice-plan-f .f-processing-editing .op-remove.f-inline-remove:hover{background:#ffeae7!important;border-color:#d97870!important} #modal #invoiceForm.invoice-plan-f .f-processing-editing .op-remove.f-inline-remove:active{background:#f9dcd8!important} #modal #invoiceForm.invoice-plan-f .f-processing-editing .op-remove.f-inline-remove:focus-visible{outline:2px solid #b53f37;outline-offset:2px} } @media screen and (min-width:901px) and (max-width:1700px){ #modal #invoiceForm.invoice-plan-f .f-processing-editing .processing-editor-card{ --f-operation-columns:38px 170px 240px 82px 56px 84px 66px 82px 86px minmax(0,1fr) 62px; } } @media screen and (min-width:901px) and (max-width:1450px){ #modal #invoiceForm.invoice-plan-f .f-processing-editing .processing-editor-card{ --f-operation-columns:32px 128px 158px 72px 46px 70px 58px 70px 84px minmax(0,1fr) 48px; } #modal #invoiceForm.invoice-plan-f .f-processing-editing :is(.per-table-head,.processing-operation-row){column-gap:4px!important;padding-left:5px!important;padding-right:5px!important} }