/* Light mode = saf beyaz arkaplan. Dark mode = zinc-950. Başka renk yok. */
:root {
  color-scheme: light;
}
html.dark {
  color-scheme: dark;
}
/* html'e ver — body'ye verme ki admin scope override edebilsin */
html { background-color: #ffffff; }
html.dark { background-color: #09090b; }
/* Frontend body'ler html bg'sini miras alır; admin body'leri kendi bg'sini kurar */
body:not(.nb-admin-page) { background-color: inherit; }

/* highlight.js teması post.html'de github.css CDN'den yükleniyor.
   Tailwind prose'un --tw-prose-pre-code variable'ı CDN runtime'ında inconsistent olduğu
   için pre code base color'ını burada !important ile kilitliyoruz. github.css'in token
   renkleri farklı element'lere (span) uygulandığı için çakışma yok. */
.hljs { background: transparent !important; }
.prose pre,
.prose pre code,
.prose pre code.hljs { color: #24292e !important; }
html.dark .prose pre,
html.dark .prose pre code,
html.dark .prose pre code.hljs { color: #c9d1d9 !important; }

/* Editör + ortak küçük stil */
.code-block {
  font-family: 'JetBrains Mono', ui-monospace, monospace;
  font-size: 0.9rem;
  line-height: 1.6;
}

/* Admin sidebar sabit kalsın (sticky) — scroll'da kaybolmasın */
@media (min-width: 768px) {
  body > div.min-h-screen.flex > aside {
    position: sticky;
    top: 0;
    align-self: flex-start;
    height: 100vh;
    overflow-y: auto;
  }
}

/* ===== Custom Markdown Editor (CodeMirror 6 + markdown-it) ===== */

.nb-editor-shell {
  border: 1px solid #e4e4e7;
  border-radius: 8px;
  overflow: hidden;
  background: #ffffff;
  display: flex;
  flex-direction: column;
}
html.dark .nb-editor-shell { border-color: #27272a; background: #09090b; }

/* Üst toolbar */
.nb-editor-toolbar {
  display: flex;
  align-items: center;
  gap: 2px;
  padding: 6px 8px;
  border-bottom: 1px solid #e4e4e7;
  background: #fafafa;
  flex-wrap: wrap;
}
html.dark .nb-editor-toolbar { background: #18181b; border-color: #27272a; }
.nb-editor-toolbar button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 28px;
  height: 28px;
  padding: 0 6px;
  border: none;
  background: transparent;
  color: #52525b;
  border-radius: 4px;
  cursor: pointer;
  font-size: 13px;
}
html.dark .nb-editor-toolbar button { color: #d4d4d8; }
.nb-editor-toolbar button:hover { background: #e4e4e7; color: #18181b; }
html.dark .nb-editor-toolbar button:hover { background: #27272a; color: #fafafa; }
.nb-editor-toolbar .nb-sep {
  width: 1px;
  height: 18px;
  background: #e4e4e7;
  margin: 0 4px;
}
html.dark .nb-editor-toolbar .nb-sep { background: #27272a; }
.nb-editor-toolbar select.nb-heading-select {
  height: 28px;
  border: 1px solid #e4e4e7;
  background: #ffffff;
  color: #18181b;
  border-radius: 4px;
  padding: 0 4px;
  font-size: 13px;
}
html.dark .nb-editor-toolbar select.nb-heading-select {
  background: #09090b;
  color: #e4e4e7;
  border-color: #27272a;
}

/* Sağ üstte mod toggle */
.nb-mode-switch {
  margin-left: auto;
  display: inline-flex;
  background: #ffffff;
  border: 1px solid #e4e4e7;
  border-radius: 6px;
  padding: 2px;
  gap: 0;
}
html.dark .nb-mode-switch { background: #09090b; border-color: #27272a; }
.nb-mode-switch button {
  padding: 2px 10px !important;
  font-size: 11px !important;
  height: 22px !important;
  min-width: auto !important;
  font-family: 'Inter', sans-serif !important;
  border-radius: 3px !important;
  color: #71717a !important;
}
.nb-mode-switch button.active {
  background: #18181b !important;
  color: #ffffff !important;
}
html.dark .nb-mode-switch button.active {
  background: #fafafa !important;
  color: #09090b !important;
}

/* Body: editor + preview yan yana */
.nb-editor-body {
  display: grid;
  grid-template-columns: 1fr 1fr;
  min-height: 520px;
}
.nb-editor-shell[data-mode="markdown"] .nb-editor-body { grid-template-columns: 1fr; }
.nb-editor-shell[data-mode="preview"] .nb-editor-body { grid-template-columns: 1fr; }
.nb-editor-shell[data-mode="markdown"] .nb-preview-pane { display: none; }
.nb-editor-shell[data-mode="preview"] .nb-source-pane { display: none; }

.nb-source-pane {
  border-right: 1px solid #e4e4e7;
  overflow: auto;
}
html.dark .nb-source-pane { border-color: #27272a; }
.nb-editor-shell[data-mode="markdown"] .nb-source-pane { border-right: none; }

.nb-source-pane .cm-editor {
  height: 100%;
  font-family: 'JetBrains Mono', monospace;
  font-size: 14px;
  line-height: 1.7;
}
.nb-source-pane .cm-content { padding: 18px 22px; }
.nb-source-pane .cm-focused { outline: none !important; }

.nb-preview-pane {
  overflow: auto;
  padding: 24px 28px;
  background: #ffffff;
  font-family: 'Source Serif 4', Georgia, serif;
  font-size: 17px;
  line-height: 1.75;
  color: #18181b;
}
html.dark .nb-preview-pane { background: #09090b; color: #e4e4e7; }
.nb-preview-pane h1 { font-family: 'Inter', sans-serif; font-size: 1.875rem; font-weight: 700; margin: 1rem 0 .75rem; letter-spacing: -0.025em; }
.nb-preview-pane h2 { font-family: 'Inter', sans-serif; font-size: 1.5rem; font-weight: 700; margin: 1.5rem 0 .75rem; letter-spacing: -0.02em; }
.nb-preview-pane h3 { font-family: 'Inter', sans-serif; font-size: 1.25rem; font-weight: 600; margin: 1.25rem 0 .5rem; }
.nb-preview-pane p { margin: .75rem 0; }
.nb-preview-pane a { color: #4f46e5; text-decoration: underline; text-underline-offset: 2px; }
html.dark .nb-preview-pane a { color: #a5b4fc; }
.nb-preview-pane code:not(pre code) {
  background: #f4f4f5;
  border-radius: 3px;
  padding: 1px 5px;
  font-family: 'JetBrains Mono', monospace;
  font-size: 0.9em;
}
html.dark .nb-preview-pane code:not(pre code) { background: #18181b; color: #e4e4e7; }
.nb-preview-pane pre {
  background: #fafafa;
  border: 1px solid #e4e4e7;
  border-radius: 6px;
  padding: 14px 16px;
  font-family: 'JetBrains Mono', monospace;
  font-size: 13px;
  overflow: auto;
  margin: 1rem 0;
}
html.dark .nb-preview-pane pre { background: #0a0a0a; border-color: #27272a; }
.nb-preview-pane blockquote {
  border-left: 3px solid #4f46e5;
  padding-left: 1rem;
  color: #52525b;
  margin: 1rem 0;
  font-style: italic;
}
html.dark .nb-preview-pane blockquote { color: #a1a1aa; }
.nb-preview-pane ul, .nb-preview-pane ol { margin: .75rem 0; padding-left: 1.5rem; }
.nb-preview-pane li { margin: .25rem 0; }
.nb-preview-pane hr { border: none; border-top: 1px solid #e4e4e7; margin: 2rem 0; }
html.dark .nb-preview-pane hr { border-color: #27272a; }
.nb-preview-pane table { border-collapse: collapse; width: 100%; margin: 1rem 0; }
.nb-preview-pane th, .nb-preview-pane td { border: 1px solid #e4e4e7; padding: 6px 10px; }
html.dark .nb-preview-pane th, html.dark .nb-preview-pane td { border-color: #27272a; }
.nb-preview-pane img { max-width: 100%; border-radius: 6px; }
.nb-preview-pane .more-marker {
  display: block;
  text-align: center;
  margin: 1.5rem 0;
  padding: 6px;
  background: #fef3c7;
  border-top: 1px dashed #f59e0b;
  border-bottom: 1px dashed #f59e0b;
  color: #92400e;
  font-family: 'JetBrains Mono', monospace;
  font-size: 12px;
}
html.dark .nb-preview-pane .more-marker {
  background: rgba(120, 53, 15, 0.25);
  border-color: #ca8a04;
  color: #fcd34d;
}

/* Modal (code block dil seçimli) */
.nb-modal-backdrop {
  position: fixed; inset: 0;
  background: rgba(0,0,0,0.5);
  backdrop-filter: blur(2px);
  z-index: 100;
  display: flex; align-items: center; justify-content: center;
  padding: 20px;
}
.nb-modal {
  background: #ffffff;
  border-radius: 10px;
  padding: 22px;
  width: 100%;
  max-width: 720px;
  box-shadow: 0 20px 50px rgba(0,0,0,0.25);
}
html.dark .nb-modal { background: #09090b; border: 1px solid #27272a; color: #e4e4e7; }

/* Dialog (confirm / prompt / alert) — native browser dialog yerine */
.nb-dialog {
  max-width: 440px;
  padding: 0;
  overflow: hidden;
  animation: nb-dialog-in .14s ease-out;
}
@keyframes nb-dialog-in {
  from { opacity: 0; transform: scale(.96) translateY(-4px); }
  to   { opacity: 1; transform: scale(1) translateY(0); }
}
.nb-dialog-head {
  display: flex; gap: 14px; align-items: flex-start;
  padding: 22px 22px 14px;
}
.nb-dialog-icon {
  flex-shrink: 0;
  width: 38px; height: 38px;
  border-radius: 999px;
  display: flex; align-items: center; justify-content: center;
}
.nb-dialog-icon--info {
  background: #eef2ff;
  color: #4f46e5;
}
html.dark .nb-dialog-icon--info {
  background: rgba(79, 70, 229, 0.18);
  color: #a5b4fc;
}
.nb-dialog-icon--danger {
  background: #fee2e2;
  color: #dc2626;
}
html.dark .nb-dialog-icon--danger {
  background: rgba(220, 38, 38, 0.18);
  color: #fca5a5;
}
.nb-dialog-text { flex: 1; min-width: 0; padding-top: 4px; }
.nb-dialog-title {
  font-size: 1rem;
  font-weight: 600;
  color: #18181b;
  margin: 0 0 4px;
  line-height: 1.4;
  letter-spacing: -0.01em;
}
html.dark .nb-dialog-title { color: #fafafa; }
.nb-dialog-message {
  font-size: 0.875rem;
  color: #52525b;
  line-height: 1.55;
  margin: 0;
}
html.dark .nb-dialog-message { color: #a1a1aa; }
.nb-dialog-body {
  padding: 0 22px 4px;
}
.nb-dialog-input {
  width: 100%;
  padding: 8px 12px;
  font-size: 0.875rem;
  border: 1px solid #d4d4d8;
  border-radius: 6px;
  background: #ffffff;
  color: #18181b;
  font-family: 'Inter', sans-serif;
  transition: border-color .12s, box-shadow .12s;
}
.nb-dialog-input:focus {
  outline: none;
  border-color: #4f46e5;
  box-shadow: 0 0 0 3px rgba(79, 70, 229, 0.18);
}
html.dark .nb-dialog-input {
  background: #18181b;
  color: #fafafa;
  border-color: #3f3f46;
}
html.dark .nb-dialog-input:focus {
  border-color: #818cf8;
  box-shadow: 0 0 0 3px rgba(129, 140, 248, 0.22);
}
.nb-dialog-actions {
  display: flex; justify-content: flex-end; gap: 8px;
  padding: 18px 22px 22px;
}

/* Dialog butonları */
.nb-btn {
  padding: 8px 16px;
  font-size: 0.875rem;
  font-family: 'Inter', sans-serif;
  font-weight: 500;
  border-radius: 6px;
  border: 1px solid transparent;
  cursor: pointer;
  transition: background-color .12s, border-color .12s, color .12s;
  line-height: 1.2;
}
.nb-btn.primary {
  background: #4f46e5;
  color: #ffffff;
}
.nb-btn.primary:hover { background: #4338ca; }
.nb-btn.primary:focus-visible { outline: 2px solid #818cf8; outline-offset: 2px; }
.nb-btn.danger {
  background: #dc2626;
  color: #ffffff;
}
.nb-btn.danger:hover { background: #b91c1c; }
.nb-btn.danger:focus-visible { outline: 2px solid #fca5a5; outline-offset: 2px; }
.nb-btn.secondary {
  background: transparent;
  color: #52525b;
  border-color: #d4d4d8;
}
.nb-btn.secondary:hover { background: #f4f4f5; color: #18181b; }
html.dark .nb-btn.secondary {
  color: #d4d4d8;
  border-color: #3f3f46;
}
html.dark .nb-btn.secondary:hover { background: #27272a; color: #fafafa; }

/* Toast bildirimleri */
.nb-toast-stack {
  position: fixed;
  bottom: 20px; right: 20px;
  z-index: 1000;
  display: flex; flex-direction: column-reverse;
  gap: 8px;
  pointer-events: none;
}
.nb-toast {
  pointer-events: auto;
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 280px;
  max-width: 420px;
  padding: 10px 12px;
  font-family: 'Inter', sans-serif;
  font-size: 0.875rem;
  border-radius: 8px;
  background: #18181b;
  color: #fafafa;
  box-shadow: 0 12px 32px rgba(0,0,0,0.18), 0 0 0 1px rgba(255,255,255,0.06);
  opacity: 0;
  transform: translateY(8px);
  transition: opacity .18s, transform .18s;
}
.nb-toast.show { opacity: 1; transform: translateY(0); }
html.dark .nb-toast {
  background: #fafafa;
  color: #18181b;
  box-shadow: 0 12px 32px rgba(0,0,0,0.5);
}
.nb-toast__icon {
  flex-shrink: 0;
  display: inline-flex; align-items: center; justify-content: center;
  width: 22px; height: 22px;
  border-radius: 999px;
}
.nb-toast--success .nb-toast__icon { background: #10b981; color: #ffffff; }
.nb-toast--error   .nb-toast__icon { background: #dc2626; color: #ffffff; }
.nb-toast--info    .nb-toast__icon { background: #4f46e5; color: #ffffff; }
.nb-toast--warn    .nb-toast__icon { background: #f59e0b; color: #ffffff; }
.nb-toast__msg { flex: 1; line-height: 1.4; }
.nb-toast__action {
  border: none; background: transparent;
  color: #818cf8;
  font-weight: 600;
  cursor: pointer;
  padding: 4px 8px;
  border-radius: 4px;
}
html.dark .nb-toast__action { color: #4f46e5; }
.nb-toast__action:hover { background: rgba(129, 140, 248, 0.15); }
.nb-toast__close {
  border: none; background: transparent;
  color: #a1a1aa;
  cursor: pointer;
  width: 22px; height: 22px;
  border-radius: 4px;
  font-size: 16px;
  line-height: 1;
}
.nb-toast__close:hover { background: rgba(255,255,255,0.1); color: #fafafa; }
html.dark .nb-toast__close:hover { background: rgba(0,0,0,0.1); color: #18181b; }

/* Hızlı düzenle inline row */
tr.quick-edit-row { background: rgba(245, 158, 11, 0.04) !important; }
html.dark tr.quick-edit-row { background: rgba(245, 158, 11, 0.08) !important; }


/* Sidebar JS ile render edilirken eski içerik flash etmesin */
aside[data-admin-sidebar]:not([data-rendered]) > * { display: none; }

/* =====================================================================
   WP 4.9 ADMIN BAR — tüm admin sayfalarında üstte sabit
   ===================================================================== */
.nb-adminbar {
  position: fixed;
  top: 0; left: 0; right: 0;
  height: 32px;
  background: #23282d;
  color: #eeeeee;
  display: flex;
  align-items: stretch;
  z-index: 99999;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
  font-size: 13px;
  user-select: none;
}
html.dark .nb-adminbar { background: #15191c; }

.nb-ab-group { display: flex; align-items: stretch; }
.nb-ab-right { margin-left: auto; }
.nb-ab-item {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 0 12px;
  height: 32px;
  color: #eeeeee;
  text-decoration: none;
  background: transparent;
  border: 0;
  cursor: pointer;
  position: relative;
  white-space: nowrap;
}
.nb-ab-item:hover { background: #32373c; color: #00b9eb; }
.nb-ab-item svg { opacity: 0.85; }
.nb-ab-item:hover svg { opacity: 1; }
.nb-ab-brand { font-weight: 500; }

.nb-ab-badge {
  display: inline-flex;
  align-items: center; justify-content: center;
  min-width: 18px; height: 18px;
  padding: 0 6px;
  background: #ca4a1f;
  color: #ffffff;
  border-radius: 9px;
  font-size: 11px;
  font-weight: 500;
  margin-left: 2px;
}

/* Avatar */
.nb-ab-avatar { width: 18px; height: 18px; border-radius: 50%; }
.nb-ab-avatar-big { width: 64px; height: 64px; border-radius: 50%; }
.nb-ab-user .nb-ab-trigger { display: inline-flex; align-items: center; gap: 8px; }
.nb-ab-howdy { color: #b4b9be; font-weight: 400; }
.nb-ab-howdy strong { color: #eeeeee; font-weight: 600; }

/* Dropdown */
.nb-ab-dropdown { position: relative; }
.nb-ab-dropdown .nb-ab-trigger { display: inline-flex; align-items: center; gap: 6px; height: 32px; padding: 0; }
.nb-ab-submenu {
  position: absolute;
  top: 32px;
  left: 0;
  min-width: 180px;
  background: #32373c;
  display: none;
  padding: 6px 0;
  box-shadow: 0 3px 5px rgba(0,0,0,.2);
  border: 0;
  border-radius: 0;
}
.nb-ab-dropdown:hover > .nb-ab-submenu,
.nb-ab-dropdown:focus-within > .nb-ab-submenu {
  display: block;
}
.nb-ab-dropdown:hover { background: #32373c; }
.nb-ab-submenu a {
  display: block;
  padding: 6px 14px;
  color: #eeeeee;
  text-decoration: none;
  font-size: 13px;
}
.nb-ab-submenu a:hover { background: #0073aa; color: #ffffff; }

/* User dropdown sağa hizalı */
.nb-ab-user .nb-ab-submenu {
  left: auto;
  right: 0;
  min-width: 240px;
}
.nb-ab-userhead {
  display: flex;
  gap: 12px;
  padding: 12px 14px;
  border-bottom: 1px solid #464a4e;
  align-items: center;
}
.nb-ab-userhead strong { color: #eeeeee; font-size: 14px; }
.nb-ab-userhead-edit { font-size: 12px; margin-top: 2px; }
.nb-ab-userhead-edit a { color: #00b9eb; }
.nb-ab-divider { height: 1px; background: #464a4e; margin: 4px 0; }

/* Çıkış formu (CSRF gerektirdiğinde anchor yerine form-button render edilir) */
.nb-ab-submenu form.nb-ab-logout-form { margin: 0; }
.nb-ab-submenu form.nb-ab-logout-form button {
  display: block;
  width: 100%;
  text-align: left;
  padding: 6px 14px;
  background: transparent;
  border: 0;
  cursor: pointer;
  color: #eeeeee;
  font-size: 13px;
  font-family: inherit;
}
.nb-ab-submenu form.nb-ab-logout-form button:hover {
  background: #0073aa;
  color: #ffffff;
}

/* Body padding-top: admin bar gizlemesin */
body.has-nb-adminbar { padding-top: 32px; }
body.has-nb-adminbar > div.min-h-screen { min-height: calc(100vh - 32px); }
body.has-nb-adminbar aside.nb-sidebar { min-height: calc(100vh - 32px); }

/* Sticky header artık admin bar'ın altında başlasın */
body.has-nb-adminbar header.h-14 {
  top: 32px !important;
}

/* WP tarzı sayfa header'ı: sticky beyaz değil, gri zemin üzerinde sade */
body.has-nb-adminbar header.h-14 {
  background: transparent !important;
  backdrop-filter: none !important;
  border-bottom: 0 !important;
  position: relative !important;
  height: auto !important;
  min-height: 56px;
  padding: 18px 24px !important;
}
body.has-nb-adminbar header.h-14 h1 {
  font-size: 23px !important;
  font-weight: 400 !important;
  line-height: 1.3 !important;
  letter-spacing: -0.01em;
  color: #23282d !important;
}
html.dark body.has-nb-adminbar header.h-14 h1 { color: #f0f0f1 !important; }
/* Header içindeki primary buton WP tarzı (sayfa başlığının yanında) */
body.has-nb-adminbar header.h-14 a.bg-accent-600,
body.has-nb-adminbar header.h-14 button.bg-accent-600 {
  font-size: 12px !important;
  padding: 4px 10px !important;
  height: 26px;
  display: inline-flex;
  align-items: center;
  font-weight: 400 !important;
  text-shadow: none !important;
  box-shadow: none !important;
  border: 1px solid #006799 !important;
  background: #f7f7f7 !important;
  color: #0073aa !important;
}
body.has-nb-adminbar header.h-14 a.bg-accent-600:hover,
body.has-nb-adminbar header.h-14 button.bg-accent-600:hover {
  background: #fafafa !important;
  border-color: #0073aa !important;
  color: #016087 !important;
}

/* Tema toggle bar'ında inline svg'lerin yan yana görünmesi */
.nb-adminbar svg.hidden { display: none; }
.nb-adminbar svg.inline { display: inline; }
html.dark .nb-adminbar svg.dark\:inline { display: inline; }
html.dark .nb-adminbar svg.dark\:hidden { display: none; }

/* ===========================================================
   WordPress 4.9 admin görünümü
   - Koyu sol menü (#1d2327)
   - Mavi vurgu (#2271b1) — Tailwind config'inde accent olarak da tanımlı
   - Açık gri sayfa arka planı (#f0f0f1)
   - Beyaz postbox'lar, hafif gri border
   =========================================================== */

/* =====================================================================
   WP 4.9 ADMIN — light-mode renk paleti
   Tailwind'in zinc/white sınıflarını admin scope'unda WP renklerine
   bağlıyoruz; HTML'lere dokunmadan tüm sayfalar tek seferde dönüşür.
   ===================================================================== */

/* Sayfa arka planı — admin sayfaları her zaman WP grisi */
html body.nb-admin-page,
body.nb-admin-page {
  background-color: #f1f1f1 !important;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif !important;
  color: #444;
  font-size: 13px;
  line-height: 1.5;
}
html.dark body.nb-admin-page {
  background-color: #1d2125 !important;
}
/* Admin sayfasının wrapper'ları transparent (body bg gözüksün) */
body.nb-admin-page > div.min-h-screen,
body.nb-admin-page > div.min-h-screen.flex,
body.nb-admin-page > div.min-h-screen > div.flex-1 { background: transparent !important; }
body.nb-admin-page main { background: transparent !important; }

/* =====================================================================
   WP 4.9 LİSTE TABLOSU — postbox tarzı kart + tablo görünümü
   ===================================================================== */

/* Tablo wrapper: WP postbox (beyaz, gri border, gölgesiz, köşeli) */
body.nb-admin-page main .rounded-lg.border,
body.nb-admin-page main .rounded-md.border {
  background-color: #ffffff !important;
  border: 1px solid #c3c4c7 !important;
  border-radius: 0 !important;
  box-shadow: 0 1px 1px rgba(0,0,0,0.04) !important;
}
html.dark body.nb-admin-page main .rounded-lg.border,
html.dark body.nb-admin-page main .rounded-md.border {
  background-color: #2c3338 !important;
  border-color: #3c434a !important;
}

/* Tablo */
body.nb-admin-page table {
  background: #ffffff !important;
  width: 100%;
  border-collapse: collapse;
}
html.dark body.nb-admin-page table { background: #2c3338 !important; }

/* Thead */
body.nb-admin-page table thead,
body.nb-admin-page table thead tr {
  background: #ffffff !important;
}
html.dark body.nb-admin-page table thead,
html.dark body.nb-admin-page table thead tr { background: #2c3338 !important; }

body.nb-admin-page table thead th {
  border-bottom: 1px solid #c3c4c7 !important;
  color: #2c3338 !important;
  font-weight: 400 !important;
  font-size: 13px !important;
  padding: 10px !important;
  text-align: left;
  vertical-align: middle;
}
html.dark body.nb-admin-page table thead th { color: #f0f0f1 !important; border-color: #3c434a !important; }

/* Tbody satırları */
body.nb-admin-page table tbody td {
  border-bottom: 1px solid #f0f0f1 !important;
  padding: 10px !important;
  vertical-align: middle;
  color: #2c3338;
}
html.dark body.nb-admin-page table tbody td { color: #f0f0f1 !important; border-color: #3c434a !important; }
body.nb-admin-page table tbody tr:last-child td { border-bottom: 0 !important; }

/* Hover: WP satır vurgusu */
body.nb-admin-page table tbody tr:hover {
  background-color: #f6f7f7 !important;
}
html.dark body.nb-admin-page table tbody tr:hover { background-color: #1d2125 !important; }

/* Tailwind 'divide-y' Tailwind kuralları override */
body.nb-admin-page .divide-y > :not([hidden]) ~ :not([hidden]) {
  border-top-color: #f0f0f1 !important;
  border-top-width: 1px !important;
}
html.dark body.nb-admin-page .divide-y > :not([hidden]) ~ :not([hidden]) {
  border-top-color: #3c434a !important;
}
body.nb-admin-page .divide-zinc-200 > * { border-color: #f0f0f1 !important; }
html.dark body.nb-admin-page .divide-zinc-800 > * { border-color: #3c434a !important; }

/* Filtre tab linkleri WP "subsubsub" stili */
body.nb-admin-page #status-filters a,
body.nb-admin-page #status-tabs a {
  background: transparent !important;
  color: #2271b1 !important;
  padding: 0 !important;
  border-radius: 0 !important;
  margin-right: 6px;
}
body.nb-admin-page #status-filters a:not(:last-child)::after,
body.nb-admin-page #status-tabs a:not(:last-child)::after {
  content: "|";
  color: #c3c4c7;
  margin: 0 6px 0 6px;
  text-decoration: none;
}
body.nb-admin-page #status-filters a.bg-zinc-100,
body.nb-admin-page #status-filters a[class*="text-zinc-900"],
body.nb-admin-page #status-tabs a.bg-zinc-100,
body.nb-admin-page #status-tabs a[class*="text-zinc-900"] {
  color: #2c3338 !important;
  font-weight: 600;
  background: transparent !important;
}
body.nb-admin-page #status-filters a:hover,
body.nb-admin-page #status-tabs a:hover {
  color: #0073aa !important;
  text-decoration: underline;
  background: transparent !important;
}

/* "+ Yeni yazı" gibi sayfa başlığı butonları WP sade görünüm
   (zaten genel kural koymuştuk — burada güçlendir) */
body.nb-admin-page header.h-14 a.bg-accent-600 {
  background: #f6f7f7 !important;
  color: #2271b1 !important;
  border: 1px solid #2271b1 !important;
  border-radius: 3px !important;
  padding: 4px 10px !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  text-shadow: none !important;
  box-shadow: none !important;
  line-height: 1.4 !important;
  height: auto !important;
}
body.nb-admin-page header.h-14 a.bg-accent-600:hover {
  background: #2271b1 !important;
  color: #ffffff !important;
}

/* Sayfa başlığı bg-white removal — beyaz şerit olmasın (Customizer top bar hariç) */
body.nb-admin-page header.h-14:not(.nb-customize-top) {
  background: transparent !important;
}

/* Customizer top bar — koyu kalsın, site override etmesin */
header.nb-customize-top {
  background: #23282d !important;
  color: #eeeeee !important;
  position: relative;
  z-index: 5;
}
header.nb-customize-top a { color: #eeeeee !important; }
header.nb-customize-top a:hover { color: #00b9eb !important; }
header.nb-customize-top strong { color: #ffffff !important; }
header.nb-customize-top .text-sm { color: #c3c4c7 !important; }
header.nb-customize-top button { color: #c3c4c7 !important; }
header.nb-customize-top button:hover { background: #32373c !important; color: #ffffff !important; }
header.nb-customize-top .text-zinc-500 { color: #72777c !important; }
header.nb-customize-top .text-amber-300 { color: #ffb900 !important; }

/* =====================================================================
   WP FORM-TABLE — Settings sayfası tablosu
   ===================================================================== */
body.nb-admin-page table.form-table {
  border-collapse: collapse !important;
  margin-top: 0.5em;
  width: 100%;
  clear: both;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}
body.nb-admin-page table.form-table th,
body.nb-admin-page table.form-table td {
  background: transparent !important;
  border-bottom: 0 !important;
}
body.nb-admin-page table.form-table > tbody > tr > th,
body.nb-admin-page table.form-table > tr > th {
  vertical-align: top;
  text-align: left;
  padding: 20px 10px 20px 0 !important;
  width: 200px;
  line-height: 1.3;
  font-weight: 600 !important;
  font-size: 14px !important;
  color: #1d2327 !important;
}
html.dark body.nb-admin-page table.form-table th { color: #f0f0f1 !important; }
body.nb-admin-page table.form-table > tbody > tr > td,
body.nb-admin-page table.form-table > tr > td {
  margin-bottom: 9px;
  padding: 15px 10px !important;
  line-height: 1.3;
  vertical-align: middle;
  color: #2c3338;
}
html.dark body.nb-admin-page table.form-table td { color: #e4e4e7; }
body.nb-admin-page table.form-table > tbody > tr:hover,
body.nb-admin-page table.form-table > tr:hover { background: transparent !important; }

/* Settings sayfası h2 (sayfa başlığı) WP stili */
body.nb-admin-page main h2.wp-page-heading,
body.nb-admin-page main > section > h2:first-child {
  font-size: 23px !important;
  font-weight: 400 !important;
  margin: 0 0 20px 0;
  padding: 9px 0 4px;
  color: #1d2327;
}

/* Settings section header (h3) */
body.nb-admin-page main h3.wp-settings-h3 {
  font-size: 14px;
  font-weight: 600;
  margin: 20px 0 8px;
  color: #1d2327;
}

/* Settings sayfası input genel boyut */
body.nb-admin-page table.form-table input[type="text"],
body.nb-admin-page table.form-table input[type="email"],
body.nb-admin-page table.form-table input[type="url"],
body.nb-admin-page table.form-table input[type="number"] {
  padding: 4px 8px !important;
  min-height: 30px;
  line-height: 2;
}

/* Submit alanı WP "submit" stili */
body.nb-admin-page p.submit {
  padding: 1.5em 0;
  margin: 0;
}

/* Section başlıkları arasında ayraç çizgi yok (WP'de sade ayrım) */
body.nb-admin-page main section + section {
  margin-top: 20px;
}

/* Toplu işlem alanı */
body.nb-admin-page .mt-4 select,
body.nb-admin-page .mt-4 button {
  background: #f6f7f7 !important;
  border: 1px solid #7e8993 !important;
  color: #2c3338 !important;
}

/* Light-mode admin override (dark mode bizim mevcut paletini kullanır) */
html:not(.dark) body.nb-admin-page .bg-white { background-color: #ffffff; }
html:not(.dark) body.nb-admin-page .bg-zinc-50 { background-color: #fafafa !important; }
html:not(.dark) body.nb-admin-page .bg-zinc-100 { background-color: #f5f5f5 !important; }
html:not(.dark) body.nb-admin-page .border-zinc-200 { border-color: #e5e5e5 !important; }
html:not(.dark) body.nb-admin-page .border-zinc-300 { border-color: #ccd0d4 !important; }
html:not(.dark) body.nb-admin-page .text-zinc-900 { color: #23282d !important; }
html:not(.dark) body.nb-admin-page .text-zinc-800 { color: #32373c !important; }
html:not(.dark) body.nb-admin-page .text-zinc-700 { color: #444 !important; }
html:not(.dark) body.nb-admin-page .text-zinc-600 { color: #555 !important; }
html:not(.dark) body.nb-admin-page .text-zinc-500 { color: #72777c !important; }
html:not(.dark) body.nb-admin-page .text-zinc-400 { color: #a0a5aa !important; }

/* WP "postbox" stili — admin sayfalarındaki kart'lar */
html:not(.dark) body.nb-admin-page .rounded-lg.border {
  border-color: #e5e5e5 !important;
  box-shadow: 0 1px 1px rgba(0,0,0,.04);
  border-radius: 0 !important;
}
html:not(.dark) body.nb-admin-page .rounded-md {
  border-radius: 3px !important;
}

/* Admin tablo başlıkları WP grisi */
html:not(.dark) body.nb-admin-page thead.bg-zinc-50,
html:not(.dark) body.nb-admin-page thead .bg-zinc-50,
html:not(.dark) body.nb-admin-page .bg-zinc-50\/50,
html:not(.dark) body.nb-admin-page .bg-zinc-900\/50:not(html.dark *) { background-color: #f5f5f5 !important; }

/* Admin form input WP stili */
html:not(.dark) body.nb-admin-page input[type="text"],
html:not(.dark) body.nb-admin-page input[type="url"],
html:not(.dark) body.nb-admin-page input[type="email"],
html:not(.dark) body.nb-admin-page input[type="password"],
html:not(.dark) body.nb-admin-page input[type="search"],
html:not(.dark) body.nb-admin-page input[type="number"],
html:not(.dark) body.nb-admin-page input[type="date"],
html:not(.dark) body.nb-admin-page input[type="datetime-local"],
html:not(.dark) body.nb-admin-page select:not(.styled-skip),
html:not(.dark) body.nb-admin-page textarea {
  border-color: #7e8993 !important;
  background-color: #fff !important;
  color: #32373c !important;
  border-radius: 3px;
}
html:not(.dark) body.nb-admin-page input:focus,
html:not(.dark) body.nb-admin-page select:focus,
html:not(.dark) body.nb-admin-page textarea:focus {
  border-color: #0073aa !important;
  box-shadow: 0 0 0 1px #0073aa !important;
  outline: none !important;
}

/* Admin button — primary stili WP'ye yakın */
html:not(.dark) body.nb-admin-page .bg-accent-600 {
  background-color: #0073aa !important;
  color: #fff !important;
  border: 1px solid #006799 !important;
  border-radius: 3px !important;
  text-shadow: 0 -1px 1px rgba(0,86,132,.5), 1px 0 1px rgba(0,86,132,.5), 0 1px 1px rgba(0,86,132,.5), -1px 0 1px rgba(0,86,132,.5);
  box-shadow: 0 1px 0 #006799;
}
html:not(.dark) body.nb-admin-page .bg-accent-600:hover,
html:not(.dark) body.nb-admin-page .hover\:bg-accent-700:hover {
  background-color: #006799 !important;
  border-color: #005177 !important;
}

/* WP başlık tipografisi */
html:not(.dark) body.nb-admin-page h1 {
  font-size: 23px;
  font-weight: 400;
  color: #23282d;
}
html:not(.dark) body.nb-admin-page h2 {
  font-size: 14px;
  font-weight: 600;
  color: #23282d;
}
html:not(.dark) body.nb-admin-page h3 {
  font-size: 14px;
  font-weight: 600;
  color: #23282d;
}

/* Linkler — admin bar ve sidebar dışındakiler */
html:not(.dark) body.nb-admin-page main a:not(.bg-accent-600):not([data-no-restyle]),
html:not(.dark) body.nb-admin-page .postbox a:not(.bg-accent-600):not([data-no-restyle]) {
  color: #0073aa;
}
html:not(.dark) body.nb-admin-page main a:not(.bg-accent-600):hover,
html:not(.dark) body.nb-admin-page .postbox a:not(.bg-accent-600):hover {
  color: #00a0d2;
}

/* Admin bar içindeki linkler her zaman beyazımsı — global override etmesin */
.nb-adminbar a, .nb-adminbar a:hover {
  color: #eeeeee;
}
.nb-adminbar a:hover { color: #00b9eb !important; }
.nb-adminbar .nb-ab-submenu a { color: #eeeeee !important; }
.nb-adminbar .nb-ab-submenu a:hover { background: #0073aa; color: #ffffff !important; }
.nb-adminbar .nb-ab-howdy strong { color: #eeeeee; }
.nb-adminbar .nb-ab-badge { color: #ffffff !important; }
.nb-adminbar .nb-ab-userhead a { color: #00b9eb !important; }

/* Sidebar (koyu) içindeki linkler de WP renklerinde kalsın */
.nb-sidebar a, .nb-sidebar a:hover { color: inherit; }

/* SOL SIDEBAR — WP 4.9 (#23282d, hover #191e23, active #0073aa, hover-text #00b9eb) */
.nb-sidebar {
  width: 160px;
  background: #23282d;
  color: #eeeeee;
  border-right: 0;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
  font-size: 13px;
  min-height: 100vh;
}
.nb-sidebar-head {
  height: 46px;
  display: flex;
  align-items: center;
  padding: 0 12px;
  background: #191e23;
}
.nb-brand {
  color: #ffffff;
  font-weight: 600;
  text-decoration: none;
  letter-spacing: -0.01em;
  font-size: 14px;
}
.nb-brand-tilde { color: #00b9eb; }

.nb-menu {
  padding: 6px 0;
  display: flex;
  flex-direction: column;
}
.nb-menu-link {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  color: #eeeeee;
  text-decoration: none;
  border-left: 4px solid transparent;
  transition: background-color .08s, color .08s, border-left-color .08s;
  line-height: 18px;
}
.nb-menu-link svg { width: 14px; height: 14px; flex-shrink: 0; opacity: 0.6; }
.nb-menu-link:hover {
  background: #191e23;
  color: #00b9eb;
}
.nb-menu-link:hover svg { opacity: 1; color: #00b9eb; }
.nb-menu-link--active,
.nb-menu-link--active:hover {
  background: #0073aa;
  color: #ffffff;
  border-left-color: #ffffff;
}
.nb-menu-link--active svg { opacity: 1; color: #ffffff; }

.nb-menu-section {
  padding: 14px 12px 6px;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: #a0a5aa;
  border-top: 1px solid #32373c;
  margin-top: 6px;
}

.nb-menu-badge {
  background: #32373c;
  color: #eeeeee;
}
.nb-menu-badge--alert {
  background: #ca4a1f;
  color: #ffffff;
}
.nb-menu-link--active .nb-menu-badge { background: rgba(255,255,255,0.25); color: #fff; }

.nb-sidebar-foot {
  padding: 10px 14px;
  border-top: 1px solid #32373c;
  font-size: 12px;
}
.nb-sidebar-foot a { color: #a0a5aa; text-decoration: none; }
.nb-sidebar-foot a:hover { color: #00b9eb; }

/* Dark mode — biraz daha koyu */
html.dark .nb-sidebar { background: #15191c; }
html.dark .nb-sidebar-head { background: #0a0d10; }
html.dark .nb-menu-section { border-color: #1d2125; }
html.dark .nb-sidebar-foot { border-color: #1d2125; }

/* ===========================================================
   WP Customizer (theme-settings.html)
   Sol panel + sağ canlı önizleme iframe
   =========================================================== */
.nb-customize {
  display: grid;
  grid-template-columns: 300px 1fr;
  height: calc(100vh - 56px); /* admin top bar düşülmüş */
  overflow: hidden;
}
.nb-customize-panel {
  background: #f0f0f1;
  border-right: 1px solid #c3c4c7;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
}
html.dark .nb-customize-panel {
  background: #18181b;
  border-color: #27272a;
}

.nb-customize-head {
  padding: 12px 16px;
  background: #23282d;
  color: #ffffff;
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 13px;
}
.nb-customize-close {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px; height: 28px;
  border-radius: 3px;
  color: #c3c4c7;
  text-decoration: none;
  font-size: 18px;
  line-height: 1;
}
.nb-customize-close:hover { background: #191e23; color: #fff; }
.nb-customize-title {
  flex: 1;
  font-weight: 600;
}
.nb-customize-subtitle {
  display: block;
  font-size: 11px;
  color: #8c8f94;
  font-weight: 400;
  margin-top: 2px;
}
.nb-customize-publish {
  background: #0073aa;
  color: #fff;
  border: 1px solid #005177;
  padding: 6px 14px;
  border-radius: 3px;
  font-size: 13px;
  font-weight: 500;
  cursor: pointer;
}
.nb-customize-publish:hover { background: #005177; }
.nb-customize-publish:disabled { background: #7e8993; border-color: #7e8993; cursor: not-allowed; }

.nb-customize-sections {
  flex: 1;
}
.nb-section {
  border-bottom: 1px solid #c3c4c7;
  background: #ffffff;
}
html.dark .nb-section { background: #09090b; border-color: #27272a; }
.nb-section-header {
  width: 100%;
  text-align: left;
  background: transparent;
  border: none;
  padding: 14px 16px;
  font-size: 13px;
  font-weight: 600;
  color: #1d2327;
  display: flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
}
html.dark .nb-section-header { color: #f0f0f1; }
.nb-section-header::before {
  content: '›';
  display: inline-block;
  color: #50575e;
  font-size: 16px;
  width: 14px;
  transition: transform .15s;
}
.nb-section[data-open="true"] .nb-section-header::before { transform: rotate(90deg); }
.nb-section-header:hover { color: #0073aa; }
.nb-section-body {
  display: none;
  padding: 12px 16px 18px;
  border-top: 1px solid #f0f0f1;
  background: #fafafa;
}
html.dark .nb-section-body { background: #0a0a0a; border-color: #18181b; }
.nb-section[data-open="true"] .nb-section-body { display: block; }
.nb-section-body label {
  display: block;
  font-size: 12px;
  font-weight: 500;
  color: #1d2327;
  margin: 12px 0 4px;
}
html.dark .nb-section-body label { color: #e4e4e7; }
.nb-section-body label:first-child { margin-top: 0; }
.nb-section-body input[type="text"],
.nb-section-body input[type="url"],
.nb-section-body input[type="number"],
.nb-section-body select,
.nb-section-body textarea {
  width: 100%;
  padding: 6px 8px;
  font-size: 13px;
  border: 1px solid #8c8f94;
  border-radius: 3px;
  background: #ffffff;
  color: #1d2327;
  box-sizing: border-box;
}
html.dark .nb-section-body input[type="text"],
html.dark .nb-section-body input[type="url"],
html.dark .nb-section-body input[type="number"],
html.dark .nb-section-body select,
html.dark .nb-section-body textarea {
  background: #18181b;
  color: #f0f0f1;
  border-color: #3f3f46;
}
.nb-section-body input:focus,
.nb-section-body select:focus,
.nb-section-body textarea:focus {
  border-color: #0073aa;
  box-shadow: 0 0 0 1px #0073aa;
  outline: none;
}
.nb-section-body .help {
  font-size: 11px;
  color: #50575e;
  margin-top: 4px;
}
html.dark .nb-section-body .help { color: #71717a; }
.nb-section-body .row-toggle {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 12px;
  font-size: 13px;
  color: #1d2327;
}
html.dark .nb-section-body .row-toggle { color: #e4e4e7; }
.nb-section-body .color-row {
  display: flex;
  gap: 8px;
  align-items: center;
}
.nb-section-body .color-row input[type="color"] {
  width: 36px; height: 28px; padding: 0;
  border: 1px solid #8c8f94; border-radius: 3px;
  background: transparent; cursor: pointer;
}
.nb-section-body .repeater-item {
  display: flex; gap: 6px; margin-bottom: 6px;
}
.nb-section-body .repeater-item input { flex: 1; }
.nb-section-body .repeater-item button {
  border: none; background: transparent; color: #d63638;
  cursor: pointer; padding: 0 6px;
}
.nb-section-body .repeater-add {
  background: transparent;
  border: 1px dashed #7e8993;
  border-radius: 3px;
  padding: 6px 10px;
  font-size: 12px;
  color: #0073aa;
  cursor: pointer;
  width: 100%;
  margin-top: 6px;
}
.nb-section-body .repeater-add:hover { border-color: #0073aa; background: #e6f3f7; }

/* Sağ önizleme alanı */
.nb-customize-preview {
  background: #f0f0f1;
  position: relative;
  display: flex;
  flex-direction: column;
}
html.dark .nb-customize-preview { background: #09090b; }
.nb-preview-toolbar {
  background: #ffffff;
  border-bottom: 1px solid #c3c4c7;
  padding: 8px 14px;
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 12px;
  color: #50575e;
}
html.dark .nb-preview-toolbar { background: #18181b; border-color: #27272a; color: #a1a1aa; }
.nb-preview-device-btn {
  background: transparent;
  border: 1px solid transparent;
  color: #50575e;
  width: 30px; height: 28px;
  display: inline-flex; align-items: center; justify-content: center;
  border-radius: 3px;
  cursor: pointer;
}
.nb-preview-device-btn:hover { background: #f0f0f1; }
html.dark .nb-preview-device-btn:hover { background: #27272a; }
.nb-preview-device-btn.active {
  background: #2271b1; color: #fff;
  border-color: #135e96;
}
.nb-preview-frame-wrap {
  flex: 1;
  display: flex;
  align-items: stretch;
  justify-content: center;
  padding: 0;
  overflow: auto;
}
.nb-preview-frame-wrap[data-device="desktop"] iframe { width: 100%; height: 100%; }
.nb-preview-frame-wrap[data-device="tablet"]  iframe { width: 768px;  height: 1024px; margin: 16px auto; box-shadow: 0 4px 16px rgba(0,0,0,0.15); }
.nb-preview-frame-wrap[data-device="mobile"]  iframe { width: 360px;  height: 720px;  margin: 16px auto; box-shadow: 0 4px 16px rgba(0,0,0,0.15); }
.nb-preview-frame-wrap iframe {
  border: 0;
  background: #ffffff;
  transition: width .15s, height .15s;
}

/* ===== Pages tablo: gerçek indent (— prefix değil) ===== */
.pages-table tr[data-depth="0"] td:nth-child(3) { padding-left: 16px; }
.pages-table tr[data-depth="1"] td:nth-child(3) { padding-left: 40px; position: relative; }
.pages-table tr[data-depth="2"] td:nth-child(3) { padding-left: 64px; position: relative; }
.pages-table tr[data-depth="3"] td:nth-child(3) { padding-left: 88px; position: relative; }
.pages-table tr[data-depth="4"] td:nth-child(3) { padding-left: 112px; position: relative; }
.pages-table tr[data-depth="5"] td:nth-child(3) { padding-left: 136px; position: relative; }

/* Drag drop sırasında yatay çizgi göstergesi (parent değişimi için) */
.pages-table tr.drag-indicator-child td:nth-child(3) {
  box-shadow: inset 2px 0 0 #4f46e5;
}

/* Action linklerini sadece o satırda göster (parent group bug fix) */
tr:hover > td .row-actions,
tr.hover-actions:hover .row-actions,
.list-row:hover .row-actions {
  opacity: 1;
}

/* Categories: ağaç hover sadece o satırda */
#cat-tree .cat-row { display: flex; align-items: center; gap: 8px; padding: 10px 20px; transition: background-color .12s; }
#cat-tree .cat-row:hover { background: rgba(244, 244, 245, 0.6); }
html.dark #cat-tree .cat-row:hover { background: rgba(24, 24, 27, 0.5); }
#cat-tree .cat-row .row-actions { opacity: 0; transition: opacity .12s; }
#cat-tree .cat-row:hover .row-actions { opacity: 1; }
#cat-tree .cat-row.editing { background: rgba(79, 70, 229, 0.08); }
html.dark #cat-tree .cat-row.editing { background: rgba(79, 70, 229, 0.18); }

/* Comments: inline edit textarea */
.comment-edit-area {
  width: 100%;
  min-height: 90px;
  padding: 10px 12px;
  font-size: 0.875rem;
  font-family: 'Inter', sans-serif;
  background: #ffffff;
  border: 1px solid #d4d4d8;
  border-radius: 6px;
  color: #18181b;
  line-height: 1.6;
  resize: vertical;
  outline: none;
  transition: border-color .12s, box-shadow .12s;
}
.comment-edit-area:focus {
  border-color: #4f46e5;
  box-shadow: 0 0 0 3px rgba(79, 70, 229, 0.15);
}
html.dark .comment-edit-area {
  background: #18181b;
  border-color: #3f3f46;
  color: #fafafa;
}
html.dark .comment-edit-area:focus {
  border-color: #818cf8;
  box-shadow: 0 0 0 3px rgba(129, 140, 248, 0.2);
}

/* Modal içindeki CodeMirror code editor */
.nb-modal-cm {
  border: 1px solid #d4d4d8;
  border-radius: 6px;
  overflow: hidden;
  background: #fafafa;
}
html.dark .nb-modal-cm { background: #0a0a0a; border-color: #27272a; }
.nb-modal-cm .cm-editor {
  height: 280px;
  font-family: 'JetBrains Mono', monospace;
  font-size: 13px;
}
.nb-modal-cm .cm-content { padding: 10px 12px; }
.nb-modal-cm .cm-gutters {
  background: #f4f4f5;
  border-right: 1px solid #e4e4e7;
  color: #a1a1aa;
  padding-right: 4px;
}
html.dark .nb-modal-cm .cm-gutters {
  background: #18181b;
  border-color: #27272a;
  color: #52525b;
}
html.dark .nb-modal-cm .cm-editor { color: #e4e4e7; }
html.dark .nb-modal-cm .cm-cursor { border-left-color: #e4e4e7; }
html.dark .nb-modal-cm .cm-selectionBackground,
html.dark .nb-modal-cm .cm-content ::selection { background: #27272a !important; }
html.dark .nb-modal-cm .cm-activeLine { background: rgba(255,255,255,0.03); }
html.dark .nb-modal-cm .cm-activeLineGutter { background: rgba(255,255,255,0.05); }

/* Modal CodeMirror syntax renkleri (hljs benzeri) */
.nb-modal-cm .tok-keyword,
.nb-modal-cm .tok-controlKeyword,
.nb-modal-cm .tok-modifier { color: #7c3aed; }
.nb-modal-cm .tok-typeName,
.nb-modal-cm .tok-className { color: #1d4ed8; }
.nb-modal-cm .tok-function,
.nb-modal-cm .tok-functionName,
.nb-modal-cm .tok-definition { color: #1d4ed8; }
.nb-modal-cm .tok-string,
.nb-modal-cm .tok-string2 { color: #047857; }
.nb-modal-cm .tok-number,
.nb-modal-cm .tok-literal { color: #b45309; }
.nb-modal-cm .tok-comment,
.nb-modal-cm .tok-lineComment,
.nb-modal-cm .tok-blockComment { color: #71717a; font-style: italic; }
.nb-modal-cm .tok-operator { color: #475569; }
.nb-modal-cm .tok-variableName { color: #18181b; }
html.dark .nb-modal-cm .tok-keyword,
html.dark .nb-modal-cm .tok-controlKeyword,
html.dark .nb-modal-cm .tok-modifier { color: #c4b5fd; }
html.dark .nb-modal-cm .tok-typeName,
html.dark .nb-modal-cm .tok-className,
html.dark .nb-modal-cm .tok-function,
html.dark .nb-modal-cm .tok-functionName,
html.dark .nb-modal-cm .tok-definition { color: #93c5fd; }
html.dark .nb-modal-cm .tok-string,
html.dark .nb-modal-cm .tok-string2 { color: #6ee7b7; }
html.dark .nb-modal-cm .tok-number,
html.dark .nb-modal-cm .tok-literal { color: #fcd34d; }
html.dark .nb-modal-cm .tok-comment,
html.dark .nb-modal-cm .tok-lineComment,
html.dark .nb-modal-cm .tok-blockComment { color: #71717a; font-style: italic; }
html.dark .nb-modal-cm .tok-operator { color: #94a3b8; }
html.dark .nb-modal-cm .tok-variableName { color: #e4e4e7; }

/* CodeMirror 6 dark teması (markdown editör için) */
.nb-source-pane .cm-editor { background: transparent; color: #18181b; }
.nb-source-pane .cm-gutters { background: transparent; border: none; }
html.dark .nb-source-pane .cm-editor { color: #e4e4e7; }
html.dark .nb-source-pane .cm-cursor { border-left-color: #e4e4e7; }
html.dark .nb-source-pane .cm-selectionBackground,
html.dark .nb-source-pane .cm-content ::selection { background: #27272a !important; }
html.dark .nb-source-pane .cm-activeLine { background: rgba(255,255,255,0.03); }

/* Markdown syntax renkleri (CodeMirror) */
.nb-source-pane .cm-heading { color: #4f46e5; font-weight: 700; }
.nb-source-pane .cm-quote { color: #71717a; font-style: italic; }
.nb-source-pane .cm-link { color: #4f46e5; }
.nb-source-pane .cm-url { color: #71717a; text-decoration: underline; }
.nb-source-pane .cm-strong { font-weight: 700; }
.nb-source-pane .cm-emphasis { font-style: italic; }
.nb-source-pane .cm-inline-code,
.nb-source-pane .cm-monospace { color: #047857; font-family: 'JetBrains Mono', monospace; }
html.dark .nb-source-pane .cm-heading { color: #a5b4fc; }
html.dark .nb-source-pane .cm-link { color: #a5b4fc; }
html.dark .nb-source-pane .cm-inline-code,
html.dark .nb-source-pane .cm-monospace { color: #6ee7b7; }
html.dark .nb-source-pane .cm-quote { color: #a1a1aa; }
html.dark .nb-source-pane .cm-url { color: #71717a; }

/* ============ Server-side ColorCode tokens ============ */
.colorcode .keyword,
.colorcode .preprocessor-keyword { color: #d73a49; }
.colorcode .string,
.colorcode .string-c-style-comment { color: #032f62; }
.colorcode .number { color: #005cc5; }
.colorcode .comment,
.colorcode .comments { color: #6a737d; font-style: italic; }
.colorcode .type,
.colorcode .class-name { color: #6f42c1; }
.colorcode .function,
.colorcode .scope-name { color: #6f42c1; }
.colorcode .operator { color: #d73a49; }
.colorcode .htmlelementname,
.colorcode .html-tag-delimiter,
.colorcode .htmlattributename { color: #22863a; }
.colorcode .htmlattributevalue { color: #032f62; }

html.dark .colorcode .keyword,
html.dark .colorcode .preprocessor-keyword { color: #ff7b72; }
html.dark .colorcode .string,
html.dark .colorcode .string-c-style-comment { color: #a5d6ff; }
html.dark .colorcode .number { color: #79c0ff; }
html.dark .colorcode .comment,
html.dark .colorcode .comments { color: #8b949e; }
html.dark .colorcode .type,
html.dark .colorcode .class-name { color: #d2a8ff; }
html.dark .colorcode .function,
html.dark .colorcode .scope-name { color: #d2a8ff; }
html.dark .colorcode .operator { color: #ff7b72; }
html.dark .colorcode .htmlelementname,
html.dark .colorcode .html-tag-delimiter,
html.dark .colorcode .htmlattributename { color: #7ee787; }
html.dark .colorcode .htmlattributevalue { color: #a5d6ff; }