.smart-select { position: relative; display: inline-block; min-width: 120px; max-width: 100%; vertical-align: middle; }
.smart-select-native { position: absolute !important; width: 1px !important; height: 1px !important; opacity: 0 !important; pointer-events: none !important; }
.smart-select-trigger { width: 100%; min-height: 38px; padding: 6px 34px 6px 10px; border: 1px solid transparent; border-radius: 8px; background: transparent; color: #2A2523; font: inherit; text-align: left; cursor: pointer; position: relative; }
.smart-select-trigger::after { content: '▾'; position: absolute; right: 11px; top: 50%; transform: translateY(-50%); color: #766C66; font-size: 12px; }
.smart-select-trigger:hover { border-color: transparent; background: #F7F4F0; }
.smart-select-trigger:focus, .smart-select.is-open .smart-select-trigger { outline: 2px solid #2F6FED; outline-offset: 0; border-color: transparent; background:#FFF; }
.smart-select-chip, .pastel-chip { display: inline-flex; align-items: center; max-width: 100%; padding: 3px 10px; border-radius: 999px; line-height: 1.45; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.smart-select-placeholder { color: #8B7E76; }
.smart-select-panel { position: fixed; z-index: 10000; padding: 10px; background: #FFF; border: 1px solid #E8E3DE; border-radius: 10px; box-shadow: 0 10px 30px rgba(42,37,35,.16); }
.smart-select-search { width: 100% !important; height: 40px; padding: 8px 10px !important; border: 2px solid #2F6FED !important; border-radius: 9px !important; font-size: 15px !important; outline: 0 !important; }
.smart-select-options { max-height: 285px; overflow-y: auto; padding: 8px 2px 2px; }
.smart-select-option, .smart-select-add { display: flex; align-items: center; width: 100%; min-height: 44px; padding: 6px 8px; border: 0; border-radius: 7px; background: transparent; color: #2A2523; font: inherit; text-align: left; cursor: pointer; }
.smart-select-option:hover, .smart-select-option.is-active, .smart-select-add:hover { background: #F5F2EE; }
.smart-select-option[aria-selected="true"]::after { content: '✓'; margin-left: auto; color: #2F6FED; font-weight: 700; }
.smart-select-empty { padding: 16px 8px; color: #8B7E76; font-size: 13px; text-align: center; }
.smart-select-add { border-top: 1px solid #EFE8E2; color: #2F6FED; margin-top: 5px; border-radius: 0 0 7px 7px; }
.pastel-0 { background:#DFF3FF; color:#111; } .pastel-1 { background:#FFE1EF; color:#111; }
.pastel-2 { background:#EEE5FF; color:#111; } .pastel-3 { background:#DDF7DF; color:#111; }
.pastel-4 { background:#FFF0B8; color:#111; } .pastel-5 { background:#FFD9D2; color:#111; }
.pastel-6 { background:#CFF7F1; color:#111; } .pastel-7 { background:#F1DFFF; color:#111; }
.pastel-8 { background:#DFE7F1; color:#111; } .pastel-9 { background:#FFE1C2; color:#111; }
@media (max-width: 640px) { .smart-select-panel { max-width: calc(100vw - 20px); } }