@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css');

:root{
  --radius-xl:16px;
  --radius-2xl:20px;
  --radius-3xl:24px;
  --shadow-soft:0 4px 20px rgba(2,6,23,.06), 0 1px 3px rgba(2,6,23,.04);
  --shadow-lift:0 8px 32px rgba(2,6,23,.1), 0 2px 8px rgba(2,6,23,.06);

  --brand-50:#eef2ff;
  --brand-100:#e0e7ff;
  --brand-200:#c7d2fe;
  --brand-400:#818cf8;
  --brand-500:#6366f1;
  --brand-600:#4f46e5;

  --bg:#f8fafc;
  --surface:#ffffff;
  --surface-2:#f8fafc;
  --border:#e2e8f0;
  --text:#0f172a;
  --text-2:#334155;
  --muted:#64748b;

  --dark-bg:#0a0f1d;
  --dark-surface:#0e1729;
  --dark-surface-2:rgba(2,6,23,.72);
  --dark-border:rgba(226,232,240,.14);
  --dark-text:#f1f5f9;
  --dark-text-2:#cbd5e1;
}

/* Badge Styles */
.badge {
  display: inline-flex;
  align-items: center;
  padding: 0.25rem 0.5rem;
  border-radius: 9999px;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1;
  text-transform: uppercase;
  letter-spacing: 0.025em;
}

.badge-success {
  background-color: #10b981;
  color: white;
}

.badge-warning {
  background-color: #f59e0b;
  color: white;
}

.badge-danger {
  background-color: #ef4444;
  color: white;
}

.dark .badge-success {
  background-color: #059669;
}

.dark .badge-warning {
  background-color: #d97706;
}

.dark .badge-danger {
  background-color: #dc2626;
}

/* Search Autocomplete Dropdown */
.search-autocomplete-dropdown {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 50;
  background: white;
  border: 1px solid var(--border);
  border-radius: var(--radius-xl);
  box-shadow: var(--shadow-lift);
  max-height: 300px;
  overflow-y: auto;
  margin-top: 0.5rem;
}

.dark .search-autocomplete-dropdown {
  background: var(--dark-surface);
  border-color: var(--dark-border);
}

/* Loading States */
.loading {
  position: relative;
  overflow: hidden;
}

.loading::after {
  content: '';
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(
    90deg,
    transparent,
    rgba(255, 255, 255, 0.2),
    transparent
  );
  animation: loading 1.5s infinite;
}

.dark .loading::after {
  background: linear-gradient(
    90deg,
    transparent,
    rgba(255, 255, 255, 0.1),
    transparent
  );
}

@keyframes loading {
  0% { left: -100%; }
  100% { left: 100%; }
}

/* Mobile Enhancements */
@media (max-width: 767px) {
  .search-autocomplete-dropdown {
    max-height: 200px;
  }
  
  .bulk-actions-bar {
    flex-direction: column;
    gap: 0.5rem;
  }
  
  .bulk-actions-bar > div {
    width: 100%;
    justify-content: space-between;
  }
  
  .bulk-actions-bar button {
    font-size: 0.75rem;
    padding: 0.5rem 0.75rem;
  }
}

@media (max-width: 767px){
  html{-webkit-text-size-adjust:100%;text-size-adjust:100%;}
  input,select,textarea{font-size:16px;}
}

/* Haber Ticker Animation */
@keyframes ticker {
  0% { transform: translateX(0); }
  100% { transform: translateX(-100%); }
}

@keyframes pulseTicker {
  0% { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}

.animate-ticker {
  animation: ticker 8s linear infinite;
}

.news-ticker:hover .animate-ticker {
  animation-play-state: paused;
}

.ticker-content {
  gap: 3rem; /* Haberler arasında boşluk */
}

.news-ticker {
  max-width: 300px; /* Sadece 1 haber genişliği */
}

 .pulse-bar{
   border-radius:var(--radius-3xl);
   border:1px solid rgba(99,102,241,.22);
   background:
     radial-gradient(900px 220px at 18% 0%, rgba(99,102,241,.14), transparent 60%),
     radial-gradient(700px 220px at 82% 0%, rgba(34,211,238,.10), transparent 60%),
     radial-gradient(700px 260px at 50% 140%, rgba(244,63,94,.10), transparent 60%),
     linear-gradient(180deg, rgba(255,255,255,.92), rgba(248,250,252,.96));
   box-shadow:var(--shadow-soft);
   overflow:hidden;
 }
 .dark .pulse-bar{
   border-color:rgba(129,140,248,.24);
   background:
     radial-gradient(900px 260px at 18% 0%, rgba(99,102,241,.20), transparent 62%),
     radial-gradient(900px 260px at 82% 0%, rgba(34,211,238,.14), transparent 62%),
     radial-gradient(700px 240px at 50% 120%, rgba(244,63,94,.10), transparent 60%),
     linear-gradient(180deg, rgba(2,6,23,.60), rgba(10,15,29,.92));
   box-shadow:var(--shadow-lift);
 }

 .pulse-bar__inner{
   display:flex;
   align-items:center;
   gap:1rem;
   padding:.85rem 1rem;
 }
 .pulse-bar__left{
   display:flex;
   align-items:center;
   gap:.65rem;
   flex:0 0 auto;
 }
 .pulse-bar__dot{
   width:.6rem;
   height:.6rem;
   border-radius:999px;
   background:rgba(16,185,129,1);
   box-shadow:0 0 0 6px rgba(16,185,129,.14);
 }

 .pulse-bar__ticker{
   flex:1 1 auto;
   overflow:hidden;
   min-width:10rem;
 }
 .pulse-bar__ticker.is-draggable{
  overflow-x:auto;
  overflow-y:hidden;
  cursor:grab;
  user-select:none;
  -webkit-user-select:none;
  -ms-user-select:none;
  scrollbar-width:thin;
  scrollbar-color:rgba(99,102,241,.5) transparent;
  -ms-overflow-style:auto;
  padding-bottom:8px;
}
.pulse-bar__ticker.is-draggable::-webkit-scrollbar{
  height:6px;
}
.pulse-bar__ticker.is-draggable::-webkit-scrollbar-track{
  background:rgba(15,23,42,.3);
  border-radius:3px;
}
.pulse-bar__ticker.is-draggable::-webkit-scrollbar-thumb{
  background:rgba(99,102,241,.6);
  border-radius:3px;
}
.pulse-bar__ticker.is-draggable:hover::-webkit-scrollbar-thumb{
  background:rgba(99,102,241,.9);
}
.pulse-bar__ticker.is-dragging{cursor:grabbing;}
 .pulse-bar__track{
   display:flex;
   gap:.65rem;
   width:max-content;
   animation:pulseTicker 16s linear infinite;
 }
 .pulse-bar__ticker:hover .pulse-bar__track{animation-play-state:paused;}
 .pulse-bar__ticker.is-draggable .pulse-bar__track{animation:none;}

 .pulse-chip{
   display:inline-flex;
   align-items:center;
   gap:.45rem;
   border-radius:999px;
   border:1px solid rgba(226,232,240,1);
   background:rgba(255,255,255,.78);
   padding:.35rem .6rem;
   font-size:.75rem;
   font-weight:800;
   color:rgba(30,41,59,1);
   box-shadow:0 1px 2px rgba(2,6,23,.05);
   white-space:nowrap;
 }
 .dark .pulse-chip{border-color:rgba(226,232,240,.14);background:rgba(2,6,23,.35);color:rgba(226,232,240,.92);} 
 .pulse-chip__sym{letter-spacing:.02em;}
 .pulse-chip__val{font-weight:900;}
 .pulse-chip__chg{font-weight:900;}
 .pulse-chip__chg.is-up{color:rgba(16,185,129,1);} 
 .pulse-chip__chg.is-down{color:rgba(244,63,94,1);} 
 .dark .pulse-chip__chg.is-up{color:rgba(52,211,153,1);} 
 .dark .pulse-chip__chg.is-down{color:rgba(251,113,133,1);} 

 .pulse-card{
   display:flex;
   align-items:center;
   gap:0.75rem;
   padding:0.6rem 0.75rem;
   min-width:100%;
   background:linear-gradient(145deg, rgba(15, 23, 42, 0.9) 0%, rgba(2, 6, 23, 0.95) 100%);
   border:1px solid rgba(99, 102, 241, 0.2);
   border-radius:12px;
   transition:all 0.2s ease;
   box-shadow:0 2px 8px rgba(0, 0, 0, 0.2);
 }
 .pulse-card:hover{
   transform:translateY(-1px);
   border-color:rgba(99, 102, 241, 0.4);
   background:linear-gradient(145deg, rgba(30, 41, 59, 0.95) 0%, rgba(15, 23, 42, 1) 100%);
   box-shadow:0 4px 16px rgba(99, 102, 241, 0.15);
 }
 .pulse-card:active{transform:translateY(0);}
 .pulse-card__top{display:flex;align-items:center;gap:0.75rem;flex:1;}
 .pulse-card__logo{position:relative;display:inline-flex;align-items:center;justify-content:center;height:36px;width:36px;border-radius:10px;overflow:hidden;background:linear-gradient(135deg, rgba(99, 102, 241, 0.4), rgba(34, 211, 238, 0.3));border:1px solid rgba(148, 163, 184, 0.3);box-shadow:0 2px 6px rgba(0, 0, 0, 0.2);}
 .pulse-card__img{height:100%;width:100%;object-fit:cover;display:block;}
 .pulse-card__letter{font-size:0.8rem;font-weight:700;color:white;text-shadow:0 1px 2px rgba(0,0,0,0.3);}
 .pulse-card__meta{display:flex;flex-direction:column;min-width:0;line-height:1.2;flex:1;}
 .pulse-card__sym{font-size:0.85rem;font-weight:700;color:rgba(255, 255, 255, 0.98);}
 .pulse-card__name{font-size:0.7rem;font-weight:500;color:rgba(148, 163, 184, 0.85);}
 .pulse-card__date{font-size:0.7rem;font-weight:600;color:rgba(148, 163, 184, 0.7);background:rgba(15, 23, 42, 0.6);padding:0.2rem 0.5rem;border-radius:999px;white-space:nowrap;}
 .pulse-card__vip{position:absolute;top:-4px;right:-4px;display:inline-flex;align-items:center;justify-content:center;height:14px;width:14px;border-radius:999px;background:linear-gradient(90deg,#f59e0b,#fbbf24);color:white;font-size:8px;box-shadow:0 2px 6px rgba(0,0,0,.3);}

 .pulse-bar__right{
   display:flex;
   align-items:center;
   gap:.5rem;
   flex:0 0 auto;
 }
 .pulse-badge{
   display:inline-flex;
   align-items:center;
   border-radius:999px;
   padding:.35rem .6rem;
   font-size:.75rem;
   font-weight:900;
   border:1px solid rgba(226,232,240,1);
   background:rgba(255,255,255,.72);
   color:rgba(30,41,59,1);
 }
 .dark .pulse-badge{border-color:rgba(226,232,240,.14);background:rgba(2,6,23,.35);color:rgba(226,232,240,.92);} 

 @media (max-width: 767px){
   .pulse-bar__inner{gap:.75rem;}
   .pulse-bar__right{display:none;}
 }
 @media (max-width: 479px){
   .pulse-bar__left{display:none;}
 }

 .detail-hero{
   position:relative;
   border-radius:var(--radius-3xl);
   border:1px solid rgba(99,102,241,.20);
   background:
     radial-gradient(900px 260px at 16% 0%, rgba(99,102,241,.14), transparent 62%),
     radial-gradient(900px 260px at 84% 0%, rgba(34,211,238,.10), transparent 62%),
     radial-gradient(700px 240px at 50% 120%, rgba(244,63,94,.10), transparent 60%),
     linear-gradient(180deg, rgba(255,255,255,.86), rgba(248,250,252,.96));
   box-shadow:var(--shadow-lift);
   overflow:hidden;
 }
 .dark .detail-hero{
   border-color:rgba(129,140,248,.20);
   background:
     radial-gradient(900px 260px at 16% 0%, rgba(99,102,241,.20), transparent 62%),
     radial-gradient(900px 260px at 84% 0%, rgba(34,211,238,.14), transparent 62%),
     radial-gradient(700px 240px at 50% 120%, rgba(244,63,94,.10), transparent 60%),
     linear-gradient(180deg, rgba(2,6,23,.62), rgba(10,15,29,.92));
 }
 .detail-hero__inner{padding:1.25rem;}
 @media (min-width: 640px){.detail-hero__inner{padding:1.5rem;}}

 .detail-actions{
   display:grid;
   gap:.5rem;
   width:100%;
   max-width:22rem;
 }
 @media (min-width: 640px){
   .detail-actions{grid-template-columns:1fr;}
 }
 @media (min-width: 1024px){
   .detail-actions{position:sticky;top:6.25rem;}
 }

 .detail-nav{
   margin-top:1rem;
   display:flex;
   flex-wrap:wrap;
   gap:.4rem;
 }
 .detail-nav__link{
   display:inline-flex;
   align-items:center;
   justify-content:center;
   border-radius:999px;
   padding:.35rem .65rem;
   font-size:.75rem;
   font-weight:900;
   text-decoration:none;
   border:1px solid rgba(226,232,240,1);
   background:rgba(255,255,255,.72);
   color:rgba(30,41,59,1);
   box-shadow:0 1px 2px rgba(2,6,23,.05);
 }
 .detail-nav__link:hover{border-color:rgba(99,102,241,.35);}
 .dark .detail-nav__link{border-color:rgba(226,232,240,.12);background:rgba(2,6,23,.35);color:rgba(226,232,240,.92);} 
 .dark .detail-nav__link:hover{border-color:rgba(129,140,248,.38);} 

html,body{height:100%;}
body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;}
.dark body{background:var(--dark-bg);color:var(--dark-text);}

/* Stabilize numeric fields to prevent horizontal layout jitter on live updates */
body{
  /* scrollbar-gutter: stable — desktop'ta layout jitter önler ama
     mobil/PWA'da yatay overflow ekler. Sadece desktop'ta aktif. */
}

/* Desktop'ta scrollbar-gutter stable — layout jitter önle */
@media (min-width: 1024px) {
  body {
    scrollbar-gutter: stable;
  }
}

[data-price="true"],
[data-change="true"],
[data-votes],
[data-pt-price="true"],
[data-hype-flow-votes10="true"],
[data-hype-flow-vol10="true"],
[data-hype-flow-price10="true"]{
  font-variant-numeric: tabular-nums;
  font-feature-settings: "tnum";
}

[data-price="true"]{
  display:inline-block;
  min-width: 14ch;
  text-align:right;
}

[data-change="true"]{
  min-width: 10ch;
}

[data-votes]{
  min-width: 8ch;
}

/* Mobile coin card: prevent global min-width rules from breaking 3-col stat grid */
@media (max-width: 767px){
  .coin-stat-value[data-price="true"],
  .coin-stat-value[data-change="true"],
  .coin-stat-value[data-votes],
  td[data-price="true"],
  td[data-change="true"],
  td[data-votes],
  span[data-price="true"],
  span[data-change="true"],
  span[data-votes]{
    min-width: 0 !important;
    text-align: left;
  }
}

/* Table column stabilization */
table td.w-48,
table th.w-48 {
  width: 12rem !important;
  min-width: 12rem !important;
  max-width: 12rem !important;
}

table td.w-24,
table th.w-24 {
  width: 6rem !important;
  min-width: 6rem !important;
  max-width: 6rem !important;
}

table td.w-32,
table th.w-32 {
  width: 8rem !important;
  min-width: 8rem !important;
  max-width: 8rem !important;
}

table td.w-20,
table th.w-20 {
  width: 5rem !important;
  min-width: 5rem !important;
  max-width: 5rem !important;
}

table td.w-16,
table th.w-16 {
  width: 4rem !important;
  min-width: 4rem !important;
  max-width: 4rem !important;
}

/* Mobile: tablo sabit genişliklerini sıfırla — scroll kapsayıcı halledecek */
@media (max-width: 767px) {
  table td[class*="w-"],
  table th[class*="w-"] {
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
  }
}

@supports (padding: env(safe-area-inset-bottom)){
  :root{
    --safe-bottom: env(safe-area-inset-bottom);
    --safe-top: env(safe-area-inset-top);
  }

  /* PWA standalone modda notch/status-bar için üst boşluk */
  @media (display-mode: standalone) {
    header.sticky {
      padding-top: env(safe-area-inset-top, 0px);
    }
    body {
      padding-bottom: env(safe-area-inset-bottom, 0px);
    }
    /* iPhone notch — içerik alta taşmasın */
    .mobile-bottom-nav {
      padding-bottom: env(safe-area-inset-bottom, 0px);
    }
    #mobileBottomNavContainer nav {
      padding-bottom: env(safe-area-inset-bottom, 8px);
    }
  }
}

/* Neon header (applies site-wide without editing HTML) */
header.sticky{
  position:sticky;
  top:0;
  z-index:50;
  border-bottom:0 !important;
  /* backdrop-filter yeni stacking context yaratır — dropdown'lar overflow:visible ile dışarı çıkabilsin */
  overflow:visible;
  background:
    radial-gradient(900px 220px at 10% 0%, rgba(99,102,241,.18), transparent 60%),
    radial-gradient(700px 220px at 90% 0%, rgba(244,63,94,.14), transparent 60%),
    linear-gradient(180deg, rgba(255,255,255,.78), rgba(248,250,252,.92));
  backdrop-filter: blur(12px);
}
header.sticky::before{
  content:"";
  position:absolute;
  inset:0 0 auto 0;
  height:1px;
  background:linear-gradient(90deg, transparent, rgba(99,102,241,.75), rgba(34,211,238,.65), rgba(244,63,94,.65), transparent);
  opacity:.9;
  display:none !important;
}
.dark header.sticky{
  border-bottom:0 !important;
  background:
    radial-gradient(900px 260px at 18% 0%, rgba(99,102,241,.26), transparent 62%),
    radial-gradient(900px 260px at 82% 0%, rgba(34,211,238,.20), transparent 62%),
    radial-gradient(700px 240px at 50% 120%, rgba(244,63,94,.14), transparent 60%),
    linear-gradient(180deg, rgba(2,6,23,.72), rgba(10,15,29,.95));
}

/* Header buttons: stronger neon + sharper corners */
header.sticky .btn{
  border-radius:10px;
}
header.sticky .btn-primary{
  border-color:rgba(34,211,238,.28);
  box-shadow:
    0 12px 34px rgba(79,70,229,.24),
    0 0 0 1px rgba(99,102,241,.22) inset,
    0 0 22px rgba(34,211,238,.14);
}
header.sticky .btn-primary:hover{
  box-shadow:
    0 16px 46px rgba(79,70,229,.30),
    0 0 34px rgba(34,211,238,.18);
}
header.sticky .btn-secondary{
  border-color:rgba(99,102,241,.22);
  box-shadow:
    0 1px 2px rgba(2,6,23,.06),
    0 0 0 1px rgba(99,102,241,.14) inset,
    0 0 18px rgba(99,102,241,.10);
}
header.sticky .btn-secondary:hover{
  box-shadow:
    0 10px 28px rgba(99,102,241,.18),
    0 0 22px rgba(34,211,238,.12);
}

/* Mobile: header layout — NTM.ai tarzı, logo sol + arama orta + butonlar sağ */
@media (max-width: 639px) {
  /* Yeni header yapısı zaten flex row — override gerekmez */
  header.sticky .container-app {
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    gap: 0.5rem !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    padding-left: 0.75rem !important;
    padding-right: 0.75rem !important;
    height: 52px;
  }
  /* Logo — yeni HTML'de sabit boyutta, img override gerek yok */
  header.sticky .container-app > a img {
    height: 1.75rem !important;
    max-width: 100px !important;
  }
  /* Butonlar kompakt */
  header.sticky button,
  header.sticky .btn {
    min-height: unset !important;
    min-width: unset !important;
  }
  header.sticky #mobileMenuButton,
  header.sticky #themeToggle {
    width: 2.25rem !important;
    height: 2.25rem !important;
    padding: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
  }
}

