/* ==========================================================================
   Groyt — Dashboard (Kehribar, Ekim 2026)
   --------------------------------------------------------------------------
   YALNIZCA görünüm. Hiçbir id / class / data-* kaldırılmaz; dashboard JS'i
   bunlara bağlı (doğrulama: scratchpad/tools/parity.js). Bu dosya en son
   yüklenir ve eski katmanları (style.css, dashboard-*.css) yeni tasarım
   diline bağlar: nötr siyah zemin, logodaki sarı gradyan, Sora/Onest.
   ========================================================================== */

/* --------------------------------------------------------------------------
   Sahne: eski "hero" kabuğu artık uygulama alanı
   -------------------------------------------------------------------------- */
body.k-page .hero.coming-soon {
  min-height: auto; padding: calc(var(--k-nav-h) + 28px) 0 72px; text-align: left; overflow: visible;
  background: none;
}
body.k-page .hero.coming-soon .hero-glow { display: none; }
body.k-page .hero.coming-soon > .container { max-width: 1600px; padding: 0 var(--k-gutter); }
body.k-page #dashSettings.is-wide, body.k-page #dashGuilds { max-width: none; }
body.k-page .dash-panel { width: 100%; }

/* Yükleniyor */
body.k-page .dash-loading { min-height: 50vh; display: grid; place-content: center; gap: 14px; color: var(--k-text-3); }
body.k-page .dash-loading .spinner { width: 34px; height: 34px; margin: 0 auto; border: 3px solid var(--k-line-2); border-top-color: var(--k-amber); border-radius: 50%; }

/* Uyarılar: hata / başarı / bilgi */
body.k-page .alert { border-radius: 12px; padding: 12px 16px; font-size: 14.5px; border: 1px solid var(--k-line-2); background: var(--k-bg-2); color: var(--k-text-2); }
body.k-page .alert-error { border-color: rgba(237, 66, 69, 0.45); background: rgba(237, 66, 69, 0.08); color: #f4a3a4; }
body.k-page .alert-success { border-color: rgba(59, 165, 93, 0.45); background: rgba(59, 165, 93, 0.08); color: #8fe0ad; }

/* --------------------------------------------------------------------------
   Giriş ekranı
   -------------------------------------------------------------------------- */
body.k-page #dashLogin { max-width: 980px; margin: 0 auto; text-align: center; padding-top: clamp(24px, 5vw, 64px); }
body.k-page #dashLogin .hero-badge { display: none; }
body.k-page #dashLogin .hero-logo { width: 72px; height: 72px; margin: 0 auto 18px; }
body.k-page #dashLogin .eyebrow { display: none; }
body.k-page #dashLogin .hero-title { font-family: var(--k-display); font-weight: 700; font-size: clamp(36px, 5vw, 60px); line-height: 1.06; letter-spacing: -0.035em; }
body.k-page #dashLogin .hero-subtitle { max-width: 58ch; margin: 18px auto 0; font-size: 17px; color: var(--k-text-2); }
body.k-page #dashLogin .hero-actions { justify-content: center; margin-top: 28px; }
body.k-page #dashLogin .hero-microcopy { margin-top: 14px; font-size: 13.5px; color: var(--k-text-3); font-style: normal; }
body.k-page .coming-soon-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 0; margin-top: 56px; text-align: left; border: 1px solid var(--k-line); border-radius: var(--k-r-l); overflow: hidden; background: rgba(255, 255, 255, 0.02); }
body.k-page .coming-soon-card { padding: 20px; border: 0; border-right: 1px solid var(--k-line); border-bottom: 1px solid var(--k-line); border-radius: 0; background: none; box-shadow: none; }
body.k-page .coming-soon-card:nth-child(4n) { border-right: 0; }
body.k-page .coming-soon-card:nth-last-child(-n + 4) { border-bottom: 0; }
body.k-page .coming-soon-card .feature-icon { width: auto; height: auto; background: none; border: 0; font-size: 22px; margin-bottom: 10px; box-shadow: none; }
body.k-page .coming-soon-card .feature-title { font-family: var(--k-display) !important; font-size: 16px; letter-spacing: -0.01em !important; margin-bottom: 6px; }
body.k-page .coming-soon-card .feature-desc { font-size: 14px; color: var(--k-text-2); line-height: 1.55; }
body.k-page .coming-soon-card .feature-desc strong { display: none; }
body.k-page .dp-login-note { border-radius: 14px; border: 1px solid rgba(255, 193, 7, 0.35); background: rgba(255, 193, 7, 0.06); }

/* --------------------------------------------------------------------------
   Sunucu seçme ekranı (#dashGuilds)
   -------------------------------------------------------------------------- */
body.k-page #dashGuilds .dash-topbar { padding: 14px 18px; border-radius: var(--k-r-l); background: var(--k-bg-2); border: 1px solid var(--k-line); box-shadow: none; }
body.k-page #dashGuilds .user-chip img { border-radius: 50%; }
body.k-page #dashGuilds .user-chip-name { font-family: var(--k-display); font-weight: 700; }
body.k-page .home-tabs { gap: 4px; padding: 5px; margin: 16px 0 28px; border-radius: 999px; background: var(--k-bg-2); border: 1px solid var(--k-line); width: fit-content; max-width: 100%; }
body.k-page .home-tab { padding: 9px 16px; border-radius: 999px; font-size: 14.5px; font-weight: 600; color: var(--k-text-2); border: 0; background: transparent; white-space: nowrap; }
body.k-page .home-tab:hover { color: var(--k-text); background: rgba(255, 255, 255, 0.05); }
body.k-page .home-tab.is-active { color: var(--k-on-amber); background: var(--k-grad); box-shadow: 0 8px 22px -12px rgba(255, 193, 7, 0.8); }
body.k-page .dash-title { font-family: var(--k-display); font-weight: 700; font-size: clamp(30px, 3.4vw, 44px); letter-spacing: -0.03em; line-height: 1.08; }
body.k-page .dash-subtitle { font-size: 15.5px; color: var(--k-text-2); max-width: 72ch; }
body.k-page #dashGuilds .dash-title::before { display: none; content: none; }

body.k-page .guild-summary { gap: 0; margin: 22px 0 30px; border: 1px solid var(--k-line); border-radius: var(--k-r-l); overflow: hidden; width: fit-content; background: rgba(255, 255, 255, 0.02); }
body.k-page .guild-summary .gs-box { padding: 14px 24px; border: 0; border-right: 1px solid var(--k-line); border-radius: 0; background: none; box-shadow: none; }
body.k-page .guild-summary .gs-box:last-child { border-right: 0; }
body.k-page .guild-summary .gs-box.is-on b, body.k-page .guild-summary .gs-box b { font-family: var(--k-display) !important; }

body.k-page #dashGuilds .guild-group-label { font-family: var(--k-display); font-size: 18px; font-weight: 700; letter-spacing: -0.01em; text-transform: none; color: var(--k-text); }
body.k-page #dashGuilds .guild-card {
  background: var(--k-bg-2); border: 1px solid var(--k-line); border-radius: var(--k-r-l); box-shadow: none;
  transition: border-color 0.2s, transform 0.25s var(--k-ease), box-shadow 0.25s;
}
body.k-page #dashGuilds .guild-card:hover { border-color: rgba(255, 193, 7, 0.5); transform: translateY(-2px); box-shadow: 0 24px 50px -30px rgba(255, 193, 7, 0.55); }
body.k-page #dashGuilds .guild-card-glow { opacity: 0.18; filter: blur(30px) saturate(1.2); }
body.k-page #dashGuilds .guild-card-glow.is-fallback { background: radial-gradient(circle, rgba(255, 193, 7, 0.6), transparent 70%); }
body.k-page #dashGuilds .guild-fallback-icon { background: var(--k-grad); color: var(--k-on-amber); box-shadow: none; }
body.k-page #dashGuilds .guild-card-name { font-family: var(--k-display); font-weight: 700; }
body.k-page #dashGuilds .guild-card-action { border-radius: 999px; background: var(--k-grad); color: var(--k-on-amber); border: 0; font-weight: 650; box-shadow: none; }
body.k-page #dashGuilds .guild-card.is-disabled .guild-card-action { background: transparent; color: var(--k-text); border: 1.5px solid var(--k-line-2); }
body.k-page #dashGuilds .guild-card.is-disabled:hover .guild-card-action { border-color: var(--k-amber); color: var(--k-amber-2); }
body.k-page .guild-skeleton i { background: linear-gradient(90deg, var(--k-bg-2), var(--k-bg-3), var(--k-bg-2)); background-size: 200% 100%; border-radius: var(--k-r-l); }

