.pet-dropdown{width:100%;font-size:var(--pet-text-base,1rem);position:relative}.pet-dropdown__button{background:var(--pet-surface,#fff);border:1px solid var(--pet-border-color,#1e1c1826);border-radius:var(--pet-radius-sm,8px);width:100%;min-height:44px;color:var(--pet-text-primary,#1c1917);font-size:var(--pet-text-base,1rem);text-align:left;cursor:pointer;transition:all var(--pet-transition,.2s ease);outline:none;justify-content:space-between;align-items:center;padding:12px 40px 12px 16px;display:flex;position:relative}.pet-dropdown__button:hover{border-color:var(--pet-primary,#1b2f5b);background:var(--pet-surface-alt,#fafaf9)}.pet-dropdown__button:focus{border-color:var(--pet-primary,#1b2f5b);box-shadow:0 0 0 3px #1b2f5b1a}.pet-dropdown.is-open .pet-dropdown__button{border-color:var(--pet-primary,#1b2f5b);border-bottom-right-radius:0;border-bottom-left-radius:0}.pet-dropdown__text{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.pet-dropdown__text.is-placeholder{color:var(--pet-text-muted,#6b6a7a)}.pet-dropdown__arrow{transition:transform var(--pet-transition,.2s ease);color:var(--pet-text-muted,#6b6a7a);pointer-events:none;position:absolute;top:50%;right:16px;transform:translateY(-50%)}.pet-dropdown.is-open .pet-dropdown__arrow{transform:translateY(-50%)rotate(180deg)}.pet-dropdown__clear{width:24px;height:24px;color:var(--pet-text-muted,#6b6a7a);font-size:var(--pet-text-xl);cursor:pointer;transition:all var(--pet-transition-fast,.15s ease);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;display:flex;position:absolute;top:50%;right:40px;transform:translateY(-50%)}.pet-dropdown__clear:hover{color:var(--pet-text-primary,#1c1917);background:#0000000d}.pet-dropdown__check{border:2px solid var(--pet-border-color,#1e1c1826);color:#0000;width:20px;height:20px;transition:all var(--pet-transition-fast,.15s ease);border-radius:4px;justify-content:center;align-items:center;margin-right:8px;display:inline-flex}.pet-dropdown__option.is-selected .pet-dropdown__check{background:var(--pet-primary,#1b2f5b);border-color:var(--pet-primary,#1b2f5b);color:#fff}.pet-dropdown__menu{z-index:var(--pet-z-dropdown,1000);background:var(--pet-surface,#fff);border:1px solid var(--pet-border-color,#1e1c1826);border-bottom-left-radius:var(--pet-radius-sm,8px);border-bottom-right-radius:var(--pet-radius-sm,8px);box-shadow:var(--pet-shadow-lg,0 12px 32px #1e1c181f);border-top:none;animation:.2s pet-dropdown-slide-in;display:none;position:absolute;top:100%;left:0;right:0;overflow:hidden}.pet-dropdown.is-open .pet-dropdown__menu{display:block}.pet-dropdown__search-wrapper{border-bottom:1px solid var(--pet-border-color,#1e1c1814);background:var(--pet-surface-alt,#fafaf9);padding:12px}.pet-dropdown__search{background:var(--pet-surface,#fff);border:1px solid var(--pet-border-color,#1e1c1826);border-radius:var(--pet-radius-sm,8px);width:100%;font-size:var(--pet-text-sm,.875rem);transition:all var(--pet-transition,.2s ease);outline:none;padding:8px 12px}.pet-dropdown__search:focus{border-color:var(--pet-primary,#1b2f5b);box-shadow:0 0 0 3px #1b2f5b1a}.pet-dropdown__options{overscroll-behavior:contain;overflow-y:auto}.pet-dropdown__options::-webkit-scrollbar{width:8px}.pet-dropdown__options::-webkit-scrollbar-track{background:var(--pet-surface-alt,#fafaf9)}.pet-dropdown__options::-webkit-scrollbar-thumb{background:var(--pet-text-muted,#6b6a7a);border-radius:4px}.pet-dropdown__options::-webkit-scrollbar-thumb:hover{background:var(--pet-text-secondary,#1f2937)}.pet-dropdown__option{cursor:pointer;transition:background-color var(--pet-transition-fast,.15s ease);color:var(--pet-text-primary,#1c1917);align-items:center;padding:12px 16px;display:flex}.pet-dropdown__option:hover,.pet-dropdown__option.is-highlighted{background:var(--pet-surface-alt,#fafaf9)}.pet-dropdown__option.is-selected{background:#1b2f5b0d;font-weight:500}.pet-dropdown__option.is-selected:hover,.pet-dropdown__option.is-selected.is-highlighted{background:#1b2f5b1a}.pet-dropdown__option.is-disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.pet-dropdown__label{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.pet-dropdown__no-results{text-align:center;color:var(--pet-text-muted,#6b6a7a);font-size:var(--pet-text-sm,.875rem);padding:24px 16px}@keyframes pet-dropdown-slide-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.pet-dropdown--small .pet-dropdown__button{min-height:36px;font-size:var(--pet-text-sm,.875rem);padding:8px 36px 8px 12px}.pet-dropdown--small .pet-dropdown__arrow{right:12px}.pet-dropdown--small .pet-dropdown__option{font-size:var(--pet-text-sm,.875rem);padding:8px 12px}.pet-dropdown--large .pet-dropdown__button{min-height:52px;font-size:var(--pet-text-lg,1.125rem);padding:16px 44px 16px 20px}.pet-dropdown--large .pet-dropdown__arrow{right:20px}.pet-dropdown--large .pet-dropdown__option{font-size:var(--pet-text-lg,1.125rem);padding:16px 20px}.pet-dropdown.has-error .pet-dropdown__button{border-color:var(--pet-error,#dc2626);background-color:var(--pet-error-light,#fef2f2)}.pet-dropdown.has-error .pet-dropdown__button:focus{box-shadow:0 0 0 3px #dc26261a}.pet-dropdown.has-success .pet-dropdown__button{border-color:var(--pet-success,#16a34a);background-color:var(--pet-success-light,#f0fdf4)}.pet-dropdown.has-success .pet-dropdown__button:focus{box-shadow:0 0 0 3px #16a34a1a}.pet-dropdown.is-disabled .pet-dropdown__button{opacity:.6;cursor:not-allowed;pointer-events:none}@media (prefers-reduced-motion:reduce){.pet-dropdown__button,.pet-dropdown__arrow,.pet-dropdown__option,.pet-dropdown__clear,.pet-dropdown__check{transition:none}.pet-dropdown__menu{animation:none}}@media (width<=640px){.pet-dropdown__menu{max-height:60vh!important}.pet-dropdown__option{min-height:44px}}