/* ==========================================================================
   Groyt — Özel Bot Paneli, Kehribar katmanı (Ekim 2026)
   ozelbot.css token'larla yazıldığı için palet ve yazı tipleri buradan
   değişir. Yalnızca görünüm; panelin id/class/JS kancaları aynı.
   ========================================================================== */
:root {
  --bg: #0A0B0E;
  --bg-2: #111318;
  --glass: rgba(255, 255, 255, 0.03);
  --glass-2: rgba(255, 255, 255, 0.055);
  --line: #22252D;
  --line-2: #30343E;
  --gold: #FFC107;
  --gold-hi: #FFD452;
  --amber: #FFC107;
  --orange: #FFA000;
  --gold-line: rgba(255, 193, 7, 0.32);
  --ink: #F5F6F8;
  --ink-2: #B8BDC8;
  --ink-3: #7C8290;
  --ok: #3BA55D;
  --bad: #ED4245;
  --display: 'Sora', 'Onest', system-ui, sans-serif;
  --body: 'Onest', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --k-grad: linear-gradient(90deg, #FFE14D 0%, #FFC107 55%, #FFA000 100%);
}
body.cbp { background: #0A0B0E; }
body.cbp::before, body.cbp::after { opacity: 0.35; }

/* Logo yazısı Orbitron kalır; geri kalan başlıklar Sora */
.cbp-brand b { font-family: 'Orbitron', sans-serif; font-weight: 800; letter-spacing: 0.08em; font-size: 17px; }
.cbp-brand small { display: inline-block; margin-top: 3px; padding: 1px 8px; border-radius: 999px; font: 650 11.5px var(--body); letter-spacing: 0; color: #FFD452; background: rgba(255, 193, 7, 0.1); border: 1px solid rgba(255, 193, 7, 0.3); }
.cbp-brand img { filter: drop-shadow(0 0 8px rgba(255, 193, 7, 0.25)); }
.cbp-top { background: rgba(10, 11, 14, 0.9); border-bottom: 1px solid var(--line); -webkit-backdrop-filter: blur(14px); backdrop-filter: blur(14px); }
.cbp-toplinks a { border-radius: 999px; padding: 7px 12px; }
.cbp-toplinks a:hover { background: rgba(255, 255, 255, 0.06); }

/* Küçük üst etiketler: sakin, büyük harf aralığı yok */
.cbp-eyebrow, .cbp-preview-label { font: 600 13px var(--body); letter-spacing: 0; text-transform: none; color: var(--ink-3); }
.cbp-sec-h h1 { font-family: var(--display); font-weight: 700; letter-spacing: -0.03em; }
.cbp-kpi b { font-family: var(--display); font-weight: 700; letter-spacing: -0.02em; }
.cbp-kpi:first-child b, .cbp-kpi b { background: var(--k-grad); -webkit-background-clip: text; background-clip: text; color: transparent; }

/* Yüzeyler: ölçülü ışıma */
.cbp-hero { box-shadow: 0 0 0 1px rgba(255, 193, 7, 0.22), 0 30px 80px -40px rgba(255, 193, 7, 0.45); }
.cbp-card, .cbp-kpi, .cbp-botcard { box-shadow: none; }
.cbp-ava .ph, .cbp-hero-ava .ph, .dc-profile .av .ph, .cbp-server-top .ph { background: var(--k-grad); }

/* Düğmeler: sitedeki sistemle aynı biçim */
.cbp-btn { border-radius: 999px; font-family: var(--body); }
.cbp-btn.is-gold { background: var(--k-grad); color: #111214; border: 0; box-shadow: 0 10px 28px -14px rgba(255, 193, 7, 0.75); }
.cbp-btn.is-gold:hover { filter: brightness(1.05); }

/* Sol menü: etkin öğe dashboard'la aynı */
.cbp-nav button { border-radius: 10px; }
.cbp-nav button.is-on { color: #FFD452; background: rgba(255, 193, 7, 0.08); box-shadow: inset 0 0 0 1px rgba(255, 193, 7, 0.32); }
.cbp-nav button.is-on::before { display: none; }

/* Arka plan yıldızları içeriğin arkasında */
.k-ambient { position: fixed; inset: 0; z-index: 0; pointer-events: none; }
body.cbp > *:not(.k-ambient):not(.cbp-modal):not(.cbp-toast):not(.cbp-top) { position: relative; z-index: 1; }
body.cbp > .cbp-top { position: sticky; top: env(safe-area-inset-top, 0px); z-index: 50; }
.cbp-side, .cbp-timeline.is-long, .cbp-modal-card { overscroll-behavior: contain; }
.cbp-modal-card { max-height: calc(100dvh - 32px); overflow-y: auto; }
body.cbp:has(.cbp-modal:not([hidden])) { overflow-y: hidden; }
.cbp-sec-h > .cbp-eyebrow { display: none; }