/* v53 · 筛选与选择：轻量卡片、清晰标签、可搜索选项、已选条件 */
.filter-card{display:block!important;position:relative;z-index:2;padding:0!important;margin:0 0 22px!important;border:1px solid #e0e7e3;border-radius:16px;background:#fff;box-shadow:none;min-width:0}
.filter-card.has-open-picker{z-index:120}
.filter-card-header{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:17px 20px;border-bottom:1px solid #edf2ee;flex-wrap:wrap}
.filter-heading{display:flex;align-items:center;gap:9px;min-width:0;color:#344144;font-size:14px}.filter-heading>i{color:#56817b;font-size:13px}.filter-heading strong{font-weight:650}.filter-caption{font-size:11px;color:#657570;margin-left:7px}
.filter-tools{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.filter-tools .btn{font-size:12px;min-height:32px;padding:6px 12px}.filter-tools .filter-export{background:#f4f8f5;color:#397059;border:1px solid #dce7df}.filter-tools .filter-export:hover{background:#eaf3ec;border-color:#bcd4c5}
.filter-fields{display:grid;grid-template-columns:repeat(4,minmax(130px,1fr));gap:18px 16px;padding:20px}.filter-field{min-width:0;display:flex;flex-direction:column;gap:7px}.filter-field-search{grid-column:span 2}.filter-field-label{display:block;font-size:11px;letter-spacing:.4px;font-weight:600;color:#606f69;padding-left:1px;line-height:1.5}
.filter-card-compact .filter-fields{grid-template-columns:repeat(3,minmax(130px,1fr))}.filter-card-compact .filter-field-search{grid-column:span 2}
.filter-fields input.filter-control,.filter-fields select.filter-control{width:100%;max-width:none;min-width:0;height:42px;padding:10px 12px;border-radius:9px;border:1px solid #dce6de;background:#f6f8f7;font-size:13px;color:#3a5148;line-height:20px;box-shadow:none;transition:border-color .15s,background .15s}
.filter-fields input.filter-control:hover{border-color:#b7cebd}.filter-fields input.filter-control:focus{border-color:#639e80;background:#fff;box-shadow:0 0 0 3px #78a88b15;outline:0}.filter-fields input.filter-control::placeholder{color:#67786e}
.filter-search-control{position:relative}.filter-search-control>i{position:absolute;left:13px;top:15px;color:#96a69b;font-size:12px;pointer-events:none}.filter-fields .filter-search-control input{padding-left:36px}
.filter-presets{display:flex;align-items:center;gap:6px;padding:16px 20px 0;flex-wrap:wrap}.filter-presets-label{font-size:11px;color:#65756c;margin-right:6px}.filter-preset{padding:6px 13px;min-height:30px;border-radius:20px;font-size:12px;color:#5a6b61;background:#f5f7f4;border:1px solid transparent}.filter-preset:hover{background:#eaf1eb;color:#356448}.filter-preset[aria-pressed=true]{background:#292a2f;border-color:#292a2f;color:#fff;font-weight:650}
.filter-card-footer{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:12px 20px;background:#fafbfa;border-top:1px solid #edf2ec;border-radius:0 0 16px 16px;min-height:48px}.filter-summary{display:flex;align-items:center;gap:7px;flex-wrap:wrap;min-width:0}.filter-summary-title,.filter-summary-idle{font-size:11px;color:#65766b;line-height:26px}.filter-summary-title{margin-right:4px;color:#7b8e81}
.filter-chip{display:inline-flex;align-items:center;gap:8px;border-radius:16px;padding:4px 10px;background:#edf5ee;border:1px solid #d8e8dc;color:#3b7050;max-width:100%;font-size:11px;text-align:left;line-height:17px}.filter-chip>span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:320px}.filter-chip:hover{background:#e0eee3;border-color:#bad4c2}.filter-chip-close{font-size:15px;color:#7b9c87}.filter-reset{font-size:11px;line-height:26px;color:#7a8f80;background:transparent;white-space:nowrap}.filter-reset:hover{color:#225b38;text-decoration:underline}.filter-reset[hidden]{display:none}.filter-help{display:block;font-size:11px;color:#65766b;margin:0;padding:0 20px 12px}
.filter-fields .ms-wrap,.filter-fields .status-multiselect,.fs-single{display:block;position:relative;min-width:0;width:100%}.filter-fields .ms-wrap{vertical-align:initial}
.fs-native{display:none!important}.fs-compat{display:none!important}.fs-trigger,.filter-card .ms-btn.fs-trigger{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;min-width:0;height:42px;padding:10px 12px;border:1px solid #dce6de;border-radius:9px;background:#f6f8f7;color:#3a5148;font-size:13px;line-height:20px;font-weight:400;box-shadow:none;text-align:left;transition:border-color .15s,background .15s}
.fs-trigger>.fas{font-size:9px;color:#64796b;flex-shrink:0;transition:transform .15s}.fs-value{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.fs-trigger:hover{border-color:#b4cdba;background:#fff}.fs-trigger[aria-expanded=true]{border-color:#6d9c7d;background:#fff;box-shadow:0 0 0 3px #729b8415}.fs-trigger[aria-expanded=true]>.fas{transform:rotate(180deg);color:#397854}.fs-trigger[data-selected=true]{color:#28623f;background:#f4f9f3}.fs-trigger:disabled{opacity:.55;cursor:not-allowed}
.fs-popover{position:fixed;z-index:12000;display:flex;flex-direction:column;border:0;border-radius:13px;background:#fff;box-shadow:0 16px 48px #20382a26,0 3px 10px #20382a08;overflow:hidden;min-height:140px;box-sizing:border-box;animation:filterIn .12s ease-out}
.fs-popover[hidden]{display:none!important}.fs-status-container{display:contents!important}
.fs-popover-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px 10px;gap:12px;flex-shrink:0}.fs-popover-header strong{font-size:13px;font-weight:650;color:#34503d}.fs-done{background:#eaf4eb;border:1px solid #d5e8d8;border-radius:6px;padding:4px 10px;color:#367b4e;font-size:11px;line-height:18px}
.fs-search{position:relative;margin:0 12px 10px;flex-shrink:0}.fs-search>i{position:absolute;left:11px;top:13px;font-size:11px;color:#91a096}.fs-search input,.filter-card .fs-search input{display:block;width:100%;box-sizing:border-box;padding:8px 12px 8px 32px;min-height:36px;height:36px;line-height:18px;background:#f7f9f6;border:1px solid #e1e8df;border-radius:7px;font-size:12px;color:#34503d;max-width:none}.fs-search input:focus{border-color:#79a786;outline:0;box-shadow:0 0 0 2px #74a68715}
.fs-bulk-actions{display:flex;align-items:center;gap:14px;padding:0 15px 10px;flex-shrink:0}.fs-text-action{padding:0;background:none;color:#5d8b6b;font-size:11px;line-height:21px}.fs-text-action:hover{text-decoration:underline;color:#235a36}.fs-text-action[hidden]{display:none}
.fs-option-list,.ms-options.fs-option-list{padding:4px 7px 7px;overflow-y:auto;overscroll-behavior:contain;max-height:252px;min-height:38px;flex:1;scrollbar-width:thin;scrollbar-color:#d0ddcf transparent}
.fs-option{display:flex;width:100%;align-items:center;justify-content:space-between;gap:8px;background:#fff;border-radius:7px;padding:10px 10px;min-height:39px;text-align:left;font-size:12px;color:#4a6551;word-break:break-word}.fs-option>i{font-size:10px;color:#4c895d;visibility:hidden}.fs-option[aria-selected=true]{background:#edf6ed;color:#326341;font-weight:600}.fs-option[aria-selected=true]>i{visibility:visible}.fs-option:hover,.fs-option:focus-visible{background:#f1f6ef}.fs-option[hidden]{display:none}.fs-option:disabled{opacity:.45;cursor:not-allowed}
.fs-check-option,.fs-option-list .ms-check,.fs-option-list .ms-opt{display:flex;align-items:center;gap:9px;margin:1px 0;padding:9px 10px;border-radius:7px;font-size:12px;line-height:20px;color:#4b6553;cursor:pointer;min-height:38px;word-break:break-word}.fs-check-option:hover{background:#f2f7ef}.fs-check-option:has(input:checked){background:#f0f7ed;color:#346143}.fs-check-option[hidden]{display:none!important}.fs-option-list input[type=checkbox],.filter-card .fs-option-list input[type=checkbox]{appearance:auto;padding:0;margin:0;flex:0 0 15px;width:15px;height:15px;min-height:0;border-radius:4px;accent-color:#4c855f;box-shadow:none}
.fs-empty{font-size:12px;color:#66776b;padding:20px;text-align:center}.fs-empty[hidden]{display:none}.fs-popover-foot{font-size:10px;color:#637568;padding:10px 15px;background:#fafcf9;border-top:1px solid #edf2e9;flex-shrink:0}
.modal .fs-single{flex:1;min-width:0}.modal .fs-trigger{background:#fff;color:#415c49}.filter-card input[type=date],.filter-card input[type=month]{color-scheme:light}.filter-card .btn:focus-visible,.fs-trigger:focus-visible,.fs-popover button:focus-visible,.filter-preset:focus-visible,.filter-chip:focus-visible,.filter-reset:focus-visible{outline:2px solid #73a384;outline-offset:3px}
@keyframes filterIn{from{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1400px){.filter-fields{grid-template-columns:repeat(6,minmax(125px,1fr))}.filter-field-search{grid-column:span 2}}
@media(max-width:1050px){.filter-fields{grid-template-columns:repeat(3,minmax(110px,1fr))}.filter-field-search{grid-column:span 3}.filter-caption{display:none}}
@media(max-width:768px){.filter-card-header{padding:14px;gap:10px}.filter-heading{font-size:13px}.filter-tools{width:100%}.filter-tools .btn{min-height:34px}.filter-fields,.filter-card-compact .filter-fields{grid-template-columns:repeat(2,minmax(0,1fr));padding:16px 14px;gap:14px 10px}.filter-field-search,.filter-card-compact .filter-field-search{grid-column:span 2}.filter-presets{padding:13px 14px 0;gap:5px}.filter-presets-label{width:100%;margin-bottom:3px}.filter-card-footer{padding:11px 14px;gap:8px}.filter-summary{gap:6px}.filter-chip>span:first-child{max-width:220px}.filter-help{padding-left:14px;padding-right:14px}.fs-trigger,.filter-card .ms-btn.fs-trigger,.filter-fields input.filter-control{height:44px;font-size:13px}.fs-option,.fs-check-option{min-height:44px}.fs-popover{border-radius:14px}.fs-search input,.filter-card .fs-search input{font-size:16px}.fs-single .fs-native{max-width:100%}}
@media(prefers-reduced-motion:reduce){.fs-popover{animation:none}.fs-trigger>.fas{transition:none}}

@media(min-width:769px){.filter-income .filter-fields{grid-template-columns:1.35fr 1fr 1fr}.filter-income .filter-field-search{grid-column:auto}}
