.statement-filter{display:flex;align-items:end;gap:12px;padding:16px 20px;margin-bottom:17px;background:#fff;border:1px solid var(--line);border-radius:var(--ui-radius,12px);box-shadow:0 8px 25px rgba(12,27,38,.05)}.statement-filter label{display:grid;gap:6px;color:var(--admin-text-muted);font-size:var(--fs-base);font-weight:600}.statement-filter input{display:block;width:150px;padding:0 12px;border:1.5px solid var(--admin-border-soft);color:var(--admin-text);background:#fff;outline:none;transition:border-color .15s,box-shadow .15s}.statement-filter input:focus{border-color:var(--brand-green);box-shadow:0 0 0 3px rgba(var(--brand-green-rgb),.10)}.statement-customer-field input{width:175px}.statement-input-action input{margin:0;}.date-separator{padding-bottom:13px;color:var(--admin-text-sub);font-weight:700;font-size:var(--fs-md)}.statement-search-button{height:40px;padding:0 24px;border:0;border-radius:var(--ui-radius,12px);background:var(--green);color:#fff;font-size:var(--fs-md);font-weight:700;cursor:pointer;box-shadow:0 6px 15px rgba(var(--brand-green-rgb),.18)}.statement-empty{text-align:center;padding:70px 20px;background:#fff;border:1px dashed var(--admin-border-soft);border-radius:var(--ui-radius,12px)}.statement-empty>div{width:55px;height:55px;border-radius:var(--ui-radius,12px);display:grid;place-items:center;margin:0 auto 14px;background:var(--pale);color:var(--green);font-size:var(--fs-2xl);font-weight:700}.statement-result{display:none}.statement-result.show{display:block}.statement-result-head{display:flex;align-items:center;justify-content:space-between;padding:19px 22px;background:#fff;border:1px solid var(--line);border-radius:var(--ui-radius,12px) var(--ui-radius,12px) 0 0}.statement-result-head span{color:var(--green);font-size:var(--fs-xs);font-weight:700}.statement-result-head h2{font-size:var(--fs-2xl);margin:5px 0}.statement-result-head p{font-size:var(--fs-sm)}.statement-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border:1px solid var(--line);border-top:0;background:#fff}.statement-summary article:last-child{border:0}.statement-summary span,.statement-summary small{display:block;color:var(--muted);font-size:9px}.statement-summary .due strong{color:var(--brand-amber-deep)}.statement-table-card{border-radius:0 0 var(--ui-radius,12px) var(--ui-radius,12px);overflow:hidden}.statement-table-card td{padding:12px 14px}.statement-table-card td small{display:block;color:var(--muted);font-size:9px;margin-top:3px}.statement-table-card tfoot td{font-weight:700;background:var(--admin-surface-soft);border-top:2px solid var(--admin-border-soft)}.statement-note{display:block;max-width:150px;overflow:hidden;text-overflow:ellipsis}.statement-picker-search{display:flex;align-items:center;margin-bottom:13px;padding:0 12px;border:1px solid var(--line);border-radius:var(--ui-radius,12px);color:var(--muted)}.statement-picker-search input{flex:1;border:0;outline:0;padding:11px}.statement-picker-dialog tbody tr{cursor:pointer}.statement-picker-dialog tbody tr:hover{background:var(--pale)}@media(max-width:1100px){.statement-filter{align-items:stretch;flex-wrap:wrap}.statement-summary{grid-template-columns:repeat(2,1fr)}.statement-summary article:nth-child(2){border-right:0}}@media(max-width:650px){.statement-filter label,.statement-filter input,.statement-customer-field{width:100%}.statement-input-action input{width:100%}.statement-search-button{width:100%}.statement-summary{grid-template-columns:1fr}.statement-summary article{border-right:0;border-bottom:1px solid var(--line)}}@media print{main{margin:0;padding:0}.page{display:none!important}#statements-page{display:block!important}.statement-result{display:block!important}.statement-result-head{border:0}.statement-table-card{box-shadow:none}.statement-table-card table{font-size:var(--fs-xs)}}

/* ===== 玻璃拟态升级 ===== */
.statement-filter{background:var(--admin-surface-soft);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--admin-border-soft);border-radius:var(--ui-radius,12px);box-shadow:0 12px 36px rgba(12,27,38,.07);flex-direction:column;align-items:stretch}
.statement-filter-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.statement-periods{background:var(--admin-surface-soft);border-radius:var(--ui-radius,12px);padding:4px}
.statement-periods button{border:0;background:transparent;color:var(--admin-text-muted);padding:7px 16px;border-radius:var(--ui-radius,12px);font-size:var(--fs-md);cursor:pointer;transition:.3s cubic-bezier(.4,0,.2,1)}
.statement-periods button.active{background:var(--brand-green);color:#fff;box-shadow:0 4px 12px rgba(var(--brand-green-rgb),.3)}
.statement-customer-field{flex:1;min-width:220px}
.statement-input-action{display:flex;gap:12px;position:relative;align-items:center}
.statement-input-action input{flex:1;min-width:0;border:1px solid var(--admin-border-soft);padding:9px 12px 9px 38px;outline:none;transition:border-color .25s,box-shadow .25s}
.statement-input-action .search-icon{position:absolute;left:12px;color:var(--admin-text-sub);pointer-events:none}
.statement-input-action input:focus{border-color:var(--admin-accent)}
.statement-input-action button{flex:none;width:auto;height:40px;border:1px solid var(--admin-border-soft);background:var(--admin-surface-soft);border-radius:var(--ui-radius,12px);padding:0 16px;font-size:var(--fs-md);color:var(--admin-text-muted);cursor:pointer;white-space:nowrap}
.statement-search-button{height:40px;border-radius:var(--ui-radius,12px);background:linear-gradient(135deg,var(--brand-green),var(--brand-sky));transition:.3s cubic-bezier(.4,0,.2,1)}
.statement-search-button:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(var(--brand-green-rgb),.3)}
.statement-reset-btn{height:40px;border-radius:var(--ui-radius,12px)}
.statement-custom-range{display:flex;align-items:center;gap:10px;padding-top:4px;border-top:1px dashed var(--admin-border-soft)}
.statement-custom-range label{display:flex;align-items:center;gap:6px;font-size:var(--fs-base);color:var(--admin-text-sub)}
.statement-custom-range input[type=date]{border:1px solid var(--admin-border-soft);border-radius:var(--ui-radius,12px);padding:7px 10px;font-size:var(--fs-md);outline:none}
.statement-custom-range input[type=date]:focus{border-color:var(--admin-accent);box-shadow:0 0 0 3px var(--admin-accent-soft)}
.date-separator{color:var(--admin-text-sub);font-size:var(--fs-base)}
.statement-empty{background:rgba(255,255,255,.4);border:2px dashed var(--admin-border-soft);display:grid;place-content:center;justify-items:center;gap:12px;border-radius:var(--ui-radius,12px)}
.statement-empty-art{width:88px;height:88px;color:rgba(var(--brand-green-rgb),.42);animation:floaty 3s ease-in-out infinite}
.statement-empty h3{font-size:var(--fs-xl);color:var(--admin-text);margin:0}
.statement-empty p{color:var(--admin-text-muted);font-size:var(--fs-md);margin:0 0 8px}
.statement-summary{grid-template-columns:repeat(4,1fr);gap:14px;border:0;background:transparent;margin:16px 0}
.statement-summary article{background:var(--admin-surface-soft);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--admin-border-soft);border-radius:var(--ui-radius,12px);padding:18px 20px;box-shadow:0 10px 28px rgba(12,27,38,.06);transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s;border-right:1px solid var(--admin-border-soft)}
.statement-summary article:hover{box-shadow:0 16px 34px rgba(12,27,38,.1)}
.statement-summary article.due{background:rgba(255,247,237,.75)}
.statement-summary span{font-size:var(--fs-base);color:var(--admin-text-sub);display:block}
.statement-summary strong{font-size:var(--fs-3xl);display:block;margin:6px 0;font-variant-numeric:tabular-nums;color:var(--brand-green)}
.statement-summary article.due strong{color:var(--brand-amber-deep)}
.statement-summary small{color:var(--admin-text-muted);font-size:var(--fs-sm)}
.statement-table-card tr:hover td{background:rgba(var(--brand-green-rgb),.05)}
.statement-table-card tbody tr:hover td:first-child{box-shadow:inset 3px 0 0 var(--brand-sky)}
@media(max-width:900px){.statement-summary{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.statement-summary{grid-template-columns:1fr}}

/* 明细分页 —— 几何统一走 base.css §6.3，此处只保留对齐与分隔线 */
.statement-pagination{border-top:1px solid var(--admin-surface-soft);justify-content:space-between;flex-wrap:wrap}
.statement-pagination .pagination-total{color:var(--admin-text-muted);font-size:var(--fs-base)}
.statement-pagination .pagination-size{color:var(--admin-text-muted);font-size:var(--fs-base);display:flex;align-items:center;gap:6px}
.statement-pagination .pagination-size select{border:1px solid var(--admin-border-soft);padding:5px 8px;background:#fff}
.statement-pagination .btn{padding:7px 14px;font-size:var(--fs-base);border-radius:var(--ui-radius,12px)}
.statement-pagination #statement-page-info{color:var(--admin-text-muted);font-size:var(--fs-base);font-weight:600}
/* 客户对账明细列宽 */
.statement-table-card table{min-width:1460px}
.statement-table-card th{white-space:nowrap;font-weight:600}
.statement-table-card th:nth-child(1){width:92px}
.statement-table-card th:nth-child(2){width:150px}
.statement-table-card th:nth-child(3){width:60px}
.statement-table-card th:nth-child(4){width:74px}
.statement-table-card th:nth-child(5){width:122px}
.statement-table-card th:nth-child(6){width:180px}
.statement-table-card th:nth-child(7){width:94px}
.statement-table-card th:nth-child(8){width:60px}
.statement-table-card th:nth-child(9){width:60px}
.statement-table-card th:nth-child(10){width:84px}
.statement-table-card th:nth-child(11){width:94px}
.statement-table-card th:nth-child(12){width:102px}
.statement-table-card th:nth-child(13){width:90px}
.statement-table-card th:nth-child(14){width:90px}
.statement-table-card th:nth-child(15){width:84px}
.statement-table-card th:nth-child(16){width:124px}