/* BBL — TAKİP: hisse scoutları + hisse takibi (bbl-hisse-takip.js) · 2026-10-24
   Kutucuklar bbl-scout-view.css .vw-card / .vw-sec / .vw-quota ile aynı dil. */
.ht-panel { padding: 8px 8px 12px !important; font-family: 'DM Sans', sans-serif; color: #e2e8f0; }
html.mobile-device .ht-panel { padding: 8px 6px 10px !important; }
.ht-sec h4 span { font-size: 9.5px; }

/* scout kartları */
.ht-scs { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 7px; padding: 0 9px 10px; }
.ht-sc { all: unset; box-sizing: border-box; cursor: pointer; position: relative; min-width: 0; text-align: center; border-radius: 12px;
  background: #0f1729; border: 1px solid #233149; padding: 8px 5px 7px; transition: border-color .15s, transform .1s, box-shadow .15s; }
.ht-sc:hover { border-color: #334155; }
.ht-sc:active { transform: scale(.97); }
.ht-sc.ready { border-color: rgba(96, 165, 250, .6); box-shadow: 0 0 0 1px rgba(96, 165, 250, .25), 0 6px 16px rgba(37, 99, 235, .18); }
.ht-sc.lock { opacity: .62; }
.ht-ic { display: block; font-size: 21px; line-height: 1; }
.ht-sc b { display: block; font-size: 11.5px; font-weight: 900; color: #fff; margin-top: 4px; }
.ht-sc > small { display: block; font-size: 9px; font-weight: 700; color: #b0bccc; margin-top: 1px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ht-st { margin-top: 6px; font-size: 10.5px; font-weight: 900; border-radius: 7px; padding: 5px 2px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ht-st.go { background: linear-gradient(135deg, #22c55e, #16a34a); color: #fff; }
.ht-st.yol { background: #1c150a; border: 1px solid rgba(251, 191, 36, .45); color: #fbbf24; }
.ht-st.rp { background: rgba(96, 165, 250, .15); border: 1px solid rgba(96, 165, 250, .5); color: #bfdbfe; }
.ht-st.ok { background: #111c30; border: 1px solid #233149; color: #86efac; }
.ht-st.lk { background: #111c30; border: 1px solid #233149; color: #a3afc1; }
.ht-bar { height: 3px; border-radius: 2px; background: #1e293b; margin-top: 5px; overflow: hidden; }
.ht-bar s { display: block; height: 100%; background: linear-gradient(90deg, #f59e0b, #fbbf24); text-decoration: none; transition: width .6s; }
.ht-asama { display: block; margin-top: 4px; font-size: 8.5px; font-weight: 700; color: #a3a3a3; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ht-dot { position: absolute; right: 6px; top: 6px; width: 8px; height: 8px; border-radius: 50%; background: #60a5fa; box-shadow: 0 0 6px #60a5fa; animation: pulse 1.6s infinite; }

/* logo (beyaz yuvarlak) */
.ht-lg { position: relative; display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; width: 26px; height: 26px;
  border-radius: 50%; background: #fff; overflow: hidden; }
.ht-lg > .bbl-lg { width: 100%; height: 100%; }   /* [2026-10-27] içerik BBL_Logo */
.ht-lg.big { width: 38px; height: 38px; }

/* takip kutucuğu (takım kutucuğuyla aynı yapı) */
.ht-tile .rows span.lbl { font-size: 11px; }
html:not(.mobile-device) .ht-tile .rows span.lbl { font-size: 9.5px; letter-spacing: -.2px; }
html:not(.mobile-device) .ht-tile .rows i { font-size: 10px; }
.ht-tile .ft .rp { flex: 1; min-width: 0; background: rgba(96, 165, 250, .12); border: 1px solid rgba(96, 165, 250, .4); color: #93c5fd; white-space: nowrap; }
html:not(.mobile-device) .ht-tile .ft .rp { font-size: 9.5px; }
.ht-tile.chg { border-color: rgba(251, 191, 36, .45); }
.ht-tile .hd2 { position: relative; }
.ht-note { position: absolute; right: 5px; top: 5px; font-size: 12px; line-height: 1; }
.vw-card .lbl.m, .ht-rz .m { color: #fde68a; }

/* son raporlar */
.ht-rl { padding: 0 9px 9px; display: flex; flex-direction: column; gap: 5px; }
.ht-rr { all: unset; box-sizing: border-box; cursor: pointer; display: flex; align-items: center; gap: 8px; background: #111c30; border: 1px solid #233149;
  border-radius: 9px; padding: 7px 9px; font-size: 11.5px; font-weight: 800; min-width: 0; }
.ht-rr:hover { border-color: #334155; }
.ht-rr.yeni { border-color: rgba(96, 165, 250, .55); }
.ht-rr i { font-style: normal; font-size: 16px; }
.ht-rr b { white-space: nowrap; }
.ht-rr small { color: #b0bccc; font-weight: 700; font-size: 10px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ht-rr.yeni small { color: #93c5fd; }
.ht-rr em { margin-left: auto; font-style: normal; color: #a3afc1; font-size: 10px; font-weight: 700; white-space: nowrap; }

.ht-empty { padding: 30px 18px; text-align: center; color: #b0bccc; font-size: 12px; line-height: 1.6; }
.ht-empty b { display: block; color: #e2e8f0; font-size: 13px; margin: 4px 0; }
.ht-yasal { font-size: 9.5px; color: #a3afc1; text-align: center; padding: 6px 10px 2px; line-height: 1.4; }

/* telefon sayfası */
#ht-overlay .ht-body { overflow-y: auto; overflow-x: hidden; -webkit-overflow-scrolling: touch; }
.ht-sira { flex-shrink: 0; width: 100%; }
.ht-sira:empty { display: none; }

/* pencere (PC ortada; telefonda BBL_Sheet sayfası) */
html:not(.mobile-device) .ht-modal-ov { position: fixed; inset: 0; z-index: 100000; background: rgba(2, 6, 23, .72); display: flex; align-items: center;
  justify-content: center; padding: 16px; box-sizing: border-box; animation: htIn .16s ease; }
@keyframes htIn { from { opacity: 0; } to { opacity: 1; } }
html:not(.mobile-device) .ht-modal { width: 520px; max-width: 96vw; max-height: 88vh; display: flex; flex-direction: column; overflow: hidden; border-radius: 16px;
  background: linear-gradient(180deg, #0f172a, #0b1222); border: 1px solid rgba(251, 146, 60, .35); box-shadow: 0 24px 60px rgba(0, 0, 0, .65); font-family: 'DM Sans', sans-serif; }
.ht-mh { display: flex; align-items: center; gap: 10px; padding: 12px 14px 10px; border-bottom: 1px solid #1e293b; flex-shrink: 0; }
.ht-mh b { display: block; font-size: 15px; font-weight: 900; color: #fff; }
.ht-mh small { display: block; font-size: 11px; color: #b0bccc; margin-top: 1px; }
.ht-x { all: unset; cursor: pointer; margin-left: auto; width: 32px; height: 32px; border-radius: 50%; background: #1e293b; color: #cbd5e1; display: flex; align-items: center; justify-content: center; font-weight: 900; }
.ht-mb { flex: 1; min-height: 0; overflow-y: auto; overflow-x: hidden; padding: 12px 14px 14px; }
html.mobile-device .ht-mb { padding: 10px 12px 14px; }

/* gönderme formu */
.ht-fhd, .ht-rhd { display: flex; align-items: center; gap: 10px; margin-bottom: 12px; }
.ht-fhd > span, .ht-rhd > span { font-size: 28px; line-height: 1; }
.ht-fhd b, .ht-rhd b { display: block; font-size: 14px; font-weight: 900; color: #fff; }
.ht-fhd small, .ht-rhd small { display: block; font-size: 11px; color: #b0bccc; margin-top: 2px; line-height: 1.35; }
.ht-fl { margin-bottom: 11px; }
.ht-fl label { display: block; font: 900 10px 'DM Sans', sans-serif; color: #b0bccc; letter-spacing: .5px; margin-bottom: 6px; }
.ht-fl label i { font-style: normal; font-weight: 700; color: #a3afc1; letter-spacing: 0; margin-left: 4px; }
.ht-chs { display: flex; flex-wrap: wrap; gap: 5px; }
.ht-ch { all: unset; box-sizing: border-box; cursor: pointer; padding: 7px 11px; border-radius: 999px; background: #111c30; border: 1px solid #334155;
  font-size: 12px; font-weight: 800; color: #cbd5e1; transition: border-color .15s, background .15s; }
.ht-ch:hover { border-color: #64748b; }
.ht-ch.on { border-color: #fb923c; color: #fed7aa; background: rgba(251, 146, 60, .15); }
.ht-sel { width: 100%; height: 38px; border-radius: 10px; background: #111c30; border: 1px solid #334155; color: #e2e8f0; font: 700 12.5px 'DM Sans', sans-serif; padding: 0 10px; }
.ht-uyari { font-size: 11px; color: #b0bccc; background: #111c30; border: 1px solid #233149; border-radius: 9px; padding: 8px 10px; line-height: 1.4; }
.ht-go { all: unset; box-sizing: border-box; cursor: pointer; display: block; width: 100%; text-align: center; margin-top: 10px; padding: 12px; border-radius: 11px;
  background: linear-gradient(135deg, #22c55e, #16a34a); color: #fff; font: 900 15px 'DM Sans', sans-serif; box-shadow: 0 6px 18px rgba(22, 163, 74, .3); }
.ht-go:disabled { opacity: .6; cursor: default; }
.ht-kalan { text-align: center; font-size: 10.5px; color: #a3afc1; margin-top: 7px; }

/* rapor */
.ht-sart { display: flex; flex-wrap: wrap; gap: 4px; margin: -4px 0 10px; }
.ht-sart span { font-size: 10.5px; font-weight: 800; color: #fed7aa; background: rgba(251, 146, 60, .12); border: 1px solid rgba(251, 146, 60, .35); border-radius: 999px; padding: 3px 8px; }
.ht-aday { background: linear-gradient(180deg, #111c30, #0f1729); border: 1px solid #233149; border-radius: 13px; padding: 10px 11px 10px; margin-bottom: 9px; }
.ht-ah { display: flex; align-items: center; gap: 9px; cursor: pointer; }
.ht-ah > div > b { display: block; font-size: 15px; font-weight: 900; color: #fff; letter-spacing: .3px; }
.ht-ah > div > small { display: block; font-size: 11px; color: #b0bccc; margin-top: 1px; }
.ht-ah > div > small em { font-style: normal; color: #fbbf24; font-weight: 900; }
.ht-hv { margin-left: auto; font-size: 10.5px; font-weight: 800; color: #60a5fa; white-space: nowrap; }
.ht-rz { display: flex; flex-wrap: wrap; align-items: center; gap: 5px; margin: 9px 0 6px; }
.ht-rz span { font-size: 11px; font-weight: 900; border-radius: 7px; padding: 3px 8px; background: #16223a; border: 1px solid #233149; }
.ht-rz .g { color: #86efac; border-color: rgba(74, 222, 128, .35); }
.ht-rz .r { color: #fca5a5; border-color: rgba(248, 113, 113, .35); }
.ht-rz .dim { color: #b0bccc; }
.ht-rz .n { color: #e9d5ff; border-color: rgba(168, 85, 247, .4); background: rgba(168, 85, 247, .1); }
.ht-yz { font-size: 13px; color: #fbbf24; letter-spacing: 1px; padding: 0 2px !important; background: none !important; border: 0 !important; }
.ht-yz i { font-style: normal; color: #334155; }
.ht-cm { margin: 0; padding: 0 0 0 2px; list-style: none; }
.ht-cm li { position: relative; padding: 0 0 0 14px; margin: 5px 0; font-size: 12.5px; line-height: 1.45; color: #dbe4f0; font-style: italic; }
.ht-cm li::before { content: "“"; position: absolute; left: 0; top: -2px; font-size: 18px; color: #fb923c; font-style: normal; }
.ht-ab { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 9px; }
.ht-b { all: unset; box-sizing: border-box; cursor: pointer; flex: 1; text-align: center; padding: 8px 4px; border-radius: 9px; font-size: 12px; font-weight: 900; white-space: nowrap; }
.ht-b.tk { background: rgba(96, 165, 250, .15); border: 1px solid rgba(96, 165, 250, .5); color: #bfdbfe; }
.ht-b.hv { background: rgba(251, 191, 36, .12); border: 1px solid rgba(251, 191, 36, .45); color: #fde68a; }
.ht-b.al { flex-basis: 100%; background: linear-gradient(135deg, #22c55e, #16a34a); border: 1px solid #4ade80; color: #fff; }   /* [2026-10-25] rapordan kadroya al */
.ht-b.rm { background: rgba(239, 68, 68, .08); border: 1px solid rgba(239, 68, 68, .35); color: #fca5a5; }
.ht-b.on { background: #111c30; border: 1px solid #233149; color: #86efac; cursor: default; }
.ht-bos { text-align: center; padding: 18px 12px; background: #111c30; border: 1px dashed #334155; border-radius: 13px; }
.ht-bos span { font-size: 34px; }
.ht-bos b { display: block; font-size: 14px; color: #fff; margin: 6px 0 4px; }
.ht-bos p { margin: 0; font-size: 12.5px; color: #cbd5e1; line-height: 1.5; font-style: italic; }
.ht-yerine { font-size: 12px; color: #fde68a; background: rgba(251, 191, 36, .08); border: 1px solid rgba(251, 191, 36, .3); border-radius: 10px; padding: 8px 10px; margin: 4px 0 6px; }
.ht-deg { font-size: 11.5px; font-weight: 900; margin: 2px 0 4px; }
.ht-deg.g { color: #86efac; } .ht-deg.r { color: #fca5a5; }
.ht-not { font-size: 11px; color: #b0bccc; line-height: 1.45; padding: 2px 2px 6px; }

/* [2026-10-25] Draft Gecesi durum kartı (panelin üstü) */
.ht-draft { all: unset; box-sizing: border-box; cursor: pointer; display: grid; grid-template-columns: 1fr auto; align-items: center; column-gap: 8px; width: calc(100% - 18px); margin: 0 9px 10px;
  padding: 9px 12px; border-radius: 12px; background: linear-gradient(135deg, rgba(20, 83, 45, .55), rgba(15, 23, 41, .9)); border: 1px solid rgba(74, 222, 128, .4); font-family: 'DM Sans', sans-serif; }
.ht-draft b { grid-column: 1; font-size: 12.5px; font-weight: 900; color: #fff; }
.ht-draft small { grid-column: 1; font-size: 10.5px; font-weight: 700; color: #a7f3d0; margin-top: 1px; }
.ht-draft span { grid-column: 2; grid-row: 1 / span 2; font-size: 20px; color: #86efac; }
.ht-draft.acik { background: linear-gradient(135deg, #f59e0b, #ea580c); border-color: #fde68a; box-shadow: 0 6px 18px rgba(234, 88, 12, .35); }
.ht-draft.acik small { color: #fff7ed; } .ht-draft.acik span { color: #fff; }