/* =========================================================
   dolarnekadar.net — pano estetigi, mobile-first
   ========================================================= */

:root{
  /* ---- DARK (varsayilan) ---- */
  --bg:#0A0E1A;
  --bg-elev:#0E1526;
  --card:#121A2B;
  --card-2:#0F1728;
  --line:#1F2942;
  --ink:#E7ECF5;
  --ink-soft:#8A97B0;
  --brand:#16C784;      /* yesil vurgu (aksiyon) */
  --brand-2:#12A56C;
  --gold:#F0B90B;
  --up:#16C784;
  --down:#EA3943;
  --same:#8A97B0;
  --hover:#182034;
  --active:#12271F;     /* aktif nav zemini */
  --chip:#1A2338;       /* pill / etiket zemini */
  --header:#0B111F;
  --field:#0E1626;      /* input zemini */
  --max:1440px;
  --radius:16px;
  --radius-sm:11px;
  --shadow:0 1px 2px rgba(0,0,0,.35), 0 12px 34px rgba(0,0,0,.28);
  --mono:"IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
  --disp:"Space Grotesk", system-ui, sans-serif;
  --body:"Inter", system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
}
[data-theme="light"]{
  --bg:#F1F4F8;
  --bg-elev:#FFFFFF;
  --card:#FFFFFF;
  --card-2:var(--card-2);
  --line:#E4E9F1;
  --ink:#0F1A2B;
  --ink-soft:#5A6572;
  --brand:#0B3D5C;
  --brand-2:#0E4E75;
  --gold:#B0842B;
  --up:#0E9D57;
  --down:#DE3B3B;
  --same:#8A93A2;
  --hover:#F7FAFD;
  --active:#EAF2F8;
  --chip:#EEF2F7;
  --header:#FFFFFF;
  --field:#FFFFFF;
  --shadow:0 1px 2px rgba(16,26,43,.06), 0 8px 24px rgba(16,26,43,.05);
}

*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
html,body{overflow-x:hidden;max-width:100%}
img,svg{max-width:100%}
body{
  margin:0; background:var(--bg); color:var(--ink);
  font-family:var(--body); font-size:16px; line-height:1.5;
  -webkit-font-smoothing:antialiased;
}
a{color:inherit; text-decoration:none}
h1,h2,h3,h4{font-family:var(--disp); line-height:1.15; margin:0}
.wrap{width:100%; max-width:var(--max); margin:0 auto; padding:0 16px}
.dir-up{--dir:var(--up)} .dir-down{--dir:var(--down)} .dir-same{--dir:var(--same)}

/* ---------- Header ---------- */
.site-head{position:sticky; top:0; z-index:50; background:var(--header);
  border-bottom:1px solid var(--line)}
.head-row{display:flex; align-items:center; gap:12px; height:60px}
.brand{display:flex; align-items:center; gap:10px; font-family:var(--disp);
  font-weight:700; font-size:20px; letter-spacing:-.02em}
