.vb-filter-card{width:100%;padding:16px;background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 6px 18px rgba(15,23,42,.04);box-sizing:border-box}.vb-filter-bar{display:grid;grid-template-columns:minmax(200px,1.2fr) minmax(180px,1fr) minmax(135px,.65fr) minmax(135px,.65fr) minmax(220px,1fr);gap:12px;align-items:center;width:100%}.vb-filter-control{width:100%;height:44px;min-width:0;box-sizing:border-box;border:1px solid #d9e2ee;border-radius:12px;background:#fff;color:#334155;font-size:14px;font-weight:500;font-family:inherit;display:flex;align-items:center;position:relative;outline:0;transition:border-color .15s ease,box-shadow .15s ease}.vb-filter-control:hover{border-color:#b8c6d9}.vb-filter-control:focus,.vb-filter-control:focus-within{border-color:#1e6db8;box-shadow:0 0 0 3px rgba(30,109,184,.12)}.vb-filter-value{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:600;color:#0f172a}.vb-filter-control::placeholder,.vb-filter-placeholder{font-size:14px;font-weight:400;color:#94a3b8}.vb-filter-icon{width:18px;height:18px;flex:0 0 auto;color:#7c8da6;pointer-events:none}.vb-filter-control.vb-filter-selector{padding:0 40px 0 14px;cursor:pointer;justify-content:space-between;gap:8px;text-align:left}.vb-filter-selector .vb-filter-value{flex:1 1 auto;min-width:0}.vb-filter-selector .vb-filter-icon.chevron{position:absolute;right:14px;top:50%;transform:translateY(-50%);width:12px;height:12px}.vb-filter-clear{display:none;align-items:center;justify-content:center;position:absolute;right:34px;top:50%;transform:translateY(-50%);width:36px;height:36px;border:0;background:0 0;cursor:pointer;color:#94a3b8;z-index:2}.vb-filter-clear i,.vb-filter-clear svg{width:24px;height:24px;display:flex;align-items:center;justify-content:center}.vb-filter-clear.show{display:flex}select.vb-filter-control.vb-filter-select{padding:0 40px 0 14px;cursor:pointer;appearance:none;-webkit-appearance:none;background-repeat:no-repeat;background-position:right 14px center;background-size:12px 12px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%237C8DA6' stroke-width='2.5'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E")}.vb-filter-control.vb-filter-date{min-width:130px;padding-left:14px;padding-right:42px;cursor:pointer}.vb-filter-date input{border:0;background:0 0;outline:0;font:inherit;color:inherit;width:100%;min-width:0;height:100%;padding:0;cursor:pointer;box-sizing:border-box}.vb-filter-date input::placeholder{color:#94a3b8;font-weight:400}.vb-filter-date input::-webkit-calendar-picker-indicator{display:none;opacity:0;width:0;height:0;margin:0;padding:0}.vb-filter-date input::-webkit-clear-button,.vb-filter-date input::-webkit-inner-spin-button{display:none}.vb-filter-date .vb-filter-icon{position:absolute;right:14px;top:50%;transform:translateY(-50%);cursor:pointer}input[type=date].vb-filter-date{height:44px;min-width:0;box-sizing:border-box;border:1px solid #d9e2ee;border-radius:12px;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%237C8DA6' stroke-width='2'%3E%3Crect x='3' y='4' width='18' height='18' rx='2'/%3E%3Cline x1='16' y1='2' x2='16' y2='6'/%3E%3Cline x1='8' y1='2' x2='8' y2='6'/%3E%3Cline x1='3' y1='10' x2='21' y2='10'/%3E%3C/svg%3E") no-repeat right 14px center;color:#334155;font:inherit;font-size:14px;font-weight:500;padding:0 42px 0 14px;outline:0}input[type=date].vb-filter-date::-webkit-calendar-picker-indicator{opacity:0;width:18px;height:18px;margin-right:-28px;cursor:pointer}input[type=date].vb-filter-date::-webkit-clear-button,input[type=date].vb-filter-date::-webkit-inner-spin-button{display:none}.vb-filter-control.vb-filter-search{padding-left:14px;padding-right:14px}.vb-filter-search input{border:0;background:0 0;outline:0;font:inherit;color:inherit;width:100%;height:100%;padding-right:28px}.vb-filter-search input::placeholder{color:#94a3b8;font-weight:400}.vb-filter-search .vb-filter-icon.search-ic{position:absolute;right:14px;top:50%;transform:translateY(-50%);pointer-events:none}.vb-filter-search .vb-filter-clear{right:8px}.vb-filter-actions{display:flex;align-items:center;gap:8px}html.viya-dv .vb-filter-card{background:#111827;border-color:#334155;box-shadow:0 6px 18px rgba(0,0,0,.2)}html.viya-dv .vb-filter-control{background:#111827;border-color:#334155;color:#e5e7eb}html.viya-dv .vb-filter-control:hover{border-color:#4b5e78}html.viya-dv .vb-filter-control:focus,html.viya-dv .vb-filter-control:focus-within{border-color:#1e6db8;box-shadow:0 0 0 3px rgba(30,109,184,.25)}html.viya-dv .vb-filter-value{color:#e5e7eb}html.viya-dv .vb-filter-control::placeholder,html.viya-dv .vb-filter-date input::placeholder,html.viya-dv .vb-filter-placeholder,html.viya-dv .vb-filter-search input::placeholder{color:#94a3b8}html.viya-dv .vb-filter-icon{color:#94a3b8}html.viya-dv select.vb-filter-control.vb-filter-select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2394A3B8' stroke-width='2.5'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E")}html.viya-dv[lang=dv] .vb-filter-control,html[lang=dv] .vb-filter-control{text-align:right}html[lang=dv] .vb-filter-control.vb-filter-selector{padding:0 14px 0 40px}html[lang=dv] .vb-filter-selector .vb-filter-icon.chevron{right:auto;left:14px}html[lang=dv] .vb-filter-clear{right:auto;left:34px}html[lang=dv] .vb-filter-control.vb-filter-date{padding-left:42px;padding-right:14px}html[lang=dv] .vb-filter-date .vb-filter-icon{right:auto;left:14px}html[lang=dv] input[type=date].vb-filter-date{direction:ltr;text-align:right;padding-left:42px;padding-right:14px;background-position:left 14px center}html[lang=dv] .vb-filter-search .vb-filter-icon.search-ic{right:auto;left:14px}html[lang=dv] .vb-filter-search input{padding-right:0;padding-left:28px}html[lang=dv] .vb-filter-date input{direction:ltr;unicode-bidi:isolate;text-align:right}@media (min-width:768px) and (max-width:1024px){.vb-filter-bar{grid-template-columns:minmax(180px,1fr) minmax(150px,.8fr) minmax(120px,.65fr) minmax(120px,.65fr) minmax(180px,1fr);gap:8px}.vb-filter-card{padding:12px}.vb-filter-control{font-size:13px}.vb-filter-control::placeholder,.vb-filter-placeholder,.vb-filter-value{font-size:13px}.vb-filter-icon{width:16px;height:16px}}@media (max-width:767px){.vb-filter-bar{display:flex;flex-direction:column;gap:10px}.vb-filter-bar .vb-filter-search-row{width:100%}.vb-filter-bar .vb-filter-two-col{display:grid;grid-template-columns:1fr 1fr;gap:10px;width:100%}.vb-filter-control{height:46px;font-size:16px;width:100%}.vb-filter-control::placeholder,.vb-filter-placeholder,.vb-filter-value{font-size:16px}.vb-filter-date input,.vb-filter-search input{font-size:16px}}