/* v4 eklenti görünümlerinin ortak stili. Her paket kendi bölümünü aşağıya EKLER (yalnız kendi yorum bloğu içinde). */
/* ---- D: veri deposu (store) ---- */
#view-store .st-title p { margin: 4px 0 14px; max-width: 900px; }
.st-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(190px, 1fr)); gap: 10px; }
.st-card { background: var(--panel2); border: 1px solid var(--line); border-radius: 12px; padding: 12px 14px; }
.st-card .st-k { color: var(--muted); font-size: 12px; text-transform: uppercase; letter-spacing: .04em; font-weight: 700; }
.st-card .st-v { font-size: 20px; font-weight: 700; margin-top: 2px; }
.st-card.ok .st-v { color: var(--up); }
.st-card.warn .st-v { color: var(--accent); }
.st-warn { margin-top: 12px; padding: 10px 12px; border-radius: 10px; border: 1px solid #6b4d0b; background: #2a1f07; color: #f3d48a; font-size: 14px; }
.st-opts { display: flex; flex-wrap: wrap; gap: 12px 16px; align-items: end; margin-bottom: 12px; }
.st-opts label { display: flex; flex-direction: column; gap: 4px; font-size: 13px; color: var(--muted); }
.st-actions { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; }
.st-progress { margin-top: 14px; }
.st-result { margin-top: 12px; }
.st-result p { margin: 4px 0; }
.st-bad { color: var(--down); }
.st-cols { display: grid; grid-template-columns: 1fr 1fr; gap: var(--gap); }
.st-cols p { margin: 6px 0; word-break: break-word; }
table.st-kv th { text-align: left; width: 38%; text-transform: none; letter-spacing: 0; font-size: 13px; padding: 4px 8px 4px 0; }
table.st-kv td { padding: 4px 0; }
@media (max-width: 980px) { .st-cols { grid-template-columns: 1fr; } }
/* ---- F: canlı test (forward) ---- */
.fw-cards { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 10px; margin: 12px 0; }
.fw-card { background: var(--panel2); border: 1px solid var(--line); border-radius: 10px; padding: 10px 12px; }
.fw-k { color: var(--muted); font-size: 12px; font-weight: 600; }
.fw-v { font-size: 20px; font-weight: 800; font-variant-numeric: tabular-nums; }
.fw-chart { margin: 6px 0 4px; }
.fw-svg { width: 100%; height: 200px; display: block; background: var(--bg); border: 1px solid var(--line); border-radius: 10px; }
.fw-svg .fw-grid { stroke: var(--line); stroke-dasharray: 3 4; }
.fw-svg .fw-zero { stroke: var(--muted); stroke-width: 1; }
.fw-svg .fw-axis { fill: var(--muted); font-size: 11px; }
.fw-empty-chart { padding: 18px; border: 1px dashed var(--line); border-radius: 10px; text-align: center; }
.fw-notes { margin: 8px 0 0; padding-left: 18px; }
.fw-table tbody tr { cursor: default; }
.fw-tag { font-size: 11px; padding: 1px 7px; border-radius: 99px; background: #3b2a06; color: var(--accent); font-weight: 700; }
.fw-st { display: inline-block; border-radius: 99px; padding: 2px 9px; font-size: 12px; font-weight: 700; background: var(--panel2); }
.fw-st-open { background: #10314a; color: var(--blue); }
.fw-st-pending { background: #3b2a06; color: var(--accent); }
#fw-share-text { font-family: inherit; min-height: 220px; }
/* ---- G: zamanlayıcı / yayın (sched) ---- */
#view-sched .sched-opts { align-items: center; gap: 16px; }
#view-sched .sched-table td, #view-sched .sched-log td { vertical-align: top; }
#view-sched .sched-table tbody tr, #view-sched .sched-log tbody tr { cursor: default; }
#view-sched .sched-table tr.off td { opacity: .5; }
#view-sched .sched-table tr.off td.sched-actions { opacity: 1; }
#view-sched .sched-actions > div { display: flex; gap: 6px; flex-wrap: wrap; }
#view-sched .sched-detail { white-space: normal; min-width: 260px; font-size: 13px; }
#view-sched .sched-days { gap: 12px; }
#view-sched .sched-form { margin-top: 12px; }
#view-sched .sched-form summary { cursor: pointer; font-weight: 700; color: var(--accent); }
.sch-st { display: inline-block; border-radius: 99px; padding: 2px 9px; font-size: 12px; font-weight: 700; background: var(--panel2); color: var(--muted); }
.sch-st.ok { background: #12391f; color: var(--up); }
.sch-st.err { background: #3d1414; color: var(--down); }
.sch-st.run { background: #10314a; color: var(--blue); }
.sch-st.skip { background: #3b2a06; color: var(--accent); }
#view-sched .sched-outbox { display: grid; gap: 14px; }
#view-sched .ob-item { border: 1px solid var(--line); border-radius: 10px; padding: 12px; display: grid; gap: 8px; }
#view-sched .ob-head { display: flex; gap: 10px; flex-wrap: wrap; align-items: baseline; }
#view-sched .sched-thumbs { display: flex; gap: 8px; flex-wrap: wrap; margin: 6px 0; }
#view-sched .sched-thumbs img { height: 120px; border-radius: 6px; border: 1px solid var(--line); background: var(--bg); }
#view-sched .sched-accounts { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 14px; }
#view-sched .acc { border: 1px solid var(--line); border-radius: 10px; padding: 12px; display: grid; gap: 8px; align-content: start; }
#view-sched .acc h3 { font-size: 16px; display: flex; gap: 8px; align-items: center; }
#view-sched .acc details summary { cursor: pointer; color: var(--muted); font-size: 13px; font-weight: 600; }
#view-sched .acc details[open] { display: grid; gap: 8px; }
#view-sched .acc input[type=url], #view-sched .acc input[type=text], #view-sched .acc input[type=password] { width: 100%; }
#view-sched #pb-count.down { color: var(--down); }
/* ---- H: ek veriler (extras) ---- */
#view-extras .ex-head { display: flex; gap: 16px; justify-content: space-between; align-items: flex-start; flex-wrap: wrap; }
#view-extras .ex-head p { margin: 4px 0 14px; max-width: 900px; }
#view-extras .ex-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(210px, 1fr)); gap: 10px; }
#view-extras .ex-card { background: var(--panel2); border: 1px solid var(--line); border-radius: 12px; padding: 12px 14px; }
#view-extras .ex-k { color: var(--muted); font-size: 12px; text-transform: uppercase; letter-spacing: .04em; font-weight: 700; }
#view-extras .ex-v { font-size: 20px; font-weight: 700; margin-top: 2px; }
#view-extras .ex-card a { color: inherit; text-decoration: underline dotted; }
#view-extras .progress { margin-top: 14px; }
#view-extras #ex-result p { margin: 4px 0; }
#view-extras .ex-cols { display: grid; grid-template-columns: 1fr 1fr; gap: var(--gap); }
#view-extras .ex-opts { display: flex; flex-wrap: wrap; gap: 10px 14px; align-items: end; margin: 8px 0 10px; }
#view-extras .ex-opts label { display: flex; flex-direction: column; gap: 4px; font-size: 13px; color: var(--muted); }
#view-extras .ex-opts label.btn { flex-direction: row; color: inherit; }
#view-extras .ex-table tbody tr { cursor: default; }
#view-extras .ex-table td { padding: 7px 8px; }
#view-extras .ex-scroll { max-height: 460px; overflow-y: auto; }
#view-extras .ex-mini { width: auto; min-width: 220px; margin: 6px 0; }
#view-extras .ex-chips { display: flex; flex-wrap: wrap; gap: 6px; margin: 4px 0 6px; }
#view-extras .ex-chip { font-size: 12px; padding: 3px 9px; border-radius: 99px; background: var(--panel2); border: 1px solid var(--line); cursor: pointer; }
#view-extras .ex-tag { font-size: 11px; padding: 1px 7px; border-radius: 99px; background: #3b2a06; color: var(--accent); font-weight: 700; white-space: nowrap; }
#view-extras .ex-sub { margin-top: 18px; }
@media (max-width: 980px) { #view-extras .ex-cols { grid-template-columns: 1fr; } }
/* ---- fund: temel analiz (Faz 1 Özet, Faz 2 Temel Skor + Bilanço, Faz 3 Haber/KAP, Faz 4 Tahmin & Senaryo, Tarama) ---- */
#view-fund .fd-head { display: flex; justify-content: space-between; align-items: flex-start; gap: 12px; flex-wrap: wrap; }
#view-fund .fd-head h2 { margin-top: 0; }
#view-fund .fd-head p { margin: 4px 0 8px; max-width: 900px; }
#view-fund .fd-actions { display: flex; gap: 8px; align-items: center; flex-wrap: wrap; }
.fd-disc { margin: 6px 0 4px; padding: 8px 12px; border-radius: 10px; border: 1px solid #6b4d0b; background: #2a1f07; color: #f3d48a; font-size: 13px; }
.fd-foot { margin-bottom: var(--gap); }
.fd-warn { margin: 6px 0; padding: 8px 12px; border-radius: 10px; border: 1px solid #6b4d0b; background: #2a1f07; color: #f3d48a; }
.fd-subs { margin-top: 10px; }
.fd-form { display: flex; flex-wrap: wrap; gap: 10px 12px; align-items: center; }
#view-fund .fd-form label { display: inline-flex; flex-direction: row; gap: 6px; align-items: center; }
.fd-symlabel input { text-transform: uppercase; font-weight: 700; }
.fd-chk input { width: 16px; height: 16px; }
.fd-status { margin-top: 10px; line-height: 1.9; }
.fd-rep { margin-top: 2px; }
.fd-badge { display: inline-block; border-radius: 99px; padding: 2px 9px; font-size: 12px; font-weight: 700; margin: 1px 4px 1px 0; background: var(--panel2); color: var(--text); border: 1px solid var(--line); }
.fd-b-mk { background: #24324a; }
.fd-b-tms { background: #3b2a06; color: var(--accent); border-color: #6b4d0b; }
.fd-b-unk { background: #3d1414; color: #fca5a5; border-color: #5c2020; }
.fd-src-sec { color: var(--blue); }
.fd-src-kap { color: #c084fc; }
.fd-src-yahoo { color: #a78bfa; }
.fd-src-manual { color: var(--up); }
.fd-mini { font-size: 10px; font-weight: 800; color: var(--accent); }
.fd-top .fd-title { display: flex; justify-content: space-between; align-items: baseline; gap: 10px; flex-wrap: wrap; }
.fd-top h2 { margin: 0 0 6px; }
.fd-tiles { display: grid; grid-template-columns: repeat(auto-fill, minmax(170px, 1fr)); gap: 10px; margin-top: 12px; }
.fd-tile { background: var(--panel2); border: 1px solid var(--line); border-radius: 10px; padding: 10px 12px; min-width: 0; }
.fd-k { color: var(--muted); font-size: 12px; font-weight: 700; }
.fd-v { font-size: 18px; font-weight: 800; font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
.fd-cols { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr); gap: var(--gap); }
.fd-cols > div > .card:last-child { margin-bottom: var(--gap); }
table.fd-table tbody tr { cursor: default; }
#fd-list tbody tr { cursor: pointer; }
table.fd-table td, table.fd-table th { padding: 6px 8px; }
.fd-ratios tr.fd-grp th { color: var(--accent); padding-top: 14px; background: transparent; }
.fd-ratios tr.fd-grp:hover { background: transparent; }
.fd-tip { border-bottom: 1px dotted var(--muted); cursor: help; }
.fd-sort { cursor: pointer; user-select: none; }
.fd-sort.on { color: var(--text); }
.fd-scroll { max-height: 520px; overflow-y: auto; }
.fd-charts { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.fd-chart { background: var(--bg); border: 1px solid var(--line); border-radius: 10px; padding: 8px 10px; }
.fd-cv { float: right; color: var(--text); font-variant-numeric: tabular-nums; }
.fd-svg { width: 100%; height: 70px; display: block; margin-top: 4px; }
.fd-svg .fd-bar { fill: var(--blue); }
.fd-svg .fd-bar-neg { fill: var(--down); }
.fd-svg .fd-bar-na { fill: var(--line); }
.fd-svg .fd-zero { stroke: var(--muted); stroke-width: .6; }
.fd-axis { display: flex; justify-content: space-between; font-size: 11px; }
.fd-nochart { height: 70px; display: flex; align-items: center; justify-content: center; }
table.fd-kv { width: auto; margin-bottom: 8px; }
table.fd-kv th { text-transform: none; letter-spacing: 0; font-size: 13px; padding: 4px 16px 4px 0; }
table.fd-kv td { padding: 4px 0; }
table.fd-kv tbody tr, table.fd-kv tr { cursor: default; }
.fd-sub { font-size: 14px; margin: 14px 0 4px; }
.fd-list { margin: 6px 0; padding-left: 18px; }
.fd-list li { margin: 3px 0; }
#fd-warns summary, .fd-upload summary { cursor: pointer; font-weight: 700; color: var(--accent); margin: 4px 0; }
.fd-src-table td.fd-wrap { white-space: normal; word-break: break-word; }
@media (max-width: 980px) { .fd-cols { grid-template-columns: 1fr; } .fd-charts { grid-template-columns: 1fr 1fr; } }
@media (max-width: 520px) { .fd-charts { grid-template-columns: 1fr; } .fd-tiles { grid-template-columns: 1fr 1fr; } }
/* fund Faz 2: Temel Skor kartı, Bilanço alt sekmesi */
.fd-score-wrap { margin-top: 14px; border-top: 1px solid var(--line); padding-top: 4px; }
.fd-score { display: grid; grid-template-columns: 120px minmax(0, 1fr); gap: 14px; align-items: start; margin-top: 6px; }
.fd-sbig { border-radius: 14px; padding: 12px 8px; text-align: center; border: 2px solid var(--line); background: var(--panel2); }
.fd-snum { font-size: 32px; font-weight: 900; line-height: 1.1; font-variant-numeric: tabular-nums; }
.fd-sgrade { font-size: 22px; font-weight: 900; letter-spacing: .5px; }
.fd-sbig .fd-sgrade.small { font-size: 12px; color: var(--muted); }
.fd-g-A { --gc: #22c55e; } .fd-g-B { --gc: #84cc16; } .fd-g-C { --gc: #eab308; } .fd-g-D { --gc: #f97316; } .fd-g-E { --gc: #ef4444; } .fd-g-x { --gc: var(--muted); }
.fd-sbig[class*="fd-g-"] { border-color: var(--gc); }
.fd-sbig[class*="fd-g-"] .fd-sgrade:not(.small), .fd-sbig[class*="fd-g-"] .fd-snum { color: var(--gc); }
.fd-grade { display: inline-block; min-width: 22px; text-align: center; border-radius: 6px; padding: 1px 6px; font-weight: 900; font-size: 12px;
  color: #0b0f17; background: var(--gc, var(--muted)); }
.fd-scomps { display: flex; flex-direction: column; gap: 6px; min-width: 0; }
.fd-crow { display: grid; grid-template-columns: 130px minmax(80px, 1fr) 84px 190px; gap: 4px 10px; align-items: center; }
.fd-crow.off .fd-clabel { color: var(--muted); }
.fd-clabel { font-size: 13px; font-weight: 700; }
.fd-cval { text-align: right; font-weight: 800; font-variant-numeric: tabular-nums; }
.fd-cpart { font-variant-numeric: tabular-nums; }
.fd-cin { grid-column: 2 / -1; color: var(--muted); margin-top: -2px; }
.fd-bal .fd-crow { padding-bottom: 4px; border-bottom: 1px dashed var(--line); }
.fd-hbar { height: 10px; border-radius: 99px; background: var(--bg); border: 1px solid var(--line); overflow: hidden; }
.fd-hbar.na { background: repeating-linear-gradient(45deg, var(--bg), var(--bg) 4px, var(--panel2) 4px, var(--panel2) 8px); }
.fd-hfill { height: 100%; border-radius: 99px; }
.fd-gb-A { background: #22c55e; } .fd-gb-B { background: #84cc16; } .fd-gb-C { background: #eab308; } .fd-gb-D { background: #f97316; } .fd-gb-E { background: #ef4444; } .fd-gb-x { background: transparent; }
.fd-b-miss { background: transparent; color: var(--muted); border-style: dashed; font-weight: 600; }
.fd-b-model { background: #3b2a06; color: #fbbf24; border-color: #6b4d0b; }
.fd-b-cons { background: #12263f; color: var(--blue); border-color: #1e3a5f; }
.fd-b-est { background: transparent; color: var(--accent); border-color: #6b4d0b; font-weight: 600; }
.fd-mini-model { color: #fbbf24; }
.fd-note { margin: 8px 0 0; color: var(--muted); font-style: italic; }
.fd-more summary { cursor: pointer; font-weight: 700; color: var(--accent); margin: 6px 0; }
.fd-wi { color: var(--accent); cursor: help; }
.fd-wrap { white-space: normal; word-break: break-word; }
table.fd-sur tr.fd-pstart td { border-top: 2px solid var(--line); }
table.fd-sur td { vertical-align: top; }
table.fd-card td, table.fd-mtab td { vertical-align: top; }
.fd-cardchart { margin: 6px 0 10px; max-width: 520px; }
.fd-svg.fd-svg-card { height: 90px; }
.fd-svg .fd-cbar.fd-gs-A { fill: #22c55e; } .fd-svg .fd-cbar.fd-gs-B { fill: #84cc16; } .fd-svg .fd-cbar.fd-gs-C { fill: #eab308; }
.fd-svg .fd-cbar.fd-gs-D { fill: #f97316; } .fd-svg .fd-cbar.fd-gs-E { fill: #ef4444; }
.fd-svg .fd-mid { stroke-dasharray: 4 3; }
@media (max-width: 760px) {
  .fd-score { grid-template-columns: 1fr; }
  .fd-sbig { display: flex; gap: 12px; align-items: baseline; justify-content: center; }
  .fd-crow { grid-template-columns: 110px minmax(60px, 1fr) 70px; }
  .fd-cpart { grid-column: 2 / -1; }
}
/* fund Faz 3: Haber/KAP alt sekmesi, haber karosu, bayraklar */
.fd-dbar { position: relative; height: 10px; border-radius: 99px; background: var(--bg); border: 1px solid var(--line); overflow: hidden; margin-top: 6px; }
.fd-dbar.na { background: repeating-linear-gradient(45deg, var(--bg), var(--bg) 4px, var(--panel2) 4px, var(--panel2) 8px); }
.fd-dmid { position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: var(--muted); opacity: .7; }
.fd-dfill { position: absolute; top: 0; bottom: 0; }
.fd-dfill.pos { background: var(--up); border-radius: 0 99px 99px 0; }
.fd-dfill.neg { background: var(--down); border-radius: 99px 0 0 99px; }
.fd-dbar-s { display: inline-block; vertical-align: middle; width: 56px; height: 7px; margin-top: 0; }
.fd-b-flag { background: #3d1414; color: #fca5a5; border-color: #7f1d1d; }
.fd-flagi { color: var(--down); font-weight: 900; cursor: help; }
.fd-flags { display: flex; flex-direction: column; gap: 6px; }
.fd-flag { display: flex; flex-wrap: wrap; gap: 4px 10px; align-items: baseline; padding: 6px 10px; border: 1px solid #5c2020; border-radius: 10px; background: #1f0d0d; }
.fd-flag .fd-wrap { flex-basis: 100%; }
.fd-ev { display: inline-block; border-radius: 6px; padding: 1px 7px; font-size: 12px; font-weight: 600; border: 1px solid var(--line); background: var(--panel2); white-space: nowrap; cursor: help; }
.fd-ev-neg { color: #fca5a5; border-color: #5c2020; background: #2a1111; }
.fd-ev-pos { color: #86efac; border-color: #166534; background: #0f2416; }
.fd-ev-neu { color: var(--muted); }
.fd-ev-s3 { font-weight: 900; border-width: 2px; }
.fd-sev { font-size: 8px; letter-spacing: 1px; opacity: .8; vertical-align: middle; }
.fd-src-bloomberght { color: #fb923c; }
.fd-src-gnews { color: #93c5fd; }
.fd-src-yahoo_rss { color: #a78bfa; }
.fd-src-sec_atom { color: var(--blue); }
.fd-nfilters { margin: 4px 0 10px; }
.fd-nfilters select { min-width: 120px; }
table.fd-news td { vertical-align: top; }
table.fd-news tr.fd-nc td { opacity: .55; }
.fd-ntitle { min-width: 260px; }
.fd-ntitle a { color: var(--text); }
.fd-ntitle a:hover { color: var(--blue); }
.fd-nowrap { white-space: nowrap; }
@media (max-width: 760px) { .fd-ntitle { min-width: 180px; } .fd-dbar-s { width: 40px; } }
/* fund Faz 4: Tahmin & Senaryo, Tarama, Tara sonuçlarında Temel rozeti */
.fd-fc-cols { display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1.3fr); gap: var(--gap); align-items: start; }
.fd-fc-cols > div > .card { margin-bottom: var(--gap); }
#fd-fc-out > .card:last-child { margin-bottom: 0; }
.fd-as { padding: 8px 0 10px; border-bottom: 1px dashed var(--line); }
.fd-as:last-child { border-bottom: 0; }
.fd-as-h { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.fd-as-h label { flex: 1 1 150px; font-size: 13px; font-weight: 700; }
.fd-as-v { white-space: nowrap; }
.fd-as-v input { width: 84px; text-align: right; font-variant-numeric: tabular-nums; }
.fd-as-mark { font-size: 11px; font-weight: 700; color: var(--accent); }
.fd-as input[type="range"] { width: 100%; margin: 6px 0 2px; accent-color: var(--accent); }
.fd-as.ov .fd-as-v input { border-color: var(--accent); }
.fd-as.na { opacity: .65; }
.fd-as-src { line-height: 1.45; }
.fd-as-reset { padding: 2px 8px; }
.fd-scin input, .fd-dcf-in input { width: 90px; }
#view-fund .fd-dcf-in label { font-size: 13px; }
table.fd-proj tr.fd-ttm0 td { color: var(--muted); }
table.fd-proj tr.fd-ttmf td { border-top: 2px solid var(--line); font-weight: 700; }
table.fd-proj tr.fd-pstart td { border-top: 1px dashed var(--line); }
table.fd-scen tr.fd-sc-base td { background: rgba(245, 184, 46, .07); }
table.fd-ref td { vertical-align: top; }
table.fd-ref tr.fd-ref-avg td { border-top: 2px solid var(--line); }
.fd-fan { margin: 12px 0 4px; }
.fd-fan svg { display: block; width: 100%; height: auto; max-height: 170px; margin-top: 4px; }
.fd-fan-axis { stroke: var(--line); stroke-width: 2; }
.fd-fan-band { fill: rgba(56, 189, 248, .16); stroke: rgba(56, 189, 248, .55); }
.fd-fan-pt { stroke: var(--panel); stroke-width: 2; }
.fd-fan-bad { fill: var(--down); }
.fd-fan-base { fill: var(--accent); }
.fd-fan-good { fill: var(--up); }
.fd-fan-price { stroke: var(--text); stroke-width: 1.5; stroke-dasharray: 5 4; }
.fd-fan-dcf { fill: #c084fc; stroke: var(--panel); stroke-width: 1.5; }
.fd-fan-t { fill: var(--text); font-size: 12px; font-weight: 700; }
.fd-fan-t.fd-fan-tm { fill: var(--muted); font-weight: 600; }
.fd-scf { display: flex; flex-wrap: wrap; gap: 8px 14px; align-items: center; margin: 8px 0 10px; }
#view-fund .fd-scf label { display: inline-flex; gap: 6px; align-items: center; }
.fd-scf input[type="number"] { width: 78px; }
.fd-mbar { display: flex; align-items: center; gap: 6px; min-width: 76px; }
.fd-mbar .fd-hbar { flex: 1; min-width: 36px; height: 7px; }
.fd-mbar span { width: 22px; text-align: right; font-size: 11px; color: var(--muted); font-variant-numeric: tabular-nums; }
#fd-screen tbody tr { cursor: pointer; }
.fd-hit { display: inline-flex; gap: 3px; align-items: center; margin-left: 6px; vertical-align: middle; }
.fd-hit .fd-grade { min-width: 0; padding: 0 4px; font-size: 10px; cursor: help; }
.fd-pv-off { cursor: help; }
.sb-leg .fd-pv-off i { background: transparent; border: 1px dashed var(--muted); }
@media (max-width: 1100px) { .fd-fc-cols { grid-template-columns: 1fr; } }