/* FlokiBot UI — kahverengi zemin + altın vurgu, sidebar shell + marketing. System fonts only (Segoe UI). */

:root {
  color-scheme: dark;
  --bg: #16110e;
  --bg2: #1e1712;
  --card: #261c15;
  --card2: #32261c;
  --soft: #46382a;
  --line: #3d3228;
  --txt: #f3ebe0;
  --dim: #b9a994;
  --dim2: #8a7a68;
  --gold: #d4a047;
  --gold2: #e8b84a;
  --gold3: #c4883a;
  --green: #3fb950;
  --warn: var(--gold);
  --red: #f85149;
  --accent: #d4a047;
  --radius: 8px;
  --radius-sm: 4px;
  --sidebar: 210px;
  --shadow: 0 8px 28px rgba(0,0,0,.28);
  --font: "Segoe UI", -apple-system, Roboto, Arial, sans-serif;
  --max: 1120px;
  /* geri alinan eski kurallarin kullandigi tonlar */
  --cam: rgba(42,32,24,.62);
  --cam-cizgi: rgba(232,184,74,.14);
  --isik: rgba(212,160,71,.22);
  --mavi: #58a6ff;
}

*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; }
body {
  font: 14.5px/1.45 var(--font);
  color: var(--txt);
  background:
    radial-gradient(920px 480px at 50% -220px, rgba(212,160,71,.10) 0, transparent 58%),
    linear-gradient(180deg, var(--bg2), var(--bg) 42%);
  min-height: 100vh;
  -webkit-font-smoothing: antialiased;
}
a { color: var(--gold2); text-decoration: none; }
a:hover { color: var(--gold); }
ul, ol { list-style: none; }
button, input, select, textarea { font: inherit; color: inherit; }
button { cursor: pointer; border: none; background: none; }
img { max-width: 100%; display: block; }
h1,h2,h3,h4 { font-family: var(--font); letter-spacing: 0; font-weight: 700; line-height: 1.25; }
h1 { font-size: clamp(26px, 4vw, 38px); }
h2 { font-size: clamp(20px, 3vw, 28px); margin: 0 0 10px; }
h3 { font-size: 17px; margin: 0 0 8px; }
.dim { color: var(--dim); }
.mini { font-size: 13px; }
.gold { color: var(--gold2); }
.hidden, [hidden] { display: none !important; }

.container { width: min(var(--max), 100% - 2.5rem); margin-inline: auto; }
.container-wide { width: min(1280px, 100% - 2rem); margin-inline: auto; }

/* Buttons */
.btn {
  display: inline-flex; align-items: center; justify-content: center; gap: 6px;
  padding: 10px 18px; border-radius: var(--radius-sm); font-weight: 700;
  font-size: 14.5px; border: 1px solid transparent; transition: .12s ease;
}
.btn:hover { transform: translateY(-1px); }
.btn-gold { background: linear-gradient(180deg, var(--gold2), var(--gold3)); color: var(--bg); }
.btn-gold:hover { filter: brightness(1.06); color: var(--bg); }
.btn-ghost { background: transparent; border-color: var(--line); color: var(--txt); }
.btn-ghost:hover { border-color: var(--gold3); color: var(--gold2); }
.btn-red { background: transparent; border-color: var(--red); color: var(--red); }
.btn-green { background: transparent; border-color: var(--green); color: var(--green); }
.btn-sm, .mini-btn { padding: 7px 12px; font-size: 13px; }
.btn-lg { padding: 13px 22px; font-size: 15px; }
.btn.tam, .btn-block { width: 100%; }
.btn:disabled, .btn[aria-disabled="true"] { opacity: .45; pointer-events: none; }

/* Cards / tags */
.card {
  background: linear-gradient(165deg, var(--card), var(--bg2));
  border: 1px solid var(--line); border-radius: var(--radius);
  padding: 20px; box-shadow: var(--shadow);
}
.tag {
  display: inline-flex; align-items: center; gap: 4px;
  padding: 3px 10px; border-radius: 999px; font-size: 12px; font-weight: 700;
  background: var(--soft); color: var(--dim);
}
.t-active { background: rgba(63,185,80,.18); color: var(--green); }
.t-pending { background: rgba(212,160,71,.18); color: var(--warn); }
.t-approved { background: rgba(63,185,80,.18); color: var(--green); }
.t-rejected, .t-expired { background: rgba(248,81,73,.15); color: var(--red); }
.rozet {
  display: inline-block; padding: 2px 9px; border-radius: 999px;
  font-size: 11px; font-weight: 700; background: rgba(212,160,71,.2); color: var(--gold2);
}
.rozet-yakinda { background: rgba(138,122,104,.25); color: var(--dim); }
.badge-live { display: inline-flex; align-items: center; gap: 6px; }
.dot { width: 7px; height: 7px; border-radius: 50%; background: var(--green); box-shadow: 0 0 0 3px rgba(63,185,80,.25); }
.price { font-family: var(--font); font-size: 26px; font-weight: 800; color: var(--gold2); }
.price small { font-size: 13px; color: var(--dim); font-weight: 600; font-family: var(--font); }

.hata, .bilgi-serit {
  padding: 12px 14px; border-radius: var(--radius-sm); margin: 12px 0; font-size: 14px;
}
.hata { background: rgba(248,81,73,.12); border: 1px solid rgba(248,81,73,.35); color: #f0b0ae; }
.bilgi-serit { background: rgba(212,160,71,.1); border: 1px solid rgba(212,160,71,.28); }

label { display: block; margin: 12px 0 5px; color: var(--dim); font-size: 13px; font-weight: 600; }
input, select, textarea {
  width: 100%; padding: 11px 13px; background: var(--bg);
  border: 1px solid var(--line); border-radius: var(--radius-sm); color: var(--txt);
  color-scheme: dark;
}
option, optgroup {
  background: var(--card);
  color: var(--txt);
}
option:checked, option:hover {
  background: var(--soft);
  color: var(--gold2);
}
input:focus, select:focus, textarea:focus { outline: none; border-color: var(--accent); box-shadow: 0 0 0 2px rgba(212,160,71,.22); }
.form-box {
  background: var(--card); border: 1px solid var(--line); border-radius: var(--radius);
  padding: 28px; max-width: 420px; margin: 40px auto; box-shadow: var(--shadow);
}
.ayrac { display: flex; align-items: center; gap: 12px; margin: 16px 0; color: var(--dim2); font-size: 13px; }
.ayrac::before, .ayrac::after { content: ""; flex: 1; height: 1px; background: var(--line); }
.google-btn { gap: 10px; }
.g-logo {
  width: 22px; height: 22px; border-radius: 50%; background: #fff; color: #4285f4;
  display: inline-flex; align-items: center; justify-content: center; font-weight: 800; font-size: 13px;
}

table { width: 100%; border-collapse: collapse; font-size: 14px; }
th, td { padding: 10px 12px; text-align: left; border-bottom: 1px solid var(--line); }
th { color: var(--dim); font-size: 11px; text-transform: uppercase; letter-spacing: .4px; }

.grid { display: grid; gap: 16px; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); }
.row { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.ikili { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
@media (max-width: 640px) { .ikili { grid-template-columns: 1fr; } }

/* ══ MARKETING LANDING ══ */
.mkt-nav {
  position: sticky; top: 0; z-index: 40;
  background: var(--bg2);
  border-bottom: 1px solid var(--line);
}
.mkt-nav-inner { display: flex; align-items: center; justify-content: space-between; height: 64px; gap: 16px; }
.logo { font-family: var(--font); font-weight: 800; font-size: 22px; color: var(--txt); display: inline-flex; align-items: baseline; gap: 0; }
.logo span { color: var(--gold2); }
.mkt-links { display: flex; gap: 20px; }
.mkt-links a { color: var(--dim); font-weight: 600; font-size: 14.5px; }
.mkt-links a:hover { color: var(--txt); }
.mkt-actions { display: flex; align-items: center; gap: 10px; }
.mkt-menu { display: none; color: var(--txt); padding: 8px; }
@media (max-width: 820px) {
  .mkt-links { display: none; }
  .mkt-links.open {
    display: flex; flex-direction: column; position: absolute; top: 64px; left: 0; right: 0;
    background: var(--bg2); padding: 16px 22px; border-bottom: 1px solid var(--line); gap: 14px;
  }
  .mkt-menu { display: inline-flex; }
}

.hero { padding: 56px 0 40px; text-align: center; }
.pro-pill {
  display: inline-flex; align-items: center; gap: 8px; padding: 6px 14px;
  border-radius: 999px; background: rgba(212,160,71,.12); border: 1px solid rgba(212,160,71,.25);
  font-size: 13px; color: var(--dim); margin-bottom: 18px;
}
.hero .marka { font-family: var(--font); font-size: 15px; font-weight: 700; color: var(--gold2); margin-bottom: 8px; letter-spacing: .08em; text-transform: uppercase; }
.hero h1 .grad {
  background: linear-gradient(90deg, var(--gold2), var(--gold2));
  -webkit-background-clip: text; background-clip: text; color: transparent;
}
.hero .alt { max-width: 520px; margin: 14px auto 0; color: var(--dim); font-size: 17px; }
.pro-cta { display: flex; gap: 12px; justify-content: center; flex-wrap: wrap; margin-top: 24px; }

.mockup {
  max-width: 720px; margin: 40px auto 0; text-align: left;
  background: var(--card); border: 1px solid var(--line); border-radius: 16px; overflow: hidden; box-shadow: var(--shadow);
}
.mockup-bar {
  display: flex; justify-content: space-between; align-items: center;
  padding: 10px 14px; background: var(--card2); border-bottom: 1px solid var(--line); font-size: 13px;
}
.mockup-bar .noktalar { display: flex; align-items: center; gap: 6px; color: var(--dim); }
.mockup-bar i { width: 10px; height: 10px; border-radius: 50%; display: inline-block; }
.canli { display: inline-flex; align-items: center; gap: 6px; color: var(--green); font-weight: 700; font-size: 12px; }
.canli i { width: 7px; height: 7px; border-radius: 50%; background: var(--green); }
.mockup-govde { display: grid; grid-template-columns: 1.4fr 1fr; gap: 14px; padding: 16px; }
@media (max-width: 640px) { .mockup-govde { grid-template-columns: 1fr; } }
.mockup-log { font-family: ui-monospace, monospace; font-size: 12.5px; color: var(--dim); line-height: 1.7; }
.mockup-log .c { color: var(--gold2); }
.mockup-log .y { color: var(--green); }
.mockup-kartlar { display: grid; gap: 8px; }
.mockup-kart { background: var(--bg); border: 1px solid var(--line); border-radius: 10px; padding: 10px 12px; }
.mockup-kart .k { font-size: 11px; color: var(--dim2); text-transform: uppercase; }
.mockup-kart .v { font-family: var(--font); font-size: 20px; font-weight: 700; margin-top: 2px; }

.pro-bolum { padding: 48px 0; border-top: 1px solid rgba(61,50,40,.5); }
.us-etiket { display: block; color: var(--gold2); font-size: 12px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; margin-bottom: 8px; }
.bento { display: grid; gap: 14px; grid-template-columns: 1.4fr 1fr; margin-top: 22px; }
.bento .kart { padding: 22px; border-radius: var(--radius); background: rgba(38,28,21,.72); border: 1px solid rgba(212,160,71,.16); }
.bento .genis { grid-column: 1 / -1; }
.bento .ikon { font-size: 22px; margin-bottom: 8px; }
.etiketler { display: flex; gap: 8px; flex-wrap: wrap; margin-top: 12px; }
.etiketler span { font-size: 12px; padding: 4px 10px; border-radius: 999px; background: var(--soft); color: var(--dim); }
@media (max-width: 720px) { .bento { grid-template-columns: 1fr; } .bento .genis { grid-column: auto; } }

.bot-kart { position: relative; display: flex; flex-direction: column; gap: 8px; }
.bot-kart.yakinda { opacity: .72; }
.bot-kart .bot-ikon { font-size: 36px; }
.bot-kart .rozet, .bot-kart .rozet-yakinda { position: absolute; top: 14px; right: 14px; }
.bot-ozet { font-size: 14px; flex: 1; }
.fiyat-satir { margin: 8px 0; }

.pro-adim { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; margin-top: 22px; }
.pro-adim .a { padding: 20px; border-radius: var(--radius); background: var(--card); border: 1px solid var(--line); position: relative; }
.pro-adim .no { position: absolute; right: 14px; top: 12px; font-family: var(--font); font-size: 28px; color: rgba(212,160,71,.2); font-weight: 800; }
@media (max-width: 720px) { .pro-adim { grid-template-columns: 1fr; } }

.sss details {
  background: var(--card); border: 1px solid var(--line); border-radius: var(--radius-sm);
  padding: 14px 16px; margin-bottom: 8px;
}
.sss summary { cursor: pointer; font-weight: 600; }
.sss details p { margin-top: 10px; font-size: 14px; }

/* Kullanım kılavuzu */
.kilavuz-toc { margin-bottom: 8px; padding: 16px 18px; }
.kilavuz-toc-grid {
  display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 6px 16px;
  margin-top: 10px; font-size: 13px;
}
.kilavuz-toc-grid a { color: var(--gold2); text-decoration: none; }
.kilavuz-toc-grid a:hover { text-decoration: underline; }
.kilavuz-adimlar, .kilavuz-yol {
  margin: 0; padding-left: 1.25rem; line-height: 1.55; font-size: 14px;
}
.kilavuz-adimlar li, .kilavuz-yol li { margin-bottom: 8px; }
.kilavuz-grid { margin-top: 0; }
@media (max-width: 720px) {
  .kilavuz-toc-grid { grid-template-columns: 1fr; }
}

.guvence-band {
  display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px;
  padding: 28px 0; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line);
}
.guvence-oge { display: flex; gap: 12px; align-items: flex-start; }
.guvence-ikon { font-family: var(--font); color: var(--gold2); font-weight: 800; font-size: 18px; }
@media (max-width: 800px) { .guvence-band { grid-template-columns: 1fr 1fr; } }

.mkt-footer { margin-top: 48px; padding: 36px 0 24px; border-top: 1px solid var(--line); }
.foot-grid { display: grid; grid-template-columns: 2fr 1fr 1fr; gap: 24px; }
.foot-alt { margin-top: 24px; padding-top: 16px; border-top: 1px solid var(--line); font-size: 13px; color: var(--dim2); }
@media (max-width: 720px) { .foot-grid { grid-template-columns: 1fr; } }

/* ══ APP SHELL (sidebar) ══ */
.app { display: flex; min-height: 100vh; }
.sidebar {
  width: var(--sidebar); flex-shrink: 0; background: var(--bg2);
  border-right: 1px solid var(--line); padding: 18px 14px;
  display: flex; flex-direction: column; gap: 6px;
  position: sticky; top: 0; height: 100vh; overflow-y: auto;
}
.sidebar .logo { margin: 4px 8px 18px; font-size: 20px; }
.side-nav a {
  display: flex; align-items: center; gap: 10px; padding: 10px 12px;
  border-radius: 10px; color: var(--dim); font-weight: 600; font-size: 14px;
}
.side-nav a:hover { background: rgba(212,160,71,.08); color: var(--txt); }
.side-nav a.active { background: rgba(212,160,71,.14); color: var(--accent); }
.side-nav .ico { width: 20px; text-align: center; opacity: .9; }
.side-foot { margin-top: auto; padding: 12px 8px 4px; border-top: 1px solid var(--line); }
.side-user { font-size: 13px; color: var(--dim); margin-bottom: 8px; }
.main { flex: 1; min-width: 0; display: flex; flex-direction: column; }
.topbar {
  display: flex; align-items: center; justify-content: space-between; gap: 12px;
  padding: 14px 22px; border-bottom: 1px solid var(--line);
  background: rgba(22,17,14,.55); backdrop-filter: blur(10px);
  position: sticky; top: 0; z-index: 20;
}
.topbar h1 { font-size: 18px; margin: 0; }
.content { padding: 22px; flex: 1; }
.side-toggle { display: none; color: var(--txt); padding: 8px; }
@media (max-width: 900px) {
  .sidebar {
    position: fixed; left: 0; top: 0; z-index: 50; transform: translateX(-105%);
    transition: transform .2s ease; box-shadow: var(--shadow);
  }
  .sidebar.open { transform: translateX(0); }
  .side-toggle { display: inline-flex; }
  .side-backdrop {
    display: none; position: fixed; inset: 0; background: rgba(0,0,0,.45); z-index: 45;
  }
  .side-backdrop.show { display: block; }
}

/* Panel */
.panel-bas { display: flex; justify-content: space-between; align-items: flex-start; gap: 16px; margin-bottom: 18px; flex-wrap: wrap; }
.calisan-serit {
  display: flex; align-items: center; gap: 14px; padding: 14px 16px; margin-bottom: 14px;
  background: rgba(63,185,80,.1); border: 1px solid rgba(63,185,80,.35); border-radius: var(--radius);
  color: inherit;
}
.calisan-serit:hover { border-color: var(--green); color: inherit; }
.calisan-nokta { width: 10px; height: 10px; border-radius: 50%; background: var(--green); box-shadow: 0 0 0 4px rgba(63,185,80,.25); flex-shrink: 0; }
.mini-kart { display: block; color: inherit; transition: border-color .15s; }
.mini-kart:hover { border-color: var(--gold3); color: inherit; }
.mini-kart.aktif { border-color: rgba(63,185,80,.45); }
.mini-bas { display: flex; justify-content: space-between; align-items: center; }
.bolum-bas { margin: 36px 0 14px; }
.eklenti-kart ol, .kurulum-adimlar { margin-top: 14px; }
.kurulum-adim { display: flex; gap: 12px; margin-bottom: 12px; }
.adim-no {
  width: 28px; height: 28px; border-radius: 50%; background: rgba(212,160,71,.2);
  color: var(--gold2); display: flex; align-items: center; justify-content: center;
  font-weight: 800; font-size: 13px; flex-shrink: 0;
}

/* Bot detail */
.bot-bas { display: flex; gap: 16px; align-items: center; margin-bottom: 20px; }
.bot-ikon.buyuk { font-size: 48px; }
.detay-grid { display: grid; grid-template-columns: 1.4fr 1fr; gap: 16px; }
@media (max-width: 800px) { .detay-grid { grid-template-columns: 1fr; } }
.ozellik-baslik { margin-top: 14px; font-weight: 700; color: var(--gold2); font-size: 13px; letter-spacing: .02em; }
.ozellik-madde { font-size: 14px; color: var(--dim); padding: 3px 0 3px 10px; border-left: 2px solid var(--line); margin: 2px 0; }
.plan { display: flex; justify-content: space-between; padding: 10px 0; border-bottom: 1px solid var(--line); }
.plan.secili { background: rgba(212,160,71,.10); margin: 0 -12px; padding: 10px 12px; border-radius: 8px; border: 0; }
.guven-serit {
  display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; margin-top: 22px;
}
.guven-serit > div { background: var(--card); border: 1px solid var(--line); border-radius: 12px; padding: 14px; }
.guven-serit b { display: block; margin-bottom: 4px; }
@media (max-width: 700px) { .guven-serit { grid-template-columns: 1fr; } }

/* Çalıştır — maden */
.cal-bas { display: flex; justify-content: space-between; align-items: center; gap: 12px; margin-bottom: 16px; flex-wrap: wrap; }
.asama-satir { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-bottom: 14px; }
.asama {
  display: flex; gap: 10px; align-items: flex-start; padding: 12px;
  background: var(--bg); border: 1px solid var(--line); border-radius: 10px;
}
.asama.tamam { border-color: rgba(63,185,80,.4); }
.asama-no {
  width: 24px; height: 24px; border-radius: 50%; background: var(--soft);
  display: flex; align-items: center; justify-content: center; font-size: 12px; font-weight: 800; flex-shrink: 0;
}
.asama.tamam .asama-no { background: rgba(63,185,80,.25); color: var(--green); }
.calisma-duzen { display: grid; grid-template-columns: 1.55fr .9fr; gap: 14px; }
@media (max-width: 1000px) { .calisma-duzen, .asama-satir { grid-template-columns: 1fr; } }
.kaynak-izgara { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin-bottom: 12px; }
@media (max-width: 700px) { .kaynak-izgara { grid-template-columns: 1fr; } }
.kaynak-kart {
  background: var(--bg); border: 1px solid var(--line); border-radius: 10px; padding: 12px;
  display: flex; flex-direction: column; gap: 4px;
}
.kaynak-bas { font-weight: 700; font-size: 13px; }
.kaynak-alt { font-size: 11px; color: var(--dim2); }
.kaynak-deger { font-family: var(--font); font-size: 20px; font-weight: 700; }
.kaynak-deger i { font-style: normal; font-size: 13px; color: var(--dim); font-weight: 600; }
.sayac-serit { display: grid; grid-template-columns: repeat(6, 1fr); gap: 8px; margin-bottom: 12px; }
@media (max-width: 800px) { .sayac-serit { grid-template-columns: repeat(3, 1fr); } }
.sayac { background: var(--bg); border: 1px solid var(--line); border-radius: 10px; padding: 10px; text-align: center; }
.sayac b { display: block; font-family: var(--font); font-size: 18px; }
.sayac span { font-size: 11px; color: var(--dim2); text-transform: uppercase; }
.pkutu { border: 1px solid var(--line); border-radius: 10px; margin-bottom: 10px; overflow: hidden; background: var(--card2); }
.pkutu-bas {
  display: flex; align-items: center; gap: 8px; padding: 10px 12px;
  border-bottom: 1px solid var(--line); background: rgba(0,0,0,.15); font-size: 13px;
}
.pkutu-bas b { flex: 1; }
.pkutu-ic { padding: 10px 12px; }
.bot-log {
  font-family: ui-monospace, Menlo, monospace; font-size: 12.5px; line-height: 1.65;
  max-height: 140px; overflow: auto; color: var(--dim);
}
.bot-log .ok { color: var(--green); }
.bot-log .warn { color: var(--warn); }
.panel-govde { display: grid; grid-template-columns: 1fr 1.2fr; gap: 10px; }
@media (max-width: 800px) { .panel-govde { grid-template-columns: 1fr; } }
.canta-izgara, .yuzey-kutu, .maden-kutu { font-size: 13px; color: var(--dim); }
.canta-chip, .yuzey-item, .maden-item {
  display: flex; justify-content: space-between; gap: 8px; padding: 7px 8px;
  border-bottom: 1px solid rgba(61,50,40,.6);
}
.izgara {
  display: grid; grid-template-columns: repeat(12, 1fr); gap: 2px;
  background: var(--bg2); padding: 8px; border-radius: 8px; aspect-ratio: 1.2;
}
.izgara span {
  aspect-ratio: 1; border-radius: 2px; background: var(--soft); font-size: 9px;
  display: flex; align-items: center; justify-content: center;
}
.izgara .hero { background: var(--gold3); color: var(--bg); font-weight: 800; }
.izgara .maden { background: #3a5a2a; }
.izgara .nadir { background: #5a4a18; color: var(--gold2); }
.izgara .sis { background: var(--bg); color: var(--dim2); }
.harita-lejant { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 8px; font-size: 12px; }
.eylem-satiri { margin-top: 10px; }
.ayar-kart summary, .ayar-bas { cursor: pointer; font-weight: 700; font-size: 13px; list-style: none;
  display: flex; justify-content: space-between; align-items: center; }
.ayar-kart summary::-webkit-details-marker, .ayar-bas::-webkit-details-marker { display: none; }
/* Orijinal masaüstü gibi kompakt ayarlar */
.ayar-form { margin-top: 8px; display: flex; flex-direction: column; gap: 8px; }
.ayar-grup { border: 1px solid var(--line); border-radius: 8px; padding: 6px 10px 9px; margin: 0;
  background: rgba(0,0,0,.15); }
.ayar-grup legend { color: var(--gold); font-size: 11px; font-weight: 700; padding: 0 4px;
  text-transform: none; letter-spacing: 0; margin: 0; }
.ayar-satir { display: flex; align-items: center; gap: 6px; margin: 5px 0; min-height: 24px; }
.ayar-satir label { font-size: 11.5px; color: var(--dim); flex: 0 0 96px; margin: 0; }
.ayar-satir select, .ayar-satir input[type=number], .ayar-satir input[type=password] {
  flex: 1; min-width: 0; padding: 3px 6px; font-size: 11.5px; min-height: 24px; height: 24px;
  background: var(--bg2); border: 1px solid var(--line); border-radius: 5px; color: var(--txt); }
.ayar-onay { display: flex; align-items: center; gap: 6px; cursor: pointer; flex: 1; margin: 3px 0; }
.ayar-onay input { width: 13px; height: 13px; flex: 0 0 auto; }
.ayar-onay span { color: var(--txt); font-size: 11.5px; line-height: 1.3; }
.baglan-secenekler { display: grid; gap: 12px; margin-top: 12px; }
.giris-kart { background: var(--bg); border: 1px solid var(--line); border-radius: 12px; padding: 16px; }
.giris-kart.vurgu-kart { border-color: rgba(212,160,71,.4); }
.giris-kart-bas { font-weight: 700; margin-bottom: 6px; }
.giris-izgara { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin: 10px 0; }
@media (max-width: 600px) { .giris-izgara { grid-template-columns: 1fr; } }
.adim-liste { padding-left: 18px; margin: 10px 0; list-style: decimal; color: var(--dim); font-size: 13px; }
.adim-liste li { margin: 4px 0; }

/* Gül */
.gul-izgara { display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; margin-top: 10px; }
@media (max-width: 700px) { .gul-izgara { grid-template-columns: repeat(2, 1fr); } }
.gul-izgara .gc {
  background: var(--card2); border: 1px solid rgba(255,255,255,.06);
  border-radius: 10px; padding: 10px 8px; text-align: center;
}
.gul-izgara .gc b { display: block; font-size: 20px; color: var(--gold); }
.gul-izgara .gc span { display: block; font-size: 10px; letter-spacing: .5px; color: var(--dim); margin-top: 4px; text-transform: uppercase; }
.gul-izgara .gc b.ok { color: var(--green); }
.gul-izgara .gc b.err { color: var(--red); }
.gul-sekme { display: flex; gap: 4px; margin: 14px 0 0; flex-wrap: wrap; }
.gul-sekme button {
  border: 1px solid rgba(255,255,255,.08); background: var(--card2); color: var(--dim);
  padding: 8px 14px; border-radius: 8px 8px 0 0; font-size: 13px;
}
.gul-sekme button.secili { background: var(--card); color: var(--accent); border-bottom-color: transparent; font-weight: 600; }
.gul-sayfa { display: none; border-top-left-radius: 0; margin-top: 0; }
.gul-sayfa.acik { display: block; }
.progress { height: 8px; background: var(--bg); border-radius: 6px; overflow: hidden; margin-top: 8px; }
.progress > i { display: block; height: 100%; background: var(--gold); width: 0; transition: width .4s; }

/* Destek */
.mesaj-liste {
  max-height: 320px; overflow: auto; padding: 8px; margin-bottom: 12px;
  background: var(--bg); border-radius: 10px; border: 1px solid var(--line);
}
.msg { max-width: 85%; padding: 10px 12px; border-radius: 12px; margin: 8px 0; font-size: 14px; }
.msg.ben { margin-left: auto; background: rgba(212,160,71,.18); border: 1px solid rgba(212,160,71,.3); }
.msg.yonetici { background: var(--card2); border: 1px solid var(--line); }
.msg .zaman { display: block; font-size: 11px; color: var(--dim2); margin-top: 4px; }
.mesaj-form { display: flex; flex-direction: column; gap: 8px; }

/* Ödeme */
.odeme-adimlar { display: grid; gap: 10px; }
.odeme-adim { display: flex; gap: 12px; align-items: flex-start; padding: 12px; background: var(--card); border: 1px solid var(--line); border-radius: 12px; }
.odeme-no {
  width: 28px; height: 28px; border-radius: 50%; background: rgba(212,160,71,.2);
  color: var(--gold2); display: flex; align-items: center; justify-content: center; font-weight: 800; flex-shrink: 0;
}

/* Admin */
.yon-sekme { display: flex; gap: 6px; flex-wrap: wrap; margin-bottom: 16px; }
.sekme-dugme {
  padding: 8px 12px; border-radius: 999px; border: 1px solid var(--line);
  background: var(--card); color: var(--dim); font-size: 13px; font-weight: 600;
}
.sekme-dugme.secili { background: rgba(212,160,71,.14); color: var(--accent); border-color: rgba(212,160,71,.4); }
.sekme-say {
  display: inline-block; min-width: 18px; padding: 0 5px; margin-left: 4px;
  border-radius: 9px; background: var(--soft); font-size: 11px;
}
.sekme-say.bekliyor { background: rgba(212,160,71,.3); color: var(--warn); }
.yon-bolum { display: none; }
.yon-bolum.acik { display: block; }
.istatistik-kartlar { display: grid; grid-template-columns: repeat(5, 1fr); gap: 10px; margin: 14px 0; }
@media (max-width: 1000px) { .istatistik-kartlar { grid-template-columns: repeat(2, 1fr); } }
.ist-kart {
  background: var(--card); border: 1px solid var(--line); border-radius: 12px; padding: 14px; text-align: center;
}
.ist-kart.vurgu { border-color: rgba(212,160,71,.4); }
.ist-deger { display: block; font-family: var(--font); font-size: 22px; font-weight: 800; color: var(--gold2); margin: 4px 0; }
.ist-etiket { font-size: 12px; color: var(--dim); }
.istatistik-alt { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
@media (max-width: 700px) { .istatistik-alt { grid-template-columns: 1fr; } }

.toast {
  position: fixed; bottom: 20px; right: 20px; z-index: 100;
  background: var(--card2); border: 1px solid var(--gold3); color: var(--txt);
  padding: 12px 16px; border-radius: 10px; box-shadow: var(--shadow);
  transform: translateY(120%); transition: transform .25s ease; max-width: 320px;
}
.toast.show { transform: translateY(0); }

/* ── Panel deepen: yönetici / eklenti / sipariş ── */
.yonetici-serit {
  display: flex; align-items: center; gap: 12px; flex-wrap: wrap;
  padding: 12px 16px; margin-bottom: 14px;
  background: rgba(212,160,71,.08); border: 1px solid rgba(212,160,71,.35);
  border-radius: var(--radius); font-size: 14px;
}
.yonetici-serit .btn { margin-left: auto; }
.eklenti-uyari-ust {
  margin-bottom: 14px;
  border-color: rgba(212,160,71,.45);
  background: linear-gradient(165deg, rgba(212,160,71,.1), var(--bg2));
}
.eklenti-hazir {
  border-color: rgba(63,185,80,.35);
  background: linear-gradient(165deg, rgba(63,185,80,.08), var(--bg2));
}
.eklenti-kart { border-color: rgba(212,160,71,.28); }
.indir-secenek { margin: 4px 0 18px; }
.buyuk-indir { padding: 14px 22px; font-size: 15px; }
.kurulum-adimlar { margin-top: 6px; }
.kurulum-adim .dim.mini { display: block; margin-top: 2px; }
.siparis-ozet {
  padding: 12px 14px; border-radius: var(--radius-sm);
  background: rgba(212,160,71,.08); border: 1px dashed rgba(212,160,71,.35);
  font-size: 14px;
}
.siparis-tablo-sar {
  overflow-x: auto; border: 1px solid var(--line); border-radius: var(--radius);
  background: var(--card);
}
.siparis-tablo { margin: 0; }
.siparis-tablo th { background: rgba(0,0,0,.18); white-space: nowrap; }
.siparis-tablo td { white-space: nowrap; }
.fiyat-satir .price { margin-bottom: 2px; }
.rozet.satir { vertical-align: middle; }

/* ── Çalıştır deepen ── */
.iz { margin-bottom: 10px; font-size: 13px; }
.iz a { color: var(--dim); }
.iz a:hover { color: var(--gold2); }
.gorunum-sekme {
  display: flex; gap: 6px; flex-wrap: wrap; margin: 14px 0 16px;
}
.gorunum-panel[hidden] { display: none !important; }
.gorunum-panel.acik { display: block; }
.asama { position: relative; flex-wrap: wrap; }
.asama-eylem { margin-left: auto; align-self: center; }
.asama .dim.mini { display: block; }
.kaynak-not { min-height: 14px; }
.mini-sayi {
  width: 64px !important; padding: 4px 6px !important;
  display: inline-block; vertical-align: middle;
}
.btn-durdur {
  background: transparent; border: 1px solid var(--red); color: var(--red);
  display: inline-flex; align-items: center; justify-content: center; gap: 6px;
  padding: 7px 12px; border-radius: var(--radius-sm); font-weight: 700; font-size: 13px;
}
.btn-durdur:hover { background: rgba(248,81,73,.12); color: #f0b0ae; }
.harita-placeholder {
  position: relative; border-radius: 10px; overflow: hidden;
  border: 1px solid var(--line); background: var(--bg2);
}
.harita-placeholder-etiket {
  position: absolute; top: 8px; left: 10px; z-index: 2;
  font-size: 11px; font-weight: 700; letter-spacing: .04em; text-transform: uppercase;
  color: var(--gold2); background: rgba(30,23,18,.75); padding: 3px 8px; border-radius: 6px;
  border: 1px solid rgba(212,160,71,.3);
}
.harita-placeholder .izgara { aspect-ratio: 1.15; border-radius: 0; }
.ping-rozet {
  font-size: 11px; color: var(--green); font-weight: 700; margin-left: auto;
}
.bot-log-kutu .bot-log { max-height: 320px; }
.bot-log .c { color: var(--gold2); }
.ayar-pasif-not {
  display: block; margin-top: 4px; color: var(--warn) !important; font-size: 12px;
}
.ayar-satir select:disabled { opacity: .55; cursor: not-allowed; }
.lej-ornek {
  display: inline-flex; width: 16px; height: 16px; align-items: center; justify-content: center;
  border-radius: 3px; font-style: normal; font-size: 10px; margin-right: 4px; vertical-align: middle;
}
.hero-ornek { background: var(--gold3); color: var(--bg); font-weight: 800; }
.maden-ornek { background: #3a5a2a; }
.nadir-ornek { background: #5a4a18; color: var(--gold2); }
.sis-ornek { background: var(--bg); color: var(--dim2); }

.kayitli-hesap {
  margin: 10px 0 14px; padding: 12px; border-radius: 10px;
  background: var(--bg); border: 1px solid var(--line);
}
.kayitli-satir {
  display: flex; justify-content: space-between; align-items: center;
  gap: 10px; flex-wrap: wrap; padding: 8px 0;
}
.sifre-satir { display: flex; gap: 6px; align-items: center; }
.sifre-satir input { flex: 1; }
.eklenti-uyari {
  display: flex; flex-wrap: wrap; align-items: center; gap: 10px;
  padding: 12px 14px; border-radius: var(--radius-sm);
  background: rgba(212,160,71,.1); border: 1px solid rgba(212,160,71,.35);
  font-size: 13px;
}
.eklenti-uyari .btn { margin-left: auto; }
.kart-aciklama { margin: 0 0 10px; }
.giris-alan span { display: block; margin-bottom: 5px; color: var(--dim); font-size: 13px; font-weight: 600; }
.btn.buyuk { padding: 13px 18px; font-size: 15px; }
.calisma-sag { min-width: 0; }
.calisma-sol { min-width: 0; }

@media (max-width: 640px) {
  .yonetici-serit .btn { margin-left: 0; width: 100%; }
  .siparis-tablo { font-size: 13px; }
}

/* (eski kompakt blok sadeleştirildi) */
/* Marketing slightly tighter too */
.hero { padding: 36px 0 28px; }
.pro-bolum { padding: 36px 0; }
.mkt-nav-inner { height: 54px; }
.bento .kart { padding: 16px; }

@media (max-width: 760px) {
  .content { padding: 12px; }
  .sayac-serit { grid-auto-flow: row; grid-template-columns: repeat(3, 1fr); }
  .bot-liste { grid-template-columns: 1fr; }
  .cal-bas { flex-direction: column; align-items: flex-start; }
}

/* === LAYOUT FIX: harita ≠ ayarlar (iç içe olmasın) === */
/* Sol: durum + listeler + harita | Sağ: yalnız ayarlar, sticky */
.calisma-duzen {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 300px !important;
  gap: 14px !important;
  align-items: start !important;
}
.calisma-sol,
.calisma-sag {
  min-width: 0;
  position: relative;
}
.calisma-sag {
  order: 0 !important; /* asla haritanın üstüne/önüne alma */
  position: sticky;
  top: 10px;
  align-self: start;
  z-index: 2;
}
.calisma-sag .ayar-kart,
.calisma-sag details.ayar-kart {
  margin: 0;
  max-height: calc(100vh - 72px);
  overflow: auto;
  border: 1px solid var(--line);
  background: var(--card);
}
/* Sol sütundaki iç düzen: listeler | harita — ayar burada YOK */
.calisma-sol > .card {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.panel-govde {
  display: grid !important;
  grid-template-columns: minmax(180px, 0.85fr) minmax(220px, 1.15fr) !important;
  gap: 10px !important;
  margin-top: 4px;
  padding-top: 12px;
  border-top: 1px solid var(--line);
  align-items: start;
}
.panel-sol {
  display: flex;
  flex-direction: column;
  gap: 8px;
  min-width: 0;
}
.panel-sag {
  min-width: 0;
}
.panel-sag #harita-kutu,
.panel-sag .pkutu#harita-kutu {
  margin: 0;
}
.harita-placeholder {
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}
.harita-placeholder .izgara {
  width: 100%;
  max-width: 420px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  gap: 2px;
  aspect-ratio: 1.2;
}
/* Tablet: hâlâ yan yana mümkünse dar ayar sütunu */
@media (max-width: 1100px) {
  .calisma-duzen {
    grid-template-columns: minmax(0, 1fr) 260px !important;
  }
}
/* Mobil: alt alta — önce durum/harita, sonra ayarlar (order yok) */
@media (max-width: 820px) {
  .calisma-duzen {
    grid-template-columns: 1fr !important;
  }
  .calisma-sag {
    position: static;
    order: 0 !important;
  }
  .calisma-sag .ayar-kart {
    max-height: none;
  }
  .panel-govde {
    grid-template-columns: 1fr !important;
  }
  /* Harita listelerin üstünde kalsın mobilde okunaklı olsun */
  .panel-sag { order: -1; }
  .panel-sol { order: 0; }
}

/* Tek sutunlu panel (selektoru kaybolmus bir blok idi — geri konuldu). */
.panel-govde-tek .panel-govde {
  grid-template-columns: 1fr !important;
}
.panel-govde-tek .panel-sol {
  width: 100%;
}

/* Özellikler: hero sonrası değil; nasıl çalışır'dan sonra, kompakt 4'lü */
.ozellik-kompakt.pro-bolum { padding: 28px 0; }
.ozellik-kompakt h2 { font-size: clamp(18px, 2.5vw, 22px); margin-bottom: 4px; }
.ozellik-kompakt > .container > .dim { margin-bottom: 14px; font-size: 13.5px; }
.bento-4 {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 10px;
  margin-top: 8px;
}
.bento-4 .kart {
  padding: 14px;
  border-radius: 10px;
  background: rgba(38,28,21,.72);
  border: 1px solid rgba(212,160,71,.14);
}
.bento-4 .ikon { font-size: 18px; margin-bottom: 6px; }
.bento-4 h3 { font-size: 14px; margin: 0 0 4px; }
.bento-4 p { font-size: 12.5px; margin: 0; line-height: 1.4; }
@media (max-width: 900px) {
  .bento-4 { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 520px) {
  .bento-4 { grid-template-columns: 1fr; }
}

/* Landing: canlı panel mockup kaldırıldı */
.hero-sade { padding-bottom: 28px; }
.hero-sade .pro-cta { margin-bottom: 0; }


/* Bot tanıtımı — çalışma UI + özellik UI */
.bot-tanitim { padding-top: 20px; }
.bt-sekmeler { display: flex; flex-wrap: wrap; gap: 8px; margin: 16px 0 14px; }
.bt-sekme {
  padding: 7px 14px; border-radius: 999px; font-size: 13px; font-weight: 700;
  background: var(--card); border: 1px solid var(--line); color: var(--dim); cursor: pointer;
}
.bt-sekme.secili { color: var(--bg); background: linear-gradient(135deg, var(--gold2), var(--gold)); border-color: var(--gold); }
.bt-sekme .mini { font-weight: 600; opacity: .75; margin-left: 4px; font-size: 11px; }
.bt-tanim { padding: 14px 16px; margin-bottom: 12px; }
.bt-tanim-bas { display: flex; gap: 12px; align-items: flex-start; }
.bt-ikon { font-size: 32px; line-height: 1; }
.bt-tanim h3 { margin: 0 0 6px; font-size: 18px; }
.bt-tanim p { margin: 0; font-size: 13.5px; line-height: 1.45; }
.bt-tanim-cta { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 12px; }
.bt-ui-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.bt-ui { padding: 12px; }
.bt-ui-etiket {
  font-size: 11px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase;
  color: var(--gold2); margin-bottom: 10px;
}
.bt-mini-cal { display: flex; flex-direction: column; gap: 8px; }
.bt-mini-asama { display: flex; gap: 8px; font-size: 12px; color: var(--dim); }
.bt-mini-asama .ok { color: var(--green); font-weight: 700; }
.bt-mini-enerji { display: flex; flex-wrap: wrap; gap: 6px; font-size: 11.5px; }
.bt-mini-enerji span {
  padding: 4px 8px; border-radius: 6px; background: var(--bg); border: 1px solid var(--line);
}
.bt-mini-log {
  font: 12px/1.55 ui-monospace, Consolas, monospace; color: var(--dim);
  background: var(--bg2); border: 1px solid var(--line); border-radius: 8px; padding: 10px 12px; min-height: 72px;
}
.bt-mini-log .c { color: var(--gold2); }
.bt-mini-log .y { color: var(--green); }
.bt-mini-btns { display: flex; flex-wrap: wrap; gap: 8px; font-size: 12px; font-weight: 700; }
.bt-mini-btns .gold { color: var(--gold2); }
.bt-mini-oz { display: flex; flex-direction: column; gap: 8px; }
.bt-mini-oz > div {
  display: flex; flex-direction: column; gap: 2px; padding: 8px 10px;
  border-radius: 8px; background: var(--bg); border: 1px solid var(--line);
}
.bt-mini-oz b { font-size: 12.5px; }
.bt-mini-oz span { font-size: 12px; color: var(--dim); }
@media (max-width: 760px) {
  .bt-ui-grid { grid-template-columns: 1fr; }
  .bt-tanim-bas { flex-direction: column; gap: 8px; }
}


/* Maden tanıtım — tam çalışma ortamı (boyut aynı sütunda, içerik dolu) */
.bt-ui-cal-full { min-height: 100%; }
.bt-maden-ortam { gap: 8px; }
.bt-mini-sayac {
  display: grid; grid-template-columns: repeat(5, 1fr); gap: 4px;
}
.bt-mini-sayac span {
  text-align: center; padding: 4px 2px; border-radius: 6px;
  background: var(--bg); border: 1px solid var(--line); font-size: 11px;
}
.bt-mini-sayac b { display: block; font-size: 12px; color: var(--txt); }
.bt-mini-sayac i { font-style: normal; color: var(--dim); font-size: 10px; }
.bt-ortam-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr 1fr;
  gap: 8px;
  margin-top: 2px;
  aspect-ratio: 1.15; /* dış çerçeve yaklaşık kare */
}
.bt-ortam-kutu {
  background: var(--bg); border: 1px solid var(--line); border-radius: 8px; padding: 8px;
  min-height: 0;
  aspect-ratio: 1;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.bt-ortam-kutu .bt-chip,
.bt-ortam-kutu .bt-izgara,
.bt-ortam-kutu .bt-lej { flex: 1; min-height: 0; }
.bt-harita-mini .bt-izgara:not(#izgara) { flex: 1; aspect-ratio: auto; height: auto; }
.bt-ortam-kutu header {
  display: flex; justify-content: space-between; align-items: center;
  font-size: 11.5px; font-weight: 700; margin-bottom: 6px; color: var(--gold2);
}
.bt-ortam-kutu header i { font-style: normal; color: var(--dim); font-weight: 600; }
.bt-chip {
  font-size: 11.5px; padding: 3px 0; color: var(--dim);
  border-bottom: 1px solid rgba(61,50,40,.35);
}
.bt-chip:last-child { border-bottom: 0; }
.bt-chip.ok { color: var(--green); font-weight: 600; }
.bt-chip.gold { color: var(--gold2); }
/* Statik tanıtım ızgarası (index) — 8×8 <i> hücre. Canlı #izgara sütununu
   calistir.js yazar; buradaki repeat canlı haritaya UYGULANMAZ. */
.bt-harita-mini .bt-izgara:not(#izgara) {
  display: grid; grid-template-columns: repeat(8, 1fr); gap: 2px;
  aspect-ratio: 1; margin: 4px 0;
}
.bt-izgara i {
  display: block; border-radius: 2px; background: var(--bg); min-height: 10px;
}
.bt-izgara i.sis { background: var(--soft); opacity: .55; }
.bt-izgara i.m { background: rgba(212,160,71,.55); }
.bt-izgara i.n { background: rgba(212,160,71,.65); }
.bt-izgara i.h { background: var(--green); }
.bt-lej { display: flex; flex-wrap: wrap; gap: 8px; font-size: 10.5px; color: var(--dim); }
.bt-ayar-serit {
  margin-top: 4px; padding-top: 6px; border-top: 1px solid var(--line); font-size: 11px;
}
@media (max-width: 760px) {
  .bt-mini-sayac { grid-template-columns: repeat(3, 1fr); }
  .bt-ortam-grid {
    grid-template-columns: 1fr 1fr !important;
    aspect-ratio: auto;
  }
  .bt-ortam-kutu { aspect-ratio: 1 !important; }
}
/* Tanıtımda özellik sütunu üstte hizalı kalsın */
.bt-panel[data-bt-panel="maden"] .bt-ui-grid { align-items: start; }


/* Tanıtım — Ayarlar UI önizleme */
.bt-mini-ayar { display: flex; flex-direction: column; gap: 8px; }
.bt-ayar-grup {
  margin: 0; padding: 6px 8px 8px;
  border: 1px solid var(--line); border-radius: 8px; background: var(--bg);
}
.bt-ayar-grup legend {
  padding: 0 4px; font-size: 11px; font-weight: 800; color: var(--gold2);
}
.bt-ayar-satir {
  display: flex; justify-content: space-between; gap: 8px;
  font-size: 12px; padding: 3px 0; color: var(--dim);
}
.bt-ayar-satir b { color: var(--txt); font-weight: 700; }
.bt-ayar-satir b.dim { color: var(--dim); font-weight: 600; }
.bt-ayar-check { font-size: 12px; color: var(--dim); padding: 2px 0; }


/* Tanıtım UI — daha küçük (sadece önizleme) */
.bot-tanitim { padding: 16px 0 8px; }
.bot-tanitim h2 { font-size: clamp(16px, 2.2vw, 20px); }
.bot-tanitim > .container > .dim { font-size: 13px; margin-bottom: 4px; }
.bt-sekme { padding: 5px 11px; font-size: 12px; }
.bt-tanim { padding: 10px 12px; margin-bottom: 8px; }
.bt-ikon { font-size: 26px; }
.bt-tanim h3 { font-size: 15px; margin: 0 0 4px; }
.bt-tanim p { font-size: 12.5px; line-height: 1.35; }
.bt-tanim-cta { margin-top: 8px; gap: 6px; }
.bt-ui { padding: 8px; }
.bt-ui-etiket { font-size: 10px; margin-bottom: 6px; }
.bt-ui-grid { gap: 8px; }
.bt-maden-ortam { gap: 5px; }
.bt-mini-asama { font-size: 11px; }
.bt-mini-enerji span { padding: 2px 6px; font-size: 10.5px; }
.bt-mini-sayac span { padding: 3px 1px; }
.bt-mini-sayac b { font-size: 11px; }
.bt-mini-sayac i { font-size: 9px; }
.bt-mini-btns { font-size: 11px; gap: 6px; }
.bt-ortam-grid { gap: 6px !important; aspect-ratio: 1.2; }
.bt-ortam-kutu { padding: 6px !important; border-radius: 6px !important; }
.bt-ortam-kutu header { font-size: 10.5px; margin-bottom: 4px; }
.bt-chip { font-size: 10.5px; padding: 2px 0; }
.bt-log-alt .bt-mini-log,
.bt-mini-log {
  font-size: 10.5px !important; line-height: 1.4 !important;
  padding: 6px 8px !important; min-height: 0 !important;
  max-height: 72px; overflow: auto;
}
.bt-log-alt { margin-top: 6px; }
.bt-mini-ayar { gap: 5px; }
.bt-ayar-grup { padding: 4px 6px 6px; border-radius: 6px; }
.bt-ayar-grup legend { font-size: 10px; }
.bt-ayar-satir, .bt-ayar-check { font-size: 11px; padding: 1px 0; }
.bt-lej { font-size: 9.5px; gap: 6px; }


/* Log — canlı harita kutusunun içinde, haritanın hemen altında */
.bt-harita-mini {
  display: flex !important;
  flex-direction: column !important;
  aspect-ratio: auto !important; /* log sığsın diye kareyi bırak */
  min-height: 0;
}
.bt-harita-mini .bt-izgara { flex: 0 0 auto; max-height: none; }
.bt-log-harita-alti {
  margin-top: 6px !important;
  flex: 1 1 auto;
  max-height: 64px !important;
  min-height: 48px !important;
  font-size: 10px !important;
  padding: 5px 6px !important;
}


/* ═══ Tanıtım Maden — simetrik / göze hitap ═══ */
.bt-maden-grid {
  display: grid !important;
  grid-template-columns: 1.15fr 0.85fr !important;
  gap: 10px !important;
  align-items: stretch !important;
}
.bt-maden-grid > .bt-ui {
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: 10px !important;
  border-radius: 12px;
  background: var(--card);
  border: 1px solid var(--line);
  box-shadow: 0 6px 20px rgba(0,0,0,.25);
}
.bt-maden-grid .bt-ui-etiket {
  font-size: 10px;
  letter-spacing: .08em;
  margin-bottom: 8px;
  color: var(--gold2);
}
.bt-maden-ortam { gap: 8px !important; flex: 1; }
.bt-ust { display: flex; flex-direction: column; gap: 6px; }
.bt-mini-asama {
  display: flex; justify-content: space-between; gap: 8px;
  font-size: 11px; padding: 6px 8px; border-radius: 8px;
  background: rgba(0,0,0,.22); border: 1px solid var(--line);
}
.bt-mini-enerji { display: grid; grid-template-columns: repeat(3, 1fr); gap: 6px; }
.bt-mini-enerji span {
  text-align: center; padding: 5px 4px !important; font-size: 11px !important;
  border-radius: 7px; background: var(--bg); border: 1px solid var(--line);
}
.bt-mini-sayac {
  display: grid !important; grid-template-columns: repeat(5, 1fr) !important; gap: 5px !important;
}
.bt-mini-sayac span {
  padding: 5px 2px !important; border-radius: 7px;
  background: var(--bg); border: 1px solid var(--line);
}
.bt-mini-btns {
  display: flex; flex-wrap: wrap; gap: 8px; font-size: 11.5px; font-weight: 700;
  padding: 4px 0 2px;
}
.bt-ortam-grid {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  grid-template-rows: 1fr 1fr !important;
  gap: 8px !important;
  aspect-ratio: auto !important;
  flex: 1;
  min-height: 210px;
}
.bt-ortam-kutu {
  aspect-ratio: auto !important;
  min-height: 0 !important;
  height: 100%;
  padding: 8px !important;
  border-radius: 9px !important;
  background: rgba(30,23,18,.72) !important;
  border: 1px solid var(--line) !important;
  display: flex !important;
  flex-direction: column !important;
  overflow: hidden !important;
}
.bt-ortam-kutu header {
  font-size: 11px !important;
  margin-bottom: 6px !important;
  flex: 0 0 auto;
}
.bt-chip { font-size: 11px !important; padding: 3px 0 !important; }
.bt-harita-mini .bt-izgara {
  flex: 0 0 auto !important;
  max-height: none !important;
  margin: 2px 0 4px !important;
}
.bt-log-harita-alti {
  margin-top: auto !important;
  max-height: 70px !important;
  min-height: 56px !important;
  font-size: 10px !important;
  line-height: 1.35 !important;
  padding: 6px 7px !important;
  background: var(--bg2) !important;
  border-radius: 6px !important;
  border: 1px solid var(--line) !important;
  overflow: auto;
}
/* Orijinal ayar formu — tanıtım sağ sütun */
.bt-ayar-orijinal.ayar-form {
  display: flex !important;
  flex-direction: column !important;
  gap: 7px !important;
  margin: 0 !important;
  flex: 1;
}
.bt-ayar-orijinal .ayar-grup {
  border: 1px solid var(--line) !important;
  border-radius: 8px !important;
  padding: 5px 8px 7px !important;
  margin: 0 !important;
  background: rgba(30,23,18,.55);
}
.bt-ayar-orijinal .ayar-grup legend {
  color: var(--gold) !important;
  font-size: 10.5px !important;
  font-weight: 700 !important;
  padding: 0 4px !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
  margin: 0 !important;
}
.bt-ayar-orijinal .ayar-satir {
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin: 4px 0 !important;
  min-height: 22px !important;
}
.bt-ayar-orijinal .ayar-satir label {
  flex: 0 0 88px !important;
  font-size: 11px !important;
  color: var(--dim) !important;
  margin: 0 !important;
}
.bt-ayar-orijinal .ayar-satir select,
.bt-ayar-orijinal .ayar-satir input {
  flex: 1 !important;
  min-width: 0 !important;
  padding: 2px 6px !important;
  font-size: 11px !important;
  height: 22px !important;
  min-height: 22px !important;
  background: var(--bg2) !important;
  border: 1px solid var(--line) !important;
  border-radius: 5px !important;
  color: var(--txt) !important;
}
.bt-ayar-orijinal .ayar-onay {
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  font-size: 11px !important;
  margin: 3px 0 !important;
  color: var(--txt) !important;
}
.bt-ayar-orijinal .ayar-onay input { width: 12px !important; height: 12px !important; }
.bt-ayar-orijinal > .btn { align-self: start; margin-top: 2px; opacity: .85; }

@media (max-width: 900px) {
  .bt-maden-grid { grid-template-columns: 1fr !important; }
}
@media (max-width: 520px) {
  .bt-mini-sayac { grid-template-columns: repeat(3, 1fr) !important; }
  .bt-ortam-grid { min-height: 280px; }
}


/* Eşit hücre yüksekliği — 2×2 simetri */
.bt-ortam-grid > .bt-ortam-kutu { justify-content: flex-start; }
.bt-ortam-grid > .bt-ortam-kutu:not(.bt-harita-mini) > .bt-chip { flex: 0 0 auto; }
.bt-maden-grid > .bt-ui.card { margin: 0; }
.bt-maden-grid .bt-ui-cal-full,
.bt-maden-grid .bt-ui-ayar { min-height: 100%; }
.bt-ayar-orijinal .ayar-grup:last-of-type { margin-bottom: 0; }


/* ═══ Çalışma ortamı — tanıtım ile aynı 2×2 ═══ */
.ortam-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr 1fr;
  gap: 10px;
  margin-top: 4px;
  min-height: 320px;
}
.ortam-kutu {
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding: 10px;
  border-radius: 10px;
  background: rgba(30,23,18,.72);
  border: 1px solid var(--line);
  min-height: 0;
  overflow: hidden;
}
.ortam-kutu > header {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
  margin: 0;
  font-size: 12px;
  font-weight: 700;
  color: var(--gold2);
}
.ortam-kutu > header b { flex: 1; font-size: 12px; color: var(--gold2); }
.ortam-kutu .canta-izgara,
.ortam-kutu .yuzey-kutu,
.ortam-kutu .maden-kutu {
  display: flex;
  flex-direction: column;
  gap: 4px;
  flex: 1;
  min-height: 0;
  overflow: auto;
}
.ortam-kutu .canta-chip,
.ortam-kutu .yuzey-item,
.ortam-kutu .maden-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  padding: 5px 8px;
  border-radius: 7px;
  background: rgba(0,0,0,.22);
  border: 1px solid var(--line);
  font-size: 12px;
  margin: 0;
}
.ortam-harita .harita-placeholder {
  flex: 0 0 auto;
  margin: 0;
  padding: 0;
  background: transparent;
  border: 0;
}
.ortam-harita .harita-placeholder .izgara,
.ortam-harita .izgara {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 3px;
  max-height: 88px;
  aspect-ratio: auto;
  border-radius: 6px;
}
.ortam-harita .izgara i {
  aspect-ratio: 1;
  border-radius: 3px;
  background: var(--soft);
  display: block;
}
.ortam-harita .izgara i.m { background: #3d6b3a; }
.ortam-harita .izgara i.n { background: var(--gold3); }
.ortam-harita .izgara i.h { background: #c47a3a; }
.ortam-harita .izgara i.sis { background: var(--bg); opacity: .85; }
.ortam-harita .harita-lejant {
  margin: 0;
  gap: 8px;
  font-size: 10.5px;
  color: var(--dim);
}
.ortam-harita .log-harita-alti,
.ortam-harita #bot-log.bot-log {
  margin-top: auto;
  max-height: 192px;
  min-height: 144px;
  font-size: 11px;
  line-height: 1.35;
  padding: 7px 8px;
  background: var(--bg2);
  border-radius: 7px;
  border: 1px solid var(--line);
  overflow: auto;
}
.calisma-sol > .card {
  display: flex;
  flex-direction: column;
}
.calisma-duzen {
  display: grid !important;
  grid-template-columns: 1.2fr 0.9fr !important;
  gap: 12px !important;
  align-items: start;
}
.calisma-sag .ayar-kart {
  position: sticky;
  top: 12px;
}
@media (max-width: 1000px) {
  .calisma-duzen { grid-template-columns: 1fr !important; }
  .ortam-grid { min-height: 420px; }
}
@media (max-width: 560px) {
  .ortam-grid {
    grid-template-columns: 1fr;
    grid-template-rows: auto;
    min-height: 0;
  }
}


/* ═══ Ortam: sol 3 kutu alt alta · sağ harita ═══ */
.bt-ortam-grid.bt-ortam-stack,
.ortam-grid.ortam-stack {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  grid-template-rows: 1fr !important;
  gap: 10px !important;
  aspect-ratio: auto !important;
  min-height: 240px;
  align-items: stretch;
}
.bt-ortam-sol,
.ortam-sol {
  display: flex;
  flex-direction: column;
  gap: 8px;
  min-height: 0;
  height: 100%;
}
.bt-ortam-stack > .bt-harita-mini,
.ortam-stack > .ortam-harita {
  height: 100%;
  min-height: 0;
}
.bt-ortam-sol > .bt-ortam-kutu,
.ortam-sol > .ortam-kutu {
  flex: 1 1 0;
  min-height: 0;
  aspect-ratio: auto !important;
}
.bt-ortam-stack .bt-log-harita-alti {
  max-height: 90px !important;
  min-height: 64px !important;
}
.ortam-stack .log-harita-alti {
  max-height: 110px;
  min-height: 80px;
}
@media (max-width: 560px) {
  .bt-ortam-grid.bt-ortam-stack,
  .ortam-grid.ortam-stack {
    grid-template-columns: 1fr !important;
  }
}


/* ═══ Ortam oran: dar sol listeler · geniş/yüksek harita ═══ */
.bt-ortam-grid.bt-ortam-stack,
.ortam-grid.ortam-stack {
  display: grid !important;
  grid-template-columns: minmax(140px, 0.72fr) minmax(220px, 1.55fr) !important;
  grid-template-rows: minmax(280px, 1fr) !important;
  gap: 10px !important;
  min-height: 320px !important;
  align-items: stretch !important;
}
.bt-ortam-sol,
.ortam-sol {
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
  min-width: 0;
  max-width: 100%;
}
.bt-ortam-sol > .bt-ortam-kutu,
.ortam-sol > .ortam-kutu {
  flex: 1 1 0 !important;
  padding: 7px 8px !important;
}
.bt-ortam-sol .bt-chip,
.ortam-sol .bt-chip,
.ortam-sol .canta-chip,
.ortam-sol .yuzey-item,
.ortam-sol .maden-item {
  font-size: 11px !important;
  padding: 3px 6px !important;
}
.bt-ortam-stack > .bt-harita-mini,
.ortam-stack > .ortam-harita,
.bt-ortam-stack > .bt-ortam-kutu.bt-harita-mini {
  min-height: 320px !important;
  height: 100% !important;
  display: flex !important;
  flex-direction: column !important;
}
.bt-harita-mini .bt-izgara,
.ortam-harita .bt-izgara,
.ortam-harita .harita-placeholder .izgara,
.ortam-harita .izgara {
  /* placeholder — gerçek kural sonda */
}
.bt-harita-mini .bt-log-harita-alti,
.ortam-harita .log-harita-alti,
.ortam-harita #bot-log {
  flex: 0 0 auto !important;
  max-height: 176px !important;
  min-height: 128px !important;
}
@media (max-width: 700px) {
  .bt-ortam-grid.bt-ortam-stack,
  .ortam-grid.ortam-stack {
    grid-template-columns: 1fr !important;
    min-height: 0 !important;
  }
  .bt-ortam-stack > .bt-harita-mini,
  .ortam-stack > .ortam-harita {
    min-height: 260px !important;
  }
}


/* ═══ Ayarlar UI biraz daha dar ═══ */
.bt-maden-grid {
  display: grid !important;
  grid-template-columns: 1.35fr 0.68fr !important;
  gap: 10px !important;
  align-items: stretch !important;
}
.bt-maden-grid > .bt-ui-ayar {
  min-width: 0;
  max-width: 100%;
}
.bt-ayar-orijinal .ayar-satir label {
  flex: 0 0 72px !important;
  font-size: 10.5px !important;
}
.bt-ayar-orijinal .ayar-onay span,
.bt-ayar-orijinal .ayar-satir select,
.bt-ayar-orijinal .ayar-satir input {
  font-size: 10.5px !important;
}
.calisma-duzen {
  display: grid !important;
  grid-template-columns: 1.35fr 0.68fr !important;
  gap: 12px !important;
  align-items: start !important;
}
.calisma-sag {
  min-width: 0 !important;
  max-width: 340px;
}
.calisma-sag .ayar-kart,
.calisma-sag .bt-ui-ayar {
  max-width: 100%;
}
@media (max-width: 1000px) {
  .bt-maden-grid,
  .calisma-duzen {
    grid-template-columns: 1fr !important;
  }
  .calisma-sag { max-width: none; }
}


/* ═══ Canlı harita: kare hücreler ═══
   SÜTUN SAYISI BURADA SABİTLENMEZ: yüzey 8×8, 10×10 veya 12×12 olabiliyor
   ve sütunu calistir.js satır içi stille yazıyor. Eskiden burada
   "repeat(8, …) !important" vardı; 10×10 / 12×12 yüzeyde hücreler taşıp
   iç içe giriyordu. Boyutlandırma dosyanın sonundaki blokta. */
.bt-harita-mini .bt-izgara,
.ortam-harita .bt-izgara,
.ortam-harita .harita-placeholder .izgara,
.ortam-harita .izgara,
.bt-harita-mini .harita-placeholder .izgara {
  display: grid !important;
  gap: 3px !important;
  max-width: 100% !important;
  max-height: none !important;
  min-height: 0 !important;
}
.bt-harita-mini .bt-izgara > i,
.ortam-harita .izgara > i,
.bt-harita-mini .izgara > i,
.ortam-harita .harita-placeholder .izgara > i,
#izgara > .hucre {
  aspect-ratio: 1 / 1 !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  display: flex !important;
  align-items: center;
  justify-content: center;
  border-radius: 3px;
  background: var(--soft);
}
#izgara.admin-yuru { cursor: crosshair; }
#izgara.admin-yuru > .hucre { cursor: pointer; }
#izgara.admin-yuru > .hucre:hover { outline: 2px solid var(--gold2); outline-offset: -2px; }
#hucre-menu {
  position: fixed;
  z-index: 80;
  min-width: 168px;
  padding: 4px;
  background: var(--card);
  border: 1px solid var(--line);
  border-radius: 8px;
  box-shadow: var(--shadow);
}
#hucre-menu[hidden] { display: none !important; }
#hucre-menu button {
  display: block;
  width: 100%;
  text-align: left;
  padding: 6px 10px;
  border-radius: 5px;
  color: var(--txt);
  font-size: 12.5px;
  font-weight: 600;
}
#hucre-menu button:hover {
  background: var(--soft);
  color: var(--gold2);
}
#hucre-menu .hucre-menu-bas {
  padding: 8px 10px;
  color: var(--dim);
  font-size: 12px;
}
.bt-harita-mini .bt-izgara > i.m,
.ortam-harita .izgara > i.m,
#izgara > .hucre.m { background: #3d6b3a; }
.bt-harita-mini .bt-izgara > i.n,
.ortam-harita .izgara > i.n,
#izgara > .hucre.n { background: var(--gold3); }
.bt-harita-mini .bt-izgara > i.h,
.ortam-harita .izgara > i.h,
#izgara > .hucre.h { background: #c47a3a; }
.bt-harita-mini .bt-izgara > i.sis,
.ortam-harita .izgara > i.sis,
#izgara > .hucre.sis { background: var(--bg); opacity: .9; }

.bt-ortam-stack > .bt-harita-mini,
.ortam-stack > .ortam-harita {
  min-height: 0 !important;
  height: auto !important;
  align-self: start;
}
.bt-ortam-grid.bt-ortam-stack,
.ortam-grid.ortam-stack {
  align-items: stretch !important;
  grid-template-rows: auto !important;
  min-height: 0 !important;
}
.bt-ortam-sol,
.ortam-sol { align-self: stretch; }
.bt-harita-mini .bt-log-harita-alti,
.ortam-harita .log-harita-alti {
  margin-top: 6px !important;
  max-height: 156px !important;
}


/* ═══ Harita flatten kilidi kır ═══ */
.bt-harita-mini .bt-izgara,
.ortam-harita .izgara {
  max-height: none !important;
  height: auto !important;
}
.bt-harita-mini .bt-izgara > i {
  aspect-ratio: 1 / 1 !important;
  height: auto !important;
}




/* ═══ Çalışma üst yazılar +2 · ayarlar uyum ═══ */
.bt-mini-asama {
  font-size: 13px !important;
  padding: 7px 9px !important;
}
.bt-mini-enerji span {
  font-size: 13px !important;
  padding: 6px 5px !important;
}
.bt-mini-sayac span {
  font-size: 12px !important;
  padding: 6px 3px !important;
}
.bt-mini-sayac span b {
  font-size: 14px !important;
  display: block;
  line-height: 1.2;
}
.bt-mini-sayac span i {
  font-size: 11px !important;
  font-style: normal;
  color: var(--dim);
}
.bt-mini-btns {
  font-size: 13.5px !important;
}

/* Ayarlar iç item — sol UI densitesi / tipografi */
.bt-ayar-orijinal.ayar-form,
.calisma-sag .ayar-form.bt-ayar-orijinal,
.calisma-sag .ayar-form {
  gap: 8px !important;
}
.bt-ayar-orijinal .ayar-grup,
.calisma-sag .ayar-grup {
  border-radius: 9px !important;
  padding: 7px 9px 9px !important;
  background: rgba(30,23,18,.72) !important;
  border: 1px solid var(--line) !important;
}
.bt-ayar-orijinal .ayar-grup legend,
.calisma-sag .ayar-grup legend {
  font-size: 12px !important;
  color: var(--gold2) !important;
  font-weight: 700 !important;
}
.bt-ayar-orijinal .ayar-satir,
.calisma-sag .ayar-satir {
  min-height: 26px !important;
  margin: 5px 0 !important;
  gap: 8px !important;
}
.bt-ayar-orijinal .ayar-satir label,
.calisma-sag .ayar-satir label {
  flex: 0 0 78px !important;
  font-size: 12px !important;
  color: var(--dim) !important;
}
.bt-ayar-orijinal .ayar-satir select,
.bt-ayar-orijinal .ayar-satir input,
.calisma-sag .ayar-satir select,
.calisma-sag .ayar-satir input {
  font-size: 12.5px !important;
  height: 26px !important;
  min-height: 26px !important;
  padding: 3px 7px !important;
  border-radius: 7px !important;
  background: rgba(0,0,0,.28) !important;
  border: 1px solid var(--line) !important;
}
.bt-ayar-orijinal .ayar-onay,
.calisma-sag .ayar-onay {
  font-size: 12.5px !important;
  margin: 4px 0 !important;
  gap: 7px !important;
}
.calisma-sag .harita-kaydet-btn {
  flex: 1;
  width: 100%;
  height: 28px;
  min-height: 28px;
  font-size: 12.5px;
  font-weight: 700;
}
.bt-ayar-orijinal .ayar-onay span,
.calisma-sag .ayar-onay span {
  font-size: 12.5px !important;
  color: var(--txt) !important;
}
.bt-ui-etiket {
  font-size: 11px !important;
}


/* Bağlantıyı Kes — Çalışma UI aşama satırı */
.bt-mini-asama {
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
}
.bt-mini-asama .bt-kes,
.bt-mini-asama .btn.bt-kes {
  margin-left: auto;
  padding: 3px 8px !important;
  font-size: 11px !important;
  min-height: 24px !important;
  line-height: 1.2 !important;
}


/* Butonlar — log üstü (harita kutusu içi) */
.bt-btns-log-ustu {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
  align-items: center !important;
  margin: 6px 0 4px !important;
  padding: 2px 0 !important;
  font-size: 13px !important;
  font-weight: 700 !important;
}
.bt-btns-log-ustu .gold,
.bt-btns-log-ustu .btn-gold,
.bt-btns-log-ustu button.gold {
  color: var(--gold) !important;
}
.bt-btns-log-ustu .linkish,
.bt-btns-log-ustu > span,
.bt-btns-log-ustu > button {
  background: transparent;
  border: 0;
  cursor: pointer;
  color: var(--txt);
  font: inherit;
  font-weight: 700;
  padding: 0;
}
.bt-harita-mini .bt-log-harita-alti,
.ortam-harita .log-harita-alti {
  margin-top: 4px !important;
}


/* Sayaç — konum kaldırıldı, 4 kutu */
.bt-mini-sayac {
  grid-template-columns: repeat(4, 1fr) !important;
}
.sayac-serit {
  grid-template-columns: repeat(auto-fit, minmax(72px, 1fr));
}


/* Maden sayacı — nadir / normal 2 satır */
.sayac-maden,
.bt-mini-sayac span.sayac-maden {
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 2px !important;
  line-height: 1.15 !important;
  text-align: center !important;
}
.sayac-maden b {
  display: block !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  color: var(--txt) !important;
}
.sayac-maden b em,
.sayac-maden em {
  font-style: normal !important;
  color: var(--gold2) !important;
  font-weight: 800 !important;
  margin-right: 3px;
}
.bt-mini-sayac span.sayac-maden i { display: none !important; }


/* Göz — tek satır metin */
.sayac-goz,
.bt-mini-sayac span.sayac-goz {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  padding-left: 4px !important;
  padding-right: 4px !important;
}
.sayac-goz b {
  font-size: 11px !important;
  font-weight: 600 !important;
  color: var(--dim) !important;
  line-height: 1.25 !important;
}
.sayac-goz em,
.sayac-goz #s-goz {
  font-style: normal !important;
  font-weight: 800 !important;
  color: var(--txt) !important;
  font-size: 13px !important;
}


/* Sayaç — eşit format / tema / font */
.bt-mini-sayac span,
.sayac-serit .sayac {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  gap: 2px !important;
  font-family: "Segoe UI", system-ui, sans-serif !important;
}
.bt-mini-sayac span b,
.sayac-serit .sayac b {
  font-size: 14px !important;
  font-weight: 700 !important;
  color: var(--txt) !important;
  line-height: 1.2 !important;
  display: block !important;
}
.bt-mini-sayac span i,
.bt-mini-sayac span > i,
.sayac-serit .sayac > span,
.sayac-serit .sayac i {
  font-size: 11px !important;
  font-weight: 500 !important;
  font-style: normal !important;
  color: var(--dim) !important;
  line-height: 1.2 !important;
}
/* maden 2 satır — aynı font, sayı bold + etiket dim */
.sayac-maden b {
  font-size: 13px !important;
  font-weight: 700 !important;
  color: var(--txt) !important;
}
.sayac-maden b i,
.sayac-maden b em + i {
  font-size: 11px !important;
  font-weight: 500 !important;
  color: var(--dim) !important;
  margin-left: 3px;
}
.sayac-maden em,
.sayac-maden #s-nadir,
.sayac-maden #s-normal {
  font-style: normal !important;
  font-weight: 700 !important;
  color: var(--txt) !important;
  font-size: inherit !important;
}
.sayac-goz b,
.bt-mini-sayac span.sayac-goz b {
  font-size: 14px !important;
  color: var(--txt) !important;
}
.sayac-goz > span,
.sayac-goz > i,
.bt-mini-sayac span.sayac-goz i {
  font-size: 11px !important;
  color: var(--dim) !important;
  font-weight: 500 !important;
}


/* Sayaç kartları — tam 2 satır + metin */
.bt-mini-sayac {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 6px !important;
}
.bt-mini-sayac .sayac-kart,
.sayac-serit .sayac-kart {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  gap: 3px !important;
  min-height: 48px !important;
  padding: 6px 4px !important;
  font-family: "Segoe UI", system-ui, sans-serif !important;
}
.bt-mini-sayac .sayac-kart > b,
.sayac-serit .sayac-kart > b {
  display: block !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  color: var(--txt) !important;
  line-height: 1.2 !important;
  font-style: normal !important;
}
.bt-mini-sayac .sayac-kart > i,
.sayac-serit .sayac-kart > span {
  display: block !important;
  font-size: 11px !important;
  font-weight: 500 !important;
  font-style: normal !important;
  color: var(--dim) !important;
  line-height: 1.2 !important;
}
/* maden: 2 eşit satır, ikisinde de metin */
.sayac-maden > b {
  display: block !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  color: var(--txt) !important;
  line-height: 1.25 !important;
}
.sayac-maden > b em {
  font-style: normal !important;
  font-weight: 700 !important;
  color: var(--txt) !important;
}
.sayac-maden > i { display: none !important; }


/* Sayaç başlıkları — kalın büyük */
.bt-mini-sayac .sayac-kart,
.sayac-serit .sayac-kart {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  gap: 4px !important;
  min-height: 52px !important;
  padding: 7px 5px !important;
}
.sayac-baslik,
.bt-mini-sayac .sayac-kart > b.sayac-baslik,
.sayac-serit .sayac-kart > b.sayac-baslik {
  display: block !important;
  font-size: 12.5px !important;
  font-weight: 800 !important;
  color: var(--gold2) !important;
  line-height: 1.2 !important;
  letter-spacing: .01em;
}
.sayac-deger,
.bt-mini-sayac .sayac-kart > i.sayac-deger,
.sayac-serit .sayac-kart > .sayac-deger {
  display: block !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  font-style: normal !important;
  color: var(--txt) !important;
  line-height: 1.25 !important;
}
.sayac-deger em {
  font-style: normal !important;
  font-weight: 800 !important;
  color: var(--txt) !important;
}
/* maden artık tek değer satırı */
.sayac-maden > b.sayac-baslik { margin-bottom: 0; }
.sayac-maden > b:not(.sayac-baslik) { display: none !important; }


/* Butonlar — her biri kendi sarı arka planı */
.bt-btns-log-ustu {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 8px !important;
  margin: 6px 0 6px !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
}
.bt-btns-log-ustu .btn-motor,
.bt-btns-log-ustu .btn-yan {
  appearance: none;
  border: 1px solid rgba(0,0,0,.28);
  background: var(--gold) !important;
  color: var(--bg) !important;
  font-family: "Segoe UI", system-ui, sans-serif;
  font-size: 13px !important;
  font-weight: 800 !important;
  padding: 6px 12px !important;
  border-radius: 7px !important;
  cursor: pointer;
  line-height: 1.2;
  box-shadow: 0 1px 0 rgba(255,255,255,.15) inset;
}
.bt-btns-log-ustu .btn-motor {
  min-width: 108px;
  background: var(--gold) !important;
  color: var(--bg) !important;
}
.bt-btns-log-ustu .btn-motor[data-durum="calisiyor"] {
  background: var(--gold3) !important;
  color: var(--bg) !important;
}
.bt-btns-log-ustu .btn-yan.dim {
  opacity: .85;
  font-weight: 700 !important;
}
.bt-btns-log-ustu .btn-yan:hover,
.bt-btns-log-ustu .btn-motor:hover {
  filter: brightness(1.06);
}


/* Oyun karakter adı — altın zemin, koyu yazı */
.karakter-adi,
b.karakter-adi,
#karakter-adi,
#asama1.karakter-adi,
#kilit-karakter-ad,
.ths-nick,
.ths-boss-liste .ths-r1:not(.bos) {
  display: inline-block;
  font-weight: 800 !important;
  color: #1a1408 !important;
  background: var(--gold2);
  padding: 1px 8px;
  border-radius: 4px;
  letter-spacing: .02em;
  font-style: normal !important;
  line-height: 1.3;
}
.bt-mini-asama .ok {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  flex-wrap: wrap;
}


/* Butonlar görünür · harita boyutu
   NOT: buradaki "height/width" sabitlemeleri kaldırıldı — harita kutusunun
   boyu artık ayar sütununa göre (--harita-boy) belirleniyor, ızgara da o
   kareye sığıyor. Bkz. dosyanın sonundaki "Canlı harita ızgarası" bloğu. */
.bt-ortam-kutu.bt-harita-mini,
.ortam-kutu.ortam-harita,
#harita-kutu {
  overflow: visible;
  max-height: none !important;
}
.bt-harita-mini .bt-izgara,
.ortam-harita .bt-izgara,
.ortam-harita .izgara {
  max-height: none !important;
}
.bt-btns-log-ustu {
  display: flex !important;
  visibility: visible !important;
  flex: 0 0 auto !important;
  position: relative !important;
  z-index: 2 !important;
  width: 100% !important;
  margin: 6px 0 !important;
  gap: 8px !important;
}
.bt-btns-log-ustu .btn-motor,
.bt-btns-log-ustu .btn-yan,
.bt-btns-log-ustu > button {
  display: inline-flex !important;
  align-items: center !important;
  visibility: visible !important;
  background: var(--gold) !important;
  color: var(--bg) !important;
  border: 1px solid rgba(0,0,0,.28) !important;
  padding: 6px 12px !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  border-radius: 7px !important;
}
.bt-btns-log-ustu .btn-motor { min-width: 108px; }
.bt-log-harita-alti,
.bt-mini-log.bt-log-harita-alti {
  flex: 0 0 auto !important;
  max-height: 156px !important;
}

/* Sayaç / genel — kompakt öncesi ölçüye yakın */
.bt-mini-sayac .sayac-kart,
.sayac-serit .sayac-kart {
  min-height: 52px !important;
  padding: 7px 5px !important;
}
.sayac-baslik,
.bt-mini-sayac .sayac-kart > b.sayac-baslik {
  font-size: 12.5px !important;
}
.sayac-deger,
.bt-mini-sayac .sayac-kart > i.sayac-deger {
  font-size: 13px !important;
}
.bt-maden-grid > .bt-ui { padding: 10px !important; }
.bt-ortam-kutu, .ortam-kutu { padding: 8px !important; }


/* Enerji / Hazine satırı — değer + buton */
.bt-mini-enerji {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 6px !important;
}
.bt-mini-enerji .enerji-item {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  gap: 5px !important;
  padding: 6px 7px !important;
  border-radius: 8px !important;
  background: rgba(0,0,0,.22) !important;
  border: 1px solid var(--line) !important;
}
.bt-mini-enerji .enerji-deger {
  font-size: 12.5px !important;
  font-weight: 700 !important;
  color: var(--txt) !important;
  text-align: center !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
}
.bt-mini-enerji .btn-enerji {
  appearance: none;
  border: 1px solid rgba(0,0,0,.28);
  background: var(--gold) !important;
  color: var(--bg) !important;
  font-family: "Segoe UI", system-ui, sans-serif;
  font-size: 11.5px !important;
  font-weight: 800 !important;
  padding: 4px 8px !important;
  border-radius: 6px !important;
  cursor: pointer;
  line-height: 1.2;
  width: 100%;
}
.bt-mini-enerji .btn-enerji:hover {
  filter: brightness(1.06);
}


/* calistir = tanıtım bot UI aynı düzen */
.calisma-duzen.bt-maden-grid {
  display: grid !important;
  grid-template-columns: 1.35fr 0.68fr !important;
  gap: 10px !important;
  align-items: start !important;
}
.calisma-duzen.bt-maden-grid .calisma-sol,
.calisma-duzen.bt-maden-grid .calisma-sag {
  min-width: 0;
}
.calisma-duzen .bt-ui-cal-full,
.calisma-duzen .bt-ui-ayar {
  height: 100%;
}
.calisma-duzen .enerji-deger .mini-sayi {
  width: 48px;
  margin-left: 4px;
  padding: 1px 4px;
  font-size: 12px;
  background: rgba(0,0,0,.25);
  border: 1px solid var(--line);
  border-radius: 4px;
  color: var(--txt);
}
@media (max-width: 1000px) {
  .calisma-duzen.bt-maden-grid {
    grid-template-columns: 1fr !important;
  }
}


/* hazine input sarı buton stiline girmesin */
.bt-mini-enerji input.mini-sayi,
.enerji-deger input {
  background: rgba(0,0,0,.3) !important;
  color: var(--txt) !important;
  border: 1px solid var(--line) !important;
  box-shadow: none !important;
}


/* Ayarlar altı — enerji 3 satır */
.ayar-enerji-aksiyon {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.ayar-enerji-aksiyon .enerji-satir {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding: 6px 8px;
  border-radius: 7px;
  background: rgba(0,0,0,.22);
  border: 1px solid var(--line);
}
.ayar-enerji-aksiyon .enerji-deger {
  font-size: 12.5px;
  font-weight: 700;
  color: var(--txt);
  flex: 1;
  min-width: 0;
}
.ayar-enerji-aksiyon .btn-enerji {
  appearance: none;
  flex: 0 0 auto;
  border: 1px solid rgba(0,0,0,.28);
  background: var(--gold) !important;
  color: var(--bg) !important;
  font-family: "Segoe UI", system-ui, sans-serif;
  font-size: 12px !important;
  font-weight: 800 !important;
  padding: 5px 10px !important;
  border-radius: 6px !important;
  cursor: pointer;
  white-space: nowrap;
}


/* Bağlan görünümü — gelişmiş */
.baglan-gelismis { padding: 14px 16px !important; }
.baglan-ust {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  align-items: flex-start;
  margin-bottom: 12px;
  flex-wrap: wrap;
}
.baglan-baslik {
  margin: 0 0 4px;
  font-size: 18px;
  font-weight: 800;
  color: var(--gold2);
}
.baglan-pipeline {
  display: flex;
  align-items: center;
  gap: 8px;
}
.pipe {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1px;
  padding: 6px 10px;
  border-radius: 10px;
  border: 1px solid var(--line);
  background: rgba(0,0,0,.2);
  min-width: 88px;
}
.pipe.aktif {
  border-color: rgba(212,160,71,.45);
  background: rgba(212,160,71,.1);
}
.pipe-no {
  width: 18px; height: 18px; border-radius: 50%;
  display: inline-flex; align-items: center; justify-content: center;
  font-size: 11px; font-weight: 800;
  background: rgba(212,160,71,.25); color: var(--gold2);
  margin-bottom: 2px;
}
.pipe b { font-size: 12px; color: var(--txt); }
.pipe i { font-style: normal; font-size: 10.5px; color: var(--dim); }
.pipe-cizgi {
  width: 28px; height: 2px;
  background: linear-gradient(90deg, rgba(212,160,71,.5), var(--line));
  border-radius: 2px;
}

.baglan-durum-seridi {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 8px;
  margin-bottom: 12px;
}
.durum-chip {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 10px;
  border-radius: 10px;
  border: 1px solid var(--line);
  background: rgba(0,0,0,.22);
}
.durum-chip b { display: block; font-size: 12px; color: var(--txt); }
.durum-chip i { font-style: normal; font-size: 11px; color: var(--dim); }
.durum-nokta {
  width: 8px; height: 8px; border-radius: 50%;
  background: var(--green);
  box-shadow: 0 0 0 3px rgba(80,180,100,.15);
  flex: 0 0 auto;
}
.durum-chip.uyar .durum-nokta { background: var(--warn); box-shadow: 0 0 0 3px rgba(212,160,71,.15); }
.durum-nokta.soluk { background: #666; box-shadow: none; opacity: .6; }

.baglan-stack.gelismis {
  display: grid;
  grid-template-columns: 1.05fr 0.95fr;
  gap: 12px;
  align-items: stretch;
}
.baglan-kart {
  display: flex;
  flex-direction: column;
  padding: 12px 14px !important;
  height: 100%;
}
.baglan-kart .giris-kart-bas {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  font-size: 14px !important;
  font-weight: 800;
  margin-bottom: 6px;
}
.baglan-timeline {
  list-style: none;
  margin: 8px 0 12px;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 0;
  border-left: 2px solid var(--line);
  margin-left: 8px;
}
.baglan-timeline li {
  position: relative;
  padding: 6px 0 6px 14px;
}
.baglan-timeline li::before {
  content: "";
  position: absolute;
  left: -6px; top: 12px;
  width: 10px; height: 10px;
  border-radius: 50%;
  background: var(--soft);
  border: 2px solid var(--line);
}
.baglan-timeline li.tm-done::before {
  background: var(--green);
  border-color: var(--green);
}
.baglan-timeline li.tm-now::before {
  background: var(--gold2);
  border-color: var(--gold2);
  box-shadow: 0 0 0 3px rgba(212,160,71,.2);
}
.baglan-timeline b { display: block; font-size: 12.5px; color: var(--txt); }
.baglan-timeline span { font-size: 11px; color: var(--dim); }

.baglan-aksiyon-blok { margin-top: auto; }
.baglan-aksiyon-blok .giris-dugmeleri { gap: 6px; flex-wrap: wrap; margin-bottom: 8px; }
.baglan-ipucu { margin: 6px 0 0; }
.eklenti-uyari {
  margin-top: 10px;
  padding: 8px 10px;
  border-radius: 8px;
  border: 1px solid rgba(212,160,71,.35);
  background: rgba(212,160,71,.08);
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.eklenti-uyari b { font-size: 12px; color: var(--gold2); }

.kayitli-kutu {
  margin: 0 0 10px;
  border: 1px solid var(--line);
  border-radius: 10px;
  overflow: hidden;
  background: rgba(0,0,0,.18);
}
.kayitli-bas {
  padding: 6px 10px;
  font-size: 11px;
  font-weight: 700;
  color: var(--dim);
  border-bottom: 1px solid var(--line);
  display: flex;
  justify-content: space-between;
}
.kayitli-satir {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  padding: 8px 10px;
}
.kayitli-kim { display: flex; align-items: center; gap: 8px; }
.kayitli-avatar {
  width: 28px; height: 28px; border-radius: 8px;
  display: inline-flex; align-items: center; justify-content: center;
  font-weight: 800; font-size: 12px;
  background: rgba(212,160,71,.2); color: var(--gold2);
}
.kayitli-kim b { display: block; font-size: 12.5px; }
.kayitli-kim .dim { display: block; }

.giris-izgara.gelismis {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 8px !important;
}
.giris-izgara.gelismis .giris-alan.genis { grid-column: 1 / -1; }
.giris-alan span { font-size: 11px; color: var(--dim); display: block; margin-bottom: 3px; }
.giris-alan input, .giris-alan select {
  width: 100%; min-height: 32px; padding: 5px 8px; font-size: 12.5px;
}
.baglan-form-alt {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  flex-wrap: wrap;
  margin-top: 10px;
}
.guven-notu { margin: 8px 0 0; }

@media (max-width: 900px) {
  .baglan-stack.gelismis { grid-template-columns: 1fr; }
  .baglan-durum-seridi { grid-template-columns: 1fr; }
  .giris-izgara.gelismis { grid-template-columns: 1fr !important; }
}


/* Eklenti giriş — gerçek akış */
.eklenti-adim {
  margin: 0 0 12px;
  padding: 10px 12px;
  border-radius: 10px;
  border: 1px solid var(--line);
  background: rgba(0,0,0,.16);
}
.eklenti-adim.son { margin-bottom: 10px; }
.adim-bas {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 8px;
}
.adim-no {
  width: 22px; height: 22px; border-radius: 50%;
  display: inline-flex; align-items: center; justify-content: center;
  font-size: 12px; font-weight: 800;
  background: rgba(212,160,71,.22); color: var(--gold2);
  flex: 0 0 auto;
}
.adim-bas b { font-size: 13px; color: var(--txt); }
.eklenti-yol {
  margin: 0 0 8px;
  padding-left: 18px;
  font-size: 12px;
  color: var(--txt);
  line-height: 1.45;
}
.eklenti-yol li { margin-bottom: 4px; }
.eklenti-yol b { color: var(--gold2); font-weight: 700; }

.btn-chrome {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  background: #1a73e8 !important;
  color: #fff !important;
  border: none !important;
  border-radius: 999px !important;
  padding: 8px 22px !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  text-decoration: none !important;
  box-shadow: 0 1px 3px rgba(0,0,0,.25);
}
.btn-chrome:hover { filter: brightness(1.08); }

.platform-dugmeler {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}
.btn-platform {
  flex: 1 1 140px;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  gap: 8px;
  background: rgba(0,0,0,.35) !important;
  border: 1px solid rgba(255,255,255,.18) !important;
  color: #fff !important;
  border-radius: 999px !important;
  padding: 9px 16px !important;
  font-size: 13px !important;
  font-weight: 600 !important;
}
.btn-platform:hover {
  border-color: rgba(212,160,71,.5) !important;
  background: rgba(212,160,71,.12) !important;
}
.plat-ikon { font-size: 14px; }

.sunucu-ornek {
  margin-top: 8px;
  padding: 8px 10px;
  border-radius: 8px;
  background: var(--card);
  border: 1px solid var(--soft);
  max-width: 260px;
}
.sunucu-bas {
  font-size: 12px;
  font-weight: 700;
  color: var(--gold);
  margin-bottom: 6px;
}
.sunucu-satir {
  display: block;
  width: 100%;
  margin: 0 0 4px;
  padding: 6px 8px;
  border-radius: 4px;
  background: var(--soft);
  color: var(--gold);
  font-size: 12px;
  font-weight: 600;
  text-align: left;
}

.guven-kutu {
  padding: 10px 12px;
  border-radius: 10px;
  border: 1px solid rgba(80,180,100,.35);
  background: rgba(80,180,100,.08);
  margin-bottom: 10px;
}
.guven-kutu b { font-size: 12.5px; color: #7dcf8a; }

/* timeline eski stilleri gizle — yeni adımlar kullanılıyor */
#eklenti-giris .baglan-timeline { display: none; }


/* ═══ Tanıtım Gül — kendi UI (mantık flokibot-dev) ═══ */
.bt-gul-grid {
  display: grid !important;
  grid-template-columns: 1.35fr 0.72fr !important;
  gap: 12px !important;
  align-items: stretch;
}
.bt-gul-ortam { display: flex; flex-direction: column; gap: 10px; }
.gul-asama { flex-wrap: wrap; }
.gul-sayac {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 0 !important;
  border: 1px solid rgba(212,160,71,.28) !important;
  border-radius: 10px !important;
  overflow: hidden;
  background: rgba(0,0,0,.18);
}
.gul-sayac .sayac-kart {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  gap: 1px !important;
  min-height: 0 !important;
  padding: 6px 4px !important;
  border: none !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  border-right: 1px solid rgba(212,160,71,.14) !important;
  border-bottom: 1px solid rgba(212,160,71,.14) !important;
}
.gul-sayac .sayac-kart:nth-child(4n) { border-right: none !important; }
.gul-sayac .sayac-kart:nth-child(n+5) { border-bottom: none !important; }
.gul-sayac .gul-kart-one-cik { display: none !important; }
.gul-hedef-mini { display: none !important; }
.gul-sayac .sayac-deger.ok { color: var(--green); }
.gul-sayac .sayac-deger.err { color: var(--red); }
.gul-sayac .sayac-alt { display: none !important; }
.gul-sayac .sayac-baslik {
  font-size: 10px !important;
  line-height: 1.15;
  color: var(--gold2) !important;
  font-weight: 700 !important;
}
.gul-sayac .sayac-deger {
  font-size: 14px !important;
  margin-top: 0 !important;
  font-weight: 800 !important;
  color: var(--txt) !important;
}

.gul-hedef-satir {
  display: flex; flex-wrap: wrap; gap: 6px 14px;
  font-size: 11.5px; color: var(--dim);
  margin: 4px 0 0;
  align-items: center;
}
.gul-ilerleme {
  height: 4px;
  border-radius: 4px;
  background: rgba(0,0,0,.4);
  overflow: hidden;
  border: 1px solid rgba(212,160,71,.15);
  margin-top: 4px;
}
.gul-ilerleme i {
  display: block; height: 100%;
  background: linear-gradient(90deg, var(--gold), var(--gold2));
  border-radius: 4px;
}

.bt-gul-govde {
  display: grid;
  grid-template-columns: 0.95fr 1.05fr;
  gap: 8px;
}
.bt-gul-govde .bt-ortam-sol {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.gul-btns { flex-wrap: wrap; gap: 6px !important; }
.gul-btns .btn-motor,
.gul-btns .btn-yan {
  background: linear-gradient(180deg, var(--gold2), var(--gold3)) !important;
  border: 1px solid var(--gold3) !important;
  color: var(--bg) !important;
  font-weight: 700 !important;
}
.gul-btns .btn-motor:hover,
.gul-btns .btn-yan:hover {
  filter: brightness(1.06);
}
.gul-btns .btn-yan.gul-kirmizi {
  background: linear-gradient(180deg, #e8b84a, #c4883a) !important;
  border-color: var(--gold3) !important;
  color: var(--bg) !important;
}
.gul-log { margin: 0; }
.gul-log .err { color: var(--red); }
.gul-log .y { color: var(--green); }
.gul-log .c { color: var(--gold2); }

.gul-mini-tablo {
  width: 100%;
  border-collapse: collapse;
  font-size: 11.5px;
  margin-top: 4px;
}
.gul-mini-tablo th {
  text-align: left;
  color: var(--dim);
  font-weight: 700;
  font-size: 10px;
  letter-spacing: .2px;
  padding: 4px 3px;
  border-bottom: 1px solid var(--line);
}
.gul-mini-tablo td {
  padding: 5px 3px;
  border-bottom: 1px solid rgba(255,255,255,.04);
  color: var(--txt);
}
.gul-mini-tablo .ok { color: var(--green); font-weight: 700; }
.gul-mini-tablo .err { color: var(--red); font-weight: 700; }
.gul-sonuc-hucre {
  white-space: nowrap;
  display: flex;
  align-items: center;
  gap: 6px;
}
.gul-tekrar-tek {
  font-size: 10px !important;
  padding: 2px 7px !important;
  border-radius: 6px !important;
  border: 1px solid rgba(212,160,71,.45) !important;
  background: linear-gradient(180deg, var(--gold2), var(--gold3)) !important;
  color: var(--bg) !important;
  font-weight: 700 !important;
  cursor: pointer;
  line-height: 1.2;
  flex: 0 0 auto;
}
.gul-tekrar-tek:disabled { opacity: .55; cursor: default; }
.gul-tekrar-tek:hover:not(:disabled) { filter: brightness(1.06); }

.gul-karakter-ornek {
  display: flex; flex-wrap: wrap; gap: 5px;
}
.gul-karakter-ornek span {
  padding: 5px 9px;
  border-radius: 8px;
  border: 1px solid var(--line);
  font-size: 12px;
  color: var(--txt);
  background: rgba(0,0,0,.18);
}
.gul-karakter-ornek span.secili {
  border-color: rgba(212,160,71,.55);
  background: rgba(212,160,71,.14);
  color: var(--gold2);
  font-weight: 700;
}
.gul-kilit-satir {
  display: flex; align-items: center; justify-content: space-between;
  gap: 8px; flex-wrap: wrap; margin-top: 10px; font-size: 12.5px;
}
.gul-nasil-ozet { margin: 8px 0 0; }
.gul-ayar code.gold { font-weight: 700; }

@media (max-width: 900px) {
  .bt-gul-grid { grid-template-columns: 1fr !important; }
  /* !important şart: aşağıda (2 sütun) yine !important'lı bir kural var,
     onsuz dar ekranda log + hesap tablosu 2 sütunda sıkışıp kırpılıyordu. */
  .bt-gul-govde { grid-template-columns: 1fr !important; }
  .gul-sayac { grid-template-columns: repeat(2, 1fr) !important; }
}


.gul-kumanda-ayar .gul-btns {
  margin-top: 4px;
}
.gul-kumanda-ayar .btn-motor,
.gul-kumanda-ayar .btn-yan {
  font-size: 12px !important;
  padding: 6px 10px !important;
}


/* Gül çalışma — hesaplar paneli (esnek yükseklik) */
.bt-gul-ortam { flex: 1; min-height: 0; display: flex; flex-direction: column; }
.bt-gul-govde {
  display: flex !important;
  flex-direction: column !important;
  flex: 1 1 auto !important;
  min-height: 280px !important;
  height: auto !important;
  max-height: none !important;
}
.bt-gul-govde > .bt-ortam-kutu {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  height: 100%;
  min-height: 0 !important;
  max-height: none !important;
  overflow: hidden;
  padding: 8px 10px !important;
}
.bt-gul-govde > .bt-ortam-kutu > header {
  font-size: 11px !important;
  margin: 0 0 4px !important;
  padding: 0 !important;
  flex: 0 0 auto;
}
.bt-gul-govde .gul-hesap-sar {
  flex: 1 1 auto;
  min-height: 0;
  height: auto !important;
  max-height: none !important;
  overflow-y: auto;
  overflow-x: hidden;
}
.bt-gul-govde .gul-mini-tablo { flex: none; margin: 0; font-size: 11.5px; }
.bt-ui-cal-full .bt-gul-ortam { height: auto; flex: 1; min-height: 0; }

@media (max-width: 900px) {
  .bt-gul-govde {
    min-height: 200px !important;
  }
  .bt-gul-govde .gul-hesap-sar { max-height: 220px !important; }
}


/* ═══ İletişim — ₣ⱠØ₭ł kullanışlı ═══ */
.iletisim-sayfa { max-width: 1100px; }
.iletisim-duzen {
  display: grid;
  grid-template-columns: 300px 1fr;
  gap: 14px;
  align-items: stretch;
}
.iletisim-kisi {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 16px 14px !important;
}
.iletisim-kisi-ust {
  display: flex;
  align-items: center;
  gap: 12px;
}
.iletisim-rol {
  margin: 0 0 2px;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .05em;
  text-transform: uppercase;
  color: var(--dim);
}
.iletisim-kisi-ust h2 {
  margin: 0;
  font-size: 18px;
  font-weight: 800;
  color: var(--gold2);
}
.iletisim-avatar {
  width: 48px; height: 48px;
  border-radius: 12px;
  display: inline-flex; align-items: center; justify-content: center;
  font-weight: 800; font-size: 14px;
  color: var(--bg);
  background: linear-gradient(145deg, var(--gold2), var(--gold2));
  flex: 0 0 auto;
}
.iletisim-avatar.kucuk {
  width: 32px; height: 32px;
  border-radius: 8px;
  font-size: 11px;
}
.iletisim-durum {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 11px 12px;
  border-radius: 10px;
  border: 1px solid rgba(80,180,100,.35);
  background: rgba(80,180,100,.1);
  font-size: 15px;
  font-weight: 800;
  color: #c8e6c9;
  line-height: 1.25;
}
.iletisim-durum i {
  width: 9px; height: 9px; border-radius: 50%;
  background: var(--green);
  box-shadow: 0 0 0 3px rgba(80,180,100,.22);
  flex: 0 0 auto;
}
.iletisim-aciklama {
  margin: 0;
  font-size: 12.5px;
  line-height: 1.45;
  color: var(--dim);
}
.iletisim-konu-bas {
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .04em;
  text-transform: uppercase;
  color: var(--dim);
}
.iletisim-hizli {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
.iletisim-hizli-btn {
  border: 1px solid rgba(212,160,71,.4);
  background: rgba(212,160,71,.1);
  color: var(--gold2);
  border-radius: 999px;
  padding: 6px 10px;
  font-size: 12px;
  font-weight: 700;
  cursor: pointer;
  font-family: inherit;
}
.iletisim-hizli-btn:hover {
  background: rgba(212,160,71,.2);
}
.iletisim-konular {
  list-style: none; margin: 0; padding: 0;
  display: flex; flex-direction: column; gap: 6px;
}
.iletisim-konular li {
  display: flex; flex-direction: column; gap: 1px;
  padding: 8px 10px;
  border-radius: 8px;
  background: rgba(0,0,0,.18);
  border: 1px solid var(--line);
}
.iletisim-konular b { font-size: 12.5px; color: var(--txt); }
.iletisim-konular span { font-size: 11.5px; color: var(--dim); }

.iletisim-sohbet {
  display: flex;
  flex-direction: column;
  padding: 0 !important;
  overflow: hidden;
  min-height: 760px;
}
.iletisim-sohbet-bas {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 12px 14px;
  border-bottom: 1px solid var(--line);
  background: rgba(0,0,0,.18);
}
.iletisim-sohbet-kim { flex: 1; min-width: 0; }
.iletisim-sohbet-kim b {
  display: block;
  font-size: 14px;
  font-weight: 800;
}
.iletisim-sohbet-kim span {
  display: block;
  font-size: 12px;
  color: var(--dim);
  margin-top: 1px;
}
.iletisim-gizlilik {
  font-size: 10.5px;
  font-weight: 700;
  letter-spacing: .03em;
  text-transform: uppercase;
  color: var(--gold2);
  border: 1px solid rgba(212,160,71,.35);
  background: rgba(212,160,71,.1);
  padding: 5px 8px;
  border-radius: 999px;
  white-space: nowrap;
}

.iletisim-liste {
  flex: 1 1 auto;
  padding: 14px 16px !important;
  max-height: none !important;
  min-height: 520px;
  overflow: auto;
  background: rgba(0,0,0,.05);
}
.iletisim-liste .msg {
  max-width: 76%;
  margin-bottom: 10px;
  line-height: 1.45;
  font-size: 13.5px;
}
.iletisim-liste .msg.yonetici {
  border-left: 2px solid rgba(212,160,71,.5);
  padding: 2px 0 2px 12px;
}
.iletisim-liste .msg.ben {
  margin-left: auto;
  background: rgba(212,160,71,.1);
  border: 1px solid rgba(212,160,71,.2);
  border-radius: 12px 12px 4px 12px;
  padding: 10px 12px;
}
.iletisim-liste .zaman {
  display: block;
  margin-top: 5px;
  font-size: 11px;
  color: var(--dim);
}

.iletisim-form {
  border-top: 1px solid var(--line);
  padding: 12px 14px 14px;
  background: rgba(0,0,0,.14);
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.iletisim-form-ust {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  flex-wrap: wrap;
}
.iletisim-ad {
  display: flex; align-items: center; gap: 8px;
}
.iletisim-ad span {
  font-size: 12px;
  font-weight: 600;
  color: var(--dim);
}
.iletisim-ad input {
  width: 160px;
  min-height: 32px;
  padding: 5px 9px;
  font-size: 13px;
}
.iletisim-form-ipucu { margin-left: auto; }
.iletisim-form-alt textarea {
  width: 100%;
  resize: vertical;
  min-height: 56px;
  padding: 10px 12px;
  font-size: 13.5px;
  font-family: inherit;
  line-height: 1.45;
  border-radius: 10px;
  border: 1px solid var(--line);
  background: rgba(0,0,0,.28);
  color: var(--txt);
}
.iletisim-form-alt textarea:focus {
  outline: none;
  border-color: rgba(212,160,71,.5);
}
.iletisim-aksiyon {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}
.iletisim-dekont { margin: 0; cursor: pointer; }

.iletisim-sss {
  margin-top: 14px;
  padding: 10px 14px;
  border-radius: 10px;
  border: 1px solid var(--line);
  background: rgba(0,0,0,.12);
}
.iletisim-sss > summary {
  cursor: pointer;
  font-weight: 700;
  font-size: 13px;
  color: var(--dim);
  list-style: none;
}
.iletisim-sss > summary::-webkit-details-marker { display: none; }
.iletisim-sss > summary:hover { color: var(--gold2); }
.iletisim-sss .sss { margin-top: 10px; }

@media (max-width: 860px) {
  .iletisim-duzen { grid-template-columns: 1fr; }
  .iletisim-sohbet { min-height: 560px; }
  .iletisim-gizlilik { display: none; }
}


/* ═══ Hesabım — profesyonel ═══ */
.hesap-sayfa { max-width: 960px; }
.hesap-ust {
  display: flex;
  align-items: center;
  gap: 14px;
  flex-wrap: wrap;
  margin-bottom: 16px;
  padding: 14px 16px;
  border-radius: 12px;
  border: 1px solid var(--line);
  background: rgba(0,0,0,.18);
}
.hesap-avatar {
  width: 48px; height: 48px;
  border-radius: 12px;
  display: inline-flex; align-items: center; justify-content: center;
  font-weight: 800; font-size: 18px;
  color: var(--bg);
  background: linear-gradient(145deg, var(--gold2), var(--gold2));
  flex: 0 0 auto;
}
.hesap-ust-metin { flex: 1; min-width: 160px; }
.hesap-ust-metin h2 {
  margin: 0 0 2px;
  font-size: 18px;
  font-weight: 800;
  color: var(--txt);
}
.hesap-ust-metin .dim { margin: 0; font-size: 12.5px; }
.hesap-ust-aksiyon {
  display: flex; gap: 8px; flex-wrap: wrap;
}

.hesap-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  margin-bottom: 18px;
}
.hesap-kart {
  padding: 14px 16px !important;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.hesap-kart-bas {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 8px;
}
.hesap-kart-bas h3 {
  margin: 0;
  font-size: 15px;
  font-weight: 800;
  color: var(--gold2);
}
.hesap-ozet {
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 0;
  border: 1px solid var(--line);
  border-radius: 10px;
  overflow: hidden;
  background: rgba(0,0,0,.14);
}
.hesap-ozet > div {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  padding: 9px 12px;
  border-bottom: 1px solid var(--line);
  font-size: 13px;
}
.hesap-ozet > div:last-child { border-bottom: none; }
.hesap-ozet dt { color: var(--dim); font-weight: 600; }
.hesap-ozet dd { margin: 0; font-weight: 700; color: var(--txt); }

.hesap-form {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-top: auto;
}
.hesap-form label {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.hesap-form label span {
  font-size: 12px;
  font-weight: 600;
  color: var(--dim);
}
.hesap-form input {
  width: 100%;
  min-height: 34px;
  padding: 6px 10px;
  font-size: 13px;
}
.hesap-form .btn { align-self: flex-start; margin-top: 4px; }
.hesap-ipucu { margin: 0; }

.hesap-uyelik-bas { margin-bottom: 10px; }
.hesap-uyelik-bas h3 {
  margin: 0;
  font-size: 16px;
  font-weight: 800;
  color: var(--txt);
}
.hesap-uyelik-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}
.hesap-uyelik-kart {
  padding: 14px !important;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.hesap-uyelik-ust {
  display: flex;
  align-items: center;
  gap: 10px;
}
.hesap-uyelik-ikon { font-size: 26px; line-height: 1; }
.hesap-uyelik-ust b {
  display: inline-block;
  margin-right: 8px;
  font-size: 14px;
}
.hesap-uyelik-metrik {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
}
.hesap-uyelik-metrik > div {
  padding: 8px 10px;
  border-radius: 8px;
  border: 1px solid var(--line);
  background: rgba(0,0,0,.16);
}
.hesap-uyelik-metrik .dim { display: block; margin-bottom: 2px; }
.hesap-uyelik-metrik strong { font-size: 14px; }
.hesap-uyelik-bar {
  height: 6px;
  border-radius: 4px;
  background: rgba(0,0,0,.35);
  overflow: hidden;
}
.hesap-uyelik-bar i {
  display: block; height: 100%;
  background: linear-gradient(90deg, var(--gold), var(--gold2));
  border-radius: 4px;
}
.hesap-uyelik-bar.gul i {
  background: linear-gradient(90deg, #c45a7a, #e8a0b0);
}
.hesap-uyelik-aksiyon {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}

@media (max-width: 800px) {
  .hesap-grid,
  .hesap-uyelik-grid { grid-template-columns: 1fr; }
  .hesap-ust-aksiyon { width: 100%; }
}


/* ═══ Admin-only nav ═══ */
a.nav-admin[hidden],
[data-nav-admin][hidden] { display: none !important; }
html[data-floki-rol="admin"] a.nav-admin,
html[data-floki-rol="admin"] a.nav-admin[hidden] {
  display: flex !important; /* side-nav satır düzeni */
}
html[data-floki-rol="admin"] .yonetici-serit[data-nav-admin],
html[data-floki-rol="admin"] .yonetici-serit[data-nav-admin][hidden] {
  display: flex !important;
}
html[data-floki-rol="admin"] [data-uye-only] { display: none !important; }
.admin-giris-kart {
  margin: 12px 0 !important;
  border-color: rgba(212,160,71,.35) !important;
  background: rgba(212,160,71,.08) !important;
}


/* ═══ Yönetim paneli — profesyonel ═══ */
.yon-sayfa { max-width: 1120px; }
.yon-ust {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 14px;
  flex-wrap: wrap;
  margin-bottom: 14px;
  padding: 14px 16px;
  border-radius: 12px;
  border: 1px solid var(--line);
  background: rgba(0,0,0,.18);
}
.yon-ust-sol { display: flex; gap: 12px; align-items: flex-start; }
.yon-rozet {
  flex: 0 0 auto;
  padding: 6px 10px;
  border-radius: 8px;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .04em;
  text-transform: uppercase;
  color: var(--bg);
  background: linear-gradient(145deg, var(--gold2), var(--gold2));
}
.yon-ust h2 { margin: 0 0 2px; font-size: 18px; font-weight: 800; }
.yon-ust .dim { margin: 0; font-size: 12.5px; }
.yon-ust-sag { display: flex; gap: 8px; flex-wrap: wrap; align-items: center; }
.yon-canli, .yon-uyari {
  display: inline-flex; align-items: center; gap: 6px;
  padding: 6px 10px; border-radius: 999px;
  font-size: 12px; font-weight: 700;
  border: 1px solid var(--line);
  background: rgba(0,0,0,.2);
}
.yon-canli i {
  width: 8px; height: 8px; border-radius: 50%;
  background: var(--green);
  box-shadow: 0 0 0 3px rgba(80,180,100,.2);
}
.yon-uyari {
  border-color: rgba(212,160,71,.4);
  color: var(--warn);
  background: rgba(212,160,71,.1);
}

.yon-sayfa .yon-sekme {
  gap: 4px;
  margin-bottom: 14px;
  padding: 4px;
  border-radius: 10px;
  background: rgba(0,0,0,.2);
  border: 1px solid var(--line);
}
.yon-sayfa .sekme-dugme {
  border: none !important;
  background: transparent !important;
  border-radius: 8px !important;
  padding: 8px 12px !important;
  font-size: 12.5px !important;
  font-weight: 600;
  color: var(--dim);
}
.yon-sayfa .sekme-dugme.secili {
  background: rgba(212,160,71,.14) !important;
  color: var(--accent) !important;
}

.yon-bolum-bas {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  flex-wrap: wrap;
  margin-bottom: 12px;
}
.yon-bolum-bas h3 {
  margin: 0;
  font-size: 16px;
  font-weight: 800;
}
.yon-filtre { display: flex; gap: 4px; }
.yon-filtre-btn {
  border: 1px solid var(--line);
  background: rgba(0,0,0,.2);
  color: var(--dim);
  border-radius: 999px;
  padding: 4px 10px;
  font-size: 11.5px;
  font-weight: 600;
  cursor: pointer;
  font-family: inherit;
}
.yon-filtre-btn.secili {
  border-color: rgba(212,160,71,.45);
  color: var(--gold2);
  background: rgba(212,160,71,.12);
}
.yon-ara {
  min-width: 200px;
  min-height: 32px;
  padding: 5px 10px;
  font-size: 12.5px;
  border-radius: 8px;
}

.yon-sayfa .istatistik-kartlar {
  grid-template-columns: repeat(5, 1fr);
  gap: 8px;
  margin: 0 0 12px;
}
.yon-sayfa .ist-kart {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 12px 12px;
  text-align: left;
}
.yon-sayfa .ist-etiket {
  order: 0;
  font-size: 11px;
  font-weight: 600;
  color: var(--dim);
  text-transform: none;
  letter-spacing: 0;
}
.yon-sayfa .ist-deger {
  order: 1;
  font-size: 20px;
  font-weight: 800;
  color: var(--gold);
}
.yon-sayfa .ist-kart.bekleyen .ist-deger { color: var(--warn); }

.yon-kart { padding: 14px !important; }
.yon-kart-bas h4 {
  margin: 0 0 10px;
  font-size: 13px;
  font-weight: 800;
  color: var(--gold2);
}
.yon-kart h4 {
  margin: 0 0 12px;
  font-size: 14px;
  font-weight: 800;
}

.yon-tablo {
  width: 100%;
  border-collapse: collapse;
  font-size: 12.5px;
}
.yon-tablo th {
  text-align: left;
  padding: 8px 10px;
  font-size: 10.5px;
  font-weight: 700;
  letter-spacing: .04em;
  text-transform: uppercase;
  color: var(--dim);
  border-bottom: 1px solid var(--line);
  background: rgba(0,0,0,.16);
}
.yon-tablo td {
  padding: 10px;
  border-bottom: 1px solid rgba(255,255,255,.04);
  vertical-align: middle;
}
.yon-tablo tr:last-child td { border-bottom: none; }
.yon-islem { display: flex; gap: 6px; flex-wrap: wrap; justify-content: flex-end; }
.yon-bot-chip {
  display: inline-block;
  padding: 3px 8px;
  border-radius: 6px;
  background: rgba(0,0,0,.25);
  border: 1px solid var(--line);
  font-size: 12px;
  font-weight: 600;
}
.yon-rol {
  display: inline-block;
  padding: 2px 8px;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 700;
  background: rgba(0,0,0,.25);
  color: var(--dim);
}
.yon-rol.admin {
  background: rgba(212,160,71,.15);
  color: var(--gold2);
}

.yon-planlar {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 8px;
}
.yon-planlar > div {
  text-align: center;
  padding: 10px 8px;
  border-radius: 8px;
  border: 1px solid var(--line);
  background: rgba(0,0,0,.16);
}
.yon-planlar b { display: block; font-size: 18px; color: var(--gold); }
.yon-planlar span { font-size: 11px; color: var(--dim); }

.yon-form {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.yon-form label {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.yon-form label span {
  font-size: 11.5px;
  font-weight: 600;
  color: var(--dim);
}
.yon-form input {
  width: 100%;
  min-height: 32px;
  padding: 5px 9px;
  font-size: 12.5px;
}
.yon-form .btn { align-self: flex-start; margin-top: 4px; }

.yon-mesaj-duzen {
  display: grid;
  grid-template-columns: 260px 1fr;
  gap: 12px;
  min-height: 640px;
  height: min(72vh, 780px);
  align-items: stretch;
}
.yon-konusmalar {
  display: flex;
  flex-direction: column;
  gap: 2px;
  padding: 8px !important;
  height: 100%;
  min-height: 0;
  overflow: auto;
}
.yon-konusma-yuklen { display: block; padding: 16px 10px; }
.yon-konusma {
  display: grid;
  grid-template-columns: 36px minmax(0, 1fr) auto;
  grid-template-rows: auto auto;
  column-gap: 10px;
  row-gap: 2px;
  width: 100%;
  text-align: left;
  padding: 9px 10px;
  border-radius: 10px;
  border: 1px solid transparent;
  background: transparent;
  color: var(--txt);
  cursor: pointer;
  font-family: inherit;
}
.yon-konusma-avatar {
  grid-row: 1 / span 2;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #2a2118;
  color: var(--gold2);
  font-size: 13px;
  font-weight: 700;
}
.yon-konusma b {
  grid-column: 2;
  font-size: 13px;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.yon-konusma span {
  grid-column: 2;
  font-size: 12px;
  color: var(--dim);
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.yon-konusma i {
  grid-column: 3;
  grid-row: 1;
  font-style: normal;
  font-size: 10.5px;
  color: var(--dim);
  white-space: nowrap;
  align-self: start;
  padding-top: 2px;
}
.yon-konusma-rozet {
  display: inline-block;
  margin-left: 6px;
  min-width: 16px;
  padding: 0 5px;
  border-radius: 8px;
  background: var(--gold);
  color: #1a1410;
  font-size: 10px;
  font-style: normal;
  font-weight: 700;
  vertical-align: middle;
}
.yon-konusma.yeni { box-shadow: inset 3px 0 0 var(--gold); }
.yon-konusma.secili,
.yon-konusma:hover {
  background: rgba(212,160,71,.1);
  border-color: rgba(212,160,71,.3);
}
.yon-thread {
  display: flex;
  flex-direction: column;
  padding: 0 !important;
  height: 100%;
  min-height: 0;
}
.yon-thread-bas {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  padding: 12px 14px;
  border-bottom: 1px solid var(--line);
}
.yon-thread-bas b { display: block; font-size: 14px; }
.yon-thread-bos {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 6px;
  color: var(--dim);
  text-align: center;
  padding: 40px 20px;
}
.yon-thread-bos p { margin: 0; font-size: 15px; color: var(--txt); }
.yon-thread-liste.mesaj-liste {
  flex: 1;
  max-height: none;
  min-height: 0;
  overflow: auto;
  padding: 14px 16px !important;
  margin: 0;
  background: transparent;
  border: none;
  border-radius: 0;
}
.yon-thread-form {
  display: flex;
  gap: 8px;
  padding: 10px 12px;
  border-top: 1px solid var(--line);
}
.yon-thread-form input { flex: 1; min-height: 34px; }

.yon-fiyat-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
}

@media (max-width: 1000px) {
  .yon-sayfa .istatistik-kartlar { grid-template-columns: repeat(2, 1fr); }
  .yon-fiyat-grid { grid-template-columns: 1fr; }
  .yon-mesaj-duzen { grid-template-columns: 1fr; }
}
@media (max-width: 700px) {
  .istatistik-alt { grid-template-columns: 1fr; }
}

.yon-odeme-duzen {
  display: grid;
  grid-template-columns: 1.1fr 0.9fr;
  gap: 12px;
  align-items: start;
}
.yon-iban-onizle {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 12px;
  border-radius: 10px;
  border: 1px solid var(--line);
  background: rgba(0,0,0,.2);
}
.yon-iban-onizle > div {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.yon-iban-onizle b {
  font-size: 13.5px;
  word-break: break-all;
  color: var(--txt);
}
@media (max-width: 800px) {
  .yon-odeme-duzen { grid-template-columns: 1fr; }
}


/* Yönetim — eksik kontroller */
.yon-kullanim {
  display: flex; flex-wrap: wrap; gap: 8px 14px; align-items: center;
  margin: 0 0 12px; padding: 10px 12px;
  border-radius: 10px; border: 1px solid var(--line);
  background: rgba(0,0,0,.16); font-size: 12.5px;
}
.yon-kullanim b { color: var(--gold2); margin-right: 2px; }
.yon-details { position: relative; }
.yon-details > summary { list-style: none; cursor: pointer; }
.yon-details > summary::-webkit-details-marker { display: none; }
.yon-details-govde {
  display: flex; flex-wrap: wrap; gap: 8px; align-items: center;
  margin-top: 8px; padding: 10px;
  border-radius: 8px; border: 1px solid var(--line);
  background: rgba(0,0,0,.22);
}
.yon-details.inline { display: inline-block; }
.yon-details.inline .yon-details-govde {
  position: absolute; right: 0; z-index: 5; min-width: 220px;
}
.yon-check { display: inline-flex; align-items: center; gap: 4px; }
.yon-izle { margin-top: 12px; display: flex; flex-direction: column; gap: 10px; }
.yon-izle-sayac {
  display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px;
}
.yon-izle-sayac span {
  display: flex; flex-direction: column; gap: 2px;
  padding: 8px; border-radius: 8px; border: 1px solid var(--line);
  background: rgba(0,0,0,.18); text-align: center;
}
.yon-izle-sayac b { font-size: 14px; color: var(--gold); }
.yon-izle-sayac i { font-style: normal; font-size: 10px; color: var(--dim); }
.yon-izle-log {
  max-height: 160px; overflow: auto; padding: 10px;
  border-radius: 8px; background: rgba(0,0,0,.25);
  font-size: 12.5px; line-height: 1.45;
}
.yon-izle-log .y { color: var(--green); }
.yon-izle-log .c { color: var(--gold2); }
.yon-konuk-grid {
  display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 12px;
}
.yon-form select {
  width: 100%; min-height: 32px; padding: 5px 9px; font-size: 12.5px;
}
@media (max-width: 700px) {
  .yon-izle-sayac { grid-template-columns: repeat(2, 1fr); }
}

/* Hesap kilit slotları */
.yon-kilit-ayar .yon-kilit-varsayilan {
  display: flex; flex-wrap: wrap; gap: 12px; align-items: flex-end;
}
.yon-kilit-varsayilan label {
  display: flex; flex-direction: column; gap: 6px;
}
.yon-kilit-varsayilan label span {
  font-size: 12px; font-weight: 600; color: var(--dim);
}
.yon-slot-kontrol {
  display: inline-flex; align-items: center; gap: 6px;
}
.yon-slot-kontrol input[type="number"] {
  width: 64px; text-align: center; min-height: 32px;
  font-weight: 800; font-size: 15px;
}
.yon-slot-kontrol.kucuk strong {
  min-width: 18px; text-align: center; font-size: 15px;
}
.yon-hesap-listesi {
  display: flex; flex-direction: column; gap: 4px;
}
.yon-hesap-chip {
  display: inline-flex; align-items: center; gap: 6px;
  padding: 4px 8px; border-radius: 6px;
  border: 1px solid var(--line);
  background: rgba(0,0,0,.2);
  font-size: 11.5px; font-weight: 600;
  margin: 0; width: fit-content; max-width: 100%;
}
.yon-hesap-chip .yon-hesap-cikar {
  border: 0; background: transparent; color: inherit; opacity: .55;
  cursor: pointer; font-size: 16px; line-height: 1; padding: 0 2px;
  font-weight: 700;
}
.yon-hesap-chip .yon-hesap-cikar:hover { opacity: 1; color: #e57373; }

.yon-sure-ayar {
  flex-direction: column !important;
  align-items: stretch !important;
  min-width: 260px;
}
.yon-sure-ayar .yon-islem {
  justify-content: flex-start;
}

.yon-hesap-ayar {
  flex-direction: column !important;
  align-items: stretch !important;
  min-width: 280px;
}
.yon-hesap-ayar .yon-islem {
  justify-content: flex-start;
  flex-direction: column;
  align-items: stretch;
}
.yon-hesap-ayar .yon-islem .btn {
  width: 100%;
  justify-content: center;
}


/* Boş slot / üye hesap kilit UI */
.yon-slot-bos {
  display: inline-block;
  padding: 3px 8px;
  border-radius: 6px;
  border: 1px dashed var(--line);
  opacity: .9;
}
.uye-slot-aciklama { margin: 0 0 12px; max-width: 720px; }
.uye-hesap-slot-bolum { margin: 0 0 22px; }
.uye-hesap-slot-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
  gap: 12px;
}
.uye-hesap-slot {
  border: 1px solid var(--line);
  border-radius: 12px;
  background: rgba(0,0,0,.18);
  padding: 12px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  min-height: 150px;
}
.uye-hesap-slot.bos {
  border-style: dashed;
  background: rgba(255,200,80,.04);
}
.uye-hesap-slot.kilitli {
  border-color: rgba(80,200,120,.45);
  background: rgba(40,120,70,.12);
}
.uye-slot-ust {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}
.uye-slot-no {
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .02em;
  color: var(--dim);
}
.uye-slot-form {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.uye-slot-form label {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.uye-slot-form label span {
  font-size: 11px;
  font-weight: 700;
  color: var(--dim);
}
.uye-slot-form input {
  min-height: 34px;
  padding: 6px 10px;
  border-radius: 8px;
  border: 1px solid var(--line);
  background: rgba(0,0,0,.25);
  color: var(--txt);
  font-size: 13px;
}
.uye-slot-form .btn { align-self: stretch; justify-content: center; margin-top: 2px; }
.uye-slot-kilit b {
  display: block;
  font-size: 14px;
  margin-bottom: 4px;
}
.uye-slot-kilit .dim { margin: 0; }
.uye-slot-serit a { color: var(--gold); text-decoration: underline; }
@media (max-width: 700px) {
  .uye-hesap-slot-grid { grid-template-columns: 1fr; }
}


/* ── ui-yeni gecisinde dusen kurallar (eski style.css'ten geri alindi) ── */

.hero-alt{max-width:620px;margin:0 auto;font-size:17px}

.pill{display:inline-block;padding:6px 14px;border-radius:999px;font-size:12.5px;
  font-weight:700;color:var(--gold2);background:rgba(212,160,71,.1);
  border:1px solid rgba(212,160,71,.32)}


/* CTA */
.cta{text-align:center;margin:64px 0 10px;padding:40px 20px;border-radius:18px;
  border:1px solid var(--line);
  background:linear-gradient(180deg,rgba(212,160,71,.08),transparent)}

.cta h2{margin:0 0 6px}

.cta p{margin:0 0 18px}

.ozellik{margin:0;padding-left:20px;color:var(--dim)}

.ozellik li{margin:9px 0}


/* ---- Hata sayfası (404 / 500) ---- */
.hata-kutu{text-align:center;padding:80px 20px;max-width:520px;margin:0 auto}

.hata-kod{font-size:64px;font-weight:800;line-height:1;color:var(--gold,#f5b301);opacity:.5}

.hata-kutu h1{margin:14px 0 8px;font-size:26px}

.hata-eylem{display:flex;gap:10px;justify-content:center;margin-top:22px;flex-wrap:wrap}


/* ---- Aynı anda tek bot uyarısı ---- */
.baska-bot-uyari{border-color:rgba(212,160,71,.5);background:rgba(212,160,71,.06);margin-bottom:16px}


/* ---- Canlı bot paneli ---- */
.bot-panel{margin:14px 0}

/* Kurulum: kopyalanabilir adres satırı. */
.kopyala-satir{display:flex;align-items:center;gap:8px;margin-top:6px}

.kopyala-satir code{flex:1;padding:6px 10px;background:var(--bg);
  border:1px solid var(--line);border-radius:7px;font-size:12.5px;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* Kurulum adımı görselleri (Chrome arayüzü temsili SVG). */
.kurulum-gorsel{margin-top:8px;max-width:280px}

.kurulum-gorsel svg{width:100%;height:auto;border:1px solid var(--line);
  border-radius:8px;background:var(--bg2);display:block}

/* Eklenti kurulu değilken giriş düğmeleri pasif. */
.giris-dugme.pasif{opacity:.45;filter:grayscale(.6);cursor:not-allowed;
  pointer-events:auto}

.giris-kilit-not{margin-top:8px;padding:8px 10px;border-radius:8px;
  background:rgba(217,83,79,.1);border:1px solid rgba(217,83,79,.35);
  color:var(--red)}

.giris-kilit-not a{color:var(--gold2);text-decoration:underline}

/* Bot özellikleri — gruplu görünüm (başlık + maddeler). */
.ozellik-grup{display:flex;flex-direction:column;gap:3px}


/* Yönetim: abonelik süre ayarı + toplu sipariş temizleme */
.btn-mini{padding:4px 9px;font-size:12px;line-height:1.1}

.klasor-durum{margin:0 0 12px;padding:10px 12px;border-radius:10px;font-size:13px;
  background:var(--card2);border:1px solid var(--line);color:var(--txt)}

.klasor-durum.ok{border-color:var(--green);background:rgba(90,180,120,.10)}

.klasor-durum.hata{border-color:var(--red);background:rgba(217,83,79,.10)}

.sifre-form input[type=text]{width:110px}

.giris-form{padding:14px}

.giris-hatirla-satir{display:flex;gap:7px;align-items:flex-start;margin:2px 0 12px;
  color:var(--dim);line-height:1.4}

.giris-hatirla-satir input{margin-top:2px}

/* Üyeler: şifre atamayı butonla aç/kapa */
.sifre-ac{display:inline-flex;gap:6px;align-items:center}

.sifre-gizli[hidden]{display:none!important}

.baglan-sonuc{margin-top:14px;padding:11px 14px;border-radius:10px;font-size:14px}

.baglan-sonuc.bekle{background:rgba(240,173,78,.12);border:1px solid var(--warn);color:var(--txt)}

.baglan-sonuc.hata{background:rgba(217,83,79,.12);border:1px solid var(--red);color:var(--red)}

.baglan-sonuc.bilgi{background:rgba(88,166,255,.10);border:1px solid var(--mavi,#58a6ff);color:var(--txt)}

.sifre-goster{flex:0 0 auto;padding:0 10px;border:1px solid var(--line);
  border-radius:8px;background:var(--bg);color:var(--txt);cursor:pointer;font-size:15px}

.sifre-goster:hover{border-color:var(--gold)}


/* ══ Mesajlaşma (üye ↔ admin) ══ */
.mesaj-kutu{display:flex;flex-direction:column;gap:10px}
.mesaj-liste{max-height:420px;overflow-y:auto;display:flex;flex-direction:column;
  gap:8px;padding:12px;margin-bottom:0;background:#14110e;
  border-radius:10px;border:1px solid var(--line)}
.mesaj-balon{max-width:78%;padding:9px 12px;border-radius:12px;font-size:13.5px;
  line-height:1.45;word-break:break-word}
.mesaj-balon.ben{align-self:flex-end;background:linear-gradient(180deg,#e8b84a,#c4883a);
  color:#1a1410;border-bottom-right-radius:4px}
.mesaj-balon.admin{align-self:flex-start;background:var(--card2);color:var(--txt);
  border:1px solid var(--line);border-bottom-left-radius:4px}
.mesaj-metin{white-space:pre-wrap}
.mesaj-zaman{font-size:11px;opacity:.7;margin-top:4px}
.mesaj-sil{position:absolute;top:6px;right:8px;width:22px;height:22px;border:0;
  background:transparent;color:inherit;opacity:.45;cursor:pointer;font-size:12px}
.mesaj-sil:hover{opacity:1}
.mesaj-balon{position:relative}
.mesaj-ek{display:inline-block;margin-top:6px}
.mesaj-ek img{max-width:220px;max-height:220px;border-radius:8px;border:1px solid var(--line)}
.iban-satir{display:flex;align-items:center;gap:10px;justify-content:space-between;
  padding:4px 0}
.iban-alan{display:flex;flex-direction:column;gap:1px;min-width:0}
.iban-etiket{font-size:10px;text-transform:uppercase;letter-spacing:.04em;opacity:.7}
.iban-deger{font-weight:700;word-break:break-all}
.iban-notu{font-size:12.5px;margin:2px 0}

/* Admin mesaj sekmesi */
.mesaj-duzen{display:grid;grid-template-columns:280px 1fr;gap:14px;align-items:start}
@media(max-width:700px) {
.mesaj-duzen{grid-template-columns:1fr}
}

.konusma-liste{display:flex;flex-direction:column;gap:6px;max-height:460px;overflow-y:auto}


/* Güvenlik uyarı şeridi (admin) */
.guvenlik-uyari{margin:0 0 14px;padding:11px 14px;border-radius:10px;font-size:14px;
  background:rgba(240,173,78,.12);border:1px solid var(--warn);color:var(--txt)}

.guvenlik-uyari.kritik{background:rgba(217,83,79,.14);border-color:var(--red)}

/* Cam panel */
.cam{background:var(--cam);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
  border:1px solid var(--cam-cizgi);border-radius:18px}


/* ═══════════════ VIP RULETİ paneli ═══════════════ */
.vip-sayfa .cal-bas{margin-bottom:6px!important}
.vip-sayfa .cal-bas h1{font-size:17px!important}
.vip-sayfa .cal-bas .bot-ikon.buyuk{font-size:22px!important}
.vip-sayfa .bilgi-serit{padding:5px 10px!important;font-size:11.5px!important;margin:4px 0 8px!important}

.vip-panel{background:#14110e;border:1px solid var(--line);border-radius:12px;overflow:hidden}

.vip-ust{display:flex;align-items:center;justify-content:space-between;gap:10px;
  flex-wrap:wrap;padding:8px 12px;background:linear-gradient(180deg,#1c1712,#14110e);
  border-bottom:1px solid var(--line)}

.vip-sayaclar{display:flex;align-items:stretch;gap:5px;flex-wrap:wrap;flex:1}
.vip-sayaclar .vs{display:flex;flex-direction:column;justify-content:center;
  min-width:62px;padding:5px 9px;border-radius:7px;background:#1c1814;
  border:1px solid rgba(212,160,71,.18)}
.vip-sayaclar .vs span{font-size:10px;color:var(--dim);letter-spacing:.02em;text-transform:uppercase}
.vip-sayaclar .vs b{font-size:14px;color:var(--gold2);line-height:1.15;font-variant-numeric:tabular-nums}
.vip-sayaclar .vs-ping b{font-size:12px}
.vip-sayaclar .vs-para{border-color:rgba(181,100,30,.55);background:linear-gradient(180deg,#2a1a10,#1c1410)}
.vip-sayaclar .vs-para b{color:#f0c14b}

.vip-asamalar{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.vip-kes-form{margin:0}
.vip-asama{font-size:11.5px;font-weight:650;color:var(--dim);
  border:1px solid var(--line);border-radius:999px;padding:3px 9px;white-space:nowrap}
.vip-asama.tamam{background:rgba(92,184,92,.14);border-color:rgba(92,184,92,.4);color:var(--green)}
.vip-asama.kopuk{background:rgba(217,83,79,.14);border-color:rgba(217,83,79,.4);color:var(--red)}

.vip-govde{display:grid;grid-template-columns:minmax(0,1fr) 280px;
  gap:10px;padding:10px 12px;align-items:start}
.vip-kart{background:#1a1612;border:1px solid var(--line);border-radius:10px;
  padding:10px;display:flex;flex-direction:column;min-height:0}
.vip-kart-ust{display:flex;flex-direction:column;gap:7px;margin-bottom:6px}
.vip-kart-bas-satir{display:flex;align-items:baseline;justify-content:space-between;gap:8px}
.vip-kart-bas,.vip-kart-bas2{margin:0;font-size:13px;color:var(--gold2);font-weight:750}
.vip-hedef-ozet{font-size:11px;color:var(--dim)}
.vip-arac{display:flex;gap:6px}
.vip-arac input[type=search]{flex:1;min-width:0;height:32px;padding:0 10px;font-size:12.5px;
  border-radius:7px;border:1px solid var(--line);background:#12100d;color:var(--txt)}
.vip-filtre{height:32px;padding:0 10px;border-radius:7px;border:1px solid var(--line);
  background:transparent;color:var(--dim);font-size:12px;font-weight:650;cursor:pointer}
.vip-filtre.aktif,.vip-filtre[aria-pressed=true]{border-color:var(--gold2);color:var(--gold2);
  background:rgba(212,160,71,.12)}

.vip-liste-bas{display:grid;grid-template-columns:minmax(0,1fr) 108px 36px;
  gap:6px;padding:0 8px 4px;font-size:10px;color:var(--dim);text-transform:uppercase;letter-spacing:.04em}
.vip-liste-bas span:nth-child(2),.vip-liste-bas span:nth-child(3){text-align:center}
.vip-liste{max-height:min(52vh,440px);overflow:auto;display:flex;flex-direction:column;gap:3px}

.vip-satir{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 108px 36px;
  align-items:center;gap:6px;padding:5px 8px;border-radius:8px;
  border:1px solid rgba(255,255,255,.04);background:rgba(255,255,255,.02);overflow:hidden}
.vip-satir:hover{background:rgba(212,160,71,.07);border-color:rgba(212,160,71,.18)}
.vip-satir.secili{border-color:rgba(212,160,71,.35);background:rgba(212,160,71,.08)}
.vip-satir.bitti{border-color:rgba(92,184,92,.4);background:rgba(92,184,92,.08)}
.vip-ilerleme{position:absolute;left:0;bottom:0;height:2px;background:var(--gold2);pointer-events:none}

.vip-item{display:flex;align-items:center;gap:8px;min-width:0}
.vip-item-ikon{width:28px;height:28px;object-fit:contain;flex:0 0 28px;border-radius:5px;
  background:#0e0c0a;border:1px solid rgba(255,255,255,.06)}
.vip-item-ikon.yer{display:grid;place-items:center;font-size:12px;font-weight:800}
.vip-item-ad{font-size:12.5px;font-weight:650;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

.vip-adet{display:flex;align-items:center;justify-content:center;gap:0;
  border:1px solid var(--line);border-radius:7px;overflow:hidden;background:#12100d}
.vip-adet-btn{width:26px;height:28px;border:0;background:transparent;color:var(--gold2);
  font-size:15px;line-height:1;cursor:pointer}
.vip-adet-btn:hover{background:rgba(212,160,71,.14)}
.vip-hedef-inp{width:42px;height:28px;border:0;border-left:1px solid var(--line);
  border-right:1px solid var(--line);background:transparent;color:var(--txt);
  text-align:center;font-size:13px;font-weight:700;font-variant-numeric:tabular-nums;
  -moz-appearance:textfield}
.vip-hedef-inp::-webkit-outer-spin-button,.vip-hedef-inp::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.vip-env{text-align:center;font-size:12.5px;font-weight:700;font-variant-numeric:tabular-nums;color:var(--txt)}

.vip-mevcut-bar{display:flex;align-items:center;justify-content:space-between;
  background:linear-gradient(90deg,#b5641e,#8a4a15);color:#fff;font-weight:700;
  border-radius:8px;padding:8px 12px;font-size:12.5px;margin-bottom:10px}
.vip-mevcut-bar b{font-size:18px;font-variant-numeric:tabular-nums}

.vip-kazanilan-izgara{display:grid;grid-template-columns:repeat(auto-fill,minmax(132px,1fr));
  gap:6px;align-content:start;min-height:72px;flex:1}
.vip-kutu{display:grid;grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:6px;
  padding:6px 8px;border-radius:8px;border:1px solid rgba(255,255,255,.06);background:#12100d}
.vip-kutu-ikon{width:32px;height:32px;display:grid;place-items:center}
.vip-kutu-ikon img{width:28px;height:28px;object-fit:contain}
.vip-kutu-ad{font-size:11.5px;font-weight:650;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.vip-kutu-adet{font-size:12px;color:var(--gold2)}
.vip-bos{display:block;padding:18px 8px;text-align:center}

.vip-eylemler{display:flex;gap:8px;align-items:center;padding:8px 12px 10px;flex-wrap:wrap;
  border-top:1px solid var(--line);background:#16120f}
.vip-eylemler form{margin:0}
.vip-eylemler .vip-not{margin:0 0 0 auto;max-width:420px;text-align:right}
#vip-bosta-uyari{margin:0 12px 8px;color:var(--gold2)}
@media(max-width:640px){
  .vip-govde{grid-template-columns:1fr}
  .vip-liste{max-height:38vh}
  .vip-eylemler .vip-not{margin-left:0;text-align:left;max-width:none}
}

.odeme-bilgi-form label{display:block;margin:6px 0;font-size:13px;color:var(--dim)}

.odeme-bilgi-form input{padding:7px 10px}

/* FlokiClient indirme kartı — ana sayfa hero'sunun altında. */
.indir-kart{display:flex;align-items:center;gap:14px;flex-wrap:wrap;
  max-width:720px;margin:6px auto 8px;padding:14px 18px;text-decoration:none;
  border:1px solid rgba(232,184,74,.35);border-radius:14px;
  background:linear-gradient(100deg,#1c160f 0%,#241c12 60%,#2c2114 100%);
  box-shadow:0 4px 18px rgba(0,0,0,.25);transition:border-color .15s,transform .12s}

.indir-kart:hover{border-color:rgba(232,184,74,.6);transform:translateY(-1px)}

.indir-kart .indir-ikon{font-size:30px;line-height:1;filter:drop-shadow(0 0 8px rgba(232,184,74,.4))}

.indir-kart .indir-metin{display:flex;flex-direction:column;min-width:0}

.indir-kart .indir-metin b{font-size:15.5px;color:var(--gold2)}

.indir-kart .indir-metin .dim{font-size:12.5px}

.indir-etiketler{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}

.indir-etiket{font-size:11.5px;color:#e6d6b3;background:rgba(232,184,74,.12);
  border:1px solid rgba(232,184,74,.25);border-radius:20px;padding:3px 10px}

/* Gönüllü destek/bağış şeridi (ana sayfa). */
.destek-serit{display:flex;align-items:center;gap:12px;flex-wrap:wrap;
  max-width:720px;margin:0 auto 10px;padding:12px 18px;border-radius:14px;
  border:1px solid rgba(226,90,120,.28);
  background:linear-gradient(100deg,#211318 0%,#251319 60%,#2a141b 100%)}

.destek-serit .destek-yazi{font-size:13px;color:#f0dde2;line-height:1.35}

.destek-btn{margin-left:auto;background:linear-gradient(180deg,#e8607f,#cf3f60);
  color:#fff;font-weight:800;border:0;box-shadow:0 2px 12px rgba(226,90,120,.35)}

.destek-btn:hover{filter:brightness(1.06);transform:translateY(-1px)}
@media(max-width:600px) {
.destek-serit{justify-content:center;text-align:center}

  .destek-btn{margin-left:0;width:100%}
}

.indir-btn{margin-left:auto;display:inline-flex;align-items:center;gap:6px;
  padding:11px 24px;border-radius:11px;font-weight:800;font-size:14.5px;text-decoration:none;
  color:#1a1206;background:linear-gradient(180deg,#f2c65a,#d99f2f);
  box-shadow:0 2px 12px rgba(232,184,74,.4);transition:transform .12s,box-shadow .12s}

.indir-btn:hover{transform:translateY(-1px);box-shadow:0 5px 18px rgba(232,184,74,.55)}
@media(max-width:600px) {
.indir-kart{justify-content:center;text-align:center}

  .indir-kart .indir-metin{align-items:center}

  .indir-btn{margin-left:0;width:100%;justify-content:center}
}

/* Yönetici izleme şeridi — üyenin bot sayfasında üstte */
.izle-serit {
  margin: 0 0 14px; padding: 10px 14px;
  background: rgba(90, 160, 255, .12);
  border: 1px solid rgba(90, 160, 255, .35);
  border-radius: 8px; font-size: 13.5px; line-height: 1.45;
}
.izle-serit b { color: var(--gold2, #e8c36a); }

/* ── Yönetim "İzle" katmanı + okunmamış mesaj rozeti (stilleri hiç yoktu) ── */
.izle-katman {
  position: fixed; inset: 0; z-index: 60; display: flex;
  align-items: center; justify-content: center; padding: 20px;
  background: rgba(0, 0, 0, .62); backdrop-filter: blur(3px);
}
.izle-katman[hidden] { display: none; }
.izle-kutu {
  width: min(760px, 100%); max-height: 82vh; display: flex; flex-direction: column;
  background: var(--card); border: 1px solid var(--line);
  border-radius: 12px; box-shadow: var(--shadow); overflow: hidden;
}
.izle-bas {
  display: flex; align-items: center; gap: 10px; flex-wrap: wrap;
  padding: 12px 14px; border-bottom: 1px solid var(--line); background: var(--bg2);
}
.izle-bas b { font-size: 14.5px; }
.izle-bas .btn { margin-left: auto; }
.izle-sayaclar { padding: 8px 14px; font-size: 12px; color: var(--dim); }
.izle-log {
  flex: 1; overflow: auto; margin: 0 14px 14px; padding: 10px 12px;
  background: var(--bg); border: 1px solid var(--line); border-radius: 8px;
  font-family: Consolas, "Courier New", monospace; font-size: 12.5px;
  line-height: 1.55; white-space: pre-wrap; word-break: break-word;
}
.mesaj-rozet {
  display: inline-flex; align-items: center; justify-content: center;
  min-width: 18px; height: 18px; margin-left: 6px; padding: 0 5px;
  border-radius: 9px; background: var(--red); color: #fff;
  font-size: 11px; font-weight: 700; line-height: 1; vertical-align: middle;
}
.mesaj-rozet[hidden] { display: none; }

/* ── Şablonlarda kullanılıp stili hiç yazılmamış küçük düzenler ── */
.ths-grup { margin: 8px 0 4px; letter-spacing: .3px; }
.ths-grup:first-child { margin-top: 0; }
.theseus-panel { display: grid; gap: 8px; }
.ths-ust {
  display: flex; align-items: center; justify-content: space-between; gap: 10px;
  padding: 8px 12px; border-radius: 8px;
  background: linear-gradient(180deg, rgba(212,160,71,.1), rgba(0,0,0,.2));
  border: 1px solid rgba(212,160,71,.22);
}
.ths-ust-sol { display: flex; align-items: baseline; gap: 8px; min-width: 0; flex-wrap: wrap; }
.ths-nick { font-size: 15px; }
.ths-ust-sag { margin: 0; }
.ths-duzen {
  display: grid; grid-template-columns: 1.65fr .9fr; gap: 8px; margin-top: 0;
}
@media (max-width: 960px) {
  .ths-duzen { grid-template-columns: 1fr; }
}
.ths-boss-kart, .ths-gorev-kart, .ths-log-kart { padding: 12px 14px !important; }
.ths-baslik {
  display: flex; justify-content: space-between; align-items: center; gap: 8px;
  font-size: 16px; margin-bottom: 6px;
}
.ths-baslik-sol {
  display: flex; align-items: center; gap: 8px; min-width: 0; flex: 1;
}
.ths-baslik-sol > b { flex: 0 0 auto; letter-spacing: .02em; }
.ths-chk { display: inline-flex; align-items: center; gap: 5px; cursor: pointer;
  color: var(--dim); font-size: 14px; user-select: none; flex: 0 0 auto; }
.ths-chk input { accent-color: var(--gold); width: 15px; height: 15px; }
.ths-hedef {
  margin: 0; padding: 5px 10px; border-radius: 5px;
  background: rgba(212,160,71,.1); border: 1px solid rgba(212,160,71,.28);
  color: var(--gold2); font-size: 14px; font-weight: 600; line-height: 1.35;
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap; min-width: 0;
}
.ths-arac-satir {
  display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between;
  gap: 6px 10px; margin-top: 6px;
}
.ths-sekme { display: flex; flex-wrap: wrap; gap: 4px; margin: 0; }
.ths-chip {
  background: rgba(0,0,0,.25); color: var(--dim); border: 1px solid var(--cizgi, #3a2e24);
  border-radius: 5px; padding: 5px 12px; font-size: 13px; font-weight: 700; cursor: pointer;
  line-height: 1.4;
}
.ths-chip.secili, .ths-chip:hover {
  background: linear-gradient(180deg, var(--gold2), var(--gold3));
  color: var(--bg, #120e0a); border-color: transparent;
}
.ths-arac {
  display: flex; flex-wrap: wrap; gap: 5px; align-items: center; margin: 0;
}
.ths-arac .btn-mini { padding: 5px 10px; font-size: 13px; line-height: 1.4; }
.ths-prespawn { display: inline-flex; align-items: center; gap: 4px; color: var(--dim); font-size: 13px; }
.ths-prespawn input {
  width: 42px; background: var(--kart2); color: var(--gold2); border: 1px solid var(--cizgi);
  border-radius: 4px; padding: 3px 4px; text-align: center; font-size: 13px; height: 28px;
}
.ths-hak {
  margin-top: 8px; font-size: 14px; line-height: 1.55; opacity: 1;
  color: var(--text, #e8dcc8); white-space: normal;
}
.ths-boss-liste {
  margin-top: 6px; max-height: min(62vh, 620px); overflow: auto;
  border: 1px solid var(--cizgi, #3a2e24); border-radius: 5px; padding: 0;
  background: rgba(0,0,0,.22);
  scrollbar-width: thin;
  scrollbar-color: rgba(212,160,71,.35) transparent;
}
.ths-boss-liste::-webkit-scrollbar { width: 5px; }
.ths-boss-liste::-webkit-scrollbar-thumb {
  background: rgba(212,160,71,.35); border-radius: 4px;
}
.ths-boss-liste::-webkit-scrollbar-track { background: transparent; }
.ths-boss-liste table { width: 100%; border-collapse: collapse; font-size: 13.5px; table-layout: fixed; }
.ths-boss-liste col.ths-c-chk { width: 22px; }
.ths-boss-liste col.ths-c-no { width: 42px; }
.ths-boss-liste col.ths-c-ad { width: auto; }
.ths-boss-liste col.ths-c-r1 { width: 128px; }
.ths-boss-liste col.ths-c-dur { width: 200px; }
.ths-boss-liste col.ths-c-gir { width: 48px; }
.ths-boss-liste thead { display: table-header-group; }
.ths-boss-liste thead th {
  font-size: 11px; font-weight: 600; color: var(--dim); opacity: .85;
  padding: 4px 5px 2px; border-bottom: 1px solid rgba(255,255,255,.06);
  height: auto;
}
.ths-boss-liste thead th.ths-th-sira { color: var(--gold2); }
.ths-boss-liste th, .ths-boss-liste td {
  padding: 3px 5px; border-bottom: 1px solid rgba(255,255,255,.035);
  vertical-align: middle; line-height: 1.3; height: 32px;
}
.ths-boss-liste .ths-ad-hucre {
  display: flex; flex-direction: row; align-items: center; gap: 4px; min-width: 0;
  padding: 0;
}
.ths-boss-liste .ths-ad {
  display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
  color: inherit; text-decoration: none; font-size: 14px; font-weight: 600;
}
.ths-boss-liste .ths-ad:hover { color: var(--gold2); }
.ths-boss-liste .ths-r1 {
  font-size: 12px; color: var(--gold2); font-weight: 600;
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
  max-width: 128px;
}
.ths-boss-liste .ths-r1.bos { color: var(--dim); font-weight: 500; opacity: .55; }
.ths-boss-liste .ths-oncelik {
  width: 100%; max-width: 40px; height: 26px; padding: 0 2px; text-align: center;
  font-size: 13px; font-weight: 600;
  background: rgba(212,160,71,.08); color: var(--gold2);
  border: 1px solid rgba(212,160,71,.35);
  border-radius: 3px;
}
.ths-boss-liste .ths-oncelik::placeholder { color: rgba(212,160,71,.45); font-weight: 500; }
.ths-boss-liste input[type="checkbox"] { width: 15px; height: 15px; margin: 0; }
.ths-durum {
  display: inline-flex; align-items: center; justify-content: flex-end; gap: 4px;
  width: 100%; font-size: 12.5px; color: var(--dim);
}
.ths-durum .ths-etiket {
  flex: 1 1 auto; min-width: 0; text-align: right;
  white-space: normal; line-height: 1.25; font-size: 12.5px;
}
.ths-durum .ths-etiket.canli { color: #d4a047; white-space: nowrap; font-size: 13.5px; }
.ths-durum .ths-etiket.girdi { color: var(--gold2); font-weight: 700; white-space: nowrap; font-size: 13.5px; }
.ths-hp-wrap {
  display: inline-flex; align-items: center; gap: 3px; flex: 0 0 auto;
}
.ths-hp {
  display: inline-block; width: 42px; height: 5px; flex: 0 0 42px;
  background: rgba(255,255,255,.1); border-radius: 2px; overflow: hidden; margin: 0;
  vertical-align: middle;
}
.ths-hp > i { display: block; height: 100%; background: linear-gradient(90deg, #a67c2e, var(--gold2)); }
.ths-durum .ths-pct {
  min-width: 28px; text-align: right; font-variant-numeric: tabular-nums;
  color: var(--gold2); font-weight: 600; font-size: 12px;
}
.ths-boss-liste .btn-mini {
  padding: 3px 8px; font-size: 12.5px; line-height: 1.3; border-radius: 3px; min-height: 0;
}
.ths-alt { margin-top: 5px; font-size: 13.5px; }

.ths-yan { display: grid; gap: 8px; align-content: start; }
.ths-yan .card {
  background: linear-gradient(180deg, rgba(212,160,71,.06), rgba(0,0,0,.18));
  border: 1px solid rgba(212,160,71,.22);
}
.ths-boss-kart {
  background: linear-gradient(180deg, rgba(212,160,71,.06), rgba(0,0,0,.18));
  border: 1px solid rgba(212,160,71,.22);
}
.ths-gorevler { margin-top: 6px; }
.ths-yaz-kart .ths-baslik b { color: var(--gold2); }
.ths-yaz-sayaclar { display: flex; gap: 6px; flex-wrap: wrap; margin-top: 6px; }
.ths-yaz-ys {
  display: flex; flex-direction: column; justify-content: center;
  padding: 5px 9px; border-radius: 8px; min-width: 58px;
  background: rgba(0,0,0,.22); border: 1px solid rgba(212,160,71,.18);
}
.ths-yaz-ys span { font-size: 10px; color: var(--dim2); text-transform: uppercase; letter-spacing: .03em; }
.ths-yaz-ys b { font-size: 15px; font-weight: 700; color: var(--txt); line-height: 1.2; }
.ths-yaz-ys:first-child b { color: var(--gold2); }
.ths-yaz-bek { margin-top: 7px; }

/* Yönetici çoklu-oturum sekme çubuğu (karakter adlı) */
.oturum-sekmeler {
  display: flex; gap: 6px; flex-wrap: wrap; align-items: center;
  margin: 0 0 12px; padding: 6px; border-radius: 10px;
  background: rgba(0,0,0,.22); border: 1px solid rgba(212,160,71,.18);
}
.oturum-sekme {
  display: inline-flex; align-items: center; gap: 7px;
  padding: 7px 13px; border-radius: 8px; font-weight: 600; font-size: 13px;
  color: var(--dim); text-decoration: none; border: 1px solid transparent;
  background: rgba(255,255,255,.03); transition: background .15s, color .15s;
}
.oturum-sekme:hover { background: rgba(212,160,71,.12); color: var(--txt); }
.oturum-sekme.secili {
  background: linear-gradient(180deg, rgba(212,160,71,.22), rgba(212,160,71,.10));
  border-color: rgba(212,160,71,.45); color: var(--gold2);
}
.oturum-sekme .os-nokta {
  width: 8px; height: 8px; border-radius: 50%;
  background: #45c47a; box-shadow: 0 0 6px rgba(69,196,122,.7);
}
.oturum-sekme.os-yeni { color: var(--gold2); border-style: dashed;
  border-color: rgba(212,160,71,.4); background: transparent; }

/* Ek Sahne ayar formu */
.es-ayarlar { display: flex; gap: 14px; flex-wrap: wrap; align-items: flex-end; }
.es-alan { display: flex; flex-direction: column; gap: 4px; }
.es-alan select, .es-alan input[type="number"] {
  padding: 8px 10px; border-radius: 8px; background: rgba(0,0,0,.25);
  border: 1px solid rgba(212,160,71,.25); color: var(--txt); font-size: 14px;
}
.es-alan select { min-width: 210px; }
.es-alan input[type="number"] { width: 90px; }
.es-onay { flex-direction: row; align-items: center; gap: 7px; }
.es-harita-sar { margin-top: 14px; }
.es-harita {
  width: 100%; height: 200px; margin-top: 6px; border-radius: 10px;
  background: #0b0e14; border: 1px solid rgba(212,160,71,.18); display: block;
}
.es-harita-bos { fill: var(--dim2); font-size: 12px; }
/* Ek Sahne: tek sütun — Log haritanın altında akar. */
#es-panel .ths-duzen { grid-template-columns: 1fr; }
.ths-log {
  margin-top: 4px; max-height: min(40vh, 280px); overflow: auto; margin-bottom: 0; padding: 8px;
  background: rgba(0,0,0,.25); border: 1px solid var(--cizgi, #3a2e24);
  border-radius: 6px; font-size: 13px; line-height: 1.45; white-space: pre-wrap;
  color: var(--dim);
}
.ths-gorev-kat {
  display: block; width: 100%; text-align: left; background: transparent; border: none;
  color: var(--dim); font-weight: 700; cursor: pointer; padding: 0 0 6px; font-size: 13px;
}
.ths-gorev-kat:hover { color: var(--gold2); }
.ths-gorevler {
  display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 5px;
}
.ths-gorevler .mini-btn { font-size: 13px; padding: 7px 5px; line-height: 1.25; }
.ths-gorevler .mini-btn.secili {
  outline: 1px solid var(--gold); color: var(--gold2);
  background: rgba(212,160,71,.12);
}
.ths-kumanda { gap: 5px; margin-top: 8px; flex-wrap: wrap; }
.ths-kumanda .btn { padding: 6px 12px; font-size: 13px; }
.ths-kesilen { margin-top: 10px; }
.ths-kesilen-bas {
  font-size: 12px; font-weight: 700; color: var(--gold2); margin-bottom: 4px;
}
.ths-kesilen-liste {
  margin: 0; padding: 6px 8px; max-height: 140px; overflow: auto;
  list-style: none; font-size: 12.5px; line-height: 1.45;
  background: rgba(0,0,0,.22); border-radius: 6px; color: var(--text, #e8dcc8);
}
.ths-kesilen-liste li { padding: 2px 0; }
.ths-kesilen-liste .ths-k-saat { color: var(--dim); margin-right: 6px; }
.ths-log {
  max-height: 220px; overflow: auto; margin: 0; padding: 8px;
  background: rgba(0,0,0,.25); border-radius: 6px;
  font-size: 12px; line-height: 1.45; white-space: pre-wrap; color: var(--dim);
  scrollbar-width: thin; scrollbar-color: rgba(212,160,71,.35) transparent;
}
.yon-odeme-onizleme { display: grid; gap: 8px; margin-top: 8px; }
.yon-odeme-onizleme > div {
  display: flex; justify-content: space-between; align-items: baseline; gap: 12px;
  padding: 8px 10px; background: var(--bg2); border: 1px solid var(--line);
  border-radius: 8px; word-break: break-all;
}
.kayitli-liste { display: flex; flex-direction: column; gap: 6px; }
.kayitli-liste:empty { display: none; }
.genel-calisma .izle-log { margin: 14px 0 0; }

/* ── Gül arayüzü: dar ekran düzeltmeleri ─────────────────────────────────
   Bu blok dosyanın SONUNDA: yukarıdaki iki sütunlu `.bt-gul-govde` kuralı
   da !important taşıyor, aynı özgüllükte sonra gelen kazanıyor. Önceden
   telefonda log + hesap tablosu iki sütuna sıkışıp kırpılıyordu. */
.bt-gul-ortam .gul-hesaplar { overflow-x: auto; }
.bt-gul-ortam .gul-hesaplar .gul-mini-tablo { min-width: 0; }
@media (max-width: 900px) {
  .bt-gul-ortam .bt-gul-govde { grid-template-columns: 1fr !important; }
}

/* ── Canlı harita ızgarası ───────────────────────────────────────────────
   Hücre stilleri (.hucre) ui-yeni geçişinde kaybolmuştu: hücrelerin ne
   genişliği ne yüksekliği kalmıştı, 10x10 / 12x12 yüzeyde içerik taşıp
   iç içe giriyordu. Izgara artık KARE ve satır/sütunları eşit böler, yani
   hücre sayısı arttıkça harita küçülür (zoom) — taşma olmaz.             */
#harita-kutu[style*="--harita-boy"] {
  height: var(--harita-boy) !important;
  overflow: hidden !important;
}
#harita-kutu {
  position: relative;
}
#yol-cizgi {
  position: absolute;
  pointer-events: none;
  z-index: 12;
  overflow: visible;
}
.izgara.bt-izgara,
#izgara {
  position: relative;
  z-index: 1;
  display: grid !important;
  gap: 2px !important;
  grid-auto-rows: 1fr !important;   /* satırlar eşit — içerik büyütemez */
  grid-template-rows: none !important;
  aspect-ratio: 1 !important;       /* kare harita */
  height: auto;
  width: 100%;
  max-width: 100%;
  max-height: none !important;
  margin: 4px auto !important;
  padding: 6px;
  background-color: var(--bg2);
  background-size: cover;
  background-position: center;
  border-radius: 8px;
  overflow: hidden;
  flex: 0 1 auto !important;
  min-height: 0;
}
/* Kutuya boy verildiyse (ayarlar sütunu kadar) harita boyu doldurur ve
   genişliğini boyundan alır — kare kalır, yatayda ortalanır. */
/* Boy verildiğinde de ızgara KARE kalır: genişliği sütun belirler, yüksekliği
   aspect-ratio'dan gelir. (height:100% + width:auto denendi; genişlik
   max-width'e takılınca hücreler dikdörtgen oluyordu.) Artan dikey boşluk
   log kutusuna gider. */
#harita-kutu[style*="--harita-boy"] #izgara {
  flex: 0 0 auto !important;
  width: var(--harita-kenar, 100%);
  height: var(--harita-kenar, auto);
  max-height: 100%;
  align-self: center;
}
.izgara .hucre {
  min-width: 0;
  min-height: 0;
  border-radius: 2px;
  background: rgba(240, 230, 214, .05);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: clamp(6px, 0.9vw, 10px);
  line-height: 1;
  overflow: hidden;
  color: var(--dim);
}
.izgara .hucre img {
  width: 100%; height: 100%; object-fit: contain; display: block;
}
.izgara .hucre.sis { background: rgba(0, 0, 0, .55); color: rgba(240, 230, 214, .22); }
.izgara .hucre.yari-sis { opacity: .55; }
.izgara .hucre.hatirlanan { opacity: .78; }
.izgara .hucre.yol {
  box-shadow: inset 0 0 0 2px #f0c14b;
  background: rgba(240, 193, 75, .32) !important;
}
.izgara .hucre.m { background: #3d6b3a; color: #cfe8cc; }
.izgara .hucre.n { background: var(--gold3); color: var(--bg); font-weight: 800; }
.izgara .hucre.h,
.izgara .hucre.benim {
  background: rgba(212, 160, 71, .35) !important;
  outline: 1px solid var(--gold2); outline-offset: -1px;
  color: var(--txt); font-weight: 800;
}

/* Zemin resmi varken hücre boyası orijinal haritayı kapatmasın */
#izgara.zeminli {
  background-color: transparent !important;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: 0 0;
  background-origin: content-box;
  background-clip: content-box;
  padding: 0 !important;
  gap: 0 !important;
}
#izgara.zeminli > .hucre,
#izgara.zeminli > .hucre.m,
#izgara.zeminli > .hucre.n,
#izgara.zeminli > .hucre.h,
#izgara.zeminli > .hucre.benim {
  background: transparent !important;
  border-radius: 0;
}
#izgara.zeminli > .hucre.sis {
  background: rgba(0, 0, 0, .58) !important;
  opacity: 1;
  color: transparent;
}
#izgara.zeminli > .hucre.yari-sis {
  background: rgba(0, 0, 0, .28) !important;
  opacity: 1;
}
#izgara.zeminli > .hucre.benim {
  outline: 2px solid var(--gold2);
  outline-offset: -2px;
}
#izgara.zeminli > .hucre.yol {
  background: rgba(240, 193, 75, .28) !important;
  box-shadow: none;
  outline: 2px solid #ffd166;
  outline-offset: -2px;
}
#izgara.zeminli > .hucre.sis.yol {
  color: transparent;
}


/* ── Yüzey/çanta kartları + ping rozeti (ui-yeni'de düşmüştü) ── */

.canta-slot{aspect-ratio:1;border-radius:5px;background:rgba(240,230,214,.04);
  border:1px solid rgba(240,230,214,.07);position:relative;display:grid;
  place-items:center}

.canta-slot.dolu{background:rgba(0,0,0,.35)}

.canta-slot .kure{width:76%;height:76%;border-radius:50%;
  background:radial-gradient(circle at 35% 30%, #fff6, var(--renk) 45%, #0006 100%);
  box-shadow:0 0 6px var(--renk)}

.canta-slot .adet{position:absolute;right:2px;bottom:1px;font-size:9px;
  font-weight:800;color:#fff;text-shadow:0 1px 2px #000,0 0 3px #000}

/* kademe = nadirlik çerçevesi */
.canta-slot.kademe-1{border-color:#8a7f70}

.canta-slot.kademe-2{border-color:#5cb85c}

.canta-slot.kademe-3{border-color:#4fc3f7}

.canta-slot.kademe-4{border-color:#ba68c8}


/* ---- Yüzeylerim: çantayla aynı görsel dil ---- */
.yuzey-kart{display:flex;align-items:center;gap:9px;padding:7px 8px;
  border:1px solid var(--line);border-radius:8px;margin-bottom:6px;
  background:rgba(0,0,0,.25)}

.yuzey-kart:last-child{margin-bottom:0}

.yuzey-kart .kure{width:26px;height:26px;flex:0 0 26px;border-radius:50%;
  background:radial-gradient(circle at 35% 30%, #fff6, var(--renk) 45%, #0006 100%);
  box-shadow:0 0 6px var(--renk)}

.yuzey-bilgi{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}

.yuzey-bilgi b{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

.yuzey-bilgi .mini{font-size:10.5px}

.omur-cubuk{display:block;height:3px;border-radius:2px;margin-top:3px;
  background:rgba(240,230,214,.10);overflow:hidden}

.omur-cubuk i{display:block;height:100%;background:var(--gold);border-radius:2px}

/* kademe = nadirlik çerçevesi (çantadakiyle aynı) */
.yuzey-kart.kademe-1{border-color:#8a7f70}

.yuzey-kart.kademe-2{border-color:#5cb85c}

.yuzey-kart.kademe-3{border-color:#4fc3f7}

.yuzey-kart.kademe-4{border-color:#ba68c8}

.yuzey-kart.yuzey-burada{
  border-color:var(--gold2)!important;
  box-shadow:0 0 0 1px rgba(212,160,71,.45),inset 0 0 18px rgba(212,160,71,.12);
  background:rgba(212,160,71,.10);
}
.yuzey-burada-etiket{
  display:inline-block;margin-left:6px;padding:1px 6px;border-radius:999px;
  font-size:10px;font-weight:700;letter-spacing:.03em;vertical-align:middle;
  color:var(--bg);background:var(--gold2);
}

.yuzey-kutu .yuzey-kart{margin:0;width:100%}

/* Kart içeriği KIRPILMASIN: ad ve alt bilgi tek satır. */
.yuzey-kutu .yuzey-bilgi .mini{white-space:nowrap}

/* Çanta karesinde oyunun kendi koordinat görseli. */
.kure-ikon{width:100%;height:100%;object-fit:contain;display:block;
  image-rendering:auto}

/* Yüzey kartında oyunun kendi koordinat görseli (küre yerine). */
.yuzey-ikon{width:30px;height:30px;flex:0 0 30px;object-fit:contain;display:block}

.yuzey-kutu .yuzey-kart{margin:0;width:100%}

.yuzey-kutu .yuzey-bilgi .mini{white-space:nowrap;overflow:hidden;
  text-overflow:ellipsis}

.yuzey-kutu .yuzey-kart{gap:8px;padding:7px 9px}

.yuzey-kutu .yuzey-ikon{width:30px;height:30px;flex:0 0 30px}

.yuzey-eylem{display:flex;gap:5px;flex:0 0 auto}

.yuzey-kutu .yuzey-eylem .btn{padding:3px 8px;font-size:11px}


/* Harita başlığı ping göstergesi (güncelleme hızı) */
.ping-rozet{margin-left:auto;font-size:12px;font-weight:700;padding:2px 8px;
  border-radius:999px;background:var(--card2);color:var(--dim);white-space:nowrap}

.ping-rozet.iyi{background:rgba(92,184,92,.15);color:var(--green)}

.ping-rozet.orta{background:rgba(240,173,78,.15);color:var(--warn)}

.ping-rozet.kotu{background:rgba(217,83,79,.15);color:var(--red)}

/* ── Maden paneli: kompakt + iki sütun simetrik ─────────────────────────── */
/* Yüzey satırı tek satırda kalsın: Sil/Gir alta kaymasın. */
.yuzey-kutu .yuzey-kart { flex-wrap: nowrap; }
.yuzey-eylem {
  display: flex; gap: 4px; flex: 0 0 auto; margin-left: auto;
}
.yuzey-eylem .btn { padding: 3px 8px; font-size: 11px; }
.yuzey-kutu .yuzey-bilgi b { font-size: 11.5px; }

/* Üst sayaç şeridi: kart yüksekliği yarıya — panel bir ekrana sığsın. */
.bt-maden-ortam .sayac-serit .sayac-kart { padding: 6px 8px; }
.bt-maden-ortam .sayac-serit .sayac-kart > b { font-size: 10.5px; }
.bt-maden-ortam .sayac-serit .sayac-kart > i,
.bt-maden-ortam .sayac-serit .sayac-kart > span { font-size: 15px; }

@media (min-width: 821px) {
  /* NOT: burada "align-items: stretch" DENENDİ ve geri alındı — iki sütun
     birbirini uzatıyordu (sol kart kısalınca ayar sütunu da kısalıyor,
     hizalama hiç oturmuyordu). Sütunlar kendi boyunda; sol kartın boyunu
     JS ayar panelinin altına göre veriyor (--sol-boy). */
  .calisma-sol .bt-mini-cal { min-height: 0; }
}
/* Lejant tek satır: eskiden "flex:1" ile büyüyüp haritadan artan boşluğu
   yutuyordu (harita küçük, altında kocaman boşluk görünüyordu). */
.bt-harita-mini .bt-lej,
.ortam-harita .bt-lej,
.harita-lejant { flex: 0 0 auto !important; min-height: 0; }

/* ── Sol sütun ayarlar panelini AŞMASIN ────────────────────────────────────
   İstek: harita paneli (altındaki düğmeler ve log dahil) ayar panelinin
   altını geçmesin. Boyu JS ölçüyor (--sol-boy = ayar sütunu boyu); kart o
   boyu aşamaz, harita kutusu kalan alanı alır, ızgara da kalan kareye
   oturur. Düğmeler ve log her zaman görünür kalır (flex:0 0 auto). */
@media (min-width: 821px) {
  .calisma-sol > .card[style*="--sol-boy"] {
    height: var(--sol-boy) !important;
    max-height: var(--sol-boy) !important;
    overflow: hidden;
  }
  /* Zincirin her halkası kısıtlansın; yoksa kutu satırı taşırıp
     düğmeleri kartın dışına (kırpılan alana) itiyor. */
  .calisma-sol > .card[style*="--sol-boy"] .bt-mini-cal {
    flex: 1 1 auto; min-height: 0; overflow: hidden;
  }
  .calisma-sol > .card[style*="--sol-boy"] .bt-ortam-grid,
  .calisma-sol > .card[style*="--sol-boy"] .panel-govde {
    min-height: 0 !important;
    height: 100% !important;
    overflow: hidden;
  }
  .calisma-sol > .card[style*="--sol-boy"] #harita-kutu {
    flex: 1 1 auto !important;
    min-height: 0 !important;
    height: 100% !important;
    max-height: 100% !important;
    overflow: hidden !important;
    display: flex !important;
    flex-direction: column !important;
  }
  /* Düğme şeridi ve log kırpılmasın; artan alan haritaya gider. */
  .calisma-sol > .card[style*="--sol-boy"] .bt-btns-log-ustu,
  .calisma-sol > .card[style*="--sol-boy"] .bt-log-harita-alti {
    flex: 0 0 auto !important;
  }
  .calisma-sol > .card[style*="--sol-boy"] .bt-log-harita-alti {
    min-height: 36px !important;
    margin-top: 4px !important;
    overflow: auto !important;
  }
  .calisma-sol > .card[style*="--sol-boy"] #izgara {
    flex: 0 0 auto !important;
    width: var(--harita-kenar, 100%);
    height: var(--harita-kenar, auto);
    max-height: none;
    align-self: center;
  }
}

/* ── Maden rozeti + kalan JS sınıfları (stilleri hiç yoktu) ───────────────
   .maden-rozet boyutsuzdu: oyunun kristal PNG'si doğal boyutunda açılıp
   "Yüzeylerim" satırlarının üstüne taşıyordu. */
.maden-etiket {
  display: inline-flex; align-items: center; gap: 3px; margin-left: 5px;
  padding: 1px 5px; border-radius: 999px; font-size: 9.5px; font-weight: 700;
  background: rgba(212, 160, 71, .14); color: var(--gold2);
  vertical-align: middle; white-space: nowrap;
}
.maden-etiket.nadir { background: rgba(186, 104, 200, .18); color: #d9a7e6; }
.maden-rozet {
  width: 12px; height: 12px; flex: 0 0 12px; object-fit: contain; display: block;
}
.bot-log-satir { display: block; }
.ayar-pasif { opacity: .5; pointer-events: none; }
.ayar-satir.etkin > label, .etkin { color: var(--gold2); }

/* ── Çalışma ekranı tek ekrana sığsın (kaydırma olmasın) ─────────────────
   Ayar sütunu kendi içinde kayar; sol sütunun boyu ona göre hesaplandığı
   için tüm panel görünür alanda kalır. */
@media (min-width: 821px) {
  .calisma-sag .bt-ui-ayar {
    max-height: calc(100vh - 104px);
    overflow: auto;
  }
  /* Üst bilgi şeritlerini incelt — dikeyde yer kazandırır. */
  .calisma-duzen .bt-mini-asama { padding: 5px 8px !important; font-size: 12px !important; }
  .bt-maden-ortam .sayac-serit { gap: 6px; }
  .bt-maden-ortam .sayac-serit .sayac-kart { padding: 4px 8px; }
  .bt-maden-ortam .sayac-serit .sayac-kart > i,
  .bt-maden-ortam .sayac-serit .sayac-kart > span { font-size: 14px; }
  .calisma-sol > .card[style*="--sol-boy"] .bt-ortam-kutu { padding: 6px 8px !important; }
}

/* ── Bot çalışma ekranı: haritaya yer aç ──────────────────────────────────
   Bu ekranda üstteki başlık/şerit/sekme yığını 280 px yer kaplıyordu ve
   haritaya 200 px kalıyordu. Sadece bu sayfada (body.bot-sayfa) sıkıştırılır;
   kazanılan yer haritaya gider. */
@media (min-width: 821px) {
  .bot-sayfa .content { padding: 14px 16px !important; }
  .bot-sayfa .iz { margin: 0 0 6px !important; font-size: 12px; }
  .bot-sayfa .cal-bas { margin-bottom: 8px !important; }
  .bot-sayfa .cal-bas h1 { font-size: 18px !important; }
  .bot-sayfa .cal-bas .bot-ikon.buyuk { font-size: 24px !important; }
  .bot-sayfa .bilgi-serit {
    padding: 6px 10px !important; font-size: 12px !important; margin: 6px 0 !important;
  }
  .bot-sayfa .gorunum-sekme { margin: 6px 0 !important; }
  .bot-sayfa .gorunum-sekme .sekme-dugme { padding: 5px 10px !important; font-size: 12px !important; }
  /* Harita altındaki düğme şeridi tek satır, ince. */
  .bot-sayfa .bt-btns-log-ustu { margin: 5px 0 !important; gap: 6px !important; }
  .bot-sayfa .bt-btns-log-ustu .btn-motor,
  .bot-sayfa .bt-btns-log-ustu .btn-yan,
  .bot-sayfa .bt-btns-log-ustu > button {
    padding: 6px 10px !important; font-size: 12px !important; line-height: 1.1 !important;
  }
  .bot-sayfa .bt-log-harita-alti {
    max-height: 112px !important; min-height: 72px !important; font-size: 10.5px !important;
  }
}
/* Düğme şeridi + log artık harita kutusunun değil, kartın çocuğu:
   tam genişlik, tek satır, sabit yükseklik. */
@media (min-width: 821px) {
  .bot-sayfa .bt-mini-cal > .bt-btns-log-ustu,
  .bot-sayfa .bt-mini-cal > .bot-log { flex: 0 0 auto !important; }
  .bot-sayfa .bt-mini-cal > .bt-btns-log-ustu { flex-wrap: wrap; }
  .bot-sayfa .bt-mini-cal > .bot-log { margin-top: 6px !important; }
}


/* Panel + çalıştır — 2026-09 sadeleştirme */
.panel-tablo{width:100%;border-collapse:collapse}
.panel-tablo th,.panel-tablo td{padding:10px 14px;text-align:left;border-bottom:1px solid rgba(255,255,255,.06)}
.panel-tablo th{font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:var(--dim,#9a8f7e)}
.panel-bos{text-align:center;padding:28px 20px}
.bt-ui-etiket{font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--dim,#9a8f7e);margin-bottom:8px}
.calisan-serit{display:flex;align-items:center;gap:14px;text-decoration:none;color:inherit;border:1px solid rgba(212,175,55,.35);background:linear-gradient(90deg,rgba(212,175,55,.12),transparent)}
.calisan-nokta{width:10px;height:10px;border-radius:50%;background:#3ddc97;box-shadow:0 0 8px #3ddc97;flex-shrink:0}


/* Ürün sayfası + yakında rozeti — site polish */
.rozet-yakinda{background:rgba(255,180,60,.15);color:#f0c674;border:1px solid rgba(240,198,116,.35)}
.bot-bas{display:flex;gap:18px;align-items:center;margin:8px 0 22px}
.bot-ikon.buyuk{font-size:52px;line-height:1}
.detay-grid{display:grid;grid-template-columns:1.4fr .9fr;gap:18px}
@media (max-width:820px){.detay-grid{grid-template-columns:1fr}}
.fiyat-kutu .plan{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.06)}
.fiyat-kutu .plan.secili{background:rgba(212,175,55,.08);margin:0 -12px;padding:10px 12px;border-radius:8px;border:0}
.guven-serit{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:28px 0 8px}
.guven-serit>div{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:14px}
.guven-serit b{display:block;margin-bottom:4px}
@media (max-width:720px){.guven-serit{grid-template-columns:1fr}}


/* --- ui-yeni yüzey/gül --- */

.bt-harita-mini .bt-izgara { flex: 1; aspect-ratio: auto; height: auto; }

.bt-harita-mini .bt-izgara {
  display: grid; grid-template-columns: repeat(6, 1fr); gap: 2px;
  aspect-ratio: 1.4; margin: 4px 0;
}



/* ═══ Canlı harita: kare hücreler (6×4) ═══ */
.bt-harita-mini .bt-izgara,
.ortam-harita .bt-izgara,
.ortam-harita .harita-placeholder .izgara,
.ortam-harita .izgara,
.bt-harita-mini .harita-placeholder .izgara {
  display: grid !important;
  grid-template-columns: repeat(8, minmax(0, 1fr)) !important;
  grid-template-rows: none !important;
  grid-auto-rows: auto !important;
  gap: 3px !important;
  width: min(100%, 730px) !important; /* +~300px yükseklik toplam */
  max-width: 100% !important;
  height: auto !important;
  max-height: none !important;
  min-height: 0 !important;
  aspect-ratio: auto !important;
  flex: 0 0 auto !important;
  margin: 2px 0 4px !important;
}

.bt-harita-mini .bt-izgara > i,
.ortam-harita .izgara > i,
.bt-harita-mini .izgara > i,
.ortam-harita .harita-placeholder .izgara > i {
  aspect-ratio: 1 / 1 !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  display: block !important;
  border-radius: 3px;
  background: var(--soft);
}

.bt-harita-mini .bt-izgara > i.m,
.ortam-harita .izgara > i.m { background: #3d6b3a; }

.bt-harita-mini .bt-izgara > i.n,
.ortam-harita .izgara > i.n { background: var(--gold3); }

.bt-harita-mini .bt-izgara > i.h,
.ortam-harita .izgara > i.h { background: #c47a3a; }

.bt-harita-mini .bt-izgara > i.sis,
.ortam-harita .izgara > i.sis { background: var(--bg); opacity: .9; }



/* ═══ Harita 8×8 ═══ */
.bt-harita-mini .bt-izgara,
.ortam-harita .bt-izgara,
.ortam-harita .izgara,
.ortam-harita .harita-placeholder .izgara,
.bt-harita-mini .harita-placeholder .izgara {
  grid-template-columns: repeat(8, minmax(0, 1fr)) !important;
  grid-template-rows: none !important;
}



/* Butonlar görünür · harita boyutu geri */
.bt-ortam-kutu.bt-harita-mini,
.ortam-kutu.ortam-harita,
#harita-kutu {
  overflow: visible !important;
  height: auto !important;
  max-height: none !important;
}

.bt-harita-mini .bt-izgara,
.ortam-harita .bt-izgara,
.ortam-harita .izgara {
  max-height: none !important;
  width: min(100%, 730px) !important;
  flex: 0 0 auto !important;
}

  .bt-gul-govde { grid-template-columns: 1fr; }


/* ── FIX 2026-09-18: sayfa kaydırma kilidi kaldırıldı ─────────────────────
   --sol-boy ile viewport'a kilitlenen sol kart + overflow:hidden,
   Yüzeylerim satırlarını ezmiş ve kaydırmayı cm cm yapmıştı. */
@media (min-width: 821px) {
  .calisma-sol > .card[style*="--sol-boy"],
  .calisma-sol > .card {
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
  }
  .calisma-sol > .card .bt-mini-cal,
  .calisma-sol > .card .bt-ortam-grid,
  .calisma-sol > .card .ortam-grid,
  .calisma-sol > .card .panel-govde,
  .calisma-sol > .card #harita-kutu {
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
  }
  .calisma-sag .bt-ui-ayar,
  .calisma-sag > .card {
    max-height: none !important;
    overflow: visible !important;
  }
}

/* Yüzeylerim / Çanta satırları ezilmesin, üst üste binmesin */
.yuzey-kutu .yuzey-kart,
.yuzey-kutu .yuzey-item,
.yuzey-kutu .bt-chip,
.ortam-sol .yuzey-item,
.ortam-sol .yuzey-kart,
.bt-ortam-sol .yuzey-item,
.bt-ortam-sol .yuzey-kart,
.bt-ortam-sol .bt-chip.yuzey-item {
  flex: 0 0 auto !important;
  flex-shrink: 0 !important;
  min-height: 38px !important;
  height: auto !important;
  align-items: center !important;
  position: relative !important;
  overflow: visible !important;
  display: flex !important;
}
.yuzey-kutu,
.ortam-kutu .yuzey-kutu,
.bt-ortam-kutu .yuzey-kutu,
.canta-izgara {
  display: flex !important;
  flex-direction: column !important;
  gap: 6px !important;
  overflow: auto !important;
  max-height: 280px;
  min-height: 72px;
}
.yuzey-eylem {
  flex: 0 0 auto !important;
  position: static !important;
  margin-left: auto !important;
}

/* ═══ Gül sayfa — iki sütun boşluğa kadar uzar ═══ */
body.sayfa-gul .main { min-height: 100vh; }
body.sayfa-gul .content {
  padding: 10px 14px 12px !important;
  display: flex !important;
  flex-direction: column !important;
  flex: 1 1 auto !important;
  min-height: 0 !important;
}
body.sayfa-gul .topbar { padding-top: 8px !important; padding-bottom: 8px !important; min-height: 44px !important; }
body.sayfa-gul .gul-bas {
  margin: 0 0 6px !important;
  gap: 8px !important;
  align-items: center !important;
  flex: 0 0 auto !important;
}
body.sayfa-gul .gul-bas h1 { margin: 0 !important; font-size: 18px !important; }
body.sayfa-gul .gul-bas .bot-ikon.buyuk { font-size: 24px !important; }
body.sayfa-gul .gul-bas .dim.mini { font-size: 12px !important; }
body.sayfa-gul .gul-nasil { margin: 0 0 8px !important; padding: 8px 12px !important; flex: 0 0 auto !important; }
body.sayfa-gul .gul-nasil summary { font-size: 13px !important; }

body.sayfa-gul .bt-gul-grid {
  margin-top: 0 !important;
  gap: 10px !important;
  align-items: stretch !important;
  flex: 1 1 auto !important;
  min-height: 0 !important;
  height: 100% !important;
}
body.sayfa-gul .bt-gul-grid > .card {
  padding: 12px 14px !important;
  display: flex !important;
  flex-direction: column !important;
  min-height: 0 !important;
  height: 100% !important;
}
body.sayfa-gul .bt-ui-etiket { margin-bottom: 6px !important; font-size: 11px !important; letter-spacing: .04em; flex: 0 0 auto; }
body.sayfa-gul .bt-gul-ortam {
  gap: 8px !important;
  flex: 1 1 auto !important;
  min-height: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  height: auto !important;
}
body.sayfa-gul .bt-gul-ortam > .bt-ust { flex: 0 0 auto !important; }
body.sayfa-gul .gul-asama { font-size: 13px !important; margin: 0 !important; gap: 8px !important; }

body.sayfa-gul .gul-sayac {
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 0 !important;
}
body.sayfa-gul .gul-sayac .sayac-kart {
  padding: 8px 6px !important;
  border-radius: 0 !important;
  min-height: 0 !important;
  gap: 2px !important;
}
body.sayfa-gul .gul-sayac .sayac-baslik { font-size: 11px !important; }
body.sayfa-gul .gul-sayac .sayac-deger { font-size: 15px !important; margin-top: 0 !important; }
body.sayfa-gul .gul-sayac .sayac-alt { display: none !important; }
body.sayfa-gul .gul-kart-one-cik,
body.sayfa-gul .gul-hedef-mini { display: none !important; }
body.sayfa-gul .gul-hedef-satir { font-size: 12.5px !important; margin: 6px 0 0 !important; gap: 6px 16px !important; }
body.sayfa-gul .gul-ilerleme { height: 5px !important; margin-top: 5px !important; }

/* Hesaplar: kalan yüksekliği doldur */
body.sayfa-gul .bt-gul-govde,
body.sayfa-gul .bt-gul-ortam .bt-gul-govde {
  display: flex !important;
  flex-direction: column !important;
  flex: 1 1 auto !important;
  height: auto !important;
  min-height: 280px !important;
  max-height: none !important;
}
body.sayfa-gul .bt-gul-govde > .bt-ortam-kutu {
  display: flex !important;
  flex-direction: column !important;
  flex: 1 1 auto !important;
  min-height: 0 !important;
  max-height: none !important;
  height: 100% !important;
  padding: 8px 10px !important;
  overflow: hidden !important;
}
body.sayfa-gul .bt-gul-govde > .bt-ortam-kutu > header {
  font-size: 11px !important;
  margin: 0 0 4px !important;
  padding: 0 !important;
  flex: 0 0 auto !important;
}
body.sayfa-gul .bt-gul-govde .gul-hesap-sar {
  flex: 1 1 auto !important;
  height: auto !important;
  max-height: none !important;
  min-height: 0 !important;
  overflow: auto !important;
}

/* Kontrol sütunu da aynı yüksekliğe uzar */
body.sayfa-gul .bt-ui-ayar {
  min-height: 0 !important;
}
body.sayfa-gul .bt-ui-ayar .gul-ayar {
  flex: 1 1 auto !important;
  min-height: 0 !important;
  overflow: auto !important;
  display: flex !important;
  flex-direction: column !important;
}
body.sayfa-gul .gul-mini-tablo { font-size: 11.5px !important; }
body.sayfa-gul .gul-mini-tablo th,
body.sayfa-gul .gul-mini-tablo td { padding: 3px 4px !important; }

body.sayfa-gul .gul-ayar .ayar-grup { margin: 0 0 8px !important; padding: 8px 10px !important; }
body.sayfa-gul .gul-ayar .ayar-satir { margin: 4px 0 !important; }
body.sayfa-gul .gul-ayar .ayar-satir label { margin: 4px 0 !important; font-size: 12px !important; }
body.sayfa-gul .gul-ayar legend { font-size: 12px !important; }
body.sayfa-gul .gul-ayar input,
body.sayfa-gul .gul-ayar select {
  font-size: 13px !important;
  padding: 6px 9px !important;
}
body.sayfa-gul .gul-oturum-satir { margin-top: 6px !important; }
body.sayfa-gul .gul-ipucu { margin: 5px 0 0 !important; font-size: 11.5px !important; }
body.sayfa-gul .gul-kilit-satir { margin-top: 8px !important; font-size: 12.5px !important; }
body.sayfa-gul .gul-admin-paket-satir { gap: 8px; margin-top: 8px; align-items: center; }
body.sayfa-gul .gul-btns { gap: 6px !important; }
body.sayfa-gul .gul-btns .btn-motor,
body.sayfa-gul .gul-btns .btn-yan {
  font-size: 12px !important;
  padding: 6px 10px !important;
}
body.sayfa-gul .gul-karakter-ornek span { padding: 5px 9px !important; font-size: 12px !important; }

@media (max-width: 900px) {
  body.sayfa-gul .bt-gul-grid { height: auto !important; }
  body.sayfa-gul .bt-gul-govde {
    min-height: 220px !important;
  }
  body.sayfa-gul .bt-gul-govde > .bt-ortam-kutu { max-height: none !important; }
  body.sayfa-gul .bt-gul-govde .gul-hesap-sar { max-height: 240px !important; }
}

/* === Maden sol 3 kutu: e�it oran + Yenile ayn� sat�rda === */
.bt-ortam-sol,
.ortam-sol {
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
  align-self: stretch !important;
  min-height: 0 !important;
  height: 100% !important;
}
.bt-ortam-sol > .bt-ortam-kutu,
.ortam-sol > .ortam-kutu {
  flex: 1 1 0 !important;
  min-height: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  overflow: hidden !important;
}
.bt-ortam-sol > .bt-ortam-kutu > header,
.ortam-sol > .ortam-kutu > header {
  flex: 0 0 auto !important;
  flex-wrap: nowrap !important;
  white-space: nowrap;
  gap: 6px !important;
}
.bt-ortam-sol > .bt-ortam-kutu > header > i,
.ortam-sol > .ortam-kutu > header > i {
  font-weight: 400;
  color: var(--dim);
  overflow: hidden;
  text-overflow: ellipsis;
}
.bt-ortam-sol > .bt-ortam-kutu > header .btn,
.ortam-sol > .ortam-kutu > header .btn {
  margin-left: auto !important;
  flex-shrink: 0 !important;
}
.bt-ortam-sol .canta-izgara,
.bt-ortam-sol .yuzey-kutu,
.bt-ortam-sol .maden-kutu,
.ortam-sol .canta-izgara,
.ortam-sol .yuzey-kutu,
.ortam-sol .maden-kutu {
  flex: 1 1 0 !important;
  min-height: 0 !important;
  max-height: none !important;
  overflow: auto !important;
}

/* Canta / maden satir = Yuzeylerim kart boyutu */
.ortam-sol .canta-chip,
.ortam-sol .maden-item,
.bt-ortam-sol .canta-chip,
.bt-ortam-sol .maden-item,
.ortam-kutu .canta-chip,
.ortam-kutu .maden-item {
  flex: 0 0 auto !important;
  flex-shrink: 0 !important;
  min-height: 38px !important;
  height: auto !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 7px 9px !important;
  border-radius: 8px !important;
  font-size: 12px !important;
  margin: 0 !important;
}
.ortam-sol .canta-chip span,
.bt-ortam-sol .canta-chip span,
.ortam-kutu .canta-chip span {
  font-size: 12px !important;
  font-weight: 700 !important;
  color: var(--text, #f0e6d6) !important;
}
.ortam-sol .canta-chip b,
.bt-ortam-sol .canta-chip b,
.ortam-kutu .canta-chip b {
  font-size: 12px !important;
  font-weight: 700 !important;
}

/* Harita baslik + lejant ikonlari */
.ortam-harita > header,
.bt-harita-mini > header {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 8px !important;
  flex-wrap: nowrap !important;
  min-height: 22px;
}
.harita-baslik {
  display: flex;
  align-items: baseline;
  gap: 8px;
  flex: 1 1 auto;
  min-width: 0;
  overflow: hidden;
  font-weight: 700;
  font-size: 12px;
  letter-spacing: .02em;
}
.harita-bas-sag {
  display: flex;
  align-items: center;
  gap: 6px;
  flex: 0 0 auto;
  margin-left: auto;
}
.harita-bas-sag .btn-yan {
  padding: 2px 8px;
  font-size: 11px;
  height: 22px;
  min-height: 22px;
  white-space: nowrap;
}
.bt-harita-mini > header .ping-rozet,
.ortam-harita > header .ping-rozet {
  flex: 0 0 5.8em;
  min-width: 5.8em;
  text-align: right;
  white-space: nowrap;
  font-variant-numeric: tabular-nums;
}
.harita-baslik #harita-yuzey {
  color: var(--text, #f0e6d6);
  font-size: 12px;
  font-weight: 700;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
}
.harita-baslik #harita-bilgi {
  color: var(--dim);
  font-weight: 400;
  font-style: normal;
  font-size: 11px;
}
.bt-lej.harita-lejant,
.ortam-harita .harita-lejant {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 10px 14px !important;
  margin-top: 8px !important;
  font-size: 11px !important;
  color: var(--dim) !important;
}
.harita-lejant .lej-item {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  white-space: nowrap;
}
.harita-lejant .lej-item img {
  width: 18px;
  height: 18px;
  object-fit: contain;
  flex: 0 0 18px;
  image-rendering: auto;
}

.harita-lejant .lej-item img {
  width: 12px !important;
  height: 12px !important;
  flex: 0 0 12px !important;
}
.harita-lejant .lej-item {
  gap: 4px !important;
  font-size: 10.5px !important;
}

.maden-item .maden-ikon {
  width: 16px !important;
  height: 16px !important;
  flex: 0 0 16px !important;
  object-fit: contain;
}
.maden-item {
  display: flex !important;
  align-items: center !important;
  gap: 7px !important;
}

/* Native <select> listesi Windows'ta mavi/gri kalır — temalı özel liste */
.ayar-sec {
  position: relative;
  flex: 1;
  min-width: 0;
}
.ayar-sec > select {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  min-height: 0 !important;
  opacity: 0 !important;
  pointer-events: none !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  overflow: hidden !important;
}
.ayar-sec-btn {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  text-align: left;
  padding: 3px 8px;
  font-size: 12.5px;
  height: 26px;
  min-height: 26px;
  border-radius: 7px;
  background: var(--bg2);
  border: 1px solid var(--line);
  color: var(--txt);
  cursor: pointer;
}
.ayar-sec-btn::after {
  content: "";
  width: 0;
  height: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 5px solid var(--dim);
  flex: 0 0 auto;
}
.ayar-sec.acik .ayar-sec-btn {
  border-color: var(--gold3);
  box-shadow: 0 0 0 2px rgba(212,160,71,.22);
}
.ayar-sec-liste {
  display: none;
  position: absolute;
  z-index: 90;
  left: 0;
  right: 0;
  top: calc(100% + 3px);
  background: var(--card);
  border: 1px solid var(--line);
  border-radius: 7px;
  padding: 4px;
  box-shadow: var(--shadow);
  max-height: 220px;
  overflow: auto;
}
.ayar-sec.acik .ayar-sec-liste { display: block; }
.ayar-sec-madde {
  display: block;
  width: 100%;
  text-align: left;
  padding: 6px 8px;
  border-radius: 5px;
  color: var(--txt);
  background: transparent;
  font-size: 12.5px;
  font-weight: 600;
}
.ayar-sec-madde:hover {
  background: var(--soft);
  color: var(--gold2);
}
.ayar-sec-madde[aria-selected="true"] {
  background: rgba(212,160,71,.2);
  color: var(--gold2);
}
.ayar-sec.pasif .ayar-sec-btn {
  opacity: .55;
  cursor: not-allowed;
}

/* ═══════════════ YAZ TUTKUSU paneli ═══════════════ */
.yaz-sayfa .cal-bas{margin-bottom:6px!important}
.yaz-sayfa .cal-bas h1{font-size:17px!important}
.yaz-sayfa .cal-bas .bot-ikon.buyuk{font-size:22px!important}
.yaz-sayfa .bilgi-serit{padding:5px 10px!important;font-size:11.5px!important;margin:4px 0 8px!important}

.yaz-panel{background:#14110e;border:1px solid var(--line);border-radius:12px}
.yaz-ust{display:flex;align-items:center;justify-content:space-between;gap:10px;
  flex-wrap:wrap;padding:8px 12px;background:linear-gradient(180deg,#1c1712,#14110e);
  border-bottom:1px solid var(--line)}
.yaz-sayaclar{display:flex;align-items:stretch;gap:5px;flex-wrap:wrap;flex:1}
.yaz-sayaclar .ys{display:flex;flex-direction:column;justify-content:center;
  min-width:62px;padding:4px 8px;background:#1a1511;border:1px solid var(--line);
  border-radius:7px}
.yaz-sayaclar .ys span{font-size:10px;color:var(--dim2);letter-spacing:.03em;text-transform:uppercase}
.yaz-sayaclar .ys b{font-size:14px;color:var(--txt);font-weight:700;line-height:1.2}
.yaz-sayaclar .ys-skor b{color:var(--gold2)}
.yaz-sayaclar .ys-bek{min-width:140px}
.yaz-sayaclar .ys-bek b{font-size:12px;font-weight:600;color:var(--dim)}
.yaz-asamalar{display:flex;align-items:center;gap:8px}
.yaz-asama{font-size:11.5px;color:var(--dim)}
.yaz-asama.tamam{color:var(--green)}
.yaz-asama.kopuk{color:var(--red)}
.yaz-kes-form{margin:0}

.yaz-skor-bar{position:relative;height:22px;margin:8px 12px 0;background:#1a1511;
  border:1px solid var(--line);border-radius:7px;overflow:hidden}
.yaz-skor-bar span{position:relative;z-index:1;display:block;padding:0 10px;
  font-size:11.5px;line-height:20px;font-weight:600;color:var(--gold2)}
.yaz-skor-iz{position:absolute;left:0;top:0;bottom:0;width:0;
  background:linear-gradient(90deg,rgba(212,160,71,.35),rgba(232,184,74,.18));
  transition:width .4s ease}
.yaz-etkinlik{margin:4px 12px 0;min-height:16px}

.yaz-govde{display:grid;grid-template-columns:minmax(0,1fr) 260px;
  gap:10px;padding:10px 12px;align-items:stretch}
.yaz-kart{background:#1a1511;border:1px solid var(--line);border-radius:10px;overflow:hidden}
.yaz-kart-ust{display:flex;align-items:center;justify-content:space-between;
  padding:8px 10px;border-bottom:1px solid var(--line)}
.yaz-kart-bas{margin:0;font-size:13px;font-weight:700}
.yaz-hedef-ozet{font-size:11px;color:var(--dim2)}
.yaz-yan{min-width:0}
.yaz-yan-kart{display:flex;flex-direction:column;height:100%}

.yaz-liste-bas{display:grid;grid-template-columns:52px 1fr 72px 44px 72px 44px;
  gap:6px;padding:5px 10px;font-size:10px;color:var(--dim2);text-transform:uppercase;
  letter-spacing:.03em}
.yaz-liste{display:flex;flex-direction:column}
.yaz-satir{display:grid;grid-template-columns:52px 1fr 72px 44px 72px 44px;
  gap:6px;align-items:center;padding:5px 10px;border-top:1px solid rgba(61,50,40,.45);
  font-size:12.5px}
.yaz-satir.secili{background:rgba(212,160,71,.06)}
.yaz-satir.bedava{box-shadow:inset 3px 0 0 var(--green)}
.yaz-satir.puan{box-shadow:inset 3px 0 0 var(--gold)}
.yaz-satir.bekliyor{box-shadow:inset 3px 0 0 var(--mavi)}
.yaz-satir.kutu .yaz-durum::after{content:" 📦"}
.yaz-no{display:flex;align-items:center;gap:5px;font-weight:700;color:var(--gold2);cursor:pointer}
.yaz-durum{color:var(--txt)}
.yaz-kalan,.yaz-puan{text-align:center;color:var(--dim);font-variant-numeric:tabular-nums}
.yaz-havuz{position:relative;height:16px;background:#14110e;border-radius:4px;overflow:hidden}
.yaz-havuz i{position:absolute;left:0;top:0;bottom:0;background:rgba(212,160,71,.35)}
.yaz-havuz em{position:relative;display:block;text-align:center;font-size:10px;
  line-height:16px;font-style:normal;color:var(--txt)}
.yaz-ac-btn{padding:2px 7px;font-size:11px;border-radius:5px;border:1px solid var(--line);
  background:#261c15;color:var(--txt);cursor:pointer}
.yaz-ac-btn:hover{border-color:var(--gold);color:var(--gold2)}

.yaz-ayarlar{display:flex;flex-direction:column;padding:4px 0}
.yaz-ayar{display:flex;align-items:flex-start;gap:8px;padding:8px 10px;
  border-bottom:1px solid rgba(61,50,40,.4)}
.yaz-ayar input[type="checkbox"]{width:15px;height:15px;margin:2px 0 0;flex:0 0 auto;accent-color:var(--gold)}
.yaz-ayar-metin{display:flex!important;flex-direction:column;gap:1px;min-width:0;
  margin:0!important;color:var(--txt);font-weight:600;cursor:pointer}
.yaz-ayar-metin span{font-size:12.5px;font-weight:600;color:var(--txt);line-height:1.25}
.yaz-ayar-metin small{font-size:10.5px;color:var(--dim2);line-height:1.3;font-weight:400}
.yaz-ayar-taban{align-items:center}
.yaz-ayar-etiket{margin:0!important;font-size:12.5px!important;font-weight:600!important;
  color:var(--txt)!important;cursor:pointer}
.yaz-ayar-taban input[type="number"]{margin-left:auto;width:72px;padding:4px 6px;
  background:#14110e;border:1px solid var(--line);border-radius:5px;color:var(--txt);
  font-size:12.5px;text-align:right}
.yaz-odul-bas{border-top:1px solid var(--line);margin-top:0}
.yaz-oduller{display:flex;flex-direction:column;gap:2px;padding:8px 10px;
  flex:1;min-height:88px;max-height:none;overflow:auto}
.yaz-odul{display:flex;justify-content:space-between;align-items:center;gap:8px;
  font-size:12px;padding:5px 0;border-bottom:1px solid rgba(61,50,40,.35)}
.yaz-odul span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.yaz-odul b{color:var(--gold2);flex:0 0 auto}
.yaz-bos{display:block;padding:10px 0;text-align:center}

.yaz-eylemler{display:flex;align-items:center;gap:10px;flex-wrap:wrap;
  padding:10px 12px;border-top:1px solid var(--line);background:#16120e}
.yaz-not{margin:0}

@media (max-width:640px){
  .yaz-govde{grid-template-columns:1fr}
  .yaz-liste-bas,.yaz-satir{grid-template-columns:44px 1fr 58px 36px 60px 40px;padding:5px 8px}
}

/* ═══════════════ DESTEK ═══════════════ */
.destek-sayfa .dst-bas{display:flex;justify-content:space-between;align-items:flex-end;
  gap:16px;flex-wrap:wrap;margin:4px 0 16px}
.dst-kicker{margin:0 0 2px;font-size:11px;letter-spacing:.12em;text-transform:uppercase;
  color:var(--gold2);font-weight:700}
.destek-sayfa .dst-bas h1{margin:0;font-size:22px}
.dst-alt{margin:4px 0 0;max-width:520px}
.dst-durum{display:flex;align-items:flex-start;gap:10px;padding:10px 12px;
  background:var(--card);border:1px solid var(--line);border-radius:10px}
.dst-durum b{display:block;font-size:13px}
.dst-nokta{width:8px;height:8px;margin-top:5px;border-radius:50%;
  background:var(--green);box-shadow:0 0 0 4px rgba(63,185,80,.15);flex-shrink:0}
.dst-uyari{margin:0 0 12px;padding:10px 12px;border-radius:10px;border:1px solid var(--line);
  background:var(--card);font-size:13.5px}
.dst-uyari.ok{border-color:rgba(63,185,80,.45)}
.dst-uyari.uy{border-color:rgba(212,160,71,.45)}
.dst-duzen{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(240px,.7fr);gap:14px;align-items:start}
.dst-sohbet{padding:0;overflow:hidden}
.dst-sohbet-bas{padding:12px 14px 10px;border-bottom:1px solid var(--line)}
.dst-sohbet-bas h2{margin:0;font-size:15px}
.dst-sohbet .mesaj-liste{border:none;border-radius:0;max-height:380px}
.dst-hizli{display:flex;flex-wrap:wrap;gap:6px;padding:8px 12px 0}
.dst-chip{padding:4px 10px;border-radius:999px;border:1px solid var(--line);
  background:#1a1511;color:var(--dim);font-size:12px;cursor:pointer}
.dst-chip:hover{border-color:var(--gold);color:var(--gold2)}
.dst-form{display:flex;flex-direction:column;gap:8px;padding:10px 12px 14px}
.dst-form input,.dst-form textarea{width:100%;padding:8px 10px;border-radius:8px;
  border:1px solid var(--line);background:#14110e;color:var(--txt);font:inherit}
.dst-form textarea{resize:vertical;min-height:72px}
.dst-yaz{display:flex;gap:8px;align-items:center;flex-wrap:nowrap}
.dst-yaz input{flex:1;min-width:0}
.dst-ek{margin:0;cursor:pointer}
.dst-yan{display:flex;flex-direction:column;gap:10px}
.dst-kart h3{margin:0 0 6px;font-size:14px}
.dst-kart p{margin:0}
.dst-sss details{border-top:1px solid var(--line);padding:8px 0}
.dst-sss details:first-of-type{border-top:none}
.dst-sss summary{cursor:pointer;font-size:13px;font-weight:600}
.dst-sss details p{margin:6px 0 0}
@media (max-width:800px){
  .dst-duzen{grid-template-columns:1fr}
  .destek-sayfa .dst-bas{align-items:flex-start}
}

/* Yönetim — fiyat/süre planı editörü */
.yon-fiyat-kart .yon-plan-bas { font-weight: 700; margin: 12px 0 6px; color: var(--gold2); font-size: 13px; }
.yon-plan-satir { display: grid; grid-template-columns: 70px 1fr 90px 34px; gap: 6px; margin-bottom: 6px; align-items: center; }
.yon-plan-satir input { padding: 7px 8px; border-radius: 8px; background: rgba(0,0,0,.25); border: 1px solid rgba(212,160,71,.22); color: var(--txt); font-size: 13px; width: 100%; }
.yon-plan-satir .pl-sil { padding: 6px 0; }
.yon-onay { display: inline-flex; align-items: center; gap: 7px; font-size: 13px; margin: 6px 0; }

/* ═══ YASAK ARAZİ (Akıllı Sistem) — FlokiRelay BossPanel web karşılığı ═══ */
.ya-panel { display: block; }
.ya-ust { display: flex; justify-content: space-between; align-items: center;
  gap: 12px; flex-wrap: wrap; margin-bottom: 10px; }
.ya-ust-sol { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.ya-ust-sag { display: flex; align-items: center; gap: 10px; }
.ya-marka { font-weight: 800; font-size: 15px; color: var(--gold2); }
.ya-nick { font-weight: 700; color: var(--txt); background: rgba(212,160,71,.14);
  border: 1px solid rgba(212,160,71,.3); border-radius: 8px; padding: 3px 9px; font-size: 13px; }
.ya-chk { display: inline-flex; align-items: center; gap: 6px; font-size: 13px;
  font-weight: 600; color: var(--txt); }
.ya-hedef { font-size: 13px; color: var(--gold2); background: rgba(0,0,0,.22);
  border: 1px solid rgba(212,160,71,.18); border-radius: 8px;
  padding: 7px 11px; margin-bottom: 10px; }
.ya-sekme { display: flex; gap: 5px; flex-wrap: wrap; margin-bottom: 8px; }
.ya-chip { padding: 6px 12px; border-radius: 8px; font-size: 12px; font-weight: 600;
  background: rgba(255,255,255,.04); border: 1px solid transparent;
  color: var(--dim); cursor: pointer; }
.ya-chip:hover { background: rgba(212,160,71,.12); color: var(--txt); }
.ya-chip.secili { background: linear-gradient(180deg, rgba(212,160,71,.24), rgba(212,160,71,.10));
  border-color: rgba(212,160,71,.45); color: var(--gold2); }
.ya-arac { display: flex; gap: 8px; align-items: center; flex-wrap: wrap; margin-bottom: 8px; }
.ya-onspawn { font-size: 12px; color: var(--dim); display: inline-flex;
  align-items: center; gap: 6px; }
.ya-onspawn input { width: 54px; padding: 5px 7px; border-radius: 7px;
  background: rgba(0,0,0,.25); border: 1px solid rgba(212,160,71,.25);
  color: var(--txt); font-size: 12px; }
.ya-hak { font-size: 12px; margin-bottom: 8px; }
.ya-liste { border-radius: 10px; overflow: hidden;
  border: 1px solid rgba(212,160,71,.18); background: rgba(0,0,0,.18);
  max-height: 460px; overflow-y: auto; }
/* FlokiRelay BossCard: [✓] [no] [ad] [sıra] [durum] + altında HP barı */
.ya-satir { display: grid;
  grid-template-columns: 18px 30px 1fr 22px 96px;
  grid-template-rows: auto auto 4px; gap: 0 6px; align-items: center;
  padding: 4px 8px 0; border-bottom: 1px solid rgba(212,160,71,.12);
  border-left: 2px solid transparent; }
.ya-satir.hedef { border-left-color: #45c47a; background: rgba(69,196,122,.07); }
.ya-satir .ya-no { width: 100%; padding: 2px 3px; text-align: center;
  border-radius: 5px; background: rgba(0,0,0,.28);
  border: 1px solid rgba(212,160,71,.2); color: var(--gold2); font-size: 11px; }
.ya-satir .ya-ad { font-weight: 700; font-size: 13px; color: var(--txt);
  cursor: pointer; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ya-satir .ya-ad:hover { color: var(--gold2); text-decoration: underline; }
/* Kat hakkı bitmiş boss: hiç girilemez → ad soluk, tıklama kapalı. */
.ya-satir.haksiz .ya-ad { color: var(--dim2); font-weight: 600;
  cursor: not-allowed; text-decoration: line-through; }
.ya-satir.haksiz .ya-ad:hover { color: var(--dim2); text-decoration: line-through; }
/* Dövüşülen boss: satır vurgulanır, adın önünde kılıç döner. */
.ya-satir.savasta { background: rgba(69,196,122,.12); }
.ya-savas-ikon { color: #45c47a; animation: ya-vur 1.1s ease-in-out infinite; }
@keyframes ya-vur { 0%,100% { opacity: 1; } 50% { opacity: .35; } }
/* Satır içi canlı durum — büyük log kutusunun yerini tutar. */
.ya-satir .ya-islem { color: #45c47a; font-weight: 600; }
.ya-satir .ya-islem.doguyor { color: #6fe0a0; }
@media (prefers-reduced-motion: reduce) {
  .ya-savas-ikon { animation: none; }
}
/* Hasar 1.'si — bu boss'la kim uğraşıyor. */
.ya-satir .ya-r1 { grid-column: 3 / -1; font-size: 10px; color: var(--dim2);
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
  margin: -1px 0 1px; }
.ya-satir .ya-sira { font-size: 11px; color: var(--dim2); text-align: right; }
.ya-satir .ya-durum { font-size: 12px; color: var(--dim); text-align: right; }
.ya-satir .ya-durum.canli { color: #45c47a; font-weight: 700; }
.ya-satir .ya-durum.zayif { color: #d9534f; font-weight: 700; }
.ya-satir .ya-bar { grid-column: 1 / -1; height: 4px; border-radius: 2px;
  background: rgba(255,255,255,.06); overflow: hidden; margin-bottom: 3px; }
.ya-satir .ya-bar i { display: block; height: 100%; background: #45c47a; }
.ya-satir .ya-bar i.zayif { background: #d9534f; }
.ya-alt { font-size: 12px; margin-top: 8px; }
/* Boss alanı solda, görev düğmeleri sağda. */
.ya-duzen { display: grid; grid-template-columns: 1fr 200px; gap: 12px;
  align-items: start; }
.ya-sol { min-width: 0; }
.ya-sag { min-width: 0; position: sticky; top: 10px; }
.ya-gorevler { display: flex; flex-direction: column; gap: 5px; }
.ya-gorev { text-align: left; padding: 7px 9px; border-radius: 8px;
  font-size: 12px; font-weight: 600; cursor: pointer; color: var(--dim);
  background: rgba(0,0,0,.24); border: 1px solid rgba(212,160,71,.18); }
.ya-gorev:hover { color: var(--txt); border-color: rgba(212,160,71,.42); }
.ya-gorev.birlikte::before { content: "◈ "; color: var(--gold2); }
.ya-gorev.acik { color: #0d1520; font-weight: 800;
  background: linear-gradient(180deg, #57d98c, #3fae6d); border-color: #3fae6d; }
.ya-gorev-not { margin: 8px 0 0; line-height: 1.45; }
/* Yaz Tutkusu kompakt sayaç kartı (görev çalışırken belirir). */
.ya-yaz-kart { margin-top: 10px; }
.ya-yaz-sayaclar { display: grid; grid-template-columns: repeat(2, 1fr);
  gap: 6px; margin-top: 8px; }
.ya-yaz-ys { display: flex; flex-direction: column; gap: 1px;
  padding: 6px 8px; border-radius: 8px; background: rgba(0,0,0,.24);
  border: 1px solid rgba(212,160,71,.16); }
.ya-yaz-ys span { font-size: 10px; color: var(--dim2); text-transform: uppercase;
  letter-spacing: .3px; }
.ya-yaz-ys b { font-size: 14px; color: var(--gold2); font-weight: 800; }
.ya-yaz-bek { margin-top: 8px; line-height: 1.4; }
/* Sağ paneldeki küçük görev logu. */
.ya-gorev-log { margin: 8px 0 0; max-height: 150px; overflow: auto;
  font-size: 10.5px; line-height: 1.5; white-space: pre-wrap; word-break: break-word;
  padding: 7px 8px; border-radius: 8px; background: rgba(0,0,0,.3);
  border: 1px solid rgba(212,160,71,.14); }
/* Log + Kestiğin boss'lar yan yana. */
.ya-kesilen-kart .ya-kesilen { max-height: 210px; overflow: auto; }
.ya-log-tani { display: inline-flex; align-items: center; gap: 4px;
  cursor: pointer; user-select: none; }
.ya-kart-bas { display: flex; align-items: center;
  justify-content: space-between; gap: 8px; }
@media (max-width: 900px) {
  .ya-duzen { grid-template-columns: 1fr; }
  .ya-sag { position: static; }
  .ya-gorevler { display: grid; grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)); }
}
.ya-govde { display: grid; grid-template-columns: 1fr 260px; gap: 10px; margin-top: 12px; }
.ya-kart { border-radius: 10px; padding: 10px 12px;
  background: linear-gradient(180deg, rgba(212,160,71,.06), rgba(0,0,0,.18));
  border: 1px solid rgba(212,160,71,.22); }
.ya-kart-bas { font-size: 13px; color: var(--gold2); margin-bottom: 6px; }
.ya-log { font-family: ui-monospace, Consolas, monospace; font-size: 11px;
  line-height: 1.5; white-space: pre-wrap; margin: 0; max-height: 220px;
  overflow-y: auto; color: var(--txt); }
.ya-kesilen { list-style: none; margin: 0; padding: 0; font-size: 12px;
  max-height: 220px; overflow-y: auto; }
.ya-kesilen li { padding: 3px 0; border-bottom: 1px solid rgba(212,160,71,.1); }
@media (max-width: 860px) { .ya-govde { grid-template-columns: 1fr; } }

/* ── Floki Client ürün kartı (Botlarım) ──────────────────────────── */
.fc-kart { border: 1px solid rgba(212,160,71,.28); margin-bottom: 14px; }
.fc-ust { display: flex; justify-content: space-between; align-items: center;
  gap: 12px; flex-wrap: wrap; margin-bottom: 10px; }
.fc-bas { display: flex; align-items: center; gap: 12px; }
.fc-ikon { font-size: 34px; line-height: 1; }
.fc-bas h2 { margin: 0; font-size: 18px; }
.fc-govde { display: flex; justify-content: space-between; align-items: flex-end;
  gap: 16px; flex-wrap: wrap; }
.fc-bilgi { flex: 1 1 320px; min-width: 0; }
.fc-vurgu { margin: 0 0 6px; font-size: 14px; }
.fc-makineler { display: flex; flex-direction: column; gap: 4px; margin-top: 8px; }
.fc-makine { font-size: 12px; color: var(--txt); background: rgba(0,0,0,.24);
  border: 1px solid rgba(212,160,71,.18); border-radius: 7px;
  padding: 4px 8px; width: fit-content; }
.fc-eylem { display: flex; gap: 8px; align-items: center; flex-wrap: wrap; }
@media (max-width: 640px) {
  .fc-govde { flex-direction: column; align-items: stretch; }
  .fc-eylem { justify-content: stretch; }
  .fc-eylem .btn, .fc-eylem form { flex: 1 1 auto; }
}

/* Ana sayfadaki Floki Client kartı: indirme + satın alma bir arada. */
.indir-kart-urun { cursor: default; }
.indir-eylem { display: flex; gap: 8px; align-items: center; flex-wrap: wrap; }
@media (max-width: 640px) {
  .indir-kart-urun { flex-wrap: wrap; }
  .indir-eylem { width: 100%; }
  .indir-eylem .btn { flex: 1 1 auto; text-align: center; }
}

/* Yönetim: istemci üyelikleri tablosu */
.iu-makine { display: flex; align-items: center; gap: 4px; margin-bottom: 3px; }
.mini-sayi { width: 52px; padding: 3px 5px; font-size: 11px; border-radius: 5px;
  background: rgba(0,0,0,.28); border: 1px solid rgba(212,160,71,.2);
  color: var(--txt); }
.satir-ici { display: inline-flex; align-items: center; gap: 3px; margin: 0 3px 3px 0; }
.yon-eylem { white-space: normal; }

/* Floki Client kartı: sürüm rozeti ve eski sürüm uyarısı */
.fc-surum { font-variant-numeric: tabular-nums; }
.fc-surum-uyari { margin: 6px 0 0; font-size: 13px; color: var(--gold2); }
.fc-surum-uyari a { text-decoration: underline; }
.fc-surum-not { margin: 6px 0 0; line-height: 1.45; }
.surum-etiket { color: var(--gold2); }
.indir-surum-not { display: block; margin-top: 6px; line-height: 1.4; }

/* Yönetim: Floki Client sürüm yayınlama */
.iy-yayin { margin-bottom: 14px; }
.iy-durum { display: grid; grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
  gap: 8px; margin: 10px 0 12px; }
.iy-kutu { display: flex; flex-direction: column; gap: 2px; padding: 8px 10px;
  border-radius: 9px; background: rgba(0,0,0,.24);
  border: 1px solid rgba(212,160,71,.16); }
.iy-buyuk { font-size: 19px; color: var(--gold2); }
.iy-form { display: flex; flex-direction: column; gap: 10px; }
.iy-satir { display: flex; gap: 10px; align-items: flex-end; flex-wrap: wrap; }
.iy-satir label { display: flex; flex-direction: column; gap: 3px; font-size: 12px;
  color: var(--dim); }
.iy-genis { flex: 1 1 220px; }
.iy-onay { flex-direction: row !important; align-items: center; gap: 5px !important; }
@media (max-width: 640px) { .iy-satir label { width: 100%; } }
.iy-dikkat { color: var(--gold2); line-height: 1.5; margin: 0; }

/* ---- Siparis sonrasi "son adim" karti (destek sayfasi) --------------
   Uyeler satin al'a basip mesaj yazmadan cikiyordu. Ince bir uyari
   seridi yeterli olmadi; bu yuzden gorunur, numarali bir adim karti. */
.sip-adim{border:1px solid var(--altin,#c9a227);background:
  linear-gradient(180deg,rgba(201,162,39,.10),rgba(201,162,39,.03));
  padding:18px 20px;margin:0 0 16px;border-radius:12px}
.sip-adim-bas{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.sip-adim-bas h2{margin:0;font-size:1.05rem;line-height:1.35}
.sip-rozet{background:var(--altin,#c9a227);color:#14110a;font-weight:700;
  font-size:.68rem;letter-spacing:.06em;text-transform:uppercase;
  padding:3px 9px;border-radius:999px;white-space:nowrap}
.sip-aciklama{margin:10px 0 0;font-size:.9rem;line-height:1.55;opacity:.92}
.sip-adimlar{margin:14px 0 16px;padding:0;list-style:none;
  display:grid;gap:8px}
.sip-adimlar li{position:relative;padding-left:30px;font-size:.88rem;
  line-height:1.4;opacity:.62;counter-increment:sipadim}
.sip-adimlar{counter-reset:sipadim}
.sip-adimlar li::before{content:counter(sipadim);position:absolute;left:0;
  top:0;width:21px;height:21px;border-radius:50%;display:grid;
  place-items:center;font-size:.72rem;font-weight:700;
  border:1px solid currentColor}
.sip-adimlar li span{display:block}
.sip-adimlar li.tamam{opacity:.78}
.sip-adimlar li.tamam::before{content:"✓";background:#2e7d32;color:#fff;
  border-color:#2e7d32}
.sip-adimlar li.simdi{opacity:1}
.sip-adimlar li.simdi::before{background:var(--altin,#c9a227);color:#14110a;
  border-color:var(--altin,#c9a227)}
@media (max-width:560px){.sip-adim{padding:14px}
  .sip-adim-bas h2{font-size:.98rem}}
.sip-ipucu{margin:8px 0 0;line-height:1.45}

/* ---- Admin: uyeye yeni mesaj + toplu duyuru ------------------------ */
.yon-yenimesaj{margin-bottom:14px;padding:14px 16px}
.yon-yenimesaj-bas{display:flex;flex-direction:column;gap:2px;margin-bottom:10px}
.yon-yenimesaj-satir{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.yon-yenimesaj-satir select{flex:1;min-width:190px}
.yon-toplu{margin-top:12px;border-top:1px solid rgba(255,255,255,.08);
  padding-top:10px}
.yon-toplu summary{cursor:pointer;font-size:.88rem}
.yon-toplu-govde{display:grid;gap:9px;margin-top:10px}
.yon-toplu-govde textarea{width:100%;resize:vertical;font:inherit;
  padding:8px 10px;border-radius:8px}
@media (max-width:620px){.yon-yenimesaj-satir select{min-width:0;width:100%}
  .yon-yenimesaj-satir{gap:6px}}

/* ---- Client karti: desteklenen oyunlar ----------------------------- */
.fc-oyunlar{display:flex;align-items:center;gap:6px;flex-wrap:wrap;
  margin:8px 0 0}
.fc-oyun{display:inline-flex;align-items:center;gap:5px;
  background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.10);
  border-radius:999px;padding:3px 10px;font-size:.78rem;white-space:nowrap}
.fc-oyun i{font-style:normal;opacity:.6;font-size:.72rem}

/* ---- Bot arayuz galerisi (ana sayfa) ------------------------------- */
.tnt-bolum{padding-top:34px}
.tnt{position:relative;margin-top:22px}
.tnt-cerceve{position:relative;border:1px solid rgba(255,255,255,.10);
  border-radius:14px;overflow:hidden;background:rgba(0,0,0,.28)}
.tnt-slayt{margin:0;display:block}
.tnt-slayt img{display:block;width:100%;height:auto;max-height:66vh;
  object-fit:contain;background:#0d0d0f}
.tnt-slayt figcaption{display:flex;align-items:center;gap:10px;
  flex-wrap:wrap;padding:12px 16px;
  border-top:1px solid rgba(255,255,255,.08);
  background:rgba(255,255,255,.03)}
.tnt-slayt figcaption b{font-size:.98rem}
.tnt-slayt figcaption .dim{font-size:.82rem;flex:1;min-width:120px}
.tnt-ok{position:absolute;top:calc(50% - 46px);transform:translateY(-50%);
  width:42px;height:42px;border-radius:50%;display:grid;place-items:center;
  font-size:1.5rem;line-height:1;cursor:pointer;
  background:rgba(12,12,14,.72);color:#fff;
  border:1px solid rgba(255,255,255,.18)}
.tnt-ok:hover{background:rgba(12,12,14,.92)}
.tnt-geri{left:10px}
.tnt-ileri{right:10px}
.tnt-sayfalar{display:flex;justify-content:center;align-items:center;
  gap:8px;flex-wrap:wrap;margin-top:14px}
.tnt-nokta{display:inline-flex;align-items:center;gap:7px;cursor:pointer;
  background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.10);
  border-radius:999px;padding:5px 12px;font-size:.78rem;color:inherit;
  opacity:.62}
.tnt-nokta i{width:7px;height:7px;border-radius:50%;
  background:currentColor;display:block;flex:none}
.tnt-nokta.etkin{opacity:1;border-color:var(--altin,#c9a227);
  color:var(--altin,#c9a227);background:rgba(201,162,39,.12)}
@media (max-width:760px){
  .tnt-ok{width:34px;height:34px;font-size:1.2rem}
  .tnt-slayt img{max-height:52vh}
  .tnt-nokta span{display:none}
  .tnt-nokta{padding:7px}
  .tnt-slayt figcaption{padding:10px 12px}
}

/* ---- Yonetim: tanitim gorseli yukleme ----------------------------- */
.tnt-yonetim{display:grid;gap:12px;
  grid-template-columns:repeat(auto-fill,minmax(230px,1fr))}
.tnt-y-kart{display:flex;flex-direction:column;gap:8px;padding:12px}
.tnt-y-onizleme{aspect-ratio:16/10;border-radius:8px;overflow:hidden;
  background:rgba(0,0,0,.35);display:grid;place-items:center;
  border:1px solid rgba(255,255,255,.08)}
.tnt-y-onizleme img{width:100%;height:100%;object-fit:cover;display:block}
.tnt-y-form{display:flex;gap:6px;align-items:center;flex-wrap:wrap}
.tnt-y-form input[type=file]{flex:1;min-width:0;font-size:.74rem}

/* Ucretsiz deneme dugmesi — satin almadan ayrilsin diye yesil. */
.btn-yesil{background:#2e7d32;border:1px solid #2e7d32;color:#fff;
  font-weight:600}
.btn-yesil:hover{background:#35903a;border-color:#35903a}
/* Kullanilmis deneme: dugme yerinde dursun ama tiklanmasin. */
.btn.pasif{opacity:.45;cursor:default;pointer-events:none;
  box-shadow:none;filter:grayscale(.35)}
/* Gorev dugmesi: boss savasi bitince baslayacak (sirada). */
.ya-gorev.sirada, [data-gorev].sirada{
  border-color:var(--altin,#c9a227) !important;
  background:rgba(201,162,39,.14) !important;
  animation:sirada-nabiz 1.6s ease-in-out infinite}
@keyframes sirada-nabiz{0%,100%{opacity:.75}50%{opacity:1}}

/* ════════════════════════════════════════════════════════════════════
   ANA SAYFA v2 — satış odaklı, sade. (.v2-*, .onz-*)
   ════════════════════════════════════════════════════════════════════ */
.v2-hero{padding:56px 0 36px;overflow:hidden}
.v2-hero-izgara{display:grid;grid-template-columns:1.05fr .95fr;gap:44px;align-items:center}
.v2-pill{display:inline-flex;align-items:center;gap:8px;font-size:12.5px;font-weight:600;
  color:var(--gold2);background:rgba(212,160,71,.09);border:1px solid rgba(212,160,71,.25);
  padding:5px 12px;border-radius:999px}
.v2-canli{width:8px;height:8px;border-radius:50%;background:var(--green);animation:v2-nabiz 2s infinite}
@keyframes v2-nabiz{0%{box-shadow:0 0 0 0 rgba(63,185,80,.55)}70%{box-shadow:0 0 0 9px rgba(63,185,80,0)}100%{box-shadow:0 0 0 0 rgba(63,185,80,0)}}
.v2-hero h1{font-size:44px;line-height:1.1;letter-spacing:-.02em;margin:18px 0 0;font-weight:800}
.v2-grad{background:linear-gradient(95deg,var(--gold2),#f5d48a 55%,var(--gold3));
  -webkit-background-clip:text;background-clip:text;color:transparent}
.v2-alt{color:var(--dim);font-size:17px;line-height:1.55;margin-top:16px;max-width:540px}
.v2-alt b{color:var(--txt)}
.v2-cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}
.v2-cta .btn{white-space:nowrap}
.v2-guven{list-style:none;display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:22px;padding:0}
.v2-guven li{font-size:13.5px;color:var(--dim);display:flex;align-items:center;gap:6px}
.v2-guven li::before{content:"✓";color:var(--green);font-weight:800}

.v2-hero-gorsel{position:relative}
.v2-pencere{background:var(--card);border:1px solid rgba(232,184,74,.22);border-radius:14px;
  box-shadow:0 24px 60px rgba(0,0,0,.45),0 0 0 1px rgba(0,0,0,.2);overflow:hidden;
  transform:perspective(1400px) rotateY(-5deg) rotateX(2deg)}
.v2-pencere-bas{display:flex;align-items:center;gap:6px;padding:9px 12px;
  background:rgba(0,0,0,.25);border-bottom:1px solid var(--line);font-size:12px;color:var(--dim)}
.v2-pencere-bas i{width:10px;height:10px;border-radius:50%;background:var(--soft);display:block}
.v2-pencere-bas i:nth-child(1){background:#e5534b}
.v2-pencere-bas i:nth-child(2){background:#d4a047}
.v2-pencere-bas i:nth-child(3){background:#3fb950}
.v2-pencere-bas span{margin-left:8px}
.v2-pencere .onz{height:auto;padding:14px;font-size:13px}
.v2-pencere .onz-satir{padding:9px 10px}
.v2-rozet-yuzen{position:absolute;left:-14px;bottom:-14px;background:var(--gold2);color:#1a120b;
  font-weight:800;font-size:13px;padding:8px 14px;border-radius:10px;
  box-shadow:0 10px 26px rgba(0,0,0,.4);animation:v2-yuz 3.2s ease-in-out infinite}
@keyframes v2-yuz{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}

.v2-adimlar{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:8px auto 10px}
.v2-adim{display:flex;gap:12px;align-items:flex-start;background:rgba(38,28,21,.6);
  border:1px solid var(--line);border-radius:12px;padding:16px}
.v2-adim>span{flex:none;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;
  font-weight:800;background:rgba(212,160,71,.15);color:var(--gold2);border:1px solid rgba(212,160,71,.35)}
.v2-adim b{font-size:15px}
.v2-adim p{color:var(--dim);font-size:13.5px;margin-top:3px;line-height:1.45}

.v2-bolum{padding:56px 0;border-top:1px solid rgba(61,50,40,.5)}
.v2-bas{text-align:center;max-width:640px;margin:0 auto 28px}
.v2-bas h2{font-size:30px;letter-spacing:-.01em;margin-top:6px}
.v2-bas p{margin-top:10px;font-size:15px}
.v2-dar{max-width:760px}

.v2-botlar{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:18px}
.v2-kart{display:flex;flex-direction:column;background:var(--card);border:1px solid var(--line);
  border-radius:14px;overflow:hidden;transition:transform .18s,border-color .18s,box-shadow .18s}
.v2-kart:hover{transform:translateY(-3px);border-color:rgba(232,184,74,.4);box-shadow:0 14px 34px rgba(0,0,0,.35)}
.v2-kart.erisim{border-color:rgba(63,185,80,.45)}
.v2-kart-onz{display:block;border-bottom:1px solid var(--line);background:rgba(0,0,0,.22)}
.v2-kart-govde{display:flex;flex-direction:column;gap:10px;padding:16px;flex:1}
.v2-kart-ust{display:flex;align-items:center;justify-content:space-between;gap:8px}
.v2-kart-ust h3{font-size:17px;display:flex;align-items:center;gap:8px}
.v2-ikon{font-size:20px}
.v2-etiket{font-size:11px;font-weight:700;padding:3px 9px;border-radius:999px;white-space:nowrap;
  background:rgba(212,160,71,.14);color:var(--gold2);border:1px solid rgba(212,160,71,.3)}
.v2-etiket.ok{background:rgba(63,185,80,.14);color:#6fdc7f;border-color:rgba(63,185,80,.35)}
.v2-etiket.test{background:rgba(88,166,255,.12);color:#8cc2ff;border-color:rgba(88,166,255,.3)}
.v2-ozet{color:var(--dim);font-size:13.5px;line-height:1.5;flex:1}
.v2-fiyat{display:flex;align-items:baseline;gap:6px;flex-wrap:wrap}
.v2-fiyat b{font-size:24px;color:var(--gold2);font-weight:800}
.v2-fiyat span{color:var(--dim);font-size:12.5px}
.v2-fiyat b em{font-style:normal;font-size:14px;font-weight:700;color:var(--dim)}
.v2-fiyat b.v2-bedava{color:#6fdc7f;font-size:20px}
.v2-kart-eylem{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px}
.v2-kart-eylem .btn{text-align:center;justify-content:center;white-space:nowrap;padding-left:10px;padding-right:10px}
.v2-yakinda{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;margin-top:22px;
  padding:12px 16px;border:1px dashed var(--line);border-radius:12px;color:var(--dim);font-size:13.5px}
.v2-yakinda b{color:var(--txt)}

.v2-client{display:grid;grid-template-columns:1.3fr .7fr;gap:28px;align-items:center;
  background:linear-gradient(135deg,rgba(212,160,71,.10),rgba(38,28,21,.6));
  border:1px solid rgba(232,184,74,.25);border-radius:16px;padding:28px}
.v2-client h2{font-size:28px;margin-top:6px}
.v2-client-metin p{margin-top:10px;font-size:15px;line-height:1.55}
.v2-client-liste{list-style:none;display:flex;flex-wrap:wrap;gap:8px;margin:16px 0 4px;padding:0}
.v2-client-liste li{background:rgba(0,0,0,.25);border:1px solid var(--line);border-radius:999px;
  padding:5px 12px;font-size:13px;color:var(--dim)}
.v2-client-liste li b{color:var(--gold2)}
.v2-client-eylem{display:flex;flex-direction:column;gap:10px}
.v2-client-eylem p{text-align:center}
.btn.tam{width:100%;justify-content:center;text-align:center}

.v2-ozellikler{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.v2-ozellikler>div{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:18px}
.v2-ozellikler span{font-size:24px}
.v2-ozellikler b{display:block;margin-top:10px;font-size:15px}
.v2-ozellikler p{color:var(--dim);font-size:13.5px;margin-top:6px;line-height:1.5}

.v2-son{text-align:center;padding:56px 16px 64px}
.v2-son h2{font-size:30px}
.v2-son p{margin-top:10px}
.v2-son .v2-cta{justify-content:center}

/* ── Mini arayüz önizlemesi (.onz) ───────────────────────────────── */
.onz{height:176px;padding:12px;display:flex;flex-direction:column;gap:6px;font-size:12px;
  color:var(--txt);user-select:none;pointer-events:none;position:relative}
.onz-gorsel{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top}
.onz-ust{display:flex;align-items:center;gap:7px;color:var(--dim);font-size:11.5px;font-weight:600;margin-bottom:2px}
.onz-sag{margin-left:auto;color:var(--gold2)}
.onz-nokta{width:7px;height:7px;border-radius:50%;background:var(--dim2)}
.onz-nokta.ok{background:var(--green);box-shadow:0 0 8px rgba(63,185,80,.7)}
.onz-satir{position:relative;display:flex;justify-content:space-between;align-items:center;
  padding:6px 9px;border-radius:7px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.05);overflow:hidden}
.onz-satir b{font-weight:600;z-index:1}
.onz-satir i{position:absolute;left:0;bottom:0;height:2px;width:var(--w);background:var(--green)}
.onz-satir i.r{background:var(--red)}
.onz-satir.savas{border-color:rgba(232,184,74,.55);background:rgba(212,160,71,.10)}
.onz-satir.sonuk{opacity:.5}
.onz-hp{font-size:11px;font-weight:700;color:var(--dim);z-index:1}
.onz-hp.g{color:#6fdc7f}
.onz-hp.r{color:#ff7b72}
.onz-harita{display:grid;grid-template-columns:repeat(12,1fr);gap:3px;flex:1}
.onz-harita span{border-radius:3px;background:rgba(255,255,255,.05)}
.onz-harita span.t{background:rgba(88,166,255,.18)}
.onz-harita span.m{background:rgba(212,160,71,.55)}
.onz-harita span.n{background:rgba(188,120,255,.7);box-shadow:0 0 6px rgba(188,120,255,.6)}
.onz-harita span.ben{background:var(--green);box-shadow:0 0 8px rgba(63,185,80,.9)}
.onz-alt{display:flex;justify-content:space-between;color:var(--dim);font-size:11px}
.onz-sayac{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.onz-sayac span{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.06);border-radius:7px;
  padding:6px;text-align:center;font-weight:800;font-size:15px;color:var(--gold2)}
.onz-sayac i{display:block;font-style:normal;font-size:10px;color:var(--dim);font-weight:600}
.onz-item{display:grid;grid-template-columns:repeat(6,1fr);gap:5px;flex:1}
.onz-item span{display:grid;place-items:center;font-size:18px;border-radius:7px;
  background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.06)}
.onz-item span.hedef{border-color:rgba(232,184,74,.7);background:rgba(212,160,71,.14)}
.onz-yumurta{display:flex;justify-content:space-around;align-items:center;flex:1;font-size:26px}
.onz-yumurta span.acik{filter:drop-shadow(0 0 8px rgba(232,184,74,.8))}
.onz-liste{display:flex;flex-direction:column;gap:5px;flex:1}
.onz-liste span{padding:6px 9px;border-radius:7px;background:rgba(255,255,255,.035);color:var(--dim)}
.onz-liste span.bitti{color:#6fdc7f}
.onz-liste span.aktif{color:var(--txt);border:1px solid rgba(232,184,74,.5);background:rgba(212,160,71,.10)}
.onz-bar{height:6px;border-radius:99px;background:rgba(255,255,255,.07);overflow:hidden}
.onz-bar i{display:block;height:100%;width:var(--w);background:linear-gradient(90deg,var(--gold3),var(--gold2))}
.onz-bar.gul i{background:linear-gradient(90deg,#c0365b,#ff6f91)}
.onz-gorev{display:grid;grid-template-columns:repeat(2,1fr);gap:5px;flex:1}
.onz-gorev span{padding:5px 8px;border-radius:6px;background:rgba(255,255,255,.04);color:var(--dim);font-size:11.5px}
.onz-gorev span.aktif{background:#ffd54f;color:#1a120b;font-weight:700}
.onz-gorev span.bitti{background:rgba(229,57,53,.75);color:#fff}
.onz-gul{display:flex;align-items:baseline;gap:8px;flex:1;justify-content:center;padding-top:14px}
.onz-gul b{font-size:30px;color:#ff8fab}
.onz-gul span{color:var(--dim)}
.onz-bos{flex:1;display:grid;place-items:center;color:var(--dim2)}

@media (max-width:960px){
  .v2-hero-izgara{grid-template-columns:1fr;gap:34px}
  .v2-pencere{transform:none}
  .v2-ozellikler{grid-template-columns:repeat(2,1fr)}
  .v2-client{grid-template-columns:1fr}
}
@media (max-width:640px){
  .v2-hero{padding:32px 0 20px}
  .v2-hero h1{font-size:31px}
  .v2-alt{font-size:15.5px}
  .v2-adimlar{grid-template-columns:1fr}
  .v2-bas h2,.v2-son h2{font-size:24px}
  .v2-bolum{padding:40px 0}
  .v2-ozellikler{grid-template-columns:1fr}
  .v2-botlar{grid-template-columns:1fr}
  .v2-client{padding:20px}
  .v2-rozet-yuzen{left:8px;bottom:-12px}
  .v2-cta .btn{flex:1;justify-content:center}
}
@media (prefers-reduced-motion:reduce){
  .v2-canli,.v2-rozet-yuzen{animation:none}
  .v2-kart{transition:none}
}

/* ── Ürün sayfası v2 (.u2-*) ─────────────────────────────────────── */
.u2-ust{display:grid;grid-template-columns:1.1fr .9fr;gap:32px;align-items:center;margin:14px 0 26px}
.u2-ad{display:flex;align-items:center;gap:14px}
.u2-ad h1{font-size:32px;line-height:1.15;margin:0 0 6px}
.u2-ikon{font-size:44px;width:68px;height:68px;display:grid;place-items:center;flex:none;
  background:rgba(212,160,71,.1);border:1px solid rgba(212,160,71,.25);border-radius:16px}
.u2-ozet{color:var(--dim);font-size:16px;line-height:1.55;margin-top:14px;max-width:560px}
.u2-pencere{transform:none}
.u2-pencere .onz{height:200px}
.u2-tanitim{align-self:center;width:100%;max-width:560px;justify-self:end;border-radius:14px;overflow:hidden;box-shadow:0 18px 40px rgba(0,0,0,.35)}
.u2-tanitim img{display:block;width:100%;height:auto}
.onz.onz-tanitim{height:auto;padding:0;aspect-ratio:1200/630;background:#0d0b08}
.onz-tanitim .onz-kart{position:static;display:block;width:100%;height:100%;object-fit:contain}

.u2-izgara{display:grid;grid-template-columns:1fr 360px;gap:22px;align-items:start;margin-bottom:40px}
.u2-ozellik h2{font-size:20px;margin-bottom:12px}
.u2-kutu{position:sticky;top:80px;background:var(--card);border:1px solid rgba(232,184,74,.3);
  border-radius:14px;padding:18px;display:flex;flex-direction:column;gap:14px;
  box-shadow:0 16px 40px rgba(0,0,0,.3)}
.u2-dene{display:flex;flex-direction:column;gap:8px;padding-bottom:14px;border-bottom:1px solid var(--line)}
.u2-dene p,.u2-not{color:var(--dim);font-size:12.5px;line-height:1.5}
.u2-dene p b{color:var(--txt)}
.u2-sepet{display:flex;flex-direction:column;gap:8px}
.u2-sepet-bas{font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--dim)}
.u2-plan{display:flex;align-items:center;gap:10px;padding:11px 12px;border-radius:10px;cursor:pointer;
  background:rgba(255,255,255,.03);border:1px solid var(--line);transition:border-color .15s,background .15s}
.u2-plan:hover{border-color:rgba(232,184,74,.4)}
.u2-plan input{accent-color:var(--gold2);width:16px;height:16px;flex:none;margin:0}
.u2-plan span{flex:1;font-weight:600}
.u2-plan em{font-style:normal;font-size:11px;font-weight:700;color:var(--gold2);margin-left:4px}
.u2-plan b{font-size:17px;color:var(--gold2)}
.u2-plan:has(input:checked){border-color:var(--gold2);background:rgba(212,160,71,.10)}
.u2-nasil{margin:0;padding-left:18px;color:var(--dim);font-size:12.5px;line-height:1.55;
  display:flex;flex-direction:column;gap:4px}
.u2-nasil b{color:var(--txt)}
.u2-erisim{display:flex;flex-direction:column;gap:2px;padding:12px;border-radius:10px;
  background:rgba(63,185,80,.1);border:1px solid rgba(63,185,80,.35)}
.u2-erisim b{color:#6fdc7f}
.u2-erisim span{color:var(--dim);font-size:13px}

@media (max-width:900px){
  .u2-ust{grid-template-columns:1fr}
  .u2-izgara{grid-template-columns:1fr}
  .u2-kutu{position:static;order:-1}
}
@media (max-width:560px){
  .u2-ad h1{font-size:25px}
  .u2-ikon{width:54px;height:54px;font-size:34px}
}

/* ── Yönetim v2 (.y2-*) ──────────────────────────────────────────── */
.y2-ust{display:flex;flex-direction:column;gap:14px;margin-bottom:16px}
.y2-baslik{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.y2-baslik h2{font-size:24px;margin:0}
.y2-yapilacak{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.y2-is{display:flex;flex-direction:column;align-items:flex-start;gap:2px;text-align:left;cursor:pointer;
  padding:14px 16px;border-radius:12px;background:var(--card);border:1px solid var(--line);
  color:var(--txt);font:inherit;transition:border-color .15s,transform .15s}
.y2-is:hover{border-color:rgba(232,184,74,.45);transform:translateY(-1px)}
.y2-is b{font-size:28px;line-height:1;font-weight:800;color:var(--dim)}
.y2-is span{font-size:12.5px;color:var(--dim)}
.y2-is.acil{border-color:rgba(248,81,73,.55);background:rgba(248,81,73,.08)}
.y2-is.acil b{color:#ff7b72}
.y2-is.uyari{border-color:rgba(232,184,74,.5);background:rgba(212,160,71,.08)}
.y2-is.uyari b{color:var(--gold2)}

.y2-sekme{display:flex;flex-wrap:wrap;gap:6px 18px;align-items:flex-end;
  padding:10px 12px;border-radius:12px;background:rgba(38,28,21,.55);border:1px solid var(--line);
  margin-bottom:16px;scroll-margin-top:70px}
.y2-grup{display:flex;align-items:center;gap:4px;flex-wrap:wrap;position:relative;padding-top:15px}
.y2-grup+.y2-grup{padding-left:18px;border-left:1px solid var(--line)}
.y2-grup-ad{position:absolute;top:0;left:0;font-size:10px;font-weight:700;letter-spacing:.08em;
  text-transform:uppercase;color:var(--dim2)}
.y2-grup+.y2-grup .y2-grup-ad{left:18px}

.y2-ara{display:flex;align-items:center;gap:10px;margin:0 0 8px}
.y2-ara input{flex:1;max-width:340px;padding:8px 12px;border-radius:9px;font:inherit;
  background:rgba(0,0,0,.25);border:1px solid var(--line);color:var(--txt)}
.y2-ara input:focus{outline:none;border-color:var(--gold2)}

/* Tablolar ekrana sığmayınca sayfayı değil yalnız kartı kaydır. */
.yon-bolum .yon-kart{overflow-x:auto}
.yon-bolum .yon-kart table{min-width:640px}

@media (max-width:900px){
  .y2-yapilacak{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:640px){
  .y2-sekme{flex-wrap:nowrap;overflow-x:auto;gap:0 14px;padding:8px 10px}
  .y2-grup{flex-wrap:nowrap}
  .y2-grup+.y2-grup{padding-left:14px}
  .y2-grup+.y2-grup .y2-grup-ad{left:14px}
  .y2-is b{font-size:22px}
  .y2-ara input{max-width:none}
}

/* ── Oyuna bağlan: yöntem seçici ─────────────────────────────────── */
.yontem-sec{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:4px}
.yontem-dug{display:flex;flex-direction:column;align-items:flex-start;gap:2px;text-align:left;cursor:pointer;
  padding:12px 14px;border-radius:12px;font:inherit;color:var(--txt);
  background:rgba(255,255,255,.03);border:1px solid var(--line);transition:border-color .15s,background .15s}
.yontem-dug:hover{border-color:rgba(232,184,74,.45)}
.yontem-dug b{font-size:14.5px}
.yontem-dug span{font-size:12px;color:var(--dim)}
.yontem-dug.secili{border-color:var(--gold2);background:rgba(212,160,71,.12)}
.yontem-dug.secili b{color:var(--gold2)}
#baglan-adimlar[data-yontem="eklenti"] .yontem-sifre,
#baglan-adimlar[data-yontem="sifre"] .yontem-eklenti{display:none}
#baglan-adimlar .yontem-eklenti,#baglan-adimlar .yontem-sifre{grid-column:1/-1}
@media (max-width:560px){.yontem-sec{grid-template-columns:1fr}}
/* Kenar menü grup başlığı + öne çıkan satın alma girişi */
.side-grup{font-size:10.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;
  color:var(--dim2);padding:14px 12px 4px}
.side-nav a.side-al{color:var(--gold2);font-weight:700}

/* ── Önizleme: gerçek arayüz kesitleri ───────────────────────────── */
.onz-maden{display:flex;gap:12px;height:152px;align-items:center;min-height:0}
.onz-izgara{flex:none;width:150px;height:150px;display:grid;grid-template-columns:repeat(8,1fr);
  grid-template-rows:repeat(8,1fr);gap:1px;border-radius:6px;overflow:hidden;
  background-size:cover;background-position:center;border:1px solid rgba(232,184,74,.3)}
.onz-izgara span{display:grid;place-items:center;border:1px solid rgba(0,0,0,.18);position:relative}
.onz-izgara span img{width:82%;height:82%;object-fit:contain;image-rendering:auto}
.onz-izgara span.sis{background:rgba(10,8,6,.86);color:rgba(255,255,255,.28);font-size:9px;font-weight:700}
.onz-izgara span.ben{box-shadow:inset 0 0 0 2px var(--green);background:rgba(63,185,80,.25)}
.onz-izgara span.nadir{box-shadow:inset 0 0 0 2px #bc78ff;background:rgba(188,120,255,.25)}
.onz-maden-bilgi{flex:1;display:flex;flex-direction:column;gap:5px;min-width:0}
.onz-durum{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--dim);font-weight:600;margin-bottom:2px}
.onz-maden-bilgi div{display:flex;justify-content:space-between;align-items:baseline;
  padding:3px 8px;border-radius:6px;background:rgba(255,255,255,.04)}
.onz-maden-bilgi i{font-style:normal;font-size:11px;color:var(--dim)}
.onz-maden-bilgi b{font-size:14px;color:var(--gold2)}
.onz-maden-bilgi b.mor{color:#c79bff}

.onz-vip{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;flex:1}
.onz-vip span{display:flex;align-items:center;gap:6px;padding:4px 6px;border-radius:7px;min-width:0;
  background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.06)}
.onz-vip span.hedef{border-color:rgba(232,184,74,.7);background:rgba(212,160,71,.14)}
.onz-vip img{width:24px;height:24px;object-fit:contain;flex:none}
.onz-vip em{font-style:normal;font-size:10.5px;line-height:1.15;color:var(--dim);
  overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.onz-vip span.hedef em{color:var(--txt)}

.onz-eg{position:relative;flex:1;min-height:0;border:2px solid #90caf9;border-radius:8px;
  padding:13px 8px 6px;display:grid;grid-template-columns:1fr 1fr;grid-auto-rows:min-content;gap:4px 8px;
  align-content:start;overflow:visible;margin-top:8px}
.onz-eg-ad{position:absolute;top:-9px;left:10px;padding:0 5px;background:var(--card);
  color:#90caf9;font-size:11px;font-weight:700;line-height:1.3}
.onz-eg .g{display:flex;align-items:center;gap:6px;font-size:11px;line-height:1.2;padding:3px 6px;
  border-radius:5px;color:var(--txt);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.onz-eg .g i{width:11px;height:11px;border-radius:3px;border:1px solid rgba(255,255,255,.35);flex:none}
.onz-eg .g.aktif{background:#ffd54f;color:#000;font-weight:600}
.onz-eg .g.bitti{background:#e53935;color:#fff}
.onz-eg .g.aktif i,.onz-eg .g.bitti i{background:#1e88e5;border-color:#1e88e5}
.onz-eg-dug{flex:none;display:flex;gap:4px;overflow:hidden;margin-top:6px}
.onz-eg-dug span{flex:none;font-size:10px;font-weight:700;padding:2px 7px;border-radius:5px;white-space:nowrap;
  line-height:1.4;background:#e3f2fd;color:#1565c0;border:1px solid #90caf9}
.onz-eg-dug span.secili{background:#1e88e5;color:#fff}
.v2-pencere .onz-izgara{width:170px;height:170px}
.v2-pencere .onz-maden{height:172px}

/* ── Botlarım: kendi bot kartları (.bb-*) ────────────────────────── */
.bb-kart .v2-kart-onz{position:relative}
.bb-kart.calisiyor{border-color:rgba(63,185,80,.55);box-shadow:0 0 0 1px rgba(63,185,80,.25)}
.bb-kart.bitti .v2-kart-onz{filter:grayscale(.85) brightness(.7)}
.bb-canli{position:absolute;top:10px;right:10px;display:flex;align-items:center;gap:6px;
  font-size:11.5px;font-weight:700;color:#fff;background:rgba(46,125,50,.92);
  padding:4px 10px;border-radius:999px;box-shadow:0 4px 14px rgba(0,0,0,.35)}
.bb-canli i{width:7px;height:7px;border-radius:50%;background:#b9f6c0;animation:v2-nabiz 2s infinite}
.bb-sure{display:flex;align-items:baseline;gap:6px;flex-wrap:wrap}
.bb-sure b{font-size:20px;color:var(--gold2)}
.bb-sure span{color:var(--dim);font-size:12.5px}
.bb-kart.bitti .bb-sure b{color:#ff7b72}
.v2-etiket.kirmizi{background:rgba(248,81,73,.14);color:#ff7b72;border-color:rgba(248,81,73,.35)}
.v2-etiket.soluk{background:rgba(255,255,255,.05);color:var(--dim);border-color:var(--line)}
.bb-bos{text-align:center;padding:30px 18px}
.bb-bos-ikon{font-size:40px;display:block}
.bb-bos h3{margin:10px 0 6px}
.bb-bos p{margin:0 auto 16px;max-width:420px}
/* Giriş / kayıt: kısa açıklama + güven maddeleri */
.form-alt{color:var(--dim);font-size:14px;line-height:1.5;margin:-4px 0 16px}
.form-alt b{color:var(--txt)}
.form-guven{list-style:none;padding:0;margin:14px 0 0;display:flex;flex-direction:column;gap:4px}
.form-guven li{font-size:12.5px;color:var(--dim);display:flex;gap:6px}
.form-guven li::before{content:"✓";color:var(--green);font-weight:800}
/* Yönetim → Üyeler: ad + e-posta tek hücrede, slot özeti */
.y2-uye{min-width:180px}
.y2-uye b{display:inline-block;font-size:13.5px}
.y2-uye span:not(.yon-rol){display:block;font-size:12px;color:var(--dim);word-break:break-all}
.y2-slot{font-size:14px;color:var(--gold2);white-space:nowrap}
.y2-slot.dolu{color:#ff7b72}
.yon-hesap-ayar>form{margin:4px 0 8px}

/* ── Ana sayfa: nerede / nasıl kullanılır (.nk-*) ────────────────── */
.nk-bolum{border-top:0;padding-top:30px}
.nk-kartlar{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.nk-kart{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:20px}
.nk-kart.vurgu{border-color:rgba(63,185,80,.45);background:linear-gradient(160deg,rgba(63,185,80,.10),var(--card) 60%)}
.nk-ikon{font-size:30px;display:block;margin-bottom:8px}
.nk-kart b{font-size:16px}
.nk-kart p{color:var(--dim);font-size:14px;line-height:1.55;margin-top:6px}
.nk-kart p b{color:var(--txt);font-size:inherit}
.nk-akis{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px 0;margin:24px 0 8px}
.nk-akis span{display:flex;align-items:center;gap:8px;font-weight:700;font-size:14px;
  padding:8px 14px;border-radius:999px;background:rgba(255,255,255,.04);border:1px solid var(--line)}
.nk-akis span i{font-style:normal;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;
  font-size:12px;background:rgba(212,160,71,.18);color:var(--gold2)}
.nk-akis span.son{border-color:rgba(63,185,80,.5);color:#6fdc7f}
.nk-akis span.son i{background:rgba(63,185,80,.2);color:#6fdc7f}
.nk-akis em{width:34px;height:2px;background:linear-gradient(90deg,var(--line),rgba(212,160,71,.5))}
.nk-sss{display:grid;grid-template-columns:repeat(2,1fr);gap:10px 24px;margin-top:22px;
  max-width:880px;margin-left:auto;margin-right:auto}
.nk-sss div{padding:12px 0;border-bottom:1px solid rgba(61,50,40,.6)}
.nk-sss b{font-size:14.5px}
.nk-sss p{color:var(--dim);font-size:13.5px;margin-top:4px;line-height:1.5}
.nk-sss p b{color:var(--txt);font-size:inherit}
@media (max-width:760px){
  .nk-kartlar{grid-template-columns:1fr}
  .nk-sss{grid-template-columns:1fr}
  .nk-akis em{width:14px}
  .nk-akis span{font-size:12.5px;padding:6px 10px}
}
.ist-not{font-style:normal;font-weight:500;opacity:.7;font-size:.92em}
.istatistik-kartlar{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))!important}
/* Yönetim tablolarında işlem hücresi: butonlar yan yana, ek işler ⋯ içinde */
.yon-bolum td.yon-islem{white-space:nowrap}
.yon-bolum td.yon-islem>form.inline,.yon-bolum td.yon-islem>details{display:inline-block;vertical-align:middle;margin:2px}
.y2-daha[open]>summary{border-color:var(--gold2)}
.y2-daha .yon-details-govde{position:absolute;right:0;z-index:5;min-width:200px;white-space:normal;
  background:var(--card2);border:1px solid var(--line);border-radius:10px;padding:10px;box-shadow:var(--shadow)}
.y2-daha{position:relative}

/* ── Ana sayfa sıkılaştırma: bölüm araları daha kısa, SSS daha derli toplu ── */
.v2-bolum{padding:36px 0}
.v2-bas{margin-bottom:20px}
.v2-bas h2{font-size:26px}
.nk-bolum{padding-top:18px}
.v2-son{padding:30px 16px 40px}
.v2-son h2{font-size:24px}
#sss .sss{display:grid;grid-template-columns:1fr 1fr;gap:8px}
#sss .sss details{margin:0;padding:0;border-radius:10px}
#sss .sss summary{padding:11px 14px;font-size:14px}
#sss .sss details p{padding:0 14px 12px;font-size:13.5px}
@media (max-width:760px){#sss .sss{grid-template-columns:1fr}.v2-bolum{padding:28px 0}}
.y2-menu{display:flex;flex-direction:column;gap:6px}
.y2-menu form{display:flex;align-items:center;gap:6px;margin:0}
.y2-menu .btn{width:100%;justify-content:flex-start}
.y2-menu form:has(input[type=number]) .btn{width:auto}
/* ── Destek talebi (giriş yapamayan) ─────────────────────────────── */
.talep-kutu{max-width:620px;margin:28px auto 48px;padding:0 4px}
.talep-kutu h2{margin:0 0 12px}
.talep-bilgi{margin:10px 0 14px}
.talep-akis,.yon-talep-akis{display:flex;flex-direction:column;gap:8px}
.talep-msj,.yon-talep-msj{max-width:88%;padding:10px 12px;border-radius:12px;background:var(--card);border:1px solid var(--line)}
.talep-msj p,.yon-talep-msj p{margin:0;white-space:pre-wrap;font-size:14px;line-height:1.5}
.talep-msj time,.yon-talep-msj time{display:block;margin-top:4px;font-size:11px;color:var(--dim2)}
.talep-kim{display:block;font-size:11px;font-weight:700;color:var(--dim);margin-bottom:3px}
.talep-msj.konuk,.yon-talep-msj.admin{align-self:flex-end;background:rgba(212,160,71,.12);border-color:rgba(212,160,71,.35)}
.talep-msj.admin,.yon-talep-msj.konuk{align-self:flex-start}
.talep-msj.admin .talep-kim{color:var(--gold2)}
.talep-bekle{margin:6px 0 0}
.talep-form,.yon-talep-form{display:flex;gap:8px;align-items:flex-end;margin-top:14px}
.talep-form textarea,.yon-talep-form textarea{flex:1;font:inherit;padding:9px 11px;border-radius:10px;resize:vertical;
  background:rgba(0,0,0,.25);border:1px solid var(--line);color:var(--txt)}
.yon-talep-uye{font-size:13px;margin:8px 0;padding:8px 10px;border-radius:8px;background:rgba(63,185,80,.08);border:1px solid rgba(63,185,80,.3)}
.yon-talep-uye.uyari{background:rgba(212,160,71,.08);border-color:rgba(212,160,71,.35)}
.yon-talep-akis{margin:8px 0}

/* ── Yönetim → Sunucu (.sv-*) ─────────────────────────────────────── */
.sv-kartlar{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:14px 0}
.sv-kart{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:14px}
.sv-kart span{color:var(--dim);font-size:12.5px;display:block}
.sv-kart b{font-size:24px;color:var(--gold2)}
.sv-kart em{font-style:normal;color:var(--dim);font-size:12px;display:block;margin-top:6px}
.sv-bar{height:6px;border-radius:4px;background:rgba(255,255,255,.07);overflow:hidden;margin-top:6px}
.sv-bar i{display:block;height:100%;width:var(--w);max-width:100%;background:linear-gradient(90deg,#3fb950,#d4a047)}
.sv-bar.r i{background:#f85149}
.sv-iki{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px}
.sv-form{display:flex;gap:8px;margin:10px 0}
.sv-form input{max-width:120px}
.sv-satir{display:flex;align-items:center;gap:10px;margin:10px 0;flex-wrap:wrap}
.sv-satir .dim{flex:1;min-width:200px}
.sv-tablo td,.sv-tablo th{white-space:nowrap}
@media (max-width:760px){.sv-kartlar{grid-template-columns:1fr 1fr}.sv-iki{grid-template-columns:1fr}}

/* ── Topluluk: duyuru · forum · pazar · özel mesaj · bildirim · AI (.tp-*) ── */
.tp-sekmeler{display:flex;gap:6px;overflow-x:auto;padding:14px 0 4px;margin-bottom:6px;scrollbar-width:none}
.tp-sekmeler::-webkit-scrollbar{display:none}
.tp-sekmeler a{display:flex;align-items:center;gap:6px;white-space:nowrap;padding:8px 14px;border-radius:999px;
  border:1px solid var(--line);background:rgba(255,255,255,.03);color:var(--txt);font-size:14px;font-weight:600;text-decoration:none}
.tp-sekmeler a.on{background:rgba(212,160,71,.16);border-color:rgba(212,160,71,.55);color:var(--gold2)}
.tp-rozet{display:inline-grid;place-items:center;min-width:18px;height:18px;padding:0 5px;border-radius:9px;
  background:#e5484d;color:#fff;font-size:11px;font-weight:800;font-style:normal;margin-left:4px}
.tp-rozet[hidden]{display:none}
.tp-zil{position:relative}
.tp-zil .tp-rozet{position:absolute;top:-6px;right:-8px;margin:0}
.side-nav a .tp-rozet{margin-left:auto}
.tp-sayfa{padding:10px 0 40px}
.tp-dar{max-width:820px;margin:0 auto}
.tp-bas{margin:10px 0 16px}
.tp-bas h1{font-size:26px;margin:0}
.tp-bas p{margin:4px 0 0}
.tp-bas-satir{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;flex-wrap:wrap}
.tp-metin{white-space:pre-wrap;word-wrap:break-word;line-height:1.6;color:var(--txt)}
.tp-bos{text-align:center;padding:28px 16px;color:var(--dim);border:1px dashed var(--line);border-radius:12px;margin:10px 0}
.tp-kural{font-size:13px;color:var(--dim);background:rgba(212,160,71,.06);border:1px solid rgba(212,160,71,.25);
  border-radius:10px;padding:10px 12px;margin:10px 0}
.tp-etiket{display:inline-block;font-size:11.5px;font-weight:700;padding:3px 9px;border-radius:999px;
  background:rgba(255,255,255,.06);border:1px solid var(--line);color:var(--dim)}
.tp-etiket.kirmizi{background:rgba(248,81,73,.14);color:#ff7b72;border-color:rgba(248,81,73,.35)}
.tp-etiket.e-guncelleme{color:#79c0ff;border-color:rgba(121,192,255,.4)}
.tp-etiket.e-yeni-bot{color:#6fdc7f;border-color:rgba(63,185,80,.45)}
.tp-etiket.e-bakim{color:#ffb347;border-color:rgba(255,179,71,.45)}
.tp-etiket.e-kampanya{color:#f0a3ff;border-color:rgba(240,163,255,.4)}
.tp-duyuru{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:18px 20px;margin-bottom:12px}
.tp-duyuru.sabit{border-color:rgba(212,160,71,.55)}
.tp-duyuru h2{font-size:19px;margin:8px 0}
.tp-duyuru-ust{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.tp-duyuru-ust time{margin-left:auto;color:var(--dim);font-size:12.5px}
.tp-forum{display:grid;grid-template-columns:220px 1fr;gap:20px}
.tp-kat{display:flex;flex-direction:column;gap:4px;position:sticky;top:80px;align-self:start}
.tp-kat a{display:flex;align-items:center;gap:6px;padding:9px 12px;border-radius:10px;color:var(--txt);text-decoration:none;font-size:14px}
.tp-kat a em{margin-left:auto;font-style:normal;color:var(--dim);font-size:12px}
.tp-kat a:hover{background:rgba(255,255,255,.04)}
.tp-kat a.on{background:rgba(212,160,71,.14);color:var(--gold2)}
.tp-ara input{width:100%;margin:4px 0 10px}
.tp-son-duyuru{display:flex;align-items:center;gap:8px;padding:10px 14px;border-radius:10px;margin-bottom:10px;
  background:rgba(212,160,71,.08);border:1px solid rgba(212,160,71,.3);color:var(--txt);text-decoration:none;font-size:14px}
.tp-son-duyuru span{margin-left:auto;color:var(--dim);font-size:12px}
.tp-liste{display:flex;flex-direction:column;gap:6px}
.tp-konu{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:12px;background:var(--card);
  border:1px solid var(--line);color:var(--txt);text-decoration:none}
.tp-konu:hover{border-color:rgba(212,160,71,.45)}
.tp-konu.sabit,.tp-konu.yeni{border-color:rgba(212,160,71,.5)}
.tp-konu-ikon{font-size:22px;width:32px;text-align:center}
.tp-konu-govde{flex:1;min-width:0;display:flex;flex-direction:column}
.tp-konu-govde b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tp-konu-govde small{color:var(--dim);font-size:12.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tp-konu-say{display:flex;flex-direction:column;align-items:center;min-width:48px}
.tp-konu-say b{color:var(--gold2)}
.tp-konu-say small,.tp-konu-son{font-size:11.5px;color:var(--dim)}
.tp-konu-son{min-width:74px;text-align:right}
.tp-sayfalama{display:flex;gap:8px;justify-content:center;margin-top:16px}
.tp-mesaj{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:14px 18px;margin:10px 0;position:relative}
.tp-mesaj.tp-ilk{border-color:rgba(212,160,71,.4)}
.tp-mesaj.tp-ilk h1{font-size:22px;margin:6px 0 10px}
.tp-mesaj.ai{background:linear-gradient(160deg,rgba(121,192,255,.08),var(--card) 60%);border-color:rgba(121,192,255,.35)}
.tp-mesaj.silik{opacity:.55}
.tp-mesaj header{display:flex;align-items:center;gap:8px;margin-bottom:6px;flex-wrap:wrap}
.tp-mesaj header time{color:var(--dim);font-size:12px}
.tp-ad{color:var(--gold2)}
.tp-araclar{display:flex;gap:6px;margin-top:10px;flex-wrap:wrap}
.tp-sil{margin-top:6px}
.tp-sikayet{margin-left:auto;position:relative}
.tp-sikayet summary{list-style:none;cursor:pointer;color:var(--dim);font-size:14px;padding:0 4px}
.tp-sikayet summary::-webkit-details-marker{display:none}
.tp-sikayet form{position:absolute;right:0;top:22px;z-index:5;display:flex;gap:6px;background:var(--card);
  border:1px solid var(--line);border-radius:10px;padding:8px;width:min(340px,80vw);box-shadow:0 10px 30px rgba(0,0,0,.4)}
.tp-sikayet input{flex:1;min-width:0}
.tp-form{display:flex;flex-direction:column;gap:12px}
.tp-form label{display:flex;flex-direction:column;gap:5px;font-weight:600;font-size:14px}
.tp-form label.tp-onay{flex-direction:row;align-items:center;gap:8px;font-weight:500}
.tp-form textarea{resize:vertical}
.tp-iki{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.tp-cevap{margin-top:14px}
.tp-cevap-alt{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.tp-cevap-alt .btn{margin-left:auto}
.tp-filtre{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-bottom:6px}
.tp-filtre > a{padding:6px 12px;border-radius:999px;border:1px solid var(--line);color:var(--txt);text-decoration:none;font-size:13.5px}
.tp-filtre > a.on{background:rgba(212,160,71,.16);border-color:rgba(212,160,71,.55);color:var(--gold2)}
.tp-filtre .tp-ara{flex:1;min-width:180px}
.tp-filtre .tp-ara input{margin:0}
.tp-ilanlar{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px}
.tp-ilan{display:flex;flex-direction:column;gap:6px;background:var(--card);border:1px solid var(--line);border-radius:14px;
  padding:10px;color:var(--txt);text-decoration:none;transition:border-color .15s,transform .15s}
.tp-ilan:hover{border-color:rgba(212,160,71,.5);transform:translateY(-2px)}
.tp-ilan.satildi{opacity:.6}
.tp-ilan-gorsel{position:relative;aspect-ratio:4/3;border-radius:10px;overflow:hidden;background:rgba(255,255,255,.04);display:grid;place-items:center}
.tp-ilan-gorsel img{width:100%;height:100%;object-fit:cover}
.tp-ilan-gorsel i{font-size:40px;font-style:normal;opacity:.5}
.tp-ilan-gorsel em{position:absolute;font-style:normal;font-size:11px;font-weight:800;padding:3px 8px;border-radius:999px}
.tp-ilan-tur{top:8px;left:8px;background:rgba(15,12,9,.85);color:var(--gold2)}
.tp-ilan-tur.t-aranan{color:#79c0ff}
.tp-ilan-tur.t-takas{color:#f0a3ff}
.tp-ilan-satildi{top:8px;right:8px;background:#e5484d;color:#fff}
.tp-ilan-fb{bottom:8px;right:8px;background:#1877f2;color:#fff;width:22px;height:22px;display:grid;place-items:center;padding:0!important;font-family:Arial,sans-serif}
.tp-ilan > b{font-size:14.5px;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.tp-ilan-alt{display:flex;align-items:baseline;justify-content:space-between;gap:6px}
.tp-ilan-alt strong{color:var(--gold2)}
.tp-ilan-alt small{color:var(--dim);font-size:12px}
.tp-ilan > small{font-size:12px}
.tp-ilan-detay{display:grid;grid-template-columns:1.1fr 1fr;gap:24px;margin-top:10px}
.tp-galeri-ana{width:100%;max-height:520px;object-fit:contain;border-radius:14px;background:rgba(0,0,0,.3)}
.tp-galeri-kucuk{display:flex;gap:8px;margin-top:8px;overflow-x:auto}
.tp-galeri-kucuk img{width:84px;height:64px;object-fit:cover;border-radius:8px;cursor:pointer;border:1px solid var(--line)}
.tp-galeri-bos{aspect-ratio:4/3;display:grid;place-items:center;font-size:70px;border-radius:14px;background:rgba(255,255,255,.04)}
.tp-ilan-bilgi h1{font-size:24px;margin:10px 0 6px}
.tp-fiyat{font-size:26px;font-weight:800;color:var(--gold2);margin-bottom:10px}
.tp-dl{display:grid;grid-template-columns:auto 1fr;gap:6px 14px;margin:0 0 14px;font-size:14px}
.tp-dl dt{color:var(--dim)}
.tp-dl dd{margin:0}
.tp-ilan-eylem{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}
.tp-fb{border-color:rgba(24,119,242,.6)!important;color:#79a8ff!important}
.tp-aciklama{background:rgba(255,255,255,.03);border:1px solid var(--line);border-radius:12px;padding:14px}
.tp-alt-baslik{margin:26px 0 10px}
.tp-onizle{display:flex;gap:8px;flex-wrap:wrap}
.tp-onizle img{width:90px;height:68px;object-fit:cover;border-radius:8px;border:1px solid var(--line)}
.tp-sohbet{display:flex;flex-direction:column;gap:8px;max-height:60vh;overflow-y:auto;padding:12px;
  background:rgba(255,255,255,.02);border:1px solid var(--line);border-radius:14px}
.tp-balon{max-width:78%;padding:10px 14px;border-radius:16px;background:var(--card);border:1px solid var(--line)}
.tp-balon p{margin:0;white-space:pre-wrap;word-wrap:break-word;line-height:1.5}
.tp-balon time{display:block;font-size:11px;color:var(--dim);margin-top:4px;text-align:right}
.tp-balon.ben{align-self:flex-end;background:rgba(212,160,71,.14);border-color:rgba(212,160,71,.35);border-bottom-right-radius:4px}
.tp-balon.o{align-self:flex-start;border-bottom-left-radius:4px}
.tp-balon.yaziyor p{animation:v2-nabiz 1.2s infinite}
.tp-ai{min-height:300px}
.tp-karakterler{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:14px}
.tp-karakterler a{display:flex;flex-direction:column;gap:2px;padding:12px;border-radius:12px;border:1px solid var(--line);
  background:var(--card);color:var(--txt);text-decoration:none}
.tp-karakterler a.on{border-color:rgba(212,160,71,.6);background:rgba(212,160,71,.1)}
.tp-karakterler i{font-style:normal;font-size:24px}
.tp-karakterler small{color:var(--dim);font-size:12px}
.tp-bildirim{display:flex;flex-direction:column;gap:2px;padding:12px 14px;border-radius:12px;background:var(--card);
  border:1px solid var(--line);color:var(--txt);text-decoration:none}
.tp-bildirim.yeni{border-color:rgba(212,160,71,.55);background:linear-gradient(90deg,rgba(212,160,71,.1),var(--card) 50%)}
.tp-bildirim span{color:var(--dim);font-size:13.5px}
.tp-bildirim time{color:var(--dim);font-size:11.5px}
.tp-ayar{margin-top:20px}
.tp-ayar summary{cursor:pointer}
.tp-anahtarlar{display:flex;flex-direction:column;gap:8px}
.tp-form label.tp-anahtar{flex-direction:row;align-items:center;gap:10px;font-weight:500;cursor:pointer;position:relative}
.tp-anahtar input{position:absolute;opacity:0;pointer-events:none}
.tp-anahtar span{width:40px;height:22px;border-radius:11px;background:rgba(255,255,255,.12);position:relative;flex:none;transition:background .15s}
.tp-anahtar span::after{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#fff;transition:left .15s}
.tp-anahtar input:checked + span{background:#3fb950}
.tp-anahtar input:checked + span::after{left:21px}
.tp-anahtar input:focus-visible + span{outline:2px solid var(--gold2)}
.tp-yduyuru{border-bottom:1px solid var(--line);padding:8px 0}
.tp-yduyuru summary{cursor:pointer}
.tp-yduyuru .tp-form{margin:10px 0}
@media (max-width:860px){
  .tp-forum{grid-template-columns:1fr}
  .tp-kat{position:static;flex-direction:row;overflow-x:auto;scrollbar-width:none}
  .tp-kat a{white-space:nowrap}
  .tp-ilan-detay{grid-template-columns:1fr}
  .tp-konu-son{display:none}
}
@media (max-width:600px){
  .tp-sekmeler a span{display:none}
  .tp-sekmeler a{padding:8px 12px;font-size:17px}
  .tp-karakterler{grid-template-columns:1fr}
  .tp-iki{grid-template-columns:1fr}
  .tp-balon{max-width:90%}
  .tp-ilanlar{grid-template-columns:repeat(2,1fr);gap:8px}
}

/* ── Canlı bot sayacı (herkese açık) ── */
.canli-botlar{display:flex;flex-direction:column;gap:6px;margin:10px 0 4px}
.canli-botlar > b{display:flex;align-items:center;gap:8px;font-size:14px;color:#6fdc7f}
.canli-botlar > b em{font-style:normal;font-size:17px}
.canli-botlar > span{display:flex;flex-wrap:wrap;gap:6px}
.canli-botlar > span a{display:inline-flex;align-items:center;gap:5px;font-size:12.5px;padding:4px 10px;border-radius:999px;
  background:rgba(63,185,80,.1);border:1px solid rgba(63,185,80,.35);color:var(--txt);text-decoration:none}
.canli-botlar > span a b{color:#6fdc7f}
.v2-kart-onz{position:relative}
.kart-canli{position:absolute;top:10px;left:10px;z-index:2;display:flex;align-items:center;gap:5px;font-size:11.5px;font-weight:700;
  color:#fff;background:rgba(46,125,50,.92);padding:4px 10px;border-radius:999px;box-shadow:0 4px 14px rgba(0,0,0,.35)}
.kart-canli[hidden]{display:none}
.kart-canli i{width:7px;height:7px;border-radius:50%;background:#b9f6c0;animation:v2-nabiz 2s infinite}

/* ── Videolar + istatistik ── */
.tp-videolar{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px}
.tp-video{display:flex;flex-direction:column;gap:6px;color:var(--txt);text-decoration:none}
.tp-video b{font-size:14.5px;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.tp-video small{font-size:12px}
.tp-video-kapak{position:relative;aspect-ratio:16/9;border-radius:12px;overflow:hidden;background:#000;border:1px solid var(--line)}
.tp-video-kapak img{width:100%;height:100%;object-fit:cover;transition:transform .2s}
.tp-video:hover .tp-video-kapak img{transform:scale(1.04)}
.tp-video-kapak i{position:absolute;inset:0;margin:auto;width:52px;height:36px;border-radius:10px;background:rgba(229,9,20,.9);
  color:#fff;display:grid;place-items:center;font-style:normal;font-size:16px;box-shadow:0 4px 14px rgba(0,0,0,.4)}
.tp-video-oynat{position:relative;aspect-ratio:16/9;border-radius:14px;overflow:hidden;background:#000;margin:10px 0}
.tp-video-oynat iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.tp-video-paylas{margin-bottom:16px}
.tp-video-paylas summary{cursor:pointer}
.tp-yt-onizle img{width:240px;max-width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:10px;border:1px solid var(--line)}
.st-kartlar .sv-kart em{font-style:normal;font-size:11.5px;display:block;margin-top:4px;color:var(--dim)}
.st-kartlar .sv-kart em.art{color:#6fdc7f}
.st-kartlar .sv-kart em.az{color:#ff7b72}
.st-hafta{display:flex;flex-wrap:wrap;gap:8px 18px;font-size:14px}
.st-hafta b{color:var(--gold2)}
.st-cubuk{display:grid;grid-template-columns:minmax(90px,38%) 1fr auto;align-items:center;gap:8px;font-size:13px;margin:5px 0}
.st-cubuk span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.st-cubuk i{height:8px;border-radius:4px;background:linear-gradient(90deg,#d4a047,#3fb950);width:var(--w);min-width:2px}
.st-cubuk b{color:var(--gold2);min-width:30px;text-align:right}
.st-grafik{display:flex;align-items:flex-end;gap:3px;height:140px;padding:8px 0;border-bottom:1px solid var(--line);margin-bottom:6px}
.st-grafik span{flex:1;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;position:relative}
.st-grafik i{width:100%;height:var(--h);min-height:2px;border-radius:3px 3px 0 0;background:linear-gradient(180deg,#d4a047,rgba(212,160,71,.35))}
.st-grafik em{position:absolute;top:0;width:6px;height:6px;border-radius:50%;background:#3fb950}
@media (max-width:760px){.st-kartlar{grid-template-columns:1fr 1fr}}

/* ── Duyuru tepki/yorum · satıcı puanı · ana sayfa topluluk şeridi ── */
.dy-tepkiler{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}
.dy-tepki{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:999px;border:1px solid var(--line);
  background:rgba(255,255,255,.03);color:var(--txt);font-size:15px;cursor:pointer;line-height:1.2}
span.dy-tepki{cursor:default}
.dy-tepki b{font-size:12px;color:var(--dim)}
.dy-tepki.on{border-color:rgba(212,160,71,.6);background:rgba(212,160,71,.14)}
.dy-tepki.on b{color:var(--gold2)}
.dy-yorumlar{margin-top:10px;border-top:1px solid var(--line);padding-top:8px}
.dy-yorumlar summary{cursor:pointer;color:var(--dim);font-size:13.5px}
.dy-yorum{padding:6px 0;font-size:14px;border-bottom:1px solid rgba(61,50,40,.5)}
.dy-yorum-form{display:flex;gap:6px;margin-top:8px}
.dy-yorum-form input{flex:1;min-width:0}
.st-yildiz{color:#f5c542;text-decoration:none;font-weight:700}
.pz-puan{margin-top:20px}
.pz-yorum{padding:8px 0;border-bottom:1px solid rgba(61,50,40,.5);font-size:14px}
.pz-puan-form{margin-top:12px}
.pz-yildizlar{display:inline-flex;flex-direction:row-reverse;justify-content:flex-end;gap:2px}
.pz-yildizlar input{position:absolute;opacity:0;pointer-events:none}
.tp-form .pz-yildizlar label{font-size:28px;color:rgba(255,255,255,.2);cursor:pointer;display:inline;font-weight:400}
.pz-yildizlar label:hover,.pz-yildizlar label:hover ~ label,.pz-yildizlar input:checked ~ label{color:#f5c542}
.pz-yildizlar input:focus-visible + label{outline:2px solid var(--gold2)}
.as-serit{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px}
.as-kolon h3{display:flex;align-items:baseline;justify-content:space-between;font-size:17px;margin:0 0 10px}
.as-kolon h3 a{font-size:13px;font-weight:600;color:var(--gold2);text-decoration:none}
.as-konu,.as-ilan{display:flex;gap:10px;align-items:center;padding:10px 12px;border-radius:12px;background:var(--card);
  border:1px solid var(--line);color:var(--txt);text-decoration:none;margin-bottom:8px}
.as-konu:hover,.as-ilan:hover,.as-video:hover b{border-color:rgba(212,160,71,.5);color:var(--gold2)}
.as-konu{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:10px}
.as-konu span{grid-row:span 2;font-size:20px}
.as-konu b,.as-ilan b{font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}
.as-konu small,.as-ilan small{color:var(--dim);font-size:12px}
.as-ilan img,.as-ilan i{width:56px;height:44px;border-radius:8px;object-fit:cover;flex:none;display:grid;place-items:center;
  background:rgba(255,255,255,.04);font-style:normal;font-size:20px}
.as-ilan span{min-width:0}
.as-ilan small{color:var(--gold2)}
.as-video{display:grid;grid-template-columns:120px 1fr;gap:10px;align-items:center;color:var(--txt);text-decoration:none;margin-bottom:10px}
.as-video .tp-video-kapak i{width:34px;height:24px;font-size:11px}
.as-video b{font-size:13.5px;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}

/* ── Ücretsiz kampanya ── */
.v2-etiket.kmp{background:rgba(63,185,80,.16);color:#6fdc7f;border-color:rgba(63,185,80,.5)}
.kmp-serit{margin:8px 0 12px;padding:10px 14px;border-radius:12px;background:linear-gradient(90deg,rgba(63,185,80,.16),rgba(63,185,80,.04));
  border:1px solid rgba(63,185,80,.45);color:var(--txt);font-size:14.5px}
.kmp-serit b{color:#6fdc7f}

/* ── MOBİL UYUM (≤600px) ── */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{overflow-wrap:break-word}
img,video,iframe{max-width:100%}
input,select,textarea{max-width:100%}
.tablo-sar,.tablo-kaydir{overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%}
@media (max-width:600px){
  html,body{overflow-x:hidden}
  /* Tablolar kendi kutusunda yatay kayar; sayfa kaymaz */
  .yon-tablo,.tablo,.sv-tablo{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%;white-space:nowrap}
  .yon-tablo td,.tablo td{white-space:normal;min-width:72px}
  /* Dokunma hedefleri ≥ 40px */
  .btn,button,.mini-btn,input[type=submit],summary.btn{min-height:40px;display:inline-flex;align-items:center;justify-content:center}
  .mini-btn{padding:6px 12px;font-size:13.5px}
  input:not([type=checkbox]):not([type=radio]),select,textarea{min-height:40px;font-size:16px}
  /* Formlar tek sütun */
  .sv-iki,.tp-iki,.foot-grid,.y2-iki{grid-template-columns:1fr!important}
  .sv-form,.sv-satir,.dy-yorum-form{flex-wrap:wrap}
  .sv-form input{max-width:none;flex:1}
  .yon-islem,.tp-araclar,.tp-ilan-eylem{flex-wrap:wrap;gap:6px}
  .yon-details-govde{max-width:calc(100vw - 32px)}
  .y2-baslik{flex-wrap:wrap;gap:8px}
  .sv-kartlar{grid-template-columns:1fr 1fr}
  .sv-kart b{font-size:20px}
  .container{padding-left:14px;padding-right:14px}
  h1{font-size:24px}
  h2{font-size:20px}
}
/* Uygulama içi (FlokiYonetici / FlokiBotApp WebView): pazarlama altlığı gizli, daha sıkı */
body.uygulama .mkt-footer{display:none}
body.uygulama .tp-sayfa{padding-bottom:24px}
body.uygulama .topbar{position:sticky;top:0;z-index:20}

/* ── Kart önizleme: Çevre Keşif haritası ── */
.onz-ck{position:relative;width:100%;height:100%;min-height:150px;background-size:112% auto;background-position:left center;background-repeat:no-repeat;background-color:#2a3a1a;border-radius:inherit}
.onz-ck i{position:absolute;width:8px;height:8px;border-radius:50%;transform:translate(-50%,-50%);border:1px solid rgba(0,0,0,.6)}
.onz-ck i.c{background:#f85149}
.onz-ck i.b{width:12px;height:12px;background:#ffd166}
.onz-ck i.ben{width:11px;height:11px;background:#3fb950;border:2px solid #fff}
.onz-ck-bilgi{position:absolute;left:8px;bottom:8px;display:flex;align-items:center;gap:6px;font-size:11.5px;font-weight:700;
  color:#fff;background:rgba(0,0,0,.65);padding:3px 9px;border-radius:999px}

/* ── Ana sayfa: Android uygulaması kartı ── */
.uyg-kart{display:grid;grid-template-columns:1.3fr .7fr;gap:28px;align-items:center;padding:28px 30px;border-radius:20px;
  background:linear-gradient(135deg,rgba(212,160,71,.14),rgba(63,185,80,.08) 60%,var(--card));border:1px solid rgba(212,160,71,.4);
  box-shadow:0 18px 50px rgba(0,0,0,.35);overflow:hidden}
.uyg-metin h2{margin:8px 0 10px;font-size:28px}
.uyg-metin p{color:var(--dim);line-height:1.6;margin:0 0 14px;max-width:560px}
.uyg-liste{list-style:none;padding:0;margin:0 0 16px;display:grid;grid-template-columns:1fr 1fr;gap:6px 14px;font-size:14px}
.uyg-uyari{display:inline-block;padding:9px 14px;border-radius:10px;background:rgba(255,179,71,.1);border:1px solid rgba(255,179,71,.45);
  color:#ffcf8a;font-size:14px;margin-bottom:16px}
.uyg-uyari b{color:#fff}
.uyg-eylem{display:flex;flex-direction:column;align-items:flex-start;gap:8px}
.uyg-telefon{justify-self:center;width:210px;height:400px;border-radius:32px;padding:10px;background:#0c0a08;
  border:2px solid rgba(212,160,71,.55);box-shadow:0 20px 40px rgba(0,0,0,.5),inset 0 0 0 4px #1d1712;transform:rotate(-4deg)}
.uyg-ekran{height:100%;border-radius:24px;background:var(--bg,#16110e);padding:12px 10px;display:flex;flex-direction:column;gap:8px;overflow:hidden}
.uyg-ust{display:flex;justify-content:space-between;align-items:center;font-size:14px;color:var(--gold2);padding:2px 4px 6px}
.uyg-bot{display:flex;gap:8px;align-items:center;padding:8px;border-radius:12px;background:var(--card);border:1px solid var(--line)}
.uyg-bot i{font-style:normal;font-size:20px}
.uyg-bot span{display:flex;flex-direction:column;min-width:0}
.uyg-bot b{font-size:12.5px}
.uyg-bot em{font-style:normal;font-size:10.5px;color:#6fdc7f}
.uyg-bot em.soluk{color:var(--dim)}
.uyg-alt{margin-top:auto;display:flex;justify-content:space-around;font-size:10.5px;color:var(--dim);border-top:1px solid var(--line);padding-top:8px}
.uyg-alt .on{color:var(--gold2);font-weight:700}
@media (max-width:760px){
  .uyg-kart{grid-template-columns:1fr;padding:22px 18px;gap:20px}
  .uyg-metin h2{font-size:23px}
  .uyg-liste{grid-template-columns:1fr}
  .uyg-telefon{width:180px;height:330px;transform:none}
  .uyg-eylem .btn{width:100%;justify-content:center;text-align:center;white-space:normal}
}

.uyg-ios{padding:14px 16px;border-radius:12px;background:rgba(255,255,255,.04);border:1px solid rgba(212,160,71,.4);margin-bottom:12px;max-width:520px}
.uyg-ios ol{margin:8px 0 6px;padding-left:20px;line-height:1.7}

/* ── Floki Client tarayıcıyla giriş ── */
.ib-kutu{text-align:left}
.ib-kod{font-size:44px;font-weight:900;letter-spacing:6px;text-align:center;padding:18px;margin:10px 0 14px;border-radius:14px;
  background:rgba(212,160,71,.1);border:2px dashed rgba(212,160,71,.6);color:var(--gold2);font-family:ui-monospace,Consolas,monospace}
.ib-uyari{padding:12px 14px;border-radius:12px;background:rgba(248,81,73,.1);border:1px solid rgba(248,81,73,.45);color:#ffb3ad;margin-bottom:14px}
.ib-uyari b{color:#fff}
.ib-dugmeler{display:flex;gap:10px;flex-wrap:wrap;margin:14px 0}
.ib-sonuc{padding:18px;border-radius:14px;background:var(--card);border:1px solid var(--line);font-size:16px}
.ib-sonuc.ok{border-color:rgba(63,185,80,.55);background:rgba(63,185,80,.1)}
@media (max-width:600px){.ib-kod{font-size:32px;letter-spacing:3px}}

/* ── @etiket ve profil ── */
.tp-etiket-ad{color:#79c0ff;font-weight:700;text-decoration:none;background:rgba(121,192,255,.1);padding:0 4px;border-radius:5px}
.tp-etiket-ad:hover{text-decoration:underline}
a.tp-ad{text-decoration:none}
a.tp-ad:hover{text-decoration:underline}
.et-oneri{position:absolute;left:0;top:100%;z-index:30;min-width:220px;max-width:100%;margin-top:4px;background:var(--card);
  border:1px solid rgba(121,192,255,.45);border-radius:10px;box-shadow:0 12px 30px rgba(0,0,0,.45);overflow:hidden}
.et-oneri button{display:block;width:100%;text-align:left;padding:8px 12px;background:none;border:0;color:var(--txt);font-size:14px;cursor:pointer;min-height:38px}
.et-oneri button.on,.et-oneri button:hover{background:rgba(121,192,255,.14)}
.pr-bas{display:flex;align-items:center;gap:14px;margin:14px 0}
.pr-bas h1{margin:0;font-size:24px}
.pr-avatar{width:56px;height:56px;border-radius:50%;display:grid;place-items:center;font-size:24px;font-weight:800;
  background:linear-gradient(135deg,#d4a047,#8a5a1c);color:#fff;flex:none}
.pr-sayilar{display:flex;flex-wrap:wrap;gap:8px 18px;margin:6px 0 16px;font-size:14px}
.pr-sayilar b{color:var(--gold2)}

/* ── Zil paneli (açılır bildirimler) ── */
.kz-panel{position:fixed;z-index:1000;width:360px;max-width:calc(100vw - 16px);max-height:70vh;display:flex;flex-direction:column;
  background:var(--card);border:1px solid rgba(212,160,71,.45);border-radius:14px;box-shadow:0 20px 50px rgba(0,0,0,.55);outline:none;overflow:hidden}
.kz-panel[hidden]{display:none}
.kz-ust{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-bottom:1px solid var(--line)}
.kz-kapat{background:none;border:0;color:var(--dim);font-size:16px;cursor:pointer;min-height:32px;min-width:32px}
.kz-liste{overflow-y:auto;flex:1}
.kz-oge{display:flex;gap:10px;padding:10px 14px;color:var(--txt);text-decoration:none;border-bottom:1px solid rgba(61,50,40,.5)}
.kz-oge:hover{background:rgba(255,255,255,.04)}
.kz-oge.yeni{background:linear-gradient(90deg,rgba(212,160,71,.13),transparent 70%)}
.kz-oge.yeni b::after{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:#e5484d;margin-left:6px;vertical-align:middle}
.kz-ikon{font-size:20px;flex:none;width:26px;text-align:center}
.kz-govde{display:flex;flex-direction:column;min-width:0;gap:2px}
.kz-govde b{font-size:13.5px;line-height:1.3}
.kz-metin{color:var(--dim);font-size:12.5px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.kz-govde time{font-size:11px;color:var(--dim)}
.kz-bos{padding:24px;text-align:center;color:var(--dim)}
.kz-alt{display:flex;justify-content:space-between;gap:8px;padding:10px 14px;border-top:1px solid var(--line)}
.kz-panel.mobil{left:0!important;right:0;bottom:0;top:auto!important;width:100%;max-width:100%;max-height:80vh;border-radius:16px 16px 0 0}
.kz-panel.mobil .kz-ust::before{content:"";position:absolute;left:50%;top:6px;width:40px;height:4px;margin-left:-20px;border-radius:2px;background:var(--line)}
.kz-panel.mobil .kz-ust{position:relative;padding-top:18px}

/* ── Canlı destek balonu ── */
.kd-balon{position:fixed;right:18px;bottom:18px;z-index:990;width:58px;height:58px;border-radius:50%;border:0;cursor:pointer;
  background:linear-gradient(135deg,#e0b25a,#b07a2a);color:#1a130c;box-shadow:0 10px 28px rgba(0,0,0,.45);display:grid;place-items:center;
  transition:transform .15s}
.kd-balon:hover{transform:scale(1.06)}
.kd-balon.acik{transform:scale(.92)}
.kd-balon-ikon{font-size:26px;line-height:1}
.kd-balon.kucuk{width:46px;height:46px;bottom:86px}
.kd-balon.kucuk .kd-balon-ikon{font-size:20px}
.kd-rozet{position:absolute;top:-4px;right:-4px;min-width:20px;height:20px;padding:0 5px;border-radius:10px;background:#e5484d;color:#fff;
  font-size:11.5px;font-weight:800;display:grid;place-items:center;border:2px solid var(--bg,#16110e)}
.kd-rozet[hidden]{display:none}
.kd-pencere{position:fixed;right:18px;bottom:88px;z-index:995;width:360px;height:520px;max-height:calc(100vh - 110px);display:flex;flex-direction:column;
  background:var(--card);border:1px solid rgba(212,160,71,.45);border-radius:16px;box-shadow:0 24px 60px rgba(0,0,0,.6);overflow:hidden;outline:none}
.kd-pencere[hidden]{display:none}
.kd-ust{display:flex;align-items:center;gap:6px;padding:12px 12px 12px 16px;background:linear-gradient(135deg,rgba(212,160,71,.25),rgba(212,160,71,.06));
  border-bottom:1px solid var(--line)}
.kd-baslik{flex:1;display:flex;flex-direction:column;min-width:0}
.kd-baslik b{font-size:15px}
.kd-durum{font-size:11.5px;color:var(--dim);display:flex;align-items:center;gap:5px}
.kd-durum i{width:7px;height:7px;border-radius:50%;background:#3fb950;display:inline-block}
.kd-ust-dug{background:none;border:0;color:var(--dim);font-size:17px;cursor:pointer;text-decoration:none;min-width:34px;min-height:34px;display:grid;place-items:center;border-radius:8px}
.kd-ust-dug:hover{background:rgba(255,255,255,.06);color:var(--txt)}
.kd-akis{flex:1;overflow-y:auto;padding:12px;display:flex;flex-direction:column;gap:8px}
.kd-akis>*{flex-shrink:0}
.kd-msj{max-width:80%;padding:8px 12px;border-radius:14px;font-size:14px}
.kd-msj p{margin:0;white-space:pre-wrap;word-wrap:break-word;line-height:1.45}
.kd-msj time{display:block;font-size:10.5px;opacity:.7;margin-top:3px;text-align:right}
.kd-msj.ben{align-self:flex-end;background:linear-gradient(135deg,#d9a84c,#b88430);color:#1a130c;border-bottom-right-radius:4px}
.kd-msj.o{align-self:flex-start;background:#2a221b;border:1px solid var(--line);border-bottom-left-radius:4px}
.kd-ek-link{display:inline-block;font-size:12.5px;margin-top:4px;color:inherit}
.kd-bos,.kd-konuk{text-align:center;color:var(--dim);padding:20px 10px;margin:auto 0}
.kd-konuk-dug{display:flex;gap:8px;justify-content:center;margin:12px 0}
.kd-konuk-link{font-size:13px}
.kd-hata{align-self:center;font-size:12.5px;color:#ff9b94;background:rgba(248,81,73,.1);padding:6px 10px;border-radius:8px}
.kd-ekad{font-size:12px;color:var(--gold2);padding:4px 14px 0}
.kd-yaz{display:flex;align-items:flex-end;gap:6px;padding:10px;border-top:1px solid var(--line)}
.kd-yaz textarea{flex:1;resize:none;min-height:40px;max-height:120px;border-radius:12px;padding:9px 12px;font-size:14.5px;line-height:1.35}
.kd-ek,.kd-gonder{flex:none;width:40px;height:40px;border-radius:50%;border:0;cursor:pointer;font-size:17px;display:grid;place-items:center}
.kd-ek{background:rgba(255,255,255,.06);color:var(--txt)}
.kd-gonder{background:linear-gradient(135deg,#e0b25a,#b07a2a);color:#1a130c}
.kd-gonder:disabled{opacity:.5}
.kd-pencere.mobil{left:0;right:0;top:0;bottom:0;width:100%;height:100%;max-height:none;border-radius:0}
@media (max-width:600px){
  .kd-balon{right:14px;bottom:14px;width:52px;height:52px}
  .kd-balon.kucuk{bottom:96px;width:42px;height:42px}
  .kd-yaz textarea{font-size:16px}
}
body.uygulama:not(.uygulama-yonetici) .kd-balon,body.uygulama:not(.uygulama-yonetici) .kd-pencere{display:none!important}

/* ── Bot değerlendirmeleri ── */
.bp-bolum{margin-top:22px}
.bp-ozet{display:grid;grid-template-columns:auto 1fr;gap:24px;align-items:center;margin:10px 0 18px}
.bp-buyuk{display:flex;flex-direction:column;align-items:center;min-width:120px}
.bp-buyuk b{font-size:44px;line-height:1;color:var(--gold2)}
.bp-buyuk small{color:var(--dim);font-size:12.5px;margin-top:4px}
.bp-yildiz{color:#f5c542;letter-spacing:1px}
.bp-dagilim div{display:grid;grid-template-columns:34px 1fr 30px;gap:8px;align-items:center;font-size:13px;margin:3px 0}
.bp-dagilim i{height:8px;border-radius:4px;background:rgba(255,255,255,.07);overflow:hidden;display:block}
.bp-dagilim em{display:block;height:100%;background:linear-gradient(90deg,#f5c542,#d4a047)}
.bp-dagilim b{text-align:right;color:var(--dim);font-weight:600}
.bp-form{display:flex;flex-direction:column;gap:8px;padding:14px;border-radius:12px;background:rgba(212,160,71,.06);border:1px solid rgba(212,160,71,.3);margin-bottom:16px}
.bp-sec{display:inline-flex;flex-direction:row-reverse;justify-content:flex-end}
.bp-sec input{position:absolute;opacity:0;pointer-events:none}
.bp-sec label{font-size:30px;color:rgba(255,255,255,.2);cursor:pointer;padding:0 2px}
.bp-sec label:hover,.bp-sec label:hover~label,.bp-sec input:checked~label{color:#f5c542}
.bp-sec input:focus-visible+label{outline:2px solid var(--gold2)}
.bp-yorum{padding:12px 0;border-bottom:1px solid rgba(61,50,40,.6)}
.bp-yorum header{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.bp-yorum p{margin:6px 0 0;line-height:1.5}
.bp-dogru{font-size:11.5px;color:#6fdc7f;background:rgba(63,185,80,.1);border:1px solid rgba(63,185,80,.35);padding:1px 7px;border-radius:999px}
.bp-cevap{margin-top:8px;padding:8px 12px;border-left:3px solid var(--gold2);background:rgba(212,160,71,.06);border-radius:0 8px 8px 0;font-size:13.5px}
.bp-kart{display:inline-flex;align-items:center;gap:4px;font-size:13px;text-decoration:none;color:var(--txt);margin:2px 0 4px}
.bp-yon{padding:10px 0;border-bottom:1px solid var(--line)}
.bp-yon.gizli{opacity:.55}
.bp-yon p{margin:4px 0}
@media (max-width:600px){.bp-ozet{grid-template-columns:1fr}}

/* ── Zil paneli → sağdan çekmece (v2) ── */
.kz-panel{top:0;right:0;left:auto!important;bottom:0;width:380px;max-width:100vw;max-height:none!important;height:auto;
  border-radius:0;border-width:0 0 0 1px;transform:translateX(100%);transition:transform .2s ease}
.kz-panel.acik{transform:none}
.kz-panel.mobil{top:0!important;left:auto!important;width:380px;max-height:none;border-radius:0}
.kz-panel.mobil .kz-ust::before{display:none}
.kz-karartma{position:fixed;left:0;right:0;bottom:0;top:0;z-index:999;background:rgba(0,0,0,.45);opacity:0;transition:opacity .2s}
.kz-karartma.acik{opacity:1}
.kz-karartma[hidden]{display:none}
@media (max-width:600px){.kz-panel{width:100vw}}

/* ── Hero güven kartı (sahte pencere yerine) ── */
.hg-kart{background:linear-gradient(160deg,rgba(212,160,71,.1),var(--card) 55%);border:1px solid rgba(212,160,71,.4);border-radius:20px;
  padding:22px;box-shadow:0 20px 50px rgba(0,0,0,.35)}
.hg-baslik{display:block;font-size:18px;margin-bottom:12px}
.hg-puan{display:flex;align-items:baseline;gap:10px;text-decoration:none;color:var(--txt);margin-bottom:10px}
.hg-puan b{font-size:34px;color:#f5c542}
.hg-puan span{color:var(--dim);font-size:13.5px}
.hg-yorumlar{display:flex;flex-direction:column;gap:8px;margin-bottom:14px}
.hg-yorum{background:rgba(255,255,255,.03);border:1px solid var(--line);border-radius:12px;padding:10px 12px}
.hg-yorum p{margin:4px 0;font-size:13.5px;line-height:1.45}
.hg-yorum small{color:var(--dim);font-size:12px}
.hg-liste{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}
.hg-liste li{display:flex;gap:12px;align-items:flex-start}
.hg-liste i{font-style:normal;font-size:22px;width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:rgba(212,160,71,.12);flex:none}
.hg-liste span{display:flex;flex-direction:column;font-size:13.5px;color:var(--dim);line-height:1.45}
.hg-liste b{color:var(--txt);font-size:14.5px}
/* ── Floki Client kartı v2 ── */
.fc2{position:relative;display:grid;grid-template-columns:auto 1fr auto;gap:26px;align-items:center;
  border:1px solid rgba(212,160,71,.55)!important;box-shadow:0 0 0 1px rgba(212,160,71,.15),0 18px 50px rgba(0,0,0,.35),0 0 40px rgba(212,160,71,.12)}
.fc2-gorsel{position:relative;width:120px;height:120px;border-radius:28px;display:grid;place-items:center;
  background:radial-gradient(circle at 30% 25%,#3a2c1b,#16110e 70%);border:1px solid rgba(212,160,71,.5);overflow:hidden}
.fc2-gorsel span{font-size:58px;filter:drop-shadow(0 6px 12px rgba(0,0,0,.5));z-index:1}
.fc2-gorsel i{position:absolute;inset:-40%;background:conic-gradient(from 0deg,transparent 0 70%,rgba(245,197,66,.35) 80%,transparent 90%);
  animation:fc2-don 6s linear infinite}
@keyframes fc2-don{to{transform:rotate(360deg)}}
.fc2-surum{font-size:13px;font-weight:700;padding:2px 8px;border-radius:999px;background:rgba(255,255,255,.07);border:1px solid var(--line);vertical-align:middle;margin-left:6px}
.fc2-yeni{font-size:12px;font-weight:800;padding:3px 9px;border-radius:999px;background:linear-gradient(90deg,#3fb950,#2ea043);color:#fff;vertical-align:middle;margin-left:6px}
.fc2-fiyat{display:flex;align-items:baseline;flex-wrap:wrap;gap:6px;margin:12px 0}
.fc2-fiyat b{font-size:38px;color:var(--gold2);line-height:1}
.fc2-fiyat span{font-size:16px;color:var(--dim)}
.fc2-fiyat em{flex-basis:100%;font-style:normal;color:#6fdc7f;font-size:13.5px}
.fc2-cip{background:linear-gradient(135deg,rgba(121,192,255,.14),rgba(212,160,71,.1));border:1px solid rgba(121,192,255,.35)}
.fc2-kullanildi{display:block;text-align:center;font-size:12.5px;color:#6fdc7f;margin-top:4px}
@media (max-width:860px){.fc2{grid-template-columns:1fr;text-align:left}.fc2-gorsel{width:84px;height:84px;border-radius:20px}.fc2-gorsel span{font-size:40px}}
.fc2{grid-template-columns:120px minmax(0,1.4fr) minmax(220px,.8fr)}
.fc2 .fc-oyunlar{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.fc2 .fc-oyunlar .dim{flex-basis:100%}
.fc2 .v2-client-eylem{align-self:center}
@media (max-width:860px){.fc2{grid-template-columns:1fr}}
.fc2 h2{display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.fc2-surum,.fc2-yeni{margin-left:0;white-space:nowrap}
.fc2-arsiv{margin-top:10px;font-size:13px}
.fc2-arsiv summary{cursor:pointer;color:var(--dim);user-select:none}
.fc2-arsiv ul{margin:8px 0 0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:6px}
.fc2-arsiv li{display:flex;align-items:center;gap:6px}
.fc2-arsiv a{display:inline-block;padding:4px 10px;border-radius:999px;border:1px solid var(--line);text-decoration:none;color:var(--txt)}
.fc2-arsiv a:hover{border-color:var(--gold2);color:var(--gold2)}

/* ── Canlı güven sayaçları ── */
.vt-bolum{margin-top:-6px;margin-bottom:18px}
.vt-bolum[hidden]{display:none}
.vt-kutular{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.vt-kutu{display:flex;flex-direction:column;align-items:center;text-align:center;padding:16px 10px;border-radius:14px;
  background:var(--card);border:1px solid var(--line)}
.vt-kutu i{font-style:normal;font-size:22px}
.vt-kutu b{font-size:28px;color:var(--gold2);line-height:1.2;font-variant-numeric:tabular-nums}
.vt-kutu span{color:var(--dim);font-size:12.5px}
.vt-kutu.canli b{color:#6fdc7f}
.vt-kutu.sabit b{font-size:16px;color:var(--txt);margin:4px 0 2px}
.vt-akis{margin:10px auto 0;text-align:center;font-size:13.5px;color:#9fe6a8;background:rgba(63,185,80,.08);border:1px solid rgba(63,185,80,.3);
  border-radius:999px;padding:6px 14px;width:fit-content;max-width:100%}
@media (max-width:760px){.vt-kutular{grid-template-columns:1fr 1fr}.vt-kutu b{font-size:22px}}

/* ── Dil seçici (details/summary, JS yok) ── */
.dil-sec { position: relative; }
.dil-sec > summary { list-style: none; cursor: pointer; display: inline-flex; align-items: center; gap: 5px; padding: 6px 9px; border: 1px solid var(--line); border-radius: 8px; color: var(--dim); font-weight: 600; font-size: 13px; user-select: none; }
.dil-sec > summary::-webkit-details-marker { display: none; }
.dil-sec > summary:hover, .dil-sec[open] > summary { color: var(--txt); }
.dil-menu { position: absolute; right: 0; top: calc(100% + 6px); z-index: 60; min-width: 160px; background: var(--bg2); border: 1px solid var(--line); border-radius: 10px; padding: 6px; display: flex; flex-direction: column; box-shadow: 0 8px 24px rgba(0,0,0,.35); }
.dil-menu a { padding: 8px 10px; border-radius: 6px; color: var(--dim); font-size: 14px; font-weight: 600; white-space: nowrap; }
.dil-menu a:hover { color: var(--txt); background: rgba(255,255,255,.05); }
.dil-menu a.aktif { color: var(--gold2); }
.dil-sec-mobil { display: none; }
@media (max-width: 820px) {
  .mkt-links.open .dil-sec-mobil { display: block; }
  .dil-sec-mobil .dil-menu { position: static; box-shadow: none; margin-top: 6px; }
}
@media (max-width: 480px) {
  .mkt-actions > .dil-sec { display: none; }
}
/* ── Kripto ödeme ── */
.kr-ozet{display:flex;gap:28px;flex-wrap:wrap}
.kr-ozet>div{display:flex;flex-direction:column;gap:2px}
.kr-tutar{font-size:26px}
.kr-cuzdanlar{display:flex;flex-direction:column;gap:14px;margin-top:14px;max-width:720px}
.kr-cuzdan{display:flex;gap:18px;align-items:flex-start}
.kr-qr{background:#fff;border-radius:12px;padding:6px;flex:none}
.kr-bilgi{display:flex;flex-direction:column;gap:8px;min-width:0}
.kr-baslik{font-size:17px}
.kr-adres{display:block;word-break:break-all;background:rgba(255,255,255,.05);border:1px solid var(--line);border-radius:8px;padding:8px 10px;font-size:13px}
.kr-uyari{margin:0;color:#ffb86b;font-size:13px}
.kr-fiyatlar{display:flex;flex-direction:column;gap:10px;margin-bottom:12px}
.kr-fbot{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.kr-fbot b{min-width:180px}
.u2-plan.pasif{opacity:.45}
@media (max-width:600px){.kr-cuzdan{flex-direction:column;align-items:center}.kr-qr{width:150px;height:150px}}

/* ── Tema arka planı: sabit katman (kaydırınca boş görünmesin) ── */
body::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;
  background:
    radial-gradient(700px 520px at 8% 12%, rgba(212,160,71,.10), transparent 62%),
    radial-gradient(640px 560px at 94% 38%, rgba(232,184,74,.07), transparent 60%),
    radial-gradient(900px 600px at 50% 108%, rgba(160,90,40,.12), transparent 65%),
    repeating-linear-gradient(45deg, rgba(212,160,71,.028) 0 1px, transparent 1px 34px),
    repeating-linear-gradient(-45deg, rgba(212,160,71,.028) 0 1px, transparent 1px 34px),
    radial-gradient(ellipse at 50% 40%, transparent 55%, rgba(0,0,0,.45) 100%);}
body::after{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.55;
  background:
    radial-gradient(1.5px 1.5px at 12% 22%, rgba(245,197,66,.55), transparent 60%),
    radial-gradient(1.2px 1.2px at 33% 68%, rgba(245,197,66,.45), transparent 60%),
    radial-gradient(1.8px 1.8px at 58% 14%, rgba(245,197,66,.5), transparent 60%),
    radial-gradient(1.2px 1.2px at 71% 82%, rgba(245,197,66,.4), transparent 60%),
    radial-gradient(1.5px 1.5px at 88% 30%, rgba(245,197,66,.5), transparent 60%),
    radial-gradient(1px 1px at 46% 46%, rgba(245,197,66,.35), transparent 60%),
    radial-gradient(1.3px 1.3px at 22% 88%, rgba(245,197,66,.4), transparent 60%);
  animation:fl-toz 9s ease-in-out infinite alternate}
@keyframes fl-toz{from{opacity:.35;transform:translateY(0)}to{opacity:.65;transform:translateY(-10px)}}
@media (prefers-reduced-motion:reduce){body::after{animation:none}}
body.uygulama::after{display:none}

/* E-PIN bağlantısı (satın alma kutularında) */
.epin-link{display:block;margin-top:10px;text-align:center;font-size:13.5px;font-weight:600;padding:9px 12px;border:1px dashed rgba(212,160,71,.55);border-radius:10px;background:rgba(212,160,71,.06)}
.epin-link:hover{background:rgba(212,160,71,.14)}

/* E-PIN kutusu (belirgin) */
.epin-kutu{margin-top:14px;padding:14px;border-radius:14px;border:1.5px solid rgba(212,160,71,.75);
  background:linear-gradient(135deg,rgba(212,160,71,.18),rgba(212,160,71,.05));box-shadow:0 0 18px rgba(212,160,71,.15)}
.epin-kutu-bas{display:flex;flex-direction:column;gap:2px;margin-bottom:10px;font-size:15px}
.epin-kutu-bas span{font-size:12.5px;color:var(--dim)}
.epin-kutu-eylem{display:flex;gap:8px;flex-wrap:wrap}
.epin-btn{flex:1;min-width:160px;text-align:center;font-weight:800;background:#1b1510;color:var(--gold2);border:1.5px solid var(--gold2)}
.epin-btn:hover{background:var(--gold2);color:#1b1510}
.epin-btn-al{flex:1;min-width:160px;text-align:center;font-weight:700}

/* Kartla öde: iki adım */
.kod-adimlar{display:flex;flex-direction:column;gap:12px;max-width:620px;margin-top:16px}
.kod-adim{display:flex;gap:14px;align-items:flex-start}
.kod-adim p{margin:4px 0 10px}
.kod-duzen{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:14px;margin-top:14px;max-width:1000px}
.kod-kart{padding:20px}
.kod-kart h3{margin:0 0 12px}
.kod-giris{text-transform:uppercase;letter-spacing:1px;font-size:18px;text-align:center}
.kod-akis{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}
.kod-akis li{display:flex;gap:12px;align-items:flex-start}
.kod-akis li>div{display:flex;flex-direction:column;gap:2px}
.kod-magaza{display:flex;flex-direction:column;align-items:flex-start;gap:8px}
.kod-magaza p{margin:0}
.kod-magaza-ad{font-size:20px;font-weight:700;color:var(--gold2,#f0c867);text-decoration:none;word-break:break-all}
.kod-magaza-ad:hover{text-decoration:underline}
.kod-urunler{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}
@media (max-width:760px){.kod-duzen{grid-template-columns:1fr}}

/* ── Sepet ── */
.sepet{display:grid;grid-template-columns:1fr 320px;gap:18px;align-items:start;margin-top:16px}
.sepet-liste{display:flex;flex-direction:column;gap:10px}
.sepet-kalem{display:flex;align-items:center;gap:12px;cursor:pointer;margin:0;transition:border-color .15s,background .15s}
.sepet-kalem.secili{border-color:rgba(212,160,71,.8);background:rgba(212,160,71,.08)}
.sepet-kalem input[type=checkbox]{width:20px;height:20px;accent-color:var(--gold2);flex:none}
.sepet-ikon{font-size:24px;flex:none}
.sepet-ad{display:flex;flex-direction:column;flex:1;min-width:0}
.sepet-ad small{font-size:12.5px;line-height:1.35}
.sepet-kalem select{flex:none;max-width:170px}
.sepet-ozet{position:sticky;top:80px;display:flex;flex-direction:column;gap:8px}
.sepet-satir{display:flex;justify-content:space-between}
.sepet-indirim b{color:#6fdc7f}
.sepet-toplam{font-size:18px;border-top:1px solid var(--line);padding-top:8px}
.sepet-giris{margin-top:10px}
.sepet-seridi{display:inline-block;margin-top:10px;padding:8px 14px;border-radius:999px;border:1px dashed rgba(212,160,71,.6);background:rgba(212,160,71,.08);font-weight:700;font-size:13.5px}
@media (max-width:760px){.sepet{grid-template-columns:1fr}.sepet-ozet{position:static}.sepet-kalem{flex-wrap:wrap}.sepet-kalem select{max-width:none;flex:1 1 100%}}
.fc-eylem .fc-satin{flex:1 1 100%;display:flex;flex-direction:column;gap:8px}
div.u2-plan{cursor:default}
.epin-kod-liste{display:flex;flex-direction:column;gap:6px;margin:10px 0}
.epin-kod-satir{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.epin-kod-satir code{font-size:15px;letter-spacing:1px;flex:none}
.epin-kod-satir form{display:flex;gap:6px;margin:0}
.epin-kod-satir input{max-width:200px}
.epin-metin{width:100%;min-height:110px;font-family:inherit;font-size:13px}

/* Canlı client kartı (yönetim) */
.canli-kutular{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:8px}
.canli-kutular div{display:flex;flex-direction:column;align-items:center;padding:10px;border-radius:10px;background:rgba(255,255,255,.03);border:1px solid var(--line)}
.canli-kutular b{font-size:24px;color:var(--gold2)}
.canli-kutular span{font-size:12px;color:var(--dim)}
.canli-nokta{display:inline-block;width:9px;height:9px;border-radius:50%;background:#3fb950;margin-left:4px;animation:canli-yan 1.6s ease-in-out infinite}
@keyframes canli-yan{50%{opacity:.25}}
.canli-liste{margin-top:6px}
@media (max-width:600px){.canli-kutular{grid-template-columns:repeat(2,1fr)}}


/* ─── Floki asistan eklemeleri (01.10) ─── */
/* ── Yüzey haritası: oyundaki gibi (calistir.js haritaOyunCiz) ──────────────
   Tuval zemin+ikon+sis+çerçeveyi çizer; hücreler yalnız tıklama/yol katmanı.
   Boşluk/iç pay YOK: hücre ızgarası zemin resmiyle birebir hizalı olmalı
   (eski 6px pay + 2px aralık ikonları zeminden kaydırıyordu). */
#izgara.oyun {
  gap: 0 !important;
  padding: 0 !important;
  background-image: none !important;
  background-color: #0b0806;
}
#izgara.oyun > canvas.harita-tuval {
  position: absolute; inset: 0; width: 100%; height: 100%;
  z-index: 0; pointer-events: none; border-radius: 8px;
}
#izgara.oyun > .hucre {
  position: relative; z-index: 1;
  background: transparent !important; color: transparent !important;
  border-radius: 0; opacity: 1 !important;
}
#izgara.oyun > .hucre img { display: none; }
#izgara.oyun > .hucre.benim { outline: none; }
#izgara.oyun > .hucre.yol { box-shadow: inset 0 0 0 2px rgba(255, 209, 102, .55); }

/* ── Kompakt bot sayfası (kullanıcı kuralı: kaydırmasız, düzenli) ───────────
   Oyuna bağlan: 4 adım alt alta 780px tutuyordu → yan yana 4 sütun. */
#eklenti-giris {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
  align-items: stretch;
}
#eklenti-giris > .giris-kart-bas,
#eklenti-giris > .guven-kutu { grid-column: 1 / -1; }
#eklenti-giris > .kart-aciklama { display: none; }          /* güven kutusuyla aynı bilgi */
#eklenti-giris .eklenti-adim { margin: 0 !important; padding: 8px 10px !important; }
#eklenti-giris .eklenti-yol { margin: 4px 0 6px; padding-left: 16px; font-size: 12px; line-height: 1.35; }
#eklenti-giris .eklenti-yol li { margin: 0 0 2px; }
#eklenti-giris .adim-bas { margin-bottom: 4px; }
#eklenti-giris .platform-dugmeler { display: flex; flex-wrap: wrap; gap: 4px; }
#eklenti-giris .platform-dugmeler .btn { padding: 4px 8px; font-size: 12px; }
#eklenti-giris > .guven-kutu { padding: 6px 10px !important; display: flex; gap: 8px; align-items: baseline; }
#eklenti-giris > .guven-kutu p { margin: 0 !important; }
@media (max-width: 900px) { #eklenti-giris { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 520px) { #eklenti-giris { grid-template-columns: 1fr; } }
/* Bağlan başlığı + durum şeridi + yöntem seçimi sıkı (tek satıra yakın) */
#login .card.baglan-gelismis { padding: 10px 14px; }
#login .baglan-ust { margin-bottom: 6px; }
#login .baglan-ust h2, #login .baglan-ust h3 { margin: 0; font-size: 16px; }
#login .baglan-ust p { margin: 2px 0 0; font-size: 12px; }
#login .baglan-durum-seridi { margin-bottom: 6px; gap: 6px; }
#login .baglan-durum-seridi .durum-chip { padding: 4px 8px; }
#login .yontem-sec { margin-bottom: 6px; }
#login .yontem-sec .yontem-dug { padding: 6px 10px; }
#login .yontem-sec .yontem-dug span { font-size: 11px; }
#login .baglan-sonuc { padding: 6px 10px !important; margin: 0 0 6px !important; font-size: 12px; }
#eklenti-giris { padding: 8px 10px !important; }
#eklenti-giris .eklenti-adim p.mini { margin: 4px 0 0 !important; font-size: 11px; }
#eklenti-kur-adim > p.dim.mini:last-child { display: none; }   /* "Edge de çalışır" notu — tooltip yeterli */
#eklenti-giris .eklenti-yol { font-size: 11.5px; line-height: 1.3; }
#eklenti-giris .btn-chrome { padding: 5px 10px; font-size: 12px; }
.cal-bas { margin-bottom: 4px !important; }
.bilgi-serit { padding: 3px 10px !important; margin-bottom: 4px !important; font-size: 12px; }
#cal-gorunum-sekme { margin-bottom: 4px !important; }
#baglan-adimlar { gap: 6px !important; }
#baglan-adimlar > * { grid-column: 1 / -1; }      /* kart yarım sütunda kalıyordu → adımlar daralıp uzuyordu */
#eklenti-giris .platform-dugmeler { display: flex !important; flex-direction: row !important; flex-wrap: wrap; gap: 4px; margin: 4px 0 0; }
#eklenti-giris .platform-dugmeler .giris-dugme { width: auto !important; flex: 0 1 auto; margin: 0 !important; padding: 3px 8px; font-size: 11.5px; min-height: 0; }
#eklenti-giris .giris-kilit-not { margin-top: 4px; font-size: 11px; line-height: 1.3; }
#eklenti-giris #giris-dugmeleri { display: flex !important; flex-direction: row !important; flex-wrap: wrap !important; grid-template-columns: none !important; gap: 4px !important; }
#eklenti-giris #giris-dugmeleri > .giris-dugme { width: auto !important; min-width: 0 !important; flex: 0 1 auto !important; padding: 3px 8px !important; font-size: 11.5px !important; min-height: 0 !important; height: auto !important; }
#eklenti-giris .eklenti-adim:has(#giris-dugmeleri) > p.dim.mini:not(.giris-kilit-not) { display: none; }   /* düğmeler kendini anlatıyor */
#eklenti-giris .eklenti-yol { line-height: 1.25; }
#eklenti-giris .eklenti-yol li { margin: 0 0 1px; }
@media (max-width: 700px) {
  #login .baglan-durum-seridi { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)); }
  #login .baglan-durum-seridi .durum-chip { padding: 4px 6px; font-size: 11px; }
  #login .yontem-sec { display: grid !important; grid-template-columns: 1fr 1fr; gap: 6px; }
}

/* ── Yüzey botu KOMPAKT (v206): tek ekrana sığar, harita kare ve ekran
   yüksekliğiyle sınırlı, ayarlar sıkı. ── */
.bt-maden-grid .sayac-serit { gap: 6px !important; }
.bt-maden-grid .sayac-kart { padding: 3px 6px !important; min-height: 0 !important; display: flex !important; justify-content: space-between; align-items: center; gap: 6px; }
.bt-maden-grid .sayac-kart .sayac-baslik { font-size: 11px !important; }
.bt-maden-grid .sayac-kart .sayac-deger { font-size: 13px !important; }
.bt-maden-grid .ortam-grid { grid-template-columns: 230px 1fr !important; grid-template-rows: auto !important; min-height: 0 !important; gap: 8px !important; }
.bt-maden-grid .ortam-sol { display: flex; flex-direction: column; gap: 6px; min-height: 0; max-height: calc(100vh - 260px); }
.bt-maden-grid .ortam-sol .ortam-kutu { flex: 1 1 0; padding: 6px 8px; }
.bt-maden-grid .ortam-kutu .canta-chip,
.bt-maden-grid .ortam-kutu .yuzey-item,
.bt-maden-grid .ortam-kutu .maden-item { padding: 3px 6px; font-size: 11.5px; }
.bt-maden-grid .ortam-harita { padding: 6px; align-items: center; }
.bt-maden-grid .ortam-harita > header { align-self: stretch; }
.bt-maden-grid .ortam-harita #izgara {
  width: min(100%, calc(100vh - 430px)) !important; min-width: 300px; max-width: 480px;
  height: auto !important; max-height: none !important; aspect-ratio: 1 !important; margin: 0 auto;
}
.bt-maden-grid .harita-lejant { font-size: 10.5px; gap: 8px; }
.bt-maden-grid #bot-log { max-height: 90px; }
.bt-maden-grid .bt-ayar-orijinal .ayar-grup { padding: 3px 8px 5px !important; margin-bottom: 5px !important; }
.bt-maden-grid .bt-ayar-orijinal .ayar-satir { margin: 2px 0 !important; min-height: 22px !important; }
.bt-maden-grid .bt-ayar-orijinal .ayar-satir select,
.bt-maden-grid .bt-ayar-orijinal .ayar-satir input { height: 24px !important; padding: 1px 6px !important; font-size: 12px !important; }
.bt-maden-grid .bt-ayar-orijinal .ayar-onay { margin: 1px 0; font-size: 12px; }
.bt-maden-grid .ayar-iki { display: block; }
.bt-maden-grid .ayar-iki .ayar-satir label { flex-basis: auto; }
.bt-maden-grid .enerji-satir { padding: 2px 6px !important; margin: 3px 0 !important; min-height: 0 !important; }
.bt-maden-grid .enerji-satir .btn-enerji { padding: 2px 10px !important; }
@media (max-width: 1000px) {
  .bt-maden-grid .ortam-grid { grid-template-columns: 1fr !important; }
  .bt-maden-grid .ortam-sol { max-height: none; }
  .bt-maden-grid .ortam-harita #izgara { width: 100% !important; }
}

/* ── Yüzey botu oyun düzeni (v208): sol panel oyundaki PlanesLeftView gibi,
   çanta ikon ızgarası, madenler tek satır, log sağ sütunda. ── */
.bt-maden-grid { align-items: stretch; }
.bt-maden-grid .bt-mini-asama { margin: 0; }
.bt-maden-grid .sayac-serit { display: grid !important; grid-template-columns: repeat(4, 1fr); }
.bt-maden-grid .sayac-kart { height: 26px; }
.bt-maden-grid .ortam-grid { grid-template-columns: 236px 1fr !important; }
.bt-maden-grid .ortam-sol { max-height: none; }
.bt-maden-grid .ortam-sol .ortam-kutu { flex: 0 0 auto; background: url(/bot-gorsel/maden/ui/arka.png) center/cover, rgba(20,14,10,.85); }
.bt-maden-grid .ortam-sol .ortam-kutu > header {
  background: url(/bot-gorsel/maden/ui/baslik.png) center/100% 100% no-repeat;
  margin: -6px -8px 2px; padding: 4px 10px; color: #ffe7a8; text-shadow: 0 1px 2px #000;
}
.bt-maden-grid #canta-kutu .canta-izgara {
  display: grid !important; grid-template-columns: repeat(5, 1fr); gap: 3px; max-height: 128px; overflow: auto;
}
.canta-slot {
  position: relative; aspect-ratio: 1; border-radius: 4px;
  background: url(/bot-gorsel/maden/ui/slot.png) center/100% 100% no-repeat;
  display: flex; align-items: center; justify-content: center;
}
.canta-slot img { width: 78%; height: 78%; object-fit: contain; }
.canta-slot span { font-size: 9px; text-align: center; color: var(--txt); }
.canta-slot b { position: absolute; right: 3px; bottom: 1px; font-size: 10.5px; color: #fff; text-shadow: 0 0 2px #000, 0 0 2px #000; }
.canta-slot i { position: absolute; left: 2px; top: 1px; font-size: 8px; font-style: normal; color: #ffd27a; text-shadow: 0 0 2px #000; }
.canta-slot[data-secim] { cursor: pointer; }
.canta-slot.secili { outline: 2px solid #f0c867; outline-offset: -1px; box-shadow: 0 0 8px rgba(240,200,103,.6); }
.bt-maden-grid .yuzey-kutu { max-height: 190px; gap: 2px !important; }
.bt-maden-grid .yuzey-kart {
  padding: 2px 4px !important; min-height: 30px; border: 0 !important; border-radius: 0 !important;
  background: rgba(0,0,0,.25) !important;
}
.bt-maden-grid .yuzey-kart.yuzey-burada { background: url(/bot-gorsel/maden/ui/secili.png) center/100% 100% no-repeat !important; }
.bt-maden-grid .yuzey-kart .yuzey-ikon { width: 26px; height: 26px; }
.bt-maden-grid .yuzey-kart .yuzey-bilgi b { font-size: 11.5px; }
.bt-maden-grid .yuzey-kart .yuzey-alt { font-size: 10px; }
.bt-maden-grid .yuzey-kart .mini-btn { padding: 1px 6px !important; font-size: 10.5px !important; }
.bt-maden-grid .maden-kutu { flex-direction: row !important; flex-wrap: wrap; gap: 4px !important; }
.maden-tas { width: 30px; height: 30px; border-radius: 4px; display: inline-flex; align-items: center; justify-content: center;
  background: url(/bot-gorsel/maden/ui/slot.png) center/100% 100% no-repeat; }
.maden-tas img { width: 24px; height: 24px; }
.maden-tas.nadir { box-shadow: 0 0 0 1px #c99bff inset; }
.bt-maden-grid .harita-dugmeler { display: flex; flex-wrap: wrap; justify-content: center; gap: 4px; margin-top: 2px; }
.bt-maden-grid .harita-dugmeler .btn-yan { padding: 3px 9px; font-size: 11.5px; }
.bt-maden-grid .harita-lejant { margin: 0; }
.bt-maden-grid .calisma-sag .bt-ui-ayar { display: flex; flex-direction: column; }
.bt-maden-grid .yan-log { flex: 1 1 120px; min-height: 120px; max-height: none !important; margin-top: 6px; overflow: auto; font-size: 10.5px; }
/* v209: harita kutuyu doldurur; sayaç tek satır; çanta yatay kaydırma yok */
.bt-maden-grid .ortam-harita { justify-content: space-between; gap: 4px; }
.bt-maden-grid .ortam-harita #izgara { width: min(100%, calc(100vh - 250px)) !important; min-width: 300px; max-width: none !important; }
.bt-maden-grid .sayac-kart { height: auto !important; padding: 2px 8px !important; }
.bt-maden-grid .sayac-kart .sayac-baslik, .bt-maden-grid .sayac-kart .sayac-deger { display: inline !important; }
.bt-maden-grid #canta-kutu .canta-izgara { grid-template-columns: repeat(5, minmax(0, 1fr)) !important; overflow-x: hidden !important; }
/* v210: harita küçük, kutu haritaya sarılır (boşluk yok) */
.bt-maden-grid .ortam-grid { align-items: start !important; }
.bt-maden-grid .ortam-harita { justify-content: flex-start !important; height: auto !important; aspect-ratio: auto !important; }
.bt-maden-grid .ortam-harita #izgara { width: min(100%, calc(100vh - 360px), 440px) !important; min-width: 260px; }
/* v211: düzen = [durum+harita (daralır)] [ayarlar] [log en sağda] */
.bt-maden-grid.calisma-duzen { grid-template-columns: max-content 310px minmax(220px, 1fr) !important; }
.bt-maden-grid .calisma-sol { max-width: 720px; }
.bt-maden-grid .calisma-log { display: flex; flex-direction: column; padding: 6px; margin: 0; }
.bt-maden-grid .calisma-log .yan-log { flex: 1 1 auto; margin: 0; max-height: calc(100vh - 160px) !important; }
@media (max-width: 1200px) {
  .bt-maden-grid.calisma-duzen { grid-template-columns: 1fr 300px !important; }
  .bt-maden-grid .calisma-log { grid-column: 1 / -1; }
}
@media (max-width: 1000px) { .bt-maden-grid.calisma-duzen { grid-template-columns: 1fr !important; } }
/* v212: dengeli düzen — [durum+harita geniş] [ayarlar 300] [log 280, ayarlarla aynı boy] */
.bt-maden-grid.calisma-duzen { grid-template-columns: minmax(0, 1fr) 300px 280px !important; align-items: stretch !important; }
.bt-maden-grid .calisma-sol { max-width: none; }
.bt-maden-grid .calisma-log { min-height: 0; overflow: hidden; }
.bt-maden-grid .calisma-log .yan-log { height: 0; flex: 1 1 auto; max-height: none !important; }
.bt-maden-grid .ortam-harita #izgara { width: min(100%, calc(100vh - 330px), 520px) !important; }
.bt-maden-grid .harita-dugmeler { margin-top: 4px !important; padding: 0 !important; border: 0 !important; background: none !important; }
@media (max-width: 1300px) {
  .bt-maden-grid.calisma-duzen { grid-template-columns: minmax(0, 1fr) 300px !important; }
  .bt-maden-grid .calisma-log { grid-column: 1 / -1; height: 160px; }
}
/* v213: hepsi tek çerçevede; sağ sütunlar sol kartın boyunu geçmez */
.bt-maden-grid.calisma-duzen {
  border: 1px solid var(--line); border-radius: 10px; background: rgba(20,14,10,.55); padding: 6px; gap: 6px !important;
}
.bt-maden-grid > aside, .bt-maden-grid .calisma-sol > .card { border: 0 !important; box-shadow: none !important; background: transparent !important; margin: 0 !important; }
.bt-maden-grid > aside { height: 0; min-height: 100%; overflow: auto; padding: 0 2px !important; }
.bt-maden-grid > .calisma-log { overflow: hidden; display: flex; }
.bt-maden-grid .bt-ayar-orijinal legend { font-size: 11px !important; }
.bt-maden-grid .ayar-yanyana { display: flex; gap: 10px; flex-wrap: wrap; }
.bt-maden-grid #ayar-kaydet { margin-top: 2px; padding: 3px 10px; }
.bt-maden-grid .enerji-satir { padding: 1px 6px !important; }
@media (max-width: 1300px) { .bt-maden-grid > .calisma-log { height: 160px !important; min-height: 0 !important; } }
@media (max-width: 1000px) { .bt-maden-grid > aside { height: auto !important; min-height: 0 !important; } }
/* v214: üst bilgi şeritleri tek satır, kısa */
.ust-serit { display: flex !important; align-items: center; justify-content: space-between; gap: 8px;
  padding: 3px 10px !important; margin: 0 0 4px !important; font-size: 12px; min-height: 0; }
.ust-serit > span { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; min-width: 0; }
.ust-serit .mini-btn { padding: 2px 10px !important; font-size: 11.5px !important; white-space: nowrap; }
.bilgi-serit { padding: 4px 10px; margin-bottom: 4px; font-size: 12px; }
.gorunum-sekme { margin: 2px 0 4px !important; gap: 4px !important; }
.gorunum-sekme .sekme-dugme { padding: 2px 10px !important; font-size: 11.5px !important; }
/* tüm sayfalarda bilgi şeritleri tek satır */
.bilgi-serit:not(.ust-serit) { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
/* v215: dar ekran kırılımları (sol menü ~210px yer kaplar) */
#izgara.oyun { position: relative; overflow: hidden; }
.bt-maden-grid .ortam-harita, .bt-maden-grid .calisma-sol, .bt-maden-grid .ortam-grid > * { min-width: 0; }
.bt-maden-grid .ortam-harita #izgara { min-width: 0 !important; }
.bt-maden-grid .harita-lejant { flex-wrap: wrap; justify-content: center; }
@media (max-width: 1650px) {
  .bt-maden-grid.calisma-duzen { grid-template-columns: minmax(0, 1fr) 290px !important; }
  .bt-maden-grid > .calisma-log { grid-column: 1 / -1; height: 150px !important; min-height: 0 !important; }
}
@media (max-width: 1250px) {
  .bt-maden-grid.calisma-duzen { grid-template-columns: 1fr !important; }
  .bt-maden-grid > aside { height: auto !important; min-height: 0 !important; }
  .bt-maden-grid .ortam-grid { grid-template-columns: 1fr !important; }
  .bt-maden-grid .ortam-harita #izgara { width: min(100%, 520px) !important; }
}
/* Ana sayfa yüzey kartı — oyundaki harita (zemin 300px pay → 150px'te 56px) */
.onz-izgara.onz-oyun { background: url(/bot-gorsel/maden/harita/601/8_8_d7aad2a0.jpg) 0 0 / 100% 100% no-repeat; border-radius: 6px; overflow: hidden; }
.onz-izgara.onz-oyun span { border: 0; }
.onz-izgara.onz-oyun span.sis { background: rgba(10,14,24,.78); }
.onz-izgara.onz-oyun span.yol { box-shadow: inset 0 0 0 1px rgba(255,209,102,.8); background: rgba(255,209,102,.18); }
.onz-izgara.onz-oyun span.ben { box-shadow: inset 0 0 0 2px #ffd166; background: transparent; }
.onz-canta { display: flex; gap: 3px; justify-content: flex-start !important; }
.onz-canta img { width: 22px; height: 22px; background: url(/bot-gorsel/maden/ui/slot.png) center/100% 100%; border-radius: 3px; padding: 2px; }
/* çanta slotları ~5px büyük */
.bt-maden-grid .ortam-grid { grid-template-columns: 262px 1fr !important; }
.bt-maden-grid #canta-kutu .canta-izgara { max-height: 150px !important; gap: 4px !important; }
/* oyun ikonları (bot kartları) */
.v2-ikon .oyun-ikon { width: 26px; height: 26px; object-fit: contain; vertical-align: -6px; border-radius: 4px; }
.onz-bh { width: 16px; height: 16px; object-fit: cover; border-radius: 3px; vertical-align: -3px; margin-right: 4px; }
.onz-fici { display: flex; justify-content: space-around; align-items: center; }
.onz-fici img { width: 40px; height: 40px; object-fit: contain; opacity: .85; }
.onz-fici img.acik { filter: drop-shadow(0 0 6px #ffd166); opacity: 1; }
.onz-satir b { display: inline-flex; align-items: center; white-space: nowrap; }
/* bot sayfası başlığı tek satır + oyun ikonu */
.cal-bas.cal-bas-ince { padding: 2px 0 !important; margin: 0 0 4px !important; display: flex; justify-content: space-between; align-items: center; }
.cal-bas-ince h1 { margin: 0 !important; font-size: 17px !important; }
.cal-bas-ince .oyun-ikon { width: 28px; height: 28px; object-fit: contain; border-radius: 4px; display: block; }
.bot-sayfa p.iz { margin: 0 0 2px !important; font-size: 11.5px; }
/* Ek Sahne: tek ekran — [ayarlar+kestiklerin] [harita] [log] */
.es-izgara { display: grid; grid-template-columns: 330px minmax(0,1fr) 280px; gap: 8px; margin-top: 6px; align-items: stretch; }
.es-izgara .es-ayarlar { display: grid !important; grid-template-columns: 1fr 1fr; gap: 4px 8px !important; }
.es-izgara .es-alan.es-onay { flex-direction: row !important; align-items: center; gap: 5px; font-size: 12px; }
.es-izgara .es-harita-sar { margin: 0 !important; height: 100%; display: flex; flex-direction: column; }
.es-izgara .es-harita { flex: 1; min-height: 260px; width: 100%; }
.es-izgara .es-sag { display: flex; flex-direction: column; min-height: 0; }
.es-izgara .es-sag .ths-log { flex: 1; height: 0; min-height: 200px; overflow: auto; margin: 0; }
.es-izgara .ths-kesilen-liste { max-height: 120px; overflow: auto; }
@media (max-width: 1500px) { .es-izgara { grid-template-columns: 320px minmax(0,1fr); } .es-izgara .es-sag { grid-column: 1 / -1; } .es-izgara .es-sag .ths-log { height: 140px; flex: none; min-height: 0; } }
@media (max-width: 1000px) { .es-izgara { grid-template-columns: 1fr; } }
.es-izgara .es-alan { min-width: 0; margin: 0 !important; }
.es-izgara .es-alan select, .es-izgara .es-alan input[type=number] { width: 100% !important; min-width: 0; height: 26px; }
.es-izgara .es-alan.es-onay { display: flex !important; justify-content: flex-start !important; text-align: left; padding: 2px 0 !important; min-height: 0 !important; }
.es-izgara .es-alan.es-onay input { margin: 0; flex: none; }
.es-izgara .es-alan.es-onay span { white-space: nowrap; }
.es-izgara .es-harita { max-height: calc(100vh - 300px); min-height: 220px; }
.es-izgara form .row { margin-top: 6px !important; flex-wrap: wrap; }
.es-izgara .es-alan.es-onay input[type=checkbox] { width: auto !important; height: auto !important; }
.es-izgara .es-harita { max-height: 440px; aspect-ratio: 3 / 2; flex: none; min-height: 0; }
.es-izgara { align-items: start; }
.es-izgara .es-sag .ths-log { height: 440px; flex: none; }
/* Emek: tam genişlik — [görevler/ayarlar + düğmeler] [log sağda] */
#emek-panel .ths-duzen { grid-template-columns: 1fr !important; }
#emek-panel .em-ana { display: grid; grid-template-columns: minmax(0,1fr) 300px; gap: 10px; align-items: stretch; }
#emek-panel .em-sag { display: flex; flex-direction: column; min-height: 0; }
#emek-panel .em-sag .ths-log { flex: 1; height: 0; min-height: 260px; overflow: auto; margin: 0; }
#emek-panel .em-sekmeler { margin: 4px 0 4px !important; }
#emek-panel .em-kontrol { margin-top: 6px !important; }
@media (max-width: 1100px) { #emek-panel .em-ana { grid-template-columns: 1fr; } #emek-panel .em-sag .ths-log { height: 160px; flex: none; min-height: 0; } }
/* Emek görevler: gruplar 2 sütun, sıkı satırlar (kaydırmasız) */
#emek-panel #em-sayfa-gorevler { display: grid; grid-template-columns: 1fr 1fr; gap: 6px; align-items: start; }
#emek-panel .em-grup { margin: 0 !important; padding: 2px 6px 4px !important; }
#emek-panel .em-grup > legend { font-size: 11.5px !important; }
#emek-panel .em-izgara { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 0 6px !important; }
#emek-panel .em-kutu { min-height: 19px !important; padding: 1px 4px !important; font-size: 11.5px !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
#emek-panel .em-dugmeler { margin-top: 3px !important; }
#emek-panel .em-grup-dugme { padding: 1px 8px !important; font-size: 11px !important; }
@media (max-width: 1300px) { #emek-panel #em-sayfa-gorevler { grid-template-columns: 1fr; } }
/* Emek ayarlar: yalnız seçili görevler + sıkı sütun (masonry) */
#emek-panel .em-kart.em-gizli { display: none !important; }
#emek-panel .em-kartlar { display: block !important; column-width: 250px; column-gap: 8px; }
#emek-panel .em-kart { break-inside: avoid; margin: 0 0 6px !important; padding: 2px 8px 5px !important; width: 100%; box-sizing: border-box; }
#emek-panel .em-satir { margin-top: 2px !important; }
#emek-panel .em-ayar-ust { display: flex; justify-content: space-between; align-items: center; margin: 0 0 6px; }
#emek-panel .em-tum { font-size: 12px; display: flex; align-items: center; gap: 4px; }
#emek-panel #em-sayfa-ayarlar { max-height: calc(100vh - 290px); overflow: auto; padding-right: 4px; }
#emek-panel #em-sayfa-gorevler > .em-grup:last-child { grid-column: 1 / -1; }
/* Emek ayarlar: oyun kategorisi başlıkları */
#emek-panel .em-ayar-grup { margin: 0 0 6px; }
#emek-panel .em-ayar-grup.em-gizli { display: none !important; }
#emek-panel .em-ayar-grup > h4 { margin: 2px 0 4px; font-size: 12px; color: #90caf9; border-bottom: 1px solid rgba(144,202,249,.35); padding-bottom: 2px; }
#emek-panel #em-sayfa-gorevler .em-izgara { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; }
#emek-panel .em-kutu { min-height: 18px !important; }
#emek-panel .em-ayar-ust { gap: 8px; }
#emek-panel #em-ayar-ara { flex: 0 1 280px; height: 26px; padding: 2px 8px; font-size: 12px; }
#emek-panel .em-ayar-ust #em-ayar-bilgi { flex: 1; }
/* Ortak ayar arama */
.ayar-ara { width: 100%; box-sizing: border-box; height: 26px; padding: 2px 8px; font-size: 12px; margin: 0 0 6px; }
.ayar-ara-gizli { display: none !important; }
/* (03.10 "EMEK TEMASI" kuyruğu kaldırıldı: yerini /css/tasarim.css aldı) */
/* Menü aç/kapa — masaüstünde de (bot sayfasında varsayılan kapalı) */
@media (min-width: 901px) {
  body.tsr-panel .side-toggle, .side-toggle { display: inline-flex; }
  body.yan-kapali .sidebar { display: none; }
}
/* Yönetim › Üyeler › Ayarlar: tablo kutusu taşanı kestiği için panel satırın İÇİNDE açılır */
.yon-islem .yon-details.inline[open] { display: block; }
.yon-islem .yon-details.inline .yon-hesap-ayar {
  position: static; margin: 8px 0 0 auto; width: min(440px, 86vw); text-align: left;
  background: var(--bg2, #1e1712); box-shadow: 0 8px 24px rgba(0,0,0,.35);
}
/* Ek Sahne: çoklu sahne sırası */
.es-sira-ekle { align-self: flex-start; margin-top: 4px; }
.es-sira { margin: 6px 0 0; padding-left: 20px; display: flex; flex-direction: column; gap: 3px; font-size: 13px; }
.es-sira li { display: list-item; }
.es-sira-sil { margin-left: 8px; border: 0; background: none; color: var(--red, #cd0c03); cursor: pointer; font-size: 12px; }
/* Vitrin istatistik kartları: uzun etiket kesilmesin, alt satıra geçsin */
.vt-kutu span { white-space: normal; overflow-wrap: anywhere; line-height: 1.25; max-width: 100%; }
.vt-kutu { min-width: 0; }
.hata-baglan { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; }
.hata-baglan-form { margin: 0; }

/* Floki AI (yapay zekâ) destek cevapları — insan cevabından ayırt edilsin */
body .kd-msj.ai,body .mesaj-balon.ai{background:rgba(90,150,230,.12)!important;border:1px dashed rgba(130,190,255,.5)!important}
body .kd-msj.ai,body .kd-msj.ai p,body .kd-msj.ai time,body .mesaj-balon.ai{color:inherit!important}
.kd-ai-etiket{display:block;font-size:10.5px;font-weight:700;letter-spacing:.3px;color:#8cc4ff;margin-bottom:3px}
html[data-tema="parsomen"] .kd-ai-etiket{color:#1f5f9e}
.kd-ust-dug.kd-ai-dug.kapali{opacity:.38;filter:grayscale(1)}

/* ── Maden: oyun pencereleri düzeni (calistir_yuzey.html, maden_panel.js) ── */
.mz-ust{padding:10px 12px;margin-bottom:10px}
.mz-durum{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:13px}
.mz-durum .asama-eylem{margin-left:auto}
.mz-sayaclar{display:grid;grid-template-columns:repeat(auto-fit,minmax(104px,1fr));gap:6px;margin-top:8px}
.mz-sayac{display:flex;flex-direction:column;gap:2px;padding:6px 8px;border:1px solid var(--line);border-radius:var(--radius-sm);background:rgba(0,0,0,.18)}
.mz-sayac i{font-style:normal;font-size:10.5px;color:var(--dim);display:flex;align-items:center;gap:4px}
.mz-sayac i img{width:16px;height:14px}
.mz-sayac b{font-size:15px;color:var(--txt)}
.mz-canlanma b{color:#ff8a80}
.mz-enerji b{color:var(--gold)}
.mz-duzen{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);grid-template-areas:"sol sag" "log log";gap:10px;align-items:start}
.mz-sol{grid-area:sol;padding:10px;min-width:0}
.mz-sag{grid-area:sag;padding:10px;min-width:0}
.mz-log{grid-area:log;padding:8px}
.mz-log .bot-log{max-height:220px;overflow:auto;font-size:11px}
@media (max-width:980px){.mz-duzen{grid-template-columns:1fr;grid-template-areas:"sol" "sag" "log"}}
.mz-sekmeler{display:flex;gap:4px;flex-wrap:wrap;border-bottom:1px solid var(--line);margin-bottom:8px}
.mz-sekmeler button{background:transparent;border:1px solid transparent;border-bottom:0;color:var(--dim);padding:6px 10px;border-radius:6px 6px 0 0;cursor:pointer;font-size:12.5px;position:relative}
.mz-sekmeler button.secili{color:var(--gold);border-color:var(--line);background:rgba(212,160,71,.08)}
.mz-rozet{font-style:normal;background:var(--green);color:#071;border-radius:9px;padding:0 6px;font-size:10px;margin-left:3px;color:#fff}
.mz-pane{display:none}
.mz-pane.acik{display:block}
.mz #izgara{width:min(100%,560px) !important;margin:4px auto !important}
.mz-harita header{display:flex;justify-content:space-between;align-items:center;font-size:13px;margin-bottom:4px}
.mz-harita .harita-lejant{display:flex;gap:10px;flex-wrap:wrap;font-size:10.5px;color:var(--dim);justify-content:center}
.mz-harita .lej-item img,.mz-simgeler .lej-item img{width:16px;height:16px;vertical-align:middle}
.mz-eylemler{display:flex;gap:6px;flex-wrap:wrap;justify-content:center;margin:8px 0}
.mz-bilgi-satir{display:grid;grid-template-columns:1fr 1fr;gap:8px}
@media (max-width:620px){.mz-bilgi-satir{grid-template-columns:1fr}}
.mz-kutu{border:1px solid var(--line);border-radius:var(--radius-sm);padding:8px;background:rgba(0,0,0,.14);margin-top:8px}
.mz-kutu>header{font-weight:600;font-size:12.5px;margin-bottom:6px;color:var(--gold)}
.mz-bilgi-satir .mz-kutu{margin-top:0}
.mz-bilgi dl{display:grid;grid-template-columns:auto 1fr;gap:3px 8px;margin:0;font-size:12px}
.mz-bilgi dt{color:var(--dim)}
.mz-bilgi dd{margin:0}
.mz-isgal{color:var(--green)}
.mz-isgal-yok{color:#ff8a80}
.mz-esyalar{display:flex;gap:6px;flex-wrap:wrap}
.mz-esya{display:inline-flex;align-items:center;gap:4px;padding:2px 6px;border:1px solid var(--line);border-radius:4px;font-size:11.5px;background:rgba(0,0,0,.2)}
.mz-esya img{width:22px;height:22px}
.mz-esya b{color:var(--gold)}
.mz-fonk{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:5px 0;border-bottom:1px dashed var(--line);font-size:12px}
.mz-fonk:last-child{border-bottom:0}
.mz-fonk.alindi{opacity:.6}
.mz-agac-bas{display:flex;justify-content:space-between;align-items:baseline;gap:8px;flex-wrap:wrap;margin-bottom:6px}
.mz-agac{position:relative;width:100%;background-size:100% 100%;border-radius:6px;overflow:hidden}
.mz-dugum{position:absolute;transform:translate(0,0);background-size:100% 100%;border:0;padding:0;cursor:default;display:flex;align-items:center;justify-content:center}
.mz-dugum.gecilir{cursor:pointer}
.mz-dugum.gecilir:hover{filter:brightness(1.25)}
.mz-dugum img.ikon{width:72%;height:auto;pointer-events:none}
.mz-dugum .isik{position:absolute;inset:-8%;width:116%;height:116%;pointer-events:none;animation:mz-parla 1.6s ease-in-out infinite}
.mz-dugum .no{position:absolute;bottom:-16%;font-size:10px;color:#3b2a14;font-weight:700;text-shadow:0 0 2px #f3e3c0}
@keyframes mz-parla{50%{opacity:.45}}
.mz-simgeler{display:flex;gap:10px;flex-wrap:wrap;font-size:11px;color:var(--dim);margin-top:8px}
.mz-nokta{display:inline-block;width:11px;height:11px;border-radius:50%;vertical-align:middle}
.mz-nokta.benim{background:#3fa44a}
.mz-nokta.kilit{background:#666}
.mz-kamp-ust{display:flex;gap:12px;flex-wrap:wrap;align-items:center;font-size:12px;margin-bottom:8px}
.mz .btn-motor,.mz .btn-yan,.mz .btn-enerji,.mz .btn.mini-btn:not(.btn-ghost):not(.btn-red){appearance:none;border:1px solid rgba(0,0,0,.28);background:var(--gold) !important;color:var(--bg) !important;font-family:"Segoe UI",system-ui,sans-serif;font-size:12px !important;font-weight:800 !important;padding:4px 10px !important;border-radius:6px !important;cursor:pointer;line-height:1.2;min-height:0 !important;white-space:nowrap;box-shadow:0 1px 0 rgba(255,255,255,.15) inset}
.mz .btn-motor{min-width:96px}
.mz .btn-motor[data-durum="calisiyor"]{background:var(--gold3) !important}
.mz .btn-motor:hover,.mz .btn-yan:hover,.mz .btn-enerji:hover,.mz .btn.mini-btn:hover{filter:brightness(1.06)}
.mz .btn-motor:disabled,.mz .btn-yan:disabled,.mz .btn-enerji:disabled,.mz .btn.mini-btn:disabled{opacity:.45;cursor:default;filter:none}
.mz .btn-ghost.mini-btn{font-size:12px !important;padding:3px 9px !important;min-height:0 !important}
.mz-kamp-ust .btn-enerji{font-size:11px !important;padding:2px 8px !important;margin-left:4px}
.mz-fonk .btn,.mz-fonk .mz-hazir{flex:0 0 auto;white-space:nowrap}
.mz-satir-bas{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:6px;font-size:13px}
.mz-tablo{display:flex;flex-direction:column;gap:6px}
.mz-y{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:8px;align-items:center;padding:7px 8px;border:1px solid var(--line);border-radius:6px;background:rgba(0,0,0,.18)}
.mz-y.burada{border-color:var(--gold);box-shadow:0 0 0 1px rgba(212,160,71,.35) inset}
.mz-y img.ikon{width:34px;height:34px}
.mz-y .ad{font-weight:600;font-size:13px}
.mz-y .alt{font-size:11px;color:var(--dim);display:flex;gap:8px;flex-wrap:wrap}
.mz-y .cubuk{height:4px;background:var(--soft);border-radius:2px;margin-top:3px;overflow:hidden}
.mz-y .cubuk i{display:block;height:100%;background:linear-gradient(90deg,#3fb950,#d4a047)}
.mz-y .dug{display:flex;gap:4px;flex-wrap:wrap;justify-content:flex-end}
.mz-y.nadir .ad{color:#e7a5ff}
.mz-hazir{color:var(--green);font-weight:700}
.mz-madenler{display:inline-flex;gap:2px;vertical-align:middle;margin-left:4px}
.mz-madenler img{width:20px;height:20px;object-fit:contain;filter:drop-shadow(0 0 3px rgba(126,231,255,.6))}
.mz-kristal{font-size:12px;margin-top:8px;color:var(--dim)}
.mz-kristal b{color:#8fd1ff}
.mz-adak{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
.mz-adak .kart,.mz-adaylar .kart{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 4px;border:1px solid var(--line);border-radius:6px;background:rgba(0,0,0,.2);font-size:11px;text-align:center}
.mz-adak .kart img,.mz-adaylar .kart img{width:36px;height:36px}
.mz-adak .kart b,.mz-adaylar .kart b{color:var(--gold);font-size:13px}
.mz-adaylar{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}
@media (max-width:620px){.mz-adak{grid-template-columns:repeat(2,1fr)}.mz-adaylar{grid-template-columns:repeat(3,1fr)}}
/* çanta: oyundaki gibi 60px slot, ikon kendi boyutunda */
.mz #canta-izgara{display:grid !important;flex-direction:initial !important;grid-template-columns:repeat(auto-fill,60px);gap:4px !important;max-height:256px !important;min-height:0;overflow:auto;margin-bottom:6px}
.mz #canta-izgara .canta-slot{width:60px;height:60px;aspect-ratio:auto}
.mz #canta-izgara .canta-slot img{width:auto;height:auto;max-width:60px;max-height:60px}
.mz #canta-kutu p{margin:0 0 6px}
.mz-hazine{display:flex;align-items:center;justify-content:space-between;gap:8px}
.mz-hazine>header{margin:0 !important}
/* kompakt */
.mz-ust{padding:8px 10px;margin-bottom:8px}
.mz-sayaclar{grid-template-columns:repeat(auto-fit,minmax(88px,1fr));gap:4px;margin-top:6px}
.mz-sayac{padding:3px 7px;gap:0}
.mz-sayac b{font-size:13.5px}
.mz-sag>.mz-sekmeler{flex-wrap:nowrap;gap:2px}
.mz-sag>.mz-sekmeler button{flex:1 1 auto;white-space:nowrap;padding:4px 6px;font-size:11.5px}
.mz-duzen{gap:8px;grid-template-columns:minmax(0,1fr) minmax(400px,430px);grid-template-areas:"sol sag" "log sag";grid-template-rows:auto 1fr}
.mz #izgara{width:min(100%,520px) !important;max-height:520px}
@media (max-width:980px){.mz-duzen{grid-template-columns:1fr;grid-template-areas:"sol" "sag" "log";grid-template-rows:auto}}
.mz-sol,.mz-sag{padding:8px}
.mz-sekmeler{margin-bottom:6px}
.mz-sekmeler button{padding:4px 9px;font-size:12px}
.mz-kutu{padding:6px 8px;margin-top:6px}
.mz-kutu>header{font-size:12px;margin-bottom:4px}
.mz-eylemler{margin:6px 0;gap:5px}
.mz-y{padding:5px 7px;gap:6px}
.mz-tablo{gap:4px}
.mz-adak .kart,.mz-adaylar .kart{padding:5px 3px;gap:2px}
.mz-adak .kart img,.mz-adaylar .kart img{width:32px;height:32px}
.mz-fonk{padding:4px 0}
.mz-log .bot-log{max-height:160px}

/* Bot indirilmez — ana sayfa, panel, destek, ürün. İnsan önce bunu görsün. */
.ilk-bakis{margin:0 0 16px}
.ilk-bakis-ana{padding:16px 0 6px}
.ilk-bakis-ic{background:linear-gradient(180deg,rgba(232,184,74,.18),rgba(22,16,12,.55));
  border:1px solid rgba(232,184,74,.62);border-radius:16px;padding:16px 16px 12px;
  box-shadow:0 12px 32px rgba(0,0,0,.28)}
.ilk-bakis-ust{display:flex;justify-content:space-between;gap:14px;align-items:flex-end;flex-wrap:wrap}
.ilk-bakis-etiket{margin:0 0 4px;font:800 11px/1.2 var(--font);letter-spacing:.14em;text-transform:uppercase;color:var(--gold2)}
.ilk-bakis h2,.tsr .ilk-bakis h2{margin:0;font-size:clamp(22px,2.8vw,32px);line-height:1.12}
.ilk-bakis-acik{margin:6px 0 0;max-width:680px;color:var(--dim);font-size:14.5px;line-height:1.45}
.ilk-bakis-dugmeler{display:flex;gap:8px;flex-wrap:wrap}
.ilk-bakis-adim{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:14px 0 0;padding:0}
.ilk-bakis-adim li{display:flex;gap:10px;align-items:flex-start;background:rgba(0,0,0,.28);
  border:1px solid var(--line);border-radius:12px;padding:10px 12px}
.ilk-bakis-adim i{flex:none;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;
  background:var(--gold2);color:#1a120c;font:800 14px/1 var(--font)}
.ilk-bakis-adim b{display:block;font-size:15px;line-height:1.25}
.ilk-bakis-adim span{display:block;margin-top:2px;color:var(--dim);font-size:13px;line-height:1.35}
.ilk-bakis-alt{margin-top:12px;padding-top:10px;border-top:1px solid rgba(232,184,74,.28);
  display:flex;flex-direction:column;gap:8px}
.ilk-bakis-alt p{margin:0;color:var(--dim);font-size:13.5px;line-height:1.45;display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.ilk-bakis-alt b{color:var(--txt)}
.ilk-bakis-yetmez{color:var(--txt)!important}
.ilk-serit{display:flex;flex-wrap:wrap;gap:6px 12px;align-items:center;margin:0 0 12px;padding:8px 12px;
  border:1px solid rgba(232,184,74,.5);border-radius:10px;background:rgba(232,184,74,.12);
  font-size:13.5px;line-height:1.4}
.ilk-serit b{color:var(--gold2)}
.ilk-serit a{font-weight:700}
.ilk-serit-ayri{color:var(--dim)}
.bot-sayfa .ilk-serit{margin:0 0 8px;padding:6px 10px;font-size:12.5px}
@media (max-width:760px){
  .ilk-bakis-adim{grid-template-columns:1fr}
  .ilk-bakis-ana{padding:12px 0 2px}
  .ilk-bakis h2{font-size:22px}
}