.brand-mark{display:grid; place-items:center; width:34px; height:34px; border-radius:9px;
  background:var(--brand); color:#fff; font-size:19px; font-weight:700}
.brand-name b{color:var(--brand); font-weight:700}
.nav{margin-left:auto; display:flex; gap:4px}
.nav a{padding:9px 13px; border-radius:9px; color:var(--ink-soft); font-weight:500; font-size:15px}
.nav a:hover{background:var(--hover); color:var(--ink)}
.nav a.on{color:var(--brand); background:var(--active)}
.nav-toggle{display:none; width:42px; height:42px; border:1px solid var(--line);
  background:var(--card); border-radius:10px; cursor:pointer; padding:11px}
.nav-toggle span{display:block; height:2px; background:var(--ink); border-radius:2px; margin:3px 0}

/* Header araclari: arama + tema butonu */
.head-tools{display:flex; align-items:center; gap:8px; margin-left:14px}
.icon-btn{width:40px; height:40px; display:grid; place-items:center; border-radius:10px;
  border:1px solid var(--line); background:var(--card); color:var(--ink-soft); cursor:pointer}
.icon-btn:hover{color:var(--ink); border-color:var(--brand)}
.icon-btn svg{width:19px; height:19px}

/* ---------- Ticker (imza) ---------- */
.ticker{background:linear-gradient(90deg, color-mix(in srgb, var(--brand) 14%, var(--bg-elev)), var(--bg-elev));
  overflow:hidden; border-top:2px solid var(--brand); border-bottom:1px solid var(--line)}
.ticker-track{display:inline-flex; gap:30px; padding:11px 0; white-space:nowrap;
  animation:ticker 46s linear infinite; will-change:transform}
.tick{font-family:var(--mono); font-size:14px; color:var(--ink-soft); display:inline-flex; gap:8px; align-items:baseline}
.tick b{color:var(--ink); font-weight:700} .tick i{font-style:normal; font-variant-numeric:tabular-nums; color:var(--ink); font-weight:600}
.tick em{font-style:normal; font-weight:700}
.tick-up em{color:var(--up)} .tick-down em{color:var(--down)} .tick-same em{color:var(--same)}
@keyframes ticker{from{transform:translateX(0)} to{transform:translateX(-50%)}}

/* ---------- Genel bloklar ---------- */
main.wrap{padding-top:20px; padding-bottom:40px}
.card{background:var(--card); border:1px solid var(--line); border-radius:var(--radius);
  box-shadow:var(--shadow); padding:18px}
.block{margin:26px 0}
.block-head{display:flex; align-items:baseline; justify-content:space-between; margin-bottom:12px}
.block-head h2{font-size:19px}
.more,.crumbs a{color:var(--brand); font-weight:600; font-size:14px}
.crumbs{color:var(--ink-soft); font-size:13.5px; margin:4px 0 16px}
.crumbs span{margin:0 6px; opacity:.5}
.page-head{margin:6px 0 18px}
.page-head h1{font-size:26px; letter-spacing:-.02em}
.lede{color:var(--ink-soft); margin:6px 0 0}
.muted{color:var(--ink-soft); font-size:14px}
.empty{color:var(--ink-soft); padding:18px; text-align:center;
  background:var(--card); border:1px dashed var(--line); border-radius:var(--radius)}

/* ---------- Hero ---------- */
.hero{display:grid; gap:14px; margin:8px 0 4px}
.hero-main{background:var(--card); border:1px solid var(--line); border-radius:var(--radius);
  box-shadow:var(--shadow); padding:22px; position:relative; overflow:hidden}
.hero-main::before{content:""; position:absolute; inset:0 auto 0 0; width:5px; background:var(--dir,var(--brand))}
.eyebrow{margin:0 0 6px; color:var(--ink-soft); font-weight:600; font-size:14px;
  text-transform:uppercase; letter-spacing:.06em}
.hero-price .big{font-family:var(--mono); font-weight:600; font-size:clamp(42px,12vw,68px);
  line-height:1; letter-spacing:-.03em; font-variant-numeric:tabular-nums; color:var(--ink)}
.hero-price .cur{color:var(--ink-soft); font-size:.5em; vertical-align:super; margin-right:4px}
.hero-meta{display:flex; align-items:center; gap:14px; margin-top:12px; flex-wrap:wrap}
.hero-meta b{font-family:var(--mono); font-variant-numeric:tabular-nums}
.hero-link{display:inline-block; margin-top:14px; color:var(--brand); font-weight:600}

.hero-tiles{display:grid; grid-template-columns:1fr; gap:10px}
.tile{background:var(--card); border:1px solid var(--line); border-radius:var(--radius-sm);
  padding:13px 14px; display:flex; flex-direction:row; align-items:center; justify-content:space-between;
  gap:10px; box-shadow:var(--shadow); border-left:3px solid var(--dir,var(--brand))}
.tile.is-gold{border-left-color:var(--gold)}
.tile-name{font-size:14px; color:var(--ink-soft); font-weight:600}
.tile-price{font-family:var(--mono); font-size:19px; font-weight:600; font-variant-numeric:tabular-nums;
  margin-left:auto; margin-right:10px}

/* ---------- Pill (degisim) ---------- */
.pill{display:inline-flex; align-items:center; gap:3px; font-family:var(--mono);
  font-size:13px; font-weight:600; padding:3px 8px; border-radius:999px;
  background:var(--chip); color:var(--dir,var(--ink-soft)); white-space:nowrap}
.big-pill{font-size:15px; padding:5px 12px}
.dir-up .pill::before{content:"▲"; font-size:9px}
.dir-down .pill::before{content:"▼"; font-size:9px}

/* ---------- Pano (board) ---------- */
.board{background:var(--card); border:1px solid var(--line); border-radius:var(--radius);
  box-shadow:var(--shadow); overflow:hidden}
.board-head{display:none}
.row{display:grid; grid-template-columns:5px 1fr auto; gap:2px 12px;
  grid-template-areas:"lead name sell" "lead buy chg";
  align-items:center; padding:12px 14px; border-top:1px solid var(--line);
  transition:background .12s}
.row:first-child{border-top:0}
.row:hover{background:var(--hover)}
.lead{grid-area:lead; align-self:stretch; width:5px; border-radius:3px; background:var(--dir,var(--same))}
.col{min-width:0}
.col label{display:block; font-size:11px; color:var(--ink-soft); font-weight:500}
.col.name{grid-area:name}
.col.name b{font-weight:600; font-size:15px; display:block; overflow:hidden; text-overflow:ellipsis}
.col.name small{color:var(--ink-soft); font-size:12px; font-family:var(--mono)}
.is-gold .col.name small{color:var(--gold)}
.col.buy{grid-area:buy}
.col.sell{grid-area:sell; text-align:right}
.col.chg{grid-area:chg; text-align:right}
.col.buy i,.col.sell i{font-family:var(--mono); font-variant-numeric:tabular-nums; font-style:normal}
.col.sell i{font-size:16px; font-weight:600}
.col.buy i{color:var(--ink-soft); font-size:14px}

/* ---------- Cevirici ---------- */
.mini-conv{padding:12px}
.conv-form{display:flex; gap:8px; align-items:center; flex-wrap:wrap}
.conv-form input,.conv-form select{font-family:var(--body); font-size:15px; padding:11px 12px;
  border:1px solid var(--line); border-radius:10px; background:var(--card); color:var(--ink); min-width:0}
.conv-form input{flex:1 1 90px; font-family:var(--mono)}
.conv-form select{flex:1 1 120px}
.conv-form button{background:var(--brand); color:#fff; border:0; padding:11px 18px;
  border-radius:10px; font-weight:600; cursor:pointer; font-family:var(--body); font-size:15px}
.conv-form button:hover{background:var(--brand-2)}
.conv-arrow{color:var(--ink-soft)}

.conv-card{padding:20px}
.conv-form.big{gap:10px}
.conv-field{display:flex; flex-direction:column; gap:5px; flex:1 1 120px}
.conv-field label{font-size:12px; color:var(--ink-soft); font-weight:600}
.swap{background:var(--bg); border:1px solid var(--line); border-radius:10px; width:44px; height:44px;
  align-self:flex-end; cursor:pointer; font-size:18px; color:var(--brand)}
.conv-result{margin-top:18px; padding-top:16px; border-top:1px solid var(--line);
  display:flex; align-items:baseline; gap:10px; flex-wrap:wrap}
.conv-in{color:var(--ink-soft)}
.conv-eq{color:var(--ink-soft)}
.conv-out{font-family:var(--mono); font-size:30px; font-weight:600; font-variant-numeric:tabular-nums; color:var(--brand)}
.conv-unit{color:var(--ink-soft)}

/* ---------- Varlik detay ---------- */
.asset-hero{background:var(--card); border:1px solid var(--line); border-radius:var(--radius);
  box-shadow:var(--shadow); padding:22px; position:relative; overflow:hidden; margin-bottom:8px}
.asset-hero::before{content:""; position:absolute; inset:0 auto 0 0; width:5px; background:var(--dir,var(--brand))}
.asset-hero.is-gold::before{background:var(--gold)}
.asset-hero-top{display:flex; align-items:center; justify-content:space-between; gap:12px}
.asset-hero-top h1{font-size:22px}
.asset-hero-top h1 small{color:var(--ink-soft); font-family:var(--mono); font-size:15px}
.asset-price{font-family:var(--mono); font-weight:600; font-size:clamp(38px,11vw,60px);
  line-height:1.05; margin:10px 0 6px; font-variant-numeric:tabular-nums}
.asset-price .cur{color:var(--ink-soft); font-size:.5em; vertical-align:super; margin-right:4px}
.asset-sub{display:flex; gap:18px; color:var(--ink-soft)}
.asset-sub b{font-family:var(--mono); color:var(--ink); font-variant-numeric:tabular-nums}
.asset-chart{margin-top:16px; height:120px}
.spark{width:100%; height:120px; display:block}
.chart-cap{margin:4px 0 0; font-size:12px; color:var(--ink-soft)}

/* ---------- Hizli tablo (kac TL) ---------- */
.qtable{display:grid; grid-template-columns:repeat(auto-fill,minmax(150px,1fr)); gap:8px}
.qrow{display:flex; align-items:center; justify-content:space-between; gap:10px;
  background:var(--card); border:1px solid var(--line); border-radius:10px; padding:12px 14px}
.qrow:hover{border-color:var(--brand); color:var(--brand)}
.qrow.on{border-color:var(--brand); background:var(--active)}
.qrow b{font-family:var(--mono); font-variant-numeric:tabular-nums}

/* ---------- Cevap sayfasi ---------- */
.answer{background:var(--card); border:1px solid var(--line); border-radius:var(--radius);
  box-shadow:var(--shadow); padding:24px; margin-bottom:8px}
.answer h1{font-size:24px}
.answer-big{font-family:var(--mono); font-weight:600; font-size:clamp(40px,12vw,64px);
  color:var(--brand); line-height:1.05; margin:12px 0; font-variant-numeric:tabular-nums}
.answer-big .cur{font-size:.55em; color:var(--ink-soft); vertical-align:super; margin-right:4px}
.answer-line b{font-family:var(--mono)}

/* ---------- Butonlar / CTA ---------- */
.btn{display:inline-flex; align-items:center; gap:8px; background:var(--brand); color:#fff;
  padding:12px 18px; border-radius:11px; font-weight:600}
.btn:hover{background:var(--brand-2); color:#fff}
.btn.ghost{background:transparent; color:var(--brand); border:1px solid var(--line)}
.btn.ghost:hover{border-color:var(--brand); background:var(--active)}
.cta-conv{display:flex; gap:10px; flex-wrap:wrap}

.cat-tabs{display:flex; gap:8px; margin-top:16px}
.cat-tabs a{padding:9px 16px; border:1px solid var(--line); border-radius:999px;
  color:var(--ink-soft); font-weight:600; font-size:14px; background:var(--card)}
.cat-tabs a.on{color:var(--brand); border-color:var(--brand); background:var(--active)}

.seo-note{margin-top:26px}
.seo-note h2{font-size:18px; margin-bottom:8px}
.seo-note p{color:var(--ink-soft); margin:0}
.seo-note a{color:var(--brand); font-weight:500}

/* ---------- 404 ---------- */
.notfound{text-align:center; padding:50px 16px}
.nf-code{font-family:var(--mono); font-size:64px; font-weight:600; color:var(--brand)}
.nf-links{display:flex; gap:10px; justify-content:center; flex-wrap:wrap; margin-top:18px}

/* ---------- Footer ---------- */
.site-foot{background:var(--card); border-top:1px solid var(--line); margin-top:30px; padding:30px 0 40px}
.foot-cols{display:grid; grid-template-columns:repeat(auto-fit,minmax(150px,1fr)); gap:20px}
.foot-cols h4{font-size:13px; text-transform:uppercase; letter-spacing:.05em; color:var(--ink-soft); margin-bottom:10px}
.foot-cols a{display:block; padding:5px 0; color:var(--ink); font-size:14.5px}
.foot-cols a:hover{color:var(--brand)}
.disclaimer{margin:24px 0 6px; color:var(--ink-soft); font-size:13px; line-height:1.6;
  border-top:1px solid var(--line); padding-top:18px}
.copyright{color:var(--ink-soft); font-size:13px; margin:0}

.hide-js{display:none}

/* ---------- Kurulum durumu ---------- */
.setup{margin-top:8px}
.setup h1{font-size:22px; margin-bottom:8px}
.setup ol{margin:12px 0; padding-left:20px; color:var(--ink); line-height:1.8}
.setup ol a{color:var(--brand); font-weight:600}
.setup .btn{margin-top:8px}

/* ---------- Masaustu ---------- */
@media (min-width:720px){
  .hero{grid-template-columns:1.4fr 1fr; align-items:stretch}
  .hero-tiles{grid-template-columns:1fr; gap:10px}
  .tile{flex-direction:row; align-items:center; justify-content:space-between; border-top:0;
    border-left:3px solid var(--dir,var(--brand))}
  .tile.is-gold{border-left-color:var(--gold)}

  .board-head{display:grid; grid-template-columns:5px minmax(0,2.2fr) 1fr 1fr 1.1fr; gap:12px;
    padding:11px 14px; background:var(--hover); border-bottom:1px solid var(--line)}
  .board-head .col{font-size:12px; color:var(--ink-soft); font-weight:600}
  .board-head .buy,.board-head .sell,.board-head .chg{text-align:right}
  .row{grid-template-columns:5px minmax(0,2.2fr) 1fr 1fr 1.1fr;
    grid-template-areas:none; padding:13px 14px}
  .row .col.name,.row .col.buy,.row .col.sell,.row .col.chg{grid-area:auto}
  .col label{display:none}
}

/* ---------- Mobil menu ---------- */
@media (max-width:719px){
  .nav-toggle{display:block}
  .nav{position:absolute; top:60px; left:0; right:0; flex-direction:column; gap:0;
    background:var(--card); border-bottom:1px solid var(--line); padding:6px 12px 12px;
    box-shadow:var(--shadow); display:none}
  .nav.open{display:flex}
  .nav a{padding:12px 10px; border-radius:8px}
}

/* ---------- Erisilebilirlik ---------- */
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{
  outline:2px solid var(--brand); outline-offset:2px}
@media (prefers-reduced-motion:reduce){
  .ticker-track{animation:none}
  *{transition:none !important}
}

/* =========================================================
   Borsa flası — değer değişince yeşil/kırmızı yanıp söner
   ========================================================= */
[data-field].flash-up,[data-field].flash-down{border-radius:4px}
@keyframes flUp{
  0%{background:rgba(14,157,87,.55)} 30%{background:rgba(14,157,87,.55)}
  100%{background:transparent}
}
@keyframes flDown{
  0%{background:rgba(222,59,59,.5)} 30%{background:rgba(222,59,59,.5)}
  100%{background:transparent}
}
.flash-up{animation:flUp 1.1s ease-out}
.flash-down{animation:flDown 1.1s ease-out}
@media (prefers-reduced-motion:reduce){.flash-up,.flash-down{animation:none}}

/* =========================================================
   Blog
   ========================================================= */
.post-grid{display:grid;grid-template-columns:1fr;gap:12px}
.post-card{display:flex;gap:14px;background:var(--card);border:1px solid var(--line);
  border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}
.post-cover{flex:0 0 108px;min-height:108px;background:var(--line) center/cover no-repeat;
  border-right:1px solid var(--line)}
.post-cover.ph{display:grid;place-items:center;color:#B7C2D0;font-size:34px;font-family:var(--disp)}
.post-body{display:flex;flex-direction:column;gap:5px;padding:13px 14px;min-width:0}
.post-date{font-size:12px;color:var(--ink-soft);font-weight:600}
.post-title{font-family:var(--disp);font-size:16px;line-height:1.25}
.post-excerpt{color:var(--ink-soft);font-size:14px;line-height:1.45;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.post-card:hover .post-title{color:var(--brand)}

.pager{display:flex;gap:6px;flex-wrap:wrap;margin-top:18px}
.pager a{min-width:38px;text-align:center;padding:8px 10px;border:1px solid var(--line);
  border-radius:9px;background:var(--card);color:var(--ink-soft);font-weight:600}
.pager a.on{background:var(--brand);color:#fff;border-color:var(--brand)}

.article{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);
  box-shadow:var(--shadow);padding:24px;max-width:760px;margin:0 auto}
.article-head h1{font-size:clamp(22px,5vw,30px);line-height:1.2}
.article-meta{color:var(--ink-soft);font-size:14px;margin-top:8px}
.article-cover{margin:16px 0}
.article-cover img{width:100%;height:auto;border-radius:10px;display:block}
.article-body{font-size:16.5px;line-height:1.75;color:var(--ink)}
.article-body p{margin:0 0 16px}
.article-body h2{font-size:22px;margin:26px 0 10px}
.article-body h3{font-size:18px;margin:22px 0 8px}
.article-body a{color:var(--brand);font-weight:600;text-decoration:underline}
.article-body ul,.article-body ol{margin:0 0 16px;padding-left:22px}
.article-body li{margin:6px 0}
.article-body img{max-width:100%;height:auto;border-radius:8px;margin:8px 0}
.article-body blockquote{margin:16px 0;padding:10px 16px;border-left:4px solid var(--brand);
  background:var(--bg);border-radius:0 8px 8px 0;color:var(--ink-soft)}

@media (min-width:640px){
  .post-grid{grid-template-columns:1fr 1fr}
}

/* =========================================================
   Admin
   ========================================================= */
body.adm{background:#EEF1F5}
.adm-top{background:var(--brand);position:sticky;top:0;z-index:20}
.adm-top-row{display:flex;align-items:center;height:56px;gap:12px}
.adm-top .brand{color:#fff}
.adm-top .brand-mark{background:rgba(255,255,255,.16)}
.adm-top .brand-name{color:#fff}
.adm-nav{margin-left:auto;display:flex;gap:6px}
.adm-nav a{color:#DCEAF3;padding:8px 12px;border-radius:8px;font-weight:600;font-size:14px}
.adm-nav a:hover{background:rgba(255,255,255,.12);color:#fff}
.adm-wrap{padding:22px 16px 60px}
.adm-card{background:var(--card);border:1px solid var(--line);border-radius:14px;
  box-shadow:var(--shadow);padding:20px;margin-bottom:16px}
.adm-card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}
.adm-card-head h1{font-size:20px}

.adm-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:16px}
.adm-stat{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:14px;text-align:center}
.adm-stat b{display:block;font-family:var(--mono);font-size:24px}
.adm-stat b.ok{color:var(--up)} .adm-stat b.fail{color:var(--down)}
.adm-stat span{font-size:12px;color:var(--ink-soft)}

.adm-table{width:100%;border-collapse:collapse}
.adm-table th{text-align:left;font-size:12px;color:var(--ink-soft);padding:8px 6px;border-bottom:1px solid var(--line)}
.adm-table td{padding:10px 6px;border-bottom:1px solid var(--line);vertical-align:top}
.adm-table td a{font-weight:600;color:var(--ink)}
.adm-table td a:hover{color:var(--brand)}
.adm-table td small{display:block;color:var(--ink-soft);font-family:var(--mono);font-size:11px;margin-top:2px}
.adm-actions{display:flex;gap:10px;align-items:center;justify-content:flex-end}
.adm-actions a{color:var(--brand);font-weight:600;font-size:14px}
.link-danger{background:none;border:0;color:var(--down);font-weight:600;cursor:pointer;font-size:14px;font-family:inherit;padding:0}
.tag{font-size:12px;font-weight:600;padding:3px 9px;border-radius:999px}
.tag-published{background:#E3F5EC;color:#0B7A45}
.tag-draft{background:#EEF1F5;color:var(--ink-soft)}

.adm-form label,.adm-login label{display:block;margin-bottom:14px;font-weight:600;font-size:14px;color:var(--ink)}
.adm-form input,.adm-form textarea,.adm-form select,
.adm-login input{width:100%;margin-top:6px;padding:11px 12px;border:1px solid var(--line);
  border-radius:10px;font-family:var(--body);font-size:15px;background:var(--card);color:var(--ink);font-weight:400}
.adm-form textarea{font-family:var(--mono);font-size:14px;line-height:1.6;resize:vertical}
.adm-inline{max-width:220px}
.adm-form-foot{display:flex;align-items:center;gap:16px;margin-top:6px}
.adm-form button,.adm-login button{background:var(--brand);color:#fff;border:0;padding:12px 22px;
  border-radius:10px;font-weight:600;cursor:pointer;font-size:15px}
.adm-form button:hover,.adm-login button:hover{background:var(--brand-2)}
.adm-form .preview{color:var(--brand);font-weight:600}
.adm-login{max-width:380px;margin:40px auto}
.adm-login h1{font-size:20px;margin-bottom:16px}
.adm-err{background:#FDECEC;color:#B42318;padding:10px 12px;border-radius:9px;font-size:14px;margin-bottom:14px}

/* =========================================================
   Public: yüklenen logo
   ========================================================= */
.brand-logo{height:34px;width:auto;display:block}

/* =========================================================
   Admin — responsive sidebar (v2)
   ========================================================= */
.adm-h1{font-family:var(--disp);font-size:22px;margin:0 0 16px}
.adm-h2{font-family:var(--disp);font-size:16px;margin:4px 0 12px;color:var(--ink)}

.adm-shell{display:block;min-height:100vh}
.adm-drawer-cb{position:absolute;opacity:0;pointer-events:none}
.adm-scrim{display:none}

.adm-sidebar{position:fixed;top:0;left:0;bottom:0;width:250px;background:var(--brand);
  color:#DCEAF3;z-index:60;transform:translateX(-110%);transition:transform .22s ease;
  display:flex;flex-direction:column;padding:16px 12px}
.adm-drawer-cb:checked ~ .adm-sidebar{transform:translateX(0)}
.adm-drawer-cb:checked ~ .adm-scrim{display:block;position:fixed;inset:0;background:rgba(6,20,32,.5);z-index:55}

.adm-brand{display:flex;align-items:center;gap:10px;padding:8px 10px 16px;color:#fff;
  font-family:var(--disp);font-weight:700;font-size:19px;border-bottom:1px solid rgba(255,255,255,.12);margin-bottom:10px}
.adm-brand .brand-mark{background:rgba(255,255,255,.16);color:#fff}
.adm-brand-name{color:#fff}
.adm-logo{height:32px;width:auto;background:#fff;border-radius:6px;padding:3px 6px}

.adm-menu{display:flex;flex-direction:column;gap:2px;flex:1}
.adm-menu a{display:flex;align-items:center;gap:11px;padding:11px 12px;border-radius:9px;
  color:#CBDDE9;font-weight:600;font-size:15px}
.adm-menu a .ic{width:20px;text-align:center;opacity:.9}
.adm-menu a:hover{background:rgba(255,255,255,.10);color:#fff}
.adm-menu a.on{background:#fff;color:var(--brand)}
.adm-side-foot{display:flex;flex-direction:column;gap:2px;border-top:1px solid rgba(255,255,255,.12);padding-top:10px}
.adm-side-foot a{padding:10px 12px;border-radius:9px;color:#CBDDE9;font-weight:600;font-size:14px}
.adm-side-foot a:hover{background:rgba(255,255,255,.10);color:#fff}
.adm-side-foot a.danger{color:#FFC7C7}

.adm-body{min-width:0}
.adm-topbar{display:flex;align-items:center;gap:12px;height:56px;padding:0 14px;
  background:var(--brand);position:sticky;top:0;z-index:40}
.adm-burger{width:42px;height:42px;display:grid;align-content:center;gap:4px;padding:11px;
  border-radius:9px;cursor:pointer;background:rgba(255,255,255,.12)}
.adm-burger span{display:block;height:2px;background:#fff;border-radius:2px}
.adm-top-brand{display:flex;align-items:center;gap:9px;color:#fff;font-family:var(--disp);font-weight:700;font-size:17px}
.adm-top-brand .brand-mark{width:28px;height:28px;font-size:16px;background:rgba(255,255,255,.16);color:#fff}
.adm-main{padding:20px 14px 60px}
.adm-inner{max-width:900px;margin:0 auto}

.adm-head-row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:14px}
.adm-head-row .adm-h1{margin:0}
.adm-head-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.adm-head-actions form{margin:0}

.adm-flash{padding:11px 14px;border-radius:10px;margin-bottom:16px;font-weight:600;font-size:14px}
.adm-flash.ok{background:#E3F5EC;color:#0B7A45}
.adm-flash.err{background:#FDECEC;color:#B42318}

.adm-quick{display:flex;flex-wrap:wrap;gap:10px}
.adm-quick form{margin:0}

.adm-scroll{overflow-x:auto}
.adm-table .r{text-align:right}
.adm-table td.mono,.adm-table td .mono{font-family:var(--mono);font-variant-numeric:tabular-nums}

.adm-grid2{display:grid;grid-template-columns:1fr;gap:0 14px}
.adm-grid3{display:grid;grid-template-columns:1fr;gap:0 14px}

.adm-logo-row{display:flex;gap:16px;align-items:center;flex-wrap:wrap;margin-bottom:8px}
.adm-logo-prev{width:96px;height:64px;border:1px solid var(--line);border-radius:10px;background:var(--card-2);
  display:grid;place-items:center;overflow:hidden}
.adm-logo-prev img{max-width:100%;max-height:100%}
.adm-logo-prev span{font-size:28px;color:#B7C2D0;font-family:var(--disp)}
.adm-logo-fields{flex:1;min-width:200px}
.adm-form label.file{font-weight:600}
.adm-form input[type=file]{width:100%;margin-top:6px;font-size:14px}
.adm-form label.chk{display:flex;align-items:center;gap:8px;font-weight:500;margin-top:10px}
.adm-form label.chk input{width:auto;margin:0}

/* Login ekrani */
.login-screen{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;
  gap:16px;padding:24px;background:radial-gradient(1200px 600px at 50% -10%, #10557d 0%, #0B3D5C 55%, #082C42 100%)}
.login-card{width:100%;max-width:380px;background:var(--card);border-radius:16px;
  box-shadow:0 20px 60px rgba(4,20,32,.35);padding:26px}
.login-brand{display:flex;align-items:center;gap:12px;margin-bottom:18px}
.login-brand img{height:40px;width:auto}
.login-mark{display:grid;place-items:center;width:44px;height:44px;border-radius:11px;
  background:var(--brand);color:#fff;font-size:24px;font-weight:700;font-family:var(--disp)}
.login-brand b{display:block;font-family:var(--disp);font-size:18px}
.login-brand small{color:var(--ink-soft)}
.login-card form label{display:block;font-weight:600;font-size:14px;margin-bottom:12px}
.login-card input{width:100%;margin-top:6px;padding:12px;border:1px solid var(--line);border-radius:10px;font-size:15px;font-family:var(--body)}
.login-card button{width:100%;margin-top:6px;background:var(--brand);color:#fff;border:0;padding:13px;
  border-radius:10px;font-weight:700;font-size:15px;cursor:pointer}
.login-card button:hover{background:var(--brand-2)}
.login-foot{color:#Bcd; color:rgba(255,255,255,.7);font-size:13px}

/* Masaustu: sidebar sabit, topbar gizli */
@media (min-width:900px){
  .adm-shell{display:flex}
  .adm-sidebar{position:sticky;top:0;height:100vh;transform:none;flex:0 0 250px}
  .adm-scrim,.adm-topbar{display:none}
  .adm-body{flex:1}
  .adm-main{padding:26px 26px 60px}
}
@media (min-width:640px){
  .adm-grid2{grid-template-columns:1fr 1fr}
  .adm-grid3{grid-template-columns:1fr 1fr 1fr}
}

/* =========================================================
   Reklam slotu / İletişim / Kurumsal
   ========================================================= */
.ad-slot{margin:22px 0;min-height:90px;display:block;overflow:hidden;
  border:1px dashed transparent;text-align:center}
.ad-slot ins{display:block}

.contact-wrap{display:grid;grid-template-columns:1fr;gap:14px}
.contact-info h2,.contact-form h2{font-size:18px;margin:0 0 12px}
.ci-row{display:flex;align-items:flex-start;gap:10px;margin:0 0 12px;color:var(--ink)}
.ci-ic{color:var(--brand);font-size:17px;line-height:1.4}
.contact-info a{color:var(--brand);font-weight:600}
.contact-form label{display:block;font-weight:600;font-size:14px;margin-bottom:12px}
.contact-form input,.contact-form textarea{width:100%;margin-top:6px;padding:11px 12px;
  border:1px solid var(--line);border-radius:10px;font-family:var(--body);font-size:15px;background:#fff}
.contact-form textarea{resize:vertical}
.contact-form button{background:var(--brand);color:#fff;border:0;padding:12px 22px;border-radius:10px;
  font-weight:600;font-size:15px;cursor:pointer}
.contact-form button:hover{background:var(--brand-2)}
.contact-form .hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;opacity:0}
.form-note{padding:11px 13px;border-radius:10px;font-size:14px;font-weight:600;margin-bottom:14px}
.form-note.ok{background:#E3F5EC;color:#0B7A45}
.form-note.err{background:#FDECEC;color:#B42318}

@media (min-width:720px){
  .contact-wrap{grid-template-columns:1fr 1.2fr}
}

/* =========================================================
   Mobil alt navbar
   ========================================================= */
.bottom-nav{position:fixed;left:0;right:0;bottom:0;z-index:70;display:flex;
  background:var(--card);border-top:1px solid var(--line);
  padding:6px 4px calc(6px + env(safe-area-inset-bottom,0px));
  box-shadow:0 -2px 12px rgba(16,26,43,.07)}
.bottom-nav a{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;
  color:var(--ink-soft);font-size:11px;font-weight:600;padding:4px 2px;border-radius:10px;
  min-width:0;text-align:center}
.bottom-nav svg{width:22px;height:22px;flex:0 0 auto}
.bottom-nav a.on{color:var(--brand)}
.bottom-nav a.on svg{stroke:var(--brand)}

/* Alt navbar mobilde ekrani kapatmasin diye icerik altina bosluk */
@media (max-width:719px){
  body{padding-bottom:66px}
  .site-foot{margin-bottom:0}
}
@media (min-width:720px){
  .bottom-nav{display:none}
}

/* Dar ekran ince ayar (taşmayı önle) */
@media (max-width:400px){
  .wrap{padding:0 12px}
  .row{padding:11px 12px}
  .col.sell i{font-size:15px}
  .tile-price{font-size:18px}
}

/* =========================================================
   DASHBOARD (referans tema) + input tema uyumu
   ========================================================= */
.conv-form input,.conv-form select,
.contact-form input,.contact-form textarea{background:var(--field)!important;color:var(--ink)!important;border-color:var(--line)!important}
select option{color:#111}

/* Varlik ikonu */
.a-ic{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;
  font-family:var(--disp);font-weight:700;font-size:14px;color:#fff;flex:0 0 auto;line-height:1}
.a-ic.doviz{background:#2775CA}.a-ic.altin{background:linear-gradient(135deg,#E6B325,#B0842B)}
.a-ic.kripto{background:#F7931A}.a-ic.emtia{background:#3A4358}.a-ic.diger{background:#4B5468}
.a-ic.usd{background:#26A17B}.a-ic.eur{background:#2775CA}.a-ic.gbp{background:#6C5CE7}
.a-ic.btc{background:#F7931A}.a-ic.eth{background:#627EEA}

/* Ust market seridi */
.market-strip{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:1px;
  background:var(--line);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;margin:16px 0}
.ms-card{background:var(--card);padding:14px 15px;display:flex;gap:11px;align-items:center;min-width:0}
.ms-body{min-width:0}
.ms-pair{font-size:12px;color:var(--ink-soft);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ms-price{font-family:var(--mono);font-size:19px;font-weight:600;font-variant-numeric:tabular-nums;line-height:1.2}
.ms-chg{font-family:var(--mono);font-size:12px;font-weight:600;color:var(--dir,var(--same))}
.dir-up .ms-chg::before{content:"▲ ";font-size:8px}.dir-down .ms-chg::before{content:"▼ ";font-size:8px}
@media (max-width:820px){
  .market-strip{display:flex;overflow-x:auto;gap:0;-webkit-overflow-scrolling:touch;scrollbar-width:none}
  .market-strip::-webkit-scrollbar{display:none}
  .ms-card{flex:0 0 auto;min-width:170px;border-right:1px solid var(--line)}
}

/* Dashboard izgarasi */
.dash{display:grid;grid-template-columns:1fr;gap:16px}
.dash-bottom{display:grid;grid-template-columns:1fr;gap:16px;margin:16px 0}
@media (min-width:980px){
  .dash{grid-template-columns:minmax(0,1fr) 380px}
  .dash-bottom{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr)}
}

/* Panel (kart) */
.panel{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:16px;min-width:0}
.panel-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}
.panel-head h2,.panel-head h3{font-size:15px;letter-spacing:.02em;text-transform:uppercase;color:var(--ink-soft)}
.panel-more{color:var(--brand);font-weight:600;font-size:13px}

/* Grafik karti */
.chart-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:18px;min-width:0}
.chart-top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;flex-wrap:wrap}
.chart-title{display:flex;align-items:center;gap:8px;font-family:var(--disp);font-weight:600;font-size:17px}
.chart-price{font-family:var(--mono);font-size:34px;font-weight:600;font-variant-numeric:tabular-nums;margin:8px 0 2px}
.chart-sub{display:flex;align-items:center;gap:10px;color:var(--dir,var(--same));font-family:var(--mono);font-size:14px;font-weight:600}
.tf-tabs{display:flex;gap:3px;margin:14px 0 6px;flex-wrap:wrap}
.tf-tabs button{padding:6px 11px;border-radius:8px;background:transparent;color:var(--ink-soft);
  border:0;font-weight:600;font-size:13px;cursor:pointer;font-family:var(--body)}
.tf-tabs button.on{background:var(--active);color:var(--brand)}
.chart-area{margin-top:10px;height:280px;position:relative}
.chart-area .spark{height:280px}
.chart-foot{margin-top:8px;color:var(--ink-soft);font-size:12px}

/* Hizli cevirici (yan panel) */
.qconv{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:18px}
.qconv h2{font-size:13px;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-soft);margin-bottom:14px}
.qc-field{display:flex;align-items:center;gap:10px;background:var(--field);border:1px solid var(--line);
  border-radius:12px;padding:12px 14px;margin-bottom:8px}
.qc-field input{flex:1;min-width:0;background:transparent;border:0;color:var(--ink);font-family:var(--mono);
  font-size:22px;font-weight:600;outline:none}
.qc-field select{background:transparent;border:0;color:var(--ink);font-weight:700;font-size:15px;cursor:pointer}
.qc-swap{display:grid;place-items:center;width:40px;height:40px;margin:2px auto;border-radius:50%;
  border:1px solid var(--line);background:var(--bg-elev);color:var(--brand);cursor:pointer;font-size:17px}
.qc-eq{display:flex;justify-content:space-between;align-items:center;color:var(--ink-soft);font-size:13px;margin:10px 2px 14px}
.qc-eq b{color:var(--dir,var(--same));font-family:var(--mono)}
.qconv .btn{width:100%;justify-content:center;font-weight:700}
.qc-links{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:14px}
.qc-link{display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 4px;border:1px solid var(--line);
  border-radius:12px;color:var(--ink-soft);font-size:12px;font-weight:600;text-align:center}
.qc-link:hover{border-color:var(--brand);color:var(--ink)}
.qc-link .a-ic{width:30px;height:30px}

/* Piyasalar / Populer satirlari */
.mk-tabs{display:flex;gap:14px;margin-bottom:6px;border-bottom:1px solid var(--line);flex-wrap:wrap}
.mk-tabs a{padding:8px 0;color:var(--ink-soft);font-weight:600;font-size:14px;border-bottom:2px solid transparent}
.mk-tabs a.on{color:var(--brand);border-bottom-color:var(--brand)}
.mk-row{display:flex;align-items:center;gap:11px;padding:11px 2px;border-top:1px solid var(--line)}
.mk-row:first-of-type{border-top:0}
.mk-row .a-ic{width:28px;height:28px;font-size:12px}
.mk-name{min-width:0;flex:1}
.mk-name b{display:block;font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mk-name small{color:var(--ink-soft);font-size:12px}
.mk-price{font-family:var(--mono);font-size:14px;font-weight:600;font-variant-numeric:tabular-nums;text-align:right}
.mk-chg{font-family:var(--mono);font-size:13px;font-weight:600;text-align:right;min-width:66px;color:var(--dir,var(--same))}
.dir-up .mk-chg::before{content:"▲ ";font-size:8px}.dir-down .mk-chg::before{content:"▼ ";font-size:8px}
.mk-spark{width:64px;height:28px;flex:0 0 auto}
.mk-spark .spark{height:28px}

/* Haber satiri */
.nw-row{display:flex;gap:12px;padding:11px 0;border-top:1px solid var(--line)}
.nw-row:first-of-type{border-top:0}
.nw-thumb{width:64px;height:64px;border-radius:10px;background:var(--card-2) center/cover no-repeat;flex:0 0 auto;
  display:grid;place-items:center;color:var(--ink-soft);font-size:22px;overflow:hidden}
.nw-body{min-width:0}
.nw-title{font-size:14px;font-weight:600;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.nw-meta{display:flex;align-items:center;gap:8px;margin-top:5px}
.nw-time{color:var(--ink-soft);font-size:12px}
.nw-tag{font-size:11px;font-weight:700;color:var(--brand);background:var(--active);padding:2px 8px;border-radius:6px}
.nw-row:hover .nw-title{color:var(--brand)}

/* Tema butonu ikon degisimi */
.icon-btn .ic-sun{display:none}
[data-theme="light"] .icon-btn .ic-moon{display:none}
[data-theme="light"] .icon-btn .ic-sun{display:block}

/* =========================================================
   Tema geçiş butonu + header aksiyon kümesi
   ========================================================= */
.head-actions{display:flex;align-items:center;gap:6px;margin-left:auto}
.nav-toggle{margin-left:0}
.theme-toggle{width:40px;height:40px;border:1px solid var(--line);background:var(--card);
  border-radius:10px;color:var(--ink-soft);cursor:pointer;display:grid;place-items:center;padding:8px}
.theme-toggle svg{width:20px;height:20px}
.theme-toggle:hover{color:var(--ink);border-color:var(--brand)}
/* ikon: koyu temada güneş (aç), açık temada ay (koyu) */
.theme-toggle .ic-moon{display:none}
.theme-toggle .ic-sun{display:block}
[data-theme="light"] .theme-toggle .ic-sun{display:none}
[data-theme="light"] .theme-toggle .ic-moon{display:block}

/* =========================================================
   Dashboard (referans tema)
   ========================================================= */
.aic{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;
  font-family:var(--disp);font-weight:700;font-size:16px;flex:0 0 auto;overflow:hidden}
.aic-flag img{width:100%;height:100%;object-fit:cover;border-radius:50%}
.aic-svg svg{width:20px;height:20px}

/* Üst şerit */
.asset-strip{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(180px,1fr);
  gap:10px;overflow-x:auto;padding:2px 2px 8px;scroll-snap-type:x proximity;margin:4px 0 14px}
.as-card{scroll-snap-align:start;background:var(--card);border:1px solid var(--line);
  border-radius:var(--radius-sm);box-shadow:var(--shadow);padding:12px 14px;display:flex;
  align-items:center;gap:11px}
.as-body{min-width:0;display:flex;flex-direction:column;gap:1px}
.as-name{font-size:12px;color:var(--ink-soft);font-weight:600;letter-spacing:.02em}
.as-price{font-size:19px;font-weight:600;font-variant-numeric:tabular-nums;color:var(--ink)}
.as-chg .pill,.mk-chg .pill,.pop-chg .pill,.cp-price .pill{background:transparent;padding:0;font-size:12.5px}

/* Ana grid */
.dash-main{display:grid;grid-template-columns:1fr;gap:14px;margin-bottom:14px}
.chart-panel{padding:16px}
.cp-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}
.cp-title h2{font-size:16px;display:flex;align-items:center;gap:8px}
.cp-star{color:var(--ink-soft);text-decoration:none}
.cp-price{display:flex;align-items:center;gap:10px;margin-top:6px}
.cp-price .mono{font-size:28px;font-weight:700;font-variant-numeric:tabular-nums}
.cp-all{color:var(--brand);font-weight:600;font-size:13px;white-space:nowrap}
.tv-wrap{height:340px;border-radius:10px;overflow:hidden}
.tv-wrap>div{height:100%}

.panel-h{font-family:var(--disp);font-size:13px;letter-spacing:.06em;text-transform:uppercase;
  color:var(--ink-soft);margin:0}
.panel-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}
.panel-all{color:var(--brand);font-weight:600;font-size:13px}

/* Hızlı çevirici paneli */
.conv-panel{display:flex;flex-direction:column;gap:12px}
.hconv{padding:16px}
.hconv .panel-h{margin-bottom:12px}
.hconv-field{display:flex;gap:8px;background:var(--field);border:1px solid var(--line);
  border-radius:12px;padding:8px 8px 8px 12px;align-items:center;margin-bottom:8px}
.hconv-field input{flex:1;min-width:0;border:0;background:transparent;color:var(--ink);
  font-family:var(--mono);font-size:20px;font-weight:600;outline:none}
.hconv-field select{border:0;background:var(--card);color:var(--ink);font-weight:600;
  border-radius:8px;padding:8px 6px;font-size:14px}
.hconv-swap{display:flex;justify-content:center;margin:-2px 0}
.hconv-swap button{width:38px;height:38px;border-radius:50%;border:1px solid var(--line);
  background:var(--card);color:var(--brand);font-size:16px;cursor:pointer}
.hconv-note{color:var(--ink-soft);font-size:13px;margin:10px 0 12px}
.btn-block{display:flex;justify-content:center;width:100%}

.conv-shortcuts{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.conv-shortcuts a{display:flex;flex-direction:column;align-items:center;gap:7px;background:var(--card);
  border:1px solid var(--line);border-radius:12px;padding:14px 8px;color:var(--ink-soft);
  font-weight:600;font-size:13px;text-align:center;box-shadow:var(--shadow)}
.conv-shortcuts a:hover{color:var(--ink);border-color:var(--brand)}
.conv-shortcuts .aic{width:40px;height:40px}

/* Alt grid */
.dash-bottom{display:grid;grid-template-columns:1fr;gap:14px}
.mk-tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:8px}
.mk-tab{background:var(--field);border:1px solid var(--line);color:var(--ink-soft);
  border-radius:999px;padding:6px 13px;font-weight:600;font-size:13px;cursor:pointer}
.mk-tab.on{background:var(--brand);border-color:var(--brand);color:#fff}
.mk-th{display:grid;grid-template-columns:1fr auto auto;gap:10px;padding:6px 4px;
  font-size:11px;color:var(--ink-soft);text-transform:uppercase;letter-spacing:.04em}
.mk-th span:nth-child(2),.mk-th span:nth-child(3){text-align:right}
.mk-pane{display:none}
.mk-pane.on{display:block}
.mk-row{display:grid;grid-template-columns:1fr auto auto;gap:10px;align-items:center;
  padding:9px 4px;border-top:1px solid var(--line)}
.mk-row:hover{background:var(--hover)}
.mk-name{display:flex;align-items:center;gap:9px;min-width:0}
.mk-name .aic{width:26px;height:26px;font-size:12px}
.mk-name b{font-weight:600;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mk-son{font-variant-numeric:tabular-nums;text-align:right;font-size:14px}
.mk-chg{text-align:right;min-width:64px}

/* Haberler */
.news-row{display:flex;gap:11px;padding:9px 0;border-top:1px solid var(--line);align-items:center}
.news-row:first-of-type{border-top:0}
.news-thumb{flex:0 0 54px;height:44px;border-radius:8px;background:var(--hover) center/cover no-repeat;
  display:grid;place-items:center;color:var(--ink-soft);font-family:var(--disp);font-weight:700}
.news-body{min-width:0}
.news-body b{display:block;font-size:14px;line-height:1.3;font-weight:600;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.news-body small{color:var(--ink-soft);font-size:12px}

/* Popüler */
.pop-row{display:grid;grid-template-columns:1fr auto auto 120px;gap:10px;align-items:center;
  padding:10px 4px;border-top:1px solid var(--line)}
.pop-row:first-of-type{border-top:0}
.pop-name{display:flex;align-items:center;gap:9px;min-width:0}
.pop-name .aic{width:28px;height:28px;font-size:13px}
.pop-name b{font-weight:600;font-size:14px}
.pop-price{font-variant-numeric:tabular-nums;text-align:right;font-size:14px}
.pop-chg{text-align:right;min-width:60px}
.pop-spark{height:34px}
.pop-spark svg{width:100%;height:34px}

@media (min-width:900px){
  .dash-main{grid-template-columns:1.9fr 1fr;align-items:start}
  .dash-bottom{grid-template-columns:1.1fr 1fr 1.15fr}
}
@media (max-width:520px){
  .pop-row{grid-template-columns:1fr auto auto}
  .pop-spark{display:none}
  .as-card{padding:11px 12px}
}

.asset-tv{margin-top:14px}

/* =========================================================
   Mobil taşma düzeltmesi (dashboard)
   ========================================================= */
.asset-strip,.dash-main,.dash-bottom,.chart-panel{max-width:100%}
.chart-panel{overflow:hidden}
.as-card,.mk-row,.pop-row,.news-row{min-width:0}
.as-body,.mk-name,.pop-name,.news-body{min-width:0}
.as-name,.as-price{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tv-wrap,.tv-wrap>div{max-width:100%;width:100%}
.tv-wrap iframe{max-width:100%!important;width:100%!important}
.cp-head{flex-wrap:wrap;gap:8px}
.mk-son,.pop-price{overflow:hidden;text-overflow:ellipsis}
.asset-strip{overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}
.hconv-field{max-width:100%}
.hconv-field input{min-width:0}

@media (max-width:719px){
  .tv-wrap{height:250px}
  .cp-price .mono{font-size:22px}
  .cp-title h2{font-size:15px}
  .asset-strip{grid-auto-columns:minmax(156px,74%)}
  .conv-shortcuts a{padding:12px 6px;font-size:12px}
}

/* TradingView sade widget kabı */
.tv-wrap .tradingview-widget-container,
.tv-wrap .tradingview-widget-container__widget{width:100%!important;height:100%}
.tv-wrap iframe{width:100%!important;max-width:100%!important;border:0}

/* =========================================================
   Grid taşma düzeltmesi (min-width:0 / minmax) — komple
   ========================================================= */
.dash-main{grid-template-columns:minmax(0,1fr)}
.dash-bottom{grid-template-columns:minmax(0,1fr)}
.chart-panel,.conv-panel,.hconv,.mk-card,.news-card,.pop-card{min-width:0;max-width:100%}
.tv-wrap,.tv-wrap .tradingview-widget-container{min-width:0;max-width:100%}
.hconv-field{min-width:0}
.hconv-field select{flex:0 0 auto;max-width:40%}

@media (min-width:900px){
  .dash-main{grid-template-columns:minmax(0,1.9fr) minmax(0,1fr)}
  .dash-bottom{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr) minmax(0,1.15fr)}
}
@media (min-width:720px){
  .contact-wrap{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr)}
}
.mk-th,.mk-row{grid-template-columns:minmax(0,1fr) auto auto}
.pop-row{grid-template-columns:minmax(0,1fr) auto auto 120px}
@media (max-width:520px){ .pop-row{grid-template-columns:minmax(0,1fr) auto auto} }

/* =========================================================
   Kendi grafiğimiz (lightweight-charts)
   ========================================================= */
.rc-tabs{display:flex;gap:5px;flex-wrap:wrap;margin:4px 0 10px}
.rc-tab{background:var(--field);border:1px solid var(--line);color:var(--ink-soft);
  border-radius:8px;padding:6px 13px;font-weight:600;font-size:13px;cursor:pointer;font-family:var(--body)}
.rc-tab.on{background:var(--chip);color:var(--ink);border-color:var(--brand)}
.rate-chart{width:100%;height:300px;min-width:0}
.chart-empty{height:300px;display:grid;place-items:center;color:var(--ink-soft);font-size:14px;text-align:center;padding:0 16px}
.chart-empty[hidden]{display:none}
@media (max-width:719px){ .rate-chart,.chart-empty{height:240px} }

/* Geniş masaüstünde grafik daha dolu */
@media (min-width:900px){
  .rate-chart,.chart-empty{height:360px}
}

/* Masaüstü: üst varlık şeridi tek satıra sığsın (kaydırma yok, kartlar küçük) */
@media (min-width:900px){
  .asset-strip{grid-auto-flow:row; grid-template-columns:repeat(auto-fit,minmax(150px,1fr));
    overflow:visible; gap:10px}
  .as-card{padding:10px 12px; gap:9px}
  .as-card .aic{width:30px; height:30px; font-size:14px}
  .as-name{font-size:11px}
  .as-price{font-size:16px}
  .as-chg .pill{font-size:11.5px}
}

/* =========================================================
   Çerez onay barı
   ========================================================= */
.cookie-bar{position:fixed;left:12px;right:12px;bottom:12px;z-index:80;
  background:var(--card);border:1px solid var(--line);border-radius:14px;
  box-shadow:0 8px 30px rgba(0,0,0,.25);padding:14px 16px;
  display:flex;align-items:center;gap:14px;flex-wrap:wrap;max-width:900px;margin:0 auto}
.cookie-bar p{margin:0;font-size:13.5px;color:var(--ink-soft);flex:1;min-width:220px}
.cookie-bar a{color:var(--brand);font-weight:600}
.cookie-bar button{background:var(--brand);color:#fff;border:0;border-radius:10px;
  padding:10px 22px;font-weight:700;cursor:pointer;font-family:var(--body)}
.cookie-bar[hidden]{display:none}
/* mobil alt navbar varken çerez barı onun üstünde dursun */
@media (max-width:719px){ .cookie-bar{bottom:74px} }

/* =========================================================
   Kategori tablosu (bd) — ikonlu, hizalı, responsive
   ========================================================= */
.bd{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow)}
.bd-head{display:grid;grid-template-columns:minmax(0,1fr) 120px 120px 100px;gap:14px;padding:12px 16px;
  font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-soft);
  border-bottom:1px solid var(--line);background:var(--hover)}
.bd-head span:nth-child(n+2){text-align:right}
.bd-row{display:grid;grid-template-columns:minmax(0,1fr) 120px 120px 100px;gap:14px;align-items:center;
  padding:13px 16px;border-top:1px solid var(--line);color:var(--ink)}
.bd-row:first-of-type{border-top:0}
.bd-row:hover{background:var(--hover)}
.bd-asset{display:flex;align-items:center;gap:11px;min-width:0}
.bd-asset .aic{width:30px;height:30px;font-size:14px;flex:0 0 auto}
.bd-nm{min-width:0;display:flex;flex-direction:column;line-height:1.25}
.bd-nm b{font-weight:600;font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bd-nm small{color:var(--ink-soft);font-size:12px;font-family:var(--mono)}
.bd-buy,.bd-sell{text-align:right;font-family:var(--mono);font-variant-numeric:tabular-nums;font-size:15px}
.bd-buy label,.bd-sell label{display:none}
.bd-buy i,.bd-sell i{font-style:normal}
.bd-chg{text-align:right}
.bd-chg .pill{background:transparent;padding:0;font-weight:600;font-size:13.5px}
.bd-row.dir-up .pill{color:var(--up)} .bd-row.dir-down .pill{color:var(--down)} .bd-row.dir-same .pill{color:var(--same)}

@media (max-width:640px){
  .bd-head{display:none}
  .bd-row{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"asset sell" "asset chg";row-gap:2px;column-gap:10px;padding:12px 14px}
  .bd-asset{grid-area:asset}
  .bd-sell{grid-area:sell}
  .bd-chg{grid-area:chg;text-align:right}
  .bd-buy{display:none}
  .bd-sell label{display:inline;font-size:10px;color:var(--ink-soft);text-transform:uppercase;margin-right:6px;font-family:var(--body)}
}

/* =========================================================
   SSS (FAQ) + Footer logo
   ========================================================= */
.faq{padding:22px}
.faq h2{font-size:20px;margin:0 0 14px}
.faq-list{display:flex;flex-direction:column;gap:10px}
.faq-item{border:1px solid var(--line);border-radius:12px;background:var(--card);overflow:hidden}
.faq-item summary{list-style:none;cursor:pointer;padding:14px 16px;font-weight:600;font-size:15px;
  display:flex;align-items:center;justify-content:space-between;gap:12px}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary::after{content:'+';font-size:20px;color:var(--brand);font-weight:700;line-height:1}
.faq-item[open] summary::after{content:'\2212'}
.faq-item[open] summary{border-bottom:1px solid var(--line)}
.faq-a{padding:14px 16px;color:var(--ink-soft);line-height:1.7;font-size:14.5px}

.foot-brand{display:flex;align-items:center;gap:10px;margin-bottom:22px}
.foot-brand img{height:34px;width:auto;max-width:220px}
.foot-brand .foot-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;
  background:var(--brand);color:#fff;font-weight:700;font-family:var(--disp)}
.foot-brand b{font-family:var(--disp);font-size:18px;color:var(--ink)}