.filter-field{height:42px!important;min-height:42px!important;max-height:42px!important;display:flex;align-items:center;width:100%;box-sizing:border-box;border:1px solid #d1d5db;border-radius:.5rem;background-color:#fff;font-size:.875rem;line-height:1.25rem;color:#111827;padding-left:.75rem;padding-right:.75rem;transition:all .15s ease}.filter-field:hover{border-color:#93c5fd}.filter-field:focus,.filter-field:focus-within{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f626;outline:none}.filter-field:disabled,.filter-field.disabled{background-color:#f3f4f6;opacity:.6;cursor:not-allowed}.filter-field::placeholder{color:#9ca3af}.filter-field-with-icon{position:relative;display:flex;align-items:center}.filter-field-with-icon .filter-field{padding-left:2.5rem}.filter-field-with-icon .field-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);width:1rem;height:1rem;color:#9ca3af;pointer-events:none}.filter-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%236b7280' stroke-width='2'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M8.25 15L12 18.75 15.75 15m-7.5-6L12 5.25 15.75 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .5rem center;background-size:1rem;padding-right:2rem;cursor:pointer}.filter-search{padding-left:2.5rem;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%239ca3af' stroke-width='2'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M21 21l-5.197-5.197m0 0A7.5 7.5 0 105.196 5.196a7.5 7.5 0 0010.607 10.607z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:left .75rem center;background-size:1rem}.filter-bar{display:flex;flex-wrap:nowrap;align-items:center;gap:.75rem;width:100%}.filter-item{flex-shrink:0}.filter-item.search{width:320px;min-width:280px;max-width:400px;flex:0 0 auto}.filter-item.small{width:140px;min-width:120px;flex:0 0 auto}.filter-item.medium{width:180px;min-width:160px;flex:0 0 auto}.filter-item.large{width:240px;min-width:200px;flex:0 0 auto}.filter-item.auto{flex:0 0 auto}.filter-group{display:flex;flex-wrap:nowrap;align-items:center;gap:.75rem}.filter-group .info-tooltip-trigger{flex-shrink:0;width:16px;height:16px;min-width:16px}.filter-group .searchable-dropdown,.filter-group .tag-input-container{width:180px;min-width:160px;max-width:200px;flex:0 0 auto}.filter-group .searchable-dropdown.wide,.filter-group .tag-input-container.wide{width:220px;max-width:240px}.filter-group .searchable-dropdown.narrow,.filter-group .tag-input-container.narrow{width:140px;min-width:120px;max-width:160px}@media(max-width:1280px){.filter-bar{flex-wrap:wrap}.filter-item.search{width:100%;max-width:none;flex:1 1 100%}.filter-group{flex-wrap:wrap;flex:1}.filter-group .searchable-dropdown,.filter-group .tag-input-container{width:calc(33.333% - .5rem);min-width:160px}}@media(max-width:1024px){.filter-group .searchable-dropdown,.filter-group .tag-input-container{width:calc(50% - .375rem);max-width:none}}@media(max-width:768px){.filter-item.search{width:100%;min-width:auto}.filter-group{width:100%}.filter-group .searchable-dropdown,.filter-group .tag-input-container{width:100%;max-width:none}.filter-item.small,.filter-item.medium,.filter-item.large{width:100%}}.filter-row{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem}.filter-row>*{flex-shrink:0}.filter-row .filter-field,.filter-row .searchable-dropdown,.filter-row .tag-input-container{flex:1;min-width:160px;max-width:280px}.filter-row .filter-field.wide,.filter-row .searchable-dropdown.wide{max-width:400px}.filter-row .filter-field.full,.filter-row .searchable-dropdown.full{flex:1 1 100%;max-width:none}.filter-btn{height:42px;min-height:42px;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:0 1rem;font-size:.875rem;font-weight:500;border:1px solid #d1d5db;border-radius:.5rem;background-color:#f9fafb;color:#374151;cursor:pointer;transition:all .15s ease}.filter-btn:hover{background-color:#f3f4f6;border-color:#9ca3af}.filter-btn:active{background-color:#e5e7eb}.filter-btn-primary{background-color:#2563eb;border-color:#2563eb;color:#fff}.filter-btn-primary:hover{background-color:#1d4ed8;border-color:#1d4ed8}.filter-btn-icon{width:42px;padding:0}.searchable-dropdown .dropdown-trigger{height:42px!important;min-height:42px!important;max-height:42px!important;border:1px solid #d1d5db;border-radius:.5rem;padding:0 .75rem}.searchable-dropdown .trigger-input{font-size:.875rem;line-height:1.25rem;color:#111827;padding:0!important;background:transparent}.searchable-dropdown .dropdown-arrow{padding-right:0}.tag-input-wrapper{min-height:42px!important;max-height:42px!important;border:1px solid #d1d5db;border-radius:.5rem;padding:.25rem .5rem}.tag-input-field{font-size:.875rem;line-height:1.25rem;color:#111827}.filter-compact{height:36px!important;min-height:36px!important;max-height:36px!important;font-size:.8125rem}.filter-large{height:48px!important;min-height:48px!important;max-height:48px!important}@media(max-width:768px){.filter-row{flex-direction:column;align-items:stretch}.filter-row .filter-field,.filter-row .searchable-dropdown,.filter-row .tag-input-container{max-width:none;width:100%}}