:root{
  --bg:#0e131a;--panel:#141b24;--panel2:#1a2330;--line:#223041;--text:#e6edf3;--muted:#8b98a8;--faint:#5c6b7d;
  --up:#16c784;--down:#ea3943;--gold:#e3b341;--focus:#5ea1ff;
  --up-soft:rgba(22,199,132,.12);--down-soft:rgba(234,57,67,.12);
  --sans:"IBM Plex Sans",system-ui,-apple-system,sans-serif;
}
*{box-sizing:border-box}
html,body{margin:0;background:var(--bg);color:var(--text);font:15px/1.5 var(--sans);-webkit-font-smoothing:antialiased}
body{font-variant-numeric:tabular-nums}
a{color:var(--text)}
:focus-visible{outline:2px solid var(--focus);outline-offset:2px}
.up,.buy{color:var(--up)}.down,.sell{color:var(--down)}.flat,.wait{color:var(--muted)}
.muted{color:var(--muted)}.small{font-size:13px}.num{text-align:right;white-space:nowrap}.mono{font-variant-numeric:tabular-nums}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}

/* ---------- üst bar ---------- */
.bar-top{position:sticky;top:0;z-index:10;background:rgba(14,19,26,.92);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
.bar-top .in{max-width:1320px;margin:0 auto;display:flex;align-items:center;gap:20px;padding:10px 16px}
.logo{display:flex;align-items:center;gap:10px;font-weight:700;font-size:17px;text-decoration:none}
.logo svg{display:block}
.quote{display:flex;align-items:baseline;gap:10px;margin-left:8px}
.quote .sym{color:var(--gold);font-weight:600}
.quote .px{font-size:20px;font-weight:600}
.quote .chg{font-size:13px;font-weight:600}
.nav{margin-left:auto;display:flex;gap:4px}
.nav a{color:var(--muted);text-decoration:none;font-size:14px;padding:6px 10px;border-radius:6px}
.nav a:hover{color:var(--text);background:var(--panel2)}
.live{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--muted)}
.dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--faint)}
.dot.on{background:var(--up);box-shadow:0 0 0 3px var(--up-soft)}
@media(max-width:760px){.nav{display:none}.quote .chg{display:none}.bar-top .in{gap:10px}.live span{display:none}}

/* ---------- terminal ızgarası ---------- */
.term{max-width:1320px;margin:0 auto;border-left:1px solid var(--line);border-right:1px solid var(--line)}
.row{display:grid;grid-template-columns:1fr;border-bottom:1px solid var(--line)}
@media(min-width:980px){.row.split{grid-template-columns:minmax(0,1fr) 380px}.row.split>*+*{border-left:1px solid var(--line)}}
@media(max-width:979px){.row.split>*+*{border-top:1px solid var(--line)}}
.pane{padding:18px 20px;min-width:0}
.pane h2{margin:0 0 4px;font-size:16px;font-weight:600}
.pane .sub{margin:0 0 14px;color:var(--muted);font-size:13px}
.pane-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-wrap:wrap;margin-bottom:12px}
.pane-head h2{margin:0}

/* ---------- grafik ---------- */
.chart-pane{display:flex;flex-direction:column}
.chart-wrap{position:relative;height:440px;flex:1 1 auto;min-height:440px}
@media(max-width:760px){.chart-wrap{height:320px}}
#chart{position:absolute;inset:0}
.tfs{display:flex;gap:2px;background:var(--panel2);border-radius:8px;padding:3px}
.tfs button{background:none;border:0;color:var(--muted);font:inherit;font-size:13px;padding:5px 10px;border-radius:6px;cursor:pointer}
.tfs button[aria-pressed=true]{background:var(--line);color:var(--text)}
.legend{display:flex;gap:14px;flex-wrap:wrap;font-size:12px;color:var(--muted);margin-top:10px}
.legend i{display:inline-block;width:14px;height:2px;vertical-align:middle;margin-right:6px}

