/* =========================================================
   PriceONN v2 · sinyal sayfaları (js/signals/page.js)
   Sitenin bileşen dili (operatör kararı 28 Eylül 2026, v1 esinli yoğun "trader terminali"): marka bandı (--band-*,
   home.css), .pn paneli (site.css), .am varlık işareti (home.css, symbol.css), .tk kayan şerit (home.css). Rozetler
   (.sg-dir, .sg-tier, .sg-st, .sg-tf) chart-signals.css'te ortak. Bu dosya yalnız sayfaya özgü yerleşimi ekler.
   Genişlik: sitenin kapsayıcısı (.page, başlıkla aynı 1440 px). 12 px altı metin yok.
   Kurallar: üzerine gelince yukarı kalkma YOK (kenarlık, arka plan, gölge); yerel açılır liste yok; uzun çizgi yok.

   Yerleşim:
     < 1100 px  tek sütun; motor paneli bandın altında, yan panel akışın altında.
     >= 1100 px bant iki sütun (metin + motor paneli); liste akış + yan panel; ayrıntı grafik + 380 px yan sütun.
   ========================================================= */
.sgx{--sg-up:var(--up);--sg-down:var(--down);display:grid;grid-template-columns:minmax(0,1fr);gap:var(--gap);min-width:0;padding-bottom:24px}
.sgx>*{min-width:0}
.sgx .num{font-family:var(--font-num,var(--font-sans));font-feature-settings:var(--num-features);font-variant-numeric:tabular-nums}
.sgx .up{color:var(--sg-up)}.sgx .down{color:var(--sg-down)}
.sgx .sg-tf{font-size:.75rem;line-height:1.125rem}
.sgx .sg-dir,.sgx .sg-tier,.sgx .sg-st{font-size:.75rem;line-height:1.125rem}

/* ---------- marka bandı (liste ve ayrıntı) ---------- */
.sgx-hero,.sgx-dhero{position:relative;display:grid;grid-template-columns:minmax(0,1fr);border-radius:var(--r-xl);border:1px solid var(--band-border);background:var(--band-bg);box-shadow:var(--band-shadow);
  overflow:hidden;overflow:clip;isolation:isolate;color:var(--text-primary)}
:root[data-theme="dark"] :is(.sgx-hero,.sgx-dhero){--text-primary:#f2f4f8;--text-secondary:#b9c6dc;--text-tertiary:#93a3bf;--up:#2fcb6f;--down:#f2555a;
  --action-text:#7cc4ff;--focus:#7cc4ff;--line:rgba(255,255,255,.1);--chip-bg:rgba(255,255,255,.07)}
/* sayfaya özgü silik motif: kademeli hedef çizgileri bandın sağında */
.sgx-hero::after,.sgx-dhero::after{content:"";position:absolute;z-index:-1;inset:0 0 0 auto;width:min(560px,62%);pointer-events:none;opacity:.5;
  background:repeating-linear-gradient(180deg,transparent 0 30px,color-mix(in srgb,var(--sg-up) 22%,transparent) 30px 31px,transparent 31px 46px);
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 70%);mask-image:linear-gradient(90deg,transparent,#000 70%)}
.sgx-hero-in{display:grid;grid-template-columns:minmax(0,1fr);gap:20px;padding:22px 16px}
.sgx-hero-l{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;align-content:start;min-width:0}
.sgx-eb{display:inline-flex;align-items:center;gap:8px;margin:0;font:600 .75rem/1rem var(--font-sans);letter-spacing:.08em;text-transform:uppercase;color:var(--text-secondary)}
.sgx-eb .dot{position:relative;width:7px;height:7px;background:var(--sg-up)}
.sgx-eb .dot::after{content:"";position:absolute;inset:0;border-radius:50%;background:var(--sg-up);animation:sgx-ping 2s var(--ease,ease) infinite}
@keyframes sgx-ping{0%{transform:scale(1);opacity:.6}70%,100%{transform:scale(2.6);opacity:0}}
.sgx-hero h1{margin:0;font-size:1.875rem;line-height:2.375rem;font-weight:750;letter-spacing:-.03em}
.sgx-grad{background:linear-gradient(90deg,var(--onn-ink,#087a92),var(--action-text));-webkit-background-clip:text;background-clip:text;color:transparent}
.sgx-lead{margin:0;max-width:66ch;font-size:.9375rem;line-height:1.5rem;color:var(--text-secondary)}
.sgx-cta{display:flex;flex-wrap:wrap;gap:10px}
.sgx-cta .btn,.sgx-ha .btn{display:inline-flex;align-items:center;gap:8px;min-height:44px}
.sgx-ghost{background:color-mix(in srgb,var(--bg-surface) 55%,transparent);border:1px solid var(--line);color:var(--text-primary)}
@media (hover:hover) and (pointer:fine){.sgx-ghost:hover{background:color-mix(in srgb,var(--bg-surface) 80%,transparent);border-color:var(--border-control,var(--line))}}
.sgx-note{display:flex;align-items:flex-start;gap:8px;margin:0;max-width:66ch;font-size:.8125rem;line-height:1.25rem;color:var(--text-tertiary)}
.sgx-note svg{flex:none;margin-top:2px}

/* motor paneli (cam yüzey) */
.sgx-glass{display:grid;gap:12px;align-content:start;padding:16px;border-radius:var(--r-lg,14px);border:1px solid var(--spot-bd);background:var(--spot-bg);box-shadow:var(--spot-shadow);
  -webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);min-width:0}
.sgx-gh{display:flex;align-items:center;justify-content:space-between;gap:10px}
.sgx-gt{display:inline-flex;align-items:center;gap:8px;font-size:.875rem;font-weight:650}
.sgx-gt svg{color:var(--action-text)}
.sgx-live{display:inline-flex;align-items:center;gap:7px;min-height:26px;padding:0 10px;border-radius:999px;background:color-mix(in srgb,var(--sg-up) 14%,transparent);color:var(--sg-up);font-size:.75rem;font-weight:700}
.sgx-live i{position:relative;width:7px;height:7px;border-radius:50%;background:currentColor}
.sgx-live i::after{content:"";position:absolute;inset:0;border-radius:50%;background:currentColor;animation:sgx-ping 2s var(--ease,ease) infinite}
.sgx-gbig{display:flex;align-items:center;gap:14px}
.sgx-gbig>b{font-size:3rem;line-height:3rem;font-weight:750;letter-spacing:-.04em}
.sgx-gbig span{display:grid;font-size:.9375rem;font-weight:650;line-height:1.25rem}
.sgx-gbig small{font-size:.8125rem;font-weight:500;color:var(--text-secondary)}
.sgx-split{display:flex;height:6px;border-radius:3px;overflow:hidden;background:var(--sg-down)}
.sgx-split .up{width:var(--w);background:var(--sg-up)}
.sgx-split .down{flex:1;background:var(--sg-down)}
.sgx-grows{display:grid;margin:0}
.sgx-gr{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:34px;border-top:1px solid var(--line);font-size:.8125rem}
.sgx-gr span{color:var(--text-secondary)}
.sgx-gr b{font-size:.875rem;font-weight:650}
.sgx-gnote{margin:0;padding:10px 12px;border-radius:10px;background:var(--chip-bg);font-size:.8125rem;line-height:1.25rem;color:var(--text-secondary)}
.sgx-gcurve{margin:0}
.sgx-gcurve svg{display:block;width:100%;height:64px}

/* etkin sinyal şeridi (home.css .tk) */
.sgx-tk .tk-lbl{color:var(--sg-up)}
.sgx-tk .tk-track{animation-duration:var(--tk-dur,60s)}
.sgx-tk.sgx-tk-static .tk-track{animation:none}
.sgx-tk.sgx-tk-static .tk-view{-webkit-mask-image:none;mask-image:none;overflow-x:auto;scrollbar-width:none}
.sgx-tk .am,.sgx-tk .am-c{width:22px;height:22px}
.sgx-tk .am-pair .am-c{width:16px;height:16px}
.sgx-tkd{display:inline-flex;align-items:center;gap:2px;font-size:.75rem;font-weight:700}
.sgx-tk .tk-list .num{font-weight:650}
.sgx-tk .tk-list .num.up{color:var(--sg-up)}.sgx-tk .tk-list .num.down{color:var(--sg-down)}
@media (hover:hover) and (pointer:fine){.sgx-tk:hover .tk-track{animation-play-state:paused}}

@media (min-width:900px){
  .sgx-hero-in{padding:28px 28px 24px}
  .sgx-hero h1{font-size:2.375rem;line-height:2.875rem}
}
@media (min-width:1100px){
  .sgx-hero-in{grid-template-columns:minmax(0,1fr) 380px;align-items:center;gap:32px;padding:32px 32px 28px}
}

/* ---------- liste ızgarası: akış + yan panel ---------- */
.sgx-grid,.sgx-dgrid,.sgx-two,.sgx-fgrid,.sgx-main,.sgx-side,.sgx-dmain,.sgx-dside,.sgx-body{grid-template-columns:minmax(0,1fr)}
.sgx-grid{display:grid;gap:var(--gap);min-width:0}
.sgx-main,.sgx-side{display:grid;gap:var(--gap);align-content:start;min-width:0}
@media (min-width:1100px){.sgx-grid{grid-template-columns:minmax(0,1fr) 340px;align-items:start}.sgx-side{position:sticky;top:calc(var(--hd,64px) + 16px)}}
@media (min-width:1280px){.sgx-grid{grid-template-columns:minmax(0,1fr) 360px}}

.sgx-pn .pn-h{min-height:56px}
.sgx-pa{margin-left:auto;font-size:.8125rem;color:var(--text-tertiary)}
.sgx-pa a{color:var(--action-text);font-weight:650;text-decoration:none}
.sgx-pb{display:grid;gap:12px;padding:14px 16px 16px;min-width:0}
.sgx-h4{margin:4px 0 0;font-size:.75rem;line-height:1rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-tertiary)}

/* sekmeler */
.sgx-tabs{display:flex;gap:4px;padding:4px;border:1px solid var(--line);border-radius:var(--r-lg,14px);background:var(--panel-bg);box-shadow:var(--panel-shadow);overflow-x:auto;scrollbar-width:none}
.sgx-tabs::-webkit-scrollbar{display:none}
.sgx-tabs button{flex:1 0 auto;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 16px;border:0;border-radius:10px;background:none;
  color:var(--text-secondary);font:650 .9375rem/1.25rem var(--font-sans);cursor:pointer;white-space:nowrap}
.sgx-tabs button[aria-selected="true"]{background:color-mix(in srgb,var(--action-text) 14%,transparent);color:var(--action-text)}
@media (hover:hover) and (pointer:fine){.sgx-tabs button:not([aria-selected="true"]):hover{background:var(--chip-bg);color:var(--text-primary)}}
.sgx-body{display:grid;gap:var(--gap);min-width:0}

/* süzgeç çubuğu */
.sgx-bar{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;flex-wrap:wrap;padding:10px;border:1px solid var(--line);border-radius:var(--r-lg,14px);background:var(--panel-bg);box-shadow:var(--panel-shadow)}
.sgx-filters{display:contents}
.sgx-bar{justify-content:flex-start;gap:8px}
.sgx-view{margin-left:auto}
.sg-chips{display:inline-flex;flex-wrap:wrap;gap:2px;padding:2px;border:1px solid var(--line);border-radius:10px;background:var(--bg-canvas,var(--bg-surface))}
.sg-chips button{min-height:32px;padding:0 11px;border:0;border-radius:8px;background:none;color:var(--text-secondary);font:600 .8125rem/1.125rem var(--font-sans);cursor:pointer;white-space:nowrap}
.sg-chips button[aria-pressed="true"]{background:color-mix(in srgb,var(--action-text) 14%,transparent);color:var(--action-text)}
@media (hover:hover) and (pointer:fine){.sg-chips button:not([aria-pressed="true"]):hover{background:var(--chip-bg);color:var(--text-primary)}}

/* ---------- sinyal kartı ---------- */
.sgx-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,340px),1fr));gap:var(--gap)}
.sgx-card{gap:12px;padding:14px;color:inherit;text-decoration:none;overflow:hidden;transition:border-color var(--t-fast,.15s) var(--ease,ease),box-shadow var(--t-fast,.15s) var(--ease,ease)}
.sgx-card::after{content:"";position:absolute;inset:0 0 auto 0;height:3px;background:var(--line)}
.sgx-card.is-active.sgx-up::after{background:linear-gradient(90deg,var(--sg-up),color-mix(in srgb,var(--sg-up) 15%,transparent))}
.sgx-card.is-active.sgx-down::after{background:linear-gradient(90deg,var(--sg-down),color-mix(in srgb,var(--sg-down) 15%,transparent))}
.sgx-card.is-skel{min-height:440px}.sgx-card.is-skel .sg-skel{flex:1}
@media (hover:hover) and (pointer:fine){a.sgx-card:hover{border-color:color-mix(in srgb,var(--action-text) 45%,var(--line));box-shadow:var(--panel-shadow),0 18px 40px -28px color-mix(in srgb,var(--action-text) 60%,transparent)}}
.sgx-ch{display:flex;align-items:center;gap:10px;min-width:0}
.sgx-ch .am,.sgx-ch .am-c{width:36px;height:36px}
.sgx-ch .am-pair .am-c{width:25px;height:25px}
.sgx-ct{flex:1 1 auto;display:grid;min-width:0}
.sgx-ct b{font-size:1.0625rem;line-height:1.5rem;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sgx-ct span{font-size:.75rem;line-height:1rem;color:var(--text-tertiary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sgx-cb{display:flex;flex-direction:column;align-items:flex-end;gap:4px;flex:none}

/* mini grafik */
.sgx-mini{position:relative;height:156px;margin:0 -2px;border-radius:10px;background:linear-gradient(180deg,var(--chip-bg),transparent 80%);overflow:hidden}
.sgx-mini .sg-skel{height:100%;border-radius:10px}
.sgx-mini svg{display:block;width:100%;height:100%}
.sgx-mini .cu{fill:var(--sg-up);stroke:var(--sg-up);stroke-width:1;vector-effect:non-scaling-stroke}
.sgx-mini .cd{fill:var(--sg-down);stroke:var(--sg-down);stroke-width:1;vector-effect:non-scaling-stroke}
.sgx-mini rect.cu,.sgx-mini rect.cd{stroke:none;opacity:.85}
.sgx-mini rect.sig{opacity:1;stroke:var(--text-primary);stroke-width:1}
.sgx-mini .z-risk{fill:color-mix(in srgb,var(--sg-down) 12%,transparent)}
.sgx-mini .z-gain{fill:color-mix(in srgb,var(--sg-up) 9%,transparent)}
.sgx-mini line[class^="l-"]{stroke-width:1.5;vector-effect:non-scaling-stroke}
.sgx-mini .l-sl{stroke:var(--sg-down)}
.sgx-mini .l-en{stroke:var(--text-primary);stroke-dasharray:5 3}
.sgx-mini .l-tp{stroke:var(--sg-up)}
.sgx-mini .l-tp2,.sgx-mini .l-tp3{stroke:var(--sg-up);stroke-dasharray:3 3;opacity:.75}
.sgx-mini .ar-up{fill:var(--sg-up)}.sgx-mini .ar-dn{fill:var(--sg-down)}
.sgx-mini .lp{fill:var(--action-text);stroke:var(--bg-surface);stroke-width:2;vector-effect:non-scaling-stroke}
.sgx-mini-tags{position:absolute;top:0;right:0;bottom:0;width:44px;pointer-events:none}
.sgx-mini-tags span{position:absolute;right:2px;transform:translateY(-50%);min-width:36px;padding:1px 4px;border-radius:4px;font:700 .75rem/1rem var(--font-num,var(--font-sans));text-align:center;color:#fff;white-space:nowrap}
.sgx-mini-tags .mt-sl{background:var(--sg-down)}
.sgx-mini-tags .mt-en{background:var(--text-primary);color:var(--bg-surface)}
.sgx-mini-tags .mt-tp{background:var(--sg-up)}
.sgx-mini-tags .mt-tp2,.sgx-mini-tags .mt-tp3{background:color-mix(in srgb,var(--sg-up) 70%,#0b1220)}
.sgx-mini-na{display:flex;align-items:center;justify-content:center;height:100%;margin:0;font-size:.8125rem;color:var(--text-tertiary)}

/* sonuç ve güç */
.sgx-cr{display:flex;align-items:center;justify-content:space-between;gap:12px}
.sgx-rbox{display:grid}
.sgx-rbox span{font-size:.75rem;line-height:1rem;color:var(--text-tertiary)}
.sgx-rbox b{font-size:1.75rem;line-height:2rem;font-weight:750;letter-spacing:-.02em}
.sgx-rmeta{display:flex;flex-direction:column;align-items:flex-end;gap:4px;text-align:right}
.sgx-pbd{font-size:.75rem;color:var(--text-tertiary)}
.sgx-pbd b{color:var(--text-primary)}
.sgx-stl{display:inline-flex;align-items:center;gap:6px;flex-wrap:wrap;justify-content:flex-end}
.sg-tp{display:inline-block;padding:1px 8px;border-radius:999px;background:color-mix(in srgb,var(--sg-up) 14%,transparent);color:var(--sg-up);font-size:.75rem;line-height:1.125rem;font-weight:700}

/* seviye ızgarası */
.sgx-lv{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;margin:0}
.sgx-lv div{padding:6px 7px;border-radius:8px;background:var(--chip-bg);min-width:0}
.sgx-lv dt{font-size:.75rem;line-height:1rem;font-weight:800;letter-spacing:.03em;color:var(--text-tertiary)}
.sgx-lv dd{margin:0;font-size:.8125rem;line-height:1.125rem;font-weight:650;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sgx-lv dd.sgx-lvr{font-size:.75rem;line-height:1rem;font-weight:600;color:var(--text-tertiary)}
.sgx-lv .sgx-lv-sl{background:color-mix(in srgb,var(--sg-down) 10%,var(--chip-bg))}
.sgx-lv .sgx-lv-sl dt{color:var(--sg-down)}
.sgx-lv .sgx-lv-entry{background:color-mix(in srgb,var(--text-primary) 9%,var(--chip-bg))}
.sgx-lv .sgx-lv-entry dt{color:var(--text-primary)}
.sgx-lv .sgx-lv-tp dt{color:var(--sg-up)}
.sgx-lv .is-hit{background:color-mix(in srgb,var(--sg-up) 18%,var(--chip-bg));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--sg-up) 45%,transparent)}

/* alt bilgi: geçerlilik çubuğu */
.sgx-cf{display:flex;align-items:center;gap:6px 12px;flex-wrap:wrap;padding-top:10px;border-top:1px solid var(--line);font-size:.75rem;color:var(--text-tertiary)}
.sgx-val{flex:1 1 100%;height:4px;border-radius:2px;background:var(--chip-bg);overflow:hidden}
.sgx-val i{display:block;width:var(--p);height:100%;border-radius:2px;background:linear-gradient(90deg,var(--action-text),color-mix(in srgb,var(--action-text) 40%,transparent))}
.sgx-left{display:inline-flex;align-items:center;gap:5px;font-weight:600;color:var(--text-secondary)}
.sg-time{margin-left:auto;color:var(--text-tertiary);font-size:.75rem;white-space:nowrap}

/* merdiven: SL - GİRİŞ - TP1 - TP2 - TP3, canlı fiyat işareti */
.sg-lad{position:relative;height:34px;margin:2px 14px 0}
.sg-lad::before{content:"";position:absolute;left:0;right:0;top:8px;height:6px;border-radius:3px;background:var(--chip-bg)}
.sg-lad-risk,.sg-lad-gain{position:absolute;top:8px;height:6px}
.sg-lad-risk{left:0;border-radius:3px 0 0 3px;background:color-mix(in srgb,var(--sg-down) 60%,transparent)}
.sg-lad-gain{right:0;border-radius:0 3px 3px 0;background:linear-gradient(90deg,color-mix(in srgb,var(--sg-up) 25%,transparent),color-mix(in srgb,var(--sg-up) 75%,transparent))}
.sg-lad-t{position:absolute;top:4px;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center}
.sg-lad-t::before{content:"";width:2px;height:14px;border-radius:1px;background:var(--text-tertiary)}
.sg-lad-t b{margin-top:1px;font-size:.75rem;line-height:1rem;font-weight:800;letter-spacing:.02em;color:var(--text-tertiary);white-space:nowrap}
.sg-lad-sl::before{background:var(--sg-down)}.sg-lad-sl b{color:var(--sg-down)}
.sg-lad-entry::before{background:var(--text-primary);height:16px}.sg-lad-entry b{color:var(--text-primary)}
.sg-lad-tp::before{background:var(--sg-up)}.sg-lad-tp b{color:var(--sg-up)}
.sg-lad-tp.is-hit b{padding:0 4px;border-radius:4px;background:var(--sg-up);color:#fff}
.sg-lad-mark{position:absolute;top:3px;width:14px;height:14px;margin-left:-7px;border:2px solid var(--bg-surface);border-radius:50%;background:var(--action-text);box-shadow:0 0 0 3px color-mix(in srgb,var(--action-text) 30%,transparent);transition:left .4s ease}
.sg-lad-mark.out{opacity:.5}

/* tablo görünümü */
.sgx-tw{overflow-x:auto}
.sgx-t{width:100%;border-collapse:collapse;font-size:.8125rem;white-space:nowrap}
.sgx-t th{padding:10px 12px;border-bottom:1px solid var(--line);background:var(--chip-bg);color:var(--text-tertiary);font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;text-align:left}
.sgx-t th.num,.sgx-t td.num{text-align:right}
.sgx-t td{padding:10px 12px;border-bottom:1px solid var(--line)}
.sgx-t tbody tr:last-child td{border-bottom:0}
.sgx-tw tbody tr{cursor:pointer}
@media (hover:hover) and (pointer:fine){.sgx-tw tbody tr:hover td{background:color-mix(in srgb,var(--action-text) 6%,transparent)}}
.sgx-tsym{display:inline-flex;align-items:center;gap:8px;color:inherit;text-decoration:none}
.sgx-tsym .am,.sgx-tsym .am-c{width:24px;height:24px}.sgx-tsym .am-pair .am-c{width:17px;height:17px}
.sgx-t td.sgx-c-sl{color:var(--sg-down)}
.sgx-t td.sgx-c-en{font-weight:700}
.sgx-t td.is-hit{color:var(--sg-up);font-weight:700}

/* boş durum: radar */
.sgx-empty{display:flex;flex-direction:column;align-items:center;gap:10px;padding:40px 20px;text-align:center}
.sgx-empty.sm{padding:20px 8px}
.sgx-empty h3{margin:6px 0 0;font-size:1.125rem;line-height:1.625rem}
.sgx-empty p{max-width:600px;margin:0;font-size:.9375rem;line-height:1.5rem;color:var(--text-secondary)}
.sgx-empty-a{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:6px}
.sgx-empty-a .btn{min-height:44px}
.sgx-radar{position:relative;width:96px;height:96px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--action-text) 10%,transparent),transparent 70%)}
.sgx-radar i{position:absolute;inset:0;border:1px solid color-mix(in srgb,var(--action-text) 30%,transparent);border-radius:50%}
.sgx-radar i:nth-child(2){inset:16px}.sgx-radar i:nth-child(3){inset:32px}
.sgx-radar b{position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 0deg,color-mix(in srgb,var(--action-text) 45%,transparent),transparent 25%);animation:sgx-spin 3.2s linear infinite}
@keyframes sgx-spin{to{transform:rotate(1turn)}}
.sg-more{text-align:center}
.sg-more:empty{display:none}
.sg-more .btn{min-height:44px}

/* ---------- yan panel ---------- */
.sgx-fl{display:grid;margin:0;padding:0;list-style:none}
.sgx-fl li{display:flex;align-items:center;gap:10px;min-height:48px;border-top:1px solid var(--line)}
.sgx-fl li:first-child{border-top:0}
.sgx-fls{display:inline-flex;align-items:center;gap:8px;flex:1 1 auto;min-width:0}
.sgx-fls b{font-size:.875rem;font-weight:650;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sgx-fls .am,.sgx-fls .am-c{width:26px;height:26px}.sgx-fls .am-pair .am-c{width:19px;height:19px}
.sgx-fl .num{font-size:.875rem;font-weight:600}
.sgx-fla,.sgx-flb{flex:none;padding:1px 8px;border-radius:999px;font-size:.75rem;line-height:1.125rem;font-weight:700}
.sgx-fla{background:color-mix(in srgb,var(--action-text) 14%,transparent);color:var(--action-text)}
.sgx-flb{background:var(--chip-bg);color:var(--text-tertiary);font-weight:600}
.sgx-use{font-weight:700}
.sgx-wbtn{justify-self:start;min-height:44px}
.sgx-dist{display:grid;gap:8px;margin:0;padding:0;list-style:none}
.sgx-dist li{display:grid;grid-template-columns:52px minmax(0,1fr) 28px;align-items:center;gap:10px;font-size:.8125rem}
.sgx-dist i{display:block;height:8px;border-radius:4px;background:linear-gradient(90deg,var(--action-text),color-mix(in srgb,var(--action-text) 35%,transparent));width:var(--w)}
.sgx-dist b{text-align:right}
.sgx-leg{display:grid;gap:10px;margin:0}
.sgx-leg div{display:grid;grid-template-columns:64px minmax(0,1fr);gap:10px;align-items:start}
.sgx-leg dt{display:inline-flex;align-items:center;gap:6px;font-size:.75rem;line-height:1.25rem;font-weight:800;letter-spacing:.03em}
.sgx-leg dt i{display:inline-block;width:14px;height:3px;border-radius:2px}
.sgx-leg .k-sl{background:var(--sg-down)}.sgx-leg .k-en{background:var(--text-primary)}.sgx-leg .k-tp{background:var(--sg-up)}.sgx-leg .k-r{background:var(--action-text)}
.sgx-leg dd{margin:0;font-size:.8125rem;line-height:1.25rem;color:var(--text-secondary)}

/* ---------- takip ve ayarlar ---------- */
.sgx-fgrid{display:grid;gap:var(--gap)}
@media (min-width:1280px){.sgx-fgrid{grid-template-columns:minmax(0,1fr) 320px;align-items:start}}
.sgx-quota{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;font-size:.8125rem;color:var(--text-secondary)}
.sgx-quota b{font-size:.9375rem;color:var(--text-primary)}
.sgx-sbar{height:8px;border-radius:4px;background:var(--chip-bg);overflow:hidden}
.sgx-sbar i{display:block;width:var(--w);height:100%;border-radius:4px;background:linear-gradient(90deg,var(--action-text),var(--onn-ink,var(--action-text)))}
.sg-hint{margin:0;color:var(--text-tertiary);font-size:.8125rem;line-height:1.25rem}
.sg-hint a{color:var(--action-text)}
.sg-muted{margin:0;color:var(--text-tertiary);font-size:.875rem;line-height:1.375rem}
.sg-add{position:relative;display:flex;align-items:center;max-width:520px}
.sg-add>svg{position:absolute;left:12px;color:var(--text-tertiary);pointer-events:none}
.sg-add input{width:100%;min-height:44px;padding:0 12px 0 36px;border:1px solid var(--border-control,var(--line));border-radius:10px;background:var(--bg-canvas,var(--bg-surface));color:var(--text-primary);font:500 .9375rem var(--font-sans)}
.sg-sug{position:absolute;z-index:5;left:0;right:0;top:calc(100% + 4px);margin:0;padding:4px;list-style:none;border:1px solid var(--line);border-radius:12px;background:var(--bg-raised);box-shadow:var(--shadow-2);max-height:320px;overflow:auto}
.sg-sug button{display:flex;gap:10px;align-items:center;width:100%;min-height:44px;padding:6px 10px;border:0;border-radius:8px;background:none;color:inherit;text-align:left;cursor:pointer}
.sg-sug button:hover{background:var(--chip-bg)}
.sg-sug .am,.sg-sug .am-c{width:24px;height:24px}.sg-sug .am-pair .am-c{width:17px;height:17px}
.sg-sug b{font-weight:650}.sg-sug span{color:var(--text-tertiary);font-size:.8125rem}
.sgx-follows{display:grid;gap:8px;margin:0;padding:0;list-style:none}
.sgx-fr{position:relative;display:grid;gap:10px;padding:12px 52px 12px 12px;border:1px solid var(--line);border-radius:12px;background:color-mix(in srgb,var(--chip-bg) 50%,transparent)}
.sgx-fr .sgx-fls .num{margin-left:6px;font-size:.8125rem;color:var(--text-secondary)}
.sgx-frc{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.sgx-frl{min-width:110px;font-size:.75rem;font-weight:600;color:var(--text-tertiary)}
.sgx-fempty{padding:18px;border:1px dashed var(--line);border-radius:12px;font-size:.875rem;color:var(--text-tertiary);text-align:center}
.sg-x{position:absolute;top:10px;right:10px;display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid var(--line);border-radius:8px;background:var(--bg-surface);color:var(--text-tertiary);cursor:pointer}
.sg-x:hover{color:var(--sg-down);border-color:color-mix(in srgb,var(--sg-down) 50%,var(--line))}
@media (min-width:900px){.sgx-fr{grid-template-columns:200px minmax(0,1fr);align-items:center}.sgx-fr .sgx-fls{grid-row:span 3;align-self:start;padding-top:4px}}
.sgx-sws{display:grid;gap:2px}
.sgx-sw{position:relative;display:flex;align-items:center;gap:12px;min-height:52px;padding:6px 4px;border-bottom:1px solid var(--line);cursor:pointer}
.sgx-sws .sgx-sw:last-child{border-bottom:0}
.sgx-sw input{position:absolute;opacity:0;width:1px;height:1px}
.sgx-sw>i{position:relative;flex:none;width:38px;height:22px;border-radius:11px;background:var(--chip-bg);box-shadow:inset 0 0 0 1px var(--line);transition:background var(--t-fast,.15s)}
.sgx-sw>i::after{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:var(--text-tertiary);transition:transform var(--t-fast,.15s),background var(--t-fast,.15s)}
.sgx-sw input:checked+i{background:color-mix(in srgb,var(--action-text) 30%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--action-text) 60%,transparent)}
.sgx-sw input:checked+i::after{transform:translateX(16px);background:var(--action-text)}
.sgx-sw input:focus-visible+i{outline:2px solid var(--focus);outline-offset:2px}
.sgx-sw span{display:grid;min-width:0}
.sgx-sw b{font-size:.875rem;font-weight:650}
.sgx-sw small{font-size:.75rem;line-height:1rem;color:var(--text-tertiary)}

/* ---------- performans ---------- */
.sgx-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px}
.sgx-kpi{padding:12px 14px;border-radius:10px;background:var(--chip-bg)}
.sgx-kpi span{display:block;font-size:.75rem;line-height:1rem;font-weight:600;color:var(--text-tertiary)}
.sgx-kpi b{display:block;margin-top:4px;font-size:1.375rem;line-height:1.75rem;font-weight:750}
.sgx-curve{margin:0}
.sgx-curve svg{display:block;width:100%;height:190px}
.sgx-curve figcaption,.sgx-gcurve figcaption{margin-top:4px;font-size:.75rem;color:var(--text-tertiary)}
.sgx-curve .ln,.sgx-gcurve .ln{fill:none;stroke-width:2;vector-effect:non-scaling-stroke}
.sgx-curve .ln.up,.sgx-gcurve .ln.up{stroke:var(--sg-up)}.sgx-curve .ln.down,.sgx-gcurve .ln.down{stroke:var(--sg-down)}
.sgx-curve .fill.up,.sgx-gcurve .fill.up{fill:color-mix(in srgb,var(--sg-up) 14%,transparent)}
.sgx-curve .fill.down,.sgx-gcurve .fill.down{fill:color-mix(in srgb,var(--sg-down) 14%,transparent)}
.sg-zero{stroke:var(--line);stroke-dasharray:4 4;vector-effect:non-scaling-stroke}
.sgx-tbls{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:var(--gap)}
.sgx-tbls .sgx-pb{padding:0 0 4px;overflow-x:auto}
.sgx-pt thead th{background:none}
.sgx-pt tbody th{color:var(--text-primary);text-transform:none;letter-spacing:0;font-size:.8125rem;font-weight:650;background:none;border-bottom:1px solid var(--line)}

/* ---------- paket ve tanıtım ---------- */
.sg-upsell{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:14px 16px;border:1px solid color-mix(in srgb,var(--action-text) 35%,var(--line));border-radius:var(--r-lg,14px);background:color-mix(in srgb,var(--action-text) 7%,var(--bg-surface))}
.sg-upsell>svg{width:22px;height:22px;color:var(--action-text)}
.sg-upsell div{flex:1 1 260px}.sg-upsell b{font-weight:650}.sg-upsell p{margin:2px 0 0;color:var(--text-secondary);font-size:.875rem}
.sg-upsell .btn{min-height:44px}
.sg-teaser{max-width:640px;margin:8px auto;padding:32px 24px;border:1px solid var(--line);border-radius:18px;background:var(--panel-bg);text-align:center}
.sg-teaser-ic{display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:14px;background:color-mix(in srgb,var(--action-text) 14%,transparent);color:var(--action-text)}
.sg-teaser-ic svg{width:26px;height:26px}
.sg-teaser h2{margin:14px 0 6px;font-size:1.25rem}.sg-teaser p{margin:0;color:var(--text-secondary);line-height:1.5rem}
.sg-skel{height:220px;border-radius:var(--r-lg,14px);background:linear-gradient(90deg,var(--chip-bg) 0%,color-mix(in srgb,var(--chip-bg) 40%,transparent) 50%,var(--chip-bg) 100%) 0 0/200% 100%;animation:sg-load 1.2s linear infinite}
.sg-skel.sm{height:64px}
@keyframes sg-load{to{background-position:-200% 0}}
.sg-foot{margin:0;color:var(--text-tertiary);font-size:.8125rem;line-height:1.25rem}
.sg-foot a{color:var(--action-text)}

/* ---------- ayrıntı ---------- */
.sg-back{display:inline-flex;align-items:center;gap:4px;justify-self:start;min-height:32px;color:var(--action-text);font-size:.875rem;font-weight:600;text-decoration:none}
.sgx-dhero-in{display:grid;grid-template-columns:minmax(0,1fr);gap:18px;padding:20px 16px 16px;min-width:0}
.sgx-dhero h1{margin:0;font-size:1.875rem;line-height:2.25rem;font-weight:750;letter-spacing:-.03em}
.sgx-hid{display:flex;align-items:center;gap:14px;min-width:0}
.sgx-hid .am.am-lg,.sgx-hid .am-lg .am-c{width:56px;height:56px}
.sgx-hid .am-pair.am-lg .am-c{width:38px;height:38px}
.sgx-hidt{display:grid;gap:4px;min-width:0}
.sgx-hb{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:4px}
.sgx-hq{display:flex;gap:12px;flex-wrap:wrap}
.sgx-hqc{display:grid;flex:1 1 140px;padding:12px 14px;border-radius:12px;border:1px solid var(--spot-bd);background:var(--spot-bg);min-width:0}
.sgx-hqc>span{font-size:.75rem;line-height:1rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--text-tertiary)}
.sgx-px{font-size:1.875rem;line-height:2.25rem;font-weight:750;letter-spacing:-.02em;white-space:nowrap}
.sgx-hqc small{display:inline-flex;align-items:center;gap:5px;font-size:.8125rem;font-weight:600;color:var(--text-secondary)}
.sgx-hqc small.up{color:var(--sg-up)}.sgx-hqc small.down{color:var(--sg-down)}
.sgx-ha{display:flex;flex-wrap:wrap;gap:10px}
.sgx-ha .sgx-on{border:1px solid color-mix(in srgb,var(--warn,#f5a524) 55%,var(--line));background:color-mix(in srgb,var(--warn,#f5a524) 14%,transparent);color:var(--text-primary)}
.sgx-ha .sgx-on svg{color:var(--warn,#f5a524);fill:currentColor}
.sgx-hlad{padding:12px 6px 0;border-top:1px solid var(--line)}
.sgx-hlad .sg-lad{height:36px}
@media (min-width:900px){.sgx-dhero-in{padding:26px 28px 20px}.sgx-dhero h1{font-size:2.25rem;line-height:2.75rem}}
@media (min-width:1100px){
  .sgx-dhero-in{grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:28px}
  .sgx-hq{grid-column:2;grid-row:1;flex-wrap:nowrap}
  .sgx-hqc{flex:0 0 200px}
  .sgx-ha,.sgx-hlad{grid-column:1/-1}
}

.sgx-dgrid{display:grid;gap:var(--gap);min-width:0}
.sgx-dmain,.sgx-dside{display:grid;gap:var(--gap);align-content:start;min-width:0}
@media (min-width:1100px){.sgx-dgrid{grid-template-columns:minmax(0,1fr) 380px;align-items:start}}
/* dar ekranda işlem planı grafiğin hemen altına gelir (sütunlar tek akışta sıralanır) */
@media (max-width:1099px){
  .sgx-dmain,.sgx-dside{display:contents}
  .sgx-pchart{order:1}.sgx-pplan{order:2}.sgx-dmain>.sgx-pn:nth-child(2){order:3}.sgx-dside>.sgx-pn:nth-child(2){order:4}
  .sgx-two{order:5}.sgx-dside>.sgx-pn:nth-child(3){order:6}.sgx-dside>.sg-disc{order:7}
}
.sgx-pchart .sgx-pb{padding:0}
.sgx-chart{height:520px;border-radius:0 0 var(--r-lg,14px) var(--r-lg,14px);overflow:hidden}
.sgx-chart iframe{display:block;width:100%;height:100%;border:0}
@media (min-width:1100px){.sgx-chart{height:600px}}
.sgx-two{display:grid;gap:var(--gap)}
@media (min-width:1280px){.sgx-two{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}}

/* işlem planı */
.sgx-pl{display:grid;gap:6px;margin:0;padding:0;list-style:none}
.sgx-pl li{display:grid;grid-template-columns:52px minmax(0,1fr) auto;grid-template-areas:"k n p" "k r q";align-items:center;gap:0 12px;padding:10px 12px;border:1px solid var(--line);border-radius:10px}
.sgx-plk{grid-area:k;display:inline-flex;align-items:center;justify-content:center;height:32px;border-radius:8px;font-size:.75rem;font-weight:800;letter-spacing:.03em;background:var(--chip-bg)}
.sgx-pln{grid-area:n;font-size:.8125rem;color:var(--text-secondary);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sgx-pln em{display:inline-flex;align-items:center;gap:3px;font-style:normal;font-weight:700;color:var(--sg-up)}
.sgx-pl li>b{grid-area:p;font-size:1.0625rem;font-weight:750;text-align:right}
.sgx-plr{grid-area:r;font-size:.75rem;font-weight:600;color:var(--text-tertiary)}
.sgx-plp{grid-area:q;font-size:.75rem;color:var(--text-tertiary);text-align:right}
.sgx-pl .sgx-pl-sl{border-color:color-mix(in srgb,var(--sg-down) 40%,var(--line));background:color-mix(in srgb,var(--sg-down) 5%,transparent)}
.sgx-pl .sgx-pl-sl .sgx-plk{background:var(--sg-down);color:#fff}
.sgx-pl .sgx-pl-tp .sgx-plk{background:color-mix(in srgb,var(--sg-up) 18%,transparent);color:var(--sg-up)}
.sgx-pl .sgx-pl-entry{background:var(--chip-bg)}
.sgx-pl .sgx-pl-entry .sgx-plk{background:var(--text-primary);color:var(--bg-surface)}
.sgx-pl .is-hit{border-color:color-mix(in srgb,var(--sg-up) 55%,var(--line));background:color-mix(in srgb,var(--sg-up) 8%,transparent)}
.sgx-pl .is-hit .sgx-plk{background:var(--sg-up);color:#fff}
.sgx-plm{display:flex;flex-wrap:wrap;gap:6px 16px;font-size:.8125rem;color:var(--text-secondary)}
.sgx-plm b{color:var(--text-primary)}
.sgx-plm b.up{color:var(--sg-up)}.sgx-plm b.down{color:var(--sg-down)}

/* güç ve olasılık */
.sg-prob{display:flex;align-items:center;gap:14px}
.sg-prob span{display:block;color:var(--text-secondary);font-size:.8125rem}
.sg-prob b{display:block;font-size:1.5rem;line-height:1.875rem;font-weight:750}
.sg-prob small{display:block;color:var(--text-tertiary);font-size:.75rem;line-height:1rem}
.sg-gauge{flex:none;width:120px}
.sg-gauge path{fill:none;stroke-width:10;stroke-linecap:round}
.sg-gauge .bg{stroke:var(--chip-bg)}.sg-gauge .fg{stroke:var(--action-text)}
.sgx-score{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;font-size:.8125rem;color:var(--text-secondary)}
.sgx-tierrow{display:flex;align-items:center;gap:10px;flex-wrap:wrap}

/* yol adımları */
.sg-steps{display:flex;margin:0;padding:4px 0 0;list-style:none;overflow-x:auto}
.sg-step{position:relative;flex:1 1 0;min-width:104px;padding:24px 6px 0;text-align:center}
.sg-step::before{content:"";position:absolute;top:8px;left:0;right:0;height:2px;background:var(--line)}
.sg-step::after{content:"";position:absolute;top:1px;left:50%;width:16px;height:16px;margin-left:-8px;border-radius:50%;background:var(--bg-surface);border:2px solid var(--line)}
.sg-step:first-child::before{left:50%}.sg-step:last-child::before{right:50%}
.sg-step b{display:block;font-size:.8125rem;font-weight:700}
.sg-step span{display:block;color:var(--text-tertiary);font-size:.75rem}
.sg-step.is-done::after{background:var(--sg-up);border-color:var(--sg-up);box-shadow:0 0 0 4px color-mix(in srgb,var(--sg-up) 18%,transparent)}
.sg-step.is-done::before{background:color-mix(in srgb,var(--sg-up) 60%,var(--line))}
.sg-step.is-wait::after{border-color:var(--action-text)}
.sg-step.is-skip{opacity:.45}
.sg-step.is-bad::after{background:var(--sg-down);border-color:var(--sg-down)}.sg-step.is-bad b{color:var(--sg-down)}
.sg-step.is-end::after{background:var(--text-tertiary);border-color:var(--text-tertiary)}

/* gerekçe, ilgili, geçmiş */
.sg-strat{margin:0;color:var(--text-secondary);font-size:.875rem;line-height:1.375rem}.sg-strat b{color:var(--text-primary)}
.sg-why{margin:0;padding:0;list-style:none;display:grid;gap:6px}
.sg-why li{display:flex;gap:8px;align-items:flex-start;font-size:.875rem;line-height:1.375rem}
.sg-why svg{flex:none;margin-top:3px;color:var(--text-tertiary)}
.sg-why-pos svg{color:var(--sg-up)}.sg-why-neg svg{color:var(--sg-down)}
.sg-rel,.sg-hist{display:grid;gap:6px;margin:0;padding:0;list-style:none}
.sg-rel a,.sg-hist a{display:flex;align-items:center;gap:8px;flex-wrap:wrap;min-height:44px;padding:8px 10px;border:1px solid var(--line);border-radius:10px;color:inherit;text-decoration:none}
@media (hover:hover) and (pointer:fine){.sg-rel a:hover,.sg-hist a:hover{border-color:color-mix(in srgb,var(--action-text) 45%,var(--line));background:color-mix(in srgb,var(--action-text) 5%,transparent)}}
.sg-hist a b{margin-left:auto}
.sg-hist .sg-time{margin-left:0}
.sg-al{margin-left:auto;font-size:.75rem;font-weight:700;color:var(--sg-up)}.sg-al.no{color:var(--sg-down)}
.sg-disc{display:flex;gap:8px;align-items:flex-start;margin:0;padding:12px 14px;border-radius:12px;background:var(--chip-bg);color:var(--text-tertiary);font-size:.8125rem;line-height:1.25rem}
.sg-disc svg{flex:none;margin-top:2px}

/* telefon ve dar tablet: süzgeçler tek satır, yatay kayar (dikey alan kartlara kalır) */
@media (max-width:899px){
  .sgx-bar{flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;padding:8px}
  .sgx-bar::-webkit-scrollbar{display:none}
  .sgx-bar .sg-chips{flex:none;flex-wrap:nowrap}
  .sgx-view{margin-left:0}
  .sgx-tabs button{flex:1 0 auto;padding:0 12px;font-size:.875rem}
}
@media (max-width:599px){
  .sgx-lv{grid-template-columns:repeat(3,minmax(0,1fr))}
  .sgx-frl{min-width:0;flex:1 1 100%}
  .sgx-px{font-size:1.5rem;line-height:2rem}
  .sgx-chart{height:420px}
}
@media (prefers-reduced-motion:reduce){
  .sg-skel,.sgx-radar b,.sgx-eb .dot::after,.sgx-live i::after{animation:none}
  .sg-lad-mark{transition:none}
}

/* ---------- hızlı bakış düğmesi (kart) ---------- */
.sgx-cw{position:relative;display:flex;min-width:0}
.sgx-cw>.sgx-card{flex:1;min-width:0}
.sgx-cw .sgx-cf{padding-right:128px}
.sgx-qv{position:absolute;right:12px;bottom:10px;display:inline-flex;align-items:center;gap:6px;min-height:32px;padding:0 12px;border:1px solid color-mix(in srgb,var(--action-text) 40%,var(--line));
  border-radius:999px;background:color-mix(in srgb,var(--action-text) 10%,var(--bg-surface));color:var(--action-text);font:650 .8125rem/1 var(--font-sans);cursor:pointer;
  transition:background var(--t-fast,.15s),border-color var(--t-fast,.15s),box-shadow var(--t-fast,.15s)}
@media (hover:hover) and (pointer:fine){.sgx-qv:hover{background:color-mix(in srgb,var(--action-text) 20%,var(--bg-surface));box-shadow:0 0 0 4px color-mix(in srgb,var(--action-text) 12%,transparent)}}
.sgx-qv:focus-visible,.sgx-ib:focus-visible,.sgx-wbt:focus-visible{outline:2px solid var(--focus);outline-offset:2px}

/* ---------- tablo: işlem düğmeleri ve açılır satır ---------- */
.sgx-tact{width:1%;white-space:nowrap;text-align:right}
.sgx-ib{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;margin-left:4px;border:1px solid var(--line);border-radius:8px;background:var(--bg-surface);color:var(--text-secondary);cursor:pointer;
  transition:background var(--t-fast,.15s),color var(--t-fast,.15s),border-color var(--t-fast,.15s)}
@media (hover:hover) and (pointer:fine){.sgx-ib:hover{color:var(--action-text);border-color:color-mix(in srgb,var(--action-text) 45%,var(--line))}}
.sgx-xb svg{transition:transform .25s var(--ease,ease)}
.sgx-xb[aria-expanded="true"]{color:var(--action-text);background:color-mix(in srgb,var(--action-text) 10%,var(--bg-surface))}
.sgx-xb[aria-expanded="true"] svg{transform:rotate(180deg)}
.sgx-tw tbody tr.is-open td{background:color-mix(in srgb,var(--action-text) 6%,transparent);border-bottom-color:transparent}
.sgx-tw tbody tr.sgx-xr{cursor:default}
.sgx-tw tbody tr.sgx-xr>td{padding:0;white-space:normal;background:color-mix(in srgb,var(--action-text) 3%,transparent)}
@media (hover:hover) and (pointer:fine){.sgx-tw tbody tr.sgx-xr:hover td{background:color-mix(in srgb,var(--action-text) 3%,transparent)}}
.sgx-xp{display:grid;grid-template-rows:0fr;transition:grid-template-rows .3s var(--ease,ease)}
.sgx-xr.on .sgx-xp{grid-template-rows:1fr}
.sgx-xin{display:grid;gap:16px;min-height:0;overflow:hidden;padding:0 14px;opacity:0;transition:opacity .25s .05s,padding .3s}
.sgx-xr.on .sgx-xin{padding:14px;opacity:1}
@media (min-width:1100px){.sgx-xin{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) minmax(0,1fr);align-items:start}}
.sgx-xc{display:grid;gap:10px;min-width:0}
.sgx-mini-lg{height:190px}
.sgx-xw{display:grid;gap:8px;align-content:start;min-width:0}
.sgx-xa{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}
.sgx-xa .btn{display:inline-flex;align-items:center;gap:6px;min-height:40px}
.sgx-pl-sm{gap:4px}
.sgx-pl-sm li{padding:6px 10px;grid-template-columns:44px minmax(0,1fr) auto}
.sgx-pl-sm .sgx-plk{height:26px}
.sgx-pl-sm li>b{font-size:.9375rem}

/* ---------- hızlı bakış penceresi ---------- */
html.sgx-lock{overflow:hidden}
.sgx-qvm{position:fixed;inset:0;z-index:300;display:flex;align-items:center;justify-content:center;padding:16px}
.sgx-qvm[hidden]{display:none}
.sgx-qvb{position:absolute;inset:0;background:rgba(4,8,20,.58);-webkit-backdrop-filter:blur(6px) saturate(1.1);backdrop-filter:blur(6px) saturate(1.1);opacity:0;transition:opacity .2s}
.sgx-qvm.on .sgx-qvb{opacity:1}
.sgx-win{position:relative;display:grid;grid-template-rows:auto minmax(0,1fr) auto;width:min(1240px,100%);height:min(800px,100%);border-radius:14px;overflow:hidden;
  border:1px solid color-mix(in srgb,var(--action-text) 30%,var(--line));background:var(--bg-surface);
  box-shadow:0 0 0 1px rgba(255,255,255,.04) inset,0 40px 90px -30px rgba(0,0,0,.65),0 0 0 6px color-mix(in srgb,var(--action-text) 7%,transparent);
  opacity:0;transform:scale(.96);transition:opacity .2s,transform .22s var(--ease,ease),width .25s,height .25s,border-radius .25s;outline:none}
.sgx-qvm.on .sgx-win{opacity:1;transform:none}
.sgx-win.is-max{width:100%;height:100%;border-radius:8px}
.sgx-win.is-drag{transition:none;user-select:none}
.sgx-wh{display:flex;align-items:center;gap:10px;height:44px;padding:0 0 0 14px;border-bottom:1px solid var(--line);
  background:linear-gradient(180deg,color-mix(in srgb,var(--action-text) 9%,var(--bg-surface)),var(--bg-surface));cursor:grab;user-select:none}
.sgx-win.is-drag .sgx-wh{cursor:grabbing}
.sgx-wi{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:7px;background:color-mix(in srgb,var(--action-text) 16%,transparent);color:var(--action-text)}
.sgx-wh b{flex:1 1 auto;min-width:0;font-size:.875rem;font-weight:650;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sgx-wn{font-size:.8125rem;color:var(--text-tertiary)}
.sgx-wbs{display:flex;align-self:stretch;margin-left:6px}
.sgx-wbt{display:inline-flex;align-items:center;justify-content:center;width:48px;border:0;background:none;color:var(--text-secondary);cursor:pointer;transition:background .12s,color .12s}
.sgx-wbt svg{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:1.2}
.sgx-wbt:hover{background:var(--chip-bg);color:var(--text-primary)}
.sgx-wbx:hover{background:#c42b1c;color:#fff}
.sgx-wbody{display:grid;grid-template-columns:minmax(0,1fr) 400px;min-height:0}
.sgx-qc{position:relative;min-height:0;background:#0b0f19;border-right:1px solid var(--line)}
.sgx-qc iframe{display:block;width:100%;height:100%;border:0}
.sgx-qcl{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#0b0f19}
.sgx-qcl[hidden]{display:none}
.sgx-qs{display:flex;flex-direction:column;gap:12px;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:16px}
.sgx-qs>*{flex-shrink:0}
.sgx-qs>.sgx-h4{margin-bottom:-4px}
.sgx-qs.in-r{animation:sgx-in-r .28s var(--ease,ease)}
.sgx-qs.in-l{animation:sgx-in-l .28s var(--ease,ease)}
.sgx-qs.in-0{animation:sgx-in-0 .25s var(--ease,ease)}
@keyframes sgx-in-r{from{opacity:0;transform:translateX(28px)}to{opacity:1;transform:none}}
@keyframes sgx-in-l{from{opacity:0;transform:translateX(-28px)}to{opacity:1;transform:none}}
@keyframes sgx-in-0{from{opacity:0}to{opacity:1}}
.sgx-qh{display:flex;align-items:center;gap:12px;min-width:0}
.sgx-qh .am.am-lg,.sgx-qh .am-lg .am-c{width:48px;height:48px}
.sgx-qh .am-pair.am-lg .am-c{width:32px;height:32px}
.sgx-qht{display:grid;gap:4px;min-width:0}
.sgx-qht>b{font-size:1.375rem;line-height:1.75rem;font-weight:750;letter-spacing:-.02em}
.sgx-qk{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
.sgx-qk div{display:grid;padding:9px 11px;border-radius:10px;background:var(--chip-bg)}
.sgx-qk span{font-size:.75rem;line-height:1rem;color:var(--text-tertiary)}
.sgx-qk b{font-size:1.0625rem;line-height:1.5rem;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sgx-qk div:first-child b{font-size:1.375rem;line-height:1.75rem}
.sgx-qs .sg-steps{margin:0 -4px}
.sgx-qs .sg-step{min-width:64px}
.sgx-wf{display:flex;align-items:center;gap:10px;padding:10px 14px;border-top:1px solid var(--line);background:color-mix(in srgb,var(--chip-bg) 60%,var(--bg-surface))}
.sgx-wf .btn{display:inline-flex;align-items:center;gap:6px;min-height:40px}
.sgx-wnav:disabled{opacity:.45;cursor:default}
.sgx-wdots{display:flex;align-items:center;gap:5px;flex:1 1 auto;justify-content:center;min-width:0}
.sgx-wdots button{width:8px;height:8px;padding:0;border:0;border-radius:4px;background:var(--line);cursor:pointer;transition:width .2s,background .2s}
.sgx-wdots button[aria-current="true"]{width:22px;background:var(--action-text)}
.sgx-wkey{font-size:.75rem;color:var(--text-tertiary);white-space:nowrap}
@media (max-width:1099px){.sgx-wkey{display:none}}
@media (max-width:899px){
  .sgx-qvm{padding:0}
  .sgx-win,.sgx-win.is-max{width:100%;height:100%;border-radius:0;border:0}
  .sgx-wh{cursor:default}
  .sgx-wbs [data-qv-max]{display:none}
  .sgx-wbody{grid-template-columns:minmax(0,1fr);grid-template-rows:42vh minmax(0,1fr)}
  .sgx-qc{border-right:0;border-bottom:1px solid var(--line)}
  .sgx-wf{gap:6px;padding:8px 10px}
  .sgx-wf .sgx-wnav span{display:none}
  .sgx-wf [data-qv-go]{flex:1;justify-content:center}
  .sgx-wdots{display:none}
}

/* ---------- motor nabzı ---------- */
.sgx-np{display:grid;gap:20px}
@media (min-width:1280px){.sgx-np{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:28px}}
.sgx-npc,.sgx-npe{display:grid;gap:10px;align-content:start;min-width:0}
.sgx-clks{display:grid;grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:8px}
.sgx-clk{position:relative;display:grid;justify-items:center;gap:2px;padding:10px 4px 8px;border-radius:12px;background:var(--chip-bg)}
.sgx-clk svg{width:76px;height:76px;transform:rotate(-90deg)}
.sgx-clk circle{fill:none;stroke-width:5}
.sgx-clk .bg{stroke:color-mix(in srgb,var(--text-tertiary) 22%,transparent)}
.sgx-clk .fg{stroke:var(--action-text);stroke-linecap:round;transition:stroke-dasharray .9s linear}
.sgx-clk b{position:absolute;top:40px;left:0;right:0;text-align:center;font-size:.75rem;font-weight:700}
.sgx-clk span{font-size:.75rem;font-weight:650;color:var(--text-secondary)}
.sgx-clk.is-soon .fg{stroke:var(--sg-up)}
.sgx-clk.is-soon{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--sg-up) 45%,transparent);animation:sgx-soon 1s ease-in-out infinite alternate}
@keyframes sgx-soon{to{background:color-mix(in srgb,var(--sg-up) 12%,var(--chip-bg))}}
.sgx-today{display:grid;gap:8px;margin-top:6px}
.sgx-tdy{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.sgx-tdy div{display:grid;padding:10px 12px;border-radius:10px;background:var(--chip-bg)}
.sgx-tdy b{font-size:1.5rem;line-height:1.875rem;font-weight:750}
.sgx-tdy span{font-size:.75rem;color:var(--text-tertiary)}
.sgx-tdy .up b{color:var(--sg-up)}.sgx-tdy .down b{color:var(--sg-down)}
.sgx-ev{position:relative;display:grid;gap:0;margin:0;padding:0 0 0 4px;list-style:none}
.sgx-ev::before{content:"";position:absolute;top:10px;bottom:10px;left:17px;width:2px;border-radius:1px;background:var(--line)}
.sgx-e{position:relative;display:grid;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:40px;animation:sgx-ev .4s var(--d,0ms) both var(--ease,ease)}
@keyframes sgx-ev{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.sgx-e>i{position:relative;display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:var(--bg-surface);box-shadow:inset 0 0 0 2px var(--line);color:var(--text-tertiary)}
.sgx-e-new>i{color:var(--action-text);box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--action-text) 50%,transparent)}
.sgx-e-tp>i{color:var(--sg-up);box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--sg-up) 50%,transparent)}
.sgx-e-sl>i{color:var(--sg-down);box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--sg-down) 50%,transparent)}
.sgx-e button{min-width:0;padding:6px 0;border:0;background:none;color:var(--text-primary);font:500 .875rem/1.25rem var(--font-sans);text-align:left;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media (hover:hover) and (pointer:fine){.sgx-e button:hover{color:var(--action-text)}}
.sgx-e time{font-size:.75rem;color:var(--text-tertiary);white-space:nowrap}
.sgx-e-none{padding:12px;border:1px dashed var(--line);border-radius:10px;font-size:.875rem;color:var(--text-tertiary)}
@media (prefers-reduced-motion:reduce){
  .sgx-win,.sgx-qvb,.sgx-xp,.sgx-xin{transition:none}
  .sgx-qs.in-r,.sgx-qs.in-l,.sgx-qs.in-0,.sgx-e,.sgx-clk.is-soon{animation:none}
}

/* uygulama görünümünde paket tanıtımı yerine nötr not (js/signals/page.js upsell) */
.sg-note{display:flex;align-items:center;gap:12px;padding:14px 16px;border:1px solid var(--line);border-radius:var(--r-lg,14px);background:var(--panel-bg)}
.sg-note>svg{width:20px;height:20px;flex:none;color:var(--text-tertiary)}
.sg-note p{margin:0;font-size:.9375rem;color:var(--text-secondary)}