@media (max-width: 767px){
  body{padding-bottom:0;}
  body.has-bottom-bar{padding-bottom:calc(6rem + var(--safe-bottom, 0px));}
  .btn{
    min-height:44px;
    min-width:44px;
    touch-action:manipulation;
  }
  .overflow-x-auto{-webkit-overflow-scrolling:touch;}
  table{max-width:100%;}


  /* === Index Page Final Mobile Layer (Aggressive) === */

  /* --- Top News Strip --- */
  body > section[aria-label="Haberler"] .rounded-3xl.bg-slate-900\/80 {
    padding: .75rem;
  }
  body > section[aria-label="Haberler"] .flex.flex-col.gap-4 {
    gap: .75rem;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  body > section[aria-label="Haberler"] .inline-flex.h-10.w-10 {
    height: 2.25rem; width: 2.25rem;
  }
  body > section[aria-label="Haberler"] .btn {
    padding: .4rem .6rem; font-size: .75rem;
  }
  body > section[aria-label="Haberler"] .mt-5 { margin-top: .75rem; }
  body > section[aria-label="Haberler"] .grid.gap-3 { gap: .5rem; }
  body > section[aria-label="Haberler"] [data-home-stream="true"] { padding: .75rem; }

  /* --- All News/Poll/Ad Cards in Top Strip --- */
  body > section[aria-label="Haberler"] .rounded-2xl.border.p-4 {
    padding: .6rem !important;
  }
  body > section[aria-label="Haberler"] .rounded-2xl.border.p-4 .flex.gap-3 {
    gap: .5rem !important;
  }
  body > section[aria-label="Haberler"] .rounded-2xl.border.p-4 .h-12.w-12 {
    width: 2.25rem !important; height: 2.25rem !important; flex-shrink: 0;
  }
  body > section[aria-label="Haberler"] .rounded-2xl.border.p-4 .text-sm {
    font-size: .8rem !important; line-height: 1.2 !important;
  }
  body > section[aria-label="Haberler"] .rounded-2xl.border.p-4 .text-xs {
    font-size: .7rem !important;
  }
  body > section[aria-label="Haberler"] .rounded-2xl.border.p-4 .text-\[11px\] {
    font-size: .65rem !important; flex-shrink: 0;
  }
  body > section[aria-label="Haberler"] .rounded-2xl.border.p-4 .mt-3 { margin-top: .5rem; }
  body > section[aria-label="Haberler"] .rounded-2xl.border.p-4 .mt-1 { margin-top: .2rem; }

  /* --- Main Content Area --- */
  body > main.bg-white.pb-24 { padding-bottom: 6rem !important; }
  body > main.bg-white.pb-24 > section { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; }
  body > main.bg-white.pb-24 .mt-6 { margin-top: 1rem !important; }
  body > main.bg-white.pb-24 .mt-8 { margin-top: 1.25rem !important; }
  body > main.bg-white.pb-24 .grid { gap: .75rem !important; }
  body > main.bg-white.pb-24 .card, body > main.bg-white.pb-24 .card-muted {
    padding: 1rem !important;
  }

  /* --- Hero Section --- */
  body > main.bg-white.pb-24 h1 { font-size: 1.9rem !important; line-height: 1.15 !important; }
  body > main.bg-white.pb-24 .inline-flex.items-center.gap-2.rounded-full { flex-wrap: nowrap; }
  body > main.bg-white.pb-24 .inline-flex.items-center.gap-2.rounded-full span:last-child { white-space: normal; }
  body > main.bg-white.pb-24 .mt-6.grid.gap-3 { font-size: .9rem; }
  body > main.bg-white.pb-24 .mt-6.flex.flex-col.gap-3 a.btn, body > main.bg-white.pb-24 form button.btn {
    padding: .75rem 1rem !important; font-size: .95rem !important;
  }
  body > main.bg-white.pb-24 form .input { font-size: .95rem !important; padding-top: .75rem !important; padding-bottom: .75rem !important; }

  /* --- Featured Coins Table --- */
  body > main.bg-white.pb-24 .lg\:col-span-12 > .card .flex-col.gap-4 { flex-direction: row; flex-wrap: wrap; }
  body > main.bg-white.pb-24 .lg\:col-span-12 > .card .text-xl { font-size: 1.1rem !important; }
  body > main.bg-white.pb-24 .lg\:col-span-12 > .card .badge { font-size: .65rem !important; }
  body > main.bg-white.pb-24 .lg\:col-span-12 > .card .btn { font-size: .75rem !important; }
  body > main.bg-white.pb-24 .lg\:col-span-12 > .card .overflow-x-auto table th,
  body > main.bg-white.pb-24 .lg\:col-span-12 > .card .overflow-x-auto table td {
    padding: .75rem .5rem !important;
    font-size: .8rem !important;
    white-space: nowrap !important;
  }

  /* --- Lower Sections --- */
  body > main.bg-white.pb-24 .section-title { font-size: 1.1rem !important; }
  body > main.bg-white.pb-24 .text-3xl { font-size: 1.5rem !important; }
  body > main.bg-white.pb-24 .text-2xl { font-size: 1.25rem !important; }
  body > main.bg-white.pb-24 .text-xl { font-size: 1.1rem !important; }
  body > main.bg-white.pb-24 .text-lg { font-size: 1rem !important; }
  body > main.bg-white.pb-24 .h-12.w-12 { height: 2.5rem !important; width: 2.5rem !important; flex-shrink: 0; }
  body > main.bg-white.pb-24 .flex.items-start.gap-4 { gap: .75rem !important; }
  body > main.bg-white.pb-24 .rounded-3xl.bg-white.p-6 { flex-direction: column; }

  /* === Global Mobile Layer === */

  /* --- Layout & Spacing --- */
  .container-app { padding-left: .75rem !important; padding-right: .75rem !important; }
  main.container-app { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; }
  .page-auth-login main.container-app{padding-left:0 !important;padding-right:0 !important;}
  .page-auth-login main .container-app{padding-left:0 !important;padding-right:0 !important;}
  .page-auth-login{overflow-x:hidden;overscroll-behavior-x:none;touch-action:pan-y;}
  .page-auth-login main{overflow-x:hidden;width:100%;max-width:100%;touch-action:pan-y;}
  .page-auth-login main .container-app{max-width:100%;}

  /* Coin Detail Page Mobile Fixes */
  .page-coin-detail{overflow-x:hidden;}
  .page-coin-detail main{overflow-x:hidden;}
  .page-coin-detail .container-app{max-width:100%;}
  .page-coin-detail iframe{width:100% !important;max-width:100%;}
  .page-coin-detail #tab-dexscreener,
  .page-coin-detail #tab-geckoterminal{max-width:100%;}
  .page-coin-detail [data-tab]{white-space:nowrap;}
  .page-coin-detail .flex.flex-wrap.gap-2{gap:.5rem;}

  /* Chart container mobile safety */
  .page-coin-detail .relative.h-\[420px\],
  .page-coin-detail .relative.h-\[480px\]{max-width:100%;}
  .card, .card-muted, .kpi { padding: 1rem !important; }
  .grid { gap: .75rem !important; }

  /* --- Header & Footer --- */
  header.sticky .container-app > a img { height: 2rem !important; width: auto !important; max-width: 120px !important; }
  footer.footer-neon .container-app { padding-top: 3rem !important; padding-bottom: 3rem !important; }
  footer.footer-neon .lg\:col-span-7 .grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  footer.footer-neon .border-t { margin-top: 2rem !important; padding-top: 1.5rem !important; flex-direction: column; align-items: flex-start; }

  /* --- Typography --- */
  h1, .text-5xl, .text-4xl, .text-3xl { font-size: 1.75rem !important; line-height: 2rem !important; }
  h2, .text-2xl { font-size: 1.25rem !important; line-height: 1.75rem !important; }
  h3, .text-xl { font-size: 1.125rem !important; line-height: 1.5rem !important; }

  /* --- Forms & Buttons --- */
  .btn { padding: .6rem 1rem !important; font-size: .875rem !important; }
  .btn.text-xs { padding: .4rem .8rem !important; font-size: .75rem !important; }
  .input { padding: .6rem 1rem !important; font-size: .875rem !important; }

  /* --- Tables --- */
  .overflow-x-auto table th, .overflow-x-auto table td {
    padding: .75rem .5rem !important;
    font-size: .8rem !important;
    white-space: nowrap !important;
  }

  /* Global mobile safety net (site-wide) */
  .container-app{padding-left:.875rem;padding-right:.875rem;}
  img,video,canvas,svg{max-width:100%;height:auto;}
  iframe{max-width:100%;}
  pre,code{white-space:pre-wrap;word-break:break-word;}
  .badge,.badge-ok,.badge-warn,.badge-vip{max-width:100%;}
  .input,select,textarea{max-width:100%;}
  .card,.card-muted,.kpi{max-width:100%;}
  .overflow-x-auto{max-width:100%;}
  .min-w-\[16rem\]{min-width:0 !important;}

  #newsModal .cmdk__panel{width:calc(100% - 1rem);max-width:none !important;margin:.5rem auto 0;max-height:calc(100dvh - 1rem);}
  #newsModal .cmdk__header{padding:.75rem;}
  #newsModal .cmdk__body{padding:.75rem;max-height:calc(100dvh - 4.25rem);overflow:auto;-webkit-overflow-scrolling:touch;}
  #newsModal #newsModalImage{height:9rem;}

  .ticker-content{gap:1rem;}

  .news-ticker{max-width:100%;}

  [data-home-stream] > div.flex.items-center.justify-between{
    flex-wrap:wrap;
    row-gap:.5rem;
  }

  [data-home-stream] > div.flex.items-center.justify-between > div:last-child{
    width:100%;
    justify-content:flex-end;
  }

  /* ── PWA / Index Ana Sayfa Kayma Düzeltmeleri ── */
  /* Banner slider: yatay taşma engeli */
  #mobileBannerSlider{max-width:100vw;overflow:hidden;}
  #mobileBannerSlider > [data-banner-index]{max-width:100vw;}
  /* Hero blur topları: negatif margin taşmayı önle */
  section.relative.overflow-hidden{overflow:hidden !important;}
  /* Flex/grid içindeki metinler: uzun kelimeler kırsın */
  .min-w-0{min-width:0 !important;}
  /* Pulse bar + haber ticker: ekran genişliğini aşmasın */
  .pulse-bar__ticker{max-width:calc(100vw - 2.5rem);}
  .pulse-bar{max-width:100%;overflow:hidden;}
  /* Hashtag pill'ler: yatay scroll alanı */
  .mt-2.flex.overflow-x-auto{
    -webkit-overflow-scrolling:touch;
    overscroll-behavior-x:contain;
    padding-bottom:4px;
  }

  /* Index tables & badges mobile fixes */
  .overflow-x-auto table{min-width:100%;}
  .overflow-x-auto th, .overflow-x-auto td{padding:.4rem .2rem;font-size:.75rem;}
  .overflow-x-auto th:nth-child(4), .overflow-x-auto td:nth-child(4){display:none;}
  .overflow-x-auto .h-8.w-24{width:4rem;height:1.5rem;}
  .overflow-x-auto .badge, .overflow-x-auto .badge-vip, .overflow-x-auto .badge-ok{font-size:.65rem;padding:.15rem .35rem;}
  .overflow-x-auto .flex.flex-wrap.gap-2{gap:.25rem;}
  .overflow-x-auto .btn{padding:.3rem .5rem;font-size:.7rem;}

  /* Featured coins section visibility fix - prevent duplicate display */
  .mt-6.sm\:hidden{display:none !important;}
  @media (min-width: 640px) {
    .mt-6.sm\:hidden{display:none !important;}
    .mt-6.hidden.sm\:block{display:block !important;}
  }
  @media (max-width: 639px) {
    .mt-6.hidden.sm\:block{display:none !important;}
    .mt-6.sm\:hidden{display:block !important;}
  }

  /* Son Haberler cards mobile */
  .grid.gap-3.sm\:grid-cols-2.lg\:grid-cols-3{gap:.375rem;}
  .grid.gap-3.sm\:grid-cols-2.lg\:grid-cols-3 > a{padding:.375rem;}
  .grid.gap-3.sm\:grid-cols-2.lg\:grid-cols-3 .flex.gap-3{gap:.375rem;}
  .grid.gap-3.sm\:grid-cols-2.lg\:grid-cols-3 .h-12.w-12{width:1.75rem;height:1.75rem;}
  .grid.gap-3.sm\:grid-cols-2.lg\:grid-cols-3 .text-sm{font-size:.7rem;line-height:1.1;}
  .grid.gap-3.sm\:grid-cols-2.lg\:grid-cols-3 .text-xs{font-size:.6rem;}
  .grid.gap-3.sm\:grid-cols-2.lg\:grid-cols-3 .text-\[11px\]{font-size:.55rem;}
  .grid.gap-3.sm\:grid-cols-2.lg\:grid-cols-3 .inline-flex.items-center.gap-2{gap:.0625rem;flex-wrap:wrap;}
  .grid.gap-3.sm\:grid-cols-2.lg\:grid-cols-3 .rounded-full{padding:.0625rem .1875rem;font-size:.55rem;}
  .grid.gap-3.sm\:grid-cols-2.lg\:grid-cols-3 .min-w-0.flex-1{min-width:0;}
  .grid.gap-3.sm\:grid-cols-2.lg\:grid-cols-3 .truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
  .grid.gap-3.sm\:grid-cols-2.lg\:grid-cols-3 .line-clamp-2{-webkit-line-clamp: 2; line-clamp: 2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden;}
} /* end @media (max-width: 767px) — part 1 */

  /* Admin Coins Page Mobile Optimization */
@media (max-width: 1023px) {
  /* Main container full width */
  .admin-coins-page main,
  .admin-coins-page .container-app {
    max-width: 100vw !important;
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
  }

  .admin-promote-page main,
  .admin-promote-page .container-app {
    max-width: 100vw !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  
  /* Stats grid full width */
  .admin-coins-page .grid.grid-cols-3,
  .admin-coins-page .grid.grid-cols-2 {
    width: 100% !important;
    max-width: 100% !important;
  }
  
  /* Card container */
  .admin-coins-page .card {
    max-width: 100% !important;
    overflow-x: hidden !important;
  }
  
  /* Prevent horizontal scroll */
  .admin-coins-page {
    overflow-x: hidden !important;
  }
  
  /* Search form responsive */
  .admin-coins-page form#coinsSearchForm {
    width: 100% !important;
  }
  
  /* Import section responsive */
  .admin-coins-page .grid.gap-3.sm\:grid-cols-2 {
    display: flex;
    flex-direction: column;
  }
  
  /* Table container scrollable */
  .admin-coins-page .overflow-x-auto {
    max-width: 100vw;
    -webkit-overflow-scrolling: touch;
  }
}

/* Mobile specific adjustments */
@media (max-width: 640px) {
  /* Smaller padding on mobile */
  .admin-coins-page .card.p-2,
  .admin-coins-page .card.p-3 {
    padding: 0.5rem !important;
  }
  
  /* Stats cards compact */
  .admin-coins-page .grid.grid-cols-3 > .card {
    min-width: 0 !important;
  }
  
  /* Mobile action buttons */
  .admin-coins-page .flex.flex-wrap.gap-1\.5 > * {
    min-height: 32px;
  }
  
  /* Font size adjustments */
  .admin-coins-page .text-xl {
    font-size: 1.125rem !important;
  }
  
  .admin-coins-page .text-xs {
    font-size: 0.625rem !important;
  }
}

/* Extra small screens */
@media (max-width: 380px) {
  .admin-coins-page .grid.grid-cols-3 {
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 0.25rem !important;
  }
  
  .admin-coins-page .card.p-2 {
    padding: 0.375rem !important;
  }
  
  .admin-coins-page .text-xl {
    font-size: 1rem !important;
  }
}

/* Ensure body doesn't overflow */
body.admin-coins-page {
  overflow-x: hidden;
  max-width: 100vw;
}

html.admin-coins-page {
  overflow-x: hidden;
}

  /* Boost Page Mobile Optimization - Prevent Horizontal Scrolling */@media (max-width: 1023px) {
  /* Main container fixes */
  main.container-app {
    overflow-x: hidden;
    max-width: 100vw;
  }
  
  /* Grid layout fixes for mobile */
  section.grid.lg\\:grid-cols-12 {
    display: flex;
    flex-direction: column;
    gap: 1rem;
  }
  
  /* Ensure all cards don't overflow */
  .card {
    max-width: 100%;
    overflow-x: hidden;
  }
  
  /* Coins table card — tam genişlik, yatay scroll izinli */
  .page-coins #tab-table.card,
  .page-coins #tab-table.coins-table-panel {
    overflow-x: auto !important;
    max-width: 100% !important;
  }
  
  /* Table container fixes */
  .overflow-x-auto {
    max-width: 100%;
    -webkit-overflow-scrolling: touch;
  }
  
  /* Table adjustments for mobile */
  table[class*="min-w-"] {
    min-width: unset !important;
    width: 100%;
    font-size: 0.75rem;
  }
  
  table[class*="min-w-"] th,
  table[class*="min-w-"] td {
    padding: 0.5rem 0.25rem;
    white-space: nowrap;
  }
  
  /* Code/address text wrapping */
  code.break-all {
    word-break: break-all;
    overflow-wrap: break-word;
    max-width: 100%;
    display: block;
  }
  
  /* Form elements full width */
  input.w-full,
  select.w-full,
  textarea.w-full {
    max-width: 100%;
    box-sizing: border-box;
  }
  
  /* Prevent absolute positioned elements from causing overflow */
  .absolute.inset-0.-z-10 {
    overflow: hidden;
  }
  
  /* Button container fixes */
  .flex.flex-col.sm\\:flex-row {
    width: 100%;
  }
  
  /* Hero section text wrapping */
  h1.text-3xl {
    word-wrap: break-word;
    overflow-wrap: break-word;
  }
  
  /* Package cards grid fix */
  .grid.gap-4.md\\:grid-cols-3 {
    display: flex;
    flex-direction: column;
  }
  
  /* Ensure sticky container doesn't cause overflow */
  .lg\\:sticky {
    position: relative;
    top: auto;
  }
}

/* Additional mobile fixes for very small screens */
@media (max-width: 640px) {
  /* Further reduce padding on small screens */
  .card.p-4,
  .card.p-6 {
    padding: 0.75rem;
  }
  
  /* Smaller text for tables */
  table {
    font-size: 0.7rem;
  }
  
  /* Reduce gap spacing */
  .space-y-6 > * + * {
    margin-top: 1rem;
  }
  
  /* Ensure all inputs are properly sized */
  .input {
    font-size: 16px; /* Prevent zoom on iOS */
    padding: 0.625rem;
  }
}

/* Prevent horizontal scroll on all devices */
html, body {
  overflow-x: hidden;
  max-width: 100%;
}

/* Admin sidebar mobile fix - ensure hidden on small screens */
@media (max-width: 1023px) {
  aside.hidden.lg\\:block {
    display: none !important;
  }
}

/* Fix for iOS momentum scrolling */
@supports (-webkit-touch-callout: none) {
  body {
    -webkit-overflow-scrolling: touch;
  }
}