/* --------------------------------------------------------------------------
   Sunucu ayarları (#dashSettings): üst çubuk sıkışık, ayarlar yukarıda başlar
   -------------------------------------------------------------------------- */
body.k-page #dashSettings .dash-header-row { justify-content: flex-start; gap: 8px; margin-bottom: 18px; }
body.k-page #dashSettings .dash-header-row #backToGuilds { margin-right: auto; }
body.k-page #dashSettings .legal-back {
  padding: 8px 14px; border-radius: 999px; font-size: 14px; font-weight: 600; color: var(--k-text-2);
  background: var(--k-bg-2); border: 1px solid var(--k-line);
}
body.k-page #dashSettings .legal-back:hover { color: var(--k-text); border-color: rgba(255, 193, 7, 0.45); background: var(--k-bg-3); }
body.k-page #dashSettings .dash-title { font-size: clamp(28px, 3vw, 40px); margin-bottom: 6px; }
body.k-page #dashSettings .dash-title::before { content: 'Sunucu ayarları'; display: block; margin-bottom: 6px; font: 600 14px var(--k-body); letter-spacing: 0; color: var(--k-text-3); }
body.k-page #dashSettings .dash-subtitle { font-size: 14.5px; margin-bottom: 18px; color: var(--k-text-3); }

body.k-page #dashSettings .premium-banner { padding: 11px 16px; margin-bottom: 8px; border-radius: 12px; font-size: 14px; box-shadow: none; }
body.k-page #dashSettings .premium-banner.is-active { border: 1px solid rgba(255, 193, 7, 0.4); background: rgba(255, 193, 7, 0.07); color: var(--k-text); }
body.k-page #dashSettings .vote-banner-mini { padding: 8px 14px; margin-bottom: 8px; border-radius: 12px; font-size: 13.5px; border: 1px solid var(--k-line); background: transparent; color: var(--k-text-3); }
body.k-page #dashSettings .vote-banner-mini a { color: var(--k-amber-2); }
body.k-page #dashSettings .lb-banner { padding: 12px 16px; margin-bottom: 22px; border-radius: 14px; background: var(--k-bg-2); border: 1px solid var(--k-line); box-shadow: none; }
body.k-page #dashSettings .lb-banner-icon { background: var(--k-bg-3); box-shadow: none; }
body.k-page #dashSettings .lb-banner-title { font-family: var(--k-display); font-weight: 700; }
body.k-page #dashSettings .lb-banner-btn { border-radius: 12px; background: var(--k-bg); border: 1px solid var(--k-line-2); box-shadow: none !important; }
body.k-page #dashSettings .lb-banner-btn:hover { border-color: rgba(255, 193, 7, 0.5); }

