/* Searchable filters, with one visual language on desktop, mobile and dialogs. */
select.ui-select-native{display:none!important;position:absolute!important;width:1px!important;height:1px!important;padding:0!important;overflow:hidden!important;clip-path:inset(50%)!important;opacity:0;pointer-events:none}
.ui-select{display:inline-flex;min-width:0;max-width:100%;vertical-align:middle}
.ui-select-button{display:flex;align-items:center;justify-content:space-between;gap:15px;height:40px;min-width:0;width:100%;padding:0 12px;background:var(--panel,#fff);color:var(--text,#253447);border:1px solid var(--border,#dce2e8);border-radius:8px;font:500 12px/1.4 Poppins,sans-serif;text-align:left;cursor:pointer;transition:border-color .15s,box-shadow .15s}
.ui-select-button:hover:not(:disabled){border-color:#9aa9b7}.ui-select-button:focus-visible,.ui-select-button[aria-expanded=true]{outline:none;border-color:#8eab3f;box-shadow:0 0 0 3px #8eab3f20}.ui-select-button:disabled{background:var(--field,#f6f7f8);opacity:.55;cursor:default}
.ui-select-value{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ui-select-arrow{display:flex;flex:none;color:var(--muted,#64748b)}.ui-select-arrow svg{width:18px;height:18px;transition:transform .15s}.ui-select-button[aria-expanded=true] .ui-select-arrow svg{transform:rotate(180deg)}
.ui-select-popup{position:fixed;inset:auto;margin:0;padding:7px;z-index:10000;display:flex;flex-direction:column;background:var(--panel,#fff);color:var(--text,#253447);border:1px solid var(--border,#dce2e8);border-radius:10px;box-shadow:0 12px 36px #172c4226;overflow:hidden;font:400 12px/1.5 Poppins,sans-serif}
.ui-select-caption{padding:5px 7px 7px;font-size:10px;font-weight:600;letter-spacing:.5px;color:var(--muted,#64748b)}
.ui-select-search{display:block;width:100%;flex:none;height:38px;padding:0 10px;margin:0 0 6px;border:1px solid var(--border,#dce2e8);border-radius:6px;background:var(--field,#f5f7f9);color:var(--text,#253447);font:400 12px Poppins,sans-serif}.ui-select-search:focus{outline:none;border-color:#8eab3f}
.ui-select-list{overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#b1bbc4 transparent;padding:2px;min-height:0}
.ui-select-option{display:flex;justify-content:space-between;align-items:center;gap:12px;width:100%;min-height:37px;padding:8px 9px;background:transparent;color:inherit;border:0;border-radius:5px;text-align:left;font:400 12px/1.5 Poppins,sans-serif;cursor:pointer}.ui-select-option[aria-selected=true]{background:var(--accent-soft,#eff4e6);color:var(--accent,#698426);font-weight:600}.ui-select-option:hover:not(:disabled),.ui-select-option:focus-visible{background:var(--field,#f4f6f8);outline:none}.ui-select-option:disabled{opacity:.4;cursor:default}.ui-select-check{min-width:14px;font-size:13px}.ui-select-empty{padding:14px 9px;color:var(--muted,#64748b);font-size:11px}
.filter-field .ui-select{width:100%}.filter-bar .state-field{width:205px}.filter-bar .period-field{min-width:210px}.filter-field{gap:7px}.filter-bar>.button{align-self:flex-end}.compare-controls .ui-select{min-width:170px;max-width:320px}.evolution-controls .ui-select{max-width:185px}.evolution-controls .ui-select-button{font-size:10px;height:34px}.panorama-filters .ui-select{width:100%}.municipal-overview-controls .ui-select{min-width:180px;flex:1}.para-map-controls .ui-select{max-width:230px}.para-map-rank .ui-select-button{height:34px;font-size:11px}.ranking-order-control .ui-select-button{font-size:11px;height:35px}
@media(max-width:1100px){.filter-bar{flex-wrap:wrap}.filter-bar .period-field{margin-left:0}.nav-inner{flex-wrap:wrap}.nav-tools{flex-wrap:wrap;justify-content:flex-end}}
@media(max-width:700px){.filter-bar .state-field{width:auto;flex:1 1 35%}.filter-bar .period-field{min-width:130px;flex:1 1 45%}.filter-field .ui-select-button{font-size:11px;height:38px}.compare-controls .ui-select{width:100%;max-width:none}.ui-select-option{min-height:42px}.municipal-overview-controls .ui-select{width:100%}}

/* Align all controls by their input edge, below the field captions. */
.filter-bar{align-items:flex-end}.filter-bar .scope-switch{height:40px;box-sizing:border-box;align-items:center}.filter-bar .scope-switch button{height:30px;padding:0 15px}.filter-bar #syncButton{height:40px}
@media(max-width:700px){.filter-bar .scope-switch,.filter-bar #syncButton{height:38px}.filter-bar .scope-switch button{height:28px;padding:0 12px}}