@media (max-width: 767px) {
  /* === Poll neon + home stream mobile === */
  .poll-neon{
    padding:.375rem;
    background: linear-gradient(135deg, rgba(99,102,241,0.08), rgba(34,211,238,0.06), rgba(244,63,94,0.04));
    border: 1px solid rgba(99,102,241,0.2);
    box-shadow: 0 4px 20px rgba(99,102,241,0.1), 0 0 0 1px rgba(255,255,255,0.05) inset;
    position: relative;
    overflow: hidden;
  }
  .poll-neon::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(99,102,241,0.4), rgba(34,211,238,0.3), transparent);
  }
  .poll-neon:hover {
    background: linear-gradient(135deg, rgba(99,102,241,0.12), rgba(34,211,238,0.08), rgba(244,63,94,0.06));
    border-color: rgba(99,102,241,0.3);
    box-shadow: 0 8px 32px rgba(99,102,241,0.15), 0 0 0 1px rgba(255,255,255,0.08) inset;
  }
  .poll-neon .flex.gap-3{gap:.375rem;}
  .poll-neon .h-12.w-12{
    width:1.75rem;
    height:1.75rem;
    background: linear-gradient(135deg, rgba(99,102,241,0.15), rgba(34,211,238,0.1));
    border: 1px solid rgba(99,102,241,0.2);
  }
  .poll-neon:hover .h-12.w-12{
    background: linear-gradient(135deg, rgba(99,102,241,0.2), rgba(34,211,238,0.15));
    border-color: rgba(99,102,241,0.3);
  }
  .poll-neon .text-sm{font-size:.7rem;line-height:1.1;}
  .poll-neon .text-xs{font-size:.6rem;}
  .poll-neon .text-\[11px\]{font-size:.55rem;}
  .poll-neon .grid.grid-cols-2.gap-2{gap:.1875rem;}
  .poll-neon .px-3.py-2{padding:.1875rem .375rem;font-size:.6rem;}
  .poll-neon .btn.btn-primary{padding:.1875rem .375rem;font-size:.6rem;}
  .poll-neon .flex.items-center.justify-between.gap-2{gap:.1875rem;}
  .poll-neon .min-w-0.truncate{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
  .poll-neon .line-clamp-2{-webkit-line-clamp: 2; line-clamp: 2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden;}
  .poll-neon .mt-2{margin-top:.125rem;}
  .poll-neon .mt-1{margin-top:.125rem;}

  /* Enhanced poll option buttons */
  .poll-neon [data-poll-option] {
    background: linear-gradient(135deg, rgba(255,255,255,0.9), rgba(248,250,252,0.95));
    border: 1px solid rgba(99,102,241,0.2);
    color: rgba(15,23,42,0.9);
    transition: all 0.2s ease;
    position: relative;
    overflow: hidden;
  }
  .poll-neon [data-poll-option]:hover {
    background: linear-gradient(135deg, rgba(99,102,241,0.1), rgba(34,211,238,0.08));
    border-color: rgba(99,102,241,0.4);
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(99,102,241,0.15);
  }
  .poll-neon [data-poll-option]:active {
    transform: translateY(0);
  }
  .dark .poll-neon [data-poll-option] {
    background: linear-gradient(135deg, rgba(15,23,42,0.8), rgba(30,41,59,0.9));
    border-color: rgba(129,140,248,0.3);
    color: rgba(241,245,249,0.9);
  }
  .dark .poll-neon [data-poll-option]:hover {
    background: linear-gradient(135deg, rgba(129,140,248,0.15), rgba(34,211,238,0.12));
    border-color: rgba(129,140,248,0.5);
    box-shadow: 0 4px 12px rgba(129,140,248,0.2);
  }
  .poll-neon [data-poll-option][aria-disabled="true"] {
    opacity: 0.5;
    cursor: not-allowed;
  }
  .poll-neon [data-poll-option].ring-2 {
    border-color: rgba(99,102,241,0.6) !important;
    box-shadow: 0 0 0 2px rgba(99,102,241,0.2), 0 4px 12px rgba(99,102,241,0.15) !important;
  }
  .dark .poll-neon [data-poll-option].ring-2 {
    border-color: rgba(129,140,248,0.7) !important;
    box-shadow: 0 0 0 2px rgba(129,140,248,0.3), 0 4px 12px rgba(129,140,248,0.2) !important;
  }

  /* Enhanced poll title and timer text */
  .poll-neon .font-bold {
    color: rgba(15,23,42,0.95);
    font-weight: 700;
    text-shadow: 0 1px 2px rgba(0,0,0,0.02);
  }
  .poll-neon .text-slate-500 {
    color: rgba(99,102,241,0.7) !important;
    font-weight: 500;
  }
  .poll-neon .text-slate-600 {
    color: rgba(15,23,42,0.75) !important;
    font-weight: 500;
  }
  .poll-neon [data-poll-countdown] {
    color: rgba(99,102,241,0.9) !important;
    font-weight: 600;
    font-family: 'SF Mono', 'Monaco', 'Inconsolata', 'Roboto Mono', monospace;
  }
  .dark .poll-neon .font-bold {
    color: rgba(241,245,249,0.98);
    text-shadow: 0 1px 2px rgba(0,0,0,0.3);
  }
  .dark .poll-neon .text-white\/60 {
    color: rgba(34,211,238,0.8) !important;
    font-weight: 500;
  }
  .dark .poll-neon .text-white\/75 {
    color: rgba(241,245,249,0.8) !important;
    font-weight: 500;
  }
  .dark .poll-neon [data-poll-countdown] {
    color: rgba(34,211,238,0.95) !important;
    font-weight: 600;
    text-shadow: 0 0 8px rgba(34,211,238,0.3);
  }

  /* Enhanced poll vote button */
  .poll-neon .btn.btn-primary {
    background: linear-gradient(135deg, rgba(99,102,241,0.9), rgba(34,211,238,0.85), rgba(168,85,247,0.8));
    border: 1px solid rgba(99,102,241,0.4);
    color: #ffffff;
    font-weight: 600;
    box-shadow: 
      0 4px 16px rgba(99,102,241,0.25),
      0 0 0 1px rgba(255,255,255,0.1) inset,
      0 0 20px rgba(99,102,241,0.1);
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
  }
  .poll-neon .btn.btn-primary::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255,255,255,0.2), transparent);
    transition: left 0.5s ease;
  }
  .poll-neon .btn.btn-primary:hover {
    background: linear-gradient(135deg, rgba(99,102,241,1), rgba(34,211,238,0.95), rgba(168,85,247,0.9));
    border-color: rgba(99,102,241,0.6);
    transform: translateY(-2px);
    box-shadow: 
      0 8px 24px rgba(99,102,241,0.35),
      0 0 0 1px rgba(255,255,255,0.2) inset,
      0 0 30px rgba(99,102,241,0.2);
  }
  .poll-neon .btn.btn-primary:hover::before {
    left: 100%;
  }
  .poll-neon .btn.btn-primary:active {
    transform: translateY(0);
  }
  .poll-neon .btn.btn-primary:disabled {
    opacity: 0.6;
    cursor: not-allowed;
    transform: none;
    box-shadow: 
      0 2px 8px rgba(99,102,241,0.15),
      0 0 0 1px rgba(255,255,255,0.05) inset;
  }
  .dark .poll-neon .btn.btn-primary {
    background: linear-gradient(135deg, rgba(129,140,248,0.9), rgba(34,211,238,0.85), rgba(196,181,253,0.8));
    border-color: rgba(129,140,248,0.5);
    box-shadow: 
      0 6px 20px rgba(129,140,248,0.3),
      0 0 0 1px rgba(255,255,255,0.15) inset,
      0 0 25px rgba(129,140,248,0.15);
  }
  .dark .poll-neon .btn.btn-primary:hover {
    background: linear-gradient(135deg, rgba(129,140,248,1), rgba(34,211,238,0.95), rgba(196,181,253,0.9));
    border-color: rgba(129,140,248,0.7);
    box-shadow: 
      0 10px 30px rgba(129,140,248,0.4),
      0 0 0 1px rgba(255,255,255,0.25) inset,
      0 0 35px rgba(129,140,248,0.25);
  }

  /* Subtle animations and transitions */
  .poll-neon {
    animation: pollGlow 8s ease-in-out infinite alternate;
  }
  
  @keyframes pollGlow {
    0% {
      box-shadow: 0 4px 20px rgba(99,102,241,0.1), 0 0 0 1px rgba(255,255,255,0.05) inset;
    }
    50% {
      box-shadow: 0 4px 20px rgba(99,102,241,0.12), 0 0 0 1px rgba(255,255,255,0.08) inset;
    }
    100% {
      box-shadow: 0 4px 20px rgba(34,211,238,0.1), 0 0 0 1px rgba(255,255,255,0.05) inset;
    }
  }
  
  .dark .poll-neon {
    animation: pollGlowDark 8s ease-in-out infinite alternate;
  }
  
  @keyframes pollGlowDark {
    0% {
      box-shadow: 0 4px 20px rgba(99,102,241,0.15), 0 0 0 1px rgba(255,255,255,0.08) inset;
    }
    50% {
      box-shadow: 0 4px 20px rgba(99,102,241,0.18), 0 0 0 1px rgba(255,255,255,0.12) inset;
    }
    100% {
      box-shadow: 0 4px 20px rgba(34,211,238,0.15), 0 0 0 1px rgba(255,255,255,0.08) inset;
    }
  }

  /* Poll icon animation */
  .poll-neon .h-12.w-12 {
    transition: all 0.3s ease;
  }
  .poll-neon:hover .h-12.w-12 {
    transform: scale(1.05) rotate(5deg);
  }

  /* Countdown timer pulse */
  .poll-neon [data-poll-countdown] {
    animation: countdownPulse 2s ease-in-out infinite;
  }
  
  @keyframes countdownPulse {
    0%, 100% {
      opacity: 1;
    }
    50% {
      opacity: 0.8;
    }
  }

  /* Smooth fade-in for poll */
  .poll-neon {
    animation: pollFadeIn 0.6s ease-out, pollGlow 8s ease-in-out infinite alternate;
  }
  
  @keyframes pollFadeIn {
    from {
      opacity: 0;
      transform: translateY(20px);
    }
    to {
      opacity: 1;
      transform: translateY(0);
    }
  }

  /* Enhanced poll results styling */
  .poll-neon [data-poll-results] > div {
    backdrop-filter: blur(8px);
    background: linear-gradient(135deg, rgba(255,255,255,0.9), rgba(248,250,252,0.95));
    border: 1px solid rgba(99,102,241,0.15);
    box-shadow: 0 2px 8px rgba(0,0,0,0.04);
    transition: all 0.3s ease;
  }
  
  .poll-neon [data-poll-results] > div:hover {
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(99,102,241,0.1);
    border-color: rgba(99,102,241,0.25);
  }
  
  .dark .poll-neon [data-poll-results] > div {
    background: linear-gradient(135deg, rgba(15,23,42,0.9), rgba(30,41,59,0.95));
    border-color: rgba(129,140,248,0.2);
    box-shadow: 0 2px 8px rgba(0,0,0,0.2);
  }
  
  .dark .poll-neon [data-poll-results] > div:hover {
    border-color: rgba(129,140,248,0.35);
    box-shadow: 0 4px 12px rgba(129,140,248,0.15);
  }

  /* Progress bar enhancements */
  .poll-neon [data-poll-results] .bg-gradient-to-r {
    position: relative;
    overflow: hidden;
  }
  
  .poll-neon [data-poll-results] .bg-gradient-to-r::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255,255,255,0.3), transparent);
    animation: progressShimmer 2s ease-in-out infinite;
  }
  
  @keyframes progressShimmer {
    0% { left: -100%; }
    50% { left: 100%; }
    100% { left: 100%; }
  }

  /* Percentage text enhancement */
  .poll-neon [data-poll-results] .bg-clip-text {
    font-weight: 700;
    text-shadow: 0 1px 2px rgba(0,0,0,0.1);
  }

  [data-home-stream] .rounded-2xl{padding:.5rem;}
  [data-home-stream] .text-sm.font-extrabold{font-size:.8rem;}
  [data-home-stream] .flex.items-center.justify-between.gap-2{gap:.25rem;flex-wrap:wrap;}
  [data-home-stream] .flex.items-center.justify-between.gap-2 > div:last-child{width:100%;justify-content:flex-end;}
  [data-home-stream] .btn.btn-secondary{padding:.25rem .5rem;font-size:.65rem;}
  [data-home-stream] .mt-3 .block.rounded-2xl{padding:.5rem;}
  [data-home-stream] .mt-3 .flex.gap-3{gap:.5rem;}
  [data-home-stream] .mt-3 .h-12.w-12{width:2rem;height:2rem;}
  [data-home-stream] .mt-3 .text-sm{font-size:.75rem;line-height:1.2;}
  [data-home-stream] .mt-3 .text-xs{font-size:.65rem;}
  [data-home-stream] .mt-3 .text-\[11px\]{font-size:.6rem;}
  [data-home-stream] .mt-3 .inline-flex.items-center.gap-2{gap:.125rem;flex-wrap:wrap;}
  [data-home-stream] .mt-3 .rounded-full{padding:.0625rem .25rem;font-size:.6rem;}
  [data-home-stream] .mt-3 .min-w-0.flex-1{min-width:0;}
  [data-home-stream] .mt-3 .truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
  [data-home-stream] .mt-3 .line-clamp-2{-webkit-line-clamp: 2; line-clamp: 2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden;}

  /* Tüm haber kartları mobil (Son Haberler, Akış, Anket, Ads) */
  .rounded-2xl.border.border-white\/10.bg-white\/5.p-4{padding:.375rem;}
  .rounded-2xl.border.border-white\/10.bg-white\/5.p-4 .flex.gap-3{gap:.375rem;}
  .rounded-2xl.border.border-white\/10.bg-white\/5.p-4 .h-12.w-12{width:1.75rem;height:1.75rem;}
  .rounded-2xl.border.border-white\/10.bg-white\/5.p-4 .text-sm{font-size:.7rem;line-height:1.1;}
  .rounded-2xl.border.border-white\/10.bg-white\/5.p-4 .text-xs{font-size:.6rem;}
  .rounded-2xl.border.border-white\/10.bg-white\/5.p-4 .text-\[11px\]{font-size:.55rem;}
  .rounded-2xl.border.border-white\/10.bg-white\/5.p-4 .inline-flex.items-center.gap-2{gap:.0625rem;flex-wrap:wrap;}
  .rounded-2xl.border.border-white\/10.bg-white\/5.p-4 .rounded-full{padding:.0625rem .1875rem;font-size:.55rem;}
  .rounded-2xl.border.border-white\/10.bg-white\/5.p-4 .min-w-0.flex-1{min-width:0;}
  .rounded-2xl.border.border-white\/10.bg-white\/5.p-4 .truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
  .rounded-2xl.border.border-white\/10.bg-white\/5.p-4 .line-clamp-2{-webkit-line-clamp: 2; line-clamp: 2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden;}
  .rounded-2xl.border.border-white\/10.bg-white\/5.p-4 .mt-1{margin-top:.125rem;}
  .rounded-2xl.border.border-white\/10.bg-white\/5.p-4 .mt-3{margin-top:.25rem;}
  .rounded-2xl.border.border-white\/10.bg-white\/5.p-4 .flex.items-start.justify-between.gap-3{gap:.375rem;}
  .rounded-2xl.border.border-white\/10.bg-gradient-to-br.from-white\/10.to-white\/5.p-4{padding:.375rem;}
  .rounded-2xl.border.border-white\/10.bg-gradient-to-br.from-white\/10.to-white\/5.p-4 .text-sm{font-size:.7rem;line-height:1.1;}
  .rounded-2xl.border.border-white\/10.bg-gradient-to-br.from-white\/10.to-white\/5.p-4 .text-xs{font-size:.6rem;}
  .rounded-2xl.border.border-white\/10.bg-gradient-to-br.from-white\/10.to-white\/5.p-4 .mt-1{margin-top:.125rem;}
  .rounded-2xl.border.border-white\/10.bg-gradient-to-br.from-white\/10.to-white\/5.p-4 .mt-3{margin-top:.25rem;}
  .rounded-2xl.border.border-white\/10.bg-gradient-to-br.from-white\/10.to-white\/5.p-4 .max-h-40{max-height:5rem;}

  /* Dark/Light theme mobile adjustments */
  .dark .rounded-2xl.border.border-white\/10.bg-white\/5.p-4{border-color:rgba(255,255,255,.08);background:rgba(2,6,23,.45);}
  .dark .rounded-2xl.border.border-white\/10.bg-white\/5.p-4 .text-white{color:rgba(241,245,249,.92) !important;}
  .dark .rounded-2xl.border.border-white\/10.bg-white\/5.p-4 .text-white\/60{color:rgba(241,245,249,.6) !important;}
  .dark .rounded-2xl.border.border-white\/10.bg-white\/5.p-4 .text-white\/70{color:rgba(241,245,249,.7) !important;}
  .dark .rounded-2xl.border.border-white\/10.bg-white\/5.p-4 .text-white\/75{color:rgba(241,245,249,.75) !important;}
  .dark .rounded-2xl.border.border-white\/10.bg-white\/5.p-4 .text-white\/80{color:rgba(241,245,249,.8) !important;}
  .dark .rounded-2xl.border.border-white\/10.bg-white\/5.p-4 .bg-white\/10{background:rgba(255,255,255,.08);}
  .dark .rounded-2xl.border.border-white\/10.bg-white\/5.p-4 .bg-amber-500\/20{background:rgba(245,158,11,.15);}
  .dark .rounded-2xl.border.border-white\/10.bg-white\/5.p-4 .text-amber-200{color:rgba(254,240,138,.85) !important;}
  .dark .rounded-2xl.border.border-white\/10.bg-gradient-to-br.from-white\/10.to-white\/5.p-4{border-color:rgba(255,255,255,.08);background:linear-gradient(to bottom right, rgba(255,255,255,.08), rgba(255,255,255,.03));}
  .dark .poll-neon{
    border-color:rgba(99,102,241,0.3);
    background: linear-gradient(135deg, rgba(99,102,241,0.12), rgba(34,211,238,0.08), rgba(244,63,94,0.06));
    box-shadow: 0 4px 20px rgba(99,102,241,0.15), 0 0 0 1px rgba(255,255,255,0.08) inset;
  }
  .dark .poll-neon:hover {
    background: linear-gradient(135deg, rgba(99,102,241,0.16), rgba(34,211,238,0.12), rgba(244,63,94,0.08));
    border-color: rgba(99,102,241,0.4);
    box-shadow: 0 8px 32px rgba(99,102,241,0.2), 0 0 0 1px rgba(255,255,255,0.12) inset;
  }
  .dark .poll-neon::before {
    background: linear-gradient(90deg, transparent, rgba(129,140,248,0.5), rgba(34,211,238,0.4), transparent);
  }
  .dark .poll-neon .h-12.w-12{
    background: linear-gradient(135deg, rgba(129,140,248,0.2), rgba(34,211,238,0.15));
    border-color: rgba(129,140,248,0.3);
  }
  .dark .poll-neon:hover .h-12.w-12{
    background: linear-gradient(135deg, rgba(129,140,248,0.25), rgba(34,211,238,0.2));
    border-color: rgba(129,140,248,0.4);
  }
  .dark .poll-neon .text-white{color:rgba(241,245,249,.95) !important;}
  .dark .poll-neon .text-white\/60{color:rgba(241,245,249,.7) !important;}
  .dark .poll-neon .text-white\/70{color:rgba(241,245,249,.75) !important;}
  .dark .poll-neon .bg-white\/10{background:rgba(255,255,255,.12);}
  .dark [data-home-stream] .rounded-2xl{border-color:rgba(255,255,255,.08);background:rgba(2,6,23,.45);}
  .dark [data-home-stream] .text-white{color:rgba(241,245,249,.92) !important;}
  .dark [data-home-stream] .text-white\/60{color:rgba(241,245,249,.6) !important;}
  .dark [data-home-stream] .text-white\/70{color:rgba(241,245,249,.7) !important;}
  .dark [data-home-stream] .text-white\/75{color:rgba(241,245,249,.75) !important;}
  .dark [data-home-stream] .text-white\/80{color:rgba(241,245,249,.8) !important;}
  .dark [data-home-stream] .bg-white\/10{background:rgba(255,255,255,.08);}
  .dark [data-home-stream] .bg-amber-500\/20{background:rgba(245,158,11,.15);}
  .dark [data-home-stream] .text-amber-200{color:rgba(254,240,138,.85) !important;}

  /* Light theme mobile adjustments (ensure consistency) */
  .rounded-2xl.border.border-white\/10.bg-white\/5.p-4{border-color:rgba(255,255,255,.15);background:rgba(255,255,255,.08);}
  .rounded-2xl.border.border-white\/10.bg-white\/5.p-4 .text-white{color:rgba(15,23,42,.95) !important;}
  .rounded-2xl.border.border-white\/10.bg-white\/5.p-4 .text-white\/60{color:rgba(15,23,42,.6) !important;}
  .rounded-2xl.border.border-white\/10.bg-white\/5.p-4 .text-white\/70{color:rgba(15,23,42,.7) !important;}
  .rounded-2xl.border.border-white\/10.bg-white\/5.p-4 .text-white\/75{color:rgba(15,23,42,.75) !important;}
  .rounded-2xl.border.border-white\/10.bg-white\/5.p-4 .text-white\/80{color:rgba(15,23,42,.8) !important;}
  .rounded-2xl.border.border-white\/10.bg-white\/5.p-4 .bg-white\/10{background:rgba(15,23,42,.08);}
  .rounded-2xl.border.border-white\/10.bg-white\/5.p-4 .bg-amber-500\/20{background:rgba(245,158,11,.12);}
  .rounded-2xl.border.border-white\/10.bg-white\/5.p-4 .text-amber-200{color:rgba(217,119,6,.85) !important;}
  .rounded-2xl.border.border-white\/10.bg-gradient-to-br.from-white\/10.to-white\/5.p-4{border-color:rgba(255,255,255,.15);background:linear-gradient(to bottom right, rgba(255,255,255,.12), rgba(255,255,255,.06));}
  .poll-neon{
    border-color:rgba(99,102,241,0.25);
    background: linear-gradient(135deg, rgba(99,102,241,0.06), rgba(34,211,238,0.04), rgba(244,63,94,0.03));
    box-shadow: 0 4px 20px rgba(99,102,241,0.08), 0 0 0 1px rgba(255,255,255,0.1) inset;
  }
  .poll-neon::before {
    background: linear-gradient(90deg, transparent, rgba(99,102,241,0.3), rgba(34,211,238,0.25), transparent);
  }
  .poll-neon .text-white{color:rgba(15,23,42,.95) !important;}
  .poll-neon .text-white\/60{color:rgba(15,23,42,.65) !important;}
  .poll-neon .text-white\/70{color:rgba(15,23,42,.7) !important;}
  .poll-neon .bg-white\/10{background:rgba(15,23,42,.06);}
  [data-home-stream] .rounded-2xl{border-color:rgba(255,255,255,.15);background:rgba(255,255,255,.08);}
  [data-home-stream] .text-white{color:rgba(15,23,42,.95) !important;}
  [data-home-stream] .text-white\/60{color:rgba(15,23,42,.6) !important;}
  [data-home-stream] .text-white\/70{color:rgba(15,23,42,.7) !important;}
  [data-home-stream] .text-white\/75{color:rgba(15,23,42,.75) !important;}
  [data-home-stream] .text-white\/80{color:rgba(15,23,42,.8) !important;}
  [data-home-stream] .bg-white\/10{background:rgba(15,23,42,.08);}
  [data-home-stream] .bg-amber-500\/20{background:rgba(245,158,11,.12);}
  [data-home-stream] .text-amber-200{color:rgba(217,119,6,.85) !important;}
} /* end @media (max-width: 767px) */


@media (min-width: 768px){
  #mobileMenuButton{display:none !important;}
}

/* Dark mode: improve readability for common Tailwind utility classes */
.dark .text-slate-900{color:var(--dark-text) !important;}
.dark .text-slate-800{color:var(--dark-text) !important;}
.dark .text-slate-700{color:rgba(226,232,240,.88) !important;}
.dark .text-slate-600{color:rgba(203,213,225,.92) !important;}
.dark .text-slate-500{color:rgba(203,213,225,.82) !important;}
.dark .text-slate-400{color:rgba(203,213,225,.70) !important;}

.dark .bg-white{background:var(--dark-surface) !important;}
.dark .bg-slate-50{background:var(--dark-surface) !important;}
.dark .bg-slate-100{background:var(--dark-surface-2) !important;}
.dark .bg-slate-900{background:rgba(15,23,42,1) !important;}
.dark .bg-slate-950{background:var(--dark-bg) !important;}

.dark .text-slate-300{color:rgba(226,232,240,.90) !important;}
.dark .text-slate-200{color:rgba(241,245,249,.92) !important;}

.dark .border-slate-200{border-color:var(--dark-border) !important;}
.dark .border-slate-300{border-color:var(--dark-border) !important;}
.dark .border-slate-800{border-color:var(--dark-border) !important;}

 .dark .hover\:bg-white:hover{background:rgba(2,6,23,.40) !important;}
 .dark .hover\:bg-slate-50:hover{background:rgba(2,6,23,.40) !important;}
 .dark .hover\:bg-slate-100:hover{background:rgba(15,23,42,.45) !important;}
 .dark .dark\:hover\:bg-white:hover{background:rgba(2,6,23,.40) !important;}
 .dark .dark\:hover\:bg-slate-50:hover{background:rgba(2,6,23,.40) !important;}
 .dark .dark\:hover\:bg-slate-100:hover{background:rgba(15,23,42,.45) !important;}

::selection{background:var(--brand-200);color:var(--text);}
.dark ::selection{background:rgba(99,102,241,.3);color:var(--dark-text);}

.container-app{max-width:80rem;margin-left:auto;margin-right:auto;padding-left:1rem;padding-right:1rem;}
@media (min-width:640px){.container-app{padding-left:1.5rem;padding-right:1.5rem;}}

