.supplier-reconciliation-page-active #title{display:flex;align-items:baseline;gap:20px;white-space:nowrap}.supplier-reconciliation-page-active #title::after{content:'查看供应商采购、付款与待结清余额';color:#75807c;font-size:13px;font-weight:400}.supplier-reconciliation-page-active #greeting{display:none}.supplier-reconciliation-management{--srm-line:#e1e7e4;display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:16px;align-items:stretch;min-width:0;padding:10px 0 28px}.srm-list{display:flex;min-width:0;flex-direction:column;gap:16px}.srm-filter{display:grid;grid-template-columns:minmax(170px,1.15fr) minmax(128px,.8fr) auto minmax(128px,.8fr) minmax(130px,.8fr) minmax(120px,.72fr) auto auto;gap:10px;align-items:center;padding:14px 16px;border:1px solid var(--srm-line);border-radius:9px;background:#fff;box-shadow:0 5px 16px rgba(24,52,43,.045)}.srm-filter label{position:relative}.srm-filter label>span{position:absolute;left:11px;top:5px;color:#87908d;font-size:9px;pointer-events:none}.srm-filter label:not(.srm-search) input{padding-top:11px!important}.srm-filter input,.srm-filter select{width:100%;height:42px!important;border:1px solid var(--srm-line)!important;border-radius:7px!important;background-color:#fff!important;color:#303735}.srm-filter select{padding:0 29px 0 11px!important}.srm-filter>i{color:#8d9692;font-style:normal}.srm-search svg{position:absolute;left:12px;top:12px;width:18px;height:18px;fill:none;stroke:#78827e;stroke-width:1.8}.srm-search input{padding-left:39px!important}.srm-filter button{height:42px;padding:0 17px}.srm-stats{display:grid;grid-template-columns:repeat(5,minmax(115px,1fr));gap:12px}.srm-stat{display:flex;align-items:center;gap:12px;min-width:0;height:88px;padding:13px 15px;border:1px solid var(--srm-line);border-radius:9px;background:#fff;box-shadow:0 5px 16px rgba(24,52,43,.05)}.srm-stat>i{display:grid;flex:0 0 40px;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--store-theme);color:#fff}.srm-stat.warning>i{background:#e98a12}.srm-stat.paid>i{background:var(--store-theme-light)}.srm-stat svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8}.srm-stat span{min-width:0}.srm-stat small,.srm-stat strong,.srm-stat em{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.srm-stat small{color:#5d6662;font-size:11px}.srm-stat strong{margin-top:5px;color:#171d1a;font-size:20px;line-height:1.1}.srm-stat.warning strong{color:#d87300}.srm-stat.paid strong{color:var(--store-theme)}.srm-stat em{margin-top:4px;color:#8a928f;font-size:9px;font-style:normal}.srm-tabs{display:flex;gap:0;overflow-x:auto}.srm-tabs button{display:flex!important;align-items:center!important;gap:9px;min-width:122px;height:42px!important;padding:0 17px!important;border:1px solid var(--srm-line)!important;border-radius:0!important;background:#fff!important;color:#4a5350!important;cursor:pointer;transform:none!important;white-space:nowrap}.srm-tabs button:first-child{border-radius:7px 0 0 7px!important}.srm-tabs button:last-child{border-radius:0 7px 7px 0!important}.srm-tabs button+button{margin-left:-1px}.srm-tabs button b{display:grid;place-items:center;min-width:20px;height:20px;border-radius:50%;background:#f0f3f2;color:#4f5955;font-size:10px}.srm-tabs button.active{position:relative;z-index:1;border-color:var(--store-theme)!important;background:var(--store-theme)!important;color:#fff!important}.srm-tabs button.active b{background:#fff;color:var(--store-theme)}.srm-table-card{min-width:0;border:1px solid var(--srm-line);border-radius:9px;background:#fff;box-shadow:0 6px 20px rgba(25,52,44,.055);overflow:hidden}.srm-table-card>header{display:flex;align-items:center;justify-content:space-between;min-height:68px;padding:12px 16px;border-bottom:1px solid var(--srm-line)}.srm-table-card h3{margin:0;color:#171c1a;font-size:18px}.srm-table-card header p{margin:4px 0 0;color:#818a87;font-size:11px}.srm-table-card header button{height:38px}.srm-table-scroll{overflow-x:auto;overflow-y:visible}.srm-table-scroll table{width:100%;min-width:900px;table-layout:fixed}.srm-table-scroll th{height:46px;padding:0 10px;background:color-mix(in srgb,var(--store-theme) 5%,#f8faf9);color:color-mix(in srgb,var(--store-theme) 75%,#34413c);font-size:11px;white-space:nowrap}.srm-table-scroll th:nth-child(1){width:170px}.srm-table-scroll th:nth-child(2){width:125px}.srm-table-scroll th:nth-child(3),.srm-table-scroll th:nth-child(4){width:115px}.srm-table-scroll th:nth-child(5){width:135px}.srm-table-scroll th:nth-child(6){width:92px}.srm-table-scroll th:nth-child(7){width:105px}.srm-table-scroll td{height:64px;padding:7px 10px;border-bottom:1px solid var(--srm-line);color:#424a47;font-size:12px;vertical-align:middle}.srm-table-scroll tbody tr:last-child td{border-bottom:0}.srm-table-scroll tbody tr{cursor:pointer}.srm-table-scroll tbody tr:hover,.srm-table-scroll tbody tr.selected{background:color-mix(in srgb,var(--store-theme) 5%,#fff)}.srm-table-scroll tbody tr.selected td:first-child{box-shadow:inset 3px 0 0 var(--store-theme)}.srm-supplier{display:flex;align-items:center;gap:9px}.srm-supplier>i{display:grid;flex:0 0 34px;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--store-theme);color:#fff;font-size:14px;font-style:normal;font-weight:800}.srm-supplier span{min-width:0}.srm-supplier b,.srm-supplier small,.srm-table-scroll td>small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.srm-supplier b{color:#202623;font-size:13px}.srm-supplier small,.srm-table-scroll td>small{margin-top:3px;color:#858d8a;font-size:9px}.srm-sales{color:var(--store-theme)}.srm-paid{color:var(--store-theme);font-weight:750}.srm-balance{color:#d87300;font-size:14px}.srm-balance.settled{color:var(--store-theme)}.srm-badge{display:inline-flex;padding:5px 8px;border:1px solid #f1d3a9;border-radius:999px;background:#fff7e9;color:#d27600;font-size:10px;font-weight:750}.srm-badge.settled{border-color:color-mix(in srgb,var(--store-theme) 25%,#dce6e1);background:var(--store-theme-faint);color:var(--store-theme)}.srm-account-button{height:30px!important;padding:0 10px!important;border:1px solid color-mix(in srgb,var(--store-theme) 42%,#dce5e1)!important;border-radius:6px!important;background:#fff!important;color:var(--store-theme)!important;font-size:11px!important;font-weight:700!important;transform:none!important}.srm-pager{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;min-height:60px;padding:10px 15px;border-top:1px solid var(--srm-line);color:#68716e;font-size:12px}.srm-pager>span:last-child{text-align:right}.srm-pager>span b{display:inline-grid;place-items:center;min-width:34px;height:31px;margin:0 4px;border:1px solid var(--srm-line);border-radius:6px;background:#fff;color:#333}.srm-pager>div{display:flex;gap:6px}.srm-pager button{display:grid!important;place-items:center;min-width:31px;height:31px!important;padding:0 7px!important;border:1px solid var(--srm-line)!important;border-radius:6px!important;background:#fff!important;color:#67716d!important;cursor:pointer;transform:none!important}.srm-pager button.active{border-color:var(--store-theme)!important;background:var(--store-theme)!important;color:#fff!important}.srm-pager button:disabled{opacity:.35;cursor:default}.srm-overview{position:relative!important;top:auto!important;display:flex;width:auto!important;height:100%!important;min-height:650px;max-height:none!important;flex-direction:column;border:1px solid var(--srm-line);border-radius:9px;background:#fff;box-shadow:0 7px 24px rgba(25,52,44,.075);overflow:hidden}.srm-overview>header{padding:20px;border-bottom:1px solid var(--srm-line)}.srm-overview h2{margin:0;color:#171c1a;font-size:19px}.srm-overview header p{margin:5px 0 0;color:#858d8a;font-size:11px}.srm-overview-body{padding:10px 20px 0}.srm-overview dl{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin:0;padding:15px 0;border-bottom:1px solid var(--srm-line)}.srm-overview dt{color:#5f6864;font-size:11px}.srm-overview dt small{display:block;margin-top:3px;color:#9aa19e;font-size:9px}.srm-overview dd{margin:0;color:#1c211f;font-size:17px;font-weight:800}.srm-overview dd.paid{color:var(--store-theme)}.srm-overview dd.balance{color:#d87300}.srm-progress{padding:17px 0;border-bottom:1px solid var(--srm-line)}.srm-progress>div{display:flex;justify-content:space-between;color:#5f6864;font-size:11px}.srm-progress b{color:var(--store-theme)}.srm-progress>i{display:block;height:7px;margin-top:9px;border-radius:8px;background:#e6eae8;overflow:hidden}.srm-progress>i span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--store-theme),var(--store-theme-light))}.srm-recent{padding:16px 0}.srm-recent h3{margin:0 0 8px;color:#555e5a;font-size:12px}.srm-payment-list>div{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 0;border-bottom:1px dashed #e7ebe9}.srm-payment-list>div:last-child{border-bottom:0}.srm-payment-list b,.srm-payment-list small{display:block}.srm-payment-list b{color:#555e5a;font-size:11px}.srm-payment-list small{margin-top:3px;color:#969d9a;font-size:9px}.srm-payment-list strong{color:#232a27;font-size:12px}.srm-payment-list p{margin:12px 0;color:#8a928f;font-size:10px}.srm-overview>footer{display:grid;gap:9px;margin-top:auto;padding:16px 20px 20px;border-top:1px solid var(--srm-line)}.srm-overview>footer button{height:42px}.srm-overview-empty{display:grid;flex:1;place-items:center;padding:30px;color:#929a96;font-size:11px;text-align:center}
@media(min-width:1800px){.supplier-reconciliation-management{grid-template-columns:minmax(0,1fr) 350px}.srm-table-scroll td{height:66px}}
@media(max-width:1600px){.supplier-reconciliation-management{grid-template-columns:minmax(0,1fr) 330px;gap:12px}.srm-filter{grid-template-columns:minmax(160px,1fr) minmax(120px,.75fr) auto minmax(120px,.75fr) minmax(125px,.75fr) minmax(112px,.65fr) auto auto;padding-inline:12px}.srm-stats{gap:8px}.srm-stat{gap:8px;padding:11px}.srm-stat>i{display:none}.srm-stat strong{font-size:18px}.srm-overview-body{padding-inline:17px}.srm-overview>footer{padding-inline:17px}}
@media(max-width:1366px){.supplier-reconciliation-management{grid-template-columns:minmax(0,1fr) 310px;gap:10px}.srm-filter{grid-template-columns:minmax(150px,1fr) repeat(2,minmax(115px,.8fr)) repeat(2,minmax(105px,.7fr)) auto auto}.srm-filter>i{display:none}.srm-stats{grid-template-columns:repeat(5,minmax(100px,1fr))}.srm-stat{height:76px}.srm-stat strong{font-size:16px}.srm-table-scroll table{min-width:860px}.srm-overview{min-height:620px}.srm-overview h2{font-size:17px}.srm-overview dd{font-size:15px}}
@media(max-width:1050px){.supplier-reconciliation-management{grid-template-columns:1fr}.srm-overview{grid-row:1;min-height:0}.srm-filter{grid-template-columns:1fr 1fr}.srm-stats{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){.supplier-reconciliation-page-active #title::after{display:none}.supplier-reconciliation-management{padding-top:0}.srm-filter,.srm-stats{grid-template-columns:1fr 1fr}.srm-filter button{width:100%}.srm-overview{display:none}}