/* Düzen: sabit yan menü + geniş içerik + kimlik paneli */
body.k-page .settings-layout { grid-template-columns: 248px minmax(0, 1fr); gap: 28px 32px; }
@media (min-width: 1320px) {
  body.k-page .settings-layout { grid-template-columns: 248px minmax(0, 1fr) 320px; grid-template-areas: "nav panels identity"; }
}
body.k-page .settings-nav-col { top: calc(var(--k-nav-h) + 16px); max-height: calc(100vh - var(--k-nav-h) - 32px); overflow-y: auto; overscroll-behavior: contain; padding: 2px 6px 16px 2px; scrollbar-width: thin; }
@media (min-width: 1320px) {
  body.k-page .identity-sidebar { position: sticky; top: calc(var(--k-nav-h) + 16px); }
}
body.k-page .settings-search.search-box { border-radius: 999px; background: var(--k-bg-2); border: 1.5px solid var(--k-line-2); }
body.k-page .settings-search.search-box:focus-within { border-color: var(--k-amber); }
body.k-page .settings-tab-group-label { margin: 16px 0 4px; padding: 0 12px; font: 600 12.5px var(--k-body) !important; letter-spacing: 0 !important; text-transform: none; color: var(--k-text-3); }
body.k-page .settings-tab-group-label::after { display: none; }
body.k-page .settings-tab-btn {
  position: relative; padding: 9px 12px; border-radius: 10px; font-size: 14.5px; font-weight: 550; color: var(--k-text-2);
  border: 1px solid transparent; background: transparent; box-shadow: none;
}
body.k-page .settings-tab-btn:hover { color: var(--k-text); background: rgba(255, 255, 255, 0.04); }
body.k-page .settings-tab-btn.active { color: var(--k-amber-2); background: rgba(255, 193, 7, 0.08); border-color: rgba(255, 193, 7, 0.32); box-shadow: 0 0 22px -12px rgba(255, 193, 7, 0.8); }
body.k-page .settings-tab-btn.active::before { display: none; }
body.k-page .settings-tab-icon { width: 26px; height: 26px; display: inline-grid; place-items: center; border-radius: 8px; background: var(--k-bg-3); font-size: 14px; box-shadow: none; }
body.k-page .settings-tab-btn.active .settings-tab-icon { background: rgba(255, 193, 7, 0.14); }
body.k-page .settings-tabs-mobile { border-radius: 12px; background-color: var(--k-bg-2); border-color: var(--k-line-2); }

/* Bölüm başlığı */
body.k-page #dashSettings .settings-section-head { padding-bottom: 14px; margin-bottom: 4px; border-bottom: 1px solid var(--k-line); }
body.k-page #dashSettings .settings-section-head::after { display: none; }
body.k-page #dashSettings .settings-section-title { font-family: var(--k-display); font-weight: 700; font-size: clamp(24px, 2.4vw, 30px); letter-spacing: -0.025em; }
body.k-page #dashSettings .settings-section-desc { font-size: 15px; color: var(--k-text-2); max-width: 75ch; }

/* Açılır gruplar ve kartlar */
body.k-page #dashSettings .eb-group, body.k-page #dashSettings .feature-group {
  border-radius: 16px; border: 1px solid var(--k-line); background: rgba(255, 255, 255, 0.022); box-shadow: none;
}
body.k-page #dashSettings .eb-group:hover, body.k-page #dashSettings .feature-group:hover { border-color: var(--k-line-2); }
body.k-page #dashSettings .eb-group[open], body.k-page #dashSettings .feature-group[open] { border-color: #3a3f4a; background: rgba(255, 255, 255, 0.03); }
body.k-page #dashSettings .eb-group > summary, body.k-page #dashSettings .feature-group > summary { padding: 16px 18px; border-radius: 16px; }
body.k-page #dashSettings .eb-group-badge { border-radius: 999px; font-weight: 650; }
body.k-page .settings-subhead-icon { border-radius: 10px; box-shadow: none; }
body.k-page .settings-subhead-title { font-family: var(--k-display); font-weight: 650; font-size: 16px; letter-spacing: -0.01em; }
body.k-page .settings-subhead-desc { font-size: 13.5px; color: var(--k-text-3); }
body.k-page .settings-divider { border-top-color: var(--k-line); }
body.k-page .settings-locked-note { border-radius: 12px; border: 1px dashed rgba(255, 193, 7, 0.35); background: rgba(255, 193, 7, 0.05); color: var(--k-text-2); }
body.k-page .premium-lock-badge { border-radius: 999px; background: rgba(255, 193, 7, 0.12); color: var(--k-amber-2); border: 1px solid rgba(255, 193, 7, 0.35); }