.kpi{
  border-radius:var(--radius-2xl);
  border:1px solid var(--border);
  background:linear-gradient(180deg, rgba(255,255,255,1), rgba(248,250,252,1));
  padding:1rem 1rem;
  box-shadow:0 10px 26px rgba(2,6,23,.06);
  position:relative;
  overflow:hidden;
}
.kpi::before{
  content:"";
  position:absolute;
  inset:-1px;
  border-radius:calc(var(--radius-2xl) + 1px);
  background:linear-gradient(135deg, rgba(99,102,241,.18), rgba(34,211,238,.10), rgba(244,63,94,.08));
  opacity:.30;
  pointer-events:none;
  mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  padding:1px;
  -webkit-mask-composite:xor;
  mask-composite:exclude;
}
.kpi > div:nth-child(2){
  letter-spacing:-.02em;
}
.dark .kpi{
  border-color:rgba(226,232,240,.12);
  background:linear-gradient(180deg, rgba(2,6,23,.40), rgba(2,6,23,.22));
  box-shadow:0 14px 40px rgba(2,6,23,.22);
}
.dark .kpi::before{opacity:.50;}

 .ad-carousel{
   position:relative;
   border-radius:var(--radius-3xl);
   border:1px solid var(--border);
   background:var(--surface);
   box-shadow:var(--shadow-soft);
   overflow:hidden;
 }
 .dark .ad-carousel{border-color:rgba(226,232,240,.12);background:var(--dark-surface);}

 .ad-carousel__viewport{overflow:hidden;}
 .ad-carousel__track{
   display:flex;
   width:100%;
   transform:translateX(0);
   transition:transform .45s ease;
 }
 .ad-carousel__slide{
   flex:0 0 100%;
   display:block;
 }
 .ad-carousel__img{
   width:100%;
   height:auto;
   display:block;
   aspect-ratio: 5 / 1;
   object-fit:cover;
   background:rgba(2,6,23,.04);
 }
 .dark .ad-carousel__img{background:rgba(2,6,23,.35);}

 .ad-carousel__img--sprite{
  height:auto;
  background-image:url('/assets/ads/ads-strip.png');
  background-repeat:no-repeat;
  background-size:400% 100%;
  background-position: var(--ad-x, 0%) 50%;
 }

 .ad-carousel::after{
   content:"";
   position:absolute;
   inset:-20% -30%;
   background:linear-gradient(120deg, transparent 40%, rgba(255,255,255,.45) 50%, transparent 60%);
   transform:translateX(-70%) rotate(8deg);
   opacity:0;
   pointer-events:none;
 }
 .ad-carousel:hover::after{
   opacity:.9;
   animation:adShine 1.1s ease;
 }
 .dark .ad-carousel:hover::after{background:linear-gradient(120deg, transparent 40%, rgba(226,232,240,.18) 50%, transparent 60%);} 

 .ad-carousel__btn{
   position:absolute;
   top:50%;
   transform:translateY(-50%);
   height:2.25rem;
   width:2.25rem;
   border-radius:999px;
   border:1px solid rgba(226,232,240,1);
   background:rgba(255,255,255,.82);
   backdrop-filter: blur(10px);
   color:rgba(15,23,42,1);
   font-weight:900;
   line-height:1;
   display:flex;
   align-items:center;
   justify-content:center;
   box-shadow:0 10px 26px rgba(2,6,23,.10);
   transition:transform .15s ease, background-color .15s ease, box-shadow .15s ease, opacity .15s ease;
   opacity:.95;
 }
 .ad-carousel__btn:hover{transform:translateY(-50%) scale(1.04);box-shadow:0 14px 36px rgba(2,6,23,.14);} 
 .ad-carousel__btn:active{transform:translateY(-50%) scale(.98);} 
 .ad-carousel__btn--prev{left:.75rem;}
 .ad-carousel__btn--next{right:.75rem;}
 .dark .ad-carousel__btn{border-color:rgba(226,232,240,.14);background:rgba(2,6,23,.40);color:rgba(226,232,240,.92);} 

 .ad-carousel__dots{
   position:absolute;
   left:50%;
   bottom:.6rem;
   transform:translateX(-50%);
   display:flex;
   gap:.45rem;
   padding:.35rem .5rem;
   border-radius:999px;
   border:1px solid rgba(226,232,240,1);
   background:rgba(255,255,255,.72);
   backdrop-filter: blur(10px);
   box-shadow:0 10px 26px rgba(2,6,23,.08);
 }
 .dark .ad-carousel__dots{border-color:rgba(226,232,240,.14);background:rgba(2,6,23,.40);} 
 .ad-carousel__dot{
   height:.55rem;
   width:.55rem;
   border-radius:999px;
   border:0;
   background:rgba(148,163,184,1);
   cursor:pointer;
   padding:0;
   transition:transform .15s ease, background-color .15s ease;
 }
 .ad-carousel__dot:hover{transform:scale(1.1);} 
 .ad-carousel__dot.is-active{background:linear-gradient(90deg, rgba(79,70,229,1), rgba(34,211,238,.9));}

 @media (max-width: 639px){
   .ad-carousel__btn{display:none;}
   .ad-carousel__img{aspect-ratio: 3.4 / 1;}
 }

 .quickbar{
   position:sticky;
   top:4.6rem;
   z-index:40;
 }
 .quickbar__inner{
   display:flex;
   align-items:center;
   justify-content:space-between;
   gap:.75rem;
   border-radius:var(--radius-3xl);
   border:1px solid rgba(226,232,240,1);
   background:rgba(255,255,255,.75);
   backdrop-filter: blur(10px);
   box-shadow:0 10px 30px rgba(2,6,23,.10);
   padding:.65rem .75rem;
 }
 .dark .quickbar__inner{border-color:rgba(129,140,248,.20);background:rgba(2,6,23,.40);} 
 .dark .quickbar__inner .btn-secondary{color:rgba(241,245,249,1);} 
 .dark .quickbar__inner .btn-secondary .opacity-80{color:rgba(241,245,249,1);} 
 .quickbar__left,.quickbar__right{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;}
 @media (max-width: 639px){
   .quickbar{top:4.1rem;}
   .quickbar__inner{gap:.5rem;}
 }

 .heatmap{
   display:grid;
   grid-template-columns:repeat(6, minmax(0, 1fr));
   gap:.6rem;
 }
 @media (max-width: 1023px){
   .heatmap{grid-template-columns:repeat(4, minmax(0, 1fr));}
 }
 @media (max-width: 639px){
   .heatmap{grid-template-columns:repeat(3, minmax(0, 1fr));}
 }
 .heat-tile{
   border-radius:var(--radius-2xl);
   border:1px solid rgba(226,232,240,1);
   padding:.85rem;
   display:flex;
   flex-direction:column;
   gap:.35rem;
   text-decoration:none;
   color:rgba(15,23,42,1);
   box-shadow:0 8px 22px rgba(2,6,23,.06);
   transition:transform .18s ease, filter .18s ease, box-shadow .18s ease;
 }
 .heat-tile:hover{transform:translateY(-2px);filter:brightness(1.03);box-shadow:0 14px 40px rgba(2,6,23,.10);} 
 .dark .heat-tile{border-color:rgba(226,232,240,.12);color:rgba(241,245,249,.92);} 
 .heat-tile__sym{font-weight:900;letter-spacing:.02em;}
 .heat-tile__chg{font-size:.85rem;font-weight:900;opacity:.95;}
 .heat-tile.is-up{background:linear-gradient(135deg, rgba(0,0,0,.12), rgba(255,255,255,.95));}
 .heat-tile.is-down{background:linear-gradient(135deg, rgba(0,0,0,.12), rgba(255,255,255,.95));}
 .heat-tile.is-neutral{background:linear-gradient(135deg, rgba(0,0,0,.08), rgba(255,255,255,.95));}
 .dark .heat-tile.is-up{background:linear-gradient(135deg, rgba(0,0,0,.20), rgba(0,0,0,.35));}
 .dark .heat-tile.is-down{background:linear-gradient(135deg, rgba(0,0,0,.20), rgba(0,0,0,.35));}
 .dark .heat-tile.is-neutral{background:linear-gradient(135deg, rgba(0,0,0,.18), rgba(0,0,0,.35));}

 .cmdk{
   position:fixed;
   inset:0;
   z-index:80;
 }
 .cmdk__backdrop{
   position:absolute;
   inset:0;
   background:rgba(2,6,23,.55);
 }
 .cmdk__panel{
   position:relative;
   max-width:42rem;
   margin:10vh auto 0;
   border-radius:var(--radius-3xl);
   border:1px solid rgba(99,102,241,.22);
   background:rgba(255,255,255,.92);
   backdrop-filter: blur(14px);
   box-shadow:var(--shadow-lift);
   overflow:hidden;
 }
 .dark .cmdk__panel{border-color:rgba(129,140,248,.22);background:rgba(2,6,23,.75);} 
 .cmdk__header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem;border-bottom:1px solid rgba(226,232,240,1);} 
 .dark .cmdk__header{border-bottom:1px solid rgba(226,232,240,.12);} 
 .cmdk__body{padding:1rem;}
 .cmdk__list{margin-top:.75rem;display:grid;gap:.5rem;max-height:18rem;overflow:auto;}
 .cmdk-item{
   display:flex;
   align-items:center;
   justify-content:space-between;
   gap:1rem;
   padding:.65rem .75rem;
   border-radius:var(--radius-2xl);
   border:1px solid rgba(226,232,240,1);
   background:rgba(248,250,252,1);
   cursor:pointer;
 }
 .cmdk-item:hover{border-color:rgba(99,102,241,.28);} 
 .cmdk-item.is-active{border-color:rgba(99,102,241,.42);box-shadow:0 10px 28px rgba(99,102,241,.14);} 
 .dark .cmdk-item{border-color:rgba(0,0,0,.40);background:rgba(0,0,0,.35);} 
 .cmdk-kbd{font-size:.75rem;font-weight:900;opacity:.7;}
 .cmdk-right{display:flex;align-items:center;gap:.5rem;flex:0 0 auto;}
 .cmdk-risk{
   display:inline-flex;
   align-items:center;
   border-radius:999px;
   padding:.25rem .5rem;
   font-size:.75rem;
   font-weight:900;
   border:1px solid rgba(226,232,240,1);
   background:rgba(255,255,255,.75);
   color:rgba(30,41,59,1);
 }
 .dark .cmdk-risk{border-color:rgba(226,232,240,.12);background:rgba(2,6,23,.35);color:rgba(226,232,240,.92);} 
 .cmdk-risk--düşük{border-color:rgba(16,185,129,.30);background:rgba(16,185,129,.10);color:rgba(6,78,59,1);} 
 .cmdk-risk--orta{border-color:rgba(99,102,241,.32);background:rgba(99,102,241,.10);color:rgba(49,46,129,1);} 
 .cmdk-risk--yüksek{border-color:rgba(244,63,94,.30);background:rgba(244,63,94,.10);color:rgba(136,19,55,1);} 
 .cmdk-risk--kritik{border-color:rgba(249,115,22,.30);background:rgba(249,115,22,.10);color:rgba(124,45,18,1);} 
 .dark .cmdk-risk--düşük{color:rgba(167,243,208,1);} 
 .dark .cmdk-risk--orta{color:rgba(199,210,254,1);} 
 .dark .cmdk-risk--yüksek{color:rgba(254,205,211,1);} 
 .dark .cmdk-risk--kritik{color:rgba(254,215,170,1);} 

 .activity-row{
   display:flex;
   align-items:center;
   justify-content:space-between;
   gap:.75rem;
   border-radius:18px;
   border:1px solid rgba(226,232,240,.70);
   background:linear-gradient(135deg, rgba(255,255,255,.92), rgba(248,250,252,.92));
   padding:.7rem .9rem;
   box-shadow:0 6px 18px rgba(2,6,23,.06);
   transition:transform .12s ease, box-shadow .12s ease, border-color .12s ease, background-color .12s ease;
 }
 a.activity-row{display:flex;}
 .activity-row:hover{
   border-color:rgba(99,102,241,.28);
   box-shadow:0 12px 28px rgba(2,6,23,.10);
   transform:translateY(-1px);
 }
 .activity-row:active{transform:translateY(0);} 
 .activity-row:focus-visible{
   outline:2px solid rgba(99,102,241,.45);
   outline-offset:2px;
 }
 .dark .activity-row{
   border-color:rgba(226,232,240,.12);
   background:linear-gradient(135deg, rgba(2,6,23,.55), rgba(2,6,23,.35));
   box-shadow:0 10px 26px rgba(0,0,0,.35);
 }
 .dark .activity-row:hover{
   border-color:rgba(129,140,248,.30);
   box-shadow:0 16px 40px rgba(0,0,0,.45);
 }
 .activity-row__meta{font-size:.75rem;color:rgba(100,116,139,1);}
 .dark .activity-row__meta{color:rgba(148,163,184,.9);} 

 [data-activity-feed="true"] .activity-coin-icon,
 [data-activity-feed="true"] .activity-coin-fallback,
 #activityFeedMobile .activity-coin-icon,
 #activityFeedMobile .activity-coin-fallback{
   width:28px;
   height:28px;
   border-radius:8px;
   flex:0 0 auto;
 }
 [data-activity-feed="true"] .activity-coin-icon{object-fit:contain;display:block;background:rgba(248,250,252,1);}
 .dark [data-activity-feed="true"] .activity-coin-icon{background:rgba(30,41,59,.6);}
 #activityFeedMobile .activity-coin-icon{object-fit:contain;display:block;background:rgba(248,250,252,1);}
 .dark #activityFeedMobile .activity-coin-icon{background:rgba(30,41,59,.6);}
 [data-activity-feed="true"] .activity-coin-fallback,
 #activityFeedMobile .activity-coin-fallback{
   display:inline-flex;
   align-items:center;
   justify-content:center;
   background:rgba(226,232,240,.75);
   color:rgba(15,23,42,1);
   font-weight:900;
   font-size:11px;
 }
 .dark [data-activity-feed="true"] .activity-coin-fallback,
 .dark #activityFeedMobile .activity-coin-fallback{
   background:rgba(226,232,240,.14);
   color:rgba(226,232,240,.92);
 }

 @media (min-width: 768px){
  .activity-row{
    padding:.8rem 1rem;
    min-height:3.75rem;
  }
  .activity-row__meta{
    font-size:.8125rem;
  }
 }

 .tour{
  position:fixed;
  inset:0;
  z-index:90;
 }
 .tour__backdrop{
   position:absolute;
   inset:0;
   background:rgba(2,6,23,.55);
 }
 .tour__spotlight{
   position:absolute;
   border-radius:var(--radius-3xl);
   box-shadow:
     0 0 0 9999px rgba(2,6,23,.55),
     0 0 0 1px rgba(99,102,241,.30),
     0 20px 70px rgba(2,6,23,.35);
   pointer-events:none;
 }
 .tour__panel{
   position:absolute;
   width:min(28rem, calc(100vw - 2rem));
   border-radius:var(--radius-3xl);
   border:1px solid rgba(99,102,241,.22);
   background:rgba(255,255,255,.92);
   backdrop-filter: blur(14px);
   box-shadow:var(--shadow-lift);
   overflow:hidden;
 }
 .dark .tour__panel{border-color:rgba(129,140,248,.22);background:rgba(2,6,23,.75);} 
 .tour__header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding:1rem;border-bottom:1px solid rgba(226,232,240,1);} 
 .dark .tour__header{border-bottom:1px solid rgba(226,232,240,.12);} 
 .tour__footer{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem;}

 .hl-panel{
  position:fixed;
  left:1rem;
  top:calc(6rem + 1rem);
  width:340px;
  max-width:calc(100vw - 2rem);
  z-index:60;
  transform:translateY(8px);
  opacity:0;
  pointer-events:none;
  transition:opacity .18s ease, transform .18s ease;
}
.hl-panel.is-open{opacity:1;transform:translateY(0);pointer-events:auto;}
.hl-panel__inner{
  border-radius:var(--radius-3xl);
  border:1px solid rgba(99,102,241,.18);
  background:rgba(255,255,255,.80);
  backdrop-filter: blur(14px);
  box-shadow:var(--shadow-lift);
  padding:1rem;
}
.dark .hl-panel__inner{border-color:rgba(129,140,248,.18);background:rgba(2,6,23,.60);} 

@media (max-width: 639px){
  .hl-panel{
    left:1rem;
    right:1rem;
    top:auto;
    bottom:calc(1rem + env(safe-area-inset-bottom, 0px));
    width:auto;
    transform:translateY(12px);
  }
  .hl-panel__inner{
    max-height:calc(68vh - env(safe-area-inset-bottom, 0px));
    overflow:auto;
    padding-bottom:calc(1rem + env(safe-area-inset-bottom, 0px));
  }
}
 .risk-score{
   display:flex;
   align-items:baseline;
   gap:.25rem;
   padding:.35rem .55rem;
   border-radius:999px;
   border:1px solid rgba(226,232,240,1);
   background:rgba(248,250,252,1);
 }
 .dark .risk-score{border-color:rgba(226,232,240,.12);background:rgba(2,6,23,.35);} 
 .risk-score__value{font-weight:900;font-size:1rem;letter-spacing:-.02em;}
 .risk-score__label{font-size:.75rem;font-weight:900;opacity:.65;}

 .risk-signal{display:grid;gap:.35rem;}
 .risk-signal__top{display:flex;align-items:center;justify-content:space-between;gap:.75rem;font-size:.75rem;font-weight:800;color:rgba(51,65,85,1);} 
 .dark .risk-signal__top{color:rgba(226,232,240,.88);} 
 .risk-signal__val{font-variant-numeric:tabular-nums;letter-spacing:-.01em;}
 .risk-signal__bar{
   height:.55rem;
   border-radius:999px;
   border:1px solid rgba(226,232,240,1);
   background:rgba(241,245,249,1);
   overflow:hidden;
 }
 .dark .risk-signal__bar{border-color:rgba(226,232,240,.12);background:rgba(2,6,23,.35);} 
 .risk-signal__fill{
   display:block;
   height:100%;
   width:0%;
   border-radius:999px;
   background:linear-gradient(90deg, rgba(148,163,184,1), rgba(100,116,139,1));
   transition:width .35s ease, filter .15s ease;
 }
 .risk-signal__fill.is-ok{background:linear-gradient(90deg, rgba(16,185,129,1), rgba(34,211,238,1));}
 .risk-signal__fill.is-bad{background:linear-gradient(90deg, rgba(249,115,22,1), rgba(244,63,94,1));}
 .dark .risk-signal__fill{filter:saturate(1.05) brightness(1.05);} 
 .card{border-radius:var(--radius-2xl);border:1px solid var(--border);background:var(--surface);position:relative;}
.card::before{
  content:"";
  position:absolute;
  inset:-1px;
  border-radius:var(--radius-2xl);
  padding:1px;
  background:linear-gradient(45deg, rgba(0,0,0,.12), rgba(20,20,20,.08), rgba(40,40,40,.06));
  -webkit-mask:linear-gradient(#fff 0 0 content-box, #000 0 0);
  -webkit-mask-composite:xor;
  mask:linear-gradient(#fff 0 0 content-box, #000 0 0);
  mask-composite:exclude;
}
.card--plain{border-color:transparent;}
.dark .card--plain{border-color:transparent;}
.card--plain::before{display:none;}
.card:hover{box-shadow:var(--shadow-lift);} 
.card--plain:hover{box-shadow:var(--shadow-lift);} 
.dark .card{border-color:rgba(0,0,0,.40);background:rgba(0,0,0,.95);}
.dark .card::before{opacity:.64;} 

.card::before{display:none;}

/* Coin card hover neon animation */
a.card{
  transition:transform .2s ease, box-shadow .2s ease, filter .2s ease;
}
a.card:hover{
  transform:translateY(-4px) scale(1.015);
  filter:brightness(1.04);
  box-shadow:
    var(--shadow-lift),
    0 0 44px rgba(99,102,241,.18),
    0 0 32px rgba(34,211,238,.12),
    0 0 16px rgba(244,63,94,.08);
}
a.card::before{
  transition:opacity .2s ease;
}
a.card:hover::before{
  opacity:.64;
}
.dark a.card:hover{
  filter:brightness(1.08);
  box-shadow:
    var(--shadow-lift),
    0 0 50px rgba(99,102,241,.22),
    0 0 38px rgba(34,211,238,.16),
    0 0 22px rgba(244,63,94,.12);
}
 .dark a.card:hover::before{opacity:.78;} 

 .toast-wrap{position:fixed;right:1rem;bottom:1rem;z-index:100;display:flex;flex-direction:column;gap:.6rem;max-width:min(22rem, calc(100vw - 2rem));}
 .toast{border-radius:16px;border:1px solid rgba(226,232,240,.18);background:rgba(255,255,255,.92);backdrop-filter:blur(10px);box-shadow:var(--shadow-lift);padding:.55rem .8rem;color:rgba(15,23,42,1);display:flex;gap:.65rem;align-items:center;}
 .toast__left{flex:0 0 auto;}
 .toast__icon{display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:999px;background:rgba(15,23,42,.9);color:#fff;font-size:20px;line-height:1;}
 .toast__icon[data-icon-mode="text"]{font-weight:900;font-size:18px;letter-spacing:.02em;}
 .toast__body{min-width:0;flex:1 1 auto;}
 .toast__title{font-weight:900;font-size:.95rem;line-height:1.15;letter-spacing:.01em;}
 .toast__msg{font-size:.8rem;opacity:.9;margin-top:.1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
 .toast__meta{flex:0 0 auto;display:flex;align-items:flex-start;justify-content:flex-end;min-width:3.5rem;}
 .toast__time{font-size:.8rem;font-weight:700;opacity:.9;font-variant-numeric:tabular-nums;font-feature-settings:"tnum";}
 .toast--ok .toast__icon{background:linear-gradient(180deg, rgba(15,23,42,.95), rgba(15,23,42,.82));box-shadow:0 0 0 3px rgba(16,185,129,.18) inset, 0 0 18px rgba(16,185,129,.12);}
 .toast--warn .toast__icon{background:rgba(15,23,42,.9);box-shadow:0 0 0 3px rgba(249,115,22,.20) inset;}
 .toast--err .toast__icon{background:rgba(15,23,42,.9);box-shadow:0 0 0 3px rgba(244,63,94,.20) inset;}
 .dark .toast{border-color:rgba(0,0,0,.40);background:rgba(0,0,0,.70);color:rgba(241,245,249,.92);}
 .dark .toast__icon{background:rgba(15,23,42,.85);}
 @keyframes toastIn{from{transform:translateY(10px);opacity:0;}to{transform:translateY(0);opacity:1;}}
 .toast{animation:toastIn .18s ease;}

 @media (max-width: 480px){
   .toast-wrap{right:.75rem;bottom:.75rem;max-width:calc(100vw - 1.5rem);}
   .toast__meta{display:none;}
   .toast__icon{width:42px;height:42px;font-size:18px;}
 }

 /* Coin table row neon hover */
 tbody tr{
  transition:background-color .2s ease, box-shadow .2s ease, filter .2s ease, transform .2s ease;
 }
 tbody tr:hover{
  background:rgba(0,0,0,.08) !important;
  box-shadow:
    0 0 28px rgba(0,0,0,.12),
    0 0 18px rgba(20,20,20,.10),
    0 0 8px rgba(40,40,40,.06);
  transform:translateY(-1px);
  filter:brightness(1.02);
 }
 .dark tbody tr:hover{
  background:rgba(0,0,0,.15) !important;
  box-shadow:
    0 0 34px rgba(0,0,0,.16),
    0 0 24px rgba(20,20,20,.14),
    0 0 12px rgba(40,40,40,.08);
  transform:translateY(-1px);
  filter:brightness(1.04);
 } 

 .dark #tab-table{background:#000 !important;}
 .dark #tab-table .overflow-x-auto{background:#000 !important;}
 .dark #tab-table table{background:#000 !important;}
 .dark #tab-table thead{background:#000 !important;}
 .dark #tab-table thead tr{background:#000 !important;}
 .dark #tab-table tbody{background:#000 !important;}
 .dark #tab-table tbody tr{background:transparent !important;}
 .dark #tab-table tbody tr:hover{background:rgba(99,102,241,.08) !important;}

.card-muted{border-radius:var(--radius-2xl);border:1px solid var(--border);background:var(--surface-2);position:relative;}
.card-muted::before{
  content:"";
  position:absolute;
  inset:-1px;
  border-radius:calc(var(--radius-2xl) + 1px);
  background:linear-gradient(135deg, rgba(99,102,241,.16), rgba(34,211,238,.10), rgba(244,63,94,.08));
  opacity:.22;
  pointer-events:none;
  mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  padding:1px;
  -webkit-mask-composite:xor;
  mask-composite:exclude;
}
.card-muted--plain{border-color:transparent;}
.dark .card-muted--plain{border-color:transparent;}
.card-muted--plain::before{display:none;}
.card-muted:hover{box-shadow:var(--shadow-lift);}
.dark .card-muted{border-color:rgba(226,232,240,.12);background:var(--dark-surface-2);} 
.dark .card-muted::before{opacity:.35;} 
.dark .card-muted:hover{box-shadow:var(--shadow-lift);}

.card-muted::before{display:none;}

.embed-mask-top{position:relative;}
.embed-mask-top::before{display:none;}
.dark .embed-mask-top::before{display:none;}

.embed-mask-bottom{position:relative;}
.embed-mask-bottom::after{display:none;}
.dark .embed-mask-bottom::after{display:none;}

.market-metric{
  background:rgba(255,255,255,.70);
  color:rgba(15,23,42,1);
}
.dark .market-metric{
  background:rgba(2,6,23,.55);
  color:rgba(241,245,249,.92);
}

.dex-embed-hide-info{position:relative;}
.dex-embed-hide-info .dex-hide-info-topright{display:none;}
.dark .dex-embed-hide-info .dex-hide-info-topright{display:none;}

.dex-embed-hide-info .dex-hide-info-bottomleft{display:none;}
.dark .dex-embed-hide-info .dex-hide-info-bottomleft{display:none;}

.nav-link{
  display:inline-flex;align-items:center;justify-content:center;
  border-radius:var(--radius-xl);
  padding:.5rem .75rem;
  font-size:.875rem;
  font-weight:600;
  color:rgba(51,65,85,1);
  text-decoration:none;
  position:relative;
  transition:color .15s ease, background-color .15s ease, box-shadow .15s ease;
}
.nav-link:hover{
  background:rgba(99,102,241,.10);
  box-shadow:0 10px 26px rgba(99,102,241,.14), 0 0 18px rgba(34,211,238,.10);
}
.nav-link.is-active,
.nav-link[aria-current="page"]{
  background:rgba(99,102,241,.14);
  box-shadow:0 12px 30px rgba(99,102,241,.18), 0 0 22px rgba(34,211,238,.12);
}
.nav-link.is-active::after,
.nav-link[aria-current="page"]::after{
  opacity:1;
  transform:translateY(0);
}
.nav-link::after{
  content:"";
  position:absolute;
  left:.75rem;
  right:.75rem;
  bottom:.28rem;
  height:1px;
  background:linear-gradient(90deg, transparent, rgba(79,70,229,.75), rgba(34,211,238,.65), transparent);
  opacity:0;
  transform:translateY(2px);
  transition:opacity .15s ease, transform .15s ease;
}
.nav-link:hover::after{opacity:.95;transform:translateY(0);} 
.dark .nav-link{color:var(--dark-text);}
.dark .nav-link:hover{
  background:rgba(99,102,241,.14);
  box-shadow:0 12px 30px rgba(99,102,241,.18), 0 0 24px rgba(34,211,238,.12);
}
.dark .nav-link.is-active,
.dark .nav-link[aria-current="page"]{
  background:rgba(99,102,241,.18);
  box-shadow:0 14px 36px rgba(99,102,241,.22), 0 0 26px rgba(34,211,238,.14);
}
.dark .nav-link::after{background:linear-gradient(90deg, transparent, rgba(129,140,248,.85), rgba(34,211,238,.70), transparent);} 

.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:.5rem;
  border-radius:var(--radius-xl);
  padding:.5rem 1rem;
  font-size:.875rem;
  font-weight:700;
  line-height:1;
  box-shadow:0 1px 2px rgba(2,6,23,.06);
  transition:background-color .15s ease,color .15s ease,border-color .15s ease,opacity .15s ease;
  user-select:none;
  border:1px solid transparent;
}
.btn:focus{outline:none;box-shadow:0 0 0 4px rgba(199,210,254,.9),0 1px 2px rgba(2,6,23,.06);} 
.dark .btn:focus{box-shadow:0 0 0 4px rgba(99,102,241,.22),0 1px 2px rgba(2,6,23,.06);} 
.btn[disabled]{opacity:.6;pointer-events:none;}

.btn-primary{background:var(--brand-600);color:#fff;}
.btn-primary{
  background:linear-gradient(135deg, rgba(99,102,241,0.95), rgba(34,211,238,0.9), rgba(168,85,247,0.85));
  color:#fff;
  border-color:rgba(99,102,241,.4);
  box-shadow:
    0 8px 24px rgba(99,102,241,.28),
    0 0 0 1px rgba(255,255,255,.15) inset,
    0 0 20px rgba(99,102,241,.12);
  transition: all 0.3s ease;
  position: relative;
  overflow: hidden;
  font-weight: 600;
}
.btn-primary::before {
  content: '';
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,0.25), transparent);
  transition: left 0.5s ease;
}
.btn-primary:hover{
  background:linear-gradient(135deg, rgba(99,102,241,1), rgba(34,211,238,0.95), rgba(168,85,247,0.9));
  border-color:rgba(99,102,241,.6);
  transform: translateY(-1px);
  box-shadow:
    0 12px 32px rgba(99,102,241,.35),
    0 0 0 1px rgba(255,255,255,.25) inset,
    0 0 28px rgba(99,102,241,.18);
}
.btn-primary:hover::before {
  left: 100%;
}
.btn-primary:active {
  transform: translateY(0);
}
.btn-primary:disabled {
  opacity: 0.6;
  cursor: not-allowed;
  transform: none;
  box-shadow:
    0 4px 12px rgba(99,102,241,.15),
    0 0 0 1px rgba(255,255,255,.08) inset;
}
.dark .btn-primary{
  background:linear-gradient(135deg, rgba(129,140,248,0.95), rgba(34,211,238,0.9), rgba(196,181,253,0.85));
  border-color:rgba(129,140,248,.5);
  box-shadow:
    0 10px 28px rgba(129,140,248,.32),
    0 0 0 1px rgba(255,255,255,.18) inset,
    0 0 24px rgba(129,140,248,.16);
}
.dark .btn-primary:hover{
  background:linear-gradient(135deg, rgba(129,140,248,1), rgba(34,211,238,0.95), rgba(196,181,253,0.9));
  border-color:rgba(129,140,248,.7);
  transform: translateY(-1px);
  box-shadow:
    0 16px 40px rgba(129,140,248,.4),
    0 0 0 1px rgba(255,255,255,.28) inset,
    0 0 32px rgba(129,140,248,.22);
}

/* Enhanced vote button states */
[data-vote-symbol] {
  position: relative;
  overflow: hidden;
}

[data-vote-symbol][disabled] {
  background: linear-gradient(135deg, rgba(156,163,175,0.8), rgba(107,114,128,0.8)) !important;
  border-color: rgba(156,163,175,0.4) !important;
  box-shadow: 
    0 2px 8px rgba(156,163,175,0.2),
    0 0 0 1px rgba(255,255,255,0.05) inset !important;
  cursor: not-allowed;
  transform: none !important;
}

.dark [data-vote-symbol][disabled] {
  background: linear-gradient(135deg, rgba(75,85,99,0.8), rgba(55,65,81,0.8)) !important;
  border-color: rgba(75,85,99,0.4) !important;
  box-shadow: 
    0 2px 8px rgba(75,85,99,0.3),
    0 0 0 1px rgba(255,255,255,0.05) inset !important;
}

[data-vote-symbol][data-vote-cooldown="1"] {
  animation: voteCooldownPulse 2s ease-in-out infinite;
}

@keyframes voteCooldownPulse {
  0%, 100% {
    opacity: 0.7;
  }
  50% {
    opacity: 0.9;
  }
}

/* Vote button success state */
[data-vote-symbol].vote-success {
  background: linear-gradient(135deg, rgba(16,185,129,0.95), rgba(5,150,105,0.9), rgba(34,197,94,0.85)) !important;
  border-color: rgba(16,185,129,0.6) !important;
  box-shadow:
    0 8px 24px rgba(16,185,129,0.3),
    0 0 0 1px rgba(255,255,255,0.2) inset,
    0 0 20px rgba(16,185,129,0.15) !important;
  animation: voteSuccess 0.6s ease-out;
}

@keyframes voteSuccess {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.05);
  }
  100% {
    transform: scale(1);
  }
}

