/* BBL — PC ARAMA (üst çubuk büyüteci, bbl-stock-search.js) + FİLTRE ŞERİDİ (sol panel Filtre sekmesi, bbl-fav-grid.js) · 2026-10-24
   Sol paneldeki eski arama kutusu, FİLTRE düğmesi ve ⟳ PC'de gizli (öğeler yerinde durur, eski kodlar bozulmaz). */
html:not(.mobile-device) .left-panel .market-header .search-row { display: none !important; }

/* üst çubuk arama alanı (doğrudan yazılır) */
/* [2026-10-27 TEK DÜZEN] Tuval içinde vw yok: genişlik sabit tuval pikseli (laptop = monitör) */
#stock-search-btn.ssb { position: relative; display: inline-flex; align-items: center; gap: 7px; height: 32px; width: 200px; padding: 0 8px 0 10px;
  margin-right: 8px; border-radius: 9px; border: 1px solid #334155; background: rgba(15, 23, 42, .75); color: #a3afc1; cursor: text;
  transition: width .2s ease, border-color .2s, box-shadow .2s, background .2s; box-sizing: border-box; }
#stock-search-btn.ssb:hover { border-color: #475569; color: #b0bccc; }
#stock-search-btn.ssb i { font-size: 12px; flex-shrink: 0; }
#stock-search-btn.ssb input { all: unset; flex: 1; min-width: 0; font: 700 12.5px 'DM Sans', sans-serif; color: #f1f5f9; caret-color: #60a5fa; }
#stock-search-btn.ssb input::placeholder { color: #a3afc1; font-weight: 600; }
#stock-search-btn.ssb kbd { flex-shrink: 0; font: 800 10px 'DM Sans', sans-serif; color: #a3afc1; border: 1px solid #334155; border-radius: 4px; padding: 0 5px; line-height: 16px; }
#stock-search-btn.ssb.on { width: 280px; border-color: rgba(96, 165, 250, .8); background: rgba(15, 23, 42, .95); color: #93c5fd;
  box-shadow: 0 0 0 3px rgba(59, 130, 246, .22), 0 0 18px rgba(59, 130, 246, .35); }