/* Formlar */
body.k-page .form-label { font-size: 14px; font-weight: 600; color: var(--k-text); }
body.k-page .form-hint { font-size: 13px; color: var(--k-text-3); line-height: 1.5; }
body.k-page .form-input, body.k-page .form-textarea, body.k-page .form-select {
  min-height: 44px; padding: 10px 14px; border-radius: 10px; font-size: 14.5px; font-family: var(--k-body);
  background-color: #0E1014; border: 1px solid var(--k-line-2); color: var(--k-text);
  transition: border-color 0.2s, box-shadow 0.2s;
}
body.k-page .form-select { padding-right: 38px; }
body.k-page .form-input:hover, body.k-page .form-textarea:hover, body.k-page .form-select:hover { border-color: #444955; }
body.k-page .form-input:focus, body.k-page .form-textarea:focus, body.k-page .form-select:focus { outline: none; border-color: var(--k-amber); box-shadow: 0 0 0 3px rgba(255, 193, 7, 0.15); }
body.k-page .form-input::placeholder, body.k-page .form-textarea::placeholder { color: #5f6573; }
body.k-page .form-select option { background-color: var(--k-bg-2); }
body.k-page .form-row-toggle { padding: 12px 0; gap: 16px; }

/* Anahtar (toggle) */
body.k-page .toggle { width: 44px; height: 24px; }
body.k-page .toggle-track { background: #2C3039; border: 1px solid #3A3F4A; }
body.k-page .toggle-thumb { background: #E9EBEF; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5); }
body.k-page .toggle input:checked ~ .toggle-track { background: var(--k-grad); border-color: transparent; box-shadow: 0 0 14px -4px rgba(255, 193, 7, 0.7); }
body.k-page .toggle input:checked ~ .toggle-thumb { background: #fff; }
body.k-page .toggle input:focus-visible ~ .toggle-track { outline: 2px solid var(--k-amber); outline-offset: 2px; }

/* Kayıt durumu (her alanın yanında) */
body.k-page .field-status { font-size: 12.5px; font-weight: 600; }
body.k-page .field-status.is-saved { color: #8fe0ad; }
body.k-page .field-status.is-error { color: #f4a3a4; }

/* Kimlik paneli + küçük istatistikler */
body.k-page .identity-card { border-radius: var(--k-r-l); background: var(--k-bg-2); border: 1px solid var(--k-line); box-shadow: none; }
body.k-page .identity-name { font-family: var(--k-display); font-weight: 700; }
body.k-page .mini-stat { border-radius: 12px; background: var(--k-bg); border: 1px solid var(--k-line); box-shadow: none; }
body.k-page .mini-stat-num { font-family: var(--k-display) !important; letter-spacing: -0.02em !important; background: var(--k-grad); -webkit-background-clip: text; background-clip: text; color: transparent; text-shadow: none; }
body.k-page .mini-list { border-radius: 12px; border-color: var(--k-line); background: rgba(255, 255, 255, 0.02); }
body.k-page .mini-list-empty { color: var(--k-text-3); }

/* Genel bakış kutuları */
body.k-page .health-grid > * { border-radius: 14px; background: var(--k-bg-2); border-color: var(--k-line); box-shadow: none; }
body.k-page .health-grid > *:hover { border-color: rgba(255, 193, 7, 0.4); }

/* Modal / çekmece (üye kartı vb.) */
body.k-page .member-card-overlay { background: rgba(5, 6, 8, 0.7); backdrop-filter: blur(6px); }
body.k-page .member-card-drawer { background: var(--k-bg-2); border-left: 1px solid var(--k-line-2); }

/* Dashboard'da footer kısa kalsın */
body.k-page.k-dash .k-foot { padding-top: 40px; }

/* --------------------------------------------------------------------------
   Duyarlı
   -------------------------------------------------------------------------- */
@media (max-width: 1100px) {
  body.k-page .coming-soon-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  body.k-page .coming-soon-card:nth-child(4n) { border-right: 1px solid var(--k-line); }
  body.k-page .coming-soon-card:nth-child(2n) { border-right: 0; }
  body.k-page .coming-soon-card:nth-last-child(-n + 4) { border-bottom: 1px solid var(--k-line); }
  body.k-page .coming-soon-card:nth-last-child(-n + 2) { border-bottom: 0; }
}
@media (max-width: 780px) {
  body.k-page .settings-layout { grid-template-columns: minmax(0, 1fr); }
  body.k-page .settings-nav-col { position: static; max-height: none; overflow: visible; }
  body.k-page .home-tabs { width: 100%; border-radius: 16px; }
  body.k-page .home-tab.is-active { border-radius: 12px; }
  body.k-page .guild-summary { width: 100%; }
  body.k-page #dashSettings .dash-header-row #backToGuilds { margin-right: 0; width: 100%; justify-content: center; }
}
@media (max-width: 520px) {
  body.k-page .coming-soon-grid { grid-template-columns: 1fr; }
  body.k-page .coming-soon-card { border-right: 0 !important; border-bottom: 1px solid var(--k-line) !important; }
}

/* Üst şeritler: Premium durumu ve oy satırı yan yana, ince */
@media (min-width: 900px) {
  body.k-page #dashSettings .premium-banner:not([hidden]), body.k-page #dashSettings .vote-banner-mini { display: inline-flex; align-items: center; width: auto; max-width: 100%; vertical-align: top; margin-right: 6px; }
  body.k-page #dashSettings .dash-subtitle { margin-bottom: 14px; }
}
/* Mobil sunucu listesi sekmeleri: 3 sütun, yazı alta, taşma yok */
@media (max-width: 780px) {
  body.k-page .home-tab { white-space: normal; text-align: center; font-size: 12.5px; line-height: 1.25; padding: 8px 4px; border-radius: 12px; min-width: 0; overflow-wrap: anywhere; }
}

/* ==========================================================================
   Dashboard v2 — uygulama düzeni (13 Ekim, kullanıcı geri bildirimi:
   "değişiklik görünmüyor"). Yalnızca CSS; DOM ve JS kancaları aynı.
   ========================================================================== */

/* ---- Uygulama üst çubuğu: site bağlantıları menü düğmesinin arkasında ---- */
body.k-dash .k-nav { background: rgba(10, 11, 14, 0.92); border-bottom-color: var(--k-line); -webkit-backdrop-filter: blur(14px); backdrop-filter: blur(14px); }
body.k-dash .k-nav .k-wrap { max-width: none; }
body.k-dash .k-brand::after { content: 'Dashboard'; margin-left: 4px; padding: 3px 10px; border-radius: 999px; font: 650 13px var(--k-body); letter-spacing: 0; color: var(--k-amber-2); background: rgba(255, 193, 7, 0.1); border: 1px solid rgba(255, 193, 7, 0.3); }
body.k-dash .k-nav-actions .k-btn-line[href$="/dashboard"] { display: none; }
@media (min-width: 1181px) {
  body.k-dash .k-menu-toggle { display: inline-block; }
  body.k-dash .k-nav-links {
    position: fixed; inset: var(--k-nav-h) 0 auto auto; width: min(380px, 100vw); max-height: calc(100vh - var(--k-nav-h)); z-index: 299; margin: 0;
    flex-direction: column; align-items: stretch; gap: 2px; padding: 16px 20px 24px; overflow-y: auto;
    background: var(--k-bg-2); border: 1px solid var(--k-line-2); border-top: 0; border-radius: 0 0 0 20px; box-shadow: -30px 30px 60px -30px rgba(0, 0, 0, 0.8);
    opacity: 0; visibility: hidden; transform: translateY(-8px); transition: opacity 0.2s, transform 0.25s var(--k-ease), visibility 0.2s;
  }
  body.k-dash .k-nav-links.mobile-open { opacity: 1; visibility: visible; transform: none; }
  body.k-dash .k-nav-links .nav-link { padding: 11px 8px; border-radius: 10px; font-size: 16px; }
  body.k-dash .k-nav-links .nav-link.active::after { display: none; }
  body.k-dash .k-nav-sheet-extra { display: flex; flex-direction: column; gap: 2px; margin-top: 6px; padding-top: 10px; border-top: 1px solid var(--k-line); }
  body.k-dash .k-nav-sheet-extra .k-btn { margin-top: 10px; justify-content: center; color: var(--k-on-amber); }
  body.k-dash .shard-tip { display: none; }
}

/* ---- Ayarlar: üç sütunlu uygulama ızgarası ----
   #settingsBody "display: contents" olur; böylece yan menü ve kimlik paneli
   üstteki başlık alanıyla aynı ızgaraya girer ve sayfanın en üstünden başlar. */
@media (min-width: 781px) {
  body.k-page #dashSettings {
    display: grid; grid-template-columns: 264px minmax(0, 1fr); grid-template-rows: repeat(8, auto);
    column-gap: 36px; align-items: start;
  }
  body.k-page #dashSettings > * { grid-column: 2; min-width: 0; }
  body.k-page #dashSettings > #settingsBody { display: contents; }
  body.k-page #dashSettings .settings-nav-col {
    grid-column: 1; grid-row: 1 / -1; align-self: start;
    position: sticky; top: calc(var(--k-nav-h) + 16px); height: calc(100vh - var(--k-nav-h) - 32px); max-height: none;
    padding: 16px 12px; border-radius: 20px; background: var(--k-bg-2); border: 1px solid var(--k-line);
  }
  body.k-page #dashSettings .settings-panels { grid-column: 2; }
  body.k-page #dashSettings .identity-sidebar { grid-column: 2; }
  body.k-page #dashSettings .dash-header-row #backToGuilds { order: 0; }
}
@media (min-width: 1360px) {
  /* 14 Ekim 2026: yan panel (bot kimliği + sunucu istatistikleri) 320 → 400px. */
  body.k-page #dashSettings { grid-template-columns: 252px minmax(0, 1fr) 400px; }
  body.k-page #dashSettings .identity-sidebar { grid-column: 3; grid-row: 1 / -1; align-self: start; position: sticky; top: calc(var(--k-nav-h) + 16px); }
}
body.k-page #dashSettings .settings-search.search-box { background: var(--k-bg); }

/* ---- Ayar bölümü: tek belirgin yüzey ---- */
body.k-page #dashSettings .settings-section:not([hidden]) {
  display: flex; flex-direction: column; gap: 14px;
  padding: clamp(20px, 2.4vw, 32px); border-radius: 22px; background: var(--k-bg-2); border: 1px solid var(--k-line);
  animation: kPanelIn 0.35s var(--k-ease);
}
@keyframes kPanelIn { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: none; } }
body.k-page #dashSettings .settings-section .eb-group, body.k-page #dashSettings .settings-section .feature-group { background: var(--k-bg); }

/* ---- Satır düzeni: solda başlık + açıklama, sağda kontrol ---- */
body.k-page #dashSettings .settings-section { container-type: inline-size; container-name: k-settings p3sec; }
@container k-settings (min-width: 620px) {
  body.k-page #dashSettings .settings-panels .settings-section > .form-group:has(> .field-head):has(> .form-input, > .form-select):not(:has(> :nth-child(4))):not(:has(> .form-textarea)) {
    display: grid; grid-template-columns: minmax(180px, 1fr) minmax(0, 1.2fr); grid-template-areas: "head control" "hint control";
    column-gap: 32px; row-gap: 2px; align-items: center; padding: 14px 0; border-bottom: 1px solid var(--k-line);
  }
  body.k-page #dashSettings .settings-panels .settings-section > .form-group:has(> .field-head):has(> .form-input, > .form-select):not(:has(> :nth-child(4))):not(:has(> .form-textarea)) > .field-head { grid-area: head; }
  body.k-page #dashSettings .settings-panels .settings-section > .form-group:has(> .field-head):has(> .form-input, > .form-select):not(:has(> :nth-child(4))):not(:has(> .form-textarea)) > .form-hint { grid-area: hint; margin: 0; }
  body.k-page #dashSettings .settings-panels .settings-section > .form-group:has(> .field-head):has(> .form-input, > .form-select):not(:has(> :nth-child(4))):not(:has(> .form-textarea)) > .form-input,
  body.k-page #dashSettings .settings-panels .settings-section > .form-group:has(> .field-head):has(> .form-input, > .form-select):not(:has(> :nth-child(4))):not(:has(> .form-textarea)) > .form-select { grid-area: control; width: 100%; }
}
body.k-page #dashSettings .settings-panels .form-row-toggle { padding: 14px 0; border-bottom: 1px solid var(--k-line); }
body.k-page #dashSettings .settings-panels .form-row-toggle:last-child { border-bottom: 0; }

/* ---- Sunucu seçme ekranı: yatay kartlar ---- */
body.k-page #dashGuilds .guild-list { display: grid; grid-template-columns: repeat(auto-fill, minmax(340px, 1fr)); gap: 12px; }
body.k-page #dashGuilds .guild-card:not(.is-disabled) {
  display: grid; grid-template-columns: 56px minmax(0, 1fr) auto; align-items: center; gap: 16px; padding: 16px 18px; text-align: left; min-height: 0;
}
body.k-page #dashGuilds .guild-card:not(.is-disabled) .guild-card-icon { width: 56px; height: 56px; margin: 0; font-size: 18px; border-radius: 16px; }
body.k-page #dashGuilds .guild-card:not(.is-disabled) .guild-card-info { text-align: left; margin: 0; }
body.k-page #dashGuilds .guild-card:not(.is-disabled) .guild-card-name { font-size: 17px; }
body.k-page #dashGuilds .guild-card:not(.is-disabled) .guild-card-status { margin-top: 6px; }
body.k-page #dashGuilds .guild-card:not(.is-disabled) .guild-card-action { width: auto; margin: 0; padding: 10px 18px; }
body.k-page #dashGuilds .guild-card .guild-card-glow { inset: 0; border-radius: inherit; }

@media (max-width: 780px) {
  body.k-page #dashSettings .settings-section:not([hidden]) { padding: 18px 16px; border-radius: 18px; }
  body.k-page #dashGuilds .guild-list { grid-template-columns: 1fr; }
}

/* v2 düzeltmeleri: yan menü satırları uzatmasın (fazlalık son 1fr satıra gider),
   liderlik şeridi dar sütunda alt alta, üst çubuk eylemleri sağda */
@media (min-width: 781px) {
  body.k-page #dashSettings { grid-template-rows: repeat(7, auto) 1fr; }
}
body.k-page #dashSettings .lb-banner { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 20px; }
body.k-page #dashSettings .lb-banner-head { flex: 1 1 280px; margin: 0; }
body.k-page #dashSettings .lb-banner-actions { flex: 1 1 auto; flex-wrap: wrap; justify-content: flex-end; }
body.k-page #dashSettings .lb-banner-btn { flex: 1 1 220px; }
@media (min-width: 1181px) {
  body.k-dash .k-nav-actions { margin-left: auto; }
}
/* style.css bu öğelere grid-area adı veriyor (panels / identity / nav); yeni ızgarada o adlar yok */
@media (min-width: 781px) {
  body.k-page #dashSettings .settings-panels { grid-row: auto; }
}
@media (min-width: 781px) and (max-width: 1359px) {
  body.k-page #dashSettings .identity-sidebar { grid-row: auto; }
}

/* Yan panelin başındaki şeritler (dash-move): dikey, sıkı */
body.k-page #dashSettings .k-side-strip { display: flex; flex-direction: column; gap: 8px; }
body.k-page #dashSettings .k-side-strip .premium-banner:not([hidden]), body.k-page #dashSettings .k-side-strip .vote-banner-mini { display: block; width: auto; margin: 0; }
body.k-page #dashSettings .k-side-strip .lb-banner { display: flex; flex-direction: column; align-items: stretch; gap: 10px; margin: 0; padding: 14px; }
body.k-page #dashSettings .k-side-strip .lb-banner-head { flex: none; }
body.k-page #dashSettings .k-side-strip .lb-banner-desc { font-size: 13px; }
body.k-page #dashSettings .k-side-strip .lb-banner-actions { flex-direction: column; gap: 8px; }
body.k-page #dashSettings .k-side-strip .lb-banner-btn { flex: none; padding: 10px 12px; }
@media (min-width: 781px) and (max-width: 1359px) {
  body.k-page #dashSettings .identity-sidebar { flex-direction: row; flex-wrap: wrap; align-items: flex-start; }
  body.k-page #dashSettings .identity-sidebar > * { flex: 1 1 320px; }
}
/* Karşılama sekmesi: canlı önizleme için geniş alan; yan panel alta */
@media (min-width: 1360px) {
  body.k-page #dashSettings:has(.settings-section[data-panel="karsilama"]:not([hidden])) { grid-template-columns: 264px minmax(0, 1fr); }
  body.k-page #dashSettings:has(.settings-section[data-panel="karsilama"]:not([hidden])) .identity-sidebar { grid-column: 2; grid-row: auto; position: static; flex-direction: row; flex-wrap: wrap; align-items: flex-start; }
  body.k-page #dashSettings:has(.settings-section[data-panel="karsilama"]:not([hidden])) .identity-sidebar > * { flex: 1 1 320px; }
}
body.k-page #dashSettings .k-side-strip .lb-banner-actions { display: flex !important; flex-direction: column !important; flex-wrap: nowrap !important; }
body.k-page #dashSettings .k-side-strip .lb-banner-btn { width: 100%; }
/* Yan panel ortadaki sütuna düştüğünde (dar masaüstü, Karşılama) ayarların ALTINDA dursun */
@media (min-width: 781px) {
  body.k-page #dashSettings .identity-sidebar { order: 1; }
}
@media (max-width: 780px) {
  body.k-page #dashSettings .settings-layout { grid-template-areas: "nav" "panels" "identity"; }
}

/* Etkileşim düzeltmeleri: giriş bittikten sonra hover dönüşümünü serbest bırak. */
body.k-page #dashGuilds .guild-card { animation-fill-mode: backwards; }
body.k-page #dashGuilds .guild-card:is(:hover, :focus-visible, :focus-within) {
  transform: translateY(-3px); border-color: rgba(255, 193, 7, .6);
  box-shadow: 0 14px 30px -16px rgba(255, 193, 7, .35);
}
body.k-page #dashSettings :is(.form-group, .field-head, .form-row-2 > *, .form-row-3 > *) { min-width: 0; }
body.k-page #dashSettings :is(.form-input, .form-select, .form-textarea) { max-width: 100%; }
body.k-page #dashSettings .legal-back:hover,
body.k-page #dashSettings .lb-banner-btn:hover { transform: translateY(-2px); }
body.k-page #dashSettings .lb-banner-btn { transition: transform .2s, border-color .2s; }
body.k-page .settings-tab-btn { transition: background-color .18s, color .18s, border-color .18s; }
body.k-page .settings-tab-btn:focus-visible { border-color: var(--k-amber); }
body.k-page #dashSettings :is(.eb-group, .feature-group) > summary { transition: background-color .2s; }
body.k-page #dashSettings :is(.eb-group, .feature-group) > summary:is(:hover, :focus-visible) { background: rgba(255, 193, 7, .06); }