/* Vote button loading state */
[data-vote-symbol].vote-loading {
  background: linear-gradient(135deg, rgba(251,146,60,0.95), rgba(245,158,11,0.9), rgba(217,119,6,0.85)) !important;
  border-color: rgba(251,146,60,0.6) !important;
  position: relative;
}

[data-vote-symbol].vote-loading::after {
  content: '';
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,0.3), transparent);
  animation: voteLoadingShimmer 1.5s ease-in-out infinite;
}

@keyframes voteLoadingShimmer {
  0% {
    left: -100%;
  }
  100% {
    left: 100%;
  }
}

.btn-secondary{background:var(--surface);border-color:var(--border);color:rgba(30,41,59,1);} 
.btn-secondary:hover{background:rgba(2,6,23,.03);} 
.dark .btn-secondary{background:var(--dark-surface);border-color:rgba(226,232,240,.12);color:var(--dark-text);} 
.dark .btn-secondary:hover{background:rgba(15,23,42,.75);} 

/* Subtle neon edge for secondary buttons */
.btn-secondary{box-shadow:0 1px 2px rgba(2,6,23,.06), 0 0 0 1px rgba(99,102,241,.08) inset;}
.btn-secondary:hover{box-shadow:0 8px 22px rgba(99,102,241,.14), 0 0 18px rgba(99,102,241,.10);} 
.dark .btn-secondary{box-shadow:0 1px 2px rgba(2,6,23,.12), 0 0 0 1px rgba(129,140,248,.10) inset;}
.dark .btn-secondary:hover{box-shadow:0 10px 28px rgba(99,102,241,.16), 0 0 20px rgba(34,211,238,.10);} 

.btn-danger{background:rgba(239,68,68,1);border-color:rgba(220,38,38,1);color:#fff;}
.btn-danger:hover{background:rgba(220,38,38,1);box-shadow:0 8px 22px rgba(239,68,68,.30);}
.dark .btn-danger{background:rgba(220,38,38,1);border-color:rgba(185,28,28,1);}
.dark .btn-danger:hover{background:rgba(185,28,28,1);box-shadow:0 8px 22px rgba(239,68,68,.25);}

.btn.is-active{
  background:rgba(99,102,241,.12);
  border-color:rgba(99,102,241,.45);
  box-shadow:
    0 10px 28px rgba(99,102,241,.16),
    0 0 0 1px rgba(99,102,241,.20) inset,
    0 0 18px rgba(34,211,238,.10);
}
.btn.is-active:hover{filter:brightness(1.02);} 
 .dark .btn.is-active{
  background:rgba(99,102,241,.20);
  border-color:rgba(129,140,248,.46);
  box-shadow:
    0 14px 44px rgba(79,70,229,.20),
    0 0 0 1px rgba(129,140,248,.22) inset,
    0 0 24px rgba(34,211,238,.12);
 }

 .page-transition{
  position:fixed;
  inset:0;
  z-index:9999;
  pointer-events:none;
  opacity:0;
  transform:translateY(10px) scale(1.015);
  background:
    radial-gradient(900px 260px at 18% 0%, rgba(99,102,241,.24), transparent 62%),
    radial-gradient(900px 260px at 82% 0%, rgba(34,211,238,.18), transparent 62%),
    radial-gradient(700px 240px at 50% 120%, rgba(244,63,94,.16), transparent 60%),
    linear-gradient(180deg, rgba(255,255,255,.0), rgba(255,255,255,.88));
  backdrop-filter: blur(10px);
 }
 .dark .page-transition{
  background:
    radial-gradient(900px 260px at 18% 0%, rgba(99,102,241,.28), transparent 62%),
    radial-gradient(900px 260px at 82% 0%, rgba(34,211,238,.22), transparent 62%),
    radial-gradient(700px 240px at 50% 120%, rgba(244,63,94,.18), transparent 60%),
    linear-gradient(180deg, rgba(2,6,23,.0), rgba(2,6,23,.90));
 }
 .page-transition::after{
  content:"";
  position:absolute;
  inset:-30% -40%;
  background:linear-gradient(120deg, transparent 40%, rgba(255,255,255,.55) 50%, transparent 60%);
  transform:translateX(-70%) rotate(8deg);
  opacity:0;
 }
 .dark .page-transition::after{
  background:linear-gradient(120deg, transparent 40%, rgba(226,232,240,.16) 50%, transparent 60%);
 }
 .page-transition.is-active{
  animation:pageNeonIn .42s ease forwards;
 }
 .page-transition.is-active::after{
  opacity:1;
  animation:pageNeonShine .55s ease forwards;
}
/* Mobile hamburger button fix */
#mobileMenuButton{
  z-index:51;
  pointer-events:auto;
}
#mobileMenu{
  z-index:50;
  pointer-events:auto;
}

/* Mobile menu open/close (animated) */
#mobileMenu{
  display:none; /* Başlangıçta gizle */
  overflow:hidden;
  transition:max-height .22s ease, opacity .18s ease;
}
#mobileMenu.is-open, 
#mobileMenu:not(.hidden) {
  display: block !important;
  opacity:1;
}
#mobileMenu.hidden{
  display:none !important;
  overflow:visible;
  transition:none;
}
@keyframes pageNeonIn{
  0%{opacity:0;transform:translateY(14px) scale(1.02);}
  55%{opacity:1;transform:translateY(0) scale(1.01);}
  100%{opacity:1;transform:translateY(0) scale(1.0);}
 }
 @keyframes pageNeonShine{
  0%{transform:translateX(-70%) rotate(8deg);opacity:0;}
  30%{opacity:.95;}
  100%{transform:translateX(70%) rotate(8deg);opacity:0;}
}

.scroll-candle{
 position:fixed;
 right:1rem;
 bottom:calc(7.5rem + env(safe-area-inset-bottom, 0px));
 z-index:70;
 height:2.75rem;
 width:2.75rem;
 border-radius:999px;
 border:1px solid rgba(226,232,240,1);
 background:rgba(255,255,255,.85);
 backdrop-filter: blur(10px);
 box-shadow:0 10px 26px rgba(2,6,23,.12);
 display:flex;
 align-items:center;
 justify-content:center;
 font-size:1.2rem;
 line-height:1;
 color:rgba(100,116,139,1);
 transition:transform .15s ease, color .12s ease, border-color .12s ease, background-color .12s ease;
}
.scroll-candle__icon{height:1.3rem;width:1.3rem;display:block;}
.scroll-candle:active{transform:scale(.96);} 
.dark .scroll-candle{border-color:rgba(226,232,240,.14);background:rgba(2,6,23,.45);color:rgba(148,163,184,.95);} 
.scroll-candle.is-up{color:rgba(16,185,129,1);border-color:rgba(16,185,129,.45);} 
.scroll-candle.is-down{color:rgba(244,63,94,1);border-color:rgba(244,63,94,.45);} 
.dark .scroll-candle.is-up{color:rgba(52,211,153,1);border-color:rgba(52,211,153,.40);} 
.dark .scroll-candle.is-down{color:rgba(251,113,133,1);border-color:rgba(251,113,133,.38);} 

.mouse-candle{bottom:1rem;right:1rem;}

