/* DcBot panel — Discord tarzı arayüz (3 kolon, satır tarzı ayarlar, sabit kaydet çubuğu, açık/koyu tema).
   Mevcut yapının ÜSTÜNE biner; tokens.css değerlerini kullanır. */
:root {
  --c-active: #22C55E; --c-active-fill: #15803D; --dc-rail: var(--c-black-premium); --dc-nav: #111113; --dc-main: #18181B; --dc-row: #1F1F23; --dc-row-hover: #27272C; --dc-bar: #0E0E10;
  --dc-shadow: 0 10px 40px rgba(0,0,0,.55);
}
html[data-theme="light"] {
  color-scheme: light;
  --dc-rail: #E3E5E8; --dc-nav: #F2F3F5; --dc-main: #FFFFFF; --dc-row: #F2F3F5; --dc-row-hover: #E6E8EB; --dc-bar: #FFFFFF;
  --dc-shadow: 0 10px 40px rgba(0,0,0,.18);
  --c-bg: #FFFFFF; --c-surface: #F2F3F5; --c-card: #F2F3F5; --c-card-hover: #E6E8EB;
  --c-line: rgba(0,0,0,.10); --c-line-strong: rgba(0,0,0,.18); --c-line-hover: rgba(161,98,7,.5);
  --c-text: #1F2023; --c-body: #4E5058; --c-muted: #5C5E66; --c-faint: #8A8D94;
  --c-accent: #A16207; --c-accent-2: #8B5E34; --c-accent-soft: rgba(202,138,4,.12);
  --blurple-hover: #CA9A06;
  --shadow-sm: 0 1px 2px rgba(0,0,0,.12);
}
html[data-theme="light"] .dcbot-toast { background: #fff; color: #1F2023; }
html[data-theme="light"] .swal2-popup { background: #fff !important; }
html[data-theme="light"] .swal2-actions button.swal2-cancel { color: #1F2023 !important; border-color: rgba(0,0,0,.25) !important; }

body, .app-main { background: var(--dc-main); color: var(--c-text); }
.module-content { background: var(--dc-main); }
.tab-panel .logs-window-header::before, .tab-panel .feature-window::before { display: none; }

/* ---- Kolon 1: sunucu şeridi ---- */
.server-rail { width: 76px; background: var(--dc-rail); border-right: 0; padding-top: 12px; }
.rail-server-icon { width: 50px; height: 50px; border-radius: 50%; border: 0; position: relative; background: var(--dc-row); }
.rail-server-icon:hover, .rail-server-icon.active { border-radius: 16px; border: 0; background: var(--c-accent-fill); color: #0B0B0C; }
.rail-server-icon::before { content: ''; position: absolute; left: -13px; top: 50%; width: 4px; height: 8px; border-radius: 0 4px 4px 0; background: var(--c-text); transform: translateY(-50%); opacity: 0; transition: height var(--t-base) var(--ease), opacity var(--t-fast); }
.rail-server-icon:hover::before { opacity: 1; }
.rail-server-icon.active::before { opacity: 1; height: 34px; }
.rail-logo img { border-radius: 16px; }
.rail-divider { background: var(--c-line-strong); height: 2px; width: 32px; border-radius: 2px; }

/* ---- Kolon 2: kanal listesi gibi menü ---- */
.module-nav { background: var(--dc-nav); border-right: 1px solid var(--c-line); width: 264px; padding: 0 10px 24px; }
.module-nav-header { position: sticky; top: 0; z-index: 2; margin: 0 -10px 10px; padding: 0 14px; height: 56px; background: var(--dc-nav); border-bottom: 1px solid var(--c-line); box-shadow: 0 1px 0 rgba(0,0,0,.15); align-items: center; gap: 10px; }
.module-nav-header img { width: 32px; height: 32px; border: 0; border-radius: 10px; }
.module-nav-header span { font-size: 15.5px; font-weight: 700; color: var(--c-text); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.mn-group-toggle { font-size: 12px; padding: 6px 8px; min-height: 34px; }
.module-nav-item { min-height: 42px; padding: 8px 10px; border-radius: 8px; margin-bottom: 2px; gap: 12px; font-size: 15px; font-weight: 500; color: var(--c-body); border: 0; }
.module-nav-item:hover { background: var(--dc-row); color: var(--c-text); }
.module-nav-item .module-nav-icon { background: transparent; border: 0; width: 24px; height: 24px; border-radius: 0; box-shadow: none; color: inherit; }
.module-nav-item .module-nav-icon svg { width: 20px; height: 20px; }
.module-nav-item.active { background: var(--dc-row-hover); color: var(--c-text); box-shadow: none; font-weight: 600; }
.module-nav-item.active .module-nav-icon { background: transparent; border: 0; box-shadow: none; color: var(--c-accent); }
.module-status { width: 8px; height: 8px; }

/* ---- Kolon 3: içerik ---- */
.module-content.container { max-width: 940px; padding: 76px 32px 120px; margin: 0 auto; }
@media (max-width: 640px) { .module-content.container { padding: 72px 14px 120px; } }

/* Sayfa başlığı (modül başlığı) — kutu değil, düz başlık */
.tab-panel .feature-window, .tab-panel .logs-window-header { background: transparent; border: 0; border-bottom: 1px solid var(--c-line); border-radius: 0; box-shadow: none; padding: 0 0 20px; margin: 0 0 24px; gap: 16px; align-items: center; }
.tab-panel .feature-window::before { display: none; }
.tab-panel .feature-window-icon, .tab-panel .logs-window-icon { width: 44px; height: 44px; border-radius: 50%; background: var(--c-accent-soft); border: 0; box-shadow: none; color: var(--c-accent); }
.tab-panel .feature-window-icon svg { width: 22px; height: 22px; }
.tab-panel .feature-window-text h2, .tab-panel .logs-window-text h2 { font-size: 22px; font-weight: 700; margin: 0 0 4px; font-family: var(--f-body); letter-spacing: 0; }
.tab-panel .feature-window-text p, .tab-panel .logs-window-text p { font-size: 14.5px; line-height: 1.5; color: var(--c-body); margin: 0; max-width: 62ch; }

/* Ayar blokları: düz, sakin satırlar */
.tab-panel .card, .tab-panel .feature-fields-box { background: var(--dc-row); border: 1px solid var(--c-line); border-radius: 10px; box-shadow: none; padding: 22px 24px; margin-top: 14px; transform: none; }
.tab-panel .card::before { display: none; }
.tab-panel .card:hover { box-shadow: none; border-color: var(--c-line-strong); }
.tab-panel .card h3, .tab-panel .feature-fields-box h3 { font-size: 16px; font-weight: 700; margin: 0 0 6px; }
.tab-panel .card label, .tab-panel .feature-fields-box label, .tab-panel .feature-window label { font-size: 12px; font-weight: 700; letter-spacing: .03em; text-transform: uppercase; color: var(--c-muted); margin: 20px 0 8px; }
.tab-panel .card label.switch, .tab-panel label.switch { margin: 0; text-transform: none; }
.tab-panel .card select, .tab-panel .card input[type="text"], .tab-panel .card input[type="number"], .tab-panel .card textarea,
.tab-panel .feature-fields-box select, .tab-panel .feature-fields-box input[type="text"], .tab-panel .feature-fields-box input[type="number"], .tab-panel .feature-fields-box textarea {
  background: var(--dc-main); border: 1px solid var(--c-line-strong); border-radius: 8px; padding: 11px 14px; font-size: 15px; color: var(--c-text);
}
.tab-panel .muted, .tab-panel p.muted { color: var(--c-body); }

/* Loglar: tek sütun, Discord ayar satırları */
.log-events-grid { grid-template-columns: 1fr; gap: 8px; margin-top: 0; }
.log-event-card { display: grid; grid-template-columns: minmax(180px, 1.1fr) minmax(180px, 1fr) 40px 52px; align-items: center; column-gap: 16px; row-gap: 10px; padding: 12px 18px; border: 1px solid var(--c-line); border-left: 3px solid var(--accent, var(--c-accent)); border-radius: 10px; background: var(--dc-row); box-shadow: none; transition: background var(--t-fast) var(--ease); }
.log-event-card:hover { transform: none; box-shadow: none; background: var(--dc-row-hover); }
.log-event-card:has(.log-event-enabled:checked) { box-shadow: none; }
.log-event-header { display: contents; }
.log-event-header .log-event-icon-badge { grid-column: 1; grid-row: 1; justify-self: start; }
.log-event-card .log-event-title { grid-column: 1; grid-row: 1; padding-left: 46px; font-size: 15px; align-self: center; margin: 0; }
.log-event-header .switch { grid-column: 4; grid-row: 1; justify-self: end; }
.log-event-icon-badge { width: 34px; height: 34px; border-radius: 50%; }
.log-event-card select, .log-event-card .searchable-select-wrap { grid-column: 2; grid-row: 1; margin: 0; min-width: 0; }
.log-event-card .log-event-color-label { display: none; }
.log-event-card .log-event-color { grid-column: 3; grid-row: 1; width: 34px; height: 34px; border-radius: 50%; padding: 0; margin: 0; border: 2px solid var(--c-line-strong); cursor: pointer; }
.log-event-soon-badge { right: 90px; top: 8px; }
@media (max-width: 760px) {
  .log-event-card { grid-template-columns: 1fr 40px 52px; }
  .log-event-card .log-event-title { grid-column: 1 / 3; }
  .log-event-header .switch { grid-column: 3; }
  .log-event-card select, .log-event-card .searchable-select-wrap { grid-column: 1 / 3; grid-row: 2; }
  .log-event-card .log-event-color { grid-column: 3; grid-row: 2; justify-self: end; }
}
.logs-window-actions { margin-left: auto; display: flex; align-items: center; gap: 10px; }

/* Anahtar (switch): Discord gibi */
.switch { width: 44px; height: 24px; }
.switch-slider { border-radius: 24px; background: var(--c-faint); border: 0; }
.switch-slider::before { top: 3px; left: 3px; width: 18px; height: 18px; background: #fff; }
.switch input:checked + .switch-slider { background: var(--c-accent-fill); border: 0; }
.switch input:checked + .switch-sliderr::before, .switch input:checked + .switch-slider::before { transform: translateX(20px); background: #fff; }

/* Büyük, net Kaydet butonları (satır içi olanlar) */
.tab-panel .btn-primary { min-height: 44px; padding: 0 26px; font-size: 15px; }

/* ---- Özet sayfası ---- */
.ov-hero { display: flex; align-items: center; gap: 20px; padding: 26px; border-radius: 14px; background: linear-gradient(135deg, var(--c-accent-soft), transparent 70%), var(--dc-row); border: 1px solid var(--c-line); }
.ov-ico { flex: none; width: 76px; height: 76px; border-radius: 22px; display: grid; place-items: center; overflow: hidden; font-size: 30px; font-weight: 800; background: var(--dc-main); border: 1px solid var(--c-line-strong); color: var(--c-accent); }
.ov-ico img { width: 100%; height: 100%; object-fit: cover; }
.ov-hero-text { min-width: 0; }
.ov-hero-text h2 { margin: 0 0 4px; font-size: 26px; font-family: var(--f-body); font-weight: 800; letter-spacing: -.01em; overflow-wrap: anywhere; }
.ov-hero-text p { margin: 0; color: var(--c-body); font-size: 15px; }
.ov-stats { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 12px; margin: 14px 0 6px; }
/* Özet'teki "giriş sayfasında göster" anahtarı — gizlilikle ilgili bir ayar olduğu için
   modül listesinden ayrı, kendi kartında ve göze çarpan bir yerde (istatistiklerin hemen altında). */
.ov-privacy-card { padding: 18px 20px; margin: 18px 0; }
.ov-privacy-card .view-header { align-items: flex-start; }
.ov-privacy-text h3 { margin: 0 0 4px; font-size: 15.5px; font-weight: 700; color: var(--c-text); }
.ov-privacy-text p { margin: 0; font-size: 13px; line-height: 1.5; max-width: 52ch; }
.ov-privacy-card .switch { flex: none; margin-top: 2px; }
.ov-stat { padding: 16px 18px; border-radius: 12px; background: var(--dc-row); border: 1px solid var(--c-line); display: flex; flex-direction: column; gap: 4px; }
.ov-stat b { font-size: 26px; font-weight: 800; line-height: 1.1; }
.ov-stat b small { font-size: 16px; color: var(--c-muted); font-weight: 600; }
.ov-stat span { font-size: 13.5px; color: var(--c-muted); }
.ov-h { font-size: 12px; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; color: var(--c-muted); margin: 26px 0 10px; }
.ov-list { display: grid; gap: 8px; }
.ov-row { display: flex; align-items: center; gap: 16px; width: 100%; min-height: 68px; padding: 12px 18px; text-align: left; font-family: inherit; color: var(--c-text); background: var(--dc-row); border: 1px solid var(--c-line); border-radius: 12px; cursor: pointer; transition: background var(--t-fast) var(--ease), border-color var(--t-fast) var(--ease); }
.ov-row:hover { background: var(--dc-row-hover); border-color: var(--c-line-hover); }
.ov-row:focus-visible { outline: 2px solid var(--c-accent); outline-offset: 2px; }
.ov-row-ico { flex: none; width: 42px; height: 42px; border-radius: 50%; display: grid; place-items: center; background: var(--c-accent-soft); color: var(--c-accent); }
.ov-row-ico svg { width: 20px; height: 20px; }
.ov-row-text { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 2px; }
.ov-row-text b { font-size: 15.5px; font-weight: 700; }
.ov-row-text span { font-size: 13.5px; color: var(--c-body); line-height: 1.4; }
.ov-pill { flex: none; padding: 4px 12px; border-radius: 6px; font-size: 12.5px; font-weight: 700; background: var(--dc-main); color: var(--c-muted); border: 1px solid var(--c-line-strong); }
.ov-pill.on { background: var(--c-accent-fill); color: #0B0B0C; border-color: transparent; }
.ov-go { flex: none; color: var(--c-muted); display: grid; }
@media (max-width: 560px) { .ov-hero { padding: 18px; gap: 14px; } .ov-ico { width: 56px; height: 56px; font-size: 22px; border-radius: 16px; } .ov-hero-text h2 { font-size: 21px; } .ov-row { gap: 12px; padding: 10px 12px; } .ov-go { display: none; } }

/* ---- Tema anahtarı ---- */
.theme-toggle { width: 40px; height: 40px; display: grid; place-items: center; border-radius: 50%; border: 1px solid var(--c-line-strong); background: var(--dc-row); color: var(--c-text); cursor: pointer; transition: background var(--t-fast) var(--ease), border-color var(--t-fast) var(--ease); }
.theme-toggle:hover { border-color: var(--c-accent); background: var(--dc-row-hover); }

/* ---- Sabit kaydet çubuğu ---- */
.save-bar { position: fixed; z-index: 350; bottom: 18px; left: 50%; width: min(760px, calc(100vw - 24px)); display: flex; align-items: center; gap: 14px; padding: 12px 14px 12px 18px; border-radius: 14px; background: var(--dc-bar); border: 1px solid var(--c-accent-2); box-shadow: var(--dc-shadow); transform: translate(-50%, 140%); opacity: 0; pointer-events: none; transition: transform var(--t-base) var(--ease), opacity var(--t-base) var(--ease); }
.save-bar.show { transform: translate(-50%, 0); opacity: 1; pointer-events: auto; }
.save-bar-dot { flex: none; width: 10px; height: 10px; border-radius: 50%; background: var(--c-warn); box-shadow: 0 0 0 4px rgba(245,166,35,.2); }
.save-bar-text { flex: 1; min-width: 0; font-weight: 600; font-size: 15px; color: var(--c-text); }
.save-bar-actions { display: flex; gap: 10px; flex: none; }
.save-bar-actions .btn { min-height: 42px; margin: 0; padding: 0 22px; font-size: 15px; font-weight: 700; }
@media (min-width: 1024px) { .save-bar { left: calc(50% + 170px); } body.mn-collapsed .save-bar { left: calc(50% + 74px); } }
@media (max-width: 520px) { .save-bar { flex-wrap: wrap; } .save-bar-text { flex-basis: 100%; } .save-bar-actions { width: 100%; } .save-bar-actions .btn { flex: 1; } }

/* Dil seçici + profil (sağ üst) her iki temada okunur */
.top-right-bar { color: var(--c-text); }
.top-right-bar button, .top-right-bar select, .top-right-bar .lang-btn, .top-right-bar .lang-current { color: var(--c-text); }
.lang-btn { background: var(--dc-row); border-color: var(--c-line-strong); color: var(--c-text); }
.lang-btn:hover { background: var(--dc-row-hover); }

/* Mobil / tablet */
.server-rail { box-shadow: none; }
body.has-settings .mn-burger { background: var(--dc-row); border-color: var(--c-line-strong); color: var(--c-text); }
@media (max-width: 640px) {
  .server-rail { width: 62px; }
  .rail-server-icon { width: 44px; height: 44px; }
  .rail-logo img { width: 38px; height: 38px; }
  .ov-stats { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
  .ov-stat { padding: 12px; }
  .ov-stat b { font-size: 20px; }
  .ov-stat span { font-size: 12px; }
}
.log-event-card .log-event-title { min-width: 0; overflow-wrap: anywhere; }
@media (max-width: 520px) { .save-bar-dot { display: none; } }

/* Kurumsal: başlıklar sıkı aralıklı, rozetler mono, glow yok */
h1, h2, h3, .ov-hero-text h2, .tab-panel .feature-window-text h2, .tab-panel .logs-window-text h2 { letter-spacing: -0.03em; }
.ov-pill, .log-event-soon-badge, .module-nav-group-label, .mn-group-toggle, .ov-h { font-family: var(--f-mono); }
.btn, .save-bar, .rail-server-icon, .ov-pill { box-shadow: none; }

/* İkinci renk (turuncu): dikkat çeken yardımcı vurgular */
.btn-secondary:hover { border-color: var(--c-accent-2-dark); }
.save-bar-dot { background: var(--c-accent-2); box-shadow: none; }
.rail-server-icon.active::before, .rail-server-icon:hover::before { background: var(--c-accent-2); }
.ov-row:hover { border-color: var(--c-accent-2-dark); }

/* Kahverengi: yalnızca ince sıcak vurgu (aktif satır çizgisi, kenarlık) */
.module-nav-item.active{box-shadow:inset 3px 0 0 var(--c-brown)}
.save-bar{border-top:2px solid var(--c-brown)}
.lp-stats{border-color:color-mix(in srgb,var(--c-brown) 55%,transparent)}

/* Sarı dolgu üzerinde koyu yazı (kontrast) */
.btn-primary,.btn.btn-primary,.btn-primary *{color:#0B0B0C}
.btn.btn-primary:hover{background:#CA9A06;border-color:#CA9A06}
.swal2-actions button.swal2-confirm{color:#0B0B0C !important}

/* Yeşil yalnızca "çevrimiçi / aktif" göstergelerinde */
.ping, .ping::after { background: var(--c-active); }
.module-status.on { background: var(--c-active); }
.ov-pill.on { background: var(--c-active-fill); color: #fff; }
.switch input:checked + .switch-slider { background: var(--c-active-fill); border-color: transparent; }
.switch input:checked + .switch-slider::before { background: #fff; }
.banner-admin-status.active, .ticket-history-status.open { background: rgba(34,197,94,.15); color: var(--c-active); border-color: rgba(34,197,94,.35); }
.m-chip.on { border-color: rgba(34,197,94,.5); color: var(--c-active); background: rgba(34,197,94,.10); }
html[data-theme="light"] { --c-active: #15803D; }

/* ===== Sunucuyu Temizle: sade, kurumsal düzen ===== */
#tab-moderation .admin-subnav { display: flex; gap: 4px; padding: 0; margin: 0 0 20px; background: none; border: 0; border-bottom: 1px solid var(--c-line); border-radius: 0; }
#tab-moderation .admin-subnav-btn { flex: 0 0 auto; display: inline-flex; align-items: center; gap: 8px; min-height: 44px; padding: 0 16px; margin: 0 0 -1px; background: none; border: 0; border-bottom: 2px solid transparent; border-radius: 0; box-shadow: none; color: var(--c-body); font-size: 14px; font-weight: 600; }
#tab-moderation .admin-subnav-btn:hover { color: var(--c-text); background: none; border-color: transparent; border-bottom-color: var(--c-line-strong); transform: none; }
#tab-moderation .admin-subnav-btn.active { color: var(--c-text); background: none; border-bottom-color: var(--c-danger); box-shadow: none; }
#tab-moderation .admin-subnav-btn svg { width: 16px; height: 16px; opacity: .8; }

#tab-moderation .danger-zone-card { width: 100%; max-width: none; margin: 0; padding: 24px; background: var(--dc-row); border: 1px solid var(--c-line-strong); border-radius: 12px; box-shadow: none; }
#tab-moderation .danger-zone-card .view-header { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin: 0 0 8px; }
#tab-moderation .danger-zone-card .view-header h3 { margin: 0; font-size: 1.0625rem; font-weight: 700; letter-spacing: -0.02em; color: var(--c-text); }
#tab-moderation .danger-badge { flex: none; padding: 3px 10px; border-radius: 6px; background: transparent; border: 1px solid var(--c-danger); color: var(--c-danger); font-family: var(--f-mono); font-size: 11.5px; font-weight: 600; letter-spacing: 0; text-transform: none; }
#tab-moderation .danger-badge-amber { border-color: var(--c-warn); color: var(--c-warn); }
#tab-moderation .danger-zone-card > p.muted { margin: 0 0 20px; max-width: 70ch; font-size: .875rem; line-height: 1.55; color: var(--c-body); }

#tab-moderation .danger-zone-list { display: grid; gap: 0; margin: 0 0 24px; padding: 0; background: var(--dc-main); border: 1px solid var(--c-line); border-radius: 8px; overflow: hidden; }
#tab-moderation .danger-zone-item { display: flex; align-items: center; gap: 12px; padding: 12px 16px; font-size: .875rem; color: var(--c-text); }
#tab-moderation .danger-zone-item + .danger-zone-item { border-top: 1px solid var(--c-line); }
#tab-moderation .danger-zone-item svg { width: 16px; height: 16px; color: var(--c-muted); opacity: 1; }

#tab-moderation .danger-zone-card label { display: block; margin: 0 0 8px; font-size: .8125rem; font-weight: 600; color: var(--c-body); }
#tab-moderation #clearChatChannelSelect { width: 100%; max-width: 420px; }

#tab-moderation .danger-zone-footer { display: flex; flex-direction: row-reverse; align-items: center; justify-content: space-between; gap: 16px; margin: 0 !important; padding-top: 20px; border-top: 1px solid var(--c-line); }
#tab-moderation .danger-zone-footer p { margin: 0; max-width: 56ch; font-size: .8125rem; line-height: 1.5; color: var(--c-muted); text-align: left; }
#tab-moderation .btn-danger { flex: none; width: auto; min-height: 40px; padding: 0 18px; display: inline-flex; align-items: center; gap: 8px; border-radius: 8px; background: #C93A41; border: 1px solid #C93A41; color: #fff; font-size: .875rem; font-weight: 600; box-shadow: none; transform: none; }
#tab-moderation .btn-danger:hover { background: #AE3037; border-color: #AE3037; transform: none; }
#tab-moderation .btn-danger-amber { background: transparent; border-color: var(--c-warn); color: var(--c-warn); }
#tab-moderation .btn-danger-amber:hover { background: rgba(245,166,35,.12); border-color: var(--c-warn); }
html[data-theme="light"] #tab-moderation .btn-danger-amber { color: #8A5300; border-color: #B97500; }
@media (max-width: 640px) {
  #tab-moderation .danger-zone-card { padding: 16px; }
  #tab-moderation .danger-zone-card .view-header { flex-wrap: wrap; }
  #tab-moderation .danger-zone-footer { flex-direction: column; align-items: stretch; }
  #tab-moderation .btn-danger { width: 100%; justify-content: center; min-height: 44px; }
  #tab-moderation .admin-subnav-btn { flex: 1 1 0; justify-content: center; padding: 0 8px; font-size: 13px; }
}
#tab-moderation #moderationSubClearchat .danger-zone-footer { margin-top: 24px !important; }
@media (max-width: 640px) {
  #tab-moderation .danger-zone-card, #tab-moderation .danger-zone-card .view-header, #tab-moderation .danger-zone-footer p { text-align: left; }
  #tab-moderation .danger-zone-card .view-header { flex-direction: column; align-items: flex-start; gap: 8px; }
  #tab-moderation .btn-danger { margin: 0; }
  #tab-moderation .admin-subnav-btn svg { display: none; }
  #tab-moderation .admin-subnav-btn { font-size: 13px; line-height: 1.25; text-align: center; }
}

/* Mobil/tablet: üst çubuk içerik sütununun tam genişliğinde; menü düğmesi solda (başlık ikonunun üstünde),
   tema/dil/profil sağda */
@media (max-width: 1023px) {
  .top-right-bar { left: 74px; right: 12px; top: 10px; justify-content: flex-end; }
}
/* Menü düğmesi, sol şeritteki favicon'un tam üstünde (favicon'u kaplayan bir overlay) —
   "Ana Sayfa" logosu yerine, server rail'in olduğu yerde duruyor. */
@media (max-width: 1023px) {
  .rail-logo { position: relative; }
  body.has-settings .rail-logo .mn-burger {
    position: absolute; inset: 0; margin: 0; width: 100%; height: 100%;
    border-radius: 16px; z-index: 5;
    background: var(--dc-row); border: 1px solid var(--c-line-strong); color: var(--c-text);
  }
  body.has-settings .rail-logo .mn-burger:active { background: var(--dc-row-hover); }
}
@media (max-width: 640px) {
  .module-content.container { padding-top: 76px; }
  .feature-window { align-items: flex-start; text-align: left; }
}
@media (max-width: 640px) {
  .tab-panel .feature-window-icon, .tab-panel .logs-window-icon { align-self: flex-start; margin: 0; }
  .tab-panel .feature-window, .tab-panel .logs-window-header { align-items: flex-start; justify-items: start; }
}

/* ===== Sunucuyu Temizle: sürükle → çöp kutusuna bırak ===== */
.trash-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; align-items: stretch; }
.trash-card { display: flex; flex-direction: column; min-width: 0; padding: 24px; background: var(--dc-row); border: 1px solid var(--c-line-strong); border-radius: 12px; }
.trash-card .view-header { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin: 0 0 8px; }
.trash-card .view-header h3 { margin: 0; font-size: 1.0625rem; font-weight: 700; letter-spacing: -0.02em; color: var(--c-text); }
.trash-card > p.muted { margin: 0 0 18px; font-size: .875rem; line-height: 1.55; color: var(--c-body); }
.trash-card .danger-badge { flex: none; padding: 3px 10px; border-radius: 6px; background: transparent; border: 1px solid var(--c-danger); color: var(--c-danger); font-family: var(--f-mono); font-size: 11.5px; font-weight: 600; }
.trash-card .danger-badge-amber { border-color: var(--c-warn); color: var(--c-warn); }
.trash-card label { display: block; margin: 0 0 8px; font-size: .8125rem; font-weight: 600; text-transform: none; letter-spacing: 0; color: var(--c-body); }
.trash-card .searchable-select-wrap, .trash-card select { width: 100%; }

/* Oyun alanı: her iki temada koyu zemin (beyaz çöp kutusu hep görünsün) */
.trash-arena { position: relative; display: flex; align-items: center; justify-content: space-between; gap: 12px; margin: 18px 0 10px; padding: 24px 20px; min-height: 200px; background: #121214; border: 1px dashed rgba(255,255,255,.16); border-radius: 12px; transition: border-color .15s, border-style .15s; }
.trash-arena:has(.trash-can.over) { border-style: solid; border-color: #FACC15; }

.trash-drag { position: relative; flex: none; width: 132px; display: grid; justify-items: center; gap: 10px; padding: 14px 10px 12px; background: #1B1B1F; border: 1px solid rgba(255,255,255,.12); border-radius: 12px; color: #FAFAFA; cursor: grab; touch-action: none; user-select: none; -webkit-user-select: none; transition: border-color .15s, opacity .15s; }
.trash-drag:hover { border-color: #FACC15; }
.trash-drag:focus-visible { outline: 2px solid #FACC15; outline-offset: 3px; }
.trash-drag.is-held { opacity: .22; cursor: grabbing; }
.trash-drag.is-empty { cursor: not-allowed; opacity: .6; }
.trash-drag.is-empty:hover { border-color: rgba(255,255,255,.12); }
.trash-drag.respawn { animation: trashPop .5s cubic-bezier(.2,.9,.3,1.3); }
.trash-drag-img { display: grid; place-items: center; width: 64px; height: 64px; border-radius: 16px; background: #26262B; border: 2px solid #FACC15; color: #FACC15; font-size: 1.75rem; font-weight: 800; overflow: hidden; }
.trash-drag-img img { width: 100%; height: 100%; object-fit: cover; display: block; pointer-events: none; }
.trash-drag-name { max-width: 100%; font-size: .8125rem; font-weight: 600; line-height: 1.3; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.trash-drag.is-empty .trash-drag-name { white-space: normal; color: #A1A1AA; font-weight: 500; font-size: .75rem; }
.trash-drag-channel .trash-drag-img { border-radius: 12px; }
.trash-grip { position: absolute; top: 8px; right: 8px; color: #6B6B73; }
.trash-ghost { box-shadow: 0 14px 30px rgba(0,0,0,.5); border-color: #FACC15 !important; opacity: 1 !important; cursor: grabbing; }

.trash-path { flex: 1 1 auto; display: flex; align-items: center; justify-content: center; gap: 10px; min-width: 40px; }
.trash-path i { width: 8px; height: 8px; border-radius: 50%; background: #FACC15; opacity: .25; animation: trashDot 1.6s ease-in-out infinite; }
.trash-path i:nth-child(2) { animation-delay: .2s; } .trash-path i:nth-child(3) { animation-delay: .4s; } .trash-path i:nth-child(4) { animation-delay: .6s; }
@keyframes trashDot { 40% { opacity: 1; transform: translateX(4px); } }

.trash-can { flex: none; width: 132px; display: grid; justify-items: center; gap: 6px; padding: 8px 0; transition: transform .15s; }
.trash-svg { width: 96px; height: 112px; overflow: visible; }
.tc-lid { transform-box: fill-box; transform-origin: 8% 80%; transition: transform .22s cubic-bezier(.3,1.4,.5,1); }
.trash-can.over { transform: scale(1.06); }
.trash-can.over .tc-lid { transform: rotate(-32deg) translateY(-4px); }
.trash-can.gulp { animation: trashGulp .32s ease-out; }
.trash-can-label { font-size: .75rem; font-weight: 600; color: #A1A1AA; }
.trash-can.over .trash-can-label { color: #FACC15; }
@keyframes trashGulp { 30% { transform: scale(.94, 1.06); } 60% { transform: scale(1.08, .94); } }
@keyframes trashPop { from { opacity: 0; transform: scale(.6); } }

.trash-hint { margin: 0 0 14px; font-size: .8125rem; color: var(--c-muted); }
.trash-card .danger-zone-list { margin: 0 0 18px; background: var(--dc-main); border: 1px solid var(--c-line); border-radius: 8px; overflow: hidden; }
.trash-card .danger-zone-item { display: flex; align-items: center; gap: 12px; padding: 10px 14px; font-size: .8125rem; color: var(--c-text); }
.trash-card .danger-zone-item + .danger-zone-item { border-top: 1px solid var(--c-line); }
.trash-card .danger-zone-item svg { width: 15px; height: 15px; color: var(--c-muted); }
.trash-note { margin: 0 0 14px !important; font-size: .8125rem !important; color: var(--c-muted) !important; }
.trash-alt { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; margin-top: auto; padding-top: 16px; border-top: 1px solid var(--c-line); }
.trash-alt .muted { font-size: .75rem; }
.trash-alt .btn-danger { flex: none; width: auto; min-height: 36px; padding: 0 14px; display: inline-flex; align-items: center; gap: 8px; border-radius: 8px; background: transparent; border: 1px solid var(--c-danger); color: var(--c-danger); font-size: .8125rem; font-weight: 600; box-shadow: none; transform: none; }
.trash-alt .btn-danger:hover { background: rgba(240,82,92,.1); }
.trash-alt .btn-danger-amber { border-color: var(--c-warn); color: var(--c-warn); }
html[data-theme="light"] .trash-alt .btn-danger { color: #B3261E; border-color: #B3261E; }
html[data-theme="light"] .trash-alt .btn-danger-amber { color: #8A5300; border-color: #B97500; }

@media (max-width: 1100px) { .trash-grid { grid-template-columns: minmax(0, 1fr); } }
@media (max-width: 640px) {
  .trash-card { padding: 16px; }
  .trash-card .view-header { flex-direction: column; align-items: flex-start; }
  .trash-arena { padding: 16px 10px; gap: 4px; }
  .trash-drag, .trash-can { width: 108px; }
  .trash-drag-img { width: 56px; height: 56px; }
  .trash-svg { width: 80px; height: 94px; }
  .trash-path { min-width: 20px; gap: 6px; } .trash-path i:nth-child(n+3) { display: none; }
}
#tab-moderation .trash-alt .btn-danger { background: transparent; color: var(--c-danger); border-color: var(--c-danger); min-height: 36px; padding: 0 14px; font-size: .8125rem; }
#tab-moderation .trash-alt .btn-danger:hover { background: rgba(240,82,92,.1); }
#tab-moderation .trash-alt .btn-danger-amber { color: var(--c-warn); border-color: var(--c-warn); }
html[data-theme="light"] #tab-moderation .trash-alt .btn-danger { color: #B3261E; border-color: #B3261E; }
html[data-theme="light"] #tab-moderation .trash-alt .btn-danger-amber { color: #8A5300; border-color: #B97500; }
@media (max-width: 640px) { #tab-moderation .trash-alt .btn-danger { width: auto; min-height: 40px; } #tab-moderation .trash-card .danger-zone-footer { display: none; } }

/* Sade oyun alanı: buton/liste yok; sürükleme ipucu simgenin üstünde */
.trash-actions-hidden { display: none !important; }
.trash-arena { min-height: 240px; padding-top: 44px; margin-bottom: 14px; }
.trash-tip { position: absolute; top: -30px; left: 50%; transform: translateX(-50%); display: inline-flex; align-items: center; gap: 6px; padding: 4px 10px; border-radius: 6px; background: #FACC15; color: #0B0B0C; font-size: .75rem; font-weight: 700; white-space: nowrap; animation: tipBob 1.4s ease-in-out infinite; pointer-events: none; }
.trash-tip::after { content: ''; position: absolute; bottom: -4px; left: 50%; width: 8px; height: 8px; background: #FACC15; transform: translateX(-50%) rotate(45deg); }
.trash-drag.is-empty .trash-tip, .trash-drag.is-held .trash-tip { display: none; }
.trash-ghost .trash-tip { display: none; }
@keyframes tipBob { 50% { transform: translateX(-50%) translateY(-4px); } }
@media (max-width: 640px) { .trash-tip { font-size: .6875rem; padding: 3px 8px; } .trash-arena { padding-top: 40px; } }

/* ===== Sunucuyu Temizle: düzen cilası (v2.1) ===== */
.trash-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); grid-template-rows: auto auto auto 1fr auto; column-gap: 24px; row-gap: 0; align-items: stretch; }
.trash-card { display: grid; grid-row: span 5; grid-template-rows: subgrid; row-gap: 0; padding: 24px; background: var(--dc-row); border: 1px solid var(--c-line-strong); border-radius: 12px; }
.trash-card .view-header { margin: 0 0 6px; align-items: center; min-height: 28px; }
.trash-card .view-header h3 { font-size: 1.0625rem; line-height: 1.3; }
.trash-card > p.muted { margin: 0 0 20px; font-size: .875rem; line-height: 1.55; color: var(--c-body); }
.trash-badge { flex: none; display: inline-flex; align-items: center; gap: 7px; padding: 4px 10px; border-radius: 6px; border: 1px solid var(--c-line-strong); background: transparent; color: var(--c-body); font-family: inherit; font-size: .75rem; font-weight: 600; line-height: 1.2; }
.trash-badge::before { content: ''; width: 6px; height: 6px; border-radius: 50%; background: var(--c-danger); }
.trash-field { display: grid; gap: 8px; align-content: start; margin: 0 0 16px; min-width: 0; }
.trash-label { margin: 0; font-size: .8125rem; font-weight: 600; color: var(--c-body); }
.trash-static { display: flex; align-items: center; min-height: 40px; padding: 0 12px; border: 1px solid var(--c-line); border-radius: 8px; background: var(--dc-main); color: var(--c-text); font-size: .875rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.trash-arena { margin: 0 0 14px; padding: 36px 24px 20px; min-height: 232px; align-items: center; justify-content: space-between; }
.trash-drag { width: 136px; min-height: 152px; align-content: center; padding: 14px 10px; }
.trash-can { width: 136px; min-height: 152px; align-content: center; padding: 0; }
.trash-tip { top: -34px; background: #1B1B1F; color: #FACC15; border: 1px solid #FACC15; font-weight: 600; }
.trash-tip::after { background: #1B1B1F; border-right: 1px solid #FACC15; border-bottom: 1px solid #FACC15; bottom: -5px; }
.trash-hint { margin: 0; padding-top: 14px; border-top: 1px solid var(--c-line); font-size: .8125rem; line-height: 1.5; color: var(--c-muted); }
html[data-theme="light"] .trash-badge::before { background: #B3261E; }
@media (max-width: 1100px) {
  .trash-grid { grid-template-columns: minmax(0, 1fr); grid-template-rows: none; row-gap: 20px; }
  .trash-card { grid-row: auto; grid-template-rows: none; display: flex; flex-direction: column; }
}
@media (max-width: 640px) {
  .trash-card { padding: 16px; }
  .trash-card .view-header { flex-direction: row; flex-wrap: wrap; gap: 8px; }
  .trash-arena { padding: 36px 12px 16px; min-height: 212px; }
  .trash-drag, .trash-can { width: 112px; min-height: 136px; }
}
.trash-card { grid-template-columns: minmax(0, 1fr); box-sizing: border-box; }
.trash-card > * { min-width: 0; max-width: 100%; box-sizing: border-box; }
.trash-card .view-header h3 { min-width: 0; }
.trash-card .view-header { flex-direction: column; align-items: flex-start; gap: 10px; margin: 0 0 10px; min-height: 0; }
.trash-card .view-header h3 { order: 0; }
.trash-card .trash-badge { order: 1; }
@media (max-width: 640px) { .trash-card .view-header { flex-direction: column; flex-wrap: nowrap; } }