.invoice-page-head,.invoice-detail-head,.invoice-card-head,.invoice-card-actions,.invoice-summary-grid,.invoice-money-grid,.invoice-status-line,.invoice-item-toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.search-results[data-task-supplier-results] .supplier-create-option{margin-top:0;border-top:0;border-bottom:1px solid var(--line);border-radius:10px 10px 0 0}
.invoice-page-head,.invoice-detail-head{justify-content:space-between}.invoice-card-head{justify-content:flex-start}.invoice-card-head>.invoice-card-actions{margin-left:auto}
.invoice-batch-list{display:grid;gap:10px;margin-top:12px}
.invoice-batch-row{display:grid;grid-template-columns:minmax(220px,1fr) repeat(5,minmax(90px,auto)) auto;gap:10px;align-items:center;padding:12px;border:1px solid #d9e3dd;border-radius:12px;background:#fff;cursor:pointer}
.invoice-batch-row:hover{border-color:#7da78f;background:#f7fbf8}
.invoice-summary-grid{margin:12px 0}
.invoice-summary-box{min-width:125px;padding:10px 12px;border-radius:10px;background:#f2f7f4;border:1px solid #dce9e1}
.invoice-summary-box strong{display:block;font-size:18px;margin-top:3px}
.invoice-card-list{display:grid;gap:12px;margin-top:12px}
.invoice-card-group{margin-top:12px}.invoice-card-group>summary{display:flex;align-items:center;gap:8px;cursor:pointer;list-style:none}.invoice-card-group>summary::-webkit-details-marker{display:none}.invoice-card-group>summary::before{content:"";width:0;height:0;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:7px solid #557267;transition:transform .16s;flex:0 0 auto}.invoice-card-group[open]>summary::before{transform:rotate(90deg)}.invoice-card-group h4{margin:0;color:#365b49}.invoice-card-group-select-all{width:18px;height:18px;min-width:18px;margin:0;cursor:pointer}.invoice-completed-group{margin-top:18px;padding-top:10px;border-top:1px solid #dce7df}
.invoice-detail-items{margin-top:16px;border:0;border-radius:0;background:transparent;padding:0}.invoice-detail-items>summary{list-style:none;cursor:pointer}.invoice-detail-items>summary::-webkit-details-marker{display:none}.invoice-detail-items-head{display:flex;align-items:center;justify-content:flex-start;gap:10px}.invoice-detail-items-head h4{margin:0;text-align:left}.invoice-detail-items-head .toolbar{margin-left:auto}.invoice-detail-table td,.invoice-detail-table th{white-space:nowrap}.invoice-detail-table td{padding-top:1px;padding-bottom:1px}.invoice-detail-table th:first-child,.invoice-detail-table td:first-child{width:102px;min-width:102px}.invoice-detail-table input:not([type=checkbox]){min-width:70px}.invoice-thumb-cell{display:flex;align-items:center;justify-content:center;gap:7px;min-width:94px;height:72px;cursor:crosshair;user-select:none}.invoice-thumb-cell input[type=checkbox]{width:20px;height:20px;min-width:20px;cursor:pointer}.invoice-item-thumb{display:flex;align-items:center;justify-content:center;width:70px;height:70px;object-fit:cover;border-radius:4px;border:1px solid #dce7df;cursor:crosshair;box-sizing:border-box}.invoice-item-thumb-empty{background:#f7f9f8;color:#738078;font-weight:700;font-size:18px}.invoice-list-supplier-search{min-width:120px}.invoice-selection-hint{margin:6px 0;color:#728078;font-size:12px;transition:.25s}.invoice-selection-hint.is-new{color:#245d63;background:#edf8f1;border-radius:7px;padding:5px 8px;box-shadow:0 0 0 2px rgba(74,139,103,.15)}.invoice-selection-bar{position:sticky;top:var(--sticky-action-top,var(--workspace-sticky-top));z-index:25;display:flex;align-items:center;gap:10px;margin:6px 0;padding:7px 10px;border:1px solid #9cc4aa;border-radius:9px;background:#edf8f1;box-shadow:0 5px 16px rgba(35,74,52,.12)}.invoice-selection-marquee{position:fixed;z-index:5000;border:1px solid #318d5d;background:rgba(49,141,93,.14);pointer-events:none}.invoice-modal-supplier-results{position:static;max-height:360px;margin-top:6px}
.invoice-card{border:1px solid #cadbd1;border-radius:12px;padding:6px 10px 9px;background:#fff}
.invoice-card.invoice-complete{background:#f1f5f2}.invoice-card.invoice-no-required{background:#f5f5f5}
.invoice-card-head{min-height:26px}.invoice-card-head>.invoice-card-select{display:flex;align-items:center;justify-content:center;flex:0 0 20px;width:20px;height:20px;margin:0 4px 0 0;line-height:1}.invoice-card-head>.invoice-card-select input{display:block;width:20px;height:20px;margin:0}.invoice-card-title{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.invoice-card-title h4{margin:0}.invoice-supplier-info{position:relative;display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;padding:0;border:1px solid #b7c8bf;border-radius:999px;background:#f5f8f6;color:#49665a;font-size:12px;font-weight:700;line-height:1;cursor:help}.invoice-supplier-info:hover,.invoice-supplier-info:focus{background:#e8f1ec;border-color:#789a88;color:#245d44}.invoice-supplier-info:hover::after,.invoice-supplier-info:focus::after{content:attr(data-tooltip);position:absolute;left:50%;top:calc(100% + 8px);transform:translateX(-18%);z-index:70;min-width:230px;max-width:360px;padding:10px 12px;border:1px solid #c9d8cf;border-radius:10px;background:#fff;color:#23342b;box-shadow:0 10px 28px rgba(20,40,28,.18);white-space:pre-line;text-align:left;font-size:12px;font-weight:400;line-height:1.65}.invoice-status-line{margin:0}.invoice-stage{font-weight:700;color:#285f46}.invoice-tag{padding:1px 7px;border-radius:999px;background:#fff2cc;color:#725000;font-size:12px}.invoice-card-actions{gap:6px}.invoice-card-actions button{padding:5px 9px}.invoice-card-workflow-actions{justify-content:space-between}.invoice-card-action-left{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.invoice-card-delete{display:inline-flex;align-items:center;justify-content:center;margin-left:auto;width:32px;height:30px;min-width:32px;padding:0!important;border:1px solid #d2d8d4;border-radius:8px;background:#f8faf9;color:#647369}.invoice-card-delete svg{width:17px;height:17px}.invoice-card-delete:hover{border-color:#b9a79f;background:#f8f0ec;color:#7d4d3f}
.invoice-card-fields{display:flex;align-items:flex-start;flex-wrap:wrap;gap:5px 7px;margin:5px 0}.invoice-card-fields label,.invoice-card-target-field{display:grid;grid-template-rows:18px 30px;align-items:stretch;gap:2px;font-size:12px;line-height:16px;flex:0 0 auto}.invoice-card-fields input,.invoice-card-fields select{height:30px;min-height:30px;padding:3px 6px;box-sizing:border-box}.invoice-field-type{width:8em}.invoice-field-mode{width:10em}.invoice-field-system{width:8em}.invoice-field-input-mode{width:9em}.invoice-field-exclusive{width:7em}.invoice-field-tax-rate{width:10em}.invoice-field-tax{width:7em}.invoice-field-target{width:16em}.invoice-target-editor{display:flex;align-items:stretch;height:30px;min-height:30px;gap:3px}.invoice-target-editor input{width:8em;min-width:0}.invoice-target-editor button{height:30px;min-width:42px;padding:3px 7px}.invoice-target-editing .invoice-card-target-field input{border-color:var(--accent);box-shadow:0 0 0 2px rgba(19,95,85,.12)}.invoice-field-received{width:9em}.invoice-field-title{width:22em}.invoice-field-handler{width:7em}.invoice-pricing-reason{flex:1 1 260px!important}.invoice-pricing-warning{margin:4px 0;padding:5px 8px;border-radius:6px;background:#fff7df;color:#815d11;font-size:12px}.invoice-pricing-warning.is-error{background:#fff0ee;color:#a7352d}.invoice-card-unsaved{box-shadow:inset 3px 0 #d59b2d}
.invoice-field-buyer{width:12em}.invoice-buyer-label{display:flex;align-items:center;gap:4px}.invoice-buyer-copy{display:inline-flex;align-items:center;gap:2px;padding:1px 5px;border:1px solid #a9c8b7;border-radius:999px;background:#f0f7f3;color:#245d44;font-size:12px;line-height:1.3;cursor:pointer}.invoice-buyer-copy:hover{background:#dff0e7;border-color:#6fa17e}.invoice-quick-choice{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.invoice-choice-tags{display:flex;gap:5px;flex-wrap:wrap}.choice-tag{padding:5px 9px}.choice-tag.selected{color:#fff;background:#176b51;border-color:#176b51}.invoice-choice-more{position:relative;display:inline-flex;align-items:center;justify-content:center;padding:5px 9px;border:1px solid #c9d8cf;border-radius:6px;background:#fff;cursor:pointer;overflow:hidden}.invoice-choice-more select{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.invoice-date-quick{display:flex;align-items:flex-end;gap:8px;flex-wrap:wrap}.invoice-date-quick>div{display:flex;gap:5px;align-items:center;flex-wrap:wrap}.invoice-date-quick button{padding:5px 8px}.invoice-buyer-copy-settings{display:grid;gap:8px;margin:8px 0}.invoice-buyer-copy-group{display:flex;align-items:center;gap:9px;flex-wrap:wrap;padding:8px;border:1px solid #dce7df;border-radius:9px;background:#f8fbf9}.invoice-buyer-copy-group label{display:inline-flex;align-items:center;gap:3px}.invoice-buyer-entity-row{display:grid;grid-template-columns:repeat(3,minmax(130px,1fr));gap:7px;padding:9px;border:1px solid #dce7df;border-radius:9px;margin-bottom:8px}.invoice-buyer-entity-row label{display:grid;gap:3px}.invoice-buyer-entity-row .danger{align-self:end}
.invoice-card details{margin-top:6px;border-top:1px solid #e4ebe7;padding-top:5px}
.invoice-card summary,.invoice-detail-items>summary,.invoice-no-invoice-group>summary{display:flex;align-items:center;gap:10px;cursor:pointer;font-weight:600;list-style:none}.invoice-card summary::-webkit-details-marker,.invoice-detail-items>summary::-webkit-details-marker,.invoice-no-invoice-group>summary::-webkit-details-marker{display:none}.invoice-card summary::before,.invoice-detail-items>summary::before,.invoice-no-invoice-group>summary::before{content:"";width:0;height:0;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:7px solid #557267;transition:transform .16s;flex:0 0 auto}.invoice-card details[open]>summary::before,.invoice-detail-items[open]>summary::before,.invoice-no-invoice-group[open]>summary::before{transform:rotate(90deg)}.invoice-latest-summary{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#66766d;font-size:12px;font-weight:400}
.invoice-timeline{display:grid;gap:6px;margin-top:8px}.invoice-event{padding:7px 9px;border-left:3px solid #7da78f;background:#f7faf8;font-size:13px}
.invoice-items{width:100%;border-collapse:collapse;margin-top:8px}.invoice-items th,.invoice-items td{border:1px solid #dde6e1;padding:6px;text-align:left}.invoice-card-item-table{margin-top:5px}.invoice-card-item-table input{height:28px;min-height:28px}.invoice-card-item-table td,.invoice-card-item-table th{padding-top:3px;padding-bottom:3px}.invoice-import-controls{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.invoice-import-format{margin:0 0 8px}.invoice-duplicate-check{display:inline-flex!important;width:auto!important;margin:0!important;gap:5px!important}
.invoice-unmatched{border-color:#e6bcb6;background:#fff8f7}.invoice-no-invoice-group{margin-top:18px;padding-top:10px;border-top:1px solid #dce7df}
.invoice-inline-calc{display:flex;gap:6px}.invoice-inline-calc input{flex:1}.invoice-close-refund{display:inline-flex!important;align-items:center;gap:6px}
.invoice-modal .modal-card{max-width:760px}.invoice-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.invoice-form-grid .full{grid-column:1/-1}
@media(max-width:760px){
  .invoice-push-batch-choice,.invoice-push-task>summary,.invoice-push-task-editor,.invoice-push-item-exception [data-push-item-rows]{grid-template-columns:minmax(0,1fr)}
  .invoice-push-task>summary div,.invoice-push-task-editor label{min-width:0;overflow-wrap:anywhere}
  .invoice-push-payments>div{grid-template-columns:repeat(2,minmax(0,1fr))}
  .invoice-push-payments>div>*{min-width:0;overflow-wrap:anywhere}
  .invoice-push-item-exception label{grid-template-columns:minmax(0,1fr) 90px}
}
.invoice-option-group{margin-top:14px}.invoice-option-row{display:grid;grid-template-columns:1fr 90px 90px auto;gap:8px;align-items:center;margin:5px 0}
.invoice-inline-select{display:flex;gap:5px}.invoice-inline-select select{flex:1}
.invoice-warning{color:#9a5a00}.invoice-danger{color:#a22}.invoice-hidden{display:none!important}
.invoice-disabled-action{opacity:.5;cursor:not-allowed}
.invoice-print-page{position:relative;box-sizing:border-box;margin:0 auto 18px;background:#fff;box-shadow:0 3px 14px rgba(0,0,0,.16);overflow:hidden}.invoice-print-element{position:absolute;box-sizing:border-box;overflow:hidden}.invoice-print-text{white-space:pre-wrap;line-height:1.35}.invoice-print-table{width:100%;border-collapse:collapse;table-layout:fixed}.invoice-print-table th,.invoice-print-table td{border:1px solid #222;padding:1mm;overflow-wrap:anywhere}.invoice-print-table img{width:14mm;height:14mm;object-fit:cover}
@media(max-width:760px){.invoice-batch-row{grid-template-columns:1fr 1fr}.invoice-form-grid{grid-template-columns:1fr}.invoice-form-grid .full{grid-column:auto}.invoice-card-actions button{flex:1}.invoice-items{font-size:12px}.invoice-card{padding:6px}.invoice-card-fields label,.invoice-card-target-field{width:calc(50% - 4px);min-width:0}.invoice-pricing-reason{width:100%!important}.invoice-field-title{width:100%!important}.invoice-card-fields input,.invoice-card-fields select{width:100%}.invoice-target-editor input{min-width:0}.invoice-target-editor button{flex:0 0 auto;min-width:40px}.invoice-buyer-entity-row{grid-template-columns:1fr}}

/* 采购发票紧凑卡片：以第三版 Demo 为几何和视觉基准，并隔离旧卡片样式。 */
#invoiceBatchDetail{container:invoice-detail/inline-size;padding:14px;border:1px solid #d8e3dc;border-radius:16px;background:#eef3f0;box-shadow:inset 0 1px rgba(255,255,255,.72)}
.invoice-detail-head{display:grid;grid-template-columns:minmax(180px,1fr) auto;gap:16px;align-items:center}.invoice-detail-title{min-width:0}.invoice-detail-title h3,.invoice-detail-title p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.invoice-batch-actions{display:flex;align-items:center;justify-content:flex-end;gap:7px;min-width:0}
.invoice-card-filter-row{position:sticky;top:var(--sticky-action-top,var(--workspace-sticky-top,62px));z-index:24;display:grid;grid-template-columns:minmax(420px,1fr) minmax(600px,auto);gap:10px;align-items:center;min-width:0;min-height:56px;margin:10px -4px 12px;padding:7px;border:1px solid #d2dfd7;border-radius:13px;background:rgba(249,252,250,.96);box-shadow:0 7px 22px rgba(27,70,51,.08);backdrop-filter:blur(10px)}
.invoice-card-filter-controls{display:grid;grid-template-columns:minmax(220px,1fr) auto 60px;gap:8px;align-items:center;min-width:0}.invoice-card-filter-controls>input{width:100%;min-width:0;height:38px}.invoice-amount-range{display:grid;grid-template-columns:auto minmax(82px,112px) auto minmax(82px,112px);gap:6px;align-items:center;min-width:0;color:#65756c;font-size:12px;white-space:nowrap}.invoice-amount-range input{width:100%;min-width:0;height:38px}.invoice-amount-range i{font-style:normal;color:#85938c}.invoice-filter-submit{height:38px;padding-inline:12px}
.invoice-card-selection-slot{min-width:0}.invoice-card-selection-panel{display:grid;grid-template-columns:auto minmax(0,1fr);gap:9px;align-items:center;min-width:0;height:42px;padding:4px 6px 4px 10px;box-sizing:border-box;border:1px solid #afd0bd;border-radius:10px;background:#edf7f1;color:#285d48;box-shadow:0 3px 10px rgba(35,74,52,.06)}.invoice-selection-copy{display:grid;min-width:118px;line-height:1.25}.invoice-selection-copy strong{font-size:12px}.invoice-selection-copy .muted{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px}.invoice-selection-actions{display:flex;justify-content:flex-end;align-items:center;gap:5px;min-width:0;white-space:nowrap}.invoice-card-selection-panel.is-empty .invoice-selection-actions{visibility:hidden;pointer-events:none}.invoice-card-selection-panel button{min-height:30px;padding:4px 7px;font-size:10px}.invoice-card-selection-panel .detail-selection-scope{display:flex;align-items:center;gap:4px;margin:0;font-size:10px}.invoice-card-selection-panel input{width:auto;margin:0}
.invoice-card-list{display:grid;grid-template-columns:repeat(6,minmax(0,290px));justify-content:space-between;gap:10px}
.invoice-compact-card{position:relative;display:grid!important;grid-template-rows:27px 22px 68px 18px 18px minmax(29px,1fr)!important;gap:6px;box-sizing:border-box!important;min-width:0!important;width:auto!important;height:254px!important;min-height:254px!important;margin:0!important;padding:11px!important;border:1px solid var(--invoice-card-border,#c9d5ce)!important;border-radius:14px!important;background:var(--invoice-card-bg,#f7f9f8)!important;color:#26362e;box-shadow:0 1px 2px rgba(20,40,31,.08),0 5px 14px rgba(20,40,31,.09),inset 0 1px rgba(255,255,255,.78)!important;overflow:visible!important;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}.invoice-compact-card>*{min-width:0;min-height:0}
.invoice-compact-card:hover{z-index:2;transform:translateY(-2px);border-color:var(--invoice-status-color,#7d978b);box-shadow:0 2px 4px rgba(20,40,31,.10),0 12px 28px rgba(20,40,31,.14),inset 0 1px rgba(255,255,255,.72)}
.invoice-compact-card:focus-visible,.invoice-compact-card.selected-card,.invoice-compact-card.invoice-push-highlight{outline:2px solid #2b8a65;outline-offset:1px}
.invoice-status-completed{filter:saturate(.25);box-shadow:0 1px 2px rgba(38,46,42,.06),0 4px 11px rgba(38,46,42,.06)!important}
.invoice-compact-head{display:grid;grid-template-columns:17px minmax(0,1fr) 18px auto;gap:6px;align-items:center;min-width:0}
.invoice-compact-head .invoice-card-select{display:grid!important;place-items:center;width:17px!important;height:17px!important;margin:0!important;padding:0!important}.invoice-compact-head input{width:16px!important;height:16px!important;margin:0!important}.invoice-compact-head h4{min-width:0;margin:-1px 0 0!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px!important;line-height:20px}.invoice-compact-head .invoice-stage{max-width:70px;overflow:hidden;text-overflow:ellipsis;color:var(--invoice-status-color,#52665c);white-space:nowrap;font-size:10px;font-weight:800}.invoice-compact-head .invoice-supplier-info{position:static;width:18px!important;height:18px!important;min-width:18px!important;margin:0 0 0 3px!important;padding:0!important;border:0!important;background:transparent!important;color:#486a5c;font-size:10px;box-shadow:none!important}.invoice-compact-head .invoice-supplier-info::after{display:none!important}.help-tooltip{z-index:1190!important}
.invoice-compact-meta,.invoice-compact-follow,.invoice-compact-warning{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#66766e;font-size:10px;line-height:17px}.invoice-compact-meta{line-height:22px}.invoice-compact-warning{color:#53645a}.invoice-compact-warning.danger{color:#9c382e}
.invoice-compact-money{display:grid!important;grid-template-rows:25px 3px 18px!important;align-content:start;gap:6px;box-sizing:border-box;padding:5px 0!important;overflow:hidden}.invoice-compact-money>span{display:flex;align-items:baseline;justify-content:space-between;min-height:0;font-size:10px;line-height:22px}.invoice-compact-money strong{min-width:0;overflow:hidden;text-overflow:ellipsis;font-size:18px;line-height:22px;color:#183c2c;letter-spacing:-.3px;white-space:nowrap}.invoice-compact-money>div{display:grid;grid-template-columns:1fr 1fr;gap:5px;min-height:0;color:#718078;font-size:10px;line-height:18px}.invoice-compact-money>div small{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.invoice-compact-money>div small:last-child{text-align:right}.invoice-compact-money>div b{color:#2d4a3e;font-weight:700}.invoice-compact-money>i{display:block!important;width:100%;height:3px!important;min-height:3px;margin:0!important;overflow:hidden;border:0;border-radius:999px;background:rgba(51,76,64,.12);font-style:normal}.invoice-compact-money>i>b{display:block;height:100%;border-radius:inherit;background:#3e8969}
.invoice-compact-actions{align-self:end;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:4px;align-items:center;min-width:0}.invoice-card-utility-actions{display:flex;gap:2px}.invoice-circle-action,.invoice-more-button{display:grid;place-items:center;width:25px;height:25px;min-width:25px;padding:0;border-color:rgba(43,74,59,.16);background:rgba(255,255,255,.5);color:#315f4e;font-size:10px;line-height:1}.invoice-workflow-actions{display:flex;justify-content:flex-end;gap:2px;min-width:0;overflow:hidden}.invoice-workflow-actions button{min-width:0;padding:5px 4px;border-color:rgba(43,74,59,.18);background:rgba(255,255,255,.52);color:#345a4b;font-size:9px;line-height:13px;white-space:nowrap}.invoice-workflow-actions button.primary{border-color:#276f54;background:#276f54;color:#fff}.invoice-more-wrap{position:relative}.invoice-more-menu{position:absolute;right:0;bottom:34px;z-index:90;display:grid;width:150px;padding:5px;border:1px solid #cad7cf;border-radius:11px;background:#fff;box-shadow:0 15px 40px rgba(18,52,38,.18)}.invoice-more-menu.hidden{display:none}.invoice-more-menu button{width:100%;padding:7px 8px;border:0;background:transparent;text-align:left;font-size:12px}.invoice-more-menu button:hover{background:#edf4ef}
.invoice-card-color-preview{grid-template-rows:27px 22px 61px;height:auto;min-height:140px}
.invoice-option-row[data-invoice-option-id] select[data-invoice-option-date-mode]{min-width:100px}.invoice-option-row[data-invoice-option-id] input[data-invoice-option-order]{width:70px}.invoice-option-group[data-invoice-option-kind="NEXT_INTERVAL"] .invoice-option-row{grid-template-columns:minmax(120px,1fr) 105px 82px 72px 78px auto}
.invoice-option-group[data-invoice-option-kind="INVOICE_TYPE"] .invoice-option-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.invoice-option-group[data-invoice-option-kind="INVOICE_TYPE"] .invoice-option-row>[data-invoice-option-name]{flex:1 1 150px;min-width:130px}.invoice-option-group[data-invoice-option-kind="INVOICE_TYPE"] .invoice-option-row label{display:inline-flex;align-items:center;gap:5px;white-space:nowrap}.invoice-option-group[data-invoice-option-kind="INVOICE_TYPE"] .invoice-option-row select{min-width:102px}

.invoice-drawer-shell{position:fixed;inset:0;z-index:1200;visibility:visible;pointer-events:none}.invoice-drawer-shell.hidden{display:none!important}.invoice-drawer-backdrop{position:absolute;inset:0;background:rgba(13,31,24,.27);opacity:0;backdrop-filter:blur(1px);transition:opacity .22s ease}.invoice-drawer{position:absolute;right:0;top:0;bottom:0;width:min(720px,100vw);overflow:hidden;background:#f7faf8;box-shadow:-20px 0 60px rgba(12,38,28,.22);transform:translate3d(102%,0,0);will-change:transform;transition:transform .22s cubic-bezier(.22,.8,.3,1)}.invoice-drawer-shell.is-open{pointer-events:auto}.invoice-drawer-shell.is-open .invoice-drawer-backdrop{opacity:1}.invoice-drawer-shell.is-open .invoice-drawer{transform:translate3d(0,0,0)}.invoice-drawer>[data-invoice-drawer-body]{display:grid;grid-template-rows:auto auto minmax(0,1fr);height:100%}.invoice-drawer-loading{display:grid;place-items:center;min-height:220px;padding:30px;color:#66766e}.invoice-drawer-skeleton{display:grid;gap:12px}.invoice-drawer-skeleton i{display:block;height:54px;border-radius:12px;background:linear-gradient(90deg,#edf2ef 25%,#f7faf8 45%,#edf2ef 65%);background-size:300% 100%;animation:invoice-skeleton 1.2s ease infinite}@keyframes invoice-skeleton{to{background-position:-100% 0}}.invoice-drawer-head{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;padding:16px 18px 12px;border-bottom:1px solid #dce6df;background:#fff}.invoice-drawer-head h3{max-width:620px;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:19px}.invoice-drawer-head p{margin:6px 0 0;color:#718078;font-size:11px}.invoice-drawer-head>button{width:34px;height:34px;padding:0;border:0;background:transparent;font-size:24px}.invoice-drawer-tabs{display:flex;gap:4px;padding:9px 12px;border-bottom:1px solid #dce6df;background:#fff;overflow:auto}.invoice-drawer-tabs button{padding:7px 10px;border:0;background:transparent;white-space:nowrap;font-size:12px}.invoice-drawer-tabs button.active{border-radius:8px;background:#e8f4ee;color:#17634b;font-weight:800}.invoice-drawer-content{min-height:0;overflow:auto;padding:14px 16px 40px}.invoice-drawer-section{display:grid;gap:12px}.invoice-drawer-card{padding:13px;border:1px solid #dce6df;border-radius:13px;background:#fff}.invoice-drawer-card h4{margin:0 0 10px;font-size:14px}.invoice-drawer-card .invoice-summary-grid{margin:0 0 12px}.invoice-drawer-card .invoice-summary-box{min-width:110px}.invoice-drawer-toolbar,.invoice-record-filters,.invoice-record-actions{display:flex;gap:7px;align-items:center;flex-wrap:wrap;margin-bottom:12px}.invoice-drawer-form{align-items:start;margin:0}.invoice-change-list{display:grid;gap:7px;margin:8px 0 12px;padding:0;list-style:none}.invoice-change-list li{display:grid;grid-template-columns:120px minmax(0,1fr);gap:10px;padding:8px 10px;border:1px solid #dfe9e3;border-radius:9px;background:#f8fbf9}.invoice-source-list{display:grid;gap:0;margin:0;border:1px solid #e1e8e3;border-radius:11px;background:#fff}.invoice-source-list>div{display:grid;grid-template-columns:120px minmax(0,1fr);gap:12px;padding:9px 10px;border-bottom:1px solid #e8edea}.invoice-source-list>div:last-child{border:0}.invoice-source-list dt{color:#6b7971}.invoice-source-list dd{min-width:0;margin:0;overflow-wrap:anywhere}.invoice-source-technical{margin-top:6px}.invoice-source-technical summary{color:#65756c;font-size:12px;cursor:pointer}.invoice-source-technical code{display:block;max-height:110px;margin-top:6px;padding:7px;overflow:auto;border-radius:7px;background:#f3f6f4;font-size:10px;white-space:pre-wrap}.invoice-drawer-timeline{display:grid;gap:9px}.invoice-drawer-record{padding:10px 12px;border:1px solid #dce6df;border-radius:10px;background:#fff;line-height:1.55}.invoice-drawer-record time{display:block;color:#7b8780;font-size:12px}.invoice-record-summary{display:grid;gap:3px;margin-top:5px;color:#42544a}.invoice-record-actor{display:block;margin-top:5px;color:#7b8780;font-size:11px;font-style:normal}.invoice-record-filters button.active{border-color:#398262;background:#e7f2eb;color:#205f45}.invoice-fund-choice{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.invoice-fund-choice button{padding:16px 8px}.invoice-drawer-error{display:grid;gap:10px;place-items:start;padding:16px;border:1px solid #e3c6bd;border-radius:12px;background:#fff7f4;color:#7f4034}.modal.nested.invoice-modal{z-index:1400}body.invoice-drawer-open{overflow:hidden}body.invoice-drawer-open .content{padding-right:calc(var(--content-gutter) + var(--invoice-drawer-scrollbar,0px));overflow:hidden}body.staging-environment .invoice-drawer-shell{inset:38px 0 0}

@container invoice-detail (max-width:1450px){.invoice-card-list{grid-template-columns:repeat(5,minmax(0,290px))}.invoice-card-filter-row{grid-template-columns:1fr;min-height:108px}.invoice-card-selection-panel{height:42px}}
@container invoice-detail (max-width:1279px){.invoice-card-list{grid-template-columns:repeat(4,minmax(0,290px))}.invoice-detail-head{grid-template-columns:1fr}.invoice-batch-actions{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));justify-content:stretch}.invoice-batch-actions button{padding-inline:7px}}
@container invoice-detail (max-width:920px){.invoice-card-list{grid-template-columns:repeat(3,minmax(0,290px))}.invoice-batch-actions{grid-template-columns:repeat(3,minmax(0,1fr))}}
@container invoice-detail (max-width:819px){.invoice-card-list{grid-template-columns:repeat(2,minmax(0,290px))}.invoice-card-filter-controls{grid-template-columns:1fr 60px}.invoice-amount-range{grid-column:1/-1;grid-row:2}.invoice-card-filter-row{min-height:154px}.invoice-selection-copy .muted{display:none}.invoice-selection-actions{overflow-x:auto;justify-content:flex-start}.invoice-card-selection-panel{grid-template-columns:auto minmax(0,1fr)}}
@container invoice-detail (max-width:559px){.invoice-card-list{grid-template-columns:minmax(0,1fr)}.invoice-batch-actions{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){body.staging-environment .invoice-drawer-shell{inset:62px 0 0}}
@media(max-width:559px){.invoice-drawer{width:100vw}.invoice-drawer-content{padding:12px}.invoice-drawer-head{padding:14px}.invoice-drawer-form{grid-template-columns:1fr}.invoice-drawer-form .full{grid-column:auto}.invoice-fund-choice{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.invoice-drawer,.invoice-drawer-backdrop{transition:none}.invoice-drawer-skeleton i{animation:none}}
.invoice-card-filter-row{grid-template-columns:minmax(390px,1fr) auto minmax(420px,auto)}
.invoice-card-status-tabs{display:flex;align-items:center;gap:3px;min-width:0;height:38px;padding:3px;box-sizing:border-box;border-radius:11px;background:#edf3ef;overflow-x:auto;scrollbar-width:thin}
.invoice-card-status-tabs button{flex:0 0 auto;min-height:32px;padding:5px 10px;border:0;border-radius:8px;background:transparent;color:#364a3e;font-size:12px;white-space:nowrap;box-shadow:none}
.invoice-card-status-tabs button.active{background:#fff;color:#176b51;box-shadow:0 2px 7px rgba(30,73,54,.12)}
.invoice-card-status-tabs button:focus-visible{outline:2px solid #2b8a65;outline-offset:-2px}
.invoice-overview-actions{display:flex;align-items:center;gap:6px;min-width:0;margin-top:12px;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;overscroll-behavior-inline:contain}
.invoice-overview-actions button{flex:0 0 auto;min-height:36px;padding:6px 10px;border:1px solid #d4dfd8;border-radius:9px;background:#fff;color:#304238;font-size:12px;font-weight:600;white-space:nowrap;box-shadow:none}
.invoice-overview-actions button:hover:not(:disabled){border-color:#abc4b4;background:#f8faf9}.invoice-overview-actions button:disabled{opacity:.45;cursor:not-allowed}.invoice-overview-actions button:focus-visible{outline:2px solid #2b8a65;outline-offset:2px}
.invoice-card-empty{padding:18px;text-align:center}
.invoice-receipt-submit{margin:10px 0}.invoice-receipt-allocation{padding:12px;border:1px solid #dce6df;border-radius:10px;background:#f8fbf9}.invoice-receipt-allocation summary{cursor:pointer;font-size:13px;font-weight:600}.invoice-receipt-allocation summary span{font-weight:400;color:#566d61}.invoice-receipt-allocation-body{display:grid;gap:8px;padding-top:10px}.invoice-receipt-allocation-body>button{justify-self:start}.invoice-receipt-payment{display:grid;grid-template-columns:minmax(0,1fr) 110px;gap:10px;align-items:center}.invoice-receipt-payment span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.invoice-receipt-payment input{min-width:0}
.invoice-form-grid>[data-receipt-field]{align-self:start;align-content:start}.invoice-receipt-field-title{display:inline-flex;align-items:flex-start;gap:3px;white-space:nowrap}.invoice-required{color:#b73535;font-weight:700;line-height:1}.invoice-receipt-error-summary{margin:10px 0;padding:9px 11px;border:1px solid #e2b5b5;border-radius:8px;background:#fff5f4;color:#9a3030;font-size:13px}.invoice-receipt-error-summary[hidden],.invoice-field-error[hidden]{display:none}.invoice-field-invalid input,.invoice-field-invalid select{border-color:#c94242!important;box-shadow:0 0 0 2px rgba(201,66,66,.12)!important}.invoice-field-error{display:block;margin-top:4px;color:#a33232;font-size:12px}
.invoice-save-status{grid-column:1/-1;margin:0;color:#7b4b2c;font-size:12px}.invoice-save-status[hidden]{display:none}
@container invoice-detail (max-width:1450px){.invoice-card-filter-row{grid-template-columns:minmax(0,1fr) auto;min-height:108px}.invoice-card-selection-slot{grid-column:1/-1}}
@container invoice-detail (max-width:819px){.invoice-card-filter-row{grid-template-columns:minmax(0,1fr);min-height:0}.invoice-card-status-tabs,.invoice-card-selection-slot{grid-column:1}}

/* Cross-batch search reuses task cards with explicit batch provenance. */
.invoice-search-results { grid-template-columns: repeat(auto-fill,minmax(min(100%,250px),1fr)); }
.invoice-search-results .invoice-compact-card { height: 302px!important; min-height: 302px!important; grid-template-rows: 27px 26px 16px 22px 68px 18px 18px minmax(29px,1fr)!important; }
.invoice-search-results .invoice-compact-head { grid-template-columns: minmax(0,1fr) 18px auto; }
.invoice-search-batch { display: flex; align-items: center; gap: 8px; font-size: 12px; }
.invoice-search-batch span { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.invoice-search-batch button { flex-shrink: 0; font-size: 12px; padding: 3px 7px; }
.invoice-search-number { font-size: 11px; color: var(--muted); overflow-wrap: anywhere; }
#invoiceSearchStatus:empty { display: none; }
#invoiceBatchList[aria-busy="true"] { opacity: .6; pointer-events: none; }

/* Invoice toolbar shares the batch action button scale without changing global controls. */
.invoice-list-head{display:block;container-type:inline-size}
.invoice-list-title{margin-bottom:14px}.invoice-list-title h3{margin:0}
.invoice-list-toolbar,.invoice-list-search,.invoice-list-keyword,.invoice-list-filters,.invoice-date-preset,.invoice-custom-dates,.invoice-list-actions,.invoice-list-amount,.invoice-list-result-bar,.invoice-search-return{display:flex;align-items:center;gap:6px;min-width:0}
.invoice-list-toolbar{gap:10px;flex-wrap:wrap}
.invoice-list-search,.invoice-list-filters,.invoice-list-actions{flex:0 0 auto;max-width:100%}
.invoice-list-toolbar button,.invoice-batch-actions button,.invoice-search-return button{box-sizing:border-box;height:36px;min-height:36px;padding:7px 12px;border:1px solid #cfdcd4;border-radius:10px;background:rgba(255,255,255,.88);color:#26382f;font-size:12px;font-weight:650;line-height:20px;white-space:nowrap;box-shadow:0 1px 2px rgba(24,54,40,.04);transition:border-color .15s ease,background .15s ease,transform .15s ease}
.invoice-list-toolbar button:hover:not(:disabled),.invoice-batch-actions button:hover:not(:disabled),.invoice-search-return button:hover:not(:disabled){border-color:#93b4a2;background:#fff;transform:translateY(-1px)}
.invoice-list-toolbar button.primary,.invoice-batch-actions button.primary{border-color:#1d7459;background:#1d7459;color:#fff;box-shadow:0 5px 14px rgba(29,116,89,.16)}
.invoice-list-toolbar button.primary:hover:not(:disabled),.invoice-batch-actions button.primary:hover:not(:disabled){background:#176349;border-color:#176349}
.invoice-batch-actions button.quiet{border-color:#cfdcd4;background:rgba(255,255,255,.88);color:#26382f;box-shadow:0 1px 2px rgba(24,54,40,.04)}
.invoice-list-toolbar button:focus-visible,.invoice-batch-actions button:focus-visible,.invoice-search-return button:focus-visible{outline:2px solid #2b8a65;outline-offset:2px}
.invoice-list-toolbar button:disabled,.invoice-batch-actions button:disabled,.invoice-search-return button:disabled{opacity:.45;cursor:not-allowed}
.invoice-list-toolbar input,.invoice-list-toolbar select{box-sizing:border-box;height:36px;min-height:36px;padding:7px 8px;font-size:12px;line-height:20px;border-radius:10px}
.invoice-list-keyword{border:1px solid var(--line);border-radius:10px;gap:0;background:#fff;overflow:hidden}
.invoice-list-keyword select{flex:0 0 100px;width:100px;border:0;border-right:1px solid var(--line);background:#f5f9f7}
.invoice-list-keyword input{flex:0 1 auto;width:clamp(180px,16cqw,260px);min-width:180px;max-width:260px;border:0}
.invoice-list-keyword input,.invoice-list-keyword select{height:34px;min-height:34px;border-radius:0}
.invoice-list-keyword:focus-within{outline:2px solid #78aa99;outline-offset:1px}
.invoice-list-filters{font-size:12px;white-space:nowrap}
.invoice-date-preset{margin:0;flex-shrink:0;white-space:nowrap}
.invoice-date-preset select{width:110px}
.invoice-custom-dates input{width:128px;min-width:0}
.invoice-list-actions{flex-wrap:wrap}
#invoiceMoreFiltersBtn span{display:inline-block;transition:transform .15s ease}
#invoiceMoreFiltersBtn[aria-expanded="true"] span{transform:rotate(180deg)}
.invoice-more-filters{margin-top:10px;font-size:12px}
.invoice-list-amount{flex-wrap:wrap;gap:10px;padding:12px;background:#f5f9f7;border-radius:10px}
.invoice-list-amount>span{flex:0 0 auto;white-space:nowrap}
.invoice-list-amount select{width:164px}.invoice-list-amount input{min-width:0;width:120px}
.invoice-list-amount input,.invoice-list-amount select{height:36px;padding:7px 8px;font-size:12px;border-radius:10px}
.invoice-amount-summary{margin:8px 0 0;font-size:12px;overflow-wrap:anywhere}
.invoice-amount-summary:empty,#invoiceSearchError:empty{display:none}
#invoiceSearchError{margin:8px 0;font-size:13px}
.invoice-list-result-bar{justify-content:space-between;flex-wrap:wrap;border-top:1px solid var(--line);margin-top:12px;padding-top:10px}
.invoice-list-result-bar .page-tabs{margin:0;border:0}
#invoiceTaskSearchFilters label{display:flex;align-items:center;gap:8px;white-space:nowrap;margin:0;font-size:13px}
#invoiceTaskSearchFilters select{width:120px}
.invoice-result-caption{text-align:right;font-size:12px;line-height:1.6}.invoice-result-caption p{margin:0}
.invoice-list-empty{padding:28px 12px;text-align:center;background:#f8faf9;border-radius:8px}
.invoice-search-return{flex-wrap:wrap;gap:10px;margin:12px 0;padding:10px;background:#f1f7f4;border-radius:8px}
.invoice-search-return button{flex-shrink:0}
/* Negative stacking inside the isolated card keeps the clipped light below all content. */
.invoice-compact-card.invoice-locate-highlight{isolation:isolate;z-index:2;outline:2px solid #2b8a65;outline-offset:2px}
.invoice-locate-light{position:absolute;inset:0;z-index:-1;border-radius:inherit;overflow:hidden;pointer-events:none}
.invoice-locate-light::before,.invoice-locate-light::after{content:"";position:absolute;pointer-events:none;opacity:0}
.invoice-locate-light::before{inset:0;background:linear-gradient(135deg,rgba(92,235,171,.75),rgba(211,255,230,.7));animation:invoice-locate-wash 1.8s ease-out both;will-change:opacity}
.invoice-locate-light::after{inset:-30% -60%;background:linear-gradient(115deg,transparent 35%,rgba(248,255,232,.95) 49%,rgba(163,255,212,.8) 54%,transparent 66%);animation:invoice-locate-sweep 1.8s ease-in-out both;will-change:transform,opacity}
@keyframes invoice-locate-wash{0%{opacity:0}16%{opacity:.8}42%{opacity:.5}100%{opacity:0}}
@keyframes invoice-locate-sweep{0%,12%{opacity:0;transform:translateX(-55%)}25%{opacity:.9}75%{opacity:.75}100%{opacity:0;transform:translateX(55%)}}
@container (max-width:639px){.invoice-list-toolbar{flex-direction:column;align-items:stretch;gap:10px}.invoice-list-search{width:100%}.invoice-list-keyword{flex:1;max-width:362px}.invoice-list-keyword input{flex:1;width:180px;min-width:0}.invoice-list-filters{flex-wrap:wrap}.invoice-list-actions{gap:6px}.invoice-custom-dates{flex-wrap:wrap}.invoice-list-amount{padding:10px;gap:8px}}
@media(max-width:760px){.invoice-result-caption{text-align:left;width:100%}}
@media(prefers-reduced-motion:reduce){.invoice-locate-light{display:none}.invoice-list-toolbar button,.invoice-batch-actions button,.invoice-search-return button,#invoiceMoreFiltersBtn span{transition:none}}
#purchaseInvoicesPage>.panel{container:invoice-list / inline-size}
#invoiceBatchList>.invoice-batch-row>div:first-child{min-width:0;overflow-wrap:anywhere}
@container invoice-list (max-width:820px){#invoiceBatchList>.invoice-batch-row{grid-template-columns:repeat(5,minmax(0,1fr)) auto}#invoiceBatchList>.invoice-batch-row>div:first-child{grid-column:1/-1}}
@container invoice-list (max-width:600px){#invoiceBatchList>.invoice-batch-row{grid-template-columns:repeat(3,minmax(0,1fr))}#invoiceBatchList>.invoice-batch-row>button{justify-self:end}}

.invoice-compact-head .invoice-supplier-copy{display:flex;align-items:center;gap:4px;max-width:100%;min-width:0;margin:0;padding:0;border:0;border-radius:2px;background:transparent;color:inherit;font:inherit;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;box-shadow:none}
.invoice-compact-head .invoice-supplier-copy:hover{text-decoration:underline;text-underline-offset:3px}
.invoice-compact-head .invoice-supplier-copy:focus-visible{outline:2px solid #398262;outline-offset:-2px}

.invoice-supplier-copy>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.invoice-supplier-copy>svg{flex:0 0 11px;width:11px;height:11px;color:#7b8780}