.search-field{width:100%;max-width:600px;margin-bottom:20px}.search-field-label{margin-bottom:8px;font-size:14px;font-weight:600;display:block}.search-field-controls{align-items:center;gap:10px;display:flex}.search-field-input{border:1px solid var(--border,#64748b);background:var(--card,#fff);width:100%;min-width:0;min-height:44px;color:var(--foreground,#111827);font:inherit;border-radius:6px;flex:1;padding:10px 12px}.search-field-clear{color:#111827;min-height:44px;font:inherit;cursor:pointer;background:#f1f5f9;border:1px solid #64748b;border-radius:6px;flex-shrink:0;padding:10px 14px;font-weight:600}.search-field-clear:hover{background:#e2e8f0}.search-field-input:focus-visible,.search-field-clear:focus-visible{outline-offset:3px;outline:3px solid #2563eb}@media (width<=480px){.search-field-controls{flex-direction:column;align-items:stretch}.search-field-clear{align-self:flex-start}}