/* =====================================================
   POYCORD — findcord "deep" bileşen katmanı
   dashboard.css'ten SONRA yüklenir; DOM/JS'e dokunmaz.
   Blurple + mor, glassmorphism, glow, yumuşak köşe, animasyon.
   ===================================================== */

:root{ --fc-ease:cubic-bezier(.22,.61,.36,1); }

/* ---- Arka plan aurora (mevcut glow-orb'ları findcord'a çevir) ---- */
.glow-orb{ filter:blur(90px); opacity:.4; animation:fcFloat 20s var(--fc-ease) infinite; }
.glow-orb-1{ background:radial-gradient(circle,#3b82f6,transparent 70%)!important; }
.glow-orb-2{ background:radial-gradient(circle,#06b6d4,transparent 70%)!important; animation-delay:-8s; }
@keyframes fcFloat{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(40px,40px) scale(1.1)}}

/* ---- Sidebar: cam efekti ---- */
.sidebar{ background:rgba(12,12,20,.72)!important; backdrop-filter:blur(16px); border-right:1px solid var(--border)!important; }
.sidebar-logo-icon{ box-shadow:0 6px 20px -4px rgba(59,130,246,.6)!important; }

/* ---- Nav: hover kayma + aktif gradient glow ---- */
.nav-item{ transition:all .25s var(--fc-ease)!important; }
.nav-item:hover{ background:var(--bg-hover)!important; color:var(--text-primary)!important; transform:translateX(3px); }
.nav-item.active{
  background:linear-gradient(135deg,rgba(59,130,246,.22),rgba(6,182,212,.14))!important;
  color:#bcd6ff!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05);
}
.nav-item.active::before{ background:linear-gradient(180deg,#38bdf8,#06b6d4)!important; box-shadow:0 0 12px rgba(56,189,248,.8); border-radius:0 4px 4px 0!important; width:3px!important; }
.nav-item .nav-badge{ background:rgba(59,130,246,.22)!important; color:#93c5fd!important; }

/* ---- Topnav: cam ---- */
.topnav{ background:rgba(8,8,13,.6)!important; backdrop-filter:blur(14px); border-bottom:1px solid var(--border)!important; }
.topnav-link.active,.topnav-link:hover{ color:var(--text-primary); }

/* ---- Kartlar: glass + hover lift + glow ---- */
.feature-card,.card,.stat-box,.admin-section,.table-wrap,.glass{
  background:linear-gradient(180deg,#0f1621,#0a0f17)!important;
  border:1px solid var(--border)!important;
  border-radius:var(--radius-lg)!important;
  transition:transform .4s var(--fc-ease), border-color .4s var(--fc-ease), box-shadow .4s var(--fc-ease)!important;
}
.feature-card:hover,.card:hover{ transform:translateY(-4px); border-color:var(--border-light)!important; box-shadow:0 18px 40px -18px rgba(0,0,0,.8),0 0 0 1px rgba(59,130,246,.12); }
.stat-box:hover{ border-color:var(--border-light)!important; box-shadow:0 0 0 1px rgba(59,130,246,.15); }

/* Kart ikonları: gradient dolgu + glow */
.feature-card-icon,.stat-box-icon{
  background:linear-gradient(135deg,rgba(59,130,246,.22),rgba(6,182,212,.16))!important;
  border:1px solid rgba(56,189,248,.22)!important;
  border-radius:var(--radius-md)!important;
  box-shadow:0 4px 16px -6px rgba(59,130,246,.5);
}

/* ---- Butonlar: gradient + glow + basma ---- */
.btn-primary{
  background:linear-gradient(135deg,#3b82f6,#2563eb)!important;
  border-radius:var(--radius-sm)!important;
  box-shadow:0 6px 20px -8px rgba(59,130,246,.8);
  transition:transform .25s var(--fc-ease), box-shadow .25s var(--fc-ease)!important;
}
.btn-primary:hover{ background:linear-gradient(135deg,#3b82f6,#2563eb)!important; transform:translateY(-2px); box-shadow:0 10px 28px -8px rgba(59,130,246,.95); }
.btn-primary:active{ transform:translateY(0) scale(.98); }
.btn,.btn-secondary{ border-radius:var(--radius-sm)!important; transition:all .25s var(--fc-ease)!important; }
.btn-secondary:hover{ border-color:var(--accent-indigo)!important; transform:translateY(-1px); }
.input,input,select,textarea{ border-radius:var(--radius-sm)!important; transition:border-color .2s, box-shadow .2s!important; }
.input:focus,input:focus,select:focus,textarea:focus{ border-color:var(--accent-blue)!important; box-shadow:0 0 0 3px rgba(59,130,246,.18)!important; }

/* ---- Admin bölümleri / key & token satırları ---- */
.admin-section{ padding:22px!important; }
.key-item,.token-item{ border-radius:var(--radius-md)!important; transition:background .2s, transform .2s var(--fc-ease)!important; }
.key-item:hover,.token-item:hover{ transform:translateX(2px); }

/* ---- Tablolar: satır hover ---- */
table tbody tr{ transition:background .2s!important; }
table tbody tr:hover{ background:var(--bg-hover)!important; }
.table-wrap{ overflow:hidden; }

/* ---- Rozet/pill'ler ---- */
.badge,.pill,.tag{ border-radius:var(--radius-full)!important; }

/* ---- Sayfa giriş animasyonu (aktif sekme) ---- */
.page.active,.page[style*="block"]{ animation:fcPageIn .5s var(--fc-ease) both; }
@keyframes fcPageIn{ from{opacity:0;transform:translateY(16px)} to{opacity:1;transform:none} }

/* Stagger: kart gridlerinde sıralı beliriş */
.stats-grid>*,.feature-grid>*,.features-grid>*{ animation:fcRise .55s var(--fc-ease) both; }
.stats-grid>*:nth-child(2),.feature-grid>*:nth-child(2){animation-delay:.06s}
.stats-grid>*:nth-child(3),.feature-grid>*:nth-child(3){animation-delay:.12s}
.stats-grid>*:nth-child(4),.feature-grid>*:nth-child(4){animation-delay:.18s}
.stats-grid>*:nth-child(5),.feature-grid>*:nth-child(5){animation-delay:.24s}
.stats-grid>*:nth-child(6),.feature-grid>*:nth-child(6){animation-delay:.30s}
@keyframes fcRise{ from{opacity:0;transform:translateY(20px)} to{opacity:1;transform:none} }

/* ---- Scrollbar ---- */
::-webkit-scrollbar-thumb{ background:linear-gradient(180deg,#263548,#1b2634)!important; }

@media (prefers-reduced-motion:reduce){
  .glow-orb,.page.active,.stats-grid>*,.feature-grid>*{ animation:none!important; }
  .nav-item:hover,.feature-card:hover,.card:hover,.btn-primary:hover{ transform:none!important; }
}

/* =====================================================
   Premium cila v2 — sadece doğrulanmış sınıflar
   ===================================================== */

/* İstatistik rakamı: gradient metin + mono */
.stat-box-value{
  background:linear-gradient(120deg,#eef0ff,#93c5fd 55%,#7dd3fc)!important;
  -webkit-background-clip:text!important; background-clip:text!important;
  -webkit-text-fill-color:transparent!important;
  letter-spacing:-.02em;
}
.stat-box-label{ text-transform:uppercase; letter-spacing:.08em; font-size:11px!important; }

/* Kart üst çizgi parıltısı (glass sheen) */
.stat-box,.feature-card,.card{ position:relative; }
.stat-box::after,.feature-card::after{
  content:""; position:absolute; inset:0 0 auto 0; height:1px; border-radius:inherit;
  background:linear-gradient(90deg,transparent,rgba(56,189,248,.5),transparent);
  opacity:.5; pointer-events:none;
}
.feature-card:hover::after,.stat-box:hover::after{ opacity:1; }

/* Topnav marka: gradient metin */
.topnav-brand{ font-weight:800!important; letter-spacing:-.3px; }
.topnav-brand span,.topnav-brand > :not(svg):not(img){
  background:linear-gradient(90deg,#fff,#93c5fd)!important;
  -webkit-background-clip:text!important; background-clip:text!important;
  -webkit-text-fill-color:transparent!important;
}

/* Nav ikon: aktifken hafif parıltı */
.nav-item.active svg,.nav-item.active .nav-icon{ filter:drop-shadow(0 0 6px rgba(56,189,248,.6)); }

/* Admin bölüm başlığı ayıracı */
.admin-section{ box-shadow:0 1px 0 rgba(255,255,255,.03) inset; }

/* Buton içi ok halkası (varsa) hover kinetiği */
.btn-primary .arw{ transition:transform .28s var(--fc-ease); }
.btn-primary:hover .arw{ transform:translate(3px,-1px); }

/* Boş durum / yükleniyor metni yumuşatma */
.empty-state,.loading{ opacity:.85; }

/* =====================================================
   Premium cila v3 — arama + profil animasyon/etkileşim
   (tüm selector'lar dashboard.css'te doğrulandı)
   ===================================================== */

/* ---- Arama kutusu: odakta gradient glow + hafif kalkış ---- */
.hero-search-box{ position:relative; transition:border-color .3s var(--fc-ease), box-shadow .3s var(--fc-ease), transform .3s var(--fc-ease)!important; }
.hero-search-box:focus-within{
  border-color:rgba(56,189,248,.55)!important;
  box-shadow:0 0 0 4px rgba(59,130,246,.14),0 12px 34px -14px rgba(59,130,246,.6)!important;
  transform:translateY(-2px);
}
.hero-search-box::after{
  content:""; position:absolute; inset:-1px; border-radius:inherit; padding:1px; pointer-events:none;
  background:linear-gradient(120deg,transparent,rgba(56,189,248,.6),rgba(125,211,252,.5),transparent);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor; mask-composite:exclude;
  opacity:0; transition:opacity .35s var(--fc-ease);
}
.hero-search-box:focus-within::after{ opacity:1; }
.hero-search-box input::placeholder{ transition:opacity .25s; }
.hero-search-box:focus-within input::placeholder{ opacity:.5; }

/* ---- Arama sonuçları: sıralı beliriş + hover kayma ---- */
.search-result-item{ transition:background .2s, transform .22s var(--fc-ease), box-shadow .22s var(--fc-ease)!important; animation:fcResIn .38s var(--fc-ease) both; }
.search-result-item:hover{ transform:translateX(4px); box-shadow:inset 3px 0 0 rgba(56,189,248,.7); }
.search-result-item:nth-child(2){animation-delay:.04s}
.search-result-item:nth-child(3){animation-delay:.08s}
.search-result-item:nth-child(4){animation-delay:.12s}
.search-result-item:nth-child(5){animation-delay:.16s}
.search-result-item:nth-child(6){animation-delay:.20s}
.search-result-item:nth-child(n+7){animation-delay:.24s}
.search-result-item img{ transition:transform .25s var(--fc-ease); }
.search-result-item:hover img{ transform:scale(1.08); }
@keyframes fcResIn{ from{opacity:0;transform:translateY(8px)} to{opacity:1;transform:none} }

/* ---- Profil hero: banner reveal + avatar pop-in ---- */
.user-profile-hero{ animation:fcHeroIn .55s var(--fc-ease) both; }
@keyframes fcHeroIn{ from{opacity:0;transform:translateY(18px) scale(.99)} to{opacity:1;transform:none} }

/* Banner: yavaş kayan parıltı */
.profile-banner::after{
  content:""; position:absolute; inset:0; pointer-events:none;
  background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.12) 50%,transparent 70%);
  transform:translateX(-120%); animation:fcSheen 6s var(--fc-ease) 1s infinite;
}
@keyframes fcSheen{ 0%{transform:translateX(-120%)} 55%,100%{transform:translateX(120%)} }

/* Avatar: pop-in + ring glow + hover */
.profile-avatar-wrap{ animation:fcPop .5s var(--fc-ease) .15s both; }
@keyframes fcPop{ from{opacity:0;transform:translateY(8px) scale(.85)} to{opacity:1;transform:none} }
.profile-avatar{ transition:transform .35s var(--fc-ease), box-shadow .35s var(--fc-ease); box-shadow:0 8px 26px -10px rgba(59,130,246,.55); }
.profile-avatar:hover{ transform:scale(1.04); box-shadow:0 12px 34px -10px rgba(59,130,246,.8); }

/* Durum noktası: nabız */
.profile-status-dot{ animation:fcDot 2.4s var(--fc-ease) infinite; }
@keyframes fcDot{ 0%,100%{box-shadow:0 0 0 0 rgba(56,189,248,.45)} 50%{box-shadow:0 0 0 6px rgba(56,189,248,0)} }

@media (prefers-reduced-motion:reduce){
  .search-result-item,.user-profile-hero,.profile-avatar-wrap{ animation:none!important; }
  .profile-banner::after,.profile-status-dot{ animation:none!important; }
  .hero-search-box:focus-within,.search-result-item:hover,.profile-avatar:hover{ transform:none!important; }
}

/* =====================================================
   BİRLEŞTİRİCİ KATMAN v4 — tüm panel sayfaları tek tip
   (eski terminal temasını ez, 3D derinlik + tutarlı başlık)
   ===================================================== */

/* Eski terminal prompt eklerini kaldır (poycord:~$ / #) */
.page-header h1::before,.page-header p::before{ content:""!important; margin:0!important; }

/* Tutarlı sayfa başlığı — her sayfada aynı premium görünüm */
.page-header{ margin-bottom:26px!important; padding-bottom:0!important; animation:fcHeadIn .5s var(--fc-ease) both; }
.page-header h1{
  font-family:inherit!important; font-weight:800!important; font-size:26px!important;
  letter-spacing:-.03em!important; line-height:1.15;
  background:linear-gradient(90deg,#fff,#bcd6ff)!important;
  -webkit-background-clip:text!important; background-clip:text!important; -webkit-text-fill-color:transparent!important;
  display:inline-block; position:relative;
}
.page-header h1::after{
  content:""; position:absolute; left:0; bottom:-8px; height:3px; width:44px; border-radius:99px;
  background:linear-gradient(90deg,#38bdf8,#7dd3fc); box-shadow:0 0 12px rgba(56,189,248,.6);
}
.page-header p{ font-family:inherit!important; font-size:14px!important; color:var(--text-secondary)!important; margin-top:14px!important; }
@keyframes fcHeadIn{ from{opacity:0;transform:translateY(-8px)} to{opacity:1;transform:none} }

/* Sayfa: 3D perspektif kabı + tutarlı giriş */
.page{ perspective:1200px; }
.page.active{ animation:fcPageIn .5s var(--fc-ease) both; }

/* Kalan keskin köşeleri yuvarla (terminal artığı) */
.search-dropdown,.input,.btn,.topbar-search input,.topbar-key-badge,.toast,
.feature-card,.stat-box,.stat-card,.hero-search-box{ border-radius:var(--radius-md)!important; }
.btn{ border-radius:var(--radius-sm)!important; }
.hero-search-box{ border-radius:14px!important; }

/* 3D hover: karta doğru "kalkış" + yönlü katmanlı gölge */
.feature-card,.stat-box,.card,.admin-section{ transform-style:preserve-3d; transition:transform .45s var(--fc-ease), box-shadow .45s var(--fc-ease), border-color .45s var(--fc-ease)!important; }
.feature-card:hover,.card:hover{
  transform:translateY(-6px) translateZ(0) scale(1.012)!important;
  box-shadow:0 22px 48px -20px rgba(0,0,0,.85),0 8px 20px -12px rgba(59,130,246,.35),0 0 0 1px rgba(56,189,248,.18)!important;
}
.stat-box:hover{ transform:translateY(-4px) scale(1.015)!important; box-shadow:0 16px 36px -18px rgba(0,0,0,.8),0 0 0 1px rgba(56,189,248,.18)!important; }

/* Tutarlı boş durum — her sayfada aynı, ikon süzülüyor */
.empty-state{ padding:56px 24px!important; }
.empty-state-icon{ font-size:44px!important; animation:fcFloatY 3.2s var(--fc-ease) infinite; filter:drop-shadow(0 8px 20px rgba(59,130,246,.35)); }
.empty-state h3{ font-weight:700!important; letter-spacing:-.01em; }
@keyframes fcFloatY{ 0%,100%{transform:translateY(0)} 50%{transform:translateY(-8px)} }

/* Tablo satırları: sıralı beliriş + hover kayma */
.table-wrap table tbody tr,table.data tbody tr{ animation:fcRowIn .4s var(--fc-ease) both; }
table tbody tr:nth-child(2){animation-delay:.03s} table tbody tr:nth-child(3){animation-delay:.06s}
table tbody tr:nth-child(4){animation-delay:.09s} table tbody tr:nth-child(5){animation-delay:.12s}
table tbody tr:nth-child(6){animation-delay:.15s} table tbody tr:nth-child(n+7){animation-delay:.18s}
@keyframes fcRowIn{ from{opacity:0;transform:translateY(6px)} to{opacity:1;transform:none} }

@media (prefers-reduced-motion:reduce){
  .page-header,.page.active,.empty-state-icon,.table-wrap table tbody tr,table.data tbody tr{ animation:none!important; }
  .feature-card:hover,.card:hover,.stat-box:hover{ transform:none!important; }
}

/* ---- Skeleton shimmer (yükleme placeholder'ı) ---- */
.sk{
  display:inline-block; border-radius:99px; position:relative; overflow:hidden;
  background:linear-gradient(90deg,rgba(255,255,255,.045),rgba(255,255,255,.09),rgba(255,255,255,.045));
  background-size:200% 100%; animation:skShine 1.3s ease-in-out infinite;
}
.sk-pill{ height:22px; width:90px; }
.sk-stat{ height:52px; width:74px; border-radius:12px; }
@keyframes skShine{ 0%{background-position:200% 0} 100%{background-position:-200% 0} }
@media (prefers-reduced-motion:reduce){ .sk{ animation:none!important; } }

/* =====================================================
   ÜST BAR + MARKA v5 — terminal temasını tamamen kaldır
   (Poycord:~$ , yanıp sönen imleç, $ arama prompt'u)
   ===================================================== */

/* Terminal pseudo-ekleri sil */
.topnav-name::after,.sidebar-logo h2::after,.topbar-search::before{ content:""!important; margin:0!important; }

/* Üst navigasyon: findcord cam bar */
.sidebar-nav{
  background:rgba(8,8,13,.72)!important; backdrop-filter:blur(16px); -webkit-backdrop-filter:blur(16px);
  border-bottom:1px solid var(--border)!important;
}

/* Marka: temiz gradient, mono değil */
.sidebar-logo h2,.topnav-name{
  font-family:inherit!important; font-weight:800!important; letter-spacing:-.3px!important;
  background:linear-gradient(90deg,#fff,#93c5fd)!important;
  -webkit-background-clip:text!important; background-clip:text!important; -webkit-text-fill-color:transparent!important;
  color:transparent!important;
}
.sidebar-logo-icon{ box-shadow:0 6px 20px -4px rgba(59,130,246,.6)!important; }

/* Üst arama: yuvarlak, cam, sans-serif */
.topbar-search{
  background:rgba(20,20,30,.6)!important; border:1px solid var(--border)!important;
  border-radius:var(--radius-md)!important; backdrop-filter:blur(8px);
  transition:border-color .25s var(--fc-ease), box-shadow .25s var(--fc-ease)!important;
}
.topbar-search:focus-within{ border-color:rgba(56,189,248,.5)!important; box-shadow:0 0 0 3px rgba(59,130,246,.14)!important; }
.topbar-search input{ font-family:inherit!important; }
.topbar-search-icon{ color:var(--accent-blue)!important; }

/* =====================================================
   Görsel büyütme popup'ı (lightbox) + sunucu hero cila
   ===================================================== */
.lightbox-overlay{
  position:fixed; inset:0; z-index:9999; display:flex; align-items:center; justify-content:center;
  background:rgba(4,6,10,.82); backdrop-filter:blur(14px); -webkit-backdrop-filter:blur(14px);
  opacity:0; visibility:hidden; transition:opacity .28s var(--fc-ease), visibility .28s; padding:32px;
}
.lightbox-overlay.open{ opacity:1; visibility:visible; }
.lightbox-img{
  max-width:min(88vw,880px); max-height:86vh; border-radius:16px; object-fit:contain;
  border:1px solid rgba(255,255,255,.12);
  box-shadow:0 40px 120px -30px #000, 0 0 0 1px rgba(59,130,246,.18);
  transform:scale(.92); transition:transform .3s var(--fc-ease);
}
.lightbox-overlay.open .lightbox-img{ transform:scale(1); }
.lightbox-close{
  position:absolute; top:20px; right:24px; width:42px; height:42px; border-radius:50%;
  background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.16); color:#fff;
  font-size:18px; cursor:pointer; display:grid; place-items:center;
  transition:background .2s var(--fc-ease), transform .2s var(--fc-ease);
}
.lightbox-close:hover{ background:rgba(255,255,255,.16); transform:scale(1.08); }
@media (prefers-reduced-motion:reduce){
  .lightbox-overlay,.lightbox-img{ transition:none!important; }
  .lightbox-overlay.open .lightbox-img{ transform:none; }
}

/* Sunucu hero: daha büyük ikon + ring/glow, daha yüksek banner */
.server-banner{ height:170px!important; transition:filter .3s var(--fc-ease); }
.server-banner[onclick]:hover{ filter:brightness(1.08); }
.server-profile-icon{
  width:104px!important; height:104px!important; border-radius:26px!important;
  margin-top:-54px!important; border:4px solid var(--bg-card)!important;
  box-shadow:0 10px 30px -10px rgba(59,130,246,.55), 0 0 0 1px rgba(56,189,248,.2)!important;
  transition:transform .35s var(--fc-ease), box-shadow .35s var(--fc-ease);
}
.server-profile-icon[onclick]:hover{ transform:scale(1.05); box-shadow:0 14px 38px -10px rgba(59,130,246,.8), 0 0 0 1px rgba(56,189,248,.4)!important; }
.server-profile-hero{ animation:fcHeroIn .55s var(--fc-ease) both; }

/* Nav linkleri: nefes + sans + tutarlı hover/aktif pill (findcord) */
.sidebar-nav{ gap:6px!important; }
.sidebar-nav a,.topnav-link,.sidebar-nav .nav-item{
  transition:color .2s var(--fc-ease), background .2s var(--fc-ease)!important;
  border-radius:var(--radius-sm)!important;
  font-family:inherit!important; font-size:14px!important; font-weight:500;
  padding:9px 16px!important; letter-spacing:0;
}
.sidebar-nav a:not(.active):hover,.sidebar-nav .nav-item:not(.active):hover{ background:var(--bg-hover)!important; }

/* Başlıklar mono terminal → temiz sans (rakamlar mono kalır) */
.hero-section h1,.hero-title,#page-home h1,.hero-section h2,
.feature-card h3,.card h2,.card h3,.card h4,.features-section h2{
  font-family:inherit!important; letter-spacing:-.02em;
}

/* Terminal "pencere" kartını findcord kartına çevir:
   sahte titlebar + trafik-ışığı noktalarını kaldır */
.card{ padding-top:22px!important; }
.card::before{ display:none!important; content:none!important; }
.card::after{ display:none!important; content:none!important; }

/* Butonlar mono → sans (findcord) */
.btn,.btn-primary,.btn-secondary,.btn-sm{ font-family:inherit!important; }