.developments-filter{--developmentsFilter-topbar-top:var(--global-text-secondary);--developmentsFilter-topbar-bottom:var(--global-text-hover-deep);--developmentsFilter-card-shadow-soft:color-mix(in srgb,var(--global-black)5%,transparent);--developmentsFilter-card-shadow-medium:color-mix(in srgb,var(--global-black)6%,transparent);--developmentsFilter-card-shadow-hover:color-mix(in srgb,var(--global-black)10%,transparent);--developmentsFilter-icon-dropshadow:color-mix(in srgb,var(--global-black)20%,transparent);--developmentsFilter-pill-hover-shadow:color-mix(in srgb,var(--global-black)8%,transparent);--developmentsFilter-toggle-background:color-mix(in srgb,var(--global-white)10%,transparent);--developmentsFilter-toggle-border:color-mix(in srgb,var(--global-white)20%,transparent);--developmentsFilter-toggle-foreground:color-mix(in srgb,var(--global-white)90%,transparent);--developmentsFilter-toggle-bg-hover:color-mix(in srgb,var(--global-white)20%,transparent);--developmentsFilter-toggle-border-hover:color-mix(in srgb,var(--global-white)40%,transparent);--developmentsFilter-clear-border:color-mix(in srgb,var(--global-white)30%,transparent);--developmentsFilter-clear-foreground:color-mix(in srgb,var(--global-white)90%,transparent);--developmentsFilter-clear-bg-hover:color-mix(in srgb,var(--global-white)15%,transparent);--developmentsFilter-apply-shadow:color-mix(in srgb,var(--global-company-color)30%,transparent);--developmentsFilter-apply-shadow-hover:color-mix(in srgb,var(--global-company-color)35%,transparent);--developmentsFilter-focus-glow:color-mix(in srgb,var(--global-company-color)15%,transparent);--developmentsFilter-field-group-border-hover:var(--global-border-default);--developmentsFilter-pill-border:var(--global-border-default);--developmentsFilter-pill-text:var(--global-text-secondary);--developmentsFilter-placeholder-color:var(--global-border-medium);margin-bottom:2.5rem;font-family:inherit}.developments-filter .filter-card{background:var(--global-white);box-shadow:0 1px 3px var(--developmentsFilter-card-shadow-soft),0 4px 20px var(--developmentsFilter-card-shadow-medium);border:1px solid var(--global-border-subtle);border-radius:16px;transition:box-shadow .3s;overflow:hidden}.developments-filter .filter-card:hover{box-shadow:0 1px 3px var(--developmentsFilter-card-shadow-soft),0 8px 30px var(--developmentsFilter-card-shadow-hover)}.developments-filter .filter-topbar{background:linear-gradient(135deg,var(--developmentsFilter-topbar-top)0%,var(--developmentsFilter-topbar-bottom)100%);color:var(--global-white);grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;padding:20px 28px;display:grid}.developments-filter .filter-topbar-label{color:var(--global-white);letter-spacing:.02em;align-items:center;gap:10px;font-size:1.1rem;font-weight:700;display:flex}.developments-filter .filter-topbar-label svg{color:var(--global-company-color);width:20px;height:20px;filter:drop-shadow(0 1px 2px var(--developmentsFilter-icon-dropshadow))}.developments-filter .filter-topbar-title{color:var(--global-white);text-align:center;letter-spacing:.02em;margin:0;font-size:1.125rem;font-weight:700}.developments-filter .filter-topbar-actions{justify-self:end;align-items:center;gap:10px;display:flex}.developments-filter .filter-toggle{background:var(--developmentsFilter-toggle-background);border:1px solid var(--developmentsFilter-toggle-border);color:var(--developmentsFilter-toggle-foreground);cursor:pointer;border-radius:6px;align-items:center;gap:6px;padding:8px 14px;font-size:.8rem;font-weight:600;transition:all .2s;display:flex}.developments-filter .filter-toggle:hover{background:var(--developmentsFilter-toggle-bg-hover);border-color:var(--developmentsFilter-toggle-border-hover);color:var(--global-white)}.developments-filter .filter-chevron{font-size:.7rem;transition:transform .2s;display:inline-block}.developments-filter .filter-card.filter-collapsed .filter-chevron{transform:rotate(-90deg)}.developments-filter .btn-filter-clear{border:1px solid var(--developmentsFilter-clear-border);color:var(--developmentsFilter-clear-foreground);cursor:pointer;background:0 0;border-radius:6px;padding:8px 14px;font-size:.8rem;font-weight:600;transition:all .2s}.developments-filter .btn-filter-clear:hover{background:var(--developmentsFilter-clear-bg-hover);border-color:var(--global-company-color);color:var(--global-white)}.developments-filter .btn-filter-apply{background:var(--global-company-color);color:var(--global-white);cursor:pointer;box-shadow:0 2px 8px var(--developmentsFilter-apply-shadow);border:none;border-radius:6px;padding:10px 20px;font-size:.85rem;font-weight:700;transition:all .2s}.developments-filter .btn-filter-apply:hover:not(:disabled){background:var(--global-company-color-hover);box-shadow:0 4px 12px var(--developmentsFilter-apply-shadow-hover);transform:translateY(-1px)}.developments-filter .btn-filter-apply:active:not(:disabled){transform:translateY(0)}.developments-filter .btn-filter-apply:disabled{opacity:.6;cursor:not-allowed;box-shadow:none}.developments-filter .filter-body{background:var(--global-white);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:28px;padding:28px;display:grid}.developments-filter .filter-card.filter-collapsed .filter-body{display:none}.developments-filter .field-group{background:var(--global-page-background-light);border:1px solid var(--global-border-subtle);border-radius:12px;flex-direction:column;gap:10px;padding:16px;transition:border-color .2s;display:flex}.developments-filter .field-group:hover{border-color:var(--developmentsFilter-field-group-border-hover)}.developments-filter .field-label{text-transform:uppercase;letter-spacing:.08em;color:var(--global-company-dark-accent);align-items:center;gap:6px;margin-bottom:4px;font-size:.75rem;font-weight:700;display:flex}.developments-filter .pill-group{flex-wrap:wrap;gap:8px;display:flex}.developments-filter .pill{border:1.5px solid var(--developmentsFilter-pill-border);background:var(--global-white);color:var(--developmentsFilter-pill-text);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:20px;padding:8px 16px;font-size:.85rem;font-weight:500;transition:all .2s}.developments-filter .pill:hover:not(.active){border-color:var(--global-company-color);color:var(--global-company-color);box-shadow:0 2px 6px var(--developmentsFilter-pill-hover-shadow);transform:translateY(-1px)}.developments-filter .pill.active:hover{background:var(--global-company-color-hover);border-color:var(--global-company-color-hover);transform:translateY(-1px)}.developments-filter .pill.active{background:var(--global-company-color);border-color:var(--global-company-color);color:var(--global-white);box-shadow:0 2px 8px var(--developmentsFilter-apply-shadow);font-weight:600}.developments-filter .filter-location-input{background:var(--global-white);border:1.5px solid var(--developmentsFilter-pill-border);width:100%;color:var(--global-black);border-radius:8px;outline:none;padding:12px 16px;font-size:.95rem;transition:all .2s}.developments-filter .filter-location-input:focus{border-color:var(--global-company-color);box-shadow:0 0 0 3px var(--developmentsFilter-focus-glow)}.developments-filter .filter-location-input::placeholder{color:var(--developmentsFilter-placeholder-color)}@media (max-width:768px){.developments-filter .filter-topbar{text-align:left;grid-template-columns:auto 1fr;gap:12px;padding:16px 20px}.developments-filter .filter-topbar-title{text-align:center;order:-1;grid-column:1/-1}.developments-filter .filter-topbar-actions{justify-self:end}.developments-filter .filter-body{grid-template-columns:1fr;gap:16px;padding:20px}.developments-filter .pill{padding:6px 12px;font-size:.8rem}}@media (max-width:480px){.developments-filter .filter-topbar-actions{justify-content:flex-end;width:100%}.developments-filter .filter-toggle,.developments-filter .btn-filter-clear{padding:6px 10px;font-size:.75rem}.developments-filter .btn-filter-apply{padding:8px 14px;font-size:.8rem}}