/* ============================================================
   RewAds Pro — Tema sistemi
   Admin panelden değiştirilebilen 5 hazır tema
   ============================================================ */
:root, [data-theme="neon-dark"] {
  --bg: #0a0d18;
  --surface: #131829;
  --surface-2: #1a2038;
  --fg: #e6e9f5;
  --muted: #8a93b0;
  --line: rgba(255,255,255,.08);
  --brand: #6366f1;
  --brand-2: #a855f7;
  --success: #10b981;
  --danger: #ef4444;
  --warning: #f59e0b;
  --gradient-hero: radial-gradient(1200px 500px at 20% -10%, rgba(99,102,241,.35), transparent 60%),
                   radial-gradient(800px 400px at 80% 10%, rgba(168,85,247,.25), transparent 60%);
}
[data-theme="glass-aurora"] {
  --bg:#070b14; --surface:#0f1626; --surface-2:#162038; --fg:#e8f4ff; --muted:#7fa0c4;
  --line:rgba(124,200,255,.12); --brand:#22d3ee; --brand-2:#a78bfa;
  --gradient-hero: radial-gradient(1000px 500px at 10% 0%, rgba(34,211,238,.35), transparent 60%),
                   radial-gradient(800px 400px at 90% 20%, rgba(167,139,250,.3), transparent 60%);
}
[data-theme="minimal-light"] {
  --bg:#fafafa; --surface:#ffffff; --surface-2:#f4f4f5; --fg:#0a0a0a; --muted:#71717a;
  --line:rgba(0,0,0,.08); --brand:#0a0a0a; --brand-2:#404040;
  --gradient-hero: radial-gradient(900px 400px at 50% -10%, rgba(0,0,0,.06), transparent 70%);
}
[data-theme="cyberpunk"] {
  --bg:#0a0014; --surface:#160028; --surface-2:#22003a; --fg:#fef9ff; --muted:#a78bfa;
  --line:rgba(255,0,200,.15); --brand:#ff00aa; --brand-2:#00ffe0;
  --gradient-hero: radial-gradient(1000px 500px at 20% 0%, rgba(255,0,170,.4), transparent 60%),
                   radial-gradient(800px 400px at 80% 30%, rgba(0,255,224,.25), transparent 60%);
}
[data-theme="royal-gold"] {
  --bg:#0c0a06; --surface:#161210; --surface-2:#221b14; --fg:#fff8e7; --muted:#c9a96a;
  --line:rgba(201,169,106,.18); --brand:#d4af37; --brand-2:#f0d78c;
  --gradient-hero: radial-gradient(1000px 500px at 30% -10%, rgba(212,175,55,.3), transparent 60%);
}

@layer utilities {
  .bg-bg{background:var(--bg)} .bg-surface{background:var(--surface)} .bg-surface-2{background:var(--surface-2)}
  .text-fg{color:var(--fg)} .text-muted{color:var(--muted)}
  .border-line{border-color:var(--line)}
  .bg-brand{background:var(--brand)} .bg-brand2{background:var(--brand-2)}
  .from-brand{--tw-gradient-from:var(--brand) var(--tw-gradient-from-position);--tw-gradient-to:rgba(0,0,0,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}
  .to-brand2{--tw-gradient-to:var(--brand-2) var(--tw-gradient-to-position)}
  .text-brand{color:var(--brand)}
}

/* Hero gradient arka plan */
.hero-bg{ background-image: var(--gradient-hero); }

/* Reklam kapsayıcı — TÜM EKRANI KAPLAMAZ */
.ad-slot{ display:flex; justify-content:center; align-items:center; overflow:hidden;
  border:1px dashed var(--line); border-radius:.75rem; background:var(--surface);
  color:var(--muted); font-size:12px; }
.ad-slot[data-size="banner"]{ max-width:728px; aspect-ratio: 728/90; width:100%; margin-inline:auto; }
.ad-slot[data-size="rect"]{   max-width:300px; aspect-ratio: 300/250; width:100%; margin-inline:auto; }
.ad-slot[data-size="mobile"]{ max-width:320px; aspect-ratio: 320/50; width:100%; margin-inline:auto; }
.ad-sticky{ position:fixed; left:50%; transform:translateX(-50%); bottom:64px; z-index:30; }
@media (min-width: 768px){ .ad-sticky{ bottom:12px; } }

/* Kart */
.card{ background:var(--surface); border:1px solid var(--line); border-radius:1rem; }
.card-hover{ transition: transform .2s, box-shadow .2s, border-color .2s; }
.card-hover:hover{ transform:translateY(-2px); border-color:var(--brand); box-shadow:0 10px 30px -10px color-mix(in oklab, var(--brand) 40%, transparent); }

/* Skeleton */
.skeleton{ background: linear-gradient(90deg, var(--surface), var(--surface-2), var(--surface)); background-size:200% 100%; animation: sk 1.2s linear infinite; border-radius:.5rem; }
@keyframes sk{ to{ background-position:-200% 0 } }

/* Toast */
.toast{ position:fixed; bottom:80px; left:50%; transform:translateX(-50%); padding:.75rem 1.25rem; border-radius:.75rem; background:var(--surface-2); border:1px solid var(--line); z-index:60; animation: toast .3s ease; }
@keyframes toast{ from{opacity:0;transform:translate(-50%,10px)} }

/* Sayı animasyonu */
.tabular-nums{ font-variant-numeric:tabular-nums; }

/* Sidebar (admin) */
.sidebar-link{ display:flex; align-items:center; gap:.75rem; padding:.625rem .875rem; border-radius:.625rem; color:var(--muted); }
.sidebar-link:hover{ background:var(--surface-2); color:var(--fg); }
.sidebar-link.active{ background: color-mix(in oklab, var(--brand) 15%, transparent); color:var(--brand); }

/* Form */
.input{ width:100%; padding:.75rem .875rem; background:var(--surface-2); border:1px solid var(--line); border-radius:.625rem; color:var(--fg); outline:none; transition:border-color .15s; }
.input:focus{ border-color: var(--brand); }
.btn{ display:inline-flex; align-items:center; justify-content:center; gap:.5rem; padding:.625rem 1rem; border-radius:.625rem; font-weight:500; transition:filter .15s, transform .1s; }
.btn:active{ transform:scale(.97); }
.btn-primary{ background: linear-gradient(135deg, var(--brand), var(--brand-2)); color:white; }
.btn-primary:hover{ filter:brightness(1.1); }
.btn-ghost{ background:var(--surface-2); color:var(--fg); border:1px solid var(--line); }

/* Tablo */
.table{ width:100%; border-collapse:separate; border-spacing:0; }
.table th,.table td{ padding:.75rem 1rem; text-align:left; border-bottom:1px solid var(--line); }
.table th{ font-size:12px; color:var(--muted); text-transform:uppercase; letter-spacing:.05em; }

/* Rozet */
.badge{ display:inline-flex; align-items:center; gap:.25rem; padding:.125rem .5rem; border-radius:9999px; font-size:11px; font-weight:600; }
.badge-success{ background:rgba(16,185,129,.15); color:#10b981; }
.badge-warn{ background:rgba(245,158,11,.15); color:#f59e0b; }
.badge-danger{ background:rgba(239,68,68,.15); color:#ef4444; }