.supplier-layout{display:grid;grid-template-columns:205px minmax(0,1fr);gap:24px;border-top:1px solid #dce4e8;padding-top:20px}.supplier-list{min-width:0;border-right:1px solid #e1e7eb;padding-right:18px}.supplier-list h2{display:flex;justify-content:space-between;font-size:16px}.supplier-list h2 span{font-size:12px;color:#667985}.supplier-list form{display:flex;gap:6px;align-items:flex-end;margin:15px 0}.supplier-list form label{min-width:0;font-size:12px;flex:1}.supplier-list input{width:100%;min-height:38px}.supplier-list form button{padding:7px;min-height:38px}.supplier-list nav{display:flex;flex-direction:column;gap:8px;max-height:65vh;overflow:auto}.supplier-choice{width:100%;display:flex;flex:none;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:5px;text-align:left;padding:12px;line-height:1.5;border:1px solid #dce4e8;background:#fff}.supplier-choice.active{border-color:#17785f;background:#edf7f2;box-shadow:inset 3px 0 #17785f}.supplier-choice>span{font-size:14px;line-height:1.5;font-weight:600;white-space:normal;overflow-wrap:anywhere}.supplier-choice strong{font-size:18px;line-height:1.35;font-weight:600;color:#9f4427;font-variant-numeric:tabular-nums;white-space:normal;overflow-wrap:anywhere}.supplier-choice small{font-size:12px;line-height:1.5;color:#607480}.supplier-choice span small{margin-left:6px;font-weight:400}.supplier-overview{display:flex;flex-direction:column;gap:8px;background:#f3f6f8;padding:14px 12px;margin-top:20px;font-size:13px}.supplier-overview strong{font-size:23px;color:#174c3b}.supplier-overview small{color:#586e79}.supplier-detail{min-width:0}.supplier-detail-heading{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;flex-wrap:wrap}.supplier-detail-heading h2{font-size:22px}.supplier-detail-heading p{font-size:13px;color:#5d707c;margin-top:8px}.supplier-detail-heading .actions{flex-wrap:wrap;gap:8px}.supplier-detail-heading .actions button{font-size:12px;min-height:36px;padding:7px 10px}.supplier-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:20px 0}.supplier-stat{background:#f5f7f9;padding:18px;display:flex;flex-direction:column;gap:8px;border:1px solid #e4e9ed;border-radius:5px;min-width:0}.supplier-stat span{font-size:13px;color:#516673}.supplier-stat strong{font-size:26px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.supplier-stat.debt{background:#fff5ec;border-color:#e6c5a9}.supplier-stat.debt strong{color:#94411d}.supplier-period{font-size:13px;line-height:1.9;padding:12px 14px;background:#f7f9fa;border:1px solid #e0e6ea}.supplier-period .money{font-size:14px;color:#233d49}.supplier-tabs{margin:20px 0}.supplier-table-title{display:flex;justify-content:space-between;gap:14px;align-items:center;margin:14px 0;flex-wrap:wrap}.supplier-table-title h3{font-size:16px}.supplier-table-title>span{font-size:12px;color:#5d7280}.supplier-table-title .check{font-size:12px;margin-left:auto}.supplier-detail td{font-size:13px;padding:12px 9px}.supplier-detail td small{display:block;margin-top:5px;color:#5f7581;white-space:nowrap}.supplier-detail th{font-size:12px;padding:12px 9px}.supplier-detail td:has(.money),.supplier-detail th:nth-last-child(3),.supplier-detail th:nth-last-child(4){text-align:right}.supplier-detail .money{font-size:14px;color:#172f3d}.supplier-detail .badge{border:1px solid currentColor;white-space:nowrap}.supplier-detail td .cell-value>button{padding:5px 8px;font-size:12px;margin:2px}.supplier-payment-panel{background:#f7fbf9;border:1px solid #d8e7df;border-radius:6px;padding:20px;margin-top:20px;scroll-margin-top:20px}.supplier-payment-panel h2{font-size:19px}.supplier-payment-panel p{font-size:13px;line-height:1.8}.supplier-payment-panel form>.section-title{margin-bottom:15px}.supplier-payment-panel input[readonly]{background:#f2f5f6;color:#596c77}.supplier-payment-panel td input{width:145px;max-width:100%;text-align:right;min-height:38px}.supplier-payment-mode{display:flex;gap:18px;border:0;padding:0;margin:15px 0}.supplier-payment-mode legend{font-size:12px;margin-bottom:10px}.supplier-payment-mode .check{font-size:13px}.supplier-payment-totals{display:flex;gap:18px;flex-wrap:wrap;border-block:1px solid #dce7e1;padding:15px 0;margin:15px 0}.supplier-payment-totals>span{display:flex;flex-direction:column;gap:8px;font-size:12px;flex:1;min-width:150px}.supplier-payment-totals .money{font-size:23px;color:#17684e}.supplier-payment-panel .message:not(:empty){padding:8px 0;color:#a12d22}.supplier-payment-panel .actions{justify-content:flex-end;margin-top:18px}.supplier-print-frame{position:fixed;width:1px;height:1px;left:-10000px;top:0;border:0}.supplier-view-debts{margin:25px 0}.supplier-view-debts>h2{font-size:18px;margin-bottom:15px}.supplier-view-debts article{background:#fff;border:1px solid #dce4e8;padding:18px;margin:12px 0;border-radius:6px}.supplier-view-debts article h3{font-size:18px}.supplier-view-debts article p{font-size:13px;color:#536b79;line-height:1.7;margin:9px 0}.supplier-view-debts article>div{display:flex;justify-content:space-between;align-items:center;gap:12px;background:#fff5ec;padding:12px;font-size:13px}.supplier-view-debts .money{font-size:23px;color:#94411d}.supplier-view-full{padding:18px;background:#fff;border:1px solid #dce4e8}.supplier-view-full summary{cursor:pointer;font-size:16px;font-weight:600}.supplier-view-full .supplier-statement{margin-top:25px}.supplier-statement{color:#111;background:#fff;font-family:"Microsoft YaHei","Noto Sans SC",sans-serif;padding:25px;line-height:1.6}.supplier-statement>header{display:flex;justify-content:space-between;gap:15px;border-bottom:2px solid #111;padding-bottom:8px;font-size:12px}.supplier-statement h1{text-align:center;font-size:32px;margin:22px 0;color:#111}.supplier-document-meta{display:grid;grid-template-columns:1fr auto;gap:10px;font-size:13px;margin:20px 0}.supplier-document-meta strong{font-size:21px}.supplier-document-equation{display:flex;align-items:center;justify-content:space-around;gap:8px;border:2px solid #111;padding:18px 12px}.supplier-document-equation>div{display:flex;flex-direction:column;gap:8px;text-align:center}.supplier-document-equation span{font-size:14px}.supplier-document-equation b{font-size:23px;white-space:nowrap}.supplier-document-equation .debt>b{border-bottom:4px double #111;font-size:28px}.supplier-statement h2{font-size:19px;margin:24px 0 10px;color:#111}.supplier-statement>p{font-size:12px;margin:8px 0;color:#111}.supplier-statement table{width:100%;border-collapse:collapse;table-layout:auto;min-width:0;color:#111;margin:10px 0}.supplier-statement th,.supplier-statement td{border:1px solid #777;padding:9px 7px;font-size:12px;color:#111;vertical-align:middle;text-align:left;white-space:normal}.supplier-statement th{font-weight:700;background:#eee}.supplier-statement td.number{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}.supplier-statement tfoot{font-weight:700;border-top:2px solid #111}.supplier-statement tfoot td,.supplier-statement tfoot th{background:#f0f0f0}.supplier-signatures{display:flex;justify-content:space-between;gap:20px;margin-top:35px;font-size:14px}.supplier-statement footer{text-align:center;border-top:1px solid #aaa;margin-top:24px;padding-top:10px;font-size:11px}.supplier-statement tbody tr:nth-child(even){background:#fafafa}
.supplier-payment-mode .check{display:inline-flex;align-items:center;white-space:nowrap;width:auto;min-width:100px;gap:8px;flex:none}.supplier-payment-mode input[type=radio]{width:18px;height:18px;min-height:18px;margin:0;flex:none;accent-color:#17785f}.supplier-view-debts article p .money{font-size:14px;color:#304f60}.shared-shell .supplier-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.shared-shell .supplier-stat.debt{grid-column:1/-1}.shared-shell .supplier-stat.debt strong{font-size:30px}.shared-shell .supplier-stat strong{white-space:nowrap}
@page{size:A4 portrait;margin:12mm;@bottom-center{content:"第 " counter(page) " 页 / 共 " counter(pages) " 页";font:9pt "Microsoft YaHei",sans-serif;color:#333}}
@media(max-width:1100px){.supplier-layout{grid-template-columns:165px minmax(0,1fr);gap:16px}.supplier-stat{padding:12px}.supplier-stat strong{font-size:22px}.supplier-detail-heading h2{font-size:20px}.supplier-list{padding-right:10px}.supplier-detail .table-scroll{overflow:auto}.supplier-detail th{white-space:nowrap}}
@media(max-width:700px){.supplier-layout{display:block;padding-top:10px;border:0}.supplier-list{border:0;padding:0;margin-bottom:20px}.supplier-list h2{font-size:16px}.supplier-list form{margin:10px 0}.supplier-list nav{flex-direction:row;max-height:none;overflow:auto;padding-bottom:8px}.supplier-choice{min-width:150px;max-width:200px;padding:12px;flex-shrink:0}.supplier-choice strong{font-size:18px}.supplier-overview{flex-direction:row;align-items:center;flex-wrap:wrap;margin-top:5px;gap:10px}.supplier-overview strong{font-size:21px}.supplier-detail-heading .actions{margin-top:4px}.supplier-stats{gap:8px;margin:16px 0}.supplier-stat{padding:12px 8px}.supplier-stat span{font-size:11px}.supplier-stat strong{font-size:17px}.supplier-period{font-size:11px;padding:10px}.supplier-period .money{font-size:12px}.supplier-payment-panel{padding:14px;margin:16px -4px}.supplier-payment-panel td input{max-width:170px;font-size:15px}.supplier-detail td{font-size:13px;padding:5px 0}.supplier-payment-totals{gap:12px}.supplier-payment-totals>span{min-width:130px}.supplier-payment-totals .money{font-size:21px}.supplier-document-meta{grid-template-columns:1fr;gap:7px}.supplier-statement{padding:12px;overflow-x:auto}.supplier-statement table{min-width:640px}.supplier-statement h1{font-size:25px}.supplier-document-equation{min-width:550px}.supplier-statement>header{flex-wrap:wrap}.supplier-signatures{min-width:450px;font-size:12px}.supplier-statement table{display:table}.supplier-statement tbody{display:table-row-group}.supplier-statement tr{display:table-row}.supplier-statement td{display:table-cell}.supplier-statement td:before{display:none}.supplier-view-full{padding:12px}.supplier-view-debts article{padding:14px}}
@media print{@page{size:A4 portrait;margin:12mm}body{margin:0;background:#fff;font:11pt/1.5 "Microsoft YaHei",sans-serif}.supplier-statement{padding:0;overflow:visible;color:#000;print-color-adjust:exact;-webkit-print-color-adjust:exact}.supplier-statement>header{font-size:9pt}.supplier-statement h1{font-size:24pt;margin:6mm 0}.supplier-document-meta{grid-template-columns:1fr auto;font-size:10pt;margin:5mm 0;gap:2mm}.supplier-document-meta strong{font-size:15pt}.supplier-document-equation{min-width:0;padding:4mm 2mm;break-inside:avoid}.supplier-document-equation span{font-size:11pt}.supplier-document-equation b{font-size:17pt}.supplier-document-equation .debt>b{font-size:20pt}.supplier-statement h2{font-size:13pt;margin:6mm 0 2mm;break-after:avoid}.supplier-statement>p{font-size:9pt;break-after:avoid}.supplier-statement table{min-width:0;display:table;margin:2mm 0;width:100%}.supplier-statement thead{display:table-header-group}.supplier-statement tfoot{display:table-row-group}.supplier-statement tbody{display:table-row-group}.supplier-statement tr{display:table-row;break-inside:avoid}.supplier-statement td,.supplier-statement th{display:table-cell;font-size:10pt;padding:2.3mm 1.5mm;line-height:1.5;border-color:#555}.supplier-statement td:before{display:none}.supplier-signatures{min-width:0;font-size:11pt;margin-top:8mm;break-inside:avoid}.supplier-statement footer{font-size:8pt;margin-top:6mm;break-inside:avoid}.supplier-print-frame{display:none}}

@media print{.supplier-statement h1{font-size:22pt;margin:4mm 0}.supplier-document-meta{margin:3mm 0;gap:1.5mm}.supplier-document-equation{padding:2.5mm 2mm}.supplier-document-equation b{font-size:16pt}.supplier-document-equation .debt>b{font-size:19pt}.supplier-statement h2{font-size:12pt;margin:4mm 0 1.5mm}.supplier-statement>p{margin:1.5mm 0;font-size:9pt}.supplier-statement td,.supplier-statement th{padding:1.5mm 1.2mm;font-size:10pt;line-height:1.4}.supplier-signatures{margin-top:5mm;font-size:10pt}.supplier-statement footer{margin-top:4mm;padding-top:2mm}.supplier-statement table:first-of-type{table-layout:fixed}.supplier-statement table:first-of-type thead th:nth-child(1){width:14%}.supplier-statement table:first-of-type thead th:nth-child(2){width:10%}.supplier-statement table:first-of-type thead th:nth-child(3){width:20%}.supplier-statement table:first-of-type thead th:nth-child(n+4){width:14%}.supplier-statement table:first-of-type td.number{font-size:9pt}}