/* ---------- analiz paneli ---------- */
.verdict{display:flex;align-items:center;gap:14px;margin-bottom:14px}
.verdict .side{font-size:34px;font-weight:700;letter-spacing:-.01em;line-height:1}
.verdict .meta{font-size:13px;color:var(--muted)}
.meter{position:relative;height:6px;background:var(--panel2);border-radius:3px;margin:6px 0 16px}
.meter i{position:absolute;top:0;bottom:0;border-radius:3px}
.meter .mid{position:absolute;left:50%;top:-3px;bottom:-3px;width:1px;background:var(--faint)}
.votes{list-style:none;margin:0;padding:0}
.votes li{display:grid;grid-template-columns:18px 1fr auto;gap:8px;align-items:start;padding:9px 0;border-top:1px solid var(--line);font-size:14px}
.votes li .why{grid-column:2/4;color:var(--muted);font-size:12.5px;margin-top:-4px}
.pip{width:10px;height:10px;border-radius:2px;margin-top:5px;background:var(--faint)}
.pip.up{background:var(--up)}.pip.down{background:var(--down)}

/* ---------- performans ---------- */
.tabs{display:flex;gap:2px;background:var(--panel2);border-radius:8px;padding:3px;overflow-x:auto}
.tabs button{background:none;border:0;color:var(--muted);font:inherit;font-size:13px;padding:6px 12px;border-radius:6px;cursor:pointer;white-space:nowrap}
.tabs button[aria-selected=true]{background:var(--line);color:var(--text)}
.perf{display:grid;grid-template-columns:repeat(2,1fr);gap:0;border:1px solid var(--line);border-radius:10px;overflow:hidden}
@media(min-width:760px){.perf{grid-template-columns:repeat(5,1fr)}}
.perf div{padding:14px 16px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);margin:-0 -1px -1px 0}
.perf b{display:block;font-size:22px;font-weight:600;line-height:1.2}
.perf span{font-size:12.5px;color:var(--muted)}
.days{display:flex;justify-content:center;align-items:flex-end;gap:4px;height:120px;margin-top:18px;padding-bottom:20px;position:relative}
.days .zero{position:absolute;left:0;right:0;border-top:1px dashed var(--line)}
.days .d{flex:1;position:relative;height:100%;min-width:6px;max-width:56px}
.days .d i{position:absolute;left:15%;right:15%;border-radius:2px}
.days .d span{position:absolute;bottom:-20px;left:50%;transform:translateX(-50%);font-size:10.5px;color:var(--faint);white-space:nowrap}
.split-who{display:flex;gap:24px;flex-wrap:wrap;margin-top:12px;font-size:13.5px;color:var(--muted)}
.split-who b{color:var(--text);font-weight:600}

