#financePage.invoice-active > :not(:first-child):not(#invoicePanel) {display:none!important}
#invoicePanel[hidden],.invoice-dialog[hidden]{display:none!important}
#invoicePanel{padding:4px 0 18px;color:#334155}
#financePage.invoice-active #finTabInvoice{background:#667eea!important}
#financePage.invoice-active #finTabSupplier,#financePage.invoice-active #finTabRepairShop{background:#999!important}
.invoice-summary-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:12px;border:1px solid #dbe3f5;border-radius:8px;background:#f3f7ff;margin-bottom:8px}
.invoice-summary-row strong{display:block;font-size:20px;color:#485fd0;margin:5px 0}
.invoice-summary-row small{display:block;color:#64748b;font-size:11px}
#invoicePanel button,.invoice-dialog button{cursor:pointer;border:1px solid #cbd5e1;border-radius:6px;background:#fff;padding:7px 10px;color:#334155}
#invoicePanel .invoice-number{display:block;border:0;background:transparent;font-size:20px;font-weight:bold;color:#485fd0;padding:5px 0;touch-action:manipulation;user-select:none}
#invoicePanel input,.invoice-dialog input,.invoice-dialog textarea{box-sizing:border-box;border:1px solid #cbd5e1;border-radius:5px;padding:7px;min-width:0;font:inherit}
.invoice-tabs,.invoice-search{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0;align-items:center}
#invoicePanel .invoice-tabs button.active{background:#667eea;color:white}
.invoice-search input[type=text]{flex:1;min-width:130px}
.invoice-card{border:1px solid #ddd;border-radius:8px;padding:12px;margin:8px 0;display:flex;align-items:center;justify-content:space-between;gap:12px;background:white;flex-wrap:wrap}
.invoice-card h4{margin:0 0 5px;overflow-wrap:anywhere}.invoice-card p{margin:5px 0;font-size:13px;overflow-wrap:anywhere}
.invoice-actions{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.invoice-thumb{width:42px;height:42px;object-fit:contain;background:#f8fafc}
.invoice-pager{text-align:center;padding:10px}.invoice-pager span{margin:0 12px}
.invoice-dialog{position:fixed;inset:0;z-index:10050;background:#0008;display:flex;align-items:center;justify-content:center;padding:16px}
.invoice-dialog-box{background:white;border-radius:10px;padding:18px;width:560px;max-width:100%;max-height:90dvh;overflow:auto;box-sizing:border-box}
.invoice-dialog h3{margin-top:0}.invoice-form label{display:block;margin:10px 0}.invoice-form input:not([type=file]),.invoice-form textarea{display:block;width:100%;margin-top:5px}.invoice-dialog footer{display:flex;justify-content:flex-end;gap:8px;margin-top:14px}
.invoice-image-main{display:block;max-width:100%;max-height:55dvh;object-fit:contain;margin:auto;cursor:zoom-in}
.invoice-images{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.invoice-images img{width:72px;height:72px;object-fit:contain}.invoice-images>div{display:flex;flex-direction:column;gap:4px}
.invoice-notice{font-size:12px;color:#64748b;margin:8px 0}.invoice-error{color:#b91c1c;white-space:pre-wrap}
@media(max-width:768px){.invoice-summary-row{gap:5px;padding:8px;font-size:12px}.invoice-summary-row strong,#invoicePanel .invoice-number{font-size:16px}.invoice-search input[type=date]{max-width:145px}.invoice-tabs button{flex:1;white-space:nowrap;padding:7px 4px!important}.invoice-summary-row small{font-size:10px}}

/* 发票图片复用库存图片管理布局和缩放控件。 */
.invoice-dialog-box:has(#invoiceImageManager){width:800px}
#invoiceImageManager .thumbnail-delete{padding:0;background:#e74c3c;color:white;border:0;border-radius:50%}
#invoiceImageManager .set-main-btn{background:#667eea;color:white}
#invoiceImageManager .set-main-btn:disabled{background:#ccc}

/* 日期仅预填，点击搜索后才应用；四个快捷选项互斥。 */
#invoicePanel .invoice-search input[type=text]{flex:0 1 150px;min-width:100px}
.invoice-quick-ranges{display:flex;gap:8px;align-items:center;flex-wrap:wrap;font-size:12px}
.invoice-quick-ranges label{display:inline-flex;align-items:center;gap:3px;white-space:nowrap}
#invoicePanel .invoice-quick-ranges input{width:auto;margin:0}
.invoice-pending-summary{grid-template-columns:repeat(5,minmax(0,1fr))}
.invoice-form .invoice-ticket-kind label{display:inline-flex;align-items:center;gap:4px;margin:6px}
.invoice-form .invoice-ticket-kind input{display:inline-block;width:auto;margin:0}
@media(max-width:768px){.invoice-pending-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.invoice-pending-summary>div:last-child{grid-column:1/-1}}

/* 两排统计及说明占用相同空间，包括读取中、空结果和错误状态。 */
#invoiceSummary{display:grid;grid-template-rows:minmax(128px,auto) minmax(128px,auto) minmax(36px,auto);gap:8px;min-height:308px;box-sizing:border-box;overflow:visible;overflow-anchor:none}
#invoiceSummary>.invoice-summary-row{min-height:128px;margin:0;box-sizing:border-box;overflow:visible;align-content:start}
#invoiceSummary>.invoice-summary-row>div{min-width:0;overflow-wrap:anywhere}
#invoiceSummary>.invoice-notice{margin:0;overflow:auto}
#invoicePanel .invoice-card-image-button{display:inline-flex;align-items:center;gap:5px;padding:4px 8px;background:white;color:#16a085;border:1px solid #16a085;border-radius:6px;font-size:13px}
#invoicePanel .invoice-card-image-button img{width:21px;height:21px;flex:0 0 21px;object-fit:contain;border-radius:4px}
@media(max-width:768px){
 #invoiceSummary{grid-template-rows:minmax(152px,auto) minmax(152px,auto) minmax(48px,auto);min-height:368px}
 #invoiceSummary>.invoice-summary-row{min-height:152px}
}