#stock-search-btn.ssb.on kbd { opacity: 0; width: 0; padding: 0; border: 0; }
#stock-search-btn.ssb.parla { animation: ssbParla 1s ease-out; }
@keyframes ssbParla { 0% { box-shadow: 0 0 0 0 rgba(96, 165, 250, .9), 0 0 30px rgba(96, 165, 250, .8); } 100% { box-shadow: 0 0 0 3px rgba(59, 130, 246, .22), 0 0 18px rgba(59, 130, 246, .35); } }
@media (prefers-reduced-motion: reduce) { #stock-search-btn.ssb, #stock-search-btn.ssb.parla { transition: none; animation: none; } }
.stock-search-panel.ssp-pc.ssp-ust .ssp-head { display: none; }

/* açılır panel */
.stock-search-panel.ssp-pc { width: 460px; right: auto; animation: sspIn .14s ease; }
.ssp-pc .ssp-input { font-size: 13.5px; }
.ssp-pc .ssp-results { padding: 6px; gap: 3px; max-height: min(70vh, 560px); }
.ssp-pc.dragging { opacity: .22; }
.sspc-t { font: 900 9.5px 'DM Sans', sans-serif; color: #a3afc1; letter-spacing: .6px; padding: 4px 6px 2px; }
.sspc-row { display: grid; grid-template-columns: 30px minmax(0, 1fr) 64px 50px 52px 46px 26px; align-items: center; gap: 7px; padding: 6px 7px;
  border-radius: 9px; border: 1px solid transparent; cursor: pointer; font-family: 'DM Sans', sans-serif; }
.sspc-row:hover, .sspc-row.on { background: rgba(59, 130, 246, .12); border-color: rgba(59, 130, 246, .35); }
.sspc-row[draggable="true"] { cursor: grab; }
/* .sspc-lg = BBL_Logo kutusu (28 px, beyaz zemin) — 2026-10-27 */
.sspc-nm { min-width: 0; line-height: 1.2; }
.sspc-nm b { display: flex; align-items: center; gap: 5px; font-size: 13px; font-weight: 900; color: #f1f5f9; letter-spacing: .2px; }
.sspc-nm b em { font-style: normal; font-size: 8.5px; font-weight: 900; color: #7dd3fc; border: 1px solid rgba(125, 211, 252, .45); border-radius: 4px; padding: 0 4px; letter-spacing: 0; }
.sspc-nm small { display: block; font-size: 10px; color: #a3afc1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.sspc-px { font-size: 11.5px; font-weight: 800; color: #cbd5e1; text-align: right; white-space: nowrap; }
.sspc-p { font-size: 11.5px; font-weight: 900; color: #b0bccc; text-align: right; white-space: nowrap; line-height: 1.1; }
.sspc-p small { display: block; font-size: 7.5px; font-weight: 800; color: #97a4b8; letter-spacing: .3px; }
.sspc-p.up { color: #4ade80; } .sspc-p.dn { color: #f87171; }
.sspc-v { font-size: 11.5px; font-weight: 900; color: #fbbf24; text-align: right; }
.sspc-hv { all: unset; cursor: pointer; width: 26px; height: 26px; border-radius: 7px; display: flex; align-items: center; justify-content: center; font-size: 13px;
  border: 1px solid #334155; filter: grayscale(1) opacity(.55); }
.sspc-hv:hover { filter: none; border-color: rgba(251, 191, 36, .5); }
.sspc-hv.on { filter: none; border-color: rgba(251, 191, 36, .6); background: rgba(251, 191, 36, .12); }
.sspc-more { font-size: 10.5px; color: #a3afc1; text-align: center; padding: 6px; }
.sspc-ft { font-size: 10px; color: #97a4b8; padding: 6px 10px 8px; border-top: 1px solid rgba(148, 163, 184, .12); text-align: center; }
.ssp-hint i { font-style: normal; color: #97a4b8; }

/* Filtre sekmesi: kısa filtre şeridi (listenin üstünde) */
.fstr { padding: 8px 7px 7px; border-bottom: 1px solid #1e293b; background: #0b1426; font-family: 'DM Sans', sans-serif; }
.fstr-r { display: flex; gap: 4px; align-items: center; }
.fstr-r + .fstr-r { margin-top: 6px; }
.fstr-f button { all: unset; box-sizing: border-box; cursor: pointer; flex: 1; text-align: center; padding: 5px 0; border-radius: 7px; background: #111c30; border: 1px solid #233149;
  font: 900 10.5px 'DM Sans', sans-serif; color: #b0bccc; }
.fstr-f button:hover { color: #e2e8f0; border-color: #334155; }
.fstr-f button.on { background: #1d4ed8; border-color: #60a5fa; color: #fff; }
.fstr select { flex: 1; min-width: 0; height: 28px; border-radius: 7px; background: #111c30; border: 1px solid #233149; color: #e2e8f0; font: 700 11px 'DM Sans', sans-serif; padding: 0 6px; }
.fstr select.on { border-color: #60a5fa; background: #15275a; }   /* [2026-10-27] opak: saydam zeminde Windows Chrome açılan listeyi beyaza düşürüyordu (beyaz üstüne beyaz) */
.fstr .fstr-all, .fstr .fstr-x { all: unset; box-sizing: border-box; cursor: pointer; height: 28px; padding: 0 8px; border-radius: 7px; font: 900 10.5px 'DM Sans', sans-serif; white-space: nowrap;
  display: inline-flex; align-items: center; gap: 4px; }
.fstr .fstr-all { background: #111c30; border: 1px solid #334155; color: #cbd5e1; }
.fstr .fstr-all.on { border-color: #60a5fa; color: #bfdbfe; }
.fstr .fstr-x { background: rgba(239, 68, 68, .1); border: 1px solid rgba(239, 68, 68, .4); color: #fca5a5; }
.fstr-n { font-size: 9.5px; color: #a3afc1; font-weight: 800; padding: 6px 1px 0; }
.fstr-n b { color: #e2e8f0; }
html.mobile-device #stock-search-btn { display: none !important; }