/* 14 Ekim 2026 (2. tur) — 🤖 Bot kimliği ve 📊 Sunucu istatistikleri kutuları
   daha geniş ve ferah: büyük avatar, 3 sütunlu sayaçlar, yan yana çipler. */
@media (min-width: 1680px) {
  body.k-page #dashSettings { grid-template-columns: 264px minmax(0, 1fr) 440px; }
}
@media (min-width: 781px) and (max-width: 1359px) {
  body.k-page #dashSettings .identity-sidebar > * { flex: 1 1 420px; }
}
body.k-page #dashSettings .identity-card { padding: 22px 22px 20px; gap: 14px; }
body.k-page #dashSettings .identity-card-head { gap: 14px; }
body.k-page #dashSettings .identity-logo { width: 56px; height: 56px; }
body.k-page #dashSettings .identity-name { font-size: 18px; }
body.k-page #dashSettings .identity-avatar-row { gap: 18px; align-items: center; }
body.k-page #dashSettings .identity-avatar-preview { width: 88px; height: 88px; }
body.k-page #dashSettings .identity-avatar-actions { display: flex; flex-wrap: wrap; gap: 8px; }
body.k-page #dashSettings #serverStatsGrid { display: grid; grid-template-columns: repeat(auto-fill, minmax(112px, 1fr)); gap: 10px; }
body.k-page #dashSettings #serverStatsGrid > * { min-width: 0; padding: 12px 10px; }
body.k-page #dashSettings .identity-chip-row { display: flex; flex-wrap: wrap; gap: 6px; }
body.k-page #dashSettings .identity-facts { display: grid; grid-template-columns: repeat(auto-fill, minmax(170px, 1fr)); gap: 6px 14px; }

