/* VOID Revision 7 — VIP duration mapping, panel clarity and refined motion */
:root {
  --r7-surface: color-mix(in srgb, #07111f 96%, var(--void-primary) 4%);
  --r7-surface-deep: color-mix(in srgb, #020812 98%, var(--void-primary) 2%);
  --r7-border: color-mix(in srgb, var(--void-primary) 18%, rgba(255,255,255,.075));
  --r7-border-strong: color-mix(in srgb, var(--void-primary) 36%, rgba(255,255,255,.09));
  --r7-shadow: 0 24px 72px rgba(0,0,0,.28);
}

/* Daha doğal, tema uyumlu ışık süzmesi */
body:not(.admin-body) {
  background: linear-gradient(180deg,#02060d 0%,#050a14 48%,#02060b 100%) !important;
}
body:not(.admin-body)::after {
  inset: -38vh -32vw !important;
  opacity: .25 !important;
  background:
    radial-gradient(ellipse 42% 30% at 12% 28%,color-mix(in srgb,var(--void-primary) 13%,transparent),transparent 72%),
    radial-gradient(ellipse 40% 30% at 84% 70%,color-mix(in srgb,var(--void-secondary,#9b3bff) 9%,transparent),transparent 74%),
    linear-gradient(118deg,transparent 34%,color-mix(in srgb,var(--void-primary) 4.5%,transparent) 48%,transparent 63%) !important;
  filter: blur(118px) saturate(1.04) !important;
  animation: r7-ambient-drift 25s ease-in-out infinite alternate !important;
}
@keyframes r7-ambient-drift {
  0% { transform:translate3d(-7%,-2%,0) rotate(-2deg) scale(1); }
  50% { transform:translate3d(3%,3%,0) rotate(1.5deg) scale(1.06); }
  100% { transform:translate3d(8%,-1%,0) rotate(-1deg) scale(1.02); }
}
.page-glow { opacity:.018 !important; filter:blur(165px) !important; }

/* VOID | HAXBALL tek satır ve dengeli */
.topbar { overflow:visible !important; z-index:10040 !important; }
.topbar .logo-wrap { width:auto !important; min-width:205px !important; overflow:visible !important; }
.brand-wordmark--header {
  display:inline-flex !important;
  flex-flow:row nowrap !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:9px !important;
  min-width:max-content !important;
  white-space:nowrap !important;
  transform:none !important;
}
.brand-wordmark--header .brand-wordmark__void {
  display:inline-block !important;
  font:900 28px/.9 "Orbitron","Manrope",sans-serif !important;
  letter-spacing:.04em !important;
  transform:scaleX(.98) !important;
}
.brand-wordmark--header .brand-wordmark__divider {
  display:block !important;
  flex:0 0 1px !important;
  width:1px !important;
  height:24px !important;
  opacity:.82 !important;
}
.brand-wordmark--header .brand-wordmark__haxball {
  display:inline-block !important;
  margin:0 !important;
  font:800 11px/1 "Manrope",sans-serif !important;
  letter-spacing:.21em !important;
  white-space:nowrap !important;
  opacity:.94 !important;
}

/* Profil açılır menüsü her zaman üstte */
.shell,.topbar,.topbar .actions,.v4-auth,.v4-auth__profile { overflow:visible !important; }
.topbar .actions,.v4-auth,.v4-auth__profile { position:relative !important; z-index:10060 !important; }
.v4-auth__menu {
  z-index:2147483000 !important;
  isolation:isolate !important;
  border-radius:9px !important;
  border-color:var(--r7-border-strong) !important;
  background:linear-gradient(155deg,rgba(8,17,30,.997),rgba(2,7,13,.997)) !important;
  box-shadow:0 28px 80px rgba(0,0,0,.58),0 0 28px color-mix(in srgb,var(--void-primary) 9%,transparent) !important;
}
.v4-auth__menu.is-fixed-layer { position:fixed !important; }

/* Ayarlar ışığı: küçük fakat net */
.header-icon-btn--settings::after {
  width:7px !important;
  height:7px !important;
  right:1px !important;
  bottom:1px !important;
  opacity:1 !important;
  background:#00e676 !important;
  box-shadow:0 0 0 2px #030914,0 0 10px rgba(0,230,118,.92),0 0 23px rgba(0,230,118,.38) !important;
  animation:r7-settings-beacon 1.35s ease-in-out infinite !important;
}
@keyframes r7-settings-beacon {
  0%,100% { transform:scale(.74); opacity:.5; filter:brightness(.9); }
  48% { transform:scale(1.2); opacity:1; filter:brightness(1.42); }
}

/* Özelleştir çekmecesi gerçek kaydırma ile açılıp kapanır */
.preferences-drawer { visibility:hidden; pointer-events:none; }
.preferences-drawer.is-open,.preferences-drawer.is-closing { visibility:visible !important; }
.preferences-drawer.is-open { pointer-events:auto; }
.preferences-drawer__panel {
  transform:translate3d(calc(100% + 30px),0,0) scale(.992) !important;
  opacity:0 !important;
  transition:transform .46s cubic-bezier(.18,.82,.18,1),opacity .28s ease !important;
  will-change:transform,opacity;
}
.preferences-drawer.is-open .preferences-drawer__panel { transform:translate3d(0,0,0) scale(1) !important; opacity:1 !important; }
.preferences-drawer.is-closing .preferences-drawer__panel { transform:translate3d(calc(100% + 30px),0,0) scale(.992) !important; opacity:0 !important; }
.preferences-drawer__backdrop { opacity:0 !important; transition:opacity .3s ease !important; }
.preferences-drawer.is-open .preferences-drawer__backdrop { opacity:1 !important; }

/* Alt kısa yollar: solda/sağda iki sıra, tam eşit */
.quick-grid {
  display:grid !important;
  width:min(1180px,calc(100% - 28px)) !important;
  max-width:1180px !important;
  margin:16px auto 42px !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  grid-auto-rows:218px !important;
  gap:16px !important;
  align-items:stretch !important;
}
.quick-card {
  width:100% !important;
  height:218px !important;
  min-height:218px !important;
  margin:0 !important;
  padding:24px !important;
  display:flex !important;
  align-items:stretch !important;
  overflow:hidden !important;
  border-radius:9px !important;
  border:1px solid var(--r7-border) !important;
  background:linear-gradient(145deg,rgba(7,15,27,.975),rgba(2,7,13,.99)) !important;
  box-shadow:0 18px 58px rgba(0,0,0,.2) !important;
}
.quick-card > div { width:55% !important; max-width:55% !important; min-height:165px !important; justify-content:center !important; }
.quick-card h3 { margin:0 0 10px !important; font-size:14px !important; line-height:1.25 !important; }
.quick-card p { min-height:42px !important; margin:0 !important; font-size:11.5px !important; line-height:1.55 !important; }
.quick-visual-img { width:57% !important; height:100% !important; object-fit:cover !important; object-position:center right !important; opacity:.86 !important; }
@media(max-width:760px){.quick-grid{grid-template-columns:1fr !important;grid-auto-rows:198px !important}.quick-card{height:198px !important;min-height:198px !important}}

/* VIP süre uyarısı — eksik alanı süresiz gibi göstermeme */
.vip-member__remaining.is-missing {
  color:#ffcf66 !important;
  border-color:rgba(255,207,102,.24) !important;
  background:rgba(255,180,48,.075) !important;
}

/* Yönetim paneli */
.admin-body {
  position:relative;
  isolation:isolate;
  background:linear-gradient(180deg,#02060d 0%,#050a14 50%,#02060b 100%) !important;
  color:#dce6f2 !important;
}
.admin-body::before {
  content:"";
  position:fixed;
  inset:0;
  z-index:-2;
  opacity:.14;
  background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);
  background-size:72px 72px;
  mask-image:linear-gradient(to bottom,rgba(0,0,0,.75),transparent 88%);
}
.admin-body::after {
  content:"";
  position:fixed;
  inset:-36vh -28vw;
  z-index:-1;
  opacity:.24 !important;
  background:radial-gradient(ellipse at 12% 28%,color-mix(in srgb,var(--void-primary) 12%,transparent),transparent 36%),radial-gradient(ellipse at 85% 64%,color-mix(in srgb,var(--void-secondary,#9b3bff) 9%,transparent),transparent 38%) !important;
  filter:blur(118px) !important;
  animation:r7-admin-drift 24s ease-in-out infinite alternate !important;
}
@keyframes r7-admin-drift { from{transform:translate3d(-4%,0,0)} to{transform:translate3d(5%,3%,0)} }
.admin-shell {
  max-width:1600px !important;
  grid-template-columns:238px minmax(0,1fr) !important;
  gap:18px !important;
  padding:18px clamp(14px,2vw,30px) 48px !important;
}
.admin-side {
  min-height:calc(100vh - 36px) !important;
  border-radius:13px !important;
  border:1px solid var(--r7-border) !important;
  background:linear-gradient(180deg,rgba(8,17,30,.97),rgba(2,7,13,.99)) !important;
  box-shadow:var(--r7-shadow) !important;
  backdrop-filter:blur(18px) !important;
}
.admin-side__brand { padding:23px 18px 17px !important; }
.admin-brand-wordmark { display:flex !important; flex-flow:row nowrap !important; align-items:center !important; gap:8px !important; white-space:nowrap !important; }
.admin-brand-wordmark strong { font:900 21px/1 "Orbitron",sans-serif !important; letter-spacing:.04em !important; color:var(--void-primary) !important; }
.admin-brand-wordmark i { display:block !important; width:1px !important; height:21px !important; background:color-mix(in srgb,var(--void-primary) 52%,transparent) !important; }
.admin-brand-wordmark small { font-size:9px !important; font-weight:800 !important; letter-spacing:.17em !important; color:#c5d0de !important; }
.admin-side__tag { display:none !important; }
.admin-nav { gap:6px !important; padding:12px !important; }
.admin-nav__item { min-height:46px !important; border:1px solid transparent !important; border-radius:8px !important; color:#9caabd !important; font-size:12px !important; }
.admin-nav__item:hover { transform:translateX(2px); color:#eef5ff !important; background:rgba(255,255,255,.025) !important; border-color:rgba(255,255,255,.055) !important; }
.admin-nav__item.is-active { color:#fff !important; background:color-mix(in srgb,var(--void-primary) 8%,rgba(255,255,255,.02)) !important; border-color:var(--r7-border-strong) !important; }
.admin-head,.admin-panel {
  border-radius:12px !important;
  border:1px solid var(--r7-border) !important;
  background:linear-gradient(145deg,rgba(7,16,29,.975),rgba(2,7,13,.99)) !important;
  box-shadow:0 20px 62px rgba(0,0,0,.2) !important;
}
.admin-head { padding:21px 23px !important; }
.admin-head h1 { font-size:24px !important; line-height:1.15 !important; }
.admin-head p { margin-top:6px !important; color:#8392a5 !important; font-size:11px !important; }
.admin-panel { padding:21px !important; }
.admin-panel__head { margin-bottom:17px !important; padding-bottom:14px !important; }
.admin-panel__head h2 { font-size:15px !important; }
.admin-panel__head small { color:var(--void-primary) !important; font-size:9px !important; }

/* Panel Ayarları — büyük tarayıcı varsayılan kutularını tamamen kaldır */
.admin-settings-form { display:grid !important; gap:18px !important; }
.admin-settings-group {
  margin:0 !important;
  padding:20px !important;
  border:1px solid rgba(255,255,255,.07) !important;
  border-radius:10px !important;
  background:linear-gradient(145deg,rgba(255,255,255,.019),rgba(255,255,255,.006)) !important;
}
.admin-settings-group__head { margin-bottom:16px !important; padding-bottom:13px !important; }
.admin-settings-group__head h3 { margin:0 !important; font-size:14px !important; color:#f2f6fc !important; }
.admin-settings-group__head p { margin:4px 0 0 !important; font-size:10px !important; line-height:1.55 !important; color:#8291a4 !important; }
.admin-feature-grid { display:grid !important; grid-template-columns:repeat(3,minmax(0,1fr)) !important; gap:11px !important; }
.admin-settings-fields { display:grid !important; grid-template-columns:repeat(3,minmax(0,1fr)) !important; gap:12px !important; }
.admin-settings-fields--two { grid-template-columns:repeat(2,minmax(0,1fr)) !important; }
.admin-toggle-card,.admin-field-card {
  min-width:0 !important;
  min-height:76px !important;
  padding:14px !important;
  border:1px solid rgba(255,255,255,.075) !important;
  border-radius:8px !important;
  background:rgba(2,8,15,.62) !important;
  box-shadow:none !important;
}
.admin-toggle-card { display:flex !important; flex-flow:row nowrap !important; align-items:center !important; justify-content:space-between !important; gap:12px !important; cursor:pointer !important; }
.admin-toggle-card:hover,.admin-field-card:focus-within { border-color:var(--r7-border-strong) !important; background:color-mix(in srgb,var(--void-primary) 3.5%,rgba(2,8,15,.76)) !important; }
.admin-toggle-card span { display:grid !important; gap:4px !important; min-width:0 !important; }
.admin-toggle-card strong,.admin-field-card>span { color:#e8eef7 !important; font-size:11px !important; line-height:1.25 !important; }
.admin-toggle-card small,.admin-field-card small { color:#78889c !important; font-size:9px !important; line-height:1.45 !important; }
.admin-form input[type="checkbox"],.admin-toggle-card input[type="checkbox"] {
  appearance:none !important;
  -webkit-appearance:none !important;
  flex:0 0 43px !important;
  display:block !important;
  width:43px !important;
  min-width:43px !important;
  max-width:43px !important;
  height:24px !important;
  min-height:24px !important;
  max-height:24px !important;
  margin:0 !important;
  padding:0 !important;
  border:1px solid rgba(255,255,255,.14) !important;
  border-radius:999px !important;
  background:#101a27 !important;
  position:relative !important;
  cursor:pointer !important;
  box-shadow:inset 0 0 0 1px rgba(0,0,0,.18) !important;
  transition:background .2s ease,border-color .2s ease !important;
}
.admin-form input[type="checkbox"]::after,.admin-toggle-card input[type="checkbox"]::after {
  content:"" !important;
  position:absolute !important;
  left:3px !important;
  top:3px !important;
  width:16px !important;
  height:16px !important;
  border-radius:50% !important;
  background:#748195 !important;
  box-shadow:0 2px 7px rgba(0,0,0,.35) !important;
  transition:transform .2s ease,background .2s ease,box-shadow .2s ease !important;
}
.admin-form input[type="checkbox"]:checked,.admin-toggle-card input[type="checkbox"]:checked {
  border-color:color-mix(in srgb,var(--void-primary) 56%,transparent) !important;
  background:color-mix(in srgb,var(--void-primary) 22%,#09111c) !important;
}
.admin-form input[type="checkbox"]:checked::after,.admin-toggle-card input[type="checkbox"]:checked::after {
  transform:translateX(19px) !important;
  background:var(--void-primary) !important;
  box-shadow:0 0 11px color-mix(in srgb,var(--void-primary) 56%,transparent) !important;
}
.admin-field-card { display:grid !important; gap:8px !important; }
.admin-field-card input,.admin-field-card select,.admin-field-card textarea,
.admin-form input:not([type="checkbox"]),.admin-form select,.admin-form textarea {
  width:100% !important;
  min-height:43px !important;
  padding:10px 12px !important;
  border:1px solid rgba(255,255,255,.09) !important;
  border-radius:7px !important;
  background:#030a13 !important;
  color:#eaf1f9 !important;
  font-size:11px !important;
}
.admin-field-card textarea,.admin-form textarea { min-height:122px !important; resize:vertical !important; }
.admin-field-card input:focus,.admin-field-card select:focus,.admin-field-card textarea:focus { outline:none !important; border-color:var(--r7-border-strong) !important; box-shadow:0 0 0 3px color-mix(in srgb,var(--void-primary) 8%,transparent) !important; }
.admin-settings-actions { position:sticky !important; bottom:12px !important; z-index:20 !important; padding:13px 14px !important; border:1px solid var(--r7-border) !important; border-radius:9px !important; background:rgba(3,9,17,.94) !important; backdrop-filter:blur(16px) !important; }
.asset-grid { grid-template-columns:repeat(auto-fill,minmax(185px,1fr)) !important; gap:12px !important; }
.asset-card { border-radius:9px !important; overflow:hidden !important; border-color:rgba(255,255,255,.075) !important; }
@media(max-width:1100px){.admin-feature-grid,.admin-settings-fields{grid-template-columns:repeat(2,minmax(0,1fr)) !important}}
@media(max-width:720px){.admin-shell{grid-template-columns:1fr !important}.admin-feature-grid,.admin-settings-fields,.admin-settings-fields--two{grid-template-columns:1fr !important}}

/* Yükleyici kısa ve yumuşak */
html.void-page-loading::before,html.void-page-leaving::before { background:rgba(2,6,12,.58) !important; backdrop-filter:blur(8px) !important; }
html.void-page-loading::after,html.void-page-leaving::after { content:"VOID | HAXBALL" !important; min-width:154px !important; letter-spacing:.12em !important; }

@media(prefers-reduced-motion:reduce){body:not(.admin-body)::after,.admin-body::after,.header-icon-btn--settings::after{animation:none !important}}