/* BBL — SIRALAMA SATIRI (bbl-sira.js) · 2026-10-24 */
.bsira { display: flex; align-items: center; gap: 4px; padding: 7px 8px 8px; background: #0a1120; border-top: 1px solid #1e293b;
  font-family: 'DM Sans', sans-serif; box-sizing: border-box; width: 100%; flex-shrink: 0; }
.bsira-l { font-size: 8.5px; font-weight: 900; color: #a3afc1; letter-spacing: .5px; margin-right: 1px; flex-shrink: 0; }
.bsira button { all: unset; box-sizing: border-box; cursor: pointer; text-align: center; white-space: nowrap; border-radius: 8px;
  background: #111c30; border: 1px solid #233149; color: #b0bccc; font: 900 11px/1 'DM Sans', sans-serif; padding: 7px 0;
  transition: background .15s, color .15s, border-color .15s, transform .1s; -webkit-tap-highlight-color: transparent; }
.bsira button:hover { border-color: #334155; color: #e2e8f0; }
.bsira button:active { transform: scale(.95); }
.bsira .bsira-b { flex: 1 1 0; min-width: 0; overflow: hidden; text-overflow: ellipsis; padding-left: 2px; padding-right: 2px; }
.bsira .bsira-b.on, .bsira .bsira-more.on { background: linear-gradient(135deg, #fbbf24, #f59e0b); border-color: #fbbf24; color: #111827; }
.bsira .bsira-dir { flex: 0 0 28px; color: #fde68a; }
.bsira .bsira-more { flex: 0 0 28px; color: #fde68a; }
.bsira .bsira-more.on { flex: 0 0 auto; padding-left: 8px; padding-right: 8px; max-width: 86px; overflow: hidden; text-overflow: ellipsis; }
html.mobile-device .bsira { padding: 8px 10px calc(8px + env(safe-area-inset-bottom, 0px)); gap: 5px; }
html.mobile-device .bsira button { font-size: 12px; padding: 9px 0; }
html.mobile-device .bsira .bsira-dir, html.mobile-device .bsira .bsira-more:not(.on) { flex-basis: 32px; }

.bsira-pop { position: fixed; z-index: 100001; background: linear-gradient(180deg, #0f172a, #1e293b); border: 1px solid rgba(250, 204, 21, .35);
  border-radius: 12px; padding: 9px; box-shadow: 0 12px 40px rgba(0, 0, 0, .7); font-family: 'DM Sans', sans-serif; box-sizing: border-box;
  animation: bsiraIn .16s ease; }
@keyframes bsiraIn { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: none; } }
.bsira-pop h5 { margin: 0 0 6px; font: 900 9.5px 'DM Sans', sans-serif; color: #fbbf24; letter-spacing: .8px; }
.bsira-ch { display: flex; flex-wrap: wrap; gap: 4px; margin-bottom: 8px; }
.bsira-ch:last-child { margin-bottom: 0; }
.bsira-ch button { all: unset; cursor: pointer; padding: 6px 9px; border-radius: 999px; background: #111c30; border: 1px solid #334155;
  font-size: 11px; font-weight: 800; color: #cbd5e1; }
.bsira-ch button:hover { border-color: #64748b; }
.bsira-ch button.on { border-color: #fbbf24; color: #fde68a; background: rgba(251, 191, 36, .12); }

/* Hisse döşemesi: seçili dönem vurgusu + sıra numarası (bbl-fav-grid.js buildCard sınıfları) */
.fg-grid[class*="fgh-"] .fg-card { position: relative; }
.fg-grid.fgh-gd .fgp-gd, .fg-grid.fgh-d .fgp-d, .fg-grid.fgh-m1 .fgp-m1, .fg-grid.fgh-y1 .fgp-y1 {
  background: rgba(251, 191, 36, .13); box-shadow: inset 0 0 0 1px rgba(251, 191, 36, .5); border-radius: 4px; }
.fg-grid.fgh-gd .fgpl-gd, .fg-grid.fgh-d .fgpl-d, .fg-grid.fgh-m1 .fgpl-m1, .fg-grid.fgh-y1 .fgpl-y1 { color: #fbbf24 !important; }
.fg-rk { position: absolute; left: -1px; top: -1px; z-index: 3; min-width: 15px; height: 15px; padding: 0 3px; box-sizing: border-box;
  display: flex; align-items: center; justify-content: center; border-radius: 7px 0 6px 0; background: #fbbf24; color: #111827;
  font: 900 9px/1 'DM Sans', sans-serif; pointer-events: none; }
.fg-rk.r1 { background: linear-gradient(135deg, #fde047, #f59e0b); }

/* PC sol panel: liste + altta sabit satır */
#fg-sira:empty { display: none; }
#fg-sira { flex-shrink: 0; }
/* PC sol panel: dört sekme (Havuz · Filtre · Takip · Takım) */
.lp-tabs4 .tab-btn { font-size: 10px !important; padding: 8px 2px !important; gap: 4px !important; letter-spacing: .2px; min-width: 0; white-space: nowrap; }
.lp-tabs4 .tab-btn i { font-size: 11px; flex-shrink: 0; }
.lp-dot { display: inline-block; width: 6px; height: 6px; border-radius: 50%; background: #ef4444; box-shadow: 0 0 6px #ef4444;
  margin-left: 3px; vertical-align: middle; animation: pulse 1.5s infinite; }

/* Uyum tablosu (bbl-market.js renderScoutOneriTab): takip ettiğin takımın kadrosundaki hisse */
tr.oneri-tk > td { background: rgba(251, 146, 60, .09); }
tr.oneri-tk > td:first-child { box-shadow: inset 3px 0 0 #fb923c; }
.oneri-tag { display: inline-block; max-width: 100%; margin-top: 2px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; vertical-align: top;
  font-size: 8.5px; font-weight: 900; color: #fed7aa; background: rgba(251, 146, 60, .18); border: 1px solid rgba(251, 146, 60, .55); border-radius: 5px; padding: 1px 4px; }
/* Takım gözlemcisi (telefon): kutucukların altında */
.vw-sira { padding: 0 2px 8px; }
.vw-sira .bsira { border-radius: 10px; border: 1px solid #1e293b; padding-bottom: 8px; }