/* 4 Kasım 2026: Doğum günü sekmesi — sunucudaki doğum günleri (yalnızca gün/ay). */
.bday-board { display: flex; flex-direction: column; gap: 12px; margin-top: 14px; padding: 16px; border: 1px solid var(--k-line, #262A34); border-radius: 14px; background: var(--k-s1, #12141A); }
.bday-board-head { display: flex; flex-wrap: wrap; gap: 10px; justify-content: space-between; align-items: center; }
.bday-tabs { display: flex; gap: 6px; flex-wrap: wrap; }
.bday-tab { padding: 6px 12px; border-radius: 999px; border: 1px solid var(--k-line, #262A34); background: transparent; color: var(--k-fg2, #A7ADBA); font: inherit; font-size: 13px; cursor: pointer; min-height: 34px; }
.bday-tab.is-on { background: #FFC107; border-color: #FFC107; color: #1a1300; font-weight: 600; }
.bday-list { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 8px; }
.bday-person { display: flex; align-items: center; gap: 10px; padding: 8px 10px; border-radius: 10px; background: var(--k-s2, #1A1D25); min-width: 0; }
.bday-person img { width: 30px; height: 30px; border-radius: 50%; flex: none; }
.bday-name { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 600; }
.bday-date { color: var(--k-fg2, #A7ADBA); font-size: 13px; white-space: nowrap; }
.bday-left { font-size: 12px; padding: 2px 8px; border-radius: 999px; background: rgba(255, 193, 7, .12); color: #FFD54F; white-space: nowrap; }
.bday-left.is-today { background: #FFC107; color: #1a1300; font-weight: 700; }
.bday-month { display: flex; flex-direction: column; gap: 6px; margin-top: 6px; }
.bday-month-title { font-weight: 700; }
.bday-month-title span { color: var(--k-fg3, #6E7482); font-weight: 500; font-size: 13px; margin-left: 4px; }
.bday-cal-head { display: flex; justify-content: space-between; align-items: center; gap: 8px; flex-wrap: wrap; }
.bday-cal { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); gap: 6px; }
.bday-dow { font-size: 12px; color: var(--k-fg3, #6E7482); text-align: center; }
.bday-cell { min-height: 64px; border-radius: 10px; background: var(--k-s2, #1A1D25); padding: 6px; display: flex; flex-direction: column; gap: 4px; min-width: 0; }
.bday-cell.is-empty { background: transparent; }
.bday-cell.has { background: #2A2210; }
.bday-cell.has b { color: #FFD54F; }
.bday-cell.is-today { box-shadow: 0 0 0 2px #FFC107 inset; }
.bday-avs { display: flex; flex-wrap: wrap; gap: 2px; align-items: center; }
.bday-avs img { width: 20px; height: 20px; border-radius: 50%; }
.bday-avs em { font-size: 11px; color: #FFD54F; font-style: normal; }
@media (max-width: 560px) { .bday-cell { min-height: 46px; padding: 4px; } .bday-avs img { width: 14px; height: 14px; } }

/* 4 Kasım 2026: Hazır ayar kartları (her sistemde 5 seviye). */
.preset-card { display: flex; flex-direction: column; gap: 14px; margin: 4px 0 18px; padding: 16px; border: 1px solid rgba(255, 193, 7, .28); border-radius: 14px; background: linear-gradient(180deg, rgba(255, 193, 7, .06), transparent 70%), var(--k-s1, #12141A); }
.preset-card-title { font-weight: 700; display: flex; flex-wrap: wrap; gap: 4px 10px; align-items: baseline; }
.preset-card-title span { font-weight: 400; font-size: 13px; color: var(--k-fg2, #A7ADBA); }
.preset-row { display: flex; flex-direction: column; gap: 8px; }
.preset-row + .preset-row { border-top: 1px solid var(--k-line, #262A34); padding-top: 12px; }
.preset-row-head { display: flex; justify-content: space-between; gap: 8px; flex-wrap: wrap; font-size: 14px; }
.preset-sys { font-weight: 600; }
.preset-state { color: var(--k-fg2, #A7ADBA); font-size: 13px; }
.preset-opts { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 8px; }
.preset-opt { display: flex; flex-direction: column; gap: 2px; text-align: left; padding: 10px; min-height: 44px; border-radius: 10px; border: 1px solid var(--k-line, #262A34); background: var(--k-s2, #1A1D25); color: var(--k-fg, #ECEEF2); font: inherit; cursor: pointer; min-width: 0; }
.preset-opt b { font-size: 13.5px; }
.preset-opt small { color: var(--k-fg2, #A7ADBA); font-size: 12px; line-height: 1.35; }
.preset-opt:hover:not(:disabled) { border-color: rgba(255, 193, 7, .55); }
.preset-opt.is-on { border-color: #FFC107; box-shadow: 0 0 0 1px #FFC107 inset; }
.preset-opt.is-base { border-style: dashed; border-color: rgba(255, 193, 7, .6); }
.preset-opt:disabled { opacity: .6; cursor: progress; }
@media (max-width: 900px) { .preset-opts { grid-template-columns: repeat(auto-fill, minmax(140px, 1fr)); } }

/* 4 Kasım 2026: Geçmiş & Şablon sekmesi. */
.tpl-card { display: flex; flex-direction: column; gap: 10px; }
.tpl-actions { display: flex; gap: 8px; flex-wrap: wrap; }
.tpl-prev { display: flex; flex-direction: column; gap: 10px; padding: 12px; border: 1px solid var(--k-line, #262A34); border-radius: 12px; background: var(--k-s2, #1A1D25); }
.tpl-secs { display: grid; grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); gap: 6px; font-size: 13.5px; }
.tpl-secs label { display: flex; gap: 6px; align-items: center; }
.audit-list { display: flex; flex-direction: column; gap: 8px; margin: 8px 0 12px; }
.audit-entry { padding: 10px 12px; border: 1px solid var(--k-line, #262A34); border-radius: 12px; background: var(--k-s1, #12141A); display: flex; flex-direction: column; gap: 6px; min-width: 0; }
.audit-head { display: flex; flex-wrap: wrap; gap: 6px 12px; align-items: center; font-size: 13.5px; }
.audit-who { display: flex; align-items: center; gap: 6px; font-weight: 600; }
.audit-who img { width: 22px; height: 22px; border-radius: 50%; }
.audit-sec { padding: 2px 8px; border-radius: 999px; background: rgba(255, 193, 7, .12); color: #FFD54F; font-size: 12.5px; }
.audit-src, .audit-when { color: var(--k-fg2, #A7ADBA); font-size: 12.5px; }
.audit-head .btn { margin-left: auto; }
.audit-undone { margin-left: auto; font-size: 12px; color: var(--k-fg3, #6E7482); }
.audit-changes { margin: 0; padding-left: 18px; font-size: 13px; color: var(--k-fg2, #A7ADBA); display: flex; flex-direction: column; gap: 2px; overflow-wrap: anywhere; }
.audit-changes b { color: var(--k-fg, #ECEEF2); }

/* 4 Kasım 2026: mobil denetim (390 px) — taşan satırlar. */
@media (max-width: 560px) {
  .img-picker-actions { flex-wrap: wrap; justify-content: flex-start; }
  .img-picker-actions .btn { flex: 1 1 auto; min-width: 0; }
  .form-row-toggle { gap: 12px; }
  .form-row-toggle > div:first-child { min-width: 0; flex: 1; }
  .form-row-toggle .toggle { flex: none; }
  .giveaway-animation-option { flex-wrap: wrap; }
  #dashSettings .btn { white-space: normal; max-width: 100%; height: auto; }
  .settings-section input, .settings-section select, .settings-section textarea { max-width: 100%; }
}