/* ---------- tablolar & sinyaller ---------- */
table{width:100%;border-collapse:collapse;font-size:14px}
th,td{padding:10px 8px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
th{color:var(--muted);font-weight:500;font-size:12.5px}
tr:last-child td{border-bottom:0}
.tag{display:inline-block;font-size:12px;font-weight:600;padding:2px 8px;border-radius:4px}
.tag.up{background:var(--up-soft)}.tag.down{background:var(--down-soft)}
.tag.open{background:rgba(227,179,65,.12);color:var(--gold)}.tag.flat{background:var(--panel2)}
.feed .item{padding:14px 0;border-top:1px solid var(--line)}
.feed .item:first-child{border-top:0;padding-top:0}
.feed .top{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}
.feed .lv{display:flex;gap:18px;flex-wrap:wrap;margin:8px 0;font-size:14px}
.feed .lv span{color:var(--muted);margin-right:6px}
.feed .because{font-size:13.5px;color:var(--muted);border-left:2px solid var(--line);padding-left:10px}
details summary{cursor:pointer;color:var(--muted);font-size:13px;margin-top:8px}
details summary:hover{color:var(--text)}
details .votes{margin-top:6px}
.empty{color:var(--muted);font-size:14px;padding:12px 0}
.wr-bar{display:inline-block;width:60px;height:4px;background:var(--panel2);border-radius:2px;vertical-align:middle;margin-left:8px;position:relative;overflow:hidden}
.wr-bar i{position:absolute;left:0;top:0;bottom:0;background:var(--up)}
footer.foot{max-width:1320px;margin:0 auto;padding:22px 16px 48px;color:var(--faint);font-size:12.5px;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}

/* ---------- admin & form (ortak) ---------- */
.wrap{max-width:1180px;margin:0 auto;padding:0 16px 64px}
header.top{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 0;border-bottom:1px solid var(--line);margin-bottom:18px}
.brand{display:flex;align-items:center;gap:10px;font-weight:700;font-size:18px}
.mark{width:28px;height:28px;border-radius:6px;background:var(--up);color:#06281b;display:grid;place-items:center;font-weight:800}
.grid{display:grid;gap:16px;grid-template-columns:1fr;align-items:start}
@media(min-width:900px){.grid.two{grid-template-columns:1fr 1fr}}
.card{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:18px}
.card h2{margin:0 0 12px;font-size:15px;font-weight:600}
label{display:block;font-size:13px;color:var(--muted);margin:10px 0 4px}
input,select,textarea{width:100%;background:var(--bg);color:var(--text);border:1px solid var(--line);border-radius:8px;padding:9px 10px;font:inherit}
button,.btn{background:var(--up);color:#04140d;border:0;border-radius:8px;padding:9px 14px;font:inherit;font-weight:600;cursor:pointer}
button:hover{filter:brightness(1.08)}
button.ghost{background:transparent;color:var(--text);border:1px solid var(--line)}
button.danger{background:var(--down);color:#fff}
.row2{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.toggle{display:flex;justify-content:space-between;align-items:center;padding:9px 0;border-bottom:1px solid var(--line)}
.toggle input{width:auto;transform:scale(1.25);accent-color:var(--up)}
.msg{margin-top:10px;font-size:13px;color:var(--gold);min-height:18px}
.btns{display:flex;gap:8px;flex-wrap:wrap}

/* ---------- uygulama paneli ---------- */
.appbar{position:sticky;top:0;z-index:10;background:rgba(14,19,26,.94);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
.appbar .in{max-width:1240px;margin:0 auto;display:flex;align-items:center;gap:16px;padding:10px 16px}
.appbar .who{margin-left:auto;display:flex;align-items:center;gap:12px;font-size:14px;color:var(--muted)}
.tabbar{max-width:1240px;margin:0 auto;display:flex;gap:2px;padding:0 16px;overflow-x:auto;border-bottom:1px solid var(--line)}
.tabbar button{background:none;border:0;border-bottom:2px solid transparent;border-radius:0;color:var(--muted);padding:12px 14px;font-weight:500;white-space:nowrap}
.tabbar button[aria-selected=true]{color:var(--text);border-bottom-color:var(--up)}
.tabbar button:hover{filter:none;color:var(--text)}
.tabbar .sep{width:1px;background:var(--line);margin:10px 6px}
.page{max-width:1240px;margin:0 auto;padding:20px 16px 64px}
.page h3{font-size:15px;font-weight:600;margin:0 0 10px}
.sum{display:grid;grid-template-columns:repeat(2,1fr);border:1px solid var(--line);border-radius:10px;overflow:hidden;margin-bottom:18px}
@media(min-width:760px){.sum{grid-template-columns:repeat(4,1fr)}}
.sum div{padding:14px 16px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);margin:0 -1px -1px 0}
.sum b{display:block;font-size:22px;font-weight:600}
.sum span{font-size:12.5px;color:var(--muted)}
.acct{border:1px solid var(--line);border-radius:12px;background:var(--panel);margin-bottom:16px}
.acct-head{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;padding:14px 18px;border-bottom:1px solid var(--line)}
.acct-head h3{margin:0}
.acct-body{padding:14px 18px}
.pill{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;padding:3px 9px;border-radius:99px;background:var(--panel2);color:var(--muted)}
.pill.on{background:var(--up-soft);color:var(--up)}.pill.off{background:var(--down-soft);color:var(--down)}.pill.warn{background:rgba(227,179,65,.12);color:var(--gold)}
.kv{display:flex;gap:26px;flex-wrap:wrap;margin-bottom:12px}
.kv div span{display:block;font-size:12px;color:var(--muted)}
.kv div b{font-size:18px;font-weight:600}
.subtabs{display:flex;gap:6px;flex-wrap:wrap;margin:12px 0}
.subtabs button{padding:6px 12px;font-size:13px}
.formgrid{display:grid;grid-template-columns:1fr;gap:0 14px}
@media(min-width:760px){.formgrid{grid-template-columns:repeat(3,1fr)}}
.note{font-size:13px;color:var(--muted);background:var(--panel2);border-left:3px solid var(--gold);padding:10px 12px;border-radius:6px;margin:10px 0}
.hidden{display:none!important}
.tbl-wrap{overflow-x:auto}
td .btn-sm,button.sm{padding:4px 10px;font-size:12.5px}
.toast{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:var(--panel2);border:1px solid var(--line);padding:10px 16px;border-radius:8px;font-size:14px;z-index:50;max-width:90vw}
.toast.err{border-color:var(--down);color:var(--down)}
@media(max-width:760px){
  .appbar .who span{display:none}
  .appbar .quote{margin-left:0;gap:6px}
  .appbar .in{gap:10px}
  .hm{display:none}
  .kv{gap:16px}
}
html,body{overflow-x:hidden}

/* paylaş */
.share-grid{display:grid;grid-template-columns:1fr;gap:16px}
@media(min-width:980px){.share-grid{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr)}.share-grid>section:last-child{align-self:start;position:sticky;top:120px}}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:6px}
.chip{display:flex;align-items:center;gap:8px;margin:0;padding:8px 12px;border:1px solid var(--line);border-radius:10px;background:var(--bg);cursor:pointer;font-size:14px;color:var(--text)}
.chip input{width:auto;accent-color:var(--up)}
.chip small{color:var(--faint);font-size:11.5px}
.chip:has(input:checked){border-color:var(--up);background:var(--up-soft)}
.seg{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.seg button{background:var(--bg);border:1px solid var(--line);font-weight:700}
.seg button.buy{color:var(--up)}.seg button.sell{color:var(--down)}
.seg button.buy[aria-pressed=true]{background:var(--up);color:#04140d;border-color:var(--up)}
.seg button.sell[aria-pressed=true]{background:var(--down);color:#fff;border-color:var(--down)}
.tgprev{background:#182533;border-radius:12px 12px 12px 4px;padding:12px 14px;font-size:14.5px;line-height:1.55;white-space:normal;word-break:break-word;max-width:460px}
.tgprev i{color:var(--muted)}
.post{border-top:1px solid var(--line);padding:12px 0}
.post-head{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:6px}
.post details{margin:4px 0 8px}.post details .tgprev{margin-top:8px}
.post-ev{margin:4px 0 8px;padding-left:18px}
.seg button.kd{color:var(--text)}
.seg button.kd[aria-pressed=true]{background:var(--up-soft);border-color:var(--up);color:var(--text)}
.cal-det{padding:4px 2px 8px;line-height:1.7;white-space:normal;position:sticky;left:0;max-width:min(680px,calc(100vw - 76px))}
.row2>div{min-width:0}
input[type=date]{min-width:0;max-width:100%}
.tfs.syms{flex-wrap:wrap}
.tfs.syms button{font-weight:600}

/* canlı fiyat kutusu */
.symsel{background:var(--panel2);color:var(--gold);font-weight:600;border:1px solid var(--line);border-radius:6px;padding:3px 6px;font-size:13px;width:auto}
.pxbox{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);background:var(--panel2);border-radius:6px;padding:3px 10px;font-weight:600;font-size:15px;font-variant-numeric:tabular-nums;color:var(--text);transition:background .25s,border-color .25s,color .25s}
.pxbox.up{color:var(--up);border-color:var(--up);background:var(--up-soft)}
.pxbox.down{color:var(--down);border-color:var(--down);background:var(--down-soft)}
.livepx{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:6px}
.livepx .pxbox{flex-direction:column;align-items:flex-start;gap:0;padding:6px 14px;min-width:110px;cursor:pointer}
.livepx .pxbox small{font-size:11px;font-weight:500;opacity:.8}
.livepx .pxbox b{font-size:18px}

/* SL/TP penceresi */
.modal{position:fixed;inset:0;background:rgba(0,0,0,.6);display:flex;align-items:flex-end;justify-content:center;z-index:50;padding:16px}
.modal.hidden{display:none}
.modal-box{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:16px;width:100%;max-width:440px;max-height:90vh;overflow:auto}
@media (min-width:700px){.modal{align-items:center}}
.modal-head{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:4px}
.modal-head b{font-size:14px}
.chips{display:flex;gap:6px;flex-wrap:wrap}
.modal input{font-size:18px}
#ed-save:disabled{opacity:.45;cursor:not-allowed}

.appbar .pxbox{white-space:nowrap;font-size:14px;padding:3px 8px}