.search-bar[data-v-cbb049a5]{background:var(--bg-primary);border:1px solid var(--border-light);width:100%;height:44px;box-shadow:var(--shadow-sm);border-radius:12px;transition:all .2s}.search-bar--focused[data-v-cbb049a5]{border-color:var(--primary-400);box-shadow:0 0 0 3px #22c55e1f}.search-bar-inner[data-v-cbb049a5]{align-items:center;height:100%;padding:0 4px;display:flex}.search-bar-icon[data-v-cbb049a5]{width:36px;height:36px;color:var(--text-tertiary);pointer-events:none;flex-shrink:0;justify-content:center;align-items:center;display:flex}.search-bar-icon svg[data-v-cbb049a5]{display:block}.search-bar-input[data-v-cbb049a5]{height:100%;color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;min-width:0;padding:0 4px;font-size:.9375rem}.search-bar-input[data-v-cbb049a5]::placeholder{color:var(--text-tertiary)}.search-bar-btn[data-v-cbb049a5]{background:var(--primary-500);width:32px;height:32px;color:var(--text-inverse,#fff);cursor:pointer;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;transition:all .15s;display:flex}.search-bar-btn[data-v-cbb049a5]:hover{background:var(--primary-600)}.search-bar-btn svg[data-v-cbb049a5]{display:block}.search-bar-clear[data-v-cbb049a5]{width:32px;height:32px;color:var(--text-tertiary);cursor:pointer;background:0 0;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;margin-right:4px;transition:all .15s;display:flex}.search-bar-clear[data-v-cbb049a5]:hover{color:var(--text-primary);background:var(--bg-secondary)}.search-bar-clear svg[data-v-cbb049a5]{display:block}@media (width<=640px){.search-bar[data-v-cbb049a5]{height:40px}}