.mouse-candle.is-up{color:#00ff00;border-color:rgba(0,255,0,.55);} 
.mouse-candle.is-down{color:#ff0000;border-color:rgba(255,0,0,.55);} 
.dark .mouse-candle.is-up{color:#00ff00;border-color:rgba(0,255,0,.55);} 
.dark .mouse-candle.is-down{color:#ff0000;border-color:rgba(255,0,0,.55);} 

@keyframes ccCandleBlinkUp{0%{box-shadow:0 0 0 rgba(0,255,0,0);}50%{box-shadow:0 0 18px rgba(0,255,0,.75);}100%{box-shadow:0 0 0 rgba(0,255,0,0);}}
@keyframes ccCandleBlinkDown{0%{box-shadow:0 0 0 rgba(255,0,0,0);}50%{box-shadow:0 0 18px rgba(255,0,0,.75);}100%{box-shadow:0 0 0 rgba(255,0,0,0);}}

.mouse-candle.is-blink.is-up{animation:ccCandleBlinkUp .22s ease-in-out;}
.mouse-candle.is-blink.is-down{animation:ccCandleBlinkDown .22s ease-in-out;}
@media (max-width: 639px){
 .scroll-candle{bottom:6.25rem;}
}
 @media (prefers-reduced-motion: reduce){
  .page-transition{backdrop-filter:none;}
  .page-transition.is-active{animation:none;opacity:1;transform:none;}
  .page-transition.is-active::after{animation:none;opacity:0;}
 }
.input{
  width:100%;
  border-radius:var(--radius-xl);
  border:1px solid var(--border);
  background:var(--surface);
  padding:.5rem .75rem;
  font-size:.875rem;
  color:rgba(15,23,42,1);
  box-shadow:0 1px 2px rgba(2,6,23,.05);
}
.input::placeholder{color:rgba(148,163,184,1);} 
.input:focus{outline:none;border-color:var(--brand-400);box-shadow:0 0 0 4px rgba(224,231,255,.9),0 1px 2px rgba(2,6,23,.05);} 
.dark .input{border-color:rgba(226,232,240,.12);background:rgba(2,6,23,.35);color:var(--dark-text);} 
.dark .input::placeholder{color:rgba(148,163,184,.75);} 
.dark .input:focus{box-shadow:0 0 0 4px rgba(99,102,241,.16),0 1px 2px rgba(2,6,23,.05);} 
.dark input[type="date"]::-webkit-calendar-picker-indicator{
  filter: invert(1) brightness(1.15);
  opacity: .95;
}
.dark input[type="date"]::-webkit-calendar-picker-indicator:hover{
  opacity: 1;
}

.badge{
  display:inline-flex;align-items:center;
  gap:.45rem;
  border-radius:999px;
  padding:.35rem .65rem;
  font-size:.75rem;
  font-weight:700;
  border:1px solid rgba(226,232,240,1);
  background:rgba(241,245,249,1);
  color:rgba(51,65,85,1);
  box-shadow:0 1px 2px rgba(2,6,23,.04);
}
.dark .badge{background:rgba(15,23,42,.85);color:var(--dark-text);border-color:rgba(226,232,240,.14);} 

.badge-xs {
  display: inline-flex;
  align-items: center;
  border-radius: 9999px;
  padding: 0.25rem 0.5rem;
  font-size: 0.75rem;
  font-weight: 500;
} 

.badge-vip{background:rgba(254,243,199,1);color:rgba(120,53,15,1);} 
.dark .badge-vip{background:rgba(120,53,15,.35);color:rgba(254,243,199,1);} 

.badge-hot{background:rgba(255,228,230,1);color:rgba(136,19,55,1);} 
.dark .badge-hot{background:rgba(136,19,55,.35);color:rgba(255,228,230,1);} 

.badge-warn{background:rgba(254,243,199,1);color:rgba(120,53,15,1);} 
.dark .badge-warn{background:rgba(120,53,15,.35);color:rgba(254,243,199,1);} 

.badge-ok{background:rgba(209,250,229,1);color:rgba(6,78,59,1);} 
.dark .badge-ok{background:rgba(6,78,59,.35);color:rgba(209,250,229,1);} 


.tabs{display:inline-flex;border-radius:var(--radius-2xl);border:1px solid var(--border);background:var(--surface);padding:.25rem;}
.dark .tabs{border-color:rgba(148,163,184,.25);background:rgba(15,23,42,.85);box-shadow:0 10px 28px rgba(0,0,0,.35);} 

.tab{border-radius:var(--radius-xl);padding:.5rem .75rem;font-size:.875rem;font-weight:700;color:rgb(0, 0, 0);background:transparent;border:0;cursor:pointer;}
.tab:hover{background:rgba(2,6,23,.04);} 
.dark .tab{color:rgba(241,245,249,.92);} 
.dark .tab:hover{background:rgba(51,65,85,.55);} 

/* Scrollbar styles */
.scrollbar-thin {
  scrollbar-width: thin;
}
.scrollbar-thin::-webkit-scrollbar {
  height: 4px;
  width: 4px;
}
.scrollbar-thin::-webkit-scrollbar-track {
  background: rgba(241, 245, 249, 0.5);
  border-radius: 2px;
}
.scrollbar-thin::-webkit-scrollbar-thumb {
  background: rgba(203, 213, 225, 0.8);
  border-radius: 2px;
}
.scrollbar-thin::-webkit-scrollbar-thumb:hover {
  background: rgba(148, 163, 184, 1);
}

.dark .scrollbar-thin::-webkit-scrollbar-track {
  background: rgba(30, 41, 59, 0.5);
}
.dark .scrollbar-thin::-webkit-scrollbar-thumb {
  background: rgba(71, 85, 105, 0.8);
}
.dark .scrollbar-thin::-webkit-scrollbar-thumb:hover {
  background: rgba(100, 116, 139, 1);
} 

/* Modern Vote System Styles */
.vote-button {
  background: linear-gradient(135deg, #6366f1 0%, #4f46e5 100%);
  border: 1px solid #4f46e5;
  color: white;
  -webkit-tap-highlight-color: transparent;
  tap-highlight-color: transparent;
  outline: none;
  user-select: none;
  position: relative;
  transition: all 0.3s ease;
  border-radius: 0.75rem;
  font-weight: 600;
  overflow: hidden;
}

.vote-button:hover {
  background: linear-gradient(135deg, #4f46e5 0%, #4338ca 100%);
  border-color: #4338ca;
  box-shadow: 0 4px 8px rgba(99, 102, 241, 0.3);
}

.vote-button:active {
  background: #000;
  border-color: #000;
  box-shadow: none;
  transform: scale(0.95);
}

@media (hover: none) {
  .vote-button:hover {
    background: linear-gradient(135deg, #6366f1 0%, #4f46e5 100%);
    border-color: #4f46e5;
    box-shadow: none;
  }
  .vote-button:hover::before {
    left: 0;
  }
}

.vote-button:disabled {
  background: linear-gradient(135deg, #64748b 0%, #475569 100%);
  border-color: #64748b;
  box-shadow: none;
  cursor: not-allowed;
  transform: none;
}

.vote-button:disabled:hover {
  transform: none;
  box-shadow: none;
}

/* Coins page: mobile tap feedback (avoid white hover flash) */
@media (hover: none) {
  .page-coins .md\:hidden .hover\:bg-slate-50:hover {
    background: transparent !important;
  }
  .page-coins .md\:hidden .dark\:hover\:bg-slate-900\/30:hover {
    background: transparent !important;
  }
  .page-coins .md\:hidden [data-href]:active {
    background: rgba(0, 0, 0, 0.18) !important;
  }

  /* Desktop table row hover on touch devices */
  .page-coins tr.hover\:bg-slate-50\/80:hover {
    background: transparent !important;
  }
  .page-coins tr.dark\:hover\:bg-slate-900\/30:hover {
    background: transparent !important;
  }
}

/* Coins page: full-width table layout */
.page-coins .coins-table-panel {
  width: 100%;
}
.page-coins .coins-table-panel.card {
  overflow-x: auto !important;
  overflow-y: visible;
}
.page-coins #tab-table,
.page-coins #coins-table-inner,
.page-coins #coins-table-inner > .hidden.md\:block {
  width: 100% !important;
  max-width: 100% !important;
}
.page-coins .coins-table-modern {
  width: 100% !important;
}

.vote-button::before {
  content: '';
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
  transition: left 0.5s;
}

.vote-button:hover::before {
  left: 100%;
}

.vote-button.voting {
  animation: votePulse 0.6s ease-in-out;
}

@keyframes votePulse {
  0%, 100% { transform: scale(1); }
  50% { transform: scale(1.1); }
}

.vote-button.success {
  background: linear-gradient(135deg, #10b981 0%, #059669 100%);
  border-color: #10b981;
  box-shadow: 0 4px 8px rgba(16, 185, 129, 0.3);
}

.vote-button.error {
  background: linear-gradient(135deg, #ef4444 0%, #dc2626 100%);
  border-color: #ef4444;
  box-shadow: 0 4px 8px rgba(239, 68, 68, 0.3);
}

/* Vote badge enhancements */
.badge[data-votes] {
  background: linear-gradient(135deg, #f1f5f9 0%, #e2e8f0 100%);
  border: 1px solid #cbd5e1;
  color: #475569;
  position: relative;
}

.dark .badge[data-votes] {
  background: linear-gradient(135deg, #334155 0%, #1e293b 100%);
  border-color: #475569;
  color: #cbd5e1;
}

.badge[data-votes]:hover {
  background: linear-gradient(135deg, #e2e8f0 0%, #cbd5e1 100%);
  border-color: #94a3b8;
}

.dark .badge[data-votes]:hover {
  background: linear-gradient(135deg, #1e293b 0%, #0f172a 100%);
  border-color: #334155;
}

/* Vote count animation */
@keyframes voteCountUpdate {
  0% { transform: scale(1); }
  50% { transform: scale(1.2); color: #10b981; }
  100% { transform: scale(1); }
}

.badge[data-votes].vote-updated {
  animation: voteCountUpdate 0.4s ease-in-out;
}

/* Live vote update animation */
.vote-live-update {
  animation: voteLivePulse 0.6s ease-in-out;
}

@keyframes voteLivePulse {
  0% { transform: scale(1); color: inherit; }
  50% { transform: scale(1.15); color: #10b981; }
  100% { transform: scale(1); color: inherit; }
}

.vote-live-update[data-daily-votes] {
  animation: voteLivePulseBlue 0.6s ease-in-out;
}

@keyframes voteLivePulseBlue {
  0% { transform: scale(1); color: inherit; }
  50% { transform: scale(1.15); color: #3b82f6; }
  100% { transform: scale(1); color: inherit; }
}

/* Tooltip improvements */
.vote-button .tooltip,
.badge[data-votes] .tooltip {
  z-index: 50;
  backdrop-filter: blur(4px);
}

/* Dark mode vote button */
.dark .vote-button {
  background: linear-gradient(135deg, #4f46e5 0%, #4338ca 100%);
  border-color: #4f46e5;
}

.dark .vote-button:hover {
  background: linear-gradient(135deg, #4338ca 0%, #3730a3 100%);
  border-color: #4338ca;
}

.dark .vote-button:disabled {
  background: linear-gradient(135deg, #475569 0%, #334155 100%);
  border-color: #475569;
}

/* Responsive vote buttons */
@media (max-width: 640px) {
  .vote-button {
    padding: 0.375rem 0.625rem;
    font-size: 0.7rem;
  }
  
  .vote-button svg {
    width: 0.75rem;
    height: 0.75rem;
  }
}

/* Loading spinner for vote button */
.vote-button.loading::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 12px;
  height: 12px;
  margin: -6px 0 0 -6px;
  border: 2px solid transparent;
  border-top-color: currentColor;
  border-radius: 50%;
  animation: spin 1s linear infinite;
}

@keyframes spin {
  to { transform: rotate(360deg); }
}
.tabs.overflow-x-auto {
  scrollbar-width: thin;
  -webkit-overflow-scrolling: touch;
}

.tabs.overflow-x-auto::-webkit-scrollbar {
  height: 3px;
}

.tabs.overflow-x-auto::-webkit-scrollbar-track {
  background: transparent;
}

.tabs.overflow-x-auto::-webkit-scrollbar-thumb {
  background: rgba(148, 163, 184, 0.3);
  border-radius: 2px;
}

.tabs.overflow-x-auto::-webkit-scrollbar-thumb:hover {
  background: rgba(148, 163, 184, 0.6);
}

.dark .tabs.overflow-x-auto::-webkit-scrollbar-thumb {
  background: rgba(71, 85, 105, 0.3);
}

.dark .tabs.overflow-x-auto::-webkit-scrollbar-thumb:hover {
  background: rgba(71, 85, 105, 0.6);
} 
.dark .tab:hover{background:rgba(15,23,42,.65);} 

.tab-active{background:rgba(15,23,42,1);color:#fff;}
.tab-active:hover{background:rgba(15,23,42,1);} 
.dark .tab-active{background:#fff;color:rgba(15,23,42,1);} 
.dark .tab-active:hover{background:rgba(2,6,23,.40);} 

/* Neon footer */
.footer-neon{
  position:relative;
  border-top:1px solid rgba(99,102,241,.28);
  background:
    radial-gradient(900px 220px at 15% 0%, rgba(99,102,241,.22), transparent 60%),
    radial-gradient(700px 220px at 85% 0%, rgba(244,63,94,.18), transparent 60%),
    linear-gradient(180deg, rgba(255,255,255,.76), rgba(248,250,252,.92));
  backdrop-filter: blur(10px);
}
.footer-neon::before{
  content:"";
  position:absolute;
  inset:-1px 0 auto 0;
  height:1px;
  background:linear-gradient(90deg, transparent, rgba(99,102,241,.9), rgba(244,63,94,.8), transparent);
  opacity:.9;
}
.footer-neon .footer-title{color:rgba(15,23,42,1);}
.footer-neon .footer-subtitle{color:rgba(51,65,85,1);}
.footer-neon a{color:rgba(30,41,59,1);}
.footer-neon a:hover{color:rgba(79,70,229,1);}

.dark .footer-neon{
  border-top:1px solid rgba(99,102,241,.28);
  background:
    radial-gradient(900px 260px at 20% 0%, rgba(99,102,241,.26), transparent 62%),
    radial-gradient(900px 260px at 80% 0%, rgba(34,211,238,.18), transparent 62%),
    radial-gradient(600px 220px at 50% 120%, rgba(244,63,94,.14), transparent 60%),
    linear-gradient(180deg, rgba(2,6,23,.72), rgba(10,15,29,.95));
}
.dark .footer-neon .footer-title{color:rgba(241,245,249,1);}
.dark .footer-neon .footer-subtitle{color:rgba(226,232,240,.82);}
.dark .footer-neon a{color:rgba(226,232,240,.9);}
.dark .footer-neon a:hover{color:rgba(129,140,248,1);}

details.card-muted{
  overflow:hidden;
}
details.card-muted > summary{
  list-style:none;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:.75rem;
}
details.card-muted > summary::-webkit-details-marker{display:none;}
details.card-muted > summary::after{
  content:"▾";
  font-size:.9rem;
  line-height:1;
  color:rgba(100,116,139,1);
  transition:transform .18s ease, color .18s ease;
}
.dark details.card-muted > summary::after{color:rgba(148,163,184,.9);}
details.card-muted[open] > summary::after{
  transform:rotate(180deg);
  color:rgba(79,70,229,1);
}
.dark details.card-muted[open] > summary::after{color:rgba(129,140,248,1);}
details.card-muted[open]{
  box-shadow:var(--shadow-lift), 0 0 28px rgba(99,102,241,.10), 0 0 18px rgba(34,211,238,.08);
}
details.card-muted > summary + *{
  opacity:.92;
  transform:translateY(-2px);
  transition:opacity .18s ease, transform .18s ease;
}
details.card-muted[open] > summary + *{
  opacity:1;
  transform:translateY(0);
}

.partner-chip{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:999px;
  padding:.35rem .65rem;
  font-size:.75rem;
  font-weight:800;
  border:1px solid rgba(226,232,240,1);
  background:rgba(248,250,252,1);
  color:rgba(30,41,59,1);
  box-shadow:0 1px 2px rgba(2,6,23,.04);
}
.partner-chip:hover{border-color:rgba(99,102,241,.35);}
.dark .partner-chip{
  border-color:rgba(226,232,240,.14);
  background:rgba(2,6,23,.30);
  color:rgba(226,232,240,.90);
}
.dark .partner-chip:hover{border-color:rgba(129,140,248,.40);}

.check-dot{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  height:1.6rem;
  width:1.6rem;
  border-radius:.65rem;
  background:rgba(99,102,241,.12);
  color:rgba(79,70,229,1);
  font-weight:900;
  flex:0 0 auto;
  box-shadow:0 0 0 1px rgba(99,102,241,.12) inset;
}
.dark .check-dot{
  background:rgba(99,102,241,.18);
  color:rgba(199,210,254,1);
  box-shadow:0 0 0 1px rgba(129,140,248,.18) inset;
}

.preview-mock{
  border-radius:var(--radius-3xl);
  border:1px solid var(--border);
  background:linear-gradient(180deg, rgba(248,250,252,1), rgba(255,255,255,1));
  overflow:hidden;
  box-shadow:var(--shadow-soft);
}
.dark .preview-mock{
  border-color:rgba(226,232,240,.12);
  background:linear-gradient(180deg, rgba(2,6,23,.38), rgba(2,6,23,.18));
}

.preview-topbar{
  display:flex;
  align-items:center;
  padding:.75rem 1rem;
  border-bottom:1px solid rgba(226,232,240,1);
  background:rgba(255,255,255,.85);
  backdrop-filter: blur(10px);
}
.dark .preview-topbar{
  border-bottom:1px solid rgba(226,232,240,.10);
  background:rgba(2,6,23,.35);
}

.preview-dot{
  width:.65rem;
  height:.65rem;
  border-radius:999px;
  opacity:.9;
}

.preview-body{
  padding:1rem;
}

.preview-row{
  display:flex;
  align-items:center;
  gap:.75rem;
  border-radius:var(--radius-2xl);
  border:1px solid rgba(226,232,240,1);
  background:rgba(248,250,252,1);
  padding:.75rem;
}
.preview-row:hover{border-color:rgba(99,102,241,.28);}
.dark .preview-row{
  border-color:rgba(226,232,240,.12);
  background:rgba(15,23,42,.45);
}
.dark .preview-row:hover{border-color:rgba(129,140,248,.34);}

.preview-avatar{
  width:2.25rem;
  height:2.25rem;
  border-radius:.9rem;
  display:flex;
  align-items:center;
  justify-content:center;
  font-weight:900;
  font-size:.8125rem;
  background:rgba(255,255,255,1);
  color:rgba(51,65,85,1);
  box-shadow:0 1px 2px rgba(2,6,23,.06);
}
.dark .preview-avatar{
  background:rgba(2,6,23,.55);
  color:rgba(226,232,240,.92);
}

/* Neon Filter Cards */
.filter-neon {
  position: relative;
  border: 1px solid rgba(99,102,241,.18);
  background:
    radial-gradient(600px 180px at 20% 0%, rgba(99,102,241,.12), transparent 50%),
    radial-gradient(500px 180px at 80% 0%, rgba(34,211,238,.08), transparent 50%),
    linear-gradient(180deg, rgba(255,255,255,.98), rgba(248,250,252,.95));
  backdrop-filter: blur(8px);
  box-shadow:
    0 8px 32px rgba(99,102,241,.08),
    0 0 0 1px rgba(99,102,241,.06) inset;
}

.filter-neon::before {
  content: "";
  position: absolute;
  inset: -1px 0 auto 0;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(99,102,241,.6), rgba(34,211,238,.4), transparent);
  opacity: .8;
}

.dark .filter-neon {
  border: 1px solid rgba(99,102,241,.22);
  background:
    radial-gradient(700px 200px at 25% 0%, rgba(99,102,241,.16), transparent 55%),
    radial-gradient(600px 200px at 75% 0%, rgba(34,211,238,.12), transparent 55%),
    radial-gradient(400px 160px at 50% 100%, rgba(244,63,94,.08), transparent 50%),
    linear-gradient(180deg, rgba(2,6,23,.68), rgba(10,15,29,.92));
  box-shadow:
    0 12px 40px rgba(99,102,241,.12),
    0 0 0 1px rgba(129,140,248,.08) inset;
}

.dark .filter-neon::before {
  background: linear-gradient(90deg, transparent, rgba(129,140,248,.8), rgba(34,211,238,.6), transparent);
  opacity: .9;
}

/* Neon filter sections */
.filter-section {
  position: relative;
  border-radius: var(--radius-xl);
  padding: 1rem;
  margin-bottom: 1rem;
  border: 1px solid rgba(99,102,241,.15);
  background:
    radial-gradient(400px 120px at 15% 0%, rgba(99,102,241,.08), transparent 40%),
    radial-gradient(300px 120px at 85% 0%, rgba(34,211,238,.06), transparent 40%),
    linear-gradient(180deg, rgba(255,255,255,.96), rgba(248,250,252,.94));
  backdrop-filter: blur(6px);
}

.dark .filter-section {
  border: 1px solid rgba(99,102,241,.18);
  background:
    radial-gradient(500px 140px at 20% 0%, rgba(99,102,241,.12), transparent 45%),
    radial-gradient(400px 140px at 80% 0%, rgba(34,211,238,.08), transparent 45%),
    linear-gradient(180deg, rgba(2,6,23,.65), rgba(10,15,29,.88));
}

/* Neon filter buttons */
.filter-btn {
  position: relative;
  border: 1px solid rgba(99,102,241,.2);
  background: linear-gradient(135deg, rgba(99,102,241,.06), rgba(34,211,238,.04));
  backdrop-filter: blur(4px);
  transition: all 0.3s ease;
}

.filter-btn:hover {
  border-color: rgba(99,102,241,.35);
  background: linear-gradient(135deg, rgba(99,102,241,.12), rgba(34,211,238,.08));
  box-shadow: 0 4px 16px rgba(99,102,241,.15), 0 0 12px rgba(34,211,238,.08);
}

.dark .filter-btn {
  border: 1px solid rgba(129,140,248,.25);
  background: linear-gradient(135deg, rgba(129,140,248,.08), rgba(34,211,238,.06));
}

.dark .filter-btn:hover {
  border-color: rgba(129,140,248,.4);
  background: linear-gradient(135deg, rgba(129,140,248,.15), rgba(34,211,238,.1));
  box-shadow: 0 6px 20px rgba(129,140,248,.2), 0 0 16px rgba(34,211,238,.12);
}

/* Neon Filter Search Inputs */
.input-filter {
  position: relative;
  border: 1px solid rgba(99,102,241,.25);
  background:
    radial-gradient(400px 120px at 25% 25%, rgba(99,102,241,.08), transparent 50%),
    radial-gradient(300px 120px at 75% 75%, rgba(34,211,238,.06), transparent 50%),
    linear-gradient(135deg, rgba(255,255,255,.95), rgba(248,250,252,.92));
  backdrop-filter: blur(6px);
  box-shadow:
    0 4px 16px rgba(99,102,241,.08),
    0 0 0 1px rgba(99,102,241,.05) inset;
  transition: all 0.3s ease;
}

.input-filter:focus {
  border-color: rgba(99,102,241,.4);
  background:
    radial-gradient(500px 140px at 30% 30%, rgba(99,102,241,.12), transparent 55%),
    radial-gradient(400px 140px at 70% 70%, rgba(34,211,238,.08), transparent 55%),
    linear-gradient(135deg, rgba(255,255,255,.97), rgba(248,250,252,.95));
  box-shadow:
    0 6px 24px rgba(99,102,241,.12),
    0 0 0 1px rgba(99,102,241,.08) inset,
    0 0 0 4px rgba(224,231,255,.8);
}

.dark .input-filter {
  border: 1px solid rgba(129,140,248,.3);
  background:
    radial-gradient(500px 140px at 35% 35%, rgba(129,140,248,.1), transparent 55%),
    radial-gradient(400px 140px at 65% 65%, rgba(34,211,238,.08), transparent 55%),
    linear-gradient(135deg, rgba(2,6,23,.45), rgba(10,15,29,.85));
  box-shadow:
    0 6px 20px rgba(129,140,248,.1),
    0 0 0 1px rgba(129,140,248,.06) inset;
}

.dark .input-filter:focus {
  border-color: rgba(129,140,248,.5);
  background:
    radial-gradient(600px 160px at 40% 40%, rgba(129,140,248,.14), transparent 60%),
    radial-gradient(500px 160px at 60% 60%, rgba(34,211,238,.1), transparent 60%),
    linear-gradient(135deg, rgba(2,6,23,.5), rgba(10,15,29,.88));
  box-shadow:
    0 8px 28px rgba(129,140,248,.15),
    0 0 0 1px rgba(129,140,248,.1) inset,
    0 0 0 4px rgba(99,102,241,.12);
}

/* Neon filter select dropdowns */
.select-filter {
  position: relative;
  border: 1px solid rgba(99,102,241,.2);
  background:
    radial-gradient(350px 100px at 20% 20%, rgba(99,102,241,.06), transparent 45%),
    radial-gradient(250px 100px at 80% 80%, rgba(34,211,238,.04), transparent 45%),
    linear-gradient(135deg, rgba(255,255,255,.94), rgba(248,250,252,.91));
  backdrop-filter: blur(4px);
  box-shadow:
    0 3px 12px rgba(99,102,241,.06),
    0 0 0 1px rgba(99,102,241,.04) inset;
  transition: all 0.3s ease;
}

.select-filter:focus {
  border-color: rgba(99,102,241,.35);
  background:
    radial-gradient(400px 120px at 25% 25%, rgba(99,102,241,.09), transparent 50%),
    radial-gradient(300px 120px at 75% 75%, rgba(34,211,238,.06), transparent 50%),
    linear-gradient(135deg, rgba(255,255,255,.96), rgba(248,250,252,.93));
  box-shadow:
    0 4px 16px rgba(99,102,241,.09),
    0 0 0 1px rgba(99,102,241,.06) inset,
    0 0 0 3px rgba(224,231,255,.7);
}

.dark .select-filter {
  border: 1px solid rgba(129,140,248,.25);
  background:
    radial-gradient(450px 120px at 30% 30%, rgba(129,140,248,.08), transparent 50%),
    radial-gradient(350px 120px at 70% 70%, rgba(34,211,238,.06), transparent 50%),
    linear-gradient(135deg, rgba(2,6,23,.4), rgba(10,15,29,.82));
  box-shadow:
    0 4px 16px rgba(129,140,248,.08),
    0 0 0 1px rgba(129,140,248,.05) inset;
}

.dark .select-filter:focus {
  border-color: rgba(129,140,248,.4);
  background:
    radial-gradient(500px 140px at 35% 35%, rgba(129,140,248,.11), transparent 55%),
    radial-gradient(400px 140px at 65% 65%, rgba(34,211,238,.08), transparent 55%),
    linear-gradient(135deg, rgba(2,6,23,.45), rgba(10,15,29,.85));
  box-shadow:
    0 6px 20px rgba(129,140,248,.12),
    0 0 0 1px rgba(129,140,248,.08) inset,
    0 0 0 3px rgba(99,102,241,.1);
}

.shadow-soft{box-shadow:var(--shadow-soft);} 
.shadow-lift{box-shadow:var(--shadow-lift);} 

/* Mobile Responsiveness */
@media (max-width: 768px) {
  /* Header mobile fixes */
  header.sticky {
    padding: 0.5rem 1rem;
  }
  
  .header-content {
    flex-wrap: wrap;
    gap: 0.5rem;
  }
  
  .header-left {
    min-width: 0;
    flex: 1;
  }
  
  .header-right {
    gap: 0.5rem;
  }
  
  .lang-btn, .theme-toggle {
    padding: 0.375rem 0.5rem;
    font-size: 0.8rem;
    min-width: auto;
  }
  
  .mobile-menu-btn {
    padding: 0.375rem 0.5rem;
  }
  
  /* Navigation mobile */
  .nav {
    flex-wrap: wrap;
    gap: 0.25rem;
  }
  
  .nav-link {
    padding: 0.375rem 0.5rem;
    font-size: 0.8rem;
  }
  
  /* Tables mobile */
  .overflow-x-auto {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  
  .min-w-full {
    min-width: 100%;
  }
  
  .min-w-full th,
  .min-w-full td {
    padding: 0.5rem 0.25rem;
    font-size: 0.8rem;
  }
  
  .min-w-full th:nth-child(4),
  .min-w-full td:nth-child(4) {
    display: none;
  }
  
  .min-w-full .flex.items-center.gap-3 {
    gap: 0.5rem;
  }
  
  .min-w-full .h-10.w-10 {
    width: 2rem;
    height: 2rem;
    font-size: 0.75rem;
  }
  
  .min-w-full .text-sm {
    font-size: 0.75rem;
  }
  
  .min-w-full .text-xs {
    font-size: 0.7rem;
  }
  
  /* Filter sidebar mobile */
  .grid.lg\\:grid-cols-12 {
    grid-template-columns: 1fr;
    gap: 1rem;
  }
  
  .lg\\:col-span-3 {
    grid-column: span 1;
  }
  
  .lg\\:col-span-9 {
    grid-column: span 1;
  }
  
  /* Mobile filter card */
  .card.p-5 {
    padding: 1rem;
  }
  
  .card.p-5 .text-sm {
    font-size: 0.9rem;
  }
  
  .card.p-5 .grid.gap-3 {
    gap: 0.75rem;
  }
  
  .card.p-5 .flex-wrap.gap-2 {
    gap: 0.5rem;
  }
  
  .card.p-5 .btn-secondary {
    padding: 0.375rem 0.625rem;
    font-size: 0.75rem;
  }
  
  .card.p-5 .input {
    padding: 0.375rem 0.5rem;
    font-size: 0.8rem;
  }
  
  .card.p-5 .grid.gap-2 {
    gap: 0.5rem;
  }
  
  .card.p-5 .flex.items-center.gap-2 {
    gap: 0.5rem;
  }
  
  .card.p-5 .text-xs {
    font-size: 0.75rem;
  }
  
  .card.p-5 .btn-primary {
    padding: 0.5rem;
    font-size: 0.8rem;
  }
  
  .card {
    padding: 1rem;
  }
  
  .card-header {
    flex-direction: column;
    align-items: flex-start;
    gap: 0.5rem;
  }
  
  .card-title {
    font-size: 1rem;
  }
  
  /* Forms mobile */
  .form-group {
    margin-bottom: 1rem;
  }
  
  .form-label {
    font-size: 0.9rem;
    margin-bottom: 0.25rem;
  }
  
  .input, .textarea, .select {
    padding: 0.5rem;
    font-size: 0.9rem;
  }
  
  .form-row {
    flex-direction: column;
    gap: 1rem;
  }
  
  /* Buttons mobile */
  .btn {
    padding: 0.5rem 0.75rem;
    font-size: 0.8rem;
  }
  
  .btn-group {
    flex-direction: column;
    gap: 0.5rem;
  }
  
  /* Modal mobile */
  .modal {
    padding: 1rem;
    max-width: calc(100vw - 2rem);
    max-height: calc(100vh - 2rem);
  }
  
  .modal-header {
    padding: 1rem;
  }
  
  .modal-body {
    padding: 1rem;
  }
  
  .modal-footer {
    padding: 1rem;
    flex-direction: column;
    gap: 0.5rem;
  }
  
  /* Pagination mobile */
  .pagination {
    flex-wrap: wrap;
    gap: 0.25rem;
  }
  
  .page-btn {
    padding: 0.375rem 0.5rem;
    font-size: 0.8rem;
    min-width: auto;
  }
  
  /* Filter bar mobile */
  .filter-bar {
    flex-direction: column;
    gap: 0.5rem;
  }
  
  .filter-group {
    width: 100%;
  }
  
  .filter-input {
    width: 100%;
  }
  
  /* Tabs mobile */
  .tabs {
    flex-wrap: wrap;
    gap: 0.25rem;
  }
  
  .tab {
    padding: 0.375rem 0.5rem;
    font-size: 0.8rem;
  }
  
  /* Footer mobile */
  .footer-content {
    flex-direction: column;
    gap: 1rem;
    text-align: center;
  }
  
  .footer-title {
    font-size: 1.1rem;
  }
  
  .footer-subtitle {
    font-size: 0.9rem;
  }
  
  .footer-nav {
    flex-direction: column;
    gap: 0.5rem;
  }
  
  /* Badge mobile */
  .badge {
    padding: 0.2rem 0.4rem;
    font-size: 0.7rem;
  }
  
  /* Stats mobile */
  .stats-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 0.5rem;
  }
  
  .stat-card {
    padding: 0.75rem;
  }
  
  .stat-value {
    font-size: 1.2rem;
  }
  
  .stat-label {
    font-size: 0.8rem;
  }
  
  /* Alert mobile */
  .alert {
    padding: 0.75rem;
    font-size: 0.9rem;
  }
  
  /* Loading mobile */
  .loading {
    padding: 2rem 1rem;
  }
  
  .spinner {
    width: 2rem;
    height: 2rem;
  }
  
  /* Tooltips mobile */
  .tooltip {
    font-size: 0.8rem;
    padding: 0.25rem 0.5rem;
  }
}

@media (max-width: 480px) {
  /* Extra small mobile */
  header.sticky {
    padding: 0.5rem;
  }
  
  .min-w-full {
    min-width: 500px;
  }
  
  .min-w-full th,
  .min-w-full td {
    padding: 0.4rem 0.2rem;
    font-size: 0.75rem;
  }
  
  .min-w-full th:nth-child(3),
  .min-w-full td:nth-child(3) {
    display: none;
  }
  
  .min-w-full .flex.items-center.gap-3 {
    gap: 0.25rem;
  }
  
  .min-w-full .h-10.w-10 {
    width: 1.5rem;
    height: 1.5rem;
    font-size: 0.7rem;
  }
  
  .min-w-full .text-sm {
    font-size: 0.7rem;
  }
  
  .min-w-full .text-xs {
    font-size: 0.65rem;
  }
  
  .card {
    padding: 0.75rem;
  }
  
  .btn {
    padding: 0.4rem 0.6rem;
    font-size: 0.75rem;
  }
  
  .modal {
    padding: 0.75rem;
  }
  
  .stats-grid {
    grid-template-columns: 1fr;
  }
} 

/* Desktop: mobil menü ve mobil alt menüyü tamamen gizle */
@media (min-width: 768px) {
  #mobileMenu,
  #mobileMenu.mobile-only,
  header #mobileMenu,
  body #mobileMenu,
  .mobile-bottom-nav {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    max-height: 0 !important;
    overflow: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
  }

  #mobileMenuButton {
    display: none !important;
  }
}

/* Contract chip theme styling */
.contract-chip{
  background:#ffffff !important;
  border-color:rgba(15,23,42,.18) !important;
  color:rgba(15,23,42,1);
}
.contract-chip a,
.contract-chip span{
  color:rgba(15,23,42,1) !important;
}
.contract-chip .btn{
  background:rgba(15,23,42,.06) !important;
  border-color:rgba(15,23,42,.2) !important;
  color:rgba(15,23,42,1) !important;
}
.contract-chip .btn:hover{
  background:rgba(15,23,42,.12) !important;
}
.dark .contract-chip{
  background:linear-gradient(135deg, rgba(2,6,23,.98), rgba(15,23,42,.9)) !important;
  border-color:rgba(129,140,248,.45) !important;
  color:rgba(248,250,252,1);
}
.dark .contract-chip a,
.dark .contract-chip span{
  color:rgba(248,250,252,1) !important;
}
.dark .contract-chip .btn{
  background:rgba(129,140,248,.2) !important;
  border-color:rgba(129,140,248,.4) !important;
  color:rgba(248,250,252,1) !important;
}
.dark .contract-chip .btn:hover{
  background:rgba(129,140,248,.3) !important;
}

/* Mobile coin stat values: prevent overflow */
.coin-stat-value{
  font-size:0.78rem;
  line-height:1.1;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  max-width:100%;
}
.coin-stat-value[data-price="true"]{
  font-size:0.72rem;
  letter-spacing:-0.01em;
  text-align:center;
}
@media (max-width: 420px){
  .coin-stat-value{font-size:0.72rem;}
  .coin-stat-value[data-price="true"]{font-size:0.66rem;}
}

/* Launchpad submit modal sizing */
.lp-submit-modal{
  max-height:calc(100vh - 2.5rem);
}
.lp-submit-modal .card{
  max-height:calc(100vh - 2.5rem);
  overflow:auto;
}
.lp-submit-modal input[type="datetime-local"]::-webkit-calendar-picker-indicator{
  filter:invert(1) brightness(1.2);
}
@media (max-width: 640px){
  .lp-submit-modal{
    margin:0.75rem auto;
    width:94%;
  }
  .lp-submit-modal .card{
    padding:1rem;
  }
}

/* Launchpad KPI modern look */
.launchpad-kpis{
  gap:.75rem;
}
.launchpad-kpi.kpi{
  padding:.8rem .9rem;
  border-radius:18px;
  border:1px solid rgba(148,163,184,.28);
  background:linear-gradient(135deg, rgba(255,255,255,.9), rgba(248,250,252,.75));
  box-shadow:0 8px 24px rgba(2,6,23,.08);
  position:relative;
  overflow:hidden;
}
.launchpad-kpi.kpi::before{
  opacity:.18;
}
.launchpad-kpi.kpi::after{
  content:"";
  position:absolute;
  inset:0;
  background:radial-gradient(120px 60px at 0% 0%, rgba(99,102,241,.12), transparent 60%);
  pointer-events:none;
}
.launchpad-kpi .text-xs{
  font-size:.7rem;
  letter-spacing:.08em;
}
.launchpad-kpi .text-sm{
  font-size:.95rem;
}
.dark .launchpad-kpi.kpi{
  border-color:rgba(148,163,184,.18);
  background:linear-gradient(135deg, rgba(2,6,23,.72), rgba(15,23,42,.55));
  box-shadow:0 10px 30px rgba(2,6,23,.25);
}
.dark .launchpad-kpi.kpi::after{
  background:radial-gradient(120px 60px at 0% 0%, rgba(129,140,248,.16), transparent 60%);
}
@media (max-width: 640px){
  .launchpad-kpis{gap:.5rem;}
  .launchpad-kpi.kpi{padding:.7rem .75rem;}
  .launchpad-kpi .text-sm{font-size:.85rem;}
}

/* Launchpad card polish */
.launchpad-card{
  border-radius:24px;
  box-shadow:0 16px 40px rgba(2,6,23,.08);
  transition:transform .2s ease, box-shadow .2s ease;
}
.launchpad-card:hover{
  transform:translateY(-2px);
  box-shadow:0 24px 60px rgba(2,6,23,.12);
}
.launchpad-status{
  display:inline-flex;
  align-items:center;
  gap:.35rem;
  padding:.35rem .7rem;
  border-radius:999px;
  font-size:.7rem;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.dark .launchpad-card{
  box-shadow:0 18px 50px rgba(2,6,23,.35);
}

/* Launchpad compact typography */
.launchpad-title{
  font-size:1.02rem;
  line-height:1.2;
}
.launchpad-meta{
  font-size:.82rem;
  line-height:1.2;
}
.launchpad-score{
  font-size:.7rem;
}
.launchpad-score-value{
  font-size:.78rem;
}
.launchpad-kpi-label{
  font-size:.68rem;
  letter-spacing:.08em;
}
.launchpad-kpi-value{
  font-size:.9rem;
  line-height:1.2;
}
@media (max-width: 640px){
  .launchpad-title{font-size:.95rem;}
  .launchpad-meta{font-size:.76rem;}
  .launchpad-kpi-value{font-size:.82rem;}
}

/* Launchpad score glass + glow */
.launchpad-score-track{
  position:relative;
  background:linear-gradient(180deg, rgba(226,232,240,.75), rgba(241,245,249,.45));
  border:1px solid rgba(148,163,184,.25);
  box-shadow:inset 0 1px 4px rgba(255,255,255,.6);
  backdrop-filter:blur(6px);
}
.launchpad-score-fill{
  box-shadow:0 0 18px rgba(99,102,241,.35), 0 0 28px rgba(16,185,129,.25);
}
.dark .launchpad-score-track{
  background:linear-gradient(180deg, rgba(15,23,42,.75), rgba(2,6,23,.55));
  border-color:rgba(148,163,184,.18);
  box-shadow:inset 0 1px 6px rgba(2,6,23,.6);
}

/* KPI icon badge + glow */
.launchpad-kpi-icon{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:20px;
  height:20px;
  margin-right:.35rem;
  border-radius:8px;
  background:linear-gradient(135deg, rgba(99,102,241,.18), rgba(34,211,238,.18));
  box-shadow:0 6px 16px rgba(99,102,241,.18);
}
.dark .launchpad-kpi-icon{
  background:linear-gradient(135deg, rgba(129,140,248,.25), rgba(56,189,248,.18));
  box-shadow:0 6px 18px rgba(56,189,248,.18);
}

/* Match mobile-style KPI layout */
.launchpad-kpi{
  text-align:center;
}
.launchpad-kpi-label{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:.35rem;
}
.launchpad-kpi-icon{
  margin-right:0;
}

/* === Coins Page Mobile Responsive Styles === */

/* Mobile coin cards - comprehensive layout fixes */
@media (max-width: 767px) {
  /* Coins page container adjustments */
  main.container-app.py-10 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  
  /* Pulse bar mobile adjustments */
  .pulse-bar {
    border-radius: 1rem !important;
  }
  .pulse-bar__inner {
    padding: 0.75rem !important;
    flex-wrap: wrap;
  }
  .pulse-bar__ticker {
    min-width: 100%;
    margin-top: 0.5rem;
  }
  .pulse-chip {
    padding: 0.25rem 0.5rem !important;
    font-size: 0.7rem !important;
  }
  
  /* Movers section mobile fixes */
  .movers-strip .lg\:grid-cols-12 {
    grid-template-columns: 1fr !important;
  }
  .movers-strip .lg\:col-span-8,
  .movers-strip .lg\:col-span-4 {
    grid-column: span 1 !important;
  }
  .movers-strip .card {
    padding: 1rem !important;
  }
  .movers-strip .sm\:grid-cols-2 {
    grid-template-columns: 1fr !important;
  }
  
  /* Activity feed mobile adjustments */
  [data-activity-feed="true"] {
    max-height: none;
    margin-bottom: 0;
    width: 100%;
    position: relative;
    z-index: 1;
  }

  [data-activity-feed="true"].card {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    padding: 0 !important;
    border-radius: 0 !important;
  }
  
  [data-activity-feed="true"] .mt-4 {
    margin-top: 1rem;
  }
  
  [data-activity-feed="true"] #activityFeed {
    max-height: none;
    overflow-y: visible;
    margin-bottom: 0;
    min-height: auto;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
  }
  
  [data-activity-feed="true"] .activity-item {
    margin-bottom: 0;
    min-width: 0;
  }
  
  [data-activity-feed="true"] .activity-item .flex {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 0.5rem;
    min-width: 0;
  }
  
  [data-activity-feed="true"] .activity-item .flex > div {
    flex: 1;
    min-width: 0;
  }
  
  [data-activity-feed="true"] .activity-item span:last-child,
  [data-activity-feed="true"] .activity-item .activity-time,
  [data-activity-feed="true"] .activity-item .badge {
    margin-left: auto;
    flex-shrink: 0;
  }

  [data-activity-feed="true"] .activity-row {
    width: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.75rem;
    min-width: 0;
  }

  [data-activity-feed="true"] .activity-left {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    min-width: 0;
  }

  [data-activity-feed="true"] .activity-icon {
    width: 32px;
    height: 32px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 0.75rem;
    font-size: 13px;
    flex: 0 0 auto;
  }

  [data-activity-feed="true"] .activity-text {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 0.1rem;
  }

  [data-activity-feed="true"] .activity-title {
    font-size: 0.85rem;
    font-weight: 600;
    color: #0f172a;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  [data-activity-feed="true"] .activity-subtitle {
    font-size: 0.75rem;
    color: #64748b;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  [data-activity-feed="true"] .activity-time {
    flex: 0 0 auto;
    font-size: 0.75rem;
    color: #64748b;
    line-height: 1.2;
    padding-top: 0.1rem;
  }

  .dark [data-activity-feed="true"] .activity-title {
    color: #ffffff;
  }

  .dark [data-activity-feed="true"] .activity-subtitle {
    color: #e2e8f0;
  }

  .dark [data-activity-feed="true"] .activity-time {
    color: #e2e8f0;
  }
  
  [data-activity-feed="true"] #activityEmpty {
    padding: 2rem;
    text-align: center;
    border: 2px dashed #e2e8f0;
    border-radius: 0.75rem;
    margin: 0.5rem 0;
  }

  /* Equalize spacing with other sections */
  .grid > div {
    margin-bottom: 1.5rem;
  }

  .grid > div:last-child {
    margin-bottom: 0;
  }

  /* Fix activity feed card on mobile */
  [data-activity-feed="true"] {
    display: flex;
    flex-direction: column;
    height: auto;
  }

  [data-activity-feed="true"] #activityFeed {
    overflow-y: visible;
  }

  [data-activity-feed="true"] #activityEmpty {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 160px;
  }

  /* Remove empty space after activity feed */
  .grid {
    align-items: stretch;
  }

  .grid > div {
    display: flex;
    flex-direction: column;
  }
  
  /* Fix overlapping menus on mobile */
  .flex.flex-col.gap-3.md\:flex-row.md\:items-end.md\:justify-between {
    position: relative;
    z-index: 10;
  }

  .flex.flex-col.gap-3.md\:flex-row.md\:items-end.md\:justify-between {
    margin-top: 0.5rem;
  }
  
  #coinSearch,
  #sortSelect,
  .btn {
    position: relative;
    z-index: 2;
  }
  
  #sortSelect {
    z-index: 10;
  }
  
  /* Search input and dropdown spacing */
  .flex.flex-col.gap-3.md\:flex-row.md\:items-end.md\:justify-between > div {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    width: 100%;
  }
  
  .flex.flex-col.gap-3.md\:flex-row.md\:items-end.md\:justify-between input,
  .flex.flex-col.gap-3.md\:flex-row.md\:items-end.md\:justify-between select {
    width: 100%;
    margin-bottom: 0.5rem;
  }
  
  .flex.flex-col.gap-3.md\:flex-row.md\:items-end.md\:justify-between h1 {
    font-size: 1.5rem !important;
  }
  
  .flex.flex-col.gap-2.sm\:flex-row.sm\:items-center {
    flex-direction: column !important;
    align-items: stretch !important;
  }
  
  .flex.flex-col.gap-2.sm\:flex-row.sm\:items-center .relative.w-full.sm\:w-80,
  .flex.flex-col.gap-2.sm\:flex-row.sm\:items-center select {
    width: 100% !important;
  }
  
  /* Quick tags mobile adjustments */
  .flex.flex-wrap.items-center.gap-2.text-xs {
    justify-content: flex-start;
  }
  .flex.flex-wrap.items-center.gap-2.text-xs button {
    padding: 0.4rem 0.6rem !important;
    font-size: 0.75rem !important;
  }
  
  /* Tabs mobile - horizontal scroll */
  .tabs.overflow-x-auto {
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    gap: 0.5rem;
    padding-bottom: 0.5rem;
  }
  .tabs.overflow-x-auto .tab {
    flex-shrink: 0;
    white-space: nowrap;
    padding: 0.5rem 0.875rem !important;
    font-size: 0.8rem !important;
  }
  
  /* Stats badges mobile */
  .flex.flex-wrap.items-center.gap-2 .badge {
    font-size: 0.65rem !important;
    padding: 0.25rem 0.5rem !important;
  }
  
  /* Mobile coin card specific styles */
  #tab-table .md\:hidden .divide-y > div {
    padding-left: 0.75rem !important;
    padding-right: 0.75rem !important;
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  
  #tab-table .md\:hidden img.h-10.w-10 {
    width: 2.5rem !important;
    height: 2.5rem !important;
  }
  
  #tab-table .md\:hidden .flex.items-center.gap-2 button[data-favorite-btn] {
    padding: 0.375rem !important;
    min-width: 2rem;
    min-height: 2rem;
  }
  
  /* Sparkline container on mobile */
  #tab-table .md\:hidden [data-sparkline] {
    width: 80px !important;
    height: 32px !important;
  }
  
  /* Vote button mobile — compact card layout'a göre */
  #tab-table .md\:hidden .vote-button {
    padding: 0 0.5rem !important;
    font-size: 0.625rem !important;
    min-height: 1.5rem !important;
    height: 1.5rem !important;
    line-height: 1 !important;
  }
  
  /* VIP badge on mobile */
  #tab-table .md\:hidden .badge-vip {
    font-size: 0.6rem !important;
    padding: 0.125rem 0.375rem !important;
  }
  
  /* Health panel mobile */
  #tab-health .sm\:grid-cols-2.lg\:grid-cols-3 {
    grid-template-columns: 1fr !important;
  }
  
  /* Smart money panel mobile */
  #tab-smart .sm\:grid-cols-2.lg\:grid-cols-3 {
    grid-template-columns: 1fr !important;
  }
  
  /* Impact panel mobile */
  #tab-impact .grid-cols-1.lg\:grid-cols-12 {
    grid-template-columns: 1fr !important;
  }
  #tab-impact .lg\:col-span-7,
  #tab-impact .lg\:col-span-5 {
    grid-column: span 1 !important;
  }
  
  /* Impact stats grid - better mobile layout */
  #tab-impact .grid-cols-4 {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 0.5rem !important;
  }
  #tab-impact .grid-cols-4 > div {
    padding: 0.5rem !important;
  }
  
  /* Radar panel mobile */
  #tab-radar .sm\:grid-cols-2.lg\:grid-cols-3 {
    grid-template-columns: 1fr !important;
  }
  #tab-radar .grid-cols-3 {
    grid-template-columns: repeat(3, 1fr) !important;
  }

  /* Radar coin card - alt 3 kutu etiket renkleri */
  .radar-stat-label {
    color: #000 !important;
  }
  .dark .radar-stat-label {
    color: #fff !important;
  }
  
  /* Pagination mobile */
  .flex.flex-col.gap-3.border-t.border-slate-200.px-4.py-4 {
    padding: 1rem 0.75rem !important;
  }
  .flex.flex-col.gap-3.border-t.border-slate-200.px-4.py-4 .flex.items-center.gap-2 {
    flex-wrap: wrap;
    justify-content: center;
  }
  
  /* Command palette mobile */
  .cmdk__panel {
    width: calc(100% - 1rem) !important;
    max-width: none !important;
    margin: 0.5rem !important;
    max-height: calc(100dvh - 1rem) !important;
  }
  .cmdk__header,
  .cmdk__body {
    padding: 0.75rem !important;
  }
  
  /* Tour modal mobile */
  .tour__panel {
    width: calc(100% - 1rem) !important;
    max-width: none !important;
    margin: 0.5rem !important;
  }

  /* Airdrop page mobile */
  #airdropModal .cmdk__panel {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    border-radius: 1rem 1rem 0 0 !important;
    position: fixed !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    max-height: 90dvh !important;
  }
  #airdropModal .cmdk__body {
    max-height: calc(90dvh - 4rem);
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
  }
  #airdrop-form-modal .p-4 { padding: 1rem !important; }
  #airdrop-form-modal .sm\:p-6 { padding: 1rem !important; }
}

