.stock-picker {
  display: grid;
  grid-template-columns: minmax(220px, .7fr) minmax(360px, 1.3fr);
  gap: 22px;
  align-items: center;
  margin: 0 0 22px;
  padding: 20px 22px;
  border: 1px solid rgba(103, 104, 238, .18);
  border-radius: 20px;
  background: linear-gradient(135deg, #fbfbff, #f5f7ff);
  box-shadow: 0 12px 38px rgba(75, 80, 145, .06);
}
.stock-picker-copy b,.stock-picker-copy small{display:block}
.stock-picker-copy b{font-size:15px}
.stock-picker-copy small{margin-top:7px;color:var(--muted);font-size:11px;line-height:1.6}
.stock-search-row{display:flex;gap:9px}
.stock-search-row input{flex:1;min-width:0;border:1px solid var(--line);border-radius:12px;padding:11px 13px;font:inherit;background:#fff}
.stock-search-row input:focus{outline:3px solid rgba(103,104,238,.12);border-color:#7778ef}
.stock-search-row button{white-space:nowrap}
.stock-clear{border:0;background:transparent;color:var(--muted);cursor:pointer}
.stock-results{grid-column:2;display:flex;gap:7px;flex-wrap:wrap;margin-top:-12px}
.stock-results button{display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:10px;background:#fff;padding:8px 10px;cursor:pointer}
.stock-results button:hover{border-color:#7778ef;background:#f4f3ff}
.stock-results button span,.stock-results small{color:var(--muted);font-size:10px}
@media(max-width:1050px){.stock-picker{grid-template-columns:1fr}.stock-results{grid-column:1}}
@media(max-width:650px){.stock-search-row{flex-wrap:wrap}.stock-search-row input{flex-basis:100%}}