/* =====================================================================
   TRADEAGENTIO — YENİ ARAYÜZ KATMANI (styles.css'in ÜZERİNE biner)
   Aynı "Rafine Pro Terminal" dili: neredeyse-siyah zemin, kılcal çizgiler, TEK vurgu = terminal ambeni.
   Yeşil/kırmızı yalnız yön & K/Z için. Bu dosya: ana gezinme (nav), yasal uyarı şeridi, görünümler,
   pazar listesi + grafik, beyin ekranı, defter, modallar.
   ===================================================================== */

/* ---------------------------------------------------- MASAÜSTÜ BAŞLIK ÇUBUĞU (Electron, html.is-desktop)
   Beyaz Windows başlığı yerine: sürüklenen koyu şerit + logo. Küçült / büyüt / kapat düğmelerini Windows çizer
   (desktop/main.js titleBarOverlay: aynı #08090b zemin, 32 px). Web'de --tb-h = 0 ve şerit gizli. */
:root{ --tb-h: 0px; }
.desk-titlebar{ display: none; }
html.is-desktop{ --tb-h: 33px; }
.is-desktop body{ padding-top: var(--tb-h); }
.is-desktop .desk-titlebar{
  position: fixed; top: 0; left: 0; right: 0; height: var(--tb-h); z-index: 100;
  display: flex; align-items: center; gap: 8px;
  padding-left: calc(env(titlebar-area-x, 0px) + 12px);
  background: #08090b; border-bottom: 1px solid var(--line);
  -webkit-app-region: drag; user-select: none; -webkit-user-select: none;
}
.desk-titlebar img{ width: 16px; height: 16px; border-radius: 4px; }
.dt-name{ font-family: var(--disp); font-size: 12px; font-weight: 700; letter-spacing: .03em; color: #f2f3f5; }
.dt-name b{ color: var(--amber); font-weight: 700; }
.dt-ver{ font-family: var(--mono); font-size: 10px; color: var(--txt-mute); letter-spacing: .04em; }

/* ---------------------------------------------------------------- İkonlar */
.ic{
  width: 16px; height: 16px; flex: none;
  fill: none; stroke: currentColor; stroke-width: 1.8;
  stroke-linecap: round; stroke-linejoin: round;
}
.ic-caret{ width: 13px; height: 13px; transition: transform .18s ease; opacity: .7; }
[aria-expanded="true"] > .ic-caret{ transform: rotate(180deg); }

/* ============================================================ ANA GEZİNME */
.mainnav{
  position: sticky; top: var(--tb-h); z-index: 50;   /* masaüstünde başlık çubuğunun altında yapışır */
  display: flex; align-items: center; gap: 4px;
  min-height: 54px; padding: 0 20px;
  background: linear-gradient(180deg, #0b0c0f 0%, var(--bg-soft) 100%);
  border-bottom: 1px solid var(--line);
  backdrop-filter: blur(10px);
  animation: rise .45s ease both;
}
.mainnav::after{                 /* imza: amber canlı çizgi */
  content: ''; position: absolute; left: 0; bottom: -1px; height: 1px; width: 148px;
  background: linear-gradient(90deg, var(--amber), transparent);
  pointer-events: none;
}
.nav-brand{
  display: flex; align-items: center; flex: none;
  margin-right: 18px; padding: 7px 0;
  color: inherit; text-decoration: none;
}
.nav-brand:hover{ text-decoration: none; }
/* tradeagentio logosu (brand/logo-nav*.png, 1x/2x/3x): üstte işaret, altta yazı — 40 px yükseklik */
.nav-brand .brand-logo{ display: block; height: 40px; width: auto; transition: filter .25s; }
.nav-brand:hover .brand-logo{ filter: drop-shadow(0 0 10px rgba(240,180,41,.35)); }

.nav-left, .nav-right{ display: flex; align-items: center; gap: 2px; }
.nav-right{ margin-left: auto; }

.nav-btn{
  position: relative;
  display: inline-flex; align-items: center; gap: 8px;
  height: 54px; padding: 0 14px;
  font-family: var(--disp); font-size: 11px; font-weight: 700; font-stretch: 108%;
  letter-spacing: .1em; text-transform: uppercase; white-space: nowrap;
  color: var(--txt-dim); background: transparent; border: 0; border-radius: 0;
  transition: color .15s, background .15s;
}
.nav-btn:hover{ color: var(--txt-bright); background: rgba(255,255,255,.028); }
.nav-btn:focus-visible{ outline: 1px solid var(--amber); outline-offset: -3px; }
.nav-btn::after{                 /* aktif görünüm çizgisi */
  content: ''; position: absolute; left: 12px; right: 12px; bottom: -1px; height: 2px;
  background: var(--amber); transform: scaleX(0); transform-origin: left;
  transition: transform .22s ease;
}
.nav-btn.active{ color: var(--amber-soft); }
.nav-btn.active::after{ transform: scaleX(1); }
.nav-btn[aria-expanded="true"]{ color: var(--txt-bright); background: rgba(255,255,255,.03); }

/* CTA — Özel Kit Satın Al */
.nav-cta{
  height: 34px; margin: 0 8px; padding: 0 14px;
  color: var(--amber-soft); background: var(--amber-bg);
  border: 1px solid var(--amber-bd); border-radius: var(--r);
  overflow: hidden; isolation: isolate;
}
.nav-cta::after{ display: none; }
.nav-cta::before{                /* nadir parlayan ışık süpürmesi */
  content: ''; position: absolute; inset: 0; z-index: -1;
  background: linear-gradient(105deg, transparent 35%, rgba(240,180,41,.28) 50%, transparent 65%);
  transform: translateX(-120%); animation: ctaSheen 7s ease-in-out 2s infinite;
}
@keyframes ctaSheen{ 0%, 70%{ transform: translateX(-120%); } 100%{ transform: translateX(120%); } }
.nav-cta:hover{ background: var(--amber); border-color: var(--amber); color: #141005; }

/* Arama düğmesi — girdi görünümlü */
.nav-search{
  height: 34px; margin-right: 6px; padding: 0 8px 0 11px; min-width: 128px;
  color: var(--txt-mute); background: var(--panel);
  border: 1px solid var(--line); border-radius: var(--r);
  text-transform: none; letter-spacing: .02em; font-family: var(--mono); font-weight: 500; font-size: 11.5px;
}
.nav-search::after{ display: none; }
.nav-search:hover{ border-color: var(--line-strong); color: var(--txt); }
.nav-search .nav-lbl{ flex: 1; text-align: left; }
.nav-search kbd{
  font-family: var(--mono); font-size: 10px; line-height: 1;
  color: var(--txt-mute); background: var(--bg-soft);
  border: 1px solid var(--line-strong); border-radius: 3px; padding: 2px 6px;
}

.nav-lang{ padding: 0 12px; }
.nav-lang .nav-lbl{ font-family: var(--mono); letter-spacing: .06em; }

/* Açılır menüler */
.nav-dd{ position: relative; }
.nav-menu{
  position: absolute; top: calc(100% - 1px); left: 0; z-index: 60;
  min-width: 240px;
  background: var(--panel); border: 1px solid var(--line-strong);
  border-radius: 0 0 var(--r-lg) var(--r-lg);
  box-shadow: 0 22px 48px rgba(0,0,0,.6);
  animation: menuIn .16s ease both;
}
.nav-dd-right .nav-menu{ left: auto; right: 0; }
@keyframes menuIn{ from{ opacity: 0; transform: translateY(-5px); } to{ opacity: 1; transform: none; } }

.mega{ display: grid; grid-template-columns: 1.3fr 1fr; width: 600px; max-width: calc(100vw - 24px); }
.mega-col{ display: flex; flex-direction: column; gap: 7px; padding: 14px; }
.mega-col + .mega-col{ border-left: 1px solid var(--line-soft); background: rgba(255,255,255,.012); }
.mega-head{
  display: flex; align-items: center; justify-content: space-between;
  padding: 0 2px 6px;
  font-family: var(--disp); font-size: 9.5px; font-weight: 700; letter-spacing: .18em;
  text-transform: uppercase; color: var(--txt-mute);
}
.mega-head::before{ content: '//'; color: var(--amber); font-family: var(--mono); margin-right: 8px; }
.mega-head > span:first-child{ flex: 1; }
.lock-tag{
  display: inline-flex; align-items: center; gap: 5px;
  font-size: 9px; letter-spacing: .1em; color: var(--txt-mute);
  border: 1px solid var(--line-strong); border-radius: 3px; padding: 1px 6px;
}
.lock-tag .ic{ width: 11px; height: 11px; }

.mega-item{
  display: flex; align-items: center; justify-content: space-between; gap: 14px;
  width: 100%; padding: 11px 13px; text-align: left;
  font-family: var(--mono); color: var(--txt);
  background: var(--panel-2); border: 1px solid var(--line-soft); border-radius: var(--r);
  transition: border-color .15s, background .15s, transform .15s;
}
.mega-item:hover:not(.is-locked){ border-color: var(--amber-bd); background: var(--amber-bg); transform: translateX(2px); }
.mega-item:focus-visible{ outline: 1px solid var(--amber); outline-offset: 1px; }
.mi-main{ display: flex; flex-direction: column; gap: 3px; min-width: 0; }
.mi-title{ font-family: var(--disp); font-size: 12.5px; font-weight: 700; letter-spacing: .04em; color: var(--txt-bright); }
.mi-sub{ font-size: 10.5px; color: var(--txt-mute); line-height: 1.4; }
.mi-count{ font-size: 11px; font-weight: 600; color: var(--amber-soft); white-space: nowrap; }
.mega-item.is-locked{
  cursor: not-allowed; color: var(--txt-mute);
  background: repeating-linear-gradient(135deg, transparent 0 7px, rgba(255,255,255,.02) 7px 14px), var(--panel-2);
}
.mega-item.is-locked .mi-title{ color: var(--txt-dim); }
.mega-item.is-locked .ic{ color: var(--txt-mute); }
.mega-item.is-locked.shake{ animation: lockShake .35s ease; }
@keyframes lockShake{ 25%{ transform: translateX(-3px); } 75%{ transform: translateX(3px); } }

.lang-menu{ min-width: 168px; padding: 6px; display: flex; flex-direction: column; gap: 3px; }
.lang-item{
  display: flex; align-items: center; gap: 10px; width: 100%;
  padding: 8px 10px; font-family: var(--mono); font-size: 12px; text-align: left;
  color: var(--txt); background: transparent; border: 1px solid transparent; border-radius: var(--r);
}
.lang-item b{ width: 24px; color: var(--txt-bright); font-family: var(--disp); letter-spacing: .08em; }
.lang-item span{ flex: 1; }
.lang-item .ic{ width: 14px; height: 14px; color: var(--amber); opacity: 0; }
.lang-item:hover{ background: var(--panel-hover); border-color: var(--line); }
.lang-item.on{ color: var(--amber-soft); }
.lang-item.on .ic{ opacity: 1; }

/* ======================================================= YASAL UYARI ŞERİDİ */
.legal-bar{
  display: flex; align-items: center; gap: 10px;
  padding: 7px 20px;
  background: linear-gradient(90deg, rgba(240,180,41,.075), rgba(240,180,41,.025) 55%, transparent);
  border-bottom: 1px solid var(--amber-bd);
}
.legal-bar > .ic{ width: 15px; height: 15px; color: var(--amber); }
.legal-text{
  font-family: var(--disp); font-size: 10.5px; font-weight: 600; font-stretch: 105%;
  letter-spacing: .07em; line-height: 1.5; color: var(--amber-soft);
}
/* "Şimdilik geliştirme aşamasında" rozeti (kullanıcı isteği 2026-10-29) — her sayfada yasal şeridin başında */
.dev-pill{
  display: inline-flex; align-items: center; gap: 6px; flex: none;
  padding: 2px 9px; border: 1px solid var(--amber-bd); border-radius: 999px;
  background: rgba(240,180,41,.14);
  font-family: var(--disp); font-size: 10px; font-weight: 700; letter-spacing: .08em; line-height: 1.5;
  color: var(--amber); white-space: nowrap; cursor: help;
}
.dev-dot{ width: 6px; height: 6px; border-radius: 50%; background: var(--amber); animation: devPulse 1.6s ease-in-out infinite; }
@keyframes devPulse{ 50%{ opacity: .3; } }
@media (prefers-reduced-motion: reduce){ .dev-dot{ animation: none; } }
/* Canlı-emir rozeti (eski uzun kırmızı bant yerine) */
.live-chip{
  display: inline-flex; align-items: center; gap: 8px; flex: none;
  margin-left: auto; padding: 3px 4px 3px 10px;
  font-size: 10.5px; letter-spacing: .06em; white-space: nowrap;
  color: var(--red-soft); background: var(--red-bg);
  border: 1px solid var(--red-bd); border-radius: var(--r);
}
.live-chip .live-dot{ width: 7px; height: 7px; }
.live-chip .live-kill-btn{ margin-left: 4px; padding: 3px 10px; font-size: 10px; }
.live-chip.is-testnet{ color: var(--amber-soft); background: var(--amber-bg); border-color: var(--amber-bd); }
.live-chip.is-testnet .live-dot{ background: var(--amber); }
.live-chip.is-testnet .live-kill-btn{ background: var(--amber); color: #141005; }
.live-chip.is-testnet .live-kill-btn:hover{ background: var(--amber-soft); }

/* =========================================================== ARAÇ ÇUBUĞU */
.topbar{ justify-content: space-between; padding: 9px 20px; }
.topbar::after{ display: none; }
.topbar-left{ display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.topbar{ animation: none; }

/* Altı sekme (Günlük·Emir·İndikatör·Favori·Pozisyon·Portföy) 3×2 IZGARADA: 11 px okunur yazı + geniş dokunma alanı.
   (Önceden 9 px'lik tek sıraydı; dar rayda sığmayıp yana kayıyor, yazılar okunmuyordu.) */
.side-tabbar{ display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); }
.side-tabbar .stab{ flex: none; font-size: 11px; letter-spacing: .06em; padding: 10px 6px 9px; min-width: 0; white-space: nowrap; }
.side-tabbar .stab:nth-child(-n+3){ border-bottom-color: var(--line-soft); }   /* üst sıra ile alt sıra arasında ince ayrım */
.side-tabbar .stab.active{ border-bottom-color: var(--amber); }
.stab-dot{ top: 7px; right: 10px; }

/* ============================================================= GÖRÜNÜMLER */
.view{ animation: fadeIn .28s ease both; }

/* ============================================================== RESPONSIVE */
/* Üst menü tek satırda kalsın (Al-Sat eklendi → 4 ana düğme): sağ etiketler 1400'de, sıkı aralık 1160'ta daralır; logo her genişlikte tam görünür */
@media (max-width: 1400px){
  .nav-right .nav-lbl{ display: none; }
  .nav-right .nav-lang .nav-lbl{ display: inline; }
  .nav-right .nav-btn{ padding: 0 11px; }
  .nav-search{ min-width: 0; padding: 0 10px; }
  .nav-search kbd{ display: none; }
}
@media (max-width: 1160px){
  .nav-brand{ margin-right: 8px; }
  .nav-left .nav-btn{ padding: 0 10px; letter-spacing: .07em; }
  .nav-cta{ margin: 0 4px; padding: 0 11px; }
}
@media (max-width: 960px){
  .mainnav{ flex-wrap: wrap; padding: 0 12px; row-gap: 0; }
  .nav-brand{ margin-right: 0; }
  .nav-right{ order: 2; }
  .nav-left{ order: 3; flex: 1 0 100%; border-top: 1px solid var(--line-soft); justify-content: space-between; }
  .nav-left .nav-btn{ height: 42px; flex: 1; justify-content: center; padding: 0 6px; font-size: 10px; }
  .nav-left .nav-cta{ flex: 1.15; height: 30px; margin: 6px 0 6px 6px; }
  .nav-dd{ position: static; }
  .nav-left .nav-dd{ flex: 1; display: flex; }
  .nav-left .nav-dd .nav-btn{ width: 100%; }
  .nav-menu{ left: 8px; right: 8px; width: auto; min-width: 0; }
  .nav-dd-right{ position: relative; }
  .nav-dd-right .nav-menu{ left: auto; right: 0; width: 168px; }
  .mega{ grid-template-columns: 1fr; width: auto; }
  .mega-col + .mega-col{ border-left: 0; border-top: 1px solid var(--line-soft); }
  .legal-bar{ padding: 7px 14px; flex-wrap: wrap; }
  .legal-text{ font-size: 9.5px; flex: 1 1 100%; } /* dar ekranda metin kendi satırında; üstte simge + geliştirme rozeti */
  .live-chip{ margin-left: 0; }
  .topbar{ padding: 9px 14px; }
}
@media (max-width: 520px){
  .nav-right .nav-btn{ padding: 0 9px; }
}
/* Telefon: logo + sağ simgeler tek satıra; üç ana düğme satırı taşmadan 3 eşit sütuna sığar (320 px'e kadar) */
@media (max-width: 560px){
  .nav-brand .brand-logo{ height: 34px; }
  .nav-right{ gap: 0; }
  .nav-left{ min-width: 0; }
  .nav-left .nav-dd{ min-width: 0; }
  .nav-left .nav-btn{
    min-width: 0; flex-direction: column; justify-content: center; gap: 2px;
    height: 46px; padding: 0 3px; white-space: normal; text-align: center;
    font-size: 9px; letter-spacing: .05em; line-height: 1.12;
  }
  .nav-left .nav-btn .ic-caret{ display: none; }
  .nav-left .nav-cta{ height: 38px; margin: 4px 0 4px 4px; padding: 0 4px; }
}

/* ===================================================================== PİYASALAR */
.view-markets{ padding: 0 20px 22px; }
.mk-head{ display: flex; align-items: center; flex-wrap: wrap; gap: 12px 24px; padding: 15px 0 13px; }
.mk-crumb{
  display: flex; align-items: center; gap: 9px;
  font-family: var(--disp); font-size: 10.5px; font-weight: 700; letter-spacing: .15em; text-transform: uppercase;
  color: var(--txt-mute);
}
.mk-crumb i{ font-style: normal; color: var(--amber); font-family: var(--mono); }
.mk-crumb b{ color: var(--txt-bright); }
.mk-seg{ display: inline-flex; border: 1px solid var(--line); border-radius: var(--r); overflow: hidden; background: var(--panel); }
.mk-segbtn{
  display: inline-flex; align-items: center; gap: 9px; padding: 9px 17px;
  font-family: var(--disp); font-size: 11px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase;
  color: var(--txt-dim); background: transparent; border: 0; transition: background .15s, color .15s;
}
.mk-segbtn + .mk-segbtn{ border-left: 1px solid var(--line); }
.mk-segbtn:hover{ color: var(--txt-bright); background: rgba(255,255,255,.025); }
.mk-segbtn em{ font-style: normal; font-family: var(--mono); font-size: 10px; letter-spacing: 0; color: var(--txt-mute); text-transform: none; }
.mk-segbtn.on{ background: var(--amber-bg); color: var(--amber-soft); box-shadow: inset 0 -2px 0 var(--amber); }
.mk-segbtn.on em{ color: var(--amber-dim); }
.mk-desc{ flex: 1 1 340px; max-width: 760px; font-size: 11.5px; line-height: 1.6; color: var(--txt-mute); }

.mk-body{
  display: grid; grid-template-columns: minmax(330px, 400px) minmax(0, 1fr); gap: 14px;
  height: calc(100vh - 262px - var(--tb-h)); min-height: 580px;
}

/* ---- liste ---- */
.mk-list{ display: flex; flex-direction: column; min-height: 0; overflow: hidden; }
.mk-list-tools{ display: flex; flex-direction: column; gap: 9px; padding: 12px 12px 9px; border-bottom: 1px solid var(--line-soft); }
.mk-search{
  display: flex; align-items: center; gap: 8px; height: 34px; padding: 0 10px;
  color: var(--txt-mute); background: var(--bg-soft);
  border: 1px solid var(--line); border-radius: var(--r); transition: border-color .15s, color .15s;
}
.mk-search:focus-within{ border-color: var(--amber-bd); color: var(--amber); }
.mk-search input{
  flex: 1; min-width: 0; background: transparent; border: 0; outline: 0;
  color: var(--txt-bright); font-size: 12px; font-family: var(--mono);
}
.mk-search input::placeholder{ color: var(--txt-mute); }
.mk-search input::-webkit-search-cancel-button{ filter: invert(.6); }
.mk-chips{ display: flex; flex-wrap: wrap; gap: 5px; }
.mk-chip, .mk-tf{
  font-family: var(--mono); font-size: 10.5px; font-weight: 600; padding: 3px 9px; letter-spacing: .02em;
  color: var(--txt-mute); background: transparent; border: 1px solid var(--line); border-radius: 3px;
  transition: color .15s, border-color .15s, background .15s;
}
.mk-chip:hover, .mk-tf:hover{ color: var(--txt); border-color: var(--line-strong); }
.mk-chip.on, .mk-tf.on{ color: var(--amber-soft); border-color: var(--amber-bd); background: var(--amber-bg); }
.mk-meta{ display: flex; align-items: center; justify-content: space-between; font-size: 10.5px; color: var(--txt-mute); }
.mk-live{ display: inline-flex; align-items: center; gap: 6px; }
.mk-live i{ width: 6px; height: 6px; border-radius: 50%; background: var(--txt-mute); }
.mk-live.is-ws{ color: var(--green-soft); }
.mk-live.is-ws i{ background: var(--green); box-shadow: 0 0 6px var(--green); animation: livePulse 1.6s ease infinite; }
.mk-live.is-rest{ color: var(--amber-soft); }
.mk-live.is-rest i{ background: var(--amber); box-shadow: 0 0 6px var(--amber); }
.mk-live.is-err{ color: var(--red-soft); }
.mk-live.is-err i{ background: var(--red); }

.mk-cols, .mk-row{
  display: grid; grid-template-columns: 28px minmax(0, 1.3fr) minmax(0, 1.2fr) 74px 66px;
  align-items: center; column-gap: 6px; padding: 0 12px;
}
.mk-cols{ height: 30px; background: var(--bg-soft); border-bottom: 1px solid var(--line-soft); }
.mk-col{
  display: flex; align-items: center; gap: 3px; justify-content: flex-start; padding: 0; cursor: pointer;
  font-family: var(--disp); font-size: 9px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase;
  color: var(--txt-mute); background: transparent; border: 0; white-space: nowrap;
}
.mk-col-px, .mk-col-chg, .mk-col-vol{ justify-content: flex-end; }
.mk-col:hover{ color: var(--txt); }
.mk-col.on{ color: var(--amber); }
.mk-col .ic{ width: 13px; height: 13px; }
.mk-col.on .ic{ fill: currentColor; }
.sort-ind{ font-style: normal; color: var(--amber); font-size: 9px; width: 8px; }
.mk-scroll{ position: relative; flex: 1; min-height: 0; overflow-y: auto; outline: none; }
.mk-scroll:focus-visible{ box-shadow: inset 0 0 0 1px var(--amber-bd); }
.mk-spacer{ position: relative; }
.mk-rows{ position: absolute; left: 0; right: 0; top: 0; will-change: transform; }
.mk-row{ border-bottom: 1px solid var(--line-soft); font-size: 11.5px; cursor: pointer; transition: background .12s; }
.mk-row:hover{ background: var(--panel-hover); }
.mk-row.sel{ background: var(--amber-bg); box-shadow: inset 2px 0 0 var(--amber); }
.mk-fav{ display: grid; place-items: center; width: 22px; height: 22px; padding: 0; color: var(--txt-faint); background: transparent; border: 0; border-radius: 3px; }
.mk-fav .ic{ width: 13px; height: 13px; }
.mk-fav:hover{ color: var(--amber-soft); }
.mk-fav.on{ color: var(--amber); }
.mk-fav.on .ic{ fill: currentColor; }
.mk-sym{ display: flex; align-items: baseline; gap: 2px; min-width: 0; overflow: hidden; white-space: nowrap; }
.mk-sym b{ font-family: var(--disp); font-size: 12px; font-weight: 600; letter-spacing: .02em; color: var(--txt-bright); }
.mk-sym i{ font-style: normal; font-size: 10.5px; color: var(--txt-mute); }
.mk-row .mk-px, .mk-row .mk-chg, .mk-row .mk-vol{ text-align: right; font-variant-numeric: tabular-nums; white-space: nowrap; }
.mk-row .mk-px{ color: var(--txt-bright); }
.mk-row .mk-chg{ font-weight: 600; }
.mk-chg.up{ color: var(--green); }
.mk-chg.down{ color: var(--red); }
.mk-row .mk-vol{ font-size: 10.5px; color: var(--txt-mute); }
.mk-px.fl-up{ animation: flashUp .8s ease; }
.mk-px.fl-down{ animation: flashDown .8s ease; }
.mk-listmsg{ position: absolute; left: 0; right: 0; top: 0; padding: 30px 16px; text-align: center; font-size: 11.5px; color: var(--txt-mute); }

/* ---- grafik paneli ---- */
.mk-chartpanel{ display: flex; flex-direction: column; min-width: 0; min-height: 0; overflow: hidden; }
.mk-chead{ display: flex; align-items: center; flex-wrap: wrap; gap: 8px 22px; padding: 10px 14px; border-bottom: 1px solid var(--line-soft); }
.mk-title{ display: flex; align-items: center; gap: 10px; }
.mk-title h2{ font-size: 17px; font-weight: 800; font-stretch: 112%; letter-spacing: .03em; }
.mk-title h2::before{ display: none; }
.mk-typechip{
  font-family: var(--disp); font-size: 9px; font-weight: 700; letter-spacing: .14em; padding: 2px 7px;
  color: var(--txt-dim); border: 1px solid var(--line-strong); border-radius: 3px;
}
.mk-typechip.is-spot{ color: var(--green-soft); border-color: var(--green-bd); background: var(--green-bg); }
.mk-typechip.is-margin{ color: var(--amber-soft); border-color: var(--amber-bd); background: var(--amber-bg); }
.mk-quote{ display: flex; align-items: baseline; gap: 9px; }
.mk-quote b{ font-size: 20px; color: var(--txt-bright); font-variant-numeric: tabular-nums; }
.mk-quote .mk-chg{ font-size: 12px; font-weight: 600; }
.mk-stats{ display: flex; gap: 18px; }
.mk-stats div{ display: flex; flex-direction: column; gap: 1px; }
.mk-stats dt{ font-family: var(--disp); font-size: 8.5px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: var(--txt-mute); }
.mk-stats dd{ font-size: 11.5px; color: var(--txt); font-variant-numeric: tabular-nums; }
.mk-tfs{ display: flex; gap: 3px; margin-left: auto; }
.mk-open{ flex: none; }

.mk-cbody{ flex: 1; display: flex; min-height: 0; }
.mk-tools{
  flex: none; width: 46px; display: flex; flex-direction: column; align-items: center; gap: 3px; padding: 8px 0;
  background: var(--bg-soft); border-right: 1px solid var(--line-soft); overflow-y: auto;
}
.mk-tool{
  display: grid; place-items: center; width: 34px; height: 34px; padding: 0;
  color: var(--txt-dim); background: transparent; border: 1px solid transparent; border-radius: var(--r);
  transition: color .15s, background .15s, border-color .15s;
}
.mk-tool:hover:not(:disabled){ color: var(--txt-bright); background: var(--panel-hover); }
.mk-tool.on{ color: var(--amber-soft); background: var(--amber-bg); border-color: var(--amber-bd); }
.mk-tool:disabled{ opacity: .28; cursor: not-allowed; }
.mk-tool-danger:hover:not(:disabled){ color: var(--red-soft); background: var(--red-bg); }
.mk-tool-text{ width: 38px; height: 22px; font-family: var(--disp); font-size: 8.5px; font-weight: 700; letter-spacing: .05em; text-transform: uppercase; }
.mk-sep{ width: 22px; height: 1px; margin: 5px 0; background: var(--line); }

.mk-stage{ position: relative; flex: 1; min-width: 0; background: var(--chart-bg); }
#mkChart{ position: absolute; inset: 0; }
.mk-stage.has-tool #mkChart, .mk-stage.has-tool #mkChart *{ cursor: crosshair !important; }
.mk-stage.is-hit #mkChart, .mk-stage.is-hit #mkChart *{ cursor: pointer !important; }
.mk-stylebar{
  position: absolute; top: 10px; left: 12px; z-index: 4;
  display: flex; align-items: center; gap: 12px; padding: 6px 10px;
  background: rgba(8,9,11,.92); border: 1px solid var(--line-strong); border-radius: var(--r); backdrop-filter: blur(4px);
}
.mk-swatches, .mk-widths{ display: flex; align-items: center; gap: 5px; }
.mk-sw{ width: 16px; height: 16px; padding: 0; background: var(--c); border: 2px solid #0b0d0f; border-radius: 50%; box-shadow: 0 0 0 1px rgba(255,255,255,.18); }
.mk-sw.on{ box-shadow: 0 0 0 2px var(--c); }
.mk-w{ display: grid; place-items: center; width: 24px; height: 20px; padding: 0; background: transparent; border: 1px solid var(--line); border-radius: 3px; }
.mk-w i{ display: block; width: 14px; background: var(--txt-dim); border-radius: 1px; }
.mk-w.on{ border-color: var(--amber-bd); background: var(--amber-bg); }
.mk-w.on i{ background: var(--amber); }
.mk-dash{ padding: 2px 7px; font-family: var(--mono); font-size: 10px; letter-spacing: 1px; color: var(--txt-dim); background: transparent; border: 1px solid var(--line); border-radius: 3px; }
.mk-dash.on{ color: var(--amber-soft); border-color: var(--amber-bd); background: var(--amber-bg); }
.mk-textinput{
  position: absolute; z-index: 6; width: 180px; padding: 6px 9px;
  font-family: var(--mono); font-size: 12px; color: var(--txt-bright);
  background: var(--panel); border: 1px solid var(--amber); border-radius: var(--r); outline: none;
  box-shadow: 0 8px 24px rgba(0,0,0,.5);
}
.mk-empty{
  position: absolute; inset: 0; z-index: 5; display: grid; place-content: center; justify-items: center; gap: 12px;
  text-align: center; font-size: 12px; color: var(--txt-mute); background: rgba(7,8,9,.82);
}
.mk-cfoot{ padding: 7px 14px; font-size: 10.5px; color: var(--txt-mute); border-top: 1px solid var(--line-soft); }

@media (max-width: 1100px){
  .mk-body{ grid-template-columns: minmax(300px, 340px) minmax(0, 1fr); }
  .mk-stats{ display: none; }
}
@media (max-width: 880px){
  .view-markets{ padding: 0 14px 18px; }
  .mk-body{ grid-template-columns: 1fr; height: auto; min-height: 0; }
  .mk-list{ height: 440px; }
  .mk-chartpanel{ height: 640px; }
  .mk-tfs{ margin-left: 0; }
}

/* ================================================================ YAPAY ZEKA AJANI */
.view-agent{ padding: 0 20px 24px; }
.ag-head{ display: flex; align-items: flex-end; flex-wrap: wrap; gap: 12px 24px; padding: 18px 0 14px; }
.ag-headtxt{ flex: 1 1 380px; }
.ag-title{ font-size: 22px; font-weight: 800; font-stretch: 115%; letter-spacing: .02em; display: flex; align-items: center; gap: 10px; }
.ag-title::before{ content: '//'; color: var(--amber); font-family: var(--mono); font-size: 17px; font-weight: 600; }
.ag-sub{ margin-top: 5px; font-size: 12px; color: var(--txt-dim); max-width: 620px; line-height: 1.6; }
.ag-actions{ display: flex; align-items: center; gap: 14px; }
.ag-session{ display: inline-flex; align-items: center; gap: 8px; font-size: 11.5px; color: var(--txt-dim); }
.ag-session .dot{ width: 7px; height: 7px; border-radius: 50%; background: var(--txt-mute); display: inline-block; }
.ag-session .dot.on{ background: var(--green); box-shadow: 0 0 8px var(--green); animation: livePulse 1.6s ease infinite; }
#agToggle.is-on, #btnToggleAutoTrade.is-on{ background: var(--red-bg); border-color: var(--red-bd); color: var(--red-soft); }
#agToggle.is-on:hover, #btnToggleAutoTrade.is-on:hover{ background: rgba(229,72,77,.18); color: #fff; }

/* ===================================================== CANLI GRAFİK — durum satırı + ana eylem
   Ajan durumu ile Başlat/Durdur AYNI satırda (Yapay Zeka Ajanı sayfasıyla aynı kalıp). Ana eylem artık grafiğin altında, sayfa
   kaydırılınca bulunan bir düğme değil. */
.kpi-session{ align-items: center; gap: 12px; }
.kpi-session .btn{ white-space: nowrap; }

/* ===================================================== AYARLAR — işlem sesleri (Genel, ui/sounds.js) */
.snd-group .snd-toggle{ display: flex; align-items: center; gap: 8px; }   /* .form-group label blok yapar */
.snd-toggle .ic{ width: 15px; height: 15px; color: var(--amber); }
.snd-toggle strong{ color: var(--txt-bright); }
.snd-try{ display: flex; flex-wrap: wrap; align-items: center; gap: 6px; margin-top: 9px; }
.snd-try-lbl{ font-size: 11px; color: var(--txt-mute); margin-right: 2px; }
.snd-try .btn{ display: inline-flex; align-items: center; gap: 6px; }
.snd-try .btn .ic{ width: 11px; height: 11px; fill: currentColor; }

/* ===================================================== AYARLAR — tehlikeli bölge */
.danger-zone{
  margin-top: 16px; padding: 12px 14px;
  border: 1px solid var(--red-bd); border-radius: var(--r); background: var(--red-bg);
  display: flex; flex-direction: column; align-items: flex-start; gap: 8px;
}
.danger-zone .dz-title{ color: var(--red-soft); font-size: 12px; letter-spacing: .08em; text-transform: uppercase; }

.ag-grid{ display: grid; grid-template-columns: minmax(0, 1fr) 340px; gap: 14px; align-items: stretch; }

/* ---- terminal penceresi ---- */
.term{
  position: relative; display: flex; flex-direction: column; overflow: hidden;
  background: #060708; border: 1px solid var(--line-strong); border-radius: var(--r-lg);
  box-shadow: 0 0 0 1px rgba(240,180,41,.04), 0 24px 60px rgba(0,0,0,.45);
}
.term::after{                    /* CRT tarama çizgileri + vinyet */
  content: ''; position: absolute; inset: 0; pointer-events: none; z-index: 3;
  background:
    repeating-linear-gradient(0deg, rgba(255,255,255,.018) 0 1px, transparent 1px 3px),
    radial-gradient(ellipse at center, transparent 55%, rgba(0,0,0,.35) 100%);
}
.term-bar{ display: flex; align-items: center; gap: 12px; padding: 9px 14px; background: #0a0b0d; border-bottom: 1px solid var(--line); }
.term-dots{ display: inline-flex; gap: 6px; }
.term-dots i{ width: 9px; height: 9px; border-radius: 50%; background: #e5484d; opacity: .55; }
.term-dots i:nth-child(2){ background: #f0b429; }
.term-dots i:nth-child(3){ background: #2fbf71; }
.term-title{ flex: 1; font-size: 11px; color: var(--txt-mute); letter-spacing: .03em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.term-chip{
  font-family: var(--disp); font-size: 9.5px; font-weight: 700; letter-spacing: .14em; padding: 3px 9px; border-radius: 3px;
  color: var(--txt-dim); background: var(--panel-2); border: 1px solid var(--line-strong); transition: color .3s, background .3s, border-color .3s;
}
.term[data-mode="scan"] .term-chip{ color: var(--amber-soft); border-color: var(--amber-bd); background: var(--amber-bg); }
.term[data-mode="trade"] .term-chip{ color: var(--green-soft); border-color: var(--green-bd); background: var(--green-bg); }
.term[data-mode="learn"] .term-chip{ color: #0b1a10; background: var(--green); border-color: var(--green); animation: chipGlow 1s ease infinite alternate; }
.term[data-mode="levelup"] .term-chip{ color: #1a1405; background: #ffd86b; border-color: #ffd86b; animation: chipGlow .6s ease infinite alternate; }
@keyframes chipGlow{ from{ box-shadow: 0 0 0 rgba(47,191,113,0); } to{ box-shadow: 0 0 16px rgba(255,216,107,.55); } }

.term-body{ display: grid; grid-template-columns: minmax(300px, 1.1fr) minmax(280px, 1fr); min-height: 520px; }
.brain-stage{ position: relative; min-height: 440px; border-right: 1px solid var(--line-soft); cursor: pointer; }
#agBrain{ position: absolute; inset: 0; width: 100%; height: 100%; display: block; }
.brain-caption{
  position: absolute; left: 12px; right: 12px; bottom: 14px; text-align: center; pointer-events: none;
  font-size: 11.5px; letter-spacing: .05em; color: var(--amber-soft);
}
.term[data-mode="learn"] .brain-caption, .term[data-mode="trade"] .brain-caption{ color: var(--green-soft); }
.term[data-mode="sleep"] .brain-caption{ color: var(--txt-mute); }

.term-feed{
  min-height: 0; max-height: 520px; overflow-y: auto; padding: 12px 14px;
  font-size: 11.5px; line-height: 1.55; display: flex; flex-direction: column; gap: 3px;
}
.tl{ display: flex; gap: 10px; align-items: baseline; animation: slideL .25s ease both; }
.tl-t{ flex: none; color: var(--txt-faint); font-size: 10px; min-width: 56px; }
.tl-m{ color: var(--txt); word-break: break-word; }
.tl.cmd .tl-m{ color: var(--txt-bright); }
.tl.ok .tl-m{ color: var(--green-soft); }
.tl.bad .tl-m{ color: var(--red-soft); }
.tl.warn .tl-m{ color: var(--amber-soft); }
.tl.mem .tl-m{ color: var(--violet, #8f86c9); }
.tl.lvl .tl-m{ color: #ffd86b; font-weight: 700; }
.tl.dim .tl-m{ color: var(--txt-mute); }
.term-foot{
  display: flex; align-items: center; gap: 10px; padding: 9px 14px; font-size: 11.5px; color: var(--amber-soft);
  background: #0a0b0d; border-top: 1px solid var(--line);
}
.term-led{ width: 7px; height: 7px; border-radius: 50%; background: var(--green); box-shadow: 0 0 8px var(--green); flex: none; animation: livePulse 1.8s ease infinite; }
.term-cursor{ color: var(--amber); animation: blink 1.05s steps(1) infinite; }
@keyframes blink{ 50%{ opacity: 0; } }

/* ---- seviye kartı ---- */
.lvl{ display: flex; flex-direction: column; gap: 16px; padding: 18px 16px; }
.lvl-top{ display: flex; align-items: center; gap: 14px; }
.lvl-badge{
  position: relative; flex: none; display: flex; flex-direction: column; align-items: center; justify-content: center;
  width: 66px; height: 66px; border-radius: 14px;
  background: radial-gradient(circle at 30% 20%, rgba(240,180,41,.22), var(--amber-bg) 70%);
  border: 1px solid var(--amber); box-shadow: 0 0 22px rgba(240,180,41,.18), inset 0 0 14px rgba(240,180,41,.08);
}
.lvl-badge span{ font-family: var(--disp); font-size: 8.5px; font-weight: 700; letter-spacing: .2em; color: var(--amber-soft); }
.lvl-badge b{ font-family: var(--disp); font-size: 27px; font-weight: 800; line-height: 1; color: var(--txt-bright); font-stretch: 110%; }
.lvl-badge.pop{ animation: lvlPop 1.2s ease; }
@keyframes lvlPop{ 0%{ transform: scale(1); } 25%{ transform: scale(1.22) rotate(-4deg); box-shadow: 0 0 44px rgba(255,216,107,.7); } 100%{ transform: scale(1); } }
.lvl-rank{ display: flex; flex-direction: column; gap: 3px; min-width: 0; }
.lvl-rank strong{ font-family: var(--disp); font-size: 17px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; color: var(--amber-soft); font-stretch: 112%; }
.lvl-rank small{ font-size: 10.5px; color: var(--txt-mute); }

.xp-bar{ position: relative; height: 20px; background: var(--panel-2); border: 1px solid var(--line-strong); border-radius: 4px; overflow: visible; }
.xp-bar i{
  display: block; height: 100%; width: 0; border-radius: 3px;
  background: linear-gradient(90deg, #b9861a, var(--amber) 60%, var(--amber-soft));
  transition: width .9s cubic-bezier(.2,.8,.2,1);
  position: relative; overflow: hidden;
}
.xp-bar i::after{ content: ''; position: absolute; inset: 0; background: linear-gradient(105deg, transparent 30%, rgba(255,255,255,.35) 50%, transparent 70%); transform: translateX(-100%); animation: xpSheen 3.6s ease-in-out infinite; }
@keyframes xpSheen{ 0%, 60%{ transform: translateX(-100%); } 100%{ transform: translateX(100%); } }
.xp-bar span{ position: absolute; inset: 0; display: grid; place-items: center; font-size: 10px; font-weight: 700; letter-spacing: .06em; color: #fff; text-shadow: 0 0 3px rgba(0,0,0,.95), 0 1px 2px rgba(0,0,0,.9); pointer-events: none; }
.xp-float{ position: absolute; right: 6px; top: -4px; font-size: 13px; font-weight: 800; color: #ffd86b; text-shadow: 0 0 12px rgba(255,216,107,.8); animation: xpFloat 1.8s ease forwards; pointer-events: none; }
@keyframes xpFloat{ 0%{ opacity: 0; transform: translateY(8px); } 15%{ opacity: 1; } 100%{ opacity: 0; transform: translateY(-34px); } }

.lvl-stats{ display: grid; grid-template-columns: repeat(3, 1fr); gap: 6px; }
.ls-cell{ display: flex; flex-direction: column; gap: 3px; padding: 8px 9px; background: var(--panel-2); border: 1px solid var(--line-soft); border-radius: var(--r); }
.ls-cell span{ font-family: var(--disp); font-size: 8px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: var(--txt-mute); }
.ls-cell b{ font-size: 14px; color: var(--txt-bright); font-variant-numeric: tabular-nums; }
.ls-cell b.up{ color: var(--green-soft); }
.lvl-sect h3{ font-family: var(--disp); font-size: 9.5px; font-weight: 700; letter-spacing: .15em; text-transform: uppercase; color: var(--txt-mute); margin-bottom: 8px; display: flex; align-items: center; gap: 8px; }
.lvl-sect h3::before{ content: '//'; color: var(--amber); font-family: var(--mono); }
.lvl-mem{ display: flex; gap: 14px; flex-wrap: wrap; font-size: 11px; color: var(--txt-mute); }
.lvl-mem b{ color: var(--violet, #8f86c9); font-size: 13px; }
.spark{ display: flex; align-items: flex-end; gap: 4px; height: 66px; padding: 4px 0; }
.spark i{ position: relative; flex: 1; min-width: 6px; border-radius: 2px 2px 0 0; background: var(--txt-faint); transition: height .5s ease; }
.spark i.win{ background: linear-gradient(180deg, var(--green), rgba(47,191,113,.45)); }
.spark i.loss{ background: linear-gradient(180deg, var(--red), rgba(229,72,77,.45)); }
.spark i em{ position: absolute; top: -13px; left: 50%; transform: translateX(-50%); font-style: normal; font-size: 8.5px; font-weight: 700; color: var(--txt-mute); }
.spark-empty{ align-self: center; font-size: 11px; color: var(--txt-mute); }
.link-btn{ margin-top: 8px; padding: 0; background: none; border: 0; font-size: 11px; color: var(--amber-soft); }
.link-btn:hover{ text-decoration: underline; color: var(--amber); }
.badges{ display: flex; flex-wrap: wrap; gap: 5px; }
.bdg{ font-size: 10px; padding: 3px 8px; border-radius: 3px; color: var(--txt-faint); border: 1px solid var(--line); background: transparent; }
.bdg.on{ color: var(--amber-soft); border-color: var(--amber-bd); background: var(--amber-bg); }
.lvl-how{ font-size: 11px; color: var(--txt-mute); border-top: 1px solid var(--line-soft); padding-top: 12px; }
.lvl-how summary{ cursor: pointer; color: var(--txt-dim); font-weight: 600; }
.lvl-how summary:hover{ color: var(--amber-soft); }
.lvl-how div{ margin-top: 8px; line-height: 1.65; }
.lvl-how b{ color: var(--txt); font-weight: 600; }

@media (max-width: 1080px){
  .ag-grid{ grid-template-columns: 1fr; }
  .lvl{ order: -1; }
}
@media (max-width: 560px){
  .lvl{ order: 0; }          /* telefonda önce beyin animasyonu (vitrin), seviye kartı altında */
}
@media (max-width: 860px){
  .view-agent{ padding: 0 14px 20px; }
  .term-body{ grid-template-columns: 1fr; min-height: 0; }
  .brain-stage{ min-height: 360px; border-right: 0; border-bottom: 1px solid var(--line-soft); }
  .term-feed{ max-height: 280px; }
}

/* ============================================================ ÖNCEKİ İŞLEMLER (defter) */
.mem-sect{
  margin: 10px 14px 0; padding-top: 12px; border-top: 1px dashed var(--line-strong);
  font-family: var(--disp); font-size: 9px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: var(--txt-mute);
}
.journal-panel{ overflow: hidden; }
.jr-summary{ display: grid; grid-template-columns: repeat(4, 1fr); gap: 6px; padding: 12px 14px 8px; flex: none; }
.jr-list{ flex: 1; min-height: 0; overflow-y: auto; padding: 4px 14px 8px; display: flex; flex-direction: column; gap: 5px; }
.jr-foot{ flex: none; display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 9px 14px; border-top: 1px solid var(--line-soft); }
.jr-note{ font-size: 10px; color: var(--txt-mute); line-height: 1.45; }
.jr-btns{ display: flex; gap: 6px; flex: none; }

.jr-row{ background: var(--panel-2); border: 1px solid var(--line-soft); border-left: 2px solid var(--line-strong); border-radius: var(--r); overflow: hidden; }
.jr-row.win{ border-left-color: var(--green); }
.jr-row.loss{ border-left-color: var(--red); }
.jr-main{
  display: grid; grid-template-columns: 38px minmax(0, 1fr) auto 44px; align-items: center; gap: 10px;
  width: 100%; padding: 8px 10px; text-align: left; font-family: var(--mono); color: var(--txt);
  background: transparent; border: 0;
}
.jr-main:hover{ background: var(--panel-hover); }
.jr-grade{
  display: flex; flex-direction: column; align-items: center; justify-content: center; width: 34px; height: 34px; border-radius: 5px;
  font-family: var(--disp); font-size: 14px; font-weight: 800; line-height: 1; border: 1px solid var(--line-strong); color: var(--txt-dim);
}
.jr-grade small{ font-family: var(--mono); font-size: 8.5px; font-weight: 600; opacity: .75; margin-top: 2px; }
.jr-grade.g-s{ color: #ffd86b; border-color: rgba(255,216,107,.55); background: rgba(255,216,107,.1); box-shadow: 0 0 12px rgba(255,216,107,.18); }
.jr-grade.g-a{ color: var(--green-soft); border-color: var(--green-bd); background: var(--green-bg); }
.jr-grade.g-b{ color: #8fb4dc; border-color: rgba(90,127,166,.5); background: rgba(90,127,166,.1); }
.jr-grade.g-c{ color: var(--amber-soft); border-color: var(--amber-bd); background: var(--amber-bg); }
.jr-grade.g-d{ color: #e0a06a; border-color: rgba(224,160,106,.4); background: rgba(224,160,106,.08); }
.jr-grade.g-f{ color: var(--red-soft); border-color: var(--red-bd); background: var(--red-bg); }
.jr-grade.g-none{ color: var(--txt-faint); border-style: dashed; }
.jr-what{ display: flex; align-items: center; gap: 7px; min-width: 0; flex-wrap: wrap; }
.jr-what b{ font-family: var(--disp); font-size: 12.5px; color: var(--txt-bright); letter-spacing: .02em; }
.jr-side, .jr-why{ font-style: normal; font-size: 9px; font-weight: 700; letter-spacing: .08em; padding: 1px 6px; border-radius: 3px; border: 1px solid var(--line-strong); color: var(--txt-dim); }
.jr-side.long{ color: var(--green-soft); border-color: var(--green-bd); background: var(--green-bg); }
.jr-side.short{ color: var(--red-soft); border-color: var(--red-bd); background: var(--red-bg); }
.jr-why.tp{ color: var(--green-soft); }
.jr-why.sl{ color: var(--red-soft); }
.jr-why.man{ color: var(--amber-soft); }
.jr-pl{ display: flex; flex-direction: column; align-items: flex-end; gap: 1px; font-variant-numeric: tabular-nums; }
.jr-pl b{ font-size: 12px; color: var(--txt); }
.jr-pl b.up{ color: var(--green); }
.jr-pl b.down{ color: var(--red); }
.jr-pl small{ font-size: 9.5px; color: var(--txt-mute); }
.jr-ago{ font-size: 10px; color: var(--txt-mute); text-align: right; white-space: nowrap; }
.jr-detail{ display: none; padding: 4px 12px 12px 12px; border-top: 1px dashed var(--line-soft); }
.jr-row.open .jr-detail{ display: block; animation: fadeIn .2s ease; }
.jr-detail dl{ display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px 10px; margin: 8px 0 10px; }
.jr-detail dt{ font-family: var(--disp); font-size: 8px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: var(--txt-mute); }
.jr-detail dd{ font-size: 11px; color: var(--txt-bright); font-variant-numeric: tabular-nums; }
.jr-parts{ display: flex; flex-direction: column; gap: 5px; }
.jr-part{ display: grid; grid-template-columns: 92px 1fr 40px; align-items: center; gap: 8px; font-size: 10px; color: var(--txt-dim); }
.jr-part i{ display: block; height: 5px; background: var(--line); border-radius: 3px; overflow: hidden; }
.jr-part u{ display: block; height: 100%; background: linear-gradient(90deg, var(--amber-dim), var(--amber)); text-decoration: none; border-radius: 3px; }
.jr-part b{ text-align: right; font-weight: 600; color: var(--txt); }
.jr-unscored{ font-size: 10.5px; color: var(--txt-mute); margin: 6px 0; }
.jr-xp{ display: flex; gap: 12px; flex-wrap: wrap; margin-top: 9px; font-size: 10.5px; }
.jr-xp .xp{ color: #ffd86b; font-weight: 700; }
.jr-xp .mem{ color: var(--green-soft); }
.jr-xp .dim{ color: var(--txt-mute); }
.jr-more{ margin-top: 4px; padding: 8px; font-size: 11px; color: var(--amber-soft); background: transparent; border: 1px dashed var(--line-strong); border-radius: var(--r); }
.jr-more:hover{ border-color: var(--amber-bd); background: var(--amber-bg); }

/* ===================================================================== MODALLER */
.modal-backdrop[hidden]{ display: none !important; }
.pf-modal, .kit-modal{ max-width: 520px; }
.pf-hero{ display: flex; align-items: center; gap: 18px; margin-bottom: 16px; }
.pf-avatar{ position: relative; flex: none; width: 84px; height: 84px; display: grid; place-items: center; }
.pf-avatar svg{ position: absolute; inset: 0; transform: rotate(-90deg); }
.pf-avatar circle{ fill: none; stroke-width: 4; }
.pf-avatar .trk{ stroke: var(--line-strong); }
.pf-avatar .val{ stroke: var(--amber); stroke-linecap: round; transition: stroke-dashoffset .8s cubic-bezier(.2,.8,.2,1); filter: drop-shadow(0 0 6px rgba(240,180,41,.5)); }
.pf-avatar span{
  width: 58px; height: 58px; display: grid; place-items: center; border-radius: 50%;
  font-family: var(--disp); font-size: 26px; font-weight: 800; color: var(--amber-soft);
  background: radial-gradient(circle at 30% 25%, rgba(240,180,41,.22), var(--amber-bg) 75%); border: 1px solid var(--amber-bd);
}
.pf-avatar b{
  position: absolute; right: -2px; bottom: -2px; min-width: 24px; height: 24px; padding: 0 5px; display: grid; place-items: center;
  font-family: var(--disp); font-size: 12px; font-weight: 800; color: #141005; background: var(--amber); border: 2px solid var(--panel); border-radius: 12px;
}
.pf-id{ flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 8px; }
.pf-name{ font-family: var(--disp); font-size: 16px; font-weight: 700; letter-spacing: .02em; }
.pf-rank{ display: flex; align-items: baseline; gap: 10px; }
.pf-rank strong{ font-family: var(--disp); font-size: 13px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; color: var(--amber-soft); }
.pf-rank small{ font-size: 11px; color: var(--txt-mute); }
.pf-modal .xp-bar{ margin-bottom: 14px; }
.pf-modal .lvl-stats{ margin-bottom: 16px; }
.pf-modal .lvl-sect{ margin-bottom: 16px; }
.pf-acc{ display: grid; grid-template-columns: repeat(3, 1fr); gap: 6px; }
.pf-acc div{ display: flex; flex-direction: column; gap: 3px; padding: 8px 10px; background: var(--panel-2); border: 1px solid var(--line-soft); border-radius: var(--r); }
.pf-acc span{ font-family: var(--disp); font-size: 8px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: var(--txt-mute); }
.pf-acc b{ font-size: 13px; color: var(--txt-bright); }
.pf-acc b.up, .ls-cell b.up{ color: var(--green-soft); }
.pf-acc b.down, .ls-cell b.down{ color: var(--red-soft); }
.pf-actions{ display: flex; gap: 8px; flex-wrap: wrap; margin-top: 4px; }

/* Arama paleti */
.sr-modal{ align-items: flex-start; padding-top: 12vh; }
.sr-box{ width: 100%; max-width: 580px; overflow: hidden; background: var(--panel); border: 1px solid var(--line-strong); box-shadow: 0 30px 80px rgba(0,0,0,.65); animation: rise .22s ease both; }
.sr-input{ display: flex; align-items: center; gap: 11px; padding: 0 16px; height: 54px; color: var(--amber); border-bottom: 1px solid var(--line); }
.sr-input input{ flex: 1; min-width: 0; font-family: var(--mono); font-size: 15px; color: var(--txt-bright); background: transparent; border: 0; outline: 0; }
.sr-input input::placeholder{ color: var(--txt-mute); }
.sr-input kbd, .sr-foot kbd{ font-family: var(--mono); font-size: 10px; color: var(--txt-mute); background: var(--bg-soft); border: 1px solid var(--line-strong); border-radius: 3px; padding: 2px 6px; }
.sr-results{ max-height: 52vh; overflow-y: auto; padding: 6px; }
.sr-group{ padding: 8px 10px 4px; font-family: var(--disp); font-size: 9px; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; color: var(--txt-mute); }
.sr-empty{ padding: 28px 10px; text-align: center; font-size: 12px; color: var(--txt-mute); }
.sr-item{
  display: grid; grid-template-columns: minmax(0, 1fr) auto 100px auto; align-items: center; gap: 12px;
  padding: 9px 12px; border-radius: var(--r); border: 1px solid transparent; cursor: pointer;
}
.sr-item.on{ background: var(--amber-bg); border-color: var(--amber-bd); }
.sr-sym b{ font-family: var(--disp); font-size: 13.5px; font-weight: 700; color: var(--txt-bright); letter-spacing: .02em; }
.sr-sym i{ font-style: normal; font-size: 11px; color: var(--txt-mute); }
.sr-chip{ font-family: var(--disp); font-size: 8.5px; font-weight: 700; letter-spacing: .13em; padding: 2px 7px; border-radius: 3px; border: 1px solid var(--line-strong); color: var(--txt-dim); }
.sr-chip.spot{ color: var(--green-soft); border-color: var(--green-bd); background: var(--green-bg); }
.sr-chip.margin{ color: var(--amber-soft); border-color: var(--amber-bd); background: var(--amber-bg); }
.sr-px{ text-align: right; font-size: 12px; font-variant-numeric: tabular-nums; color: var(--txt); }
.sr-agent{ font-family: var(--disp); font-size: 9px; font-weight: 700; letter-spacing: .1em; padding: 3px 8px; color: var(--txt-dim); background: transparent; border: 1px solid var(--line-strong); border-radius: 3px; }
.sr-agent:hover{ color: var(--amber-soft); border-color: var(--amber-bd); }
.sr-foot{ display: flex; gap: 18px; padding: 9px 16px; font-size: 10.5px; color: var(--txt-mute); border-top: 1px solid var(--line); background: var(--bg-soft); }
.sr-foot span{ display: inline-flex; align-items: center; gap: 5px; }

/* Özel Kit */
.kit-hero{ display: grid; place-items: center; width: 64px; height: 64px; margin: 4px 0 14px; border-radius: 16px; color: var(--amber); background: var(--amber-bg); border: 1px solid var(--amber-bd); box-shadow: 0 0 30px rgba(240,180,41,.14); }
.kit-hero .ic{ width: 30px; height: 30px; stroke-width: 1.6; }
.kit-h{ font-size: 18px; font-weight: 800; font-stretch: 110%; margin-bottom: 8px; }
.kit-p{ font-size: 12.5px; line-height: 1.7; color: var(--txt-dim); margin-bottom: 14px; }
.kit-points{ list-style: none; display: flex; flex-direction: column; gap: 8px; margin-bottom: 20px; }
.kit-points li{ position: relative; padding-left: 22px; font-size: 12px; color: var(--txt); }
.kit-points li::before{ content: '▸'; position: absolute; left: 4px; color: var(--amber); }
.kit-cta{ display: flex; align-items: center; gap: 14px; flex-wrap: wrap; }
.kit-cta .btn:disabled{ opacity: .45; cursor: not-allowed; }
@media (max-width: 560px){
  .sr-item{ grid-template-columns: minmax(0, 1fr) auto auto; }
  .sr-px{ display: none; }
  .pf-acc, .lvl-stats{ grid-template-columns: 1fr 1fr; }
}

/* Alt bilgi atfı (TradingView Lightweight Charts lisansı: tradingview.com bağlantısı sayfada bulunmalı) */
.footer .credit{ margin-top: 4px; }
.footer .credit a{ color: var(--txt-mute); text-decoration: underline; text-underline-offset: 2px; }
.footer .credit a:hover{ color: var(--amber); }

/* Üst canlı fiyat şeridi: sayfanın en üstü, gezinme çubuğu hemen altında (ortak ekran görüntüsündeki mavi çizgi konumu).
   Kaydırma çubuğu gizli — şerit yine de elle/dokunmayla kayar. */
.ticker-ribbon{ scrollbar-width: none; -ms-overflow-style: none; }
.ticker-ribbon::-webkit-scrollbar{ display: none; }

/* ===================================================== CANLI GRAFİK — TELEFON: dağınık durum çubuğunu toparla
   Önceden: 3 satır pil + 3 satır dağınık KPI + ayrı satırda ajan durumu; grafik ekranın yarısından sonra başlıyordu.
   Şimdi: veri hapları tek satıra yakın, KPI'lar düzenli 3'lü ızgara, ajan durumu + Başlat/Durdur tek satır. */
@media (max-width: 640px){
  .topbar{ padding: 8px 14px; }
  .topbar-right{ gap: 6px; }
  .topbar-right .pill{ padding: 5px 9px; font-size: 10.5px; }
  .topbar-right .pill-mode{ padding: 5px 10px; }
  .pill-ai:not(.is-error){ display: none; }          /* AI motoru ayrıntısı Ayarlar'da; telefonda yalnız HATA durumunda göster */
  .databar{ display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0 10px; padding: 6px 14px 10px; }
  .databar .kpi{ flex-direction: column; align-items: flex-start; gap: 1px; padding: 5px 0; margin: 0; }
  .databar .kpi::after{ display: none; }
  .databar .kpi-session{
    grid-column: 1 / -1; flex-direction: row; flex-wrap: wrap; align-items: center; justify-content: space-between;
    gap: 8px 12px; margin-top: 6px; padding: 10px 0 0; border-top: 1px solid var(--line-soft);
  }
  .databar .kpi-session .kpi-lbl{ display: none; }
  .databar .kpi-session .kpi-val{ font-size: 11.5px; }
}

/* =====================================================================================================================
   2026-10-21 · ORTAK TALEPLERİ (Baybek): Al-Sat ekranı (TradingView motorlu canlı grafik) · Favori + Pozisyon sekmeleri ·
   AL / SAT emir formu · Özel Kit mağazası + beyin kurulum ekranı · Verilerim (yedek) · borsa bağlantısı kapalı bilgisi
   ===================================================================================================================== */

/* ---- Al-Sat: canlı grafik (Lightweight Charts) ---- */
#chartWrap{ position: relative; height: clamp(420px, 60vh, 680px); }
#chartWrap .tv-lightweight-charts{ border-radius: 0; }
.chart-fallback{ display: grid; place-items: center; height: 100%; font-size: 12px; color: var(--txt-mute); }
.chart-legend{
  position: absolute; top: 8px; left: 10px; z-index: 4; pointer-events: none;
  display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 12px; max-width: calc(100% - 90px);
  padding: 4px 9px; border-radius: var(--r); background: rgba(7,8,9,.74); border: 1px solid var(--line-soft);
  font-size: 11px; color: var(--txt-mute); font-variant-numeric: tabular-nums;
}
.chart-legend:empty{ display: none; }
.chart-legend .cl-sym{ font-family: var(--disp); font-weight: 700; letter-spacing: .04em; color: var(--txt-bright); }
.chart-legend b{ font-weight: 600; }
.chart-legend .up, .chart-legend b.up{ color: var(--green-soft); }
.chart-legend .down, .chart-legend b.down{ color: var(--red-soft); }
.head-tools{ display: flex; align-items: center; gap: 12px; }
.tv-link{
  display: inline-flex; align-items: center; gap: 6px; padding: 4px 9px; border-radius: var(--r);
  font-size: 10.5px; color: var(--txt-dim); text-decoration: none; border: 1px solid var(--line); background: var(--panel-2);
}
.tv-link .ic{ width: 12px; height: 12px; }
.tv-link:hover{ color: var(--amber-soft); border-color: var(--amber-bd); }
@media (max-width: 640px){ #chartWrap{ height: 380px; } .chart-legend{ font-size: 10px; gap: 2px 8px; } .tv-link span{ display: none; } }

/* ---- kitle açılan indikatörler: kilit görünümü ---- */
.ichip.locked, .lg.locked{ opacity: .55; border-style: dashed; }
.ichip.locked::before, .lg.locked::after{ content: '🔒'; font-size: 9px; margin-right: 4px; filter: grayscale(.2); }
.lg.locked::after{ margin: 0 0 0 4px; }
.ind-toggles .is-locked{ opacity: .55; cursor: not-allowed; }
.ind-toggles .is-locked::after{ content: ' 🔒'; font-size: 10px; }

/* ---- sağ ray: sekme sayacı + alt sekmeler ---- */
.stab-n{ font-style: normal; font-family: var(--mono); font-size: 9.5px; margin-left: 5px; padding: 0 5px; border-radius: 8px; color: #141005; background: var(--amber); }
.rail-seg{ display: flex; gap: 0; margin: 10px 14px 6px; border: 1px solid var(--line); border-radius: var(--r); overflow: hidden; flex: none; }
.rail-seg.mini{ margin: 0; }
.seg-btn{
  flex: 1; display: inline-flex; align-items: center; justify-content: center; gap: 6px; padding: 7px 10px;
  font-family: var(--disp); font-size: 10.5px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase;
  color: var(--txt-mute); background: transparent; border: 0;
}
.seg-btn + .seg-btn{ border-left: 1px solid var(--line); }
.seg-btn:hover{ color: var(--txt-bright); background: rgba(255,255,255,.025); }
.seg-btn.on{ color: var(--amber-soft); background: var(--amber-bg); box-shadow: inset 0 -2px 0 var(--amber); }
.seg-btn em{ font-style: normal; font-family: var(--mono); font-size: 10px; color: var(--txt-mute); }
.seg-btn.on em{ color: var(--amber-dim); }
.seg-btn.is-locked{ color: var(--txt-faint); }
.seg-btn.is-locked .ic{ width: 11px; height: 11px; }
.seg-btn.shake{ animation: lockShake .35s ease; }

/* ---- Favori ---- */
.fav-panel, .pos-panel{ display: flex; flex-direction: column; }
.fav-list{ flex: 1; min-height: 0; overflow-y: auto; padding: 2px 14px 8px; display: flex; flex-direction: column; gap: 4px; }
.fav-row{
  position: relative; display: grid; grid-template-columns: 16px minmax(0, 1fr) auto 1fr auto 24px; align-items: center; gap: 8px;
  padding: 8px 8px 8px 6px; border-radius: var(--r); border: 1px solid var(--line-soft); background: var(--panel-2);
  font-size: 11.5px; cursor: pointer; user-select: none; -webkit-user-select: none;
  transition: background .12s, border-color .12s, box-shadow .15s;
}
.fav-row:hover{ background: var(--panel-hover); border-color: var(--line-strong); }
.fav-row:focus-visible{ outline: 1px solid var(--amber); outline-offset: -1px; }
.fav-list.is-sorting .fav-row{ transition: transform .16s ease; }
.fav-row.dragging{ z-index: 3; cursor: grabbing; background: #15181d; border-color: var(--amber-bd); box-shadow: 0 10px 26px rgba(0,0,0,.55), 0 0 0 1px rgba(240,180,41,.25); transition: none !important; }
.fav-grip{ color: var(--txt-faint); font-size: 12px; letter-spacing: -2px; cursor: grab; touch-action: none; text-align: center; }
.fav-row:hover .fav-grip{ color: var(--txt-mute); }
.fav-sym{ min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.fav-sym b{ font-family: var(--disp); font-size: 12.5px; color: var(--txt-bright); letter-spacing: .02em; }
.fav-sym i{ font-style: normal; font-size: 10.5px; color: var(--txt-mute); }
.fav-type{ font-family: var(--disp); font-size: 8.5px; font-weight: 700; letter-spacing: .12em; padding: 1px 6px; border-radius: 3px; border: 1px solid var(--line-strong); color: var(--txt-dim); }
.fav-type.is-spot{ color: var(--green-soft); border-color: var(--green-bd); background: var(--green-bg); }
.fav-type.is-margin{ color: var(--amber-soft); border-color: var(--amber-bd); background: var(--amber-bg); }
.fav-px{ text-align: right; color: var(--txt-bright); font-variant-numeric: tabular-nums; white-space: nowrap; }
.fav-px.fl-up{ animation: flashUp .8s ease; }
.fav-px.fl-down{ animation: flashDown .8s ease; }
.fav-chg{ text-align: right; font-weight: 600; font-variant-numeric: tabular-nums; white-space: nowrap; color: var(--txt-dim); }
.fav-chg.up{ color: var(--green); }
.fav-chg.down{ color: var(--red); }
.fav-x{ display: grid; place-items: center; width: 22px; height: 22px; padding: 0; border: 0; border-radius: 3px; background: transparent; color: var(--amber); }
.fav-x .ic{ width: 13px; height: 13px; fill: currentColor; }
.fav-x:hover{ color: var(--red-soft); background: var(--red-bg); }
.fav-x:hover .ic{ fill: none; }
.fav-empty, .fav-locked{ display: flex; flex-direction: column; align-items: flex-start; gap: 10px; padding: 18px 4px; font-size: 11.5px; line-height: 1.6; color: var(--txt-mute); }
.fav-empty b{ color: var(--txt); }
.fav-locked{ align-items: center; text-align: center; padding: 26px 8px; }
.fav-locked .ic{ width: 22px; height: 22px; color: var(--txt-faint); }
.fav-locked b{ font-family: var(--disp); letter-spacing: .06em; color: var(--txt-dim); }
.fav-foot{ flex: none; margin: 0; padding: 8px 14px 10px; font-size: 10px; line-height: 1.5; color: var(--txt-mute); border-top: 1px solid var(--line-soft); }

/* ---- Pozisyon ---- */
.pos-panel .panel-head{ flex-wrap: wrap; }
.pos-box{ flex: 1; min-height: 0; display: flex; flex-direction: column; }
.pos-list{ flex: 1; min-height: 0; overflow-y: auto; padding: 10px 14px; display: flex; flex-direction: column; gap: 6px; }
.pos-row{
  display: flex; flex-direction: column; gap: 6px; padding: 9px 10px; cursor: pointer;
  border: 1px solid var(--line-soft); border-left: 2px solid var(--green); border-radius: var(--r); background: var(--panel-2);
  font-size: 11px; transition: border-color .12s, background .12s;
}
.pos-row.short{ border-left-color: var(--red); }
.pos-row:hover{ background: var(--panel-hover); border-color: var(--line-strong); }
.pos-row.cur{ box-shadow: inset 0 0 0 1px var(--amber-bd); }
.pos-top{ display: flex; align-items: center; gap: 7px; }
.pos-sym{ font-family: var(--disp); font-size: 12.5px; color: var(--txt-bright); letter-spacing: .02em; }
.pos-side{ font-style: normal; font-family: var(--disp); font-size: 9px; font-weight: 800; letter-spacing: .1em; padding: 1px 6px; border-radius: 3px; color: var(--green-soft); border: 1px solid var(--green-bd); background: var(--green-bg); }
.pos-row.short .pos-side{ color: var(--red-soft); border-color: var(--red-bd); background: var(--red-bg); }
.pos-src{ font-style: normal; font-size: 9.5px; color: var(--txt-mute); }
.pos-src.real{ color: var(--red-soft); font-weight: 700; }
.pos-pnl{ margin-left: auto; font-size: 12.5px; font-weight: 700; font-variant-numeric: tabular-nums; }
.pos-pnl.up{ color: var(--green); }
.pos-pnl.down{ color: var(--red); }
.pos-mid{ display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 4px 8px; color: var(--txt-mute); font-size: 10px; }
.pos-mid b{ display: block; color: var(--txt); font-size: 11px; font-weight: 600; font-variant-numeric: tabular-nums; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.pos-bot{ display: flex; align-items: center; gap: 8px; }
.pos-meta{ font-size: 10px; color: var(--txt-mute); margin-right: auto; font-variant-numeric: tabular-nums; }
.pos-ex{ font-size: 10.5px; color: var(--amber-soft); text-decoration: none; }
.pos-ex:hover{ text-decoration: underline; }
.pos-close{ font-size: 10.5px; padding: 3px 9px; border-radius: 3px; border: 1px solid var(--line-strong); background: transparent; color: var(--txt-dim); }
.pos-close:hover{ color: var(--red-soft); border-color: var(--red-bd); background: var(--red-bg); }

/* ---- Emir: AL / SAT formu ---- */
.order-box{ display: flex; flex-direction: column; gap: 10px; padding: 12px 14px 4px; }
.order-risk{ display: flex; align-items: center; gap: 6px; }
.or-lbl{ font-family: var(--disp); font-size: 9.5px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: var(--txt-mute); margin-right: 4px; }
.rk{ padding: 4px 10px; font-family: var(--mono); font-size: 11px; border-radius: 3px; border: 1px solid var(--line); background: transparent; color: var(--txt-dim); }
.rk:hover{ border-color: var(--line-strong); color: var(--txt-bright); }
.rk.on{ color: var(--amber-soft); border-color: var(--amber-bd); background: var(--amber-bg); }
.order-btns{ display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.btn-buy, .btn-sell{ display: flex; flex-direction: column; align-items: center; gap: 1px; padding: 10px 8px; border-width: 1px; }
.btn-buy b, .btn-sell b{ font-family: var(--disp); font-size: 15px; font-weight: 800; letter-spacing: .1em; }
.btn-buy small, .btn-sell small{ font-size: 9.5px; letter-spacing: .12em; opacity: .8; }
.btn-buy{ color: #04140d; background: var(--green); border-color: var(--green); }
.btn-buy:hover{ color: #04140d; background: var(--green-soft); border-color: var(--green-soft); }
.btn-sell{ color: #fff; background: var(--red); border-color: var(--red); }
.btn-sell:hover{ color: #fff; background: var(--red-soft); border-color: var(--red-soft); }
.order-preview{ margin: 0; font-size: 10.5px; line-height: 1.75; color: var(--txt-dim); font-variant-numeric: tabular-nums; min-height: 18px; }
.order-preview small{ color: var(--txt-mute); }
.order-preview .pv-buy{ color: var(--green-soft); font-weight: 700; }
.order-preview .pv-sell{ color: var(--red-soft); font-weight: 700; }
.order-ex{ display: flex; flex-wrap: wrap; gap: 6px; }
.order-ex .btn{ display: inline-flex; align-items: center; gap: 6px; text-decoration: none; }
.order-ex .ic{ width: 12px; height: 12px; }
.order-note{ margin: 0; font-size: 10px; line-height: 1.5; color: var(--txt-mute); }
.btn-buy:disabled, .btn-sell:disabled{ opacity: .35; cursor: not-allowed; filter: grayscale(.4); }

/* Ajanın planı — Emir sekmesinin EN ÜSTÜNDE (ortak videosu 2026-10-26: "ajanın planı aşağıda kalıyor, önemli olan bizim için ajanın planı —
   bunu yukarı alalım"); emir formu grafiğin altında. Sıkı satırlar; plan yokken ızgara yerine ipucu. Spot: kaldıraç / likidasyon / büyüklük yok. */
.tk-plan-hint{ margin: 6px 14px 2px; font-size: 11px; line-height: 1.55; color: var(--txt-mute); }
.tk-plan:not(.is-empty) .tk-plan-hint{ display: none; }
.tk-plan.is-empty .ticket-grid, .tk-plan.is-empty .ticket-side, .tk-plan.is-empty .tk-plan-note{ display: none !important; }
.tk-plan-top{ display: flex; align-items: center; gap: 12px; padding: 10px 14px 0; min-height: 24px; }
.tk-plan-top .tk-plan-h{ margin: 0; flex: none; }
.tk-plan .ticket-side{ padding: 0; flex: 1; min-width: 0; gap: 10px; }
.tk-plan .side-badge{ font-size: 10.5px; padding: 2px 8px; }
.tk-plan .ticket-grid{ gap: 4px; padding: 8px 14px 2px; }
.tk-plan .tk{ flex-direction: row; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 2px 8px; padding: 5px 9px; }
.tk-plan .tk span{ font-size: 8.5px; }
.tk-plan .tk b{ font-size: 12px; font-variant-numeric: tabular-nums; }
.tk-plan .tk-entry-view{ gap: 5px; }
.tk-plan .tk-entry-edit{ flex-basis: 100%; }
.tk-plan.is-spot .tk-fut-only{ display: none; }
.tk-plan-note{ margin: 6px 14px 0; font-size: 10.5px; line-height: 1.5; color: var(--amber-soft); }
/* Emir sekmesi → grafiğin altındaki emir paneline yönlendirme (Vadeli) */
.tk-go{ display: flex; flex-wrap: wrap; align-items: center; gap: 8px 10px; margin: 12px 14px 0; padding: 10px 12px;
  border: 1px solid var(--line); border-radius: var(--r); background: var(--panel-2); font-size: 11px; line-height: 1.5; color: var(--txt-dim); }
.tk-go span{ flex: 1 1 180px; }

/* Spot modu: grafiğin altında vadeli emir paneli yerine spot alanı; Emir sekmesinde plan + spot notu */
.tk-spot-note{
  margin: 12px 14px 0; padding: 12px 13px; display: flex; flex-direction: column; gap: 7px;
  border: 1px solid var(--amber-bd); border-radius: var(--r); background: var(--amber-bg);
  font-size: 11.5px; line-height: 1.55; color: var(--txt);
}
.tk-spot-note b{ font-family: var(--disp); font-size: 11px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; color: var(--amber-soft); }
.tk-spot-btns{ display: flex; flex-wrap: wrap; gap: 6px; }
.ticket.is-spot #pnlRow{ display: none !important; }

/* ===================================================== EMİR PANELİ (grafiğin altında, formasyon şeridinin hemen altı — Vadeli)
   Ortak videosu 2026-10-26: "bu emir kısmını formasyonun hemen altına koyalım, adam burada işlem yapsın — Binance'ta da öyleydi".
   Form aynı (kimlikler, mantık); yalnız yerleşim: geniş kapta (≥ 640 px) iki sütun, dar kapta eski tek sütun sırası. */
.trade-panel{
  margin: 10px 14px 0; padding: 12px 14px; display: flex; flex-direction: column; gap: 10px;
  border: 1px solid var(--line); border-radius: var(--r-lg); background: var(--panel-2);
  container: trade / inline-size; scroll-margin-top: calc(70px + var(--tb-h));
}
.tp-head{ display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 12px; }
.tp-sub{ font-size: 10.5px; color: var(--txt-mute); }
.trade-panel .order-box{ padding: 0; }
.trade-panel .order-more{ gap: 8px; padding: 10px 0 0; border-top: 1px solid var(--line-soft); }
.trade-panel .of-inrow, .trade-panel .of-tpsl label, .trade-panel .of-step{ background: var(--panel); }
.trade-panel .of-type button.on{ background: var(--panel); }
.of-col{ display: flex; flex-direction: column; gap: 8px; min-width: 0; }
@container trade (min-width: 640px){
  .trade-panel .of{ display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 0 22px; align-items: stretch; }
  .trade-panel .of-col-a{ position: relative; }                /* kaldıraç / marjin pencereleri sol sütunun genişliğinde açılır */
  .trade-panel .of-col-b .order-btns{ margin-top: auto; }      /* AL / SAT sağ sütunun dibinde, sol sütunla hizalı */
  .trade-panel .order-more{ display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 6px 22px; align-items: start; }
  .trade-panel .order-more > .of-liq, .trade-panel .order-more > .tk-pending, .trade-panel .order-more > .order-note{ grid-column: 1 / -1; }
}
.trade-panel .tk-pending{ margin: 0; }

/* ===================================================== SPOT EMİR ALANI (grafiğin altında, yalnız Spot modunda) */
.spot-order{
  margin: 10px 14px 0; padding: 12px 14px 11px; display: flex; flex-direction: column; gap: 10px;
  border: 1px solid var(--line); border-radius: var(--r-lg); background: var(--panel-2);
  scroll-margin-top: calc(70px + var(--tb-h));
}
.so-head{ display: flex; flex-wrap: wrap; align-items: center; gap: 6px 18px; font-size: 11px; color: var(--txt-mute); }
.so-tag{
  font-family: var(--disp); font-weight: 800; font-size: 10px; letter-spacing: .16em; color: var(--amber);
  border: 1px solid var(--amber-bd); background: var(--amber-bg); border-radius: 3px; padding: 2px 8px;
}
.so-sym{ font-family: var(--disp); font-size: 13px; letter-spacing: .06em; color: var(--txt-bright); margin-left: -8px; }
.so-kv b{ color: var(--txt-bright); font-variant-numeric: tabular-nums; margin-left: 3px; }
.so-row{ display: flex; flex-wrap: wrap; align-items: stretch; gap: 8px; }
.so-amt{
  display: flex; align-items: center; gap: 8px; flex: 1 1 210px; min-width: 0; padding: 0 11px;
  border: 1px solid var(--line); border-radius: var(--r); background: var(--panel); font-size: 11px; color: var(--txt-mute); cursor: text;
}
.so-amt:focus-within{ border-color: var(--amber-bd); }
.so-amt input{
  flex: 1; min-width: 0; padding: 9px 0; background: transparent; border: 0; outline: none; text-align: right;
  color: var(--txt-bright); font-family: var(--mono); font-size: 14px; font-weight: 600;
}
.so-amt em{ font-style: normal; color: var(--txt-dim); }
.so-amt input::-webkit-outer-spin-button, .so-amt input::-webkit-inner-spin-button{ -webkit-appearance: none; margin: 0; }
.so-amt input[type=number]{ -moz-appearance: textfield; appearance: textfield; }
.so-pcts{ display: flex; gap: 4px; }
.so-pcts button{
  min-width: 46px; padding: 0 8px; font-family: var(--mono); font-size: 11px; cursor: pointer;
  border: 1px solid var(--line); border-radius: var(--r); background: transparent; color: var(--txt-dim);
}
.so-pcts button:hover, .so-pcts button.on{ border-color: var(--amber-bd); color: var(--amber-soft); background: var(--amber-bg); }
.so-btns{ display: grid; grid-template-columns: 1fr 1fr; gap: 8px; flex: 1 1 250px; }
.so-btns .btn{ padding: 8px; }
.so-note{ margin: 0; font-size: 10.5px; line-height: 1.6; color: var(--txt-mute); font-variant-numeric: tabular-nums; }
.so-note b{ color: var(--txt-dim); }
.so-note .pv-warn{ color: var(--red-soft); }
@media (max-width: 640px){ .spot-order{ margin: 10px 10px 0; padding: 11px; } .so-pcts{ flex: 1 1 100%; } .so-pcts button{ flex: 1; padding: 7px 0; } }

/* İşlem türü anahtarı (Vadeli | Spot) — üst çubuk */
.mkt-switch{ margin-left: 2px; }
.mkt-switch .pill-mode{ padding: 6px 12px; }

/* ---- Emir paneli (Binance tarzı): İzole/Çapraz · kaldıraç · Piyasa/Limit · fiyat · miktar · kaydırıcı · TP/SL · Yalnız azalt ---- */
.of{ position: relative; display: flex; flex-direction: column; gap: 8px; }
.of-chips{ display: grid; grid-template-columns: 1fr 1fr; gap: 6px; }
.of-chip{ display: flex; align-items: center; justify-content: center; gap: 6px; padding: 7px 8px; border-radius: 4px; border: 1px solid var(--line-strong);
  background: var(--panel-2); color: var(--txt-bright); font-family: var(--mono); font-size: 12px; font-weight: 600; cursor: pointer; }
.of-chip:hover{ border-color: var(--amber-bd); }
.of-chip .ic{ width: 10px; height: 10px; color: var(--txt-mute); }
.of-pop{ position: absolute; top: 38px; left: 0; right: 0; z-index: 30; display: flex; flex-direction: column; gap: 8px; padding: 12px;
  background: var(--panel); border: 1px solid var(--line-strong); border-radius: 6px; box-shadow: 0 14px 40px rgba(0,0,0,.55); }
.of-pop-h{ font-family: var(--disp); font-size: 10.5px; letter-spacing: .14em; text-transform: uppercase; color: var(--txt-bright); }
.of-pop-note{ font-size: 10px; color: var(--txt-mute); line-height: 1.45; }
.of-opt{ display: flex; flex-direction: column; align-items: flex-start; gap: 3px; padding: 8px 10px; text-align: left; border-radius: 4px; cursor: pointer;
  border: 1px solid var(--line); background: transparent; color: var(--txt); }
.of-opt b{ font-size: 12px; color: var(--txt-bright); }
.of-opt small{ font-size: 10px; color: var(--txt-mute); line-height: 1.45; }
.of-opt.on{ border-color: var(--amber-bd); background: var(--amber-bg); }
.of-lev-row{ display: grid; grid-template-columns: 34px 1fr 34px; align-items: center; gap: 6px; }
.of-lev-row b{ text-align: center; font-family: var(--mono); font-size: 18px; color: var(--txt-bright); }
.of-step{ height: 30px; border-radius: 4px; border: 1px solid var(--line-strong); background: var(--panel-2); color: var(--txt-bright); font-size: 16px; cursor: pointer; }
.of-lev-presets{ display: flex; flex-wrap: wrap; gap: 4px; }
.of-lev-presets button{ flex: 1 0 calc(16.66% - 4px); min-width: 38px; padding: 4px 0; font-family: var(--mono); font-size: 10.5px; border-radius: 3px; cursor: pointer;
  border: 1px solid var(--line); background: transparent; color: var(--txt-dim); }
.of-lev-presets button.on{ color: var(--amber-soft); border-color: var(--amber-bd); background: var(--amber-bg); }
.of-lev-warn{ margin: 0; font-size: 10.5px; color: var(--txt-dim); line-height: 1.45; }
.of-lev-warn.hot{ color: var(--red-soft); }
.of-ok{ align-self: stretch; justify-content: center; color: #120d02; background: var(--amber); border-color: var(--amber); font-weight: 700; }
.of-type{ display: grid; grid-template-columns: 1fr 1fr; border: 1px solid var(--line); border-radius: 4px; overflow: hidden; }
.of-type button{ padding: 6px 0; font-size: 11.5px; font-weight: 600; border: 0; background: transparent; color: var(--txt-mute); cursor: pointer; }
.of-type button.on{ background: var(--panel-2); color: var(--amber-soft); box-shadow: inset 0 -2px 0 var(--amber); }
.of-field{ display: flex; flex-direction: column; gap: 4px; }
.of-field > label{ font-size: 10px; letter-spacing: .06em; color: var(--txt-mute); }
.of-inrow{ display: flex; align-items: stretch; border: 1px solid var(--line-strong); border-radius: 4px; background: var(--panel-2); }
.of-inrow:focus-within{ border-color: var(--amber-bd); }
.of-inrow input{ flex: 1; min-width: 0; padding: 8px 10px; border: 0; background: transparent; color: var(--txt-bright); font-family: var(--mono); font-size: 13px; outline: none; }
.of-mini{ flex: none; padding: 0 10px; border: 0; border-left: 1px solid var(--line); background: transparent; color: var(--txt-dim); font-family: var(--mono); font-size: 11px; cursor: pointer; }
.of-mini:hover{ color: var(--amber-soft); }
.of-hint{ font-size: 10px; color: var(--txt-mute); line-height: 1.4; }
.of-row{ display: flex; align-items: center; justify-content: space-between; gap: 8px; font-size: 11px; color: var(--txt-mute); }
.of-row b{ color: var(--txt-bright); font-family: var(--mono); font-weight: 600; font-variant-numeric: tabular-nums; }
.of-market b{ color: var(--txt); }
.of-slider{ display: grid; grid-template-columns: 1fr auto; align-items: center; gap: 10px; }
.of-slider > b{ min-width: 36px; text-align: right; font-family: var(--mono); font-size: 11px; color: var(--txt-dim); }
.of-track{ position: relative; height: 18px; }
.of-ticks{ position: absolute; inset: 6px 0 auto; display: flex; justify-content: space-between; pointer-events: none; }
.of-ticks i{ width: 7px; height: 7px; transform: rotate(45deg); border: 1px solid var(--line-strong); background: var(--panel); }
.of-range{ -webkit-appearance: none; appearance: none; width: 100%; height: 18px; margin: 0; background: transparent; position: relative; z-index: 1; cursor: pointer; }
.of-range::-webkit-slider-runnable-track{ height: 3px; border-radius: 2px; background: linear-gradient(90deg, var(--amber) var(--p, 0%), var(--line-strong) var(--p, 0%)); }
.of-range::-moz-range-track{ height: 3px; border-radius: 2px; background: linear-gradient(90deg, var(--amber) var(--p, 0%), var(--line-strong) var(--p, 0%)); }
.of-range::-webkit-slider-thumb{ -webkit-appearance: none; width: 13px; height: 13px; margin-top: -5px; transform: rotate(45deg); border: 2px solid var(--amber); background: var(--panel); }
.of-range::-moz-range-thumb{ width: 11px; height: 11px; transform: rotate(45deg); border: 2px solid var(--amber); border-radius: 0; background: var(--panel); }
.of-check{ display: flex; align-items: center; gap: 7px; font-size: 11.5px; color: var(--txt); cursor: pointer; }
.of-check input{ accent-color: var(--amber); width: 14px; height: 14px; margin: 0; }
.of-check small{ font-size: 10px; color: var(--txt-mute); }
.of-tpsl{ display: grid; grid-template-columns: 1fr 1fr; gap: 6px; }
.of-tpsl label{ display: flex; align-items: center; border: 1px solid var(--line-strong); border-radius: 4px; background: var(--panel-2); }
.of-tpsl label:focus-within{ border-color: var(--amber-bd); }
.of-tpsl span{ padding: 0 8px; font-size: 10px; font-weight: 700; color: var(--txt-mute); border-right: 1px solid var(--line); }
.of-tpsl input{ flex: 1; min-width: 0; padding: 7px 8px; border: 0; background: transparent; color: var(--txt-bright); font-family: var(--mono); font-size: 12px; outline: none; }
.of-tif{ font-family: var(--mono); font-size: 10.5px; color: var(--txt-dim); border: 1px solid var(--line); border-radius: 3px; padding: 2px 6px; }
.of-side{ display: flex; flex-direction: column; gap: 4px; min-width: 0; }
.of-mc{ display: flex; flex-direction: column; gap: 1px; font-size: 10px; color: var(--txt-mute); font-variant-numeric: tabular-nums; }
.of-mc span{ display: flex; justify-content: space-between; gap: 6px; }
.of-mc b{ color: var(--txt); font-weight: 600; font-family: var(--mono); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.of-liq{ margin: 0; font-size: 10.5px; color: var(--txt-dim); font-variant-numeric: tabular-nums; }
.of-liq .pv-buy{ color: var(--green-soft); font-weight: 700; }
.of-liq .pv-sell{ color: var(--red-soft); font-weight: 700; }
.order-preview .pv-warn{ color: var(--amber-soft); font-weight: 600; }
.tk-plan-h{ margin: 10px 14px 0; font-family: var(--disp); font-size: 10px; letter-spacing: .16em; text-transform: uppercase; color: var(--txt-mute); }
.tk-plan-h::before{ content: '// '; color: var(--amber); font-family: var(--mono); }
.pos-lev{ font-size: 10px; color: var(--txt-mute); font-variant-numeric: tabular-nums; }
.pos-lev b.up{ color: var(--green-soft); }
.pos-lev b.down{ color: var(--red-soft); }

/* ---- Ayarlar → Borsa: bağlantı kilitli ("Yakında") + yol haritası (ortak kararı 2026-10-23) ---- */
.soon-badge{ display: inline-block; margin-left: 6px; padding: 1px 6px; border-radius: 3px; font-family: var(--mono); font-size: 9px; font-weight: 700; letter-spacing: .08em;
  text-transform: uppercase; color: var(--amber-soft); border: 1px solid var(--amber-bd); background: var(--amber-bg); vertical-align: middle; }
.mtab .ic{ width: 11px; height: 11px; vertical-align: -1px; opacity: .7; }
.ex-lock{ display: flex; flex-direction: column; gap: 8px; padding: 12px; border: 1px dashed var(--amber-bd); border-radius: 6px; background: var(--panel-2); }
.ex-lock-h{ display: flex; align-items: center; gap: 8px; }
.ex-lock-h .ic{ width: 14px; height: 14px; color: var(--amber); }
.ex-lock-h .soon-badge{ margin-left: auto; }
.ex-lock-fields{ display: grid; gap: 6px; opacity: .5; }
.ex-lock-fields label{ display: flex; flex-direction: column; gap: 3px; font-size: 10.5px; color: var(--txt-mute); }
.ex-lock-fields label.chk{ flex-direction: row; align-items: center; gap: 7px; }
.ex-lock-fields input:disabled{ cursor: not-allowed; }
.ex-road-h{ font-family: var(--disp); font-size: 10px; letter-spacing: .14em; text-transform: uppercase; color: var(--txt-bright); }
.ex-road{ margin: 0; padding-left: 18px; display: flex; flex-direction: column; gap: 5px; font-size: 11px; color: var(--txt-dim); line-height: 1.45; }
.ex-road li b{ color: var(--txt-bright); margin-right: 4px; }
.ex-road li.done b{ color: var(--green-soft); }

/* ---- Ayarlar → Borsa: bağlantı yok bilgisi ---- */
.ex-info{ display: flex; flex-direction: column; gap: 8px; padding: 12px 14px; border: 1px solid var(--amber-bd); border-radius: var(--r); background: var(--amber-bg); }
.ex-title{ font-family: var(--disp); letter-spacing: .06em; color: var(--amber-soft); }
.ex-steps{ margin: 0 0 0 18px; display: flex; flex-direction: column; gap: 4px; font-size: 11.5px; color: var(--txt); }
.ex-info .btn{ align-self: flex-start; display: inline-flex; align-items: center; gap: 6px; text-decoration: none; }
.ex-info .ic{ width: 12px; height: 12px; }

/* ---- Profil → Verilerim ---- */
.pf-data-where{ font-size: 11.5px; color: var(--txt); margin-bottom: 6px; word-break: break-word; }
.pf-data-where b{ color: var(--amber-soft); font-weight: 600; }
.pf-data-warn{ font-size: 10.5px; line-height: 1.55; color: var(--txt-mute); margin-bottom: 8px; }
.pf-data-btns{ display: flex; flex-wrap: wrap; gap: 6px; }
.pf-data-btns .btn{ display: inline-flex; align-items: center; gap: 6px; }
.pf-data-btns .ic{ width: 12px; height: 12px; }

/* ---- Özel Kit mağazası ---- */
.kit-modal{ max-width: 880px; }
.kit-lead{ font-size: 12.5px; line-height: 1.7; color: var(--txt-dim); margin-bottom: 14px; }
.kit-grid{ display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.kit-card{ display: flex; flex-direction: column; padding: 16px; border: 1px solid var(--line-strong); border-radius: var(--r-lg); background: var(--panel-2); }
.kit-card.owned{ border-color: var(--green-bd); box-shadow: inset 0 0 0 1px rgba(47,191,113,.12); }
.kit-card-top{ display: flex; align-items: center; justify-content: space-between; margin-bottom: 12px; }
.kit-icon{ display: grid; place-items: center; width: 52px; height: 52px; border-radius: 14px; color: var(--amber); background: var(--amber-bg); border: 1px solid var(--amber-bd); box-shadow: 0 0 26px rgba(240,180,41,.12); }
.kit-icon .ic{ width: 26px; height: 26px; stroke-width: 1.6; }
.kit-card[data-kit="patterns"] .kit-icon{ color: #b7b0d9; background: rgba(143,134,201,.1); border-color: rgba(143,134,201,.4); box-shadow: 0 0 26px rgba(143,134,201,.12); }
.kit-own{ font-family: var(--disp); font-size: 10px; font-weight: 800; letter-spacing: .1em; padding: 3px 8px; border-radius: 3px; color: var(--green-soft); border: 1px solid var(--green-bd); background: var(--green-bg); }
.kit-card .kit-h{ font-size: 16px; }
.kit-card .kit-p{ font-size: 12px; margin-bottom: 12px; }
.kit-card .kit-points{ margin-bottom: 14px; flex: 1; }
.kit-req{ display: flex; gap: 7px; align-items: flex-start; font-size: 10.5px; line-height: 1.5; color: var(--txt-mute); margin: -4px 0 12px; }
.kit-req .ic{ flex: none; width: 13px; height: 13px; margin-top: 1px; color: var(--txt-faint); }
.kit-btn{ width: 100%; }
.kit-bundle{ display: flex; align-items: center; justify-content: space-between; gap: 14px; margin-top: 12px; padding: 12px 14px; border: 1px dashed var(--amber-bd); border-radius: var(--r-lg); background: var(--amber-bg); }
.kit-bundle .kb-txt{ display: flex; flex-direction: column; gap: 2px; font-size: 11.5px; color: var(--txt-dim); }
.kit-bundle .kb-txt b{ font-family: var(--disp); font-size: 13px; color: var(--amber-soft); letter-spacing: .04em; }
.kit-note{ margin-top: 12px; }
.kit-note .link-btn{ margin: 0 0 0 6px; }
@media (max-width: 720px){ .kit-grid{ grid-template-columns: 1fr; } .kit-bundle{ flex-direction: column; align-items: stretch; } }

/* ---- Beyin kurulum ekranı (%1 → %100) ---- */
.kb-backdrop{ position: fixed; inset: 0; z-index: 90; display: flex; align-items: center; justify-content: center; padding: 18px; background: rgba(2,3,4,.9); backdrop-filter: blur(6px); }
.kb-backdrop[hidden]{ display: none !important; }
.kb-card{ width: 100%; max-width: 640px; padding: 20px 22px; border-color: var(--line-strong); box-shadow: 0 30px 90px rgba(0,0,0,.7); animation: rise .3s ease both; }
.kb-head{ display: flex; align-items: center; gap: 12px; margin-bottom: 12px; }
.kb-chip{ font-family: var(--disp); font-size: 10px; font-weight: 800; letter-spacing: .14em; padding: 3px 9px; border-radius: 3px; color: #141005; background: var(--amber); }
.kb-backdrop.is-done .kb-chip{ background: var(--green); }
.kb-title{ font-size: 16px; font-weight: 800; font-stretch: 108%; color: var(--txt-bright); }
.kb-stage{ position: relative; height: 230px; margin-bottom: 12px; border: 1px solid var(--line-soft); border-radius: var(--r-lg); background: radial-gradient(600px 220px at 50% 55%, rgba(240,180,41,.06), transparent 70%), var(--chart-bg); overflow: hidden; }
.kb-stage canvas{ display: block; width: 100%; height: 100%; }
.kb-pct{ position: absolute; right: 14px; bottom: 10px; font-family: var(--disp); font-size: 34px; font-weight: 800; color: var(--amber-soft); text-shadow: 0 0 24px rgba(240,180,41,.35); font-variant-numeric: tabular-nums; }
.kb-backdrop.is-done .kb-pct{ color: var(--green-soft); text-shadow: 0 0 24px rgba(47,191,113,.35); }
.kb-bar{ position: relative; height: 6px; border-radius: 3px; background: var(--line); overflow: hidden; margin-bottom: 14px; }
.kb-bar i{ position: absolute; inset: 0 auto 0 0; width: 1%; background: linear-gradient(90deg, var(--amber-dim), var(--amber)); transition: width .18s ease; }
.kb-backdrop.is-done .kb-bar i{ background: linear-gradient(90deg, #238a55, var(--green)); }
.kb-steps{ list-style: none; display: flex; flex-direction: column; gap: 6px; margin: 0 0 12px; padding: 0; }
.kb-steps li{ display: flex; align-items: center; gap: 10px; font-size: 12.5px; color: var(--txt-mute); }
.kb-steps li i{ display: grid; place-items: center; width: 18px; height: 18px; flex: none; font-style: normal; font-size: 11px; border-radius: 50%; border: 1px solid var(--line-strong); }
.kb-steps li.is-ok{ color: var(--txt); }
.kb-steps li.is-ok i{ color: #04140d; background: var(--green); border-color: var(--green); }
.kb-steps li.is-run{ color: var(--amber-soft); font-weight: 600; }
.kb-steps li.is-run i{ border-color: var(--amber); border-top-color: transparent; animation: kbSpin .8s linear infinite; }
@keyframes kbSpin{ to{ transform: rotate(360deg); } }
.kb-feed{ height: 118px; overflow: hidden; display: flex; flex-direction: column; justify-content: flex-end; gap: 3px; padding: 8px 10px; border-radius: var(--r); background: #050607; border: 1px solid var(--line-soft); font-size: 11px; color: var(--txt-dim); }
.kb-line{ animation: slideL .25s ease both; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.kb-line.ok{ color: var(--green-soft); }
.kb-done{ display: flex; gap: 8px; justify-content: flex-end; margin-top: 14px; }
@media (prefers-reduced-motion: reduce){ .kb-steps li.is-run i{ animation: none; } .kb-line{ animation: none; } }
@media (max-width: 560px){ .kb-stage{ height: 170px; } .kb-pct{ font-size: 26px; } .kb-done{ flex-direction: column; } }

/* Al-Sat: sağ-alt işlem bildirimleri (9 sn, en çok 4 kart) sağ altta, rayın üstünde kalır — AL / SAT 2026-10-26'dan beri grafik sütunundaki
   emir panelinde (önceden raydaydı ve yığın grafik sütununa kaydırılıyordu). Kartlar tıklamayı yutmaz (styles.css .notif-card): üstüne denk
   gelse de rayın "Kapat" / AL / SAT düğmeleri çalışır. e2e P1b (AL / SAT / Kapat) + F21b (satırdaki Kapat) sınar. */

/* Üst fiyat şeridi: öğeler düğme → o paritenin Al-Sat grafiği; görüntülenen parite vurgulu */
button.ticker-item{
  font: inherit; color: inherit; background: transparent; border: 0; border-right: 1px solid var(--line-soft);
  border-radius: 0; cursor: pointer; text-align: left; transition: background .15s;
}
button.ticker-item:hover{ background: rgba(255,255,255,.035); }
button.ticker-item:focus-visible{ outline: 1px solid var(--amber); outline-offset: -2px; }
button.ticker-item.on{ background: rgba(240,180,41,.07); box-shadow: inset 0 -2px 0 var(--amber); }
button.ticker-item.on .t-sym{ color: var(--amber-soft); }

/* Bekleyen (limit) giriş: ajan teyitten sonra fiyatın planlanan girişe gelmesini bekliyor */
.tag-pend{ border-color: var(--amber-bd); color: var(--amber-soft); background: var(--amber-bg); }
.tk-pending{ margin: 0 0 8px; padding: 8px 10px; font-size: 10.5px; line-height: 1.55; color: var(--txt-dim);
  border: 1px dashed var(--amber-bd); border-radius: var(--r); background: rgba(240,180,41,.05); }
.tk-pending b{ color: var(--amber-soft); }
.tk-pending .link-btn{ margin: 0 0 0 4px; }
.pos-pend{
  display: flex; flex-direction: column; gap: 6px; padding: 9px 10px; cursor: pointer;
  border: 1px dashed var(--amber-bd); border-left: 2px solid var(--amber); border-radius: var(--r); background: rgba(240,180,41,.04);
  font-size: 11px;
}
.pos-pend .pos-src{ color: var(--amber-soft); font-weight: 700; letter-spacing: .04em; }
.pos-pend.short .pos-side{ color: var(--red-soft); border-color: var(--red-bd); background: var(--red-bg); }

/* ---- Formasyon karşılaştırması (ui/pattern-compare.js): grafik altı şerit + kitap (PDF) ↔ grafik penceresi ---- */
.pat-banner{ align-items: center; flex-wrap: wrap; row-gap: 6px; }
.pat-banner .pat-text{ flex: 1; min-width: 0; color: var(--txt); }
.pat-banner .pat-text b.up{ color: var(--green-soft); }
.pat-banner .pat-text b.down{ color: var(--red-soft); }
.pat-banner .pat-text b.neu{ color: var(--amber-soft); }
.pat-banner .pat-none{ color: var(--txt-mute); }
.pat-banner .pat-more{ margin-left: 4px; font-size: 11px; color: var(--txt-mute); }
.pat-btn{ flex: none; }
.pc-modal{ max-width: 860px; }
.pc-modal .modal-body{ max-height: 78vh; }
.pc-tabs{ display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 12px; }
.pc-tab{ font: inherit; font-size: 11.5px; padding: 5px 10px; border-radius: 999px; border: 1px solid var(--line-strong); background: var(--panel-2); color: var(--txt-dim); cursor: pointer; }
.pc-tab:hover{ color: var(--txt-bright); }
.pc-tab em{ margin-left: 4px; font-style: normal; color: var(--txt-mute); }
.pc-tab.on{ color: var(--txt-bright); border-color: var(--amber-bd); background: var(--amber-bg); }
.pc-tab.up.on{ border-color: var(--green-bd); background: var(--green-bg); }
.pc-tab.down.on{ border-color: var(--red-bd); background: var(--red-bg); }
.pc-cols{ display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.pc-fig{ display: flex; flex-direction: column; gap: 8px; min-width: 0; margin: 0; padding: 10px; border: 1px solid var(--line-strong); border-radius: var(--r-lg); background: var(--panel-2); }
.pc-fig figcaption{ display: flex; justify-content: space-between; align-items: baseline; gap: 8px; font-size: 11px; color: var(--txt-mute); }
.pc-fig figcaption b{ font-family: var(--disp); font-size: 12.5px; letter-spacing: .04em; color: var(--txt-bright); }
.pc-svgwrap{ overflow: hidden; border: 1px solid var(--line-soft); border-radius: var(--r); background: var(--chart-bg); }
.pc-svg{ display: block; width: 100%; height: auto; }
.pc-svg .pc-bg{ fill: var(--chart-bg); }
.pc-svg .pc-path{ stroke: #c9d24a; stroke-width: 2.4; stroke-linejoin: round; stroke-linecap: round; }
.pc-svg.act .pc-path{ stroke-width: 1.8; }
.pc-svg .pc-guide{ stroke: #7b8494; stroke-width: 1.6; }
.pc-svg.act .pc-guide{ stroke-width: 1.2; stroke-dasharray: 5 4; opacity: .85; }
.pc-svg .dash{ stroke-dasharray: 5 4; }
.pc-svg .pc-mark{ fill: rgba(47,191,113,.18); stroke: #55d68f; stroke-width: 1.8; }
.pc-svg .pc-dot{ fill: #c9d24a; }
.pc-svg .pc-zone{ fill: rgba(240,180,41,.12); }
.pc-svg .pc-span{ fill: rgba(240,180,41,.05); }
.pc-svg .pc-ctx{ opacity: .45; }
.pc-svg .pc-live{ opacity: .6; }
.pc-svg .pc-tgt{ stroke: #55d68f; stroke-width: 1.3; }
.pc-svg .pc-stop{ stroke: #f27276; stroke-width: 1.2; }
.pc-svg .pc-entry{ stroke: var(--amber); stroke-width: 1.2; }
.pc-svg .pc-info{ stroke: #8f86c9; stroke-width: 1; }
.pc-svg .pc-lbl{ font-family: var(--mono); font-size: 10px; fill: var(--txt-dim); }
.pc-svg .pc-lbl-guide{ fill: #9aa2ae; }
.pc-svg .pc-lbl-mark{ fill: #8fe0b2; font-weight: 600; }
.pc-svg .pc-lbl-note{ fill: #e6d29a; }
.pc-svg .pc-lbl-tgt{ fill: #8fe0b2; }
.pc-svg .pc-lbl-lv{ font-size: 9.5px; stroke: none; fill: var(--txt); }
.pc-svg .pc-lbl-lv.pc-tgt{ fill: #8fe0b2; }
.pc-svg .pc-lbl-lv.pc-stop{ fill: #f2a0a3; }
.pc-svg .pc-lbl-lv.pc-entry{ fill: var(--amber-soft); }
.pc-svg .pc-lbl-lv.pc-info{ fill: #b7b0d9; }
.pc-desc{ margin: 0; font-size: 11px; line-height: 1.6; color: var(--txt-dim); }
.pc-score{ display: grid; grid-template-columns: auto 1fr; grid-template-rows: auto auto; align-items: center; column-gap: 14px; row-gap: 5px; margin: 14px 0 6px; padding: 12px 14px; border: 1px solid var(--line-strong); border-radius: var(--r-lg); background: var(--bg-soft); }
.pc-big{ grid-row: span 2; font-family: var(--disp); font-size: 30px; font-weight: 800; line-height: 1; color: var(--amber-soft); font-variant-numeric: tabular-nums; }
.pc-big small{ display: block; margin-top: 4px; font-size: 10px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: var(--txt-mute); }
.pc-meter{ height: 6px; overflow: hidden; border-radius: 3px; background: var(--line); }
.pc-meter i{ display: block; height: 100%; background: linear-gradient(90deg, var(--amber-dim), var(--amber)); }
.pc-sub{ font-size: 11px; color: var(--txt-dim); }
.pc-h{ margin: 14px 0 8px; font-family: var(--disp); font-size: 11px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: var(--txt-mute); }
.pc-checks{ display: flex; flex-direction: column; gap: 5px; margin: 0; padding: 0; list-style: none; }
.pc-checks li{ display: flex; align-items: flex-start; gap: 8px; font-size: 12px; line-height: 1.5; color: var(--txt); }
.pc-checks li i{ flex: none; display: grid; place-items: center; width: 18px; height: 18px; margin-top: 1px; border-radius: 50%; font-size: 11px; font-weight: 700; font-style: normal; }
.pc-checks li.ok i{ color: #04140d; background: var(--green); }
.pc-checks li.no i{ color: #1a0506; background: var(--red); }
.pc-checks li.no span{ color: var(--txt-dim); }
.pc-checks li.info i{ color: var(--txt-mute); border: 1px solid var(--line-strong); }
.pc-checks li.wait i{ font-size: 9px; border: 1px solid var(--amber-bd); background: var(--amber-bg); }
.pc-checks .pc-status{ margin-top: 3px; padding-top: 7px; border-top: 1px dashed var(--line-strong); font-weight: 600; }
.pc-levels{ display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 6px; }
.pc-lv{ display: flex; flex-direction: column; gap: 2px; padding: 7px 10px; border: 1px solid var(--line-strong); border-radius: var(--r); background: var(--panel-2); }
.pc-lv span{ font-size: 10px; letter-spacing: .04em; color: var(--txt-mute); }
.pc-lv b{ font-size: 13px; color: var(--txt-bright); font-variant-numeric: tabular-nums; }
.pc-lv.target b{ color: var(--green-soft); }
.pc-lv.stop b{ color: var(--red-soft); }
.pc-lv.entry b{ color: var(--amber-soft); }
.pc-lv.muted b{ font-size: 11.5px; font-weight: 500; color: var(--txt-mute); }
.pc-calc{ margin: 8px 0 0; font-size: 11.5px; line-height: 1.6; color: var(--txt-dim); }
/* Karara etkisi: formasyonun yön puanına katkısı (puan + açıklama) */
.pc-eff{ display: flex; align-items: baseline; flex-wrap: wrap; gap: 4px 10px; padding: 9px 12px; border: 1px solid var(--line-strong); border-radius: var(--r); }
.pc-eff b{ font-family: var(--disp); font-size: 18px; font-weight: 800; font-variant-numeric: tabular-nums; color: var(--txt-bright); }
.pc-eff.up b{ color: var(--green-soft); }
.pc-eff.down b{ color: var(--red-soft); }
.pc-eff span{ font-size: 11.5px; color: var(--txt-dim); }
.pc-eff-none{ margin: 0; font-size: 12px; color: var(--txt-dim); }
.pc-agree{ margin: 12px 0 0; padding: 9px 12px; font-size: 12px; border: 1px solid var(--line-strong); border-radius: var(--r); }
.pc-agree.ok{ color: var(--green-soft); border-color: var(--green-bd); background: var(--green-bg); }
.pc-agree.no{ color: var(--red-soft); border-color: var(--red-bd); background: var(--red-bg); }
.pc-agree.neu{ color: var(--txt-dim); }
.pc-note{ margin: 12px 0 0; font-size: 10.5px; line-height: 1.6; color: var(--txt-mute); }
.pc-empty{ font-size: 12px; color: var(--txt-dim); }
@media (max-width: 720px){ .pc-cols{ grid-template-columns: 1fr; } .pc-big{ font-size: 26px; } }