/* Extra small mobile adjustments */
@media (max-width: 375px) {
  #tab-table .md\:hidden .flex.items-center.justify-between.gap-2 {
    flex-wrap: wrap;
    gap: 0.5rem !important;
  }
  
  #tab-table .md\:hidden .flex.items-center.justify-between.gap-2 > div {
    min-width: calc(50% - 0.25rem);
  }
  
  .tabs .tab {
    padding: 0.375rem 0.625rem !important;
    font-size: 0.75rem !important;
  }
  
  #tab-impact .grid-cols-4 {
    grid-template-columns: 1fr !important;
  }
}

/* ── Admin Mobil Menü — Görünmez elementlerin tıklama yutmasını önle ── */
/* Bu kurallar mobile-header.css yüklenmese de çalışır (app.css her sayfada yüklenir) */
#adminMobileMenuOverlay.hidden,
#adminMobileMenu.hidden,
#adminMobileOverlay.hidden,
#adminMobileOverlay-dashboard.hidden {
  pointer-events: none !important;
}

/* Açıkken menü ve içindeki tüm elementler tıklanabilir */
#adminMobileMenu:not(.hidden),
#adminMobileMenu:not(.hidden) *,
#adminMobileMenuOverlay:not(.hidden) {
  pointer-events: auto !important;
}


/* ═══════════════════════════════════════════════════════════════════
   MOBİL YATAY (LANDSCAPE) DÜZELTMELER
   Sorunlar: logo çok büyük, header taşıyor, sayfa yatay kayıyor,
   içerik landscape'de düzgün görünmüyor
   ═══════════════════════════════════════════════════════════════════ */

@media (max-width: 1023px) and (orientation: landscape) {

  /* ── 1. Header logo boyutu — landscape'de kompakt (portrait ile aynı) ── */
  header.sticky .container-app > a img,
  header.sticky .container-app > a.lg\:hidden img,
  header.sticky .container-app > a.flex.lg\:hidden img {
    height: 1.75rem !important;
    width: auto !important;
    max-width: 100px !important;
  }

  /* ── 2. Header padding — landscape'de daha az dikey alan ──────── */
  header.sticky .container-app {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    gap: 0.5rem !important;
    height: 48px !important;
  }

  /* ── 3. Buton boyutları — landscape'de kompakt ────────────────── */
  header.sticky .btn {
    min-height: unset !important;
    min-width: unset !important;
  }
  header.sticky #mobileMenuButton,
  header.sticky #themeToggle {
    width: 2rem !important;
    height: 2rem !important;
    padding: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  /* ── 4. Sayfa içeriği — landscape'de yatay taşma önleme ──────── */
  html, body {
    max-width: 100vw;
    overflow-x: hidden;
  }

  main {
    overflow-x: hidden;
    max-width: 100vw;
  }

  /* ── 5. Grid layout — landscape'de 2 sütun ───────────────────── */
  .grid.lg\:grid-cols-12 {
    /* Landscape'de 2 sütunlu layout daha iyi görünür */
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  /* ── 6. Kart padding — landscape'de kompakt ──────────────────── */
  .card, .card-muted, .kpi {
    padding: 0.75rem !important;
  }

  /* ── 7. Tablo — landscape'de yatay scroll ────────────────────── */
  .overflow-x-auto {
    -webkit-overflow-scrolling: touch;
    overscroll-behavior-x: contain;
  }

  /* ── 8. Modal — landscape'de tam ekran değil ─────────────────── */
  .modal,
  [role="dialog"] .bg-white,
  [role="dialog"] .dark\:bg-slate-900 {
    max-height: 85vh;
    overflow-y: auto;
  }

  /* ── 9. Footer — landscape'de kompakt ────────────────────────── */
  footer {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }

  /* ── 10. Sayfa başlıkları — landscape'de küçük ───────────────── */
  h1, .text-5xl, .text-4xl {
    font-size: 1.5rem !important;
    line-height: 1.75rem !important;
  }

  h2, .text-3xl {
    font-size: 1.25rem !important;
    line-height: 1.5rem !important;
  }

  /* ── 11. Coin listesi — landscape'de 2 sütun ─────────────────── */
  .coins-grid,
  .grid.grid-cols-1.sm\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  /* ── 12. Haber kartları — landscape'de yatay ─────────────────── */
  .news-card-grid,
  .grid.grid-cols-1.md\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  /* ── 13. Sticky header z-index — landscape nav'ın üstünde ────── */
  header.sticky {
    z-index: 9998 !important;
  }

  /* ── 14. Landscape'de body padding-bottom — bottom nav için ──── */
  body:has(nav.lg\:hidden.fixed.bottom-0) {
    padding-bottom: calc(3.5rem + env(safe-area-inset-bottom, 0px));
  }
}

/* ── Landscape + küçük yükseklik (telefon yatay) ─────────────────── */
@media (max-width: 1023px) and (orientation: landscape) and (max-height: 500px) {

  /* Çok küçük yükseklikte header daha da kompakt */
  header.sticky .container-app {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    height: 44px !important;
  }

  header.sticky .container-app > a img {
    height: 1.5rem !important;
    max-width: 90px !important;
  }

  /* Landscape nav çubuğu — artık gizli, kural gerek yok */

  /* Drawer scroll alanı — küçük ekranda daha az padding */
  #mobileMenuPanel .flex-1.overflow-y-auto {
    padding-bottom: 0.5rem;
  }

  /* Sayfa içeriği — çok az dikey alan */
  main {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }

  /* Kartlar daha kompakt */
  .card, .card-muted, .kpi {
    padding: 0.5rem !important;
  }
}

/* ── Home page stat cards (Boost / Voting / VIP inner panels) ── */
.home-stat-card {
  border: 1px solid;
}

/* Light mode */
.home-stat-card--cyan   { background: #ecfeff; border-color: #a5f3fc; }
.home-stat-card--emerald{ background: #ecfdf5; border-color: #a7f3d0; }
.home-stat-card--amber  { background: #fffbeb; border-color: #fde68a; }

.home-stat-label--cyan  { color: #0e7490; }
.home-stat-value--cyan  { color: #0e7490; }
.home-stat-label--amber { color: #b45309; }
.home-stat-value--amber { color: #b45309; }
.home-stat-sub          { color: #64748b; }

/* Dark mode */
.dark .home-stat-card--cyan    { background: var(--dark-surface-2); border-color: rgba(6,182,212,.25); }
.dark .home-stat-card--emerald { background: var(--dark-surface-2); border-color: rgba(16,185,129,.25); }
.dark .home-stat-card--amber   { background: var(--dark-surface-2); border-color: rgba(245,158,11,.25); }

.dark .home-stat-label--cyan   { color: #67e8f9; }
.dark .home-stat-value--cyan   { color: #67e8f9; }
.dark .home-stat-label--amber  { color: #fcd34d; }
.dark .home-stat-value--amber  { color: #fcd34d; }
.dark .home-stat-sub           { color: var(--dark-text-2); }

/* ── Notification Dropdown ── */
.notif-dropdown {
  background: var(--surface);
  border: 1px solid var(--border);
}
.notif-dropdown__header {
  background: linear-gradient(to right, var(--surface-2), var(--surface));
  border-color: var(--border);
}
.notif-dropdown__title {
  color: var(--text);
}
.notif-dropdown__list {
  /* divide color handled below */
}
.notif-dropdown__list > * + * {
  border-top: 1px solid var(--border);
}
.notif-dropdown__empty {
  color: var(--muted);
}

/* Dark overrides */
.dark .notif-dropdown {
  background: var(--dark-surface);
  border-color: var(--dark-border);
}
.dark .notif-dropdown__header {
  background: linear-gradient(to right, var(--dark-surface-2), var(--dark-surface));
  border-color: var(--dark-border);
}
.dark .notif-dropdown__title {
  color: var(--dark-text);
}
.dark .notif-dropdown__list > * + * {
  border-top-color: var(--dark-border);
}
.dark .notif-dropdown__empty {
  color: var(--dark-text-2);
}

/* ── Notification Dropdown Items ── */
.notif-item__row {
  display: block;
  padding: 0.75rem;
  transition: background 0.15s;
  background: transparent;
}
.notif-item__row:hover {
  background: var(--surface-2);
}
.notif-item__row--unread {
  background: rgba(59,130,246,.06);
  border-left: 2px solid #3b82f6;
}
.notif-item__title {
  color: var(--text);
}
.notif-item__msg {
  color: var(--muted);
}
.notif-dropdown__footer {
  border-top: 1px solid var(--border);
}
.notif-footer__link {
  color: #7c3aed;
}
.notif-footer__delete {
  color: #ef4444;
}
.notif-footer__delete:hover {
  color: #b91c1c;
}

/* Dark */
.dark .notif-item__row:hover {
  background: var(--dark-surface-2);
}
.dark .notif-item__row--unread {
  background: rgba(59,130,246,.08);
  border-left-color: #60a5fa;
}
.dark .notif-item__title {
  color: var(--dark-text);
}
.dark .notif-item__msg {
  color: var(--dark-text-2);
}
.dark .notif-dropdown__footer {
  border-top-color: var(--dark-border);
}
.dark .notif-footer__link {
  color: #a78bfa;
}
.dark .notif-footer__delete {
  color: #f87171;
}
.dark .notif-footer__delete:hover {
  color: #fca5a5;
}

/* ── Header Dropdown: backdrop-filter stacking context fix ──────────────────
   backdrop-filter yeni bir stacking context yaratır.
   position:absolute dropdown'lar header sınırlarında kesilebilir.
   position:fixed + JS ile konumlandırma ile aşılır.
   ─────────────────────────────────────────────────────────────────────────── */
#userMenu,
#langMenu,
#timezoneMenu {
  position: fixed !important;
  z-index: 10010 !important;
  /* Başlangıç konumu JS tarafından ayarlanır */
}

/* ═══════════════════════════════════════════════════════════════════
   MOBİL / PWA TAŞMA DÜZELTMELERİ — Kapsamlı Override
   Sorun: alt kısımlarda yatay taşmalar, sabit genişlikli tablo
   sütunları, scrollbar-gutter yatay kaydırma, footer grid taşması
   ═══════════════════════════════════════════════════════════════════ */

/* ── 0. Temel yatay taşma engelleyici ─────────────────────────── */
html {
  overflow-x: hidden;
  /* Mobil PWA'da scrollbar-gutter stable yatay genişlik ekler — kaldır */
}

@media (max-width: 1023px) {
  /* scrollbar-gutter: stable mobil PWA'da yatay overflow'a neden olur */
  body {
    scrollbar-gutter: auto !important;
    overflow-x: hidden !important;
    max-width: 100vw !important;
  }

  /* Tüm blok elementler genişliği aşmasın */
  * {
    box-sizing: border-box;
  }

  /* Sabit genişliklere sahip tablo sütunları mobilde taşıyor */
  table td.w-48, table th.w-48 {
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
  }
  table td.w-32, table th.w-32 {
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
  }
  table td.w-24, table th.w-24 {
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
  }
  table td.w-20, table th.w-20 {
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
  }
  table td.w-16, table th.w-16 {
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
  }

  /* [data-price] min-width tablo hücrelerini taşıtıyor */
  [data-price="true"] {
    min-width: 0 !important;
    max-width: 100%;
    text-align: left;
  }
  [data-change="true"] {
    min-width: 0 !important;
  }
  [data-votes] {
    min-width: 0 !important;
  }

  /* Tüm tablolar yatay scroll kapsayıcı içine alınmalı */
  table {
    min-width: 0;
    width: 100%;
    max-width: 100%;
    table-layout: auto;
  }

  /* Overflow wrapper'lar mobil dokunma scroll için */
  .overflow-x-auto {
    -webkit-overflow-scrolling: touch !important;
    overscroll-behavior-x: contain !important;
  }

  /* Negatif margin/pozisyon ile taşan dekoratif elementler */
  .absolute.-left-20,
  .absolute.\-left-20,
  .-left-20 {
    left: -5vw !important;
  }
  .absolute.-right-28,
  .absolute.\-right-28,
  .-right-28 {
    right: -5vw !important;
  }
  .absolute.-top-24,
  .absolute.\-top-24 {
    max-width: 50vw !important;
    max-height: 50vw !important;
  }

  /* Container'lar genişlik sınırını aşmasın */
  .container-app {
    max-width: 100vw !important;
    padding-left: 0.875rem !important;
    padding-right: 0.875rem !important;
    overflow-x: hidden !important;
  }

  /* Ana içerik alanı */
  main {
    overflow-x: hidden !important;
    max-width: 100vw !important;
  }

  /* Section'lar taşmasın */
  section {
    max-width: 100vw !important;
    overflow-x: hidden !important;
  }
}

/* ── 1. Küçük Ekran (≤639px) Özel Düzeltmeler ─────────────────── */
@media (max-width: 639px) {

  /* Footer grid — mobilde tek sütun */
  footer .grid.gap-8.lg\:grid-cols-12,
  footer .grid.gap-8 {
    grid-template-columns: 1fr !important;
    gap: 1.5rem !important;
  }

  /* Footer link sütunları — 2 kolon */
  footer .grid.grid-cols-2.gap-8.sm\:grid-cols-3 {
    grid-template-columns: 1fr 1fr !important;
    gap: 1.25rem !important;
  }

  /* Footer alt bar — dikey düzen */
  footer .container-app .flex.flex-col.items-center {
    align-items: flex-start !important;
    gap: 0.75rem !important;
  }

  /* Footer "not advice" metni — mobilde wrap */
  footer .flex.items-center.gap-4 {
    flex-wrap: wrap !important;
    gap: 0.5rem !important;
  }

  /* Newsletter form — tam genişlik */
  footer .mt-4 form .relative {
    width: 100% !important;
  }

  /* PWA banner — alt menüyle çakışmasın */
  #pwa-banner {
    bottom: calc(5rem + env(safe-area-inset-bottom, 0px)) !important;
    left: 0.75rem !important;
    right: 0.75rem !important;
    max-width: calc(100vw - 1.5rem) !important;
    width: auto !important;
  }

  /* Mobile bottom nav handle — safe area */
  #mobileBottomNavHandleContainer {
    bottom: calc(1rem + env(safe-area-inset-bottom, 0px)) !important;
  }

  /* Haber karlarındaki flex: zaman etiketi sarmasın */
  .flex.items-center.justify-between.gap-2 > span.text-\[11px\] {
    flex-shrink: 0 !important;
    white-space: nowrap !important;
  }

  /* Haber kartı başlık + zaman: başlık taşmasın */
  .flex.items-center.justify-between.gap-2 > .truncate {
    min-width: 0 !important;
    flex: 1 1 0% !important;
  }

  /* Banner slider — yatay scroll engeli */
  #mobileBannerSlider {
    transform: none;
    will-change: transform;
    overflow: hidden !important;
    max-width: 100vw !important;
  }

  /* Arama hashtag pill satırı */
  .mt-2.flex.overflow-x-auto.pb-2 {
    padding-bottom: 0.5rem !important;
    -webkit-overflow-scrolling: touch !important;
    overscroll-behavior-x: contain !important;
    scrollbar-width: none !important;
    flex-wrap: nowrap !important;
  }
  .mt-2.flex.overflow-x-auto.pb-2::-webkit-scrollbar {
    display: none !important;
  }

  /* Hero butonlar — tam genişlik */
  .mt-4.flex.flex-col.gap-2 > a,
  .mt-4.flex.flex-col.gap-2 > button,
  .mt-5.flex.flex-col.gap-2 > a,
  .mt-5.flex.flex-col.gap-2 > button {
    width: 100% !important;
    justify-content: center !important;
  }

  /* Hero arama input — tam genişlik */
  .mt-4 .flex.flex-col.gap-2 .relative.flex-1,
  .mt-4 form .flex.flex-col.gap-2 .relative.flex-1 {
    width: 100% !important;
  }

  /* Logo mobil boyutu */
  header.sticky .container-app > a img {
    height: 2.5rem !important;
    width: auto !important;
  }

  /* Featured coin kartları: sağ sütun (fiyat) taşmasın */
  .featured-mobile-cards .shrink-0.text-right {
    max-width: 7rem !important;
    flex-shrink: 0 !important;
  }
  .featured-mobile-cards .shrink-0.text-right .text-sm {
    font-size: 0.75rem !important;
    word-break: break-all !important;
  }

  /* Pulse bar ticker dar ekranlarda taşmasın */
  .pulse-bar__inner {
    padding: 0.6rem 0.75rem !important;
    gap: 0.5rem !important;
  }
  .pulse-bar__ticker {
    max-width: calc(100vw - 3.5rem) !important;
    overflow: hidden !important;
  }

  /* Coin detail tabs — yatay scroll */
  .detail-nav {
    overflow-x: auto !important;
    flex-wrap: nowrap !important;
    -webkit-overflow-scrolling: touch !important;
    padding-bottom: 0.25rem !important;
    scrollbar-width: none !important;
  }
  .detail-nav::-webkit-scrollbar {
    display: none !important;
  }

  /* Card padding küçük ekranda kompakt */
  .card, .card-muted {
    padding: 0.875rem !important;
  }

  /* Grid gap küçük ekranda dar */
  .grid.gap-6 {
    gap: 1rem !important;
  }
  .grid.gap-4 {
    gap: 0.875rem !important;
  }
}

/* ── 2. Çok Küçük Ekran (≤400px) ──────────────────────────────── */
@media (max-width: 400px) {
  .container-app {
    padding-left: 0.625rem !important;
    padding-right: 0.625rem !important;
  }

  /* Featured coin kart badge'leri taşmasın */
  .featured-mobile-cards .flex.flex-wrap.gap-1 {
    gap: 0.125rem !important;
  }
  .featured-mobile-cards .badge {
    font-size: 0.55rem !important;
    padding: 0.05rem 0.25rem !important;
  }

  /* News kart resimleri küçük ekranda */
  .grid.gap-3 .h-12.w-12 {
    width: 2.25rem !important;
    height: 2.25rem !important;
    flex-shrink: 0 !important;
  }

  /* Footer logo küçük ekranda */
  footer .flex.h-12.w-12 {
    width: 2.5rem !important;
    height: 2.5rem !important;
  }
}

/* ── 3. PWA Standalone Modu Özel Düzeltmeler ───────────────────── */
@media (display-mode: standalone) {
  /* Üst safe area (notch) */
  html {
    padding-top: env(safe-area-inset-top, 0px);
  }

  /* Alt safe area (home indicator) */
  body {
    padding-bottom: env(safe-area-inset-bottom, 0px);
  }

  /* Has-bottom-bar: alt menü handle'ı için ek padding */
  body.has-bottom-bar {
    padding-bottom: calc(5.5rem + env(safe-area-inset-bottom, 0px)) !important;
  }

  /* Header sticky top safe area ile hizalanmalı */
  header.sticky {
    top: 0 !important;
    padding-top: env(safe-area-inset-top, 0px) !important;
  }

  /* PWA'da footer alt safe area */
  footer {
    padding-bottom: env(safe-area-inset-bottom, 0px) !important;
  }

  /* PWA banner — home indicator ile çakışmasın */
  #pwa-banner {
    bottom: calc(5rem + env(safe-area-inset-bottom, 0px)) !important;
  }

  /* Bottom nav — safe area padding */
  .mobile-bottom-nav,
  #mobileBottomNavContainer nav {
    padding-bottom: max(env(safe-area-inset-bottom, 0px), 0.5rem) !important;
  }

  /* PWA'da overscroll bounce efekti — siyah arka plan görünmesin */
  html, body {
    background-color: #0b1220;
    overscroll-behavior: none;
  }
  .dark html, .dark body {
    background-color: #0b1220;
  }
}

/* ── 4. Yatay Taşmaya Neden Olan Özel Elementler ───────────────── */
@media (max-width: 767px) {
  /* Neon border pseudo-element taşması */
  .neon-good::before,
  .neon-bad::before,
  .poll-neon::before {
    overflow: hidden !important;
  }

  /* Inline min-width:100% olan container'lar */
  .pulse-card {
    min-width: 0 !important;
    max-width: 100% !important;
  }

  /* Grid 12 sütun — mobilde tek sütun */
  .grid.lg\:grid-cols-12 {
    grid-template-columns: 1fr !important;
  }
  .lg\:col-span-4,
  .lg\:col-span-5,
  .lg\:col-span-3,
  .lg\:col-span-7,
  .lg\:col-span-8 {
    grid-column: span 1 !important;
  }

  /* Detail hero mobil yatay taşma */
  .detail-hero {
    overflow: hidden !important;
    max-width: 100% !important;
  }

  /* Tablolar yatay scroll wrapper içinde kalmalı */
  .overflow-x-auto {
    max-width: 100% !important;
    overflow-x: auto !important;
  }

  /* İframe'ler taşmasın */
  iframe {
    max-width: 100% !important;
    width: 100% !important;
  }

  /* Kod blokları taşmasın */
  pre, code {
    max-width: 100% !important;
    overflow-x: auto !important;
    white-space: pre-wrap !important;
    word-break: break-word !important;
  }

  /* Uzun URL'ler/kelimeler taşmasın */
  .break-words, p, li, td, th {
    word-wrap: break-word !important;
    overflow-wrap: break-word !important;
  }

  /* Whale alert stats grid — 2 sütun */
  .whale-stats-dashboard {
    grid-template-columns: repeat(2, 1fr) !important;
  }

  /* Sabit genişlikli Tailwind utility class'lar — mobilde esnek */
  .w-64 { width: 100% !important; max-width: 16rem; }
  .w-72 { width: 100% !important; max-width: 18rem; }
  .w-80 { width: 100% !important; max-width: 20rem; }
  .w-96 { width: 100% !important; max-width: 24rem; }

  /* Max-width kısıtlamaları — mobilde tam genişlik */
  .max-w-3xl, .max-w-4xl, .max-w-5xl, .max-w-6xl, .max-w-7xl {
    max-width: 100% !important;
  }
}

/* ═══════════════════════════════════════════════════════════════════
   MOBİL DİKEY + YATAY (PORTRAIT + LANDSCAPE) — HEADER
   ═══════════════════════════════════════════════════════════════════ */
@media (max-width: 767px) {
  /* Tüm mobil modlarda logo kompakt boyut */
  header.sticky .container-app > a img,
  header.sticky .container-app > a.flex.md\:hidden img,
  header a[aria-label] img {
    height: 1.75rem !important;
    width: auto !important;
    max-width: 110px !important;
    max-height: 1.75rem !important;
    min-height: 0 !important;
  }

  /* Header container — tek satır, kompakt */
  header.sticky > div:first-child {
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    padding-left: 0.75rem !important;
    padding-right: 0.75rem !important;
    gap: 0.5rem !important;
  }

  /* Butonlar kompakt */
  header.sticky button,
  header.sticky .btn {
    min-height: unset !important;
    min-width: unset !important;
  }
  header.sticky #mobileMenuButton,
  header.sticky #themeToggle,
  #mobileMenuButton,
  #themeToggle {
    min-height: unset !important;
    min-width: unset !important;
    padding: 0 !important;
    width: 2.25rem !important;
    height: 2.25rem !important;
  }
}


/* ── Coins Sayfası: Mobil kart listesi masaüstünde gizle ─────────── */
/* md:hidden Tailwind CDN bazen çalışmayabilir — kesin override */
@media (min-width: 768px) {
  #mobile-card-list,
  #mobile-card-list-ajax {
    display: none !important;
  }
  /* Coins sayfasındaki gradient mobil kart wrapper'ı */
  .page-coins #coins-table-inner > .md\:hidden,
  .page-coins #coins-table-inner > div:first-child:not(.hidden) {
    /* gradient kartlar mobil bloğu masaüstünde gizli kalmalı */
  }
}

/* ════════════════════════════════════════════════════════════
   COINS PAGE — MOBILE REDESIGN v2  (added June 2026)
   ════════════════════════════════════════════════════════════ */

/* ── New coin card row ─────────────────────────────────────── */
.coin-card-mobile {
  position: relative;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 9px 16px;
  border-bottom: 1px solid rgba(148,163,184,.12);
  cursor: pointer;
  transition: background .15s;
  -webkit-tap-highlight-color: transparent;
  touch-action: manipulation;
}
.coin-card-mobile:active { background: rgba(99,102,241,.06) !important; transform: scale(.99); }
.coin-card-mobile:not(.coin-promote) { background: #fff; }
.dark .coin-card-mobile:not(.coin-promote) { background: rgba(0,0,0,.5); }
.coin-promote {
  background: linear-gradient(90deg, rgba(217,70,239,.07) 0%, transparent 100%) !important;
  border-left: 2px solid rgba(217,70,239,.5);
}
.coin-logo-wrap { position: relative; flex-shrink: 0; }
.coin-logo-wrap img, .coin-logo-fallback { width: 44px; height: 44px; border-radius: 12px; object-fit: cover; }
.coin-logo-fallback {
  display: flex; align-items: center; justify-content: center;
  background: linear-gradient(135deg, #f97316, #e11d48);
  font-size: 15px; font-weight: 700; color: #fff;
}
.coin-chain-badge {
  position: absolute; bottom: -2px; right: -2px;
  width: 12px; height: 12px; border-radius: 50%; border: 1.5px solid #fff; object-fit: cover;
}
.dark .coin-chain-badge { border-color: #0a0b1e; }
.coin-info { flex: 1; min-width: 0; }
.coin-name-row { display: flex; align-items: center; gap: 4px; }
.coin-name { font-size: 12.5px; font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 110px; }
.coin-sym-chain { font-size: 10px; color: #94a3b8; margin-top: 1px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 130px; }
.coin-badges { display: flex; gap: 3px; margin-top: 2px; flex-wrap: wrap; }
.coin-badge { font-size: 9px; font-weight: 700; padding: 1px 5px; border-radius: 4px; line-height: 14px; }
.badge-vip2  { background: rgba(245,158,11,.15); color: #d97706; }
.dark .badge-vip2 { color: #fbbf24; }
.badge-boost { background: rgba(6,182,212,.15); color: #0891b2; }
.dark .badge-boost { color: #22d3ee; }
.badge-spot  { background: rgba(99,102,241,.15); color: #4f46e5; }
.dark .badge-spot { color: #a5b4fc; }
.badge-ver   { background: rgba(16,185,129,.15); color: #059669; }
.dark .badge-ver { color: #34d399; }
.coin-price-col { flex-shrink: 0; text-align: right; min-width: 72px; }
.coin-price { font-size: 12.5px; font-weight: 700; white-space: nowrap; }
.coin-change { font-size: 10.5px; font-weight: 700; margin-top: 1px; }
.coin-change.up { color: #10b981; }
.coin-change.down { color: #f43f5e; }
.coin-actions { display: flex; flex-direction: column; gap: 4px; flex-shrink: 0; }
.coin-sparkline-wrap { flex-shrink: 0; }
.coin-meta-row { display: flex; align-items: center; gap: 8px; margin-top: 4px; font-size: 10px; color: #64748b; }
.dark .coin-meta-row { color: #64748b; }
.coin-swipe-indicator {
  position: absolute; right: 0; top: 0; bottom: 0; width: 3px;
  background: linear-gradient(to bottom, transparent, rgba(99,102,241,.4), transparent);
  opacity: 0; transition: opacity .2s; pointer-events: none;
}
.coin-card-mobile:hover .coin-swipe-indicator { opacity: 1; }
.vote-chip { display: inline-flex; align-items: center; gap: 2px; font-size: 9.5px; color: #64748b; white-space: nowrap; }
.vote-chip-val { font-weight: 700; }
.dark .vote-chip { color: #64748b; }

/* ── Action buttons inside card ─────────────────────────────── */
.btn-vote-m {
  display: flex; align-items: center; justify-content: center; gap: 2px;
  height: 26px; min-width: 42px; padding: 0 8px;
  border-radius: 7px; font-size: 10px; font-weight: 700; color: #fff;
  background: linear-gradient(135deg, #3b82f6, #6366f1);
  border: none; cursor: pointer; white-space: nowrap;
  transition: opacity .15s, transform .1s;
  -webkit-tap-highlight-color: transparent;
}
.btn-vote-m:active { opacity: .85; transform: scale(.95); }
.btn-buy-m {
  display: flex; align-items: center; justify-content: center;
  height: 26px; min-width: 42px; padding: 0 7px;
  border-radius: 7px; font-size: 10px; font-weight: 700; color: #fff;
  background: linear-gradient(135deg, #10b981, #0d9488);
  text-decoration: none; white-space: nowrap;
  transition: opacity .15s, transform .1s;
  -webkit-tap-highlight-color: transparent;
}
.btn-buy-m:active { opacity: .85; transform: scale(.95); }
.btn-fav-m {
  display: flex; align-items: center; justify-content: center;
  width: 22px; height: 22px; border-radius: 6px; font-size: 11px;
  border: 1px solid rgba(148,163,184,.3); background: transparent;
  color: #94a3b8; cursor: pointer; flex-shrink: 0;
  -webkit-tap-highlight-color: transparent;
}
.btn-fav-m:active { transform: scale(.9); }

/* ── Mobile column header ──────────────────────────────────── */
.mobile-col-header {
  display: flex; align-items: center; justify-content: space-between;
  padding: 6px 16px 5px;
  background: rgba(248,250,252,.95);
  border-bottom: 1px solid rgba(148,163,184,.12);
  font-size: 9.5px; font-weight: 700; text-transform: uppercase;
  letter-spacing: .06em; color: #94a3b8;
}
.dark .mobile-col-header {
  background: rgba(20,22,41,.95);
  border-color: rgba(255,255,255,.06);
}

/* ── Sticky mobile filter bar ───────────────────────────────── */
.mobile-filter-bar {
  position: sticky;
  top: 0;
  z-index: 40;
  background: rgba(255,255,255,.92);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border-bottom: 1px solid rgba(148,163,184,.15);
  padding: 8px 12px;
  display: flex;
  align-items: center;
  gap: 8px;
  margin-left: -12px;
  margin-right: -12px;
}
.dark .mobile-filter-bar {
  background: rgba(10,11,30,.92);
  border-color: rgba(255,255,255,.07);
}
.mobile-search-input {
  flex: 1; height: 36px;
  border-radius: 10px;
  border: 1.5px solid rgba(148,163,184,.25);
  background: rgba(248,250,252,.9);
  padding: 0 36px 0 12px;
  font-size: 13px; color: #0f172a; outline: none;
  transition: border-color .2s;
}
.dark .mobile-search-input {
  background: rgba(20,22,41,.9);
  color: #f1f5f9;
  border-color: rgba(255,255,255,.1);
}
.mobile-search-input:focus {
  border-color: #6366f1;
  box-shadow: 0 0 0 3px rgba(99,102,241,.15);
}
.mobile-sort-btn {
  display: flex; align-items: center; gap: 4px;
  height: 36px; padding: 0 10px;
  border-radius: 10px;
  border: 1.5px solid rgba(148,163,184,.25);
  background: transparent;
  font-size: 11px; font-weight: 600; color: #64748b;
  cursor: pointer; flex-shrink: 0; white-space: nowrap;
  -webkit-tap-highlight-color: transparent;
}
.dark .mobile-sort-btn { color: #94a3b8; border-color: rgba(255,255,255,.1); }
.mobile-sort-btn:active { background: rgba(99,102,241,.1); }

/* ── Mobile quick chip filters ──────────────────────────────── */
.mobile-chips-bar {
  display: flex; gap: 6px; overflow-x: auto; padding: 0 12px 2px;
  scrollbar-width: none;
  margin-left: -12px;
  margin-right: -12px;
}
.mobile-chips-bar::-webkit-scrollbar { display: none; }
.mobile-chip {
  flex-shrink: 0;
  height: 28px; padding: 0 11px; border-radius: 20px;
  font-size: 11.5px; font-weight: 600;
  border: 1.5px solid rgba(148,163,184,.25);
  background: transparent; color: #64748b; cursor: pointer;
  white-space: nowrap;
  -webkit-tap-highlight-color: transparent;
  transition: background .15s, border-color .15s, color .15s;
}
.dark .mobile-chip { color: #94a3b8; border-color: rgba(255,255,255,.1); }
.mobile-chip:active, .mobile-chip.active {
  background: rgba(99,102,241,.12);
  border-color: #6366f1; color: #6366f1;
}
.dark .mobile-chip:active, .dark .mobile-chip.active {
  color: #a5b4fc; border-color: #818cf8;
}

/* ── Mobile sort bottom sheet ───────────────────────────────── */
.mobile-sort-sheet {
  position: fixed; bottom: 0; left: 0; right: 0; z-index: 999;
  background: #fff;
  border-radius: 20px 20px 0 0;
  padding: 8px 0 max(20px, env(safe-area-inset-bottom, 16px));
  box-shadow: 0 -8px 32px rgba(0,0,0,.15);
  transform: translateY(100%);
  transition: transform .3s cubic-bezier(.32,1,.28,1);
}
.dark .mobile-sort-sheet { background: #141629; }
.mobile-sort-sheet.open { transform: translateY(0); }
.sort-sheet-handle {
  width: 36px; height: 4px; border-radius: 2px;
  background: rgba(148,163,184,.4);
  margin: 0 auto 12px;
}
.sort-sheet-title {
  font-size: 13px; font-weight: 700; text-align: center;
  color: #0f172a; padding-bottom: 8px;
  border-bottom: 1px solid rgba(148,163,184,.15);
  margin-bottom: 4px;
}
.dark .sort-sheet-title { color: #f1f5f9; }
.sort-sheet-item {
  display: flex; align-items: center; justify-content: space-between;
  padding: 12px 20px; font-size: 14px; color: #334155; cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}
.dark .sort-sheet-item { color: #cbd5e1; }
.sort-sheet-item:active { background: rgba(99,102,241,.08); }
.sort-sheet-item.active { color: #6366f1; font-weight: 700; }
.dark .sort-sheet-item.active { color: #a5b4fc; }
.sort-sheet-backdrop {
  position: fixed; inset: 0; z-index: 998;
  background: rgba(0,0,0,.5);
  opacity: 0; pointer-events: none;
  transition: opacity .3s;
}
.sort-sheet-backdrop.open { opacity: 1; pointer-events: all; }

/* ── Floating scroll-to-top ─────────────────────────────────── */
.fab-scroll-top {
  position: fixed;
  bottom: max(20px, env(safe-area-inset-bottom, 16px));
  right: 16px;
  z-index: 50;
  width: 44px; height: 44px;
  border-radius: 14px;
  background: linear-gradient(135deg, #3b82f6, #6366f1);
  color: #fff; border: none;
  display: flex; align-items: center; justify-content: center;
  box-shadow: 0 4px 16px rgba(99,102,241,.4);
  cursor: pointer;
  opacity: 0; pointer-events: none;
  transform: translateY(12px) scale(.9);
  transition: opacity .25s, transform .25s;
  -webkit-tap-highlight-color: transparent;
}
.fab-scroll-top.visible { opacity: 1; pointer-events: all; transform: translateY(0) scale(1); }
.fab-scroll-top:active { transform: scale(.92); }

/* ── Mobile pagination larger touch targets ─────────────────── */
@media (max-width: 767px) {
  #coins-pagination-bar { padding: 10px 12px; gap: 8px; }
  #coins-pagination-info { font-size: 11px; }
  #coins-pagination-btns .btn { min-height: 36px; min-width: 36px; padding: 0 12px; font-size: 12px; border-radius: 10px; }
  #coins-pagination-btns .badge { min-height: 36px; min-width: 36px; display: inline-flex; align-items: center; justify-content: center; border-radius: 10px; font-size: 12px; }
  .fab-scroll-top { } /* keep visible on mobile */
  body { padding-bottom: max(12px, env(safe-area-inset-bottom, 0px)); }
  /* Hide desktop-only FAB on desktop */
}
@media (min-width: 768px) {
  .fab-scroll-top { display: none !important; }
  .mobile-filter-bar { display: none !important; }
  .mobile-chips-bar { display: none !important; }
  .mobile-sort-sheet { display: none !important; }
  .sort-sheet-backdrop { display: none !important; }
  .mobile-col-header { display: none !important; }
}

/* ── Sponsor banner mobile compactness ──────────────────────── */
@media (max-width: 639px) {
  [data-coins-banner="true"] { border-radius: 1rem !important; }
  [data-coins-banner="true"] .p-4:first-child { padding: 0.5rem !important; }
  /* Movers strip mobile: less margin */
  .movers-strip { margin-top: 0 !important; }
  /* Reduce main gap between sections */
  main.w-full > .flex.flex-col { gap: 0.6rem !important; }
  /* Tabs: extra compact on small screens */
  .tabs { padding: 0.2rem; gap: 0.15rem; }
  .tab { padding: 0.35rem 0.55rem; font-size: 0.75rem; }
}

/* ── Extra-small phones (≤ 380px) ───────────────────────────── */
@media (max-width: 380px) {
  .coin-name { max-width: 88px; font-size: 11.5px; }
  .coin-logo-wrap img, .coin-logo-fallback { width: 38px; height: 38px; }
  .coin-price { font-size: 11.5px; }
  .coin-price-col { min-width: 62px; }
  .btn-vote-m, .btn-buy-m { min-width: 36px; padding: 0 5px; font-size: 9.5px; }
  .mobile-sort-btn { padding: 0 7px; font-size: 10px; }
}

/* ── Desktop coin table — sağ/sol genişlik ─────────────────── */
.page-coins .coins-table-modern thead th:first-child,
.page-coins .coins-table-modern tbody td:first-child {
  padding-left: 32px !important;
}
.page-coins .coins-table-modern thead th:last-child,
.page-coins .coins-table-modern tbody td:last-child {
  padding-right: 32px !important;
}