/* ══════════════════════════════════════════════════════════
   KABADAYI v6.0 — PREMIUM DARK DESIGN SYSTEM
   Fonts: Syne (display) · DM Sans (body) · DM Mono (code)
══════════════════════════════════════════════════════════ */
@import url('https://fonts.googleapis.com/css2?family=Syne:wght@400;500;600;700;800&family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700;1,9..40,400&family=DM+Mono:ital,wght@0,300;0,400;0,500;1,400&display=swap');

:root {
  /* Palette — daha az mavi, daha fazla anthracite */
  --ink:    #060709;
  --bg0:    #0A0C10;
  --bg1:    #0F1116;
  --bg2:    #141720;
  --bg3:    #1A1E2C;
  --bg4:    #222738;

  --red:    #9A0F1A;
  --red2:   #C01828;
  --red3:   #E0202E;
  --red4:   #FF2D3C;

  --cream:  #EAE2D4;
  --cream2: #C8BDAB;
  --cream3: #8A8070;
  --dim:    #3C4A5C;
  --dim2:   #2C3848;

  --green:  #22C55E;
  --green2: #16A34A;
  --gold:   #D4A83A;
  --gold2:  #F0C040;
  --blue:   #2563EB;
  --blue2:  #60A5FA;

  /* Glass */
  --glass:  rgba(15,17,22,0.78);
  --glass2: rgba(10,12,16,0.90);
  --glass3: rgba(6,7,9,0.96);
  --gb:     rgba(255,255,255,0.025);
  --gb2:    rgba(255,255,255,0.048);
  --gb3:    rgba(255,255,255,0.075);

  /* Borders */
  --br:     rgba(234,226,212,0.06);
  --br2:    rgba(234,226,212,0.11);
  --br3:    rgba(234,226,212,0.18);
  --brr:    rgba(154,15,26,0.30);
  --brr2:   rgba(192,24,40,0.55);
  --brg:    rgba(34,197,94,0.26);
  --brgold: rgba(212,168,58,0.28);

  /* Shadows & Glows */
  --shadow:    0 16px 60px rgba(0,0,0,0.80);
  --shadow-sm: 0 4px 20px rgba(0,0,0,0.55);
  --glow-r:    0 0 50px rgba(154,15,26,0.20);
  --glow-g:    0 0 30px rgba(34,197,94,0.15);
  --glow-gold: 0 0 40px rgba(212,168,58,0.18);

  /* Radius */
  --r:  5px;
  --r2: 9px;
  --r3: 14px;
  --r4: 20px;

  /* Fonts */
  --fd: 'Syne', sans-serif;        /* Display / Headings */
  --fb: 'Syne', sans-serif;        /* Semi-bold labels */
  --fp: 'DM Sans', sans-serif;     /* Body prose */
  --fm: 'DM Mono', monospace;      /* Numbers / codes */

  /* Layout */
  --sb-w:  224px;
  --top-h: 56px;

  --ease:     cubic-bezier(0.22, 1, 0.36, 1);
  --ease-out: cubic-bezier(0.16, 1, 0.3,  1);
}

/* ── RESET ─────────────────────────────────────────────── */
*, *::before, *::after { margin:0; padding:0; box-sizing:border-box }
html { scroll-behavior:smooth }
body {
  font-family: var(--fp);
  background: var(--ink);
  color: var(--cream);
  overflow-x: hidden;
  min-height: 100svh;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
::-webkit-scrollbar { width:3px; height:3px }
::-webkit-scrollbar-track { background:transparent }
::-webkit-scrollbar-thumb { background:rgba(192,24,40,0.30); border-radius:2px }
a { color:inherit; text-decoration:none }
button { cursor:pointer; border:none; outline:none; font-family:inherit; background:none }
input, select, textarea { font-family:var(--fp); outline:none }

/* ── BACKGROUND LAYERS ─────────────────────────────────── */
#bgCanvas  { position:fixed; inset:0; width:100%; height:100%; pointer-events:none; z-index:0 }
#bgOverlay {
  position:fixed; inset:0; pointer-events:none; z-index:1;
  background:
    radial-gradient(ellipse 80% 70% at 5% 5%, rgba(0,8,40,0.55) 0%, transparent 55%),
    radial-gradient(ellipse 50% 50% at 95% 45%, rgba(154,15,26,0.08) 0%, transparent 50%),
    radial-gradient(ellipse 70% 40% at 50% 110%, rgba(6,7,9,0.96) 0%, transparent 55%);
}
#bgScanlines {
  position:fixed; inset:0; pointer-events:none; z-index:2; opacity:0.012;
  background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(255,255,255,1) 2px,rgba(255,255,255,1) 3px);
}
#bgVignette {
  position:fixed; inset:0; pointer-events:none; z-index:2;
  background:radial-gradient(ellipse 130% 130% at 50% 50%, transparent 35%, rgba(0,0,0,0.85) 100%);
}
.page { display:none; position:relative; z-index:2; min-height:100svh }
.page.active { display:block; animation:pgIn .3s var(--ease) }
@keyframes pgIn { from { opacity:0; transform:translateY(5px) } to { opacity:1; transform:none } }

/* ── FONT UTILITIES ────────────────────────────────────── */
.fd { font-family:var(--fd) }
.fb { font-family:var(--fb) }
.fm { font-family:var(--fm) }
.fp { font-family:var(--fp) }

/* ── GLASS SURFACES ────────────────────────────────────── */
.glass  { background:var(--glass);  backdrop-filter:blur(18px) saturate(1.3); border:1px solid var(--br);  border-radius:var(--r2) }
.glass2 { background:var(--glass2); backdrop-filter:blur(24px);              border:1px solid var(--br2); border-radius:var(--r2) }
.glass3 { background:var(--glass3); backdrop-filter:blur(32px);              border:1px solid var(--br);  border-radius:var(--r2) }

/* ── BUTTONS ────────────────────────────────────────────── */
.btn {
  display:inline-flex; align-items:center; gap:6px;
  padding:9px 18px;
  border:1px solid;
  font-family:var(--fd); font-size:.80rem; font-weight:700;
  letter-spacing:.06em;
  cursor:pointer;
  transition:all .18s var(--ease);
  border-radius:var(--r);
  text-transform:uppercase;
  white-space:nowrap;
  position:relative; overflow:hidden;
}
.btn::after {
  content:''; position:absolute; inset:0;
  background:rgba(255,255,255,0);
  transition:background .18s;
}
.btn:hover::after  { background:rgba(255,255,255,0.04) }
.btn:active        { transform:scale(.97) }

.btn-red    { background:rgba(154,15,26,.16);  border-color:var(--brr);   color:var(--red2)  }
.btn-red:hover    { background:rgba(154,15,26,.28);  border-color:var(--brr2);  box-shadow:0 0 16px rgba(154,15,26,.22) }
.btn-green  { background:rgba(34,197,94,.09);  border-color:var(--brg);   color:var(--green) }
.btn-green:hover  { background:rgba(34,197,94,.18) }
.btn-gray   { background:var(--gb2);           border-color:var(--br2);   color:var(--cream3)}
.btn-gray:hover   { border-color:var(--br3);  color:var(--cream); background:var(--gb3) }
.btn-gold   { background:rgba(212,168,58,.10); border-color:var(--brgold);color:var(--gold)  }
.btn-gold:hover   { background:rgba(212,168,58,.20) }
.btn-primary {
  background:linear-gradient(135deg,var(--red),var(--red2));
  border-color:transparent; color:#fff;
  box-shadow:0 4px 18px rgba(154,15,26,.38);
}
.btn-primary:hover { background:linear-gradient(135deg,var(--red2),var(--red3)); box-shadow:0 8px 28px rgba(154,15,26,.52); transform:translateY(-1px) }
.btn-sm  { padding:5px 11px; font-size:.70rem }
.btn-xs  { padding:3px 8px;  font-size:.62rem; letter-spacing:.04em }
.btn-lg  { padding:13px 32px; font-size:.90rem }

/* ── BADGES ─────────────────────────────────────────────── */
.bdg {
  display:inline-flex; align-items:center; gap:3px;
  padding:2px 8px; border-radius:4px;
  font-family:var(--fm); font-size:.56rem; border:1px solid; letter-spacing:.04em;
}
.bdg-r    { background:rgba(154,15,26,.13);  color:var(--red2);  border-color:rgba(154,15,26,.30) }
.bdg-g    { background:rgba(34,197,94,.09);  color:var(--green); border-color:rgba(34,197,94,.26) }
.bdg-b    { background:rgba(37,99,235,.11);  color:var(--blue2); border-color:rgba(37,99,235,.26) }
.bdg-gold { background:rgba(212,168,58,.09); color:var(--gold);  border-color:var(--brgold) }
.bdg-gray { background:var(--gb2);           color:var(--cream3);border-color:var(--br2) }
.bdg-live {
  display:flex; align-items:center; gap:5px;
  font-family:var(--fm); font-size:.58rem; color:var(--red3); letter-spacing:.08em;
}
.bdg-live::before {
  content:''; width:6px; height:6px;
  background:var(--red3); border-radius:50%;
  animation:livepulse 1.4s ease infinite;
  box-shadow:0 0 5px var(--red3);
}
@keyframes livepulse {
  0%,100% { box-shadow:0 0 0 0 rgba(192,24,40,.7), 0 0 5px var(--red3) }
  50%      { box-shadow:0 0 0 5px rgba(192,24,40,0),0 0 9px var(--red3) }
}

/* ── PROGRESS BARS ──────────────────────────────────────── */
.pbar    { height:3px; background:rgba(255,255,255,.05); border-radius:2px; overflow:hidden }
.pbar-lg { height:5px }
.pbar-xl { height:8px }
.pf      { height:100%; border-radius:2px; transition:width 1.1s var(--ease) }
.pf-r    { background:linear-gradient(90deg,rgba(100,0,0,.8),var(--red2),var(--red3)) }
.pf-g    { background:linear-gradient(90deg,rgba(0,70,25,.8),var(--green)) }
.pf-b    { background:linear-gradient(90deg,rgba(15,35,110,.8),var(--blue2)) }
.pf-gold { background:linear-gradient(90deg,rgba(90,60,0,.8),var(--gold),var(--gold2)) }

/* ── CARDS ──────────────────────────────────────────────── */
.card {
  background:var(--glass);
  backdrop-filter:blur(14px);
  border:1px solid var(--br);
  border-radius:var(--r2);
  padding:16px;
  transition:border-color .18s var(--ease), box-shadow .18s var(--ease);
  position:relative; overflow:hidden;
}
.card:hover        { border-color:var(--br2) }
.card-hover:hover  { transform:translateY(-2px); box-shadow:var(--shadow-sm) }
.card-red          { border-color:rgba(154,15,26,.26);  background:linear-gradient(145deg,rgba(154,15,26,.07) 0,var(--glass) 55%) }
.card-green        { border-color:rgba(34,197,94,.20);  background:linear-gradient(145deg,rgba(34,197,94,.06) 0,var(--glass) 55%) }
.card-blue         { border-color:rgba(37,99,235,.20);  background:linear-gradient(145deg,rgba(20,45,140,.07) 0,var(--glass) 55%) }
.card-gold         { border-color:rgba(212,168,58,.20); background:linear-gradient(145deg,rgba(212,168,58,.07) 0,var(--glass) 55%) }

/* Section title */
.stitle {
  font-family:var(--fd);
  font-size:.98rem;
  font-weight:700;
  letter-spacing:.06em;
  color:var(--cream);
  margin-bottom:14px;
  display:flex; align-items:center; gap:10px;
  text-transform:uppercase;
}
.stitle::after { content:''; flex:1; height:1px; background:linear-gradient(90deg,var(--br2),transparent) }
.stag {
  display:inline-flex; align-items:center; gap:8px;
  font-family:var(--fm); font-size:.58rem;
  letter-spacing:.26em; text-transform:uppercase; color:var(--red2);
}
.stag::before { content:''; width:16px; height:1.5px; background:var(--red2) }

/* ── GRIDS ──────────────────────────────────────────────── */
.g2 { display:grid; grid-template-columns:1fr 1fr;            gap:14px }
.g3 { display:grid; grid-template-columns:repeat(3,1fr);      gap:14px }
.g4 { display:grid; grid-template-columns:repeat(4,1fr);      gap:14px }
.g5 { display:grid; grid-template-columns:repeat(5,1fr);      gap:12px }

/* ── SHELL ──────────────────────────────────────────────── */
.dash-shell { display:flex; min-height:100svh; background:var(--ink) }

/* ── SIDEBAR ────────────────────────────────────────────── */
#sidebar {
  width:var(--sb-w); flex-shrink:0;
  background:linear-gradient(180deg,rgba(6,7,9,.98),rgba(4,5,7,.99));
  backdrop-filter:blur(28px) saturate(1.4);
  border-right:1px solid rgba(192,24,40,0.10);
  position:fixed; top:0; left:0; bottom:0; z-index:100;
  display:flex; flex-direction:column; overflow-y:auto;
  transition:transform .32s var(--ease);
  box-shadow:3px 0 40px rgba(0,0,0,0.5);
}
#sidebar::-webkit-scrollbar { width:0 }

.sb-brand {
  padding:15px 13px 13px;
  border-bottom:1px solid rgba(192,24,40,0.12);
  display:flex; align-items:center; gap:9px; flex-shrink:0;
  background:linear-gradient(135deg,rgba(154,15,26,0.07),transparent);
}
.sb-logo {
  width:30px; height:30px;
  background:linear-gradient(135deg,var(--red),var(--red2));
  display:flex; align-items:center; justify-content:center;
  font-family:var(--fd); font-size:.85rem; font-weight:800; color:#fff;
  clip-path:polygon(0 0,calc(100% - 6px) 0,100% 6px,100% 100%,6px 100%,0 calc(100% - 6px));
  flex-shrink:0; box-shadow:0 4px 14px rgba(154,15,26,.45);
}
.sb-brand-txt { font-family:var(--fd); font-size:1.10rem; font-weight:800; letter-spacing:.04em; color:var(--cream); line-height:1 }
.sb-brand-txt small { display:block; font-family:var(--fm); font-size:.38rem; letter-spacing:.30em; color:var(--red2); margin-top:2px; opacity:.75 }

.sb-player {
  padding:11px 13px;
  border-bottom:1px solid var(--br);
  display:flex; gap:9px; align-items:center; flex-shrink:0;
  background:rgba(255,255,255,0.012);
}
.sb-av {
  width:38px; height:38px;
  background:linear-gradient(135deg,var(--bg3),var(--bg4));
  border:1.5px solid var(--br2);
  display:flex; align-items:center; justify-content:center;
  font-size:1.3rem; flex-shrink:0;
  clip-path:polygon(0 0,calc(100% - 6px) 0,100% 6px,100% 100%,6px 100%,0 calc(100% - 6px));
  box-shadow:0 2px 10px rgba(0,0,0,.4);
}
.sb-pname {
  font-family:var(--fd); font-size:.88rem; font-weight:700;
  color:var(--cream); letter-spacing:.03em;
  margin-bottom:2px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
}
.sb-ptitle { font-family:var(--fm); font-size:.50rem; letter-spacing:.07em; color:var(--red2); margin-bottom:4px }
.sb-xpwrap { display:flex; align-items:center; gap:5px }
.sb-xp     { flex:1; height:2px; background:rgba(255,255,255,.05); border-radius:1px; overflow:hidden }
.sb-xpf    { height:100%; background:linear-gradient(90deg,var(--red),var(--red2)); transition:width 1s var(--ease); box-shadow:0 0 5px rgba(192,24,40,.45) }
.sb-xplbl  { font-family:var(--fm); font-size:.46rem; color:var(--dim); white-space:nowrap }

.sb-sec     { padding:7px 9px 3px; flex-shrink:0 }
.sb-sec-lbl {
  font-family:var(--fm); font-size:.46rem; letter-spacing:.28em;
  color:rgba(60,74,92,0.75); text-transform:uppercase;
  padding:0 3px 4px; margin-bottom:2px;
  border-bottom:1px solid rgba(255,255,255,.035);
}
.si {
  display:flex; align-items:center; gap:8px;
  padding:7px 8px; cursor:pointer;
  font-family:var(--fd); font-size:.78rem; font-weight:600;
  letter-spacing:.04em; color:var(--cream3);
  margin-bottom:1px; border:1px solid transparent;
  border-radius:var(--r); background:transparent;
  width:100%; text-align:left;
  transition:all .15s var(--ease);
  position:relative;
}
.si::before {
  content:''; position:absolute; left:0; top:20%;
  height:60%; width:0;
  background:var(--red2); border-radius:0 2px 2px 0;
  transition:width .15s var(--ease);
}
.si:hover       { background:rgba(255,255,255,.035); color:var(--cream); border-color:rgba(255,255,255,.05) }
.si.active      { background:rgba(154,15,26,.11); color:var(--red2); border-color:rgba(154,15,26,.20) }
.si.active::before { width:2px }
.si-ic  { font-size:12px; width:17px; text-align:center; flex-shrink:0 }
.si-pill { margin-left:auto; font-family:var(--fm); font-size:.48rem; padding:1px 5px; border-radius:7px; letter-spacing:.03em }
.sp-red  { background:var(--red2); color:#fff }
.sp-new  { background:rgba(34,197,94,.16); color:var(--green); border:1px solid rgba(34,197,94,.28) }

/* ── TOPBAR ─────────────────────────────────────────────── */
#topbar {
  height:var(--top-h);
  background:rgba(6,7,9,0.92);
  backdrop-filter:blur(24px) saturate(1.3);
  border-bottom:1px solid rgba(234,226,212,0.055);
  display:flex; align-items:center; justify-content:space-between;
  padding:0 18px; position:sticky; top:0; z-index:90;
  gap:10px; box-shadow:0 3px 20px rgba(0,0,0,0.4);
}
.tb-title { font-family:var(--fd); font-size:1.05rem; font-weight:800; letter-spacing:.06em; color:var(--cream); white-space:nowrap }
.tb-right { display:flex; align-items:center; gap:7px }
.tb-chips {
  display:flex;
  background:rgba(255,255,255,.025); border:1px solid var(--br);
  border-radius:var(--r2); overflow:hidden;
}
.tb-chip {
  display:flex; align-items:center; gap:6px;
  padding:5px 11px;
  border-right:1px solid var(--br);
  transition:background .14s;
}
.tb-chip:last-child { border-right:none }
.tb-chip:hover      { background:rgba(255,255,255,.028) }
.tb-chip-lbl { font-family:var(--fm); font-size:.44rem; letter-spacing:.08em; color:var(--dim); display:block; text-transform:uppercase; line-height:1 }
.tb-chip-val { font-family:var(--fd); font-size:.82rem; font-weight:700; display:block; line-height:1.2 }
.tv-cash  { color:#4AE080 }
.tv-dia   { color:#82C8FF }
.tv-gold  { color:var(--gold2) }
.tv-nerve { color:var(--red2) }

.tb-ibtn {
  width:32px; height:32px;
  background:var(--gb); border:1px solid var(--br);
  display:flex; align-items:center; justify-content:center;
  color:var(--cream3); font-size:.82rem;
  transition:all .15s; border-radius:var(--r);
  position:relative; cursor:pointer; flex-shrink:0;
}
.tb-ibtn:hover { background:var(--gb2); border-color:var(--br2); color:var(--cream) }
.ndot {
  position:absolute; top:5px; right:5px;
  width:6px; height:6px;
  background:var(--red2); border-radius:50%;
  border:1.5px solid var(--bg0);
}

/* ── CONTENT AREA ───────────────────────────────────────── */
.dmain   { flex:1; margin-left:var(--sb-w); display:flex; flex-direction:column; min-height:100svh }
.dcontent { padding:20px; flex:1 }
.dp      { display:none }
.dp.active { display:block; animation:dpIn .25s var(--ease) }
@keyframes dpIn { from { opacity:0; transform:translateY(8px) } to { opacity:1; transform:none } }

.dph        { margin-bottom:20px }
.dph-title  { font-family:var(--fd); font-size:1.85rem; font-weight:800; letter-spacing:.04em; color:#fff; line-height:1 }
.dph-sub    { font-family:var(--fp); font-size:.82rem; color:var(--cream3); margin-top:4px; font-style:italic }

/* Stat cards */
.ct   { font-family:var(--fm); font-size:.54rem; letter-spacing:.16em; color:var(--dim); text-transform:uppercase; margin-bottom:5px }
.cv   { font-family:var(--fd); font-size:1.75rem; font-weight:700; letter-spacing:.02em; line-height:1 }
.csub { font-family:var(--fp); font-size:.76rem; color:var(--cream3); margin-top:3px }

/* ── WAR BANNER ─────────────────────────────────────────── */
.war-banner {
  background:linear-gradient(135deg,rgba(154,15,26,.11),rgba(10,12,16,.3));
  border:1px solid var(--brr); border-radius:var(--r2);
  padding:14px 18px;
  display:flex; align-items:center; gap:14px; flex-wrap:wrap;
  margin-bottom:18px;
  backdrop-filter:blur(12px); position:relative; overflow:hidden;
}
.war-banner::before {
  content:''; position:absolute; top:0; left:0; right:0; height:1.5px;
  background:linear-gradient(90deg,var(--red3),var(--red2),transparent);
}
.war-pulse { font-size:1.8rem; animation:warbeat 1.8s ease infinite }
@keyframes warbeat { 0%,100% { transform:scale(1) } 50% { transform:scale(1.14) } }

/* ── CRIME CARDS ─────────────────────────────────────────── */
.cc {
  background:var(--glass); backdrop-filter:blur(14px);
  border:1px solid var(--br); border-radius:var(--r2);
  overflow:hidden; transition:all .20s var(--ease);
  display:flex; flex-direction:column;
}
.cc:hover:not(.cc-locked):not(.cc-cd) {
  border-color:rgba(192,24,40,.32);
  transform:translateY(-2px);
  box-shadow:0 8px 28px rgba(0,0,0,.55), 0 0 18px rgba(154,15,26,.13);
}
.cc-locked { opacity:.32; cursor:not-allowed }
.cc-cd     { border-color:rgba(37,99,235,.22) }
.cc-vis    { width:100%; height:82px; position:relative; overflow:hidden; display:flex; align-items:center; justify-content:center }
.cc-vis-ico { font-size:2.5rem; opacity:.65; position:relative; z-index:1; transition:transform .28s }
.cc:hover .cc-vis-ico { transform:scale(1.08) }
.cc-vis-ov  { position:absolute; inset:0; background:linear-gradient(180deg,transparent 40%,rgba(6,7,9,.9) 100%) }
.cc-vis-cat { position:absolute; top:7px; right:7px; z-index:2 }
.cc-body    { padding:11px; flex:1; display:flex; flex-direction:column; gap:2px }
.cc-name    { font-family:var(--fd); font-size:.98rem; font-weight:700; letter-spacing:.04em; color:var(--cream) }
.cc-reward  { font-family:var(--fd); font-size:.80rem; font-weight:600; color:var(--green) }
.cc-risk    { font-family:var(--fm); font-size:.55rem; color:var(--dim); display:flex; gap:7px }
.cc-nerve   { font-family:var(--fm); font-size:.58rem; color:var(--red2); display:flex; align-items:center; gap:3px; margin-top:2px }
.cc-cta {
  margin-top:auto; padding:8px;
  background:rgba(154,15,26,.11); border:1px solid rgba(154,15,26,.26);
  color:var(--red2);
  font-family:var(--fd); font-size:.72rem; font-weight:700; letter-spacing:.07em;
  cursor:pointer; border-radius:4px;
  transition:all .16s; text-transform:uppercase;
}
.cc-cta:hover    { background:rgba(154,15,26,.22); box-shadow:0 0 12px rgba(154,15,26,.18) }
.cc-cta:disabled { opacity:.28; cursor:not-allowed }
.cc-cdbar  { padding:5px 11px 11px }
.cc-cdlbl  { font-family:var(--fm); font-size:.58rem; color:var(--blue2); text-align:center; margin-bottom:3px }

/* ── MISSION CARDS ──────────────────────────────────────── */
.mc {
  background:var(--glass); backdrop-filter:blur(14px);
  border:1px solid var(--br); border-radius:var(--r2);
  padding:13px; display:flex; gap:11px; align-items:flex-start;
  transition:all .18s var(--ease); margin-bottom:7px;
}
.mc:hover  { border-color:var(--br2) }
.mc-ic {
  font-size:1.5rem; width:42px; height:42px;
  display:flex; align-items:center; justify-content:center;
  background:var(--gb2); border-radius:var(--r); flex-shrink:0;
  border:1px solid var(--br);
}
.mc-info   { flex:1; min-width:0 }
.mc-title  { font-family:var(--fd); font-size:.90rem; font-weight:700; letter-spacing:.03em; color:var(--cream); margin-bottom:2px }
.mc-desc   { font-family:var(--fp); font-size:.78rem; color:var(--cream3); margin-bottom:6px; line-height:1.5 }
.mc-lbl    { display:flex; justify-content:space-between; font-family:var(--fm); font-size:.56rem; color:var(--dim); margin-bottom:3px }
.mc-rews   { display:flex; gap:5px; flex-wrap:wrap; margin-top:6px }
.mc-rew    { font-family:var(--fm); font-size:.58rem; padding:2px 7px; background:rgba(154,15,26,.09); border:1px solid var(--brr); color:var(--red2); border-radius:3px }

/* ── TABLE ──────────────────────────────────────────────── */
.dtable    { width:100%; border-collapse:collapse; font-size:.80rem }
.dtable th {
  font-family:var(--fm); font-size:.53rem; letter-spacing:.17em; text-transform:uppercase;
  color:var(--dim); padding:8px 13px; text-align:left;
  border-bottom:1px solid var(--br); background:rgba(255,255,255,.012);
}
.dtable td       { padding:9px 13px; border-bottom:1px solid rgba(255,255,255,.018); color:var(--cream3); vertical-align:middle }
.dtable tr:hover td { background:var(--gb); color:var(--cream) }

/* ── LOG ────────────────────────────────────────────────── */
.log-row {
  display:flex; gap:8px; align-items:flex-start;
  padding:7px 0; border-bottom:1px solid rgba(255,255,255,.018);
  font-family:var(--fp); font-size:.78rem;
}
.log-row:last-child { border-bottom:none }
.log-ic  { font-size:11px; width:15px; text-align:center; flex-shrink:0; margin-top:1px }
.log-txt { flex:1; color:var(--cream3); line-height:1.4 }
.log-txt strong { color:var(--cream); font-weight:600 }
.log-t   { font-family:var(--fm); font-size:.52rem; color:var(--dim2); flex-shrink:0; margin-top:1px }

/* ── CHAT ───────────────────────────────────────────────── */
.chat-box   { background:var(--glass); backdrop-filter:blur(16px); border:1px solid var(--br); border-radius:var(--r2); display:flex; flex-direction:column; height:290px }
.chat-msgs  { flex:1; overflow-y:auto; padding:11px; display:flex; flex-direction:column; gap:4px }
.chat-msgs::-webkit-scrollbar { width:2px }
.chat-msgs::-webkit-scrollbar-thumb { background:var(--brr) }
.chat-msg   { font-family:var(--fp); font-size:.80rem; line-height:1.45; padding:3px 0 }
.cm-nm      { font-family:var(--fd); font-weight:700; letter-spacing:.02em }
.cm-txt     { color:var(--cream3) }
.cm-time    { font-family:var(--fm); font-size:.52rem; color:var(--dim2); margin-left:5px }
.chat-foot  { display:flex; gap:6px; padding:9px; border-top:1px solid var(--br); background:rgba(6,7,9,.3); border-radius:0 0 var(--r2) var(--r2) }
.chat-inp   {
  flex:1; background:rgba(10,12,16,.8); border:1px solid var(--br);
  padding:7px 11px;
  font-family:var(--fp); font-size:.80rem; color:var(--cream);
  border-radius:var(--r); transition:border-color .18s;
}
.chat-inp:focus       { border-color:rgba(192,24,40,.38) }
.chat-inp::placeholder { color:var(--dim2) }
.chat-send  { padding:7px 12px; background:rgba(154,15,26,.13); border:1px solid var(--brr); color:var(--red2); font-family:var(--fm); font-size:.58rem; font-weight:700; border-radius:var(--r); transition:all .16s }
.chat-send:hover { background:rgba(154,15,26,.24) }

/* ── MARKET ─────────────────────────────────────────────── */
.mk-row     { display:flex; align-items:center; gap:11px; padding:11px 13px; border-bottom:1px solid rgba(255,255,255,.022); transition:background .13s }
.mk-row:hover { background:rgba(255,255,255,.022) }
.mk-ico     { font-size:1.4rem; width:38px; text-align:center; flex-shrink:0 }
.mk-info    { flex:1; min-width:0 }
.mk-name    { font-family:var(--fd); font-size:.86rem; font-weight:700; color:var(--cream) }
.mk-sub     { font-family:var(--fm); font-size:.54rem; color:var(--dim) }
.mk-price   { font-family:var(--fd); font-size:1.05rem; font-weight:700; text-align:right }
.mk-chg     { font-family:var(--fm); font-size:.58rem; text-align:right }
.chg-up     { color:var(--green) }
.chg-dn     { color:var(--red2) }

/* ── MAP ────────────────────────────────────────────────── */
.map-wrap     { position:relative; background:rgba(10,12,16,.6); border:1px solid var(--br2); border-radius:var(--r2); overflow:hidden }
.map-city-btn { position:absolute; cursor:pointer; transform:translate(-50%,-50%); z-index:10 }
.city-dot     { width:12px; height:12px; border-radius:50%; border:2px solid; position:relative; transition:all .18s; box-shadow:0 0 7px currentColor }
.city-dot:hover { transform:scale(1.4) }
.city-dot.mine  { animation:cityPulse 1.5s ease infinite }
@keyframes cityPulse {
  0%,100% { box-shadow:0 0 0 0 rgba(192,24,40,.7), 0 0 7px var(--red2) }
  50%      { box-shadow:0 0 0 9px rgba(192,24,40,0), 0 0 11px var(--red2) }
}
.city-lbl     { position:absolute; top:15px; left:50%; transform:translateX(-50%); white-space:nowrap; font-family:var(--fm); font-size:.55rem; color:var(--cream); background:rgba(6,7,9,.92); padding:2px 6px; border-radius:3px; pointer-events:none; opacity:0; transition:opacity .13s; border:1px solid var(--br) }
.map-city-btn:hover .city-lbl { opacity:1 }
.city-popup   { position:absolute; z-index:20; background:var(--glass3); backdrop-filter:blur(24px); border:1px solid var(--br2); border-radius:var(--r2); padding:14px; min-width:190px; box-shadow:var(--shadow); animation:pgIn .18s var(--ease) }

/* ── STORE ──────────────────────────────────────────────── */
.pkg-card   { background:var(--glass); backdrop-filter:blur(16px); border:1px solid var(--br2); border-radius:var(--r2); padding:20px; position:relative; overflow:hidden; transition:all .22s var(--ease); text-align:center }
.pkg-card:hover { transform:translateY(-3px); box-shadow:var(--shadow) }
.pkg-card.popular { border-color:rgba(212,168,58,.38); background:linear-gradient(145deg,rgba(212,168,58,.06),var(--glass)) }
.pkg-popular-tag { position:absolute; top:11px; right:11px }
.pkg-name   { font-family:var(--fd); font-size:1.25rem; font-weight:800; letter-spacing:.05em; color:var(--cream); margin-bottom:4px }
.pkg-dia    { font-family:var(--fd); font-size:2.4rem; font-weight:800; letter-spacing:.02em; color:var(--blue2); line-height:1; margin-bottom:4px }
.pkg-bonus  { font-family:var(--fm); font-size:.60rem; color:var(--green); margin-bottom:11px }
.pkg-price  { font-family:var(--fd); font-size:1.4rem; font-weight:700; color:var(--cream); margin-bottom:14px }
.pkg-includes { list-style:none; margin-bottom:14px; text-align:left }
.pkg-includes li { font-family:var(--fp); font-size:.76rem; color:var(--cream3); padding:3px 0; border-bottom:1px solid var(--br) }
.pkg-includes li::before { content:'✓ '; color:var(--green); font-weight:700 }
.si-card    { background:var(--glass); backdrop-filter:blur(12px); border:1px solid var(--br); border-radius:var(--r2); padding:13px; display:flex; flex-direction:column; gap:7px; transition:all .18s }
.si-card:hover { border-color:var(--br2) }
.si-card-ico  { font-size:1.8rem; text-align:center }
.si-card-name { font-family:var(--fd); font-size:.86rem; font-weight:700; color:var(--cream) }
.si-card-desc { font-family:var(--fp); font-size:.76rem; color:var(--cream3); line-height:1.5; flex:1 }
.si-card-price { font-family:var(--fd); font-size:1.05rem; font-weight:700; color:#82C8FF; display:flex; align-items:center; gap:4px }

/* ── MODAL ──────────────────────────────────────────────── */
.overlay { position:fixed; inset:0; background:rgba(0,0,0,.90); backdrop-filter:blur(10px); z-index:500; display:flex; align-items:center; justify-content:center; padding:20px }
.modal {
  background:linear-gradient(145deg,rgba(12,20,36,.97),rgba(6,7,9,.99));
  backdrop-filter:blur(32px);
  border:1px solid var(--br2); border-radius:var(--r3);
  width:100%; max-width:490px; max-height:88vh; overflow-y:auto;
  box-shadow:0 50px 120px rgba(0,0,0,.9), var(--glow-r);
  animation:modalIn .32s var(--ease-out);
  position:relative;
}
.modal::before {
  content:''; position:absolute; top:0; left:0; right:0; height:1.5px;
  background:linear-gradient(90deg,transparent,var(--red2),var(--red3),var(--red2),transparent);
  border-radius:var(--r3) var(--r3) 0 0;
}
@keyframes modalIn { from { opacity:0; transform:scale(.88) translateY(16px) } to { opacity:1; transform:scale(1) translateY(0) } }
.modal-head  { padding:18px 20px 0; display:flex; align-items:center; justify-content:space-between }
.modal-title { font-family:var(--fd); font-size:1.2rem; font-weight:800; letter-spacing:.05em; color:var(--red2) }
.modal-x     { color:var(--dim); font-size:.9rem; width:26px; height:26px; display:flex; align-items:center; justify-content:center; border-radius:4px; transition:all .13s }
.modal-x:hover { background:var(--gb2); color:var(--cream) }
.modal-body  { padding:18px 20px 22px }

/* ── TOAST ──────────────────────────────────────────────── */
#toastWrap { position:fixed; bottom:20px; right:20px; z-index:900; display:flex; flex-direction:column; gap:7px; pointer-events:none }
.toast {
  padding:11px 14px; border-radius:var(--r2); border:1px solid;
  display:flex; align-items:flex-start; gap:9px;
  min-width:248px; max-width:320px;
  animation:toastIn .32s var(--ease-out);
  pointer-events:none; backdrop-filter:blur(20px); box-shadow:var(--shadow);
}
@keyframes toastIn { from { transform:translateX(110%); opacity:0 } to { transform:none; opacity:1 } }
.toast-s { background:rgba(34,197,94,.09);   border-color:rgba(34,197,94,.28)  }
.toast-e { background:rgba(154,15,26,.13);   border-color:rgba(154,15,26,.36)  }
.toast-i { background:rgba(37,99,235,.09);   border-color:rgba(37,99,235,.24)  }
.toast-w { background:rgba(212,168,58,.09);  border-color:rgba(212,168,58,.28) }
.toast-ttl { font-family:var(--fd); font-size:.78rem; font-weight:800; letter-spacing:.03em }
.toast-s .toast-ttl { color:var(--green) }
.toast-e .toast-ttl { color:var(--red2)  }
.toast-i .toast-ttl { color:var(--blue2) }
.toast-w .toast-ttl { color:var(--gold)  }
.toast-msg { font-family:var(--fp); font-size:.75rem; color:var(--cream3); margin-top:1px; line-height:1.4 }

/* ── PRISON ─────────────────────────────────────────────── */
.lockpick-grid { display:grid; grid-template-columns:repeat(5,1fr); gap:7px; margin:14px 0 }
.lp-cell {
  height:48px; background:var(--gb2); border:1px solid var(--br2);
  border-radius:var(--r);
  display:flex; align-items:center; justify-content:center;
  font-family:var(--fd); font-size:1.3rem; cursor:pointer;
  transition:all .16s;
}
.lp-cell:hover   { background:rgba(154,15,26,.16); border-color:var(--brr); transform:scale(1.04) }
.lp-cell.selected { background:rgba(154,15,26,.20); border-color:var(--red2); color:var(--red2) }
.lp-cell.correct  { background:rgba(34,197,94,.18); border-color:var(--brg);  color:var(--green) }
.lp-cell.wrong    { background:rgba(154,15,26,.28); border-color:var(--brr2); color:var(--red3) }

/* ── ADMIN ──────────────────────────────────────────────── */
.admin-nav       { background:rgba(6,7,9,.5); border-bottom:1px solid var(--br); padding:0 18px; display:flex; gap:0; overflow-x:auto }
.admin-tab       { padding:11px 16px; font-family:var(--fd); font-size:.74rem; font-weight:700; letter-spacing:.09em; color:var(--dim); text-transform:uppercase; cursor:pointer; border-bottom:2px solid transparent; transition:all .18s; white-space:nowrap }
.admin-tab.active { color:var(--red2); border-bottom-color:var(--red2) }
.admin-tab:hover  { color:var(--cream) }
.admin-stat      { padding:14px; background:var(--glass); border:1px solid var(--br); border-radius:var(--r2); text-align:center }
.admin-stat-num  { font-family:var(--fd); font-size:1.85rem; font-weight:800; letter-spacing:.03em; color:var(--cream) }
.admin-stat-lbl  { font-family:var(--fm); font-size:.54rem; letter-spacing:.13em; color:var(--dim); text-transform:uppercase; margin-top:3px }

/* ── MOBILE BOTTOM BAR ──────────────────────────────────── */
.mob-bottom { display:none; position:fixed; bottom:0; left:0; right:0; background:rgba(6,7,9,.96); backdrop-filter:blur(24px); border-top:1px solid rgba(192,24,40,.13); z-index:80; padding:4px 0 env(safe-area-inset-bottom) }
.mob-bottom-inner { display:flex }
.mbi         { flex:1; display:flex; flex-direction:column; align-items:center; gap:2px; padding:5px 2px; cursor:pointer; transition:all .16s }
.mbi-ic      { font-size:17px }
.mbi-lbl     { font-family:var(--fm); font-size:.44rem; letter-spacing:.04em; color:var(--dim); text-transform:uppercase }
.mbi.active .mbi-lbl { color:var(--red2) }

/* ── SCROLL REVEAL ──────────────────────────────────────── */
.rev       { opacity:0; transform:translateY(20px); transition:opacity .65s var(--ease), transform .65s var(--ease) }
.rev.vis   { opacity:1; transform:none }
.stag-anim > * { opacity:0; transform:translateY(14px); transition:opacity .45s var(--ease), transform .45s var(--ease) }
.stag-anim.vis > *:nth-child(1) { opacity:1; transform:none; transition-delay:.00s }
.stag-anim.vis > *:nth-child(2) { opacity:1; transform:none; transition-delay:.06s }
.stag-anim.vis > *:nth-child(3) { opacity:1; transform:none; transition-delay:.12s }
.stag-anim.vis > *:nth-child(4) { opacity:1; transform:none; transition-delay:.18s }
.stag-anim.vis > *:nth-child(5) { opacity:1; transform:none; transition-delay:.24s }
.stag-anim.vis > *:nth-child(6) { opacity:1; transform:none; transition-delay:.30s }

/* ── RESPONSIVE ─────────────────────────────────────────── */
@media(max-width:1100px) { .g4 { grid-template-columns:repeat(2,1fr) } }
@media(max-width:900px) {
  #sidebar { transform:translateX(-100%) }
  .sidebar-open #sidebar { transform:none }
  .dmain { margin-left:0 }
  .mob-bottom { display:block }
  .dcontent { padding:13px; padding-bottom:74px }
  .tb-chips { display:none }
  .g3 { grid-template-columns:1fr 1fr }
}
@media(max-width:600px) {
  .g2, .g3, .g4, .g5 { grid-template-columns:1fr }
  .dph-title { font-size:1.55rem }
}

/* ── UTILS ──────────────────────────────────────────────── */
.red    { color:var(--red2)  }
.green  { color:var(--green) }
.cream  { color:var(--cream) }
.dim    { color:var(--dim)   }
.gold   { color:var(--gold)  }
.blue   { color:var(--blue2) }
.mt-sm  { margin-top:7px   } .mt-md { margin-top:16px  } .mt-lg { margin-top:28px  }
.mb-sm  { margin-bottom:7px} .mb-md { margin-bottom:16px} .mb-lg { margin-bottom:28px}
.flex-between { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:7px }
.center { text-align:center }
.mono   { font-family:var(--fm); font-size:.76rem }

/* ── ADMIN COMPAT ───────────────────────────────────────── */
.rl-shell       { display:flex; min-height:100vh }
.rl-sidebar     { width:248px; background:rgba(6,7,9,.97); border-right:1px solid rgba(192,24,40,.18); padding:0; display:flex; flex-direction:column; position:fixed; top:0; left:0; bottom:0; backdrop-filter:blur(24px) }
.rl-logo        { padding:18px 16px; border-bottom:1px solid rgba(192,24,40,.18); display:flex; align-items:center; gap:11px }
.rl-logo-ic     { width:34px; height:34px; background:rgba(154,15,26,.18); border:1px solid rgba(192,24,40,.45); display:flex; align-items:center; justify-content:center; font-size:1.1rem; clip-path:polygon(0 0,calc(100% - 6px) 0,100% 6px,100% 100%,6px 100%,0 calc(100% - 6px)) }
.rl-logo-txt    { font-family:var(--fd); font-size:1.35rem; font-weight:800; letter-spacing:.09em; color:var(--cream) }
.rl-logo-sub    { font-family:var(--fm); font-size:.47rem; color:var(--red2); letter-spacing:.19em; margin-top:-3px }
.rl-nav         { flex:1; padding:11px 0; overflow-y:auto }
.rl-nav-section { padding:5px 16px 3px; font-family:var(--fm); font-size:.47rem; color:var(--dim); letter-spacing:.19em; text-transform:uppercase; margin-top:7px }
.rl-nav-item    { display:flex; align-items:center; gap:9px; padding:8px 16px; cursor:pointer; transition:all .18s; border-left:2px solid transparent; font-family:var(--fd); font-size:.80rem; font-weight:700; color:var(--cream3); letter-spacing:.04em }
.rl-nav-item:hover, .rl-nav-item.active { background:rgba(154,15,26,.08); border-left-color:var(--red2); color:var(--cream) }
.rl-nav-item .rl-ni { width:19px; text-align:center }
.rl-footer      { padding:11px 16px; border-top:1px solid var(--br); font-family:var(--fm); font-size:.52rem; color:var(--dim) }
.rl-main        { flex:1; margin-left:248px; display:flex; flex-direction:column }
.rl-topbar      { height:56px; background:rgba(6,7,9,.94); border-bottom:1px solid var(--br); display:flex; align-items:center; justify-content:space-between; padding:0 22px; position:sticky; top:0; z-index:100; backdrop-filter:blur(20px) }
.rl-page-title  { font-family:var(--fd); font-size:1.35rem; font-weight:800; letter-spacing:.10em; color:var(--cream) }
.rl-content     { flex:1; padding:22px; overflow:hidden }
.rl-card        { background:rgba(10,12,16,.72); border:1px solid var(--br); border-radius:var(--r2); padding:18px; backdrop-filter:blur(14px) }
.rl-card-red    { border-color:rgba(154,15,26,.28); background:rgba(154,15,26,.05) }
.rl-card-green  { border-color:rgba(34,197,94,.28);  background:rgba(34,197,94,.04)  }
.rl-card-gold   { border-color:rgba(212,168,58,.28); background:rgba(212,168,58,.04) }
.rl-stat        { background:rgba(10,12,16,.72); border:1px solid var(--br); border-radius:var(--r2); padding:14px; text-align:center; backdrop-filter:blur(12px) }
.rl-stat-num    { font-family:var(--fd); font-size:1.8rem; font-weight:800; letter-spacing:.04em; color:var(--cream); margin-bottom:3px }
.rl-stat-lbl    { font-family:var(--fm); font-size:.52rem; color:var(--dim); text-transform:uppercase; letter-spacing:.13em }
.rl-grid-5      { display:grid; grid-template-columns:repeat(5,1fr); gap:11px; margin-bottom:18px }
.rl-grid-2      { display:grid; grid-template-columns:1fr 1fr; gap:14px; margin-bottom:18px }
.rl-grid-3      { display:grid; grid-template-columns:repeat(3,1fr); gap:11px; margin-bottom:18px }
.rl-section-title { font-family:var(--fd); font-size:.68rem; font-weight:700; letter-spacing:.18em; color:var(--dim); text-transform:uppercase; margin-bottom:9px; padding-bottom:5px; border-bottom:1px solid var(--br) }
.rl-table       { width:100%; border-collapse:collapse; font-family:var(--fm); font-size:.68rem }
.rl-table th    { text-align:left; padding:7px 11px; color:var(--dim); letter-spacing:.11em; text-transform:uppercase; font-size:.55rem; border-bottom:1px solid var(--br) }
.rl-table td    { padding:9px 11px; border-bottom:1px solid rgba(255,255,255,.035); color:var(--cream3) }
.rl-table tr:hover td { background:rgba(255,255,255,.022); color:var(--cream) }
.rl-btn         { display:inline-flex; align-items:center; gap:4px; padding:6px 12px; border:1px solid; border-radius:var(--r); font-family:var(--fd); font-size:.74rem; font-weight:700; letter-spacing:.07em; cursor:pointer; transition:all .16s; text-transform:uppercase; background:none }
.rl-btn-red     { border-color:rgba(154,15,26,.48);  color:var(--red2)   } .rl-btn-red:hover  { background:rgba(154,15,26,.14) }
.rl-btn-green   { border-color:rgba(34,197,94,.48);  color:var(--green)  } .rl-btn-green:hover{ background:rgba(34,197,94,.11) }
.rl-btn-gray    { border-color:rgba(234,226,212,.11);color:var(--cream3) } .rl-btn-gray:hover { border-color:rgba(234,226,212,.22); color:var(--cream) }
.rl-btn-gold    { border-color:rgba(212,168,58,.38); color:var(--gold)   } .rl-btn-gold:hover { background:rgba(212,168,58,.09) }
.rl-btn-primary { border-color:var(--red2); background:var(--red2); color:#fff } .rl-btn-primary:hover { background:var(--red3) }
.rl-badge       { display:inline-flex; align-items:center; padding:2px 6px; border-radius:3px; font-family:var(--fm); font-size:.55rem; font-weight:700; letter-spacing:.05em; border:1px solid }
.rl-badge-red   { background:rgba(154,15,26,.11);  color:var(--red2);  border-color:rgba(154,15,26,.28) }
.rl-badge-green { background:rgba(34,197,94,.09);  color:var(--green); border-color:rgba(34,197,94,.28) }
.rl-badge-blue  { background:rgba(37,99,235,.11);  color:var(--blue2); border-color:rgba(37,99,235,.28) }
.rl-badge-gold  { background:rgba(212,168,58,.09); color:var(--gold);  border-color:rgba(212,168,58,.28)}
.rl-badge-gray  { background:rgba(255,255,255,.05);color:var(--cream3);border-color:rgba(255,255,255,.11)}
.rl-input       { background:rgba(255,255,255,.04); border:1px solid rgba(255,255,255,.09); border-radius:var(--r); color:var(--cream); font-family:var(--fm); font-size:.74rem; padding:7px 11px; width:100%; outline:none }
.rl-input:focus { border-color:rgba(154,15,26,.48) }
.rl-tab-content { display:none } .rl-tab-content.active { display:block }
.rl-progress    { height:3px; background:rgba(255,255,255,.05); border-radius:2px; overflow:hidden }
.rl-progress-f  { height:100%; border-radius:2px; background:var(--red2) }
.pulse-dot      { width:6px; height:6px; border-radius:50%; display:inline-block; animation:pdot 1.5s ease-in-out infinite }
@keyframes pdot { 0%,100% { opacity:1; transform:scale(1) } 50% { opacity:.5; transform:scale(.7) } }

/* ══ FIX12 EK STİLLER ══════════════════════════════════════ */
/* Borsa sparkline koruması */
.sparkwrap svg { display:block }

/* Zindan aşama ilerleme */
.dungeon-step {
  width:32px; height:32px; border-radius:50%;
  border:2px solid var(--br2);
  display:flex; align-items:center; justify-content:center;
  font-family:var(--fm); font-size:.62rem;
  transition:all .25s var(--ease);
}
.dungeon-step.done   { border-color:var(--brg);   color:var(--green); background:rgba(34,197,94,.12) }
.dungeon-step.active { border-color:var(--brgold); color:var(--gold);  background:rgba(212,168,58,.10) }

/* Başarı kartı hover parla */
.card-gold:hover { box-shadow:0 0 20px rgba(212,168,58,.12) }

/* Arkadaş çevrimiçi göstergesi */
.friend-online {
  width:8px; height:8px; border-radius:50%;
  background:var(--green);
  border:1.5px solid var(--bg0);
  animation:livepulse 2s ease infinite;
}

/* Sıralama tablosu vurgu */
.dtable tr.me td { background:rgba(154,15,26,.08); color:var(--red2) }

/* Mülk gelir rozeti */
.income-badge {
  display:inline-flex; align-items:center; gap:4px;
  font-family:var(--fm); font-size:.58rem;
  color:var(--green); background:rgba(34,197,94,.10);
  border:1px solid var(--brg); border-radius:4px;
  padding:2px 7px;
}