/* ===========================================================
 * DIGIRAS PLUS - Stil Dosyası
 * © 2026 DIGIRAS AGENCY LTD
 * =========================================================== */

/* === Variables (Ahrefs-tarzı palette) === */
:root {
  /* Brand: turuncu CTA */
  --brand-blue: #FF642D;        /* historic name; değer turuncu */
  --brand-orange: #FF642D;
  --brand-orange-dark: #E5551E;
  --accent-blue: #2D7FF9;       /* link / data mavisi (Ahrefs blue) */
  --accent: #F59E0B;
  --success: #10B981;
  --warning: #F59E0B;
  --error: #EF4444;

  /* Sidebar (Ahrefs açık, çok hafif gri) */
  --sidebar-bg: #F7F8FA;
  --sidebar-text: #4B5563;
  --sidebar-text-strong: #14171F;
  --sidebar-muted: #8A93A0;
  --sidebar-hover: #EDEFF3;
  --sidebar-active-bg: rgba(45,127,249,0.10);
  --sidebar-active-color: #2D7FF9;
  --sidebar-border: #E5E7EB;

  /* Light theme (Ahrefs ferah beyaz) */
  --bg-primary: #FFFFFF;
  --bg-card: #FFFFFF;
  --bg-elevated: #F7F8FA;
  --border: #E5E7EB;
  --border-hover: #D1D5DB;
  --text-primary: #14171F;
  --text-secondary: #4B5563;
  --text-muted: #6B7280;
  --text: #14171F;
  --accent: #FF642D;

  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 16px;

  --grad-blue: linear-gradient(135deg, #FF642D, #FF8A4D);
  --grad-gold: linear-gradient(135deg, #F59E0B, #FBBF24);
}

[data-theme="dark"] {
  --bg-primary: #0A0E1A;
  --bg-card: #131826;
  --bg-elevated: #1E2536;
  --border: #2A3142;
  --border-hover: #3A4256;
  --text-primary: #F8FAFC;
  --text-secondary: #CBD5E1;
  --text-muted: #94A3B8;
  --text: #F8FAFC;

  /* Sidebar dark override (Ahrefs dark) */
  --sidebar-bg: #0E1421;
  --sidebar-text: rgba(255,255,255,0.72);
  --sidebar-text-strong: #FFFFFF;
  --sidebar-muted: rgba(255,255,255,0.42);
  --sidebar-hover: rgba(255,255,255,0.06);
  --sidebar-active-bg: rgba(74,149,250,0.15);
  --sidebar-active-color: #4A95FA;
  --sidebar-border: rgba(255,255,255,0.07);
}

[data-theme="dark"] .sidebar-user-card { background: rgba(255,255,255,0.04); }
[data-theme="dark"] .sidebar-pill { background: rgba(255,255,255,0.06); border-color: var(--sidebar-border); }

* { box-sizing: border-box; margin: 0; padding: 0; }

body {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Inter", system-ui, sans-serif;
  background: var(--bg-primary);
  color: var(--text-primary);
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
}

a { color: var(--accent-blue); text-decoration: none; }
a:hover { text-decoration: underline; }

/* === Navbar === */
.navbar {
  position: sticky; top: 0; z-index: 50;
  display: flex; justify-content: space-between; align-items: center;
  padding: .75rem 1.5rem;
  min-height: 56px;
  background: var(--bg-card); border-bottom: 1px solid var(--border);
  box-shadow: 0 2px 12px -4px rgba(0,0,0,.08);
  backdrop-filter: blur(8px);
}
[data-theme="dark"] .navbar { box-shadow: 0 2px 14px -4px rgba(0,0,0,.5); }
.navbar-brand {
  font-size: 1.3rem; font-weight: 800; color: var(--text-primary);
  text-decoration: none; letter-spacing: -.01em;
}
.navbar-badge {
  font-size: .58rem; font-weight: 800; letter-spacing: .12em;
  background: var(--brand-orange); color: #fff;
  padding: .15rem .45rem; border-radius: 4px; margin-left: .4rem;
  vertical-align: middle; text-transform: uppercase;
}
.navbar-actions { display: flex; gap: .5rem; align-items: center; }
.navbar-sep { width: 1px; height: 18px; background: var(--border); flex-shrink: 0; margin: 0 .15rem; }
.navbar-action-btn {
  display: inline-flex; align-items: center; gap: .35rem;
  padding: .35rem .65rem; border-radius: 7px;
  border: 1px solid transparent; font-size: .82rem; font-weight: 500;
  color: var(--text-secondary); text-decoration: none; cursor: pointer;
  background: transparent; font-family: inherit; transition: all .15s;
  white-space: nowrap;
}
.navbar-action-btn:hover { background: var(--bg-elevated); color: var(--text-primary); border-color: var(--border); text-decoration: none; }
.navbar-action-logout { opacity: .7; }
.navbar-action-logout:hover { opacity: 1; }
/* Old navbar hidden — replaced by app-topbar in renderAppLayout */
.navbar { display: none !important; }

/* === App Topbar === */
.app-topbar {
  position: sticky; top: 0; z-index: 40; flex-shrink: 0;
  display: flex; align-items: center; gap: 10px;
  padding: 0 1.5rem; height: 52px;
  background: var(--bg-primary); border-bottom: 1px solid var(--border);
  backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px);
}
[data-theme="dark"] .app-topbar { background: rgba(19,24,38,0.96); }

.topbar-breadcrumb { display: flex; align-items: center; gap: 5px; font-size: .8rem; white-space: nowrap; flex-shrink: 0; }
.bc-root { color: var(--text-muted); text-decoration: none; }
.bc-root:hover { color: var(--text-secondary); text-decoration: none; }
.bc-sep { color: var(--border-hover); user-select: none; }
.bc-item { color: var(--text-muted); }
.bc-current { color: var(--text-primary); font-weight: 600; }

.topbar-search {
  flex: 1; max-width: 380px; margin: 0 auto;
  display: flex; align-items: center; gap: 7px;
  padding: 0 11px; height: 32px;
  background: var(--bg-elevated); border: 1px solid var(--border);
  border-radius: 7px; cursor: pointer; font-family: inherit;
  font-size: .81rem; color: var(--text-muted); transition: border-color .15s;
}
.topbar-search:hover { border-color: var(--border-hover); }
.topbar-search span { flex: 1; text-align: left; }
.topbar-search kbd {
  padding: 1px 5px; background: var(--bg-card); border: 1px solid var(--border);
  border-radius: 4px; font-size: .68rem; font-family: inherit; color: var(--text-muted); flex-shrink: 0;
}

.topbar-actions { display: flex; align-items: center; gap: 5px; flex-shrink: 0; }
.topbar-btn {
  display: inline-flex; align-items: center; justify-content: center;
  height: 32px; min-width: 32px; border-radius: 7px;
  border: 1px solid var(--border); background: transparent;
  color: var(--text-muted); cursor: pointer; transition: all .15s;
  text-decoration: none; flex-shrink: 0; padding: 0 6px; gap: 4px;
}
.topbar-btn:hover { background: var(--bg-elevated); color: var(--text-primary); border-color: var(--border-hover); text-decoration: none; }

.topbar-sun { display: flex; align-items: center; }
.topbar-moon { display: none; align-items: center; }
[data-theme="dark"] .topbar-sun { display: none; }
[data-theme="dark"] .topbar-moon { display: flex; }

.topbar-avatar {
  width: 32px; height: 32px; border-radius: 50%;
  background: var(--brand-orange); color: #fff;
  font-weight: 700; font-size: .8rem;
  display: inline-flex; align-items: center; justify-content: center;
  text-decoration: none; flex-shrink: 0; transition: opacity .15s;
}
.topbar-avatar:hover { opacity: .85; text-decoration: none; }

/* Search modal */
.search-modal-backdrop {
  position: fixed; inset: 0; background: rgba(0,0,0,.45); z-index: 9000;
  display: none; align-items: flex-start; justify-content: center; padding-top: 14vh;
}
.search-modal-backdrop.open { display: flex; }
[data-theme="dark"] .search-modal-backdrop { background: rgba(0,0,0,.65); }
.search-modal {
  background: var(--bg-card); border: 1px solid var(--border);
  border-radius: 12px; width: 100%; max-width: 560px; margin: 0 1rem;
  box-shadow: 0 20px 60px rgba(0,0,0,.2); overflow: hidden;
}
[data-theme="dark"] .search-modal { box-shadow: 0 20px 60px rgba(0,0,0,.6); }
.search-modal-input-wrap {
  display: flex; align-items: center; gap: 10px;
  padding: 12px 16px; border-bottom: 1px solid var(--border);
}
.search-modal-input-wrap svg { flex-shrink: 0; color: var(--text-muted); }
.search-modal-input {
  flex: 1; border: none; background: transparent; font-size: .95rem;
  font-family: inherit; color: var(--text-primary); outline: none;
}
.search-modal-input::placeholder { color: var(--text-muted); }
.search-modal-esc {
  font-size: .7rem; color: var(--text-muted); background: var(--bg-elevated);
  border: 1px solid var(--border); border-radius: 4px; padding: 2px 6px;
  flex-shrink: 0; cursor: pointer; font-family: inherit;
}
.search-results { max-height: 320px; overflow-y: auto; padding: 6px; }
.search-result-item {
  display: flex; align-items: center; gap: 10px;
  padding: 8px 10px; border-radius: 8px; cursor: pointer;
  text-decoration: none; color: var(--text-primary); transition: background .1s;
}
.search-result-item:hover, .search-result-item.focused { background: var(--bg-elevated); text-decoration: none; }
.search-result-icon {
  width: 28px; height: 28px; border-radius: 7px;
  background: var(--bg-elevated); color: var(--text-muted);
  display: flex; align-items: center; justify-content: center; flex-shrink: 0;
}
.search-result-item.focused .search-result-icon { background: var(--brand-orange); color: #fff; }
.search-result-name { font-size: .875rem; font-weight: 500; line-height: 1.3; }
.search-result-cat { font-size: .72rem; color: var(--text-muted); margin-top: 1px; }
.search-empty { padding: 2.5rem 1rem; text-align: center; color: var(--text-muted); font-size: .875rem; }

@media (max-width: 768px) {
  .topbar-breadcrumb { display: none; }
  .topbar-search { max-width: none; margin: 0; flex: 1; }
  .topbar-search span { display: none; }
}

/* === Buttons === */
.btn {
  display: inline-flex; align-items: center; justify-content: center; gap: .4rem;
  padding: .6rem 1.25rem; border-radius: var(--radius-md);
  border: none; cursor: pointer; font-weight: 600; font-size: .9rem;
  font-family: inherit; transition: all .15s; text-decoration: none;
  white-space: nowrap;
}
.btn-primary { background: var(--brand-orange); color: #fff; box-shadow: 0 2px 8px rgba(255,100,45,0.3); }
.btn-primary:hover { background: var(--brand-orange-dark); transform: translateY(-1px); box-shadow: 0 4px 12px rgba(255,100,45,0.4); text-decoration: none; }
.btn-gold { background: var(--grad-gold); color: #1F2937; }
.btn-success { background: var(--success); color: #fff; }
.btn-ghost { background: transparent; color: var(--text-secondary); border: 1px solid var(--border); }
.btn-ghost:hover { background: var(--bg-elevated); color: var(--text-primary); text-decoration: none; }
.btn-sm { padding: .4rem .85rem; font-size: .82rem; }
.btn-lg { padding: .85rem 1.75rem; font-size: 1rem; }
.btn:disabled { opacity: .5; cursor: not-allowed; }

/* === Forms === */
.form-group { margin-bottom: 1rem; }
.form-label {
  display: block; font-size: .9rem; font-weight: 600;
  color: var(--text-primary); margin-bottom: .35rem;
}
.form-label-desc {
  font-size: .8rem; color: var(--text-muted);
  margin-top: -.25rem; margin-bottom: .6rem; line-height: 1.4;
}
.form-control {
  width: 100%; padding: .65rem .9rem;
  background: var(--bg-card); border: 1px solid var(--border);
  border-radius: var(--radius-md); font-size: .9rem;
  font-family: inherit; color: var(--text-primary);
  transition: all .15s;
}
.form-control:focus {
  outline: none; border-color: var(--brand-blue);
  box-shadow: 0 0 0 3px rgba(255,100,45,0.1);
}
.form-control:disabled { opacity: .6; }
textarea.form-control { resize: vertical; min-height: 80px; }

/* === Cards === */
.card {
  background: var(--bg-card); border: 1px solid var(--border);
  border-radius: var(--radius-lg); padding: 1.5rem;
  transition: all .2s;
}

/* === Page header === */
.page-header { margin-bottom: 1.5rem; }
.page-header h1 { font-size: 1.5rem; font-weight: 700; margin-bottom: .35rem; }
.page-header p { color: var(--text-secondary); font-size: .9rem; }

/* === Credit badge === */
.credit-badge {
  display: inline-flex; align-items: center; gap: .3rem;
  padding: .32rem .65rem; border-radius: 7px;
  border: 1px solid var(--border);
  font-size: .82rem; font-weight: 700;
  color: var(--text-primary); text-decoration: none;
  transition: all .15s; white-space: nowrap;
}
.credit-badge svg { color: var(--brand-orange); flex-shrink: 0; }
.credit-badge:hover { border-color: var(--brand-orange); background: rgba(255,100,45,.04); text-decoration: none; }
.credit-badge .credit-count { font-variant-numeric: tabular-nums; }
.credit-badge .credit-label { font-weight: 400; color: var(--text-muted); font-size: .78rem; }

/* === Theme toggle === */
.theme-toggle {
  background: transparent; border: 1px solid var(--border);
  width: 32px; height: 32px; border-radius: 7px;
  cursor: pointer; color: var(--text-secondary);
  display: flex; align-items: center; justify-content: center;
  transition: all .15s; flex-shrink: 0; padding: 0;
}
.theme-toggle:hover { background: var(--bg-elevated); color: var(--text-primary); }
.theme-icon { display: flex; align-items: center; justify-content: center; }
.theme-icon-dark { display: none; }
[data-theme="dark"] .theme-icon-dark { display: flex; }
[data-theme="dark"] .theme-icon-light { display: none; }

/* === Alerts === */
.alert {
  padding: .75rem 1rem; border-radius: var(--radius-md);
  margin-bottom: 1rem; font-size: .9rem;
  border: 1px solid transparent;
}
.alert-success { background: rgba(16,185,129,0.1); border-color: rgba(16,185,129,0.3); color: #047857; }
.alert-error   { background: rgba(239,68,68,0.1);  border-color: rgba(239,68,68,0.3);  color: #B91C1C; }
.alert-warning { background: rgba(245,158,11,0.1); border-color: rgba(245,158,11,0.3); color: #B45309; }
.alert-info    { background: rgba(59,130,246,0.1); border-color: rgba(59,130,246,0.3); color: #1D4ED8; }

[data-theme="dark"] .alert-success { color: var(--success); }
[data-theme="dark"] .alert-error   { color: var(--error); }
[data-theme="dark"] .alert-warning { color: var(--warning); }
[data-theme="dark"] .alert-info    { color: var(--accent-blue); }

/* === Spinner === */
.spinner {
  display: inline-block; width: 14px; height: 14px;
  border: 2px solid currentColor; border-right-color: transparent;
  border-radius: 50%; animation: spin .6s linear infinite;
  vertical-align: middle;
}
@keyframes spin { to { transform: rotate(360deg); } }

/* === Badge === */
.badge {
  display: inline-block; padding: .15rem .5rem;
  border-radius: 100px; font-size: .7rem; font-weight: 600;
}
.badge-success { background: rgba(16,185,129,0.15); color: #047857; }
.badge-error   { background: rgba(239,68,68,0.15);  color: #B91C1C; }
.badge-warning { background: rgba(245,158,11,0.15); color: #B45309; }
.badge-blue    { background: rgba(59,130,246,0.15); color: #1D4ED8; }

/* === Table === */
.table-wrap { overflow-x: auto; background: var(--bg-card); border: 1px solid var(--border); border-radius: var(--radius-lg); }
.table-wrap table { width: 100%; border-collapse: collapse; }
.table-wrap th, .table-wrap td { padding: .75rem 1rem; text-align: left; font-size: .85rem; border-bottom: 1px solid var(--border); }
.table-wrap th { background: var(--bg-elevated); font-weight: 600; font-size: .75rem; text-transform: uppercase; letter-spacing: .05em; color: var(--text-muted); }
.table-wrap tr:last-child td { border-bottom: none; }

/* === Sidebar layout === */
.app-shell { display: grid; grid-template-columns: 260px 1fr; grid-template-rows: 1fr; height: 100vh; overflow: hidden; min-height: 0; }
.sidebar { background: var(--sidebar-bg); border-right: 1px solid var(--sidebar-border); padding: 1.5rem .65rem 1rem; overflow-y: auto; height: 100%; min-height: 0; }
.main-content { overflow-y: auto; height: 100%; min-height: 0; }

/* --- Kullanıcı kartı --- */
.sidebar-user-card {
  display: flex; gap: .75rem; align-items: center;
  padding: .65rem .65rem; margin-bottom: 1rem;
  background: #FFFFFF; border: 1px solid var(--sidebar-border);
  border-radius: 12px; text-decoration: none; color: var(--sidebar-text-strong);
  transition: all .15s;
}
.sidebar-user-card:hover { border-color: var(--brand-orange); text-decoration: none; transform: translateY(-1px); }
.sidebar-avatar {
  width: 42px; height: 42px; border-radius: 50%;
  background: var(--grad-blue); color: #fff;
  display: flex; align-items: center; justify-content: center;
  font-weight: 800; font-size: 1.05rem; flex-shrink: 0;
  box-shadow: 0 2px 6px rgba(255,100,45,0.25);
}
.sidebar-user-info { flex: 1; min-width: 0; }
.sidebar-user-name {
  font-weight: 700; font-size: .9rem; color: var(--sidebar-text-strong);
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
  margin-bottom: .25rem;
}
.sidebar-user-meta { display: flex; }
.sidebar-pill {
  display: inline-flex; align-items: center; gap: .25rem;
  font-size: .68rem; font-weight: 700; letter-spacing: .03em;
  padding: .15rem .55rem; border-radius: 100px;
  background: var(--bg-elevated); color: var(--sidebar-text);
  border: 1px solid var(--sidebar-border);
}
.sidebar-pill.admin { background: linear-gradient(135deg,#F59E0B,#FBBF24); color: #fff; border: none; }

/* --- Nav --- */
.sidebar-nav { display: flex; flex-direction: column; gap: .1rem; }
.nav-divider { height: 1px; background: var(--sidebar-border); margin: .85rem .25rem .35rem; }
.nav-section-title {
  display: flex; align-items: center; gap: .35rem;
  font-size: .68rem; font-weight: 800; color: var(--sidebar-muted);
  text-transform: uppercase; letter-spacing: .08em;
  padding: .25rem .75rem .35rem;
}
.nav-cat-head {
  display: flex; align-items: center; gap: .45rem;
  padding: .2rem .6rem .3rem;
}
.nav-cat-icon {
  display: inline-flex; align-items: center; justify-content: center;
  width: 22px; height: 22px; border-radius: 6px; flex-shrink: 0;
}
.nav-cat-label {
  font-size: .67rem; font-weight: 800; letter-spacing: .1em; text-transform: uppercase;
  color: var(--sidebar-muted);
}
.sidebar-link {
  display: flex; align-items: center; gap: .55rem;
  padding: .5rem .75rem; border-radius: 8px;
  text-decoration: none; color: var(--sidebar-text);
  font-size: .85rem; line-height: 1.3; transition: all .15s;
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.sidebar-link .sl-icon {
  display: inline-flex; align-items: center; justify-content: center;
  width: 22px; flex-shrink: 0;
}
.sidebar-link:hover { background: var(--sidebar-hover); color: var(--sidebar-text-strong); text-decoration: none; }
.sidebar-link.active {
  background: var(--sidebar-active-bg); color: var(--sidebar-active-color); font-weight: 700;
  border-left: 2.5px solid var(--sidebar-active-color); padding-left: calc(.75rem - 2.5px);
}
.sidebar-link.active .sl-icon { color: var(--sidebar-active-color) !important; }
.sidebar-link-cta {
  background: linear-gradient(135deg, rgba(255,100,45,0.18), rgba(255,100,45,0.05));
  color: var(--brand-orange); font-weight: 700;
  border: 1px dashed rgba(255,100,45,0.45);
  margin-top: .35rem;
}
.sidebar-link-cta:hover { background: rgba(255,100,45,0.25); color: #FFFFFF; }

.main-content { display: flex; flex-direction: column; scroll-padding-top: 52px; }
.main-body { padding: 2.5rem 2rem 1.5rem; max-width: 1300px; flex-shrink: 0; }
.main-body > * { flex-shrink: 0; }
@media (max-width: 768px) { .app-shell { grid-template-columns: 1fr; } .sidebar { display: none; } .main-body { padding: 1.5rem 1rem 1rem; } }

/* === Stat cards === */
.stats-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 1rem; margin-bottom: 2rem; }
.stat-card { background: var(--bg-card); border: 1px solid var(--border); border-radius: var(--radius-lg); padding: 1.25rem; }
.stat-value { font-size: 1.75rem; font-weight: 800; color: var(--text-primary); line-height: 1; }
.stat-label { font-size: .78rem; color: var(--text-muted); margin-top: .35rem; }

/* === Tool grid === */
.tool-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 1rem; }
.tool-card { display: flex; flex-direction: column; gap: .5rem; padding: 1.25rem; background: var(--bg-card); border: 1px solid var(--border); border-radius: var(--radius-lg); text-decoration: none; color: inherit; transition: all .15s; min-height: 130px; }
.tool-card:hover { border-color: var(--brand-blue); transform: translateY(-2px); box-shadow: 0 6px 16px rgba(255,100,45,0.08); text-decoration: none; }
.tool-card .tool-icon { width: 44px; height: 44px; font-size: 1.4rem; background: var(--bg-elevated); border-radius: 10px; display: flex; align-items: center; justify-content: center; margin-bottom: .25rem; }
.tool-name { font-size: .95rem; font-weight: 600; }
.tool-desc { font-size: .8rem; color: var(--text-secondary); line-height: 1.5; flex: 1; }
.tool-cost-badge { font-size: .72rem; font-weight: 600; padding: .2rem .55rem; background: rgba(245,158,11,0.12); color: var(--accent); border-radius: 12px; }

/* === Tool page === */
.tool-page { max-width: 900px; }
.tool-header { display: flex; gap: 1rem; align-items: center; margin-bottom: 1.5rem; flex-wrap: wrap; }
.tool-header h1 { font-size: 1.4rem; font-weight: 700; }
.tool-cost { font-size: .8rem; padding: .4rem .85rem; background: rgba(245,158,11,0.12); color: var(--accent); border-radius: 100px; font-weight: 600; }

/* === Action buttons === */
.action-btn {
  display: inline-flex; align-items: center; gap: .4rem;
  background: transparent; border: 1.5px solid var(--border);
  border-radius: 8px; padding: .48rem 1rem;
  font-size: .82rem; font-weight: 600; color: var(--text-secondary);
  cursor: pointer; transition: all .15s;
  font-family: inherit; text-decoration: none; line-height: 1;
}
.action-btn:hover {
  border-color: var(--accent); color: var(--accent);
  background: rgba(99,102,241,0.07); text-decoration: none;
}
/* Kopyala — solid primary */
.action-btn-primary {
  background: var(--grad-blue, linear-gradient(135deg,#1B4FD8,#4F46E5)) !important;
  color: #fff !important; border-color: transparent !important;
  box-shadow: 0 3px 10px rgba(255,100,45,0.3) !important;
  font-weight: 700 !important;
}
.action-btn-primary:hover {
  opacity: .88 !important; background: var(--grad-blue) !important;
  transform: translateY(-1px); box-shadow: 0 5px 14px rgba(255,100,45,0.38) !important;
}

/* Küçük inline copy butonları (keyword, hashtag vb.) */
.copy-btn {
  display: inline-flex; align-items: center; gap: .25rem;
  background: transparent; border: 1.5px solid var(--border);
  border-radius: 6px; padding: .28rem .6rem;
  font-size: .75rem; font-weight: 600; cursor: pointer;
  color: var(--text-muted); font-family: inherit; transition: all .15s;
}
.copy-btn:hover { border-color: var(--accent); color: var(--accent); background: rgba(99,102,241,0.07); }

/* === Result box === */
.result-box {
  margin-top: 1.5rem; padding: 1.5rem;
  background: var(--bg-card); border: 1px solid var(--border);
  border-radius: var(--radius-lg);
}
.markdown-result h1 { font-size: 1.3rem; margin: 1.25rem 0 .75rem; }
.markdown-result h2 { font-size: 1.1rem; margin: 1rem 0 .5rem; }
.markdown-result h3 { font-size: 1rem; margin: .85rem 0 .5rem; }
.markdown-result p { margin-bottom: .75rem; line-height: 1.7; }
.markdown-result ul { margin: .5rem 0 .75rem 1.5rem; }
.markdown-result li { margin-bottom: .25rem; }
.markdown-result code { background: var(--bg-elevated); padding: .15rem .4rem; border-radius: 4px; font-size: .85rem; }
.markdown-result strong { font-weight: 700; }

.source-code { font-family: monospace; font-size: .82rem; background: var(--bg-elevated); padding: 1rem; border-radius: 8px; white-space: pre-wrap; word-break: break-word; }

/* === Auth pages === */
.auth-wrap { min-height: 100vh; display: flex; align-items: center; justify-content: center; padding: 2rem; }
.auth-card { background: var(--bg-card); border: 1px solid var(--border); border-radius: var(--radius-lg); padding: 2rem; width: 100%; max-width: 420px; }
.auth-card h1 { font-size: 1.4rem; margin-bottom: .5rem; }
.auth-card p { color: var(--text-secondary); font-size: .85rem; margin-bottom: 1.5rem; }

/* === Hero / homepage === */
.hero { text-align: center; padding: 4rem 1.5rem 3rem; max-width: 800px; margin: 0 auto; }
.hero h1 { font-size: clamp(2rem, 5vw, 3.5rem); line-height: 1.1; margin-bottom: 1rem; font-weight: 800; }
.hero p { font-size: 1.05rem; color: var(--text-secondary); margin-bottom: 2rem; }
.hero-actions { display: flex; gap: .75rem; justify-content: center; flex-wrap: wrap; }

/* === Plan cards === */
.plan-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 1.25rem; max-width: 1100px; margin: 2rem auto; padding: 0 1.5rem; }
.plan-card { background: var(--bg-card); border: 1px solid var(--border); border-radius: var(--radius-lg); padding: 1.75rem; position: relative; transition: all .2s; }
.plan-card:hover { border-color: var(--brand-blue); }
.plan-card.featured { border-color: var(--brand-blue); border-width: 2px; }
.plan-card.featured::before {
  content: 'POPÜLER'; position: absolute; top: -10px; left: 50%; transform: translateX(-50%);
  background: var(--accent); color: #fff; padding: .15rem .85rem; border-radius: 100px;
  font-size: .65rem; font-weight: 700; letter-spacing: .08em;
}
.plan-name { font-size: .8rem; color: var(--text-muted); text-transform: uppercase; letter-spacing: .05em; margin-bottom: .35rem; }
.plan-price { font-size: 2.25rem; font-weight: 800; line-height: 1; margin-bottom: 1rem; }
.plan-price small { font-size: .85rem; color: var(--text-muted); font-weight: 400; }
.plan-features { list-style: none; padding: 0; margin: 0 0 1.5rem; }
.plan-features li { padding: .4rem 0; font-size: .85rem; }
.plan-features li::before { content: '✓ '; color: var(--success); font-weight: 700; }

/* === Misc === */
.related-tag {
  display: inline-flex; align-items: center;
  background: var(--bg-elevated); border: 1px solid var(--border);
  border-radius: 20px; padding: .3rem .85rem;
  font-size: .8rem; color: var(--text-secondary);
  margin: .15rem; cursor: pointer;
}
.related-tag:hover { border-color: var(--brand-blue); color: var(--accent-blue); }

/* ===========================================================
 * EK STİLLER — Sticky fix, FAQ, Rank, Kategoriler, Scroll-top
 * =========================================================== */

/* Sticky header'in çalışması için body'de overflow-x:hidden olmamalı.
   "clip" sticky'i kırmaz, taşmayı engeller. */
html { scroll-behavior: smooth; }
body { overflow-x: clip; }
.navbar, .landing-nav { position: sticky; top: 0; z-index: 100; }

/* App-shell sayfalarında body düzeni — grid: navbar (auto) + app-shell (1fr).
   Navbar üst satır, app-shell alt satır. Overlap fizik olarak imkansız. */
body:has(.app-shell) {
  overflow: hidden;
  height: 100vh;
  display: grid;
  grid-template-rows: auto 1fr;
  grid-template-columns: 1fr;
}
body:has(.app-shell) .navbar,
body:has(.app-shell) .landing-nav {
  position: relative;
  z-index: 50;
  grid-row: 1;
}
body:has(.app-shell) .app-shell {
  grid-row: 2;
  height: auto;
  min-height: 0;
  overflow: hidden;
}

/* Brand logo — SVG inline, fill tema ile değişir */
.brand-logo { display: inline-block; vertical-align: middle; }
.brand-logo text { fill: #1B4FD8; transition: fill .2s; }
[data-theme="dark"] .brand-logo text { fill: #FFFFFF; }
.landing-nav .brand-logo text { fill: #1B4FD8; }
[data-theme="dark"] .landing-nav .brand-logo text { fill: #FFFFFF; }

/* Sticky header z-index — sayfa içi action bar'lar üstüne ÇIKMAYAcak */
.navbar, .landing-nav { z-index: 50 !important; }

/* SERP/sayfa-içi filtre/aksiyon barları — header'ın ALTINDA kalsın */
.tool-actionbar {
  position: sticky; top: 60px; z-index: 30;
  display: flex; justify-content: space-between; align-items: center;
  background: var(--bg-primary); padding: .75rem 0;
  border-bottom: 1px solid var(--border); margin-bottom: 1rem;
  flex-wrap: wrap; gap: .5rem;
}

/* Şık Excel/CSV butonu (gold-outline) */
.btn-excel {
  display: inline-flex; align-items: center; gap: .4rem;
  padding: .55rem 1.1rem; border-radius: 10px;
  background: linear-gradient(135deg, #10B981, #059669);
  color: #fff !important; font-weight: 700; font-size: .85rem;
  border: none; cursor: pointer; text-decoration: none;
  box-shadow: 0 4px 12px rgba(16,185,129,0.25);
  transition: all .15s;
}
.btn-excel:hover { transform: translateY(-1px); box-shadow: 0 6px 16px rgba(16,185,129,0.35); text-decoration: none; }
.btn-excel.btn-pdf { background: linear-gradient(135deg, #EF4444, #DC2626); box-shadow: 0 4px 12px rgba(239,68,68,0.25); }
.btn-excel.btn-pdf:hover { box-shadow: 0 6px 16px rgba(239,68,68,0.35); }

/* === Scroll-to-top butonu === */
.scroll-top {
  position: fixed; bottom: 1.5rem; right: 1.5rem;
  width: 44px; height: 44px; border-radius: 50%;
  background: var(--brand-blue); color: #fff;
  border: none; cursor: pointer; font-size: 1.25rem; font-weight: 700;
  box-shadow: 0 6px 20px rgba(255,100,45,0.35);
  display: flex; align-items: center; justify-content: center;
  opacity: 0; pointer-events: none; transform: translateY(10px);
  transition: opacity .2s, transform .2s;
  z-index: 90;
}
.scroll-top.show { opacity: 1; pointer-events: auto; transform: translateY(0); }
.scroll-top:hover { background: var(--accent-blue); transform: translateY(-2px); }

/* === FAQ === */
.faq-list { max-width: 760px; margin: 0 auto; display: flex; flex-direction: column; gap: .75rem; }
.faq-item {
  background: var(--bg-card); border: 1px solid var(--border);
  border-radius: var(--radius-lg); padding: 0;
  transition: all .15s;
}
.faq-item[open] { border-color: var(--brand-blue); box-shadow: 0 4px 12px rgba(255,100,45,0.08); }
.faq-item summary {
  cursor: pointer; padding: 1.1rem 1.5rem;
  font-weight: 600; font-size: .98rem; color: var(--text-primary);
  list-style: none; display: flex; justify-content: space-between; align-items: center;
}
.faq-item summary::-webkit-details-marker { display: none; }
.faq-item summary::after {
  content: '+'; font-size: 1.5rem; font-weight: 400; color: var(--text-muted);
  transition: transform .2s;
}
.faq-item[open] summary::after { content: '−'; color: var(--brand-blue); }
.faq-item p {
  padding: 0 1.5rem 1.25rem; color: var(--text-secondary);
  font-size: .9rem; line-height: 1.7;
}
.faq-item p a { color: var(--accent-blue); }

/* === Rütbe Kartı === */
.rank-card {
  background: var(--bg-card); border: 1px solid var(--border);
  border-radius: var(--radius-lg); padding: 1.5rem;
  margin-bottom: 1.5rem;
}
.rank-card-head { display: flex; align-items: center; gap: 1.25rem; margin-bottom: 1.25rem; flex-wrap: wrap; }
.rank-icon-big {
  width: 70px; height: 70px; border-radius: 50%;
  display: flex; align-items: center; justify-content: center;
  font-size: 2rem; flex-shrink: 0;
}
.rank-eyebrow {
  font-size: .68rem; font-weight: 700; text-transform: uppercase;
  letter-spacing: .1em; color: var(--text-muted); margin-bottom: .25rem;
}
.rank-name { font-size: 1.5rem; font-weight: 800; line-height: 1.1; }
.rank-meta { font-size: .82rem; color: var(--text-muted); margin-top: .25rem; }
.rank-next { text-align: right; min-width: 130px; }
.rank-progress-wrap {
  height: 10px; background: var(--bg-elevated);
  border-radius: 100px; overflow: hidden; margin-bottom: .5rem;
}
.rank-progress-bar { height: 100%; transition: width .5s ease; }
.rank-progress-label {
  text-align: right; font-size: .8rem; font-weight: 600;
  color: var(--text-muted); margin-bottom: 1.25rem;
}
.rank-tiers {
  display: grid; grid-template-columns: repeat(6, 1fr); gap: .5rem;
  padding-top: 1rem; border-top: 1px solid var(--border);
}
@media (max-width: 640px) { .rank-tiers { grid-template-columns: repeat(3, 1fr); } }
.rank-tier {
  text-align: center; padding: .75rem .35rem;
  border-radius: 10px; opacity: .35; transition: all .2s;
}
.rank-tier.reached { opacity: 1; }
.rank-tier.current { background: var(--bg-elevated); transform: scale(1.05); }
.rank-tier-icon { font-size: 1.6rem; line-height: 1; margin-bottom: .25rem; }
.rank-tier-name { font-size: .75rem; font-weight: 600; }
.rank-tier-min { font-size: .65rem; color: var(--text-muted); margin-top: .15rem; }

/* === Kategori Filtreleri (tools/index.php) — şık card-pill === */
.cat-filters {
  display: flex; flex-wrap: wrap; gap: .5rem;
  background: var(--bg-card); padding: .65rem; border: 1px solid var(--border);
  border-radius: 16px; margin-bottom: 2rem;
  box-shadow: 0 2px 6px rgba(0,0,0,0.03);
}
.cat-pill {
  display: inline-flex; align-items: center; gap: .5rem;
  padding: .55rem 1.1rem; background: transparent;
  border: 1.5px solid transparent; border-radius: 100px;
  font-size: .88rem; font-weight: 600; color: var(--text-secondary);
  text-decoration: none; transition: all .18s; cursor: pointer;
  white-space: nowrap;
}
.cat-pill:hover { background: var(--bg-elevated); color: var(--text-primary); text-decoration: none; }
.cat-pill.active {
  background: var(--brand-blue); color: #fff !important;
  border-color: var(--brand-blue);
  box-shadow: 0 3px 10px rgba(255,100,45,0.3);
}
.cat-pill.active .cat-pill-count { background: rgba(255,255,255,0.25); color: #fff; }
.cat-pill-icon { display: inline-flex; align-items: center; flex-shrink: 0; }
.cat-pill:not(.active) .cat-pill-icon svg { stroke: currentColor; }
.cat-pill-count {
  background: var(--bg-elevated); padding: .15rem .55rem;
  border-radius: 100px; font-size: .7rem; font-weight: 700; color: var(--text-muted);
  min-width: 22px; text-align: center;
}

/* === Hedef yoğunluk pill (keyword-density) — segmented switch === */
.density-switch {
  display: inline-flex; gap: 0; background: var(--bg-elevated);
  border: 1px solid var(--border); border-radius: 12px; padding: .25rem;
}
.density-switch label {
  cursor: pointer; padding: .5rem 1rem; border-radius: 9px;
  font-size: .82rem; font-weight: 700; color: var(--text-secondary);
  transition: all .15s; user-select: none;
}
.density-switch input[type="radio"] { display: none; }
.density-switch label:hover { color: var(--text-primary); }
.density-switch input[type="radio"]:checked + span,
.density-switch label.is-active {
  background: var(--brand-blue); color: #fff;
  box-shadow: 0 2px 6px rgba(255,100,45,0.3);
}
.density-switch label.is-active { background: var(--brand-blue); color: #fff; box-shadow: 0 2px 6px rgba(255,100,45,0.3); }

.cat-section { margin-bottom: 2.5rem; }
.cat-section-head {
  display: flex; align-items: center; gap: 1rem;
  padding: 1rem 0; margin-bottom: 1rem;
  border-bottom: 1px solid var(--border);
}
.cat-section-icon {
  width: 44px; height: 44px; border-radius: 12px;
  display: flex; align-items: center; justify-content: center;
  font-size: 1.4rem;
}
.cat-section-title { font-size: 1.15rem; font-weight: 700; line-height: 1.1; }
.cat-section-desc { font-size: .8rem; color: var(--text-muted); margin-top: .15rem; }
.cat-section-count {
  margin-left: auto; font-size: .78rem; color: var(--text-muted);
  background: var(--bg-elevated); padding: .35rem .85rem; border-radius: 100px;
}

/* === Char-limit grid === */
.cl-grid {
  display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
  gap: .75rem;
}
.cl-card {
  background: var(--bg-card); border: 1px solid var(--border);
  border-radius: 12px; padding: 1rem;
  transition: all .15s;
}
.cl-card.cl-over { border-color: var(--error); background: rgba(239,68,68,0.04); }
.cl-card-head { display: flex; align-items: center; gap: .5rem; margin-bottom: .65rem; }
.cl-icon { font-size: 1.1rem; }
.cl-name { font-size: .82rem; font-weight: 600; flex: 1; }
.cl-bar {
  height: 6px; background: var(--bg-elevated); border-radius: 100px;
  overflow: hidden; margin-bottom: .5rem;
}
.cl-bar-fill { height: 100%; transition: width .25s ease, background-color .25s; }
.cl-foot { display: flex; justify-content: space-between; font-size: .75rem; }
.cl-count { font-weight: 700; }
.cl-remain { color: var(--text-muted); }

/* === Dark mode ek polish === */
[data-theme="dark"] .landing-nav { background: rgba(10,14,26,.92) !important; }
[data-theme="dark"] .footer { background: #050811; }
[data-theme="dark"] .alert-success { color: #34D399; }
[data-theme="dark"] .alert-error   { color: #F87171; }
[data-theme="dark"] .alert-warning { color: #FBBF24; }
[data-theme="dark"] .alert-info    { color: #60A5FA; }

/* Mobil sidebar görünmüyor → mobilde rütbe & kategori responsive */
@media (max-width: 640px) {
  .rank-card-head { flex-direction: column; align-items: flex-start; }
  .rank-next { text-align: left; }
  .stats-grid { grid-template-columns: repeat(2, 1fr); }
}


/* ─── RANK TRACKER REDESIGN ─────────────────────────────── */

/* Cron stale banner */
.rt-cron-banner {
  display: flex; align-items: flex-start; gap: 1rem;
  padding: 1rem 1.25rem;
  margin-bottom: 1rem;
  background: rgba(245, 158, 11, 0.06);
  border: 1px solid rgba(245, 158, 11, 0.28);
  border-radius: 12px;
}
.rt-cron-icon {
  flex-shrink: 0;
  width: 32px; height: 32px;
  border-radius: 8px;
  background: rgba(245, 158, 11, 0.12);
  display: flex; align-items: center; justify-content: center;
  color: #D97706;
}
.rt-cron-body { flex: 1; min-width: 0; }
.rt-cron-title {
  font-weight: 700; font-size: .9rem; color: #B45309;
  margin-bottom: .25rem;
}
.rt-cron-msg {
  font-size: .82rem; color: var(--text-secondary);
  line-height: 1.5;
}
.rt-cron-code {
  display: block;
  margin-top: .4rem;
  padding: .4rem .65rem;
  background: rgba(0, 0, 0, 0.18);
  border-radius: 6px;
  font-family: "Geist Mono", "SF Mono", ui-monospace, monospace;
  font-size: .72rem;
  color: #FCD34D;
  word-break: break-all;
}
.rt-cron-cta {
  flex-shrink: 0;
  align-self: center;
  padding: .55rem 1rem;
  background: #D97706;
  color: #fff;
  text-decoration: none;
  border-radius: 8px;
  font-weight: 700;
  font-size: .82rem;
  transition: background .15s;
}
.rt-cron-cta:hover { background: #B45309; }

/* KPI Ticker — kompakt tek satır, hero-metric cliché değil */
.rt-kpi-ticker {
  display: grid;
  grid-template-columns: 1.3fr repeat(5, 1fr) 1.3fr;
  gap: 0;
  background: var(--bg-card);
  border: 1px solid var(--border);
  border-radius: 12px;
  margin-bottom: 1.25rem;
  overflow: hidden;
}
@media (max-width: 900px) {
  .rt-kpi-ticker {
    grid-template-columns: repeat(3, 1fr);
  }
}
.rt-kpi-cell {
  display: flex; flex-direction: column; gap: .3rem;
  padding: .85rem 1rem;
  border-right: 1px solid var(--border);
}
.rt-kpi-cell:last-child { border-right: none; }
@media (max-width: 900px) {
  .rt-kpi-cell { border-bottom: 1px solid var(--border); }
}
.rt-kpi-cell.rt-kpi-primary {
  background: rgba(255, 100, 45, 0.04);
}
.rt-kpi-label {
  font-family: "Geist Mono", "SF Mono", ui-monospace, monospace;
  font-size: .62rem;
  font-weight: 700;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: var(--text-muted);
}
.rt-kpi-num {
  font-family: "Switzer", -apple-system, system-ui, sans-serif;
  font-size: 1.6rem;
  font-weight: 700;
  letter-spacing: -.025em;
  color: var(--text-primary);
  font-variant-numeric: tabular-nums;
  line-height: 1;
}
.rt-kpi-primary .rt-kpi-num {
  color: #FF642D;
  font-size: 1.8rem;
}
.rt-kpi-num.gain { color: #10B981; }
.rt-kpi-num.loss { color: #EF4444; }
.rt-kpi-meta-val {
  font-family: "Geist Mono", "SF Mono", ui-monospace, monospace;
  font-size: .85rem;
  font-weight: 600;
  color: var(--text-secondary);
  letter-spacing: -.005em;
}

/* ── Modern Select ─────────────────────────────────────────── */
.modern-select { position:relative; display:inline-block; }
.modern-select-trigger {
  display:inline-flex; align-items:center; gap:8px;
  padding:0 12px 0 14px; height:40px; min-width:140px;
  background:var(--bg-elevated,#1e293b); border:1px solid var(--border,#334155);
  border-radius:8px; font-size:13px; font-weight:500; color:var(--text,#f1f5f9);
  cursor:pointer; user-select:none;
  transition:border-color .15s, box-shadow .15s;
}
.modern-select-trigger:hover { border-color:var(--accent,#3b82f6); }
.modern-select-trigger[aria-expanded="true"] {
  border-color:var(--accent,#3b82f6); box-shadow:0 0 0 3px rgba(59,130,246,.12);
}
.ms-label { flex:1; }
.ms-caret { margin-left:4px; flex-shrink:0; transition:transform .15s; opacity:.5; }
.modern-select-trigger[aria-expanded="true"] .ms-caret { transform:rotate(180deg); }
.modern-select-menu {
  position:absolute; top:calc(100% + 4px); left:0;
  min-width:100%; background:var(--bg-card,#0f172a);
  border:1px solid var(--border,#334155); border-radius:8px;
  box-shadow:0 8px 24px rgba(0,0,0,.18); z-index:200;
  overflow:hidden; opacity:0; transform:translateY(-4px);
  pointer-events:none; transition:opacity .12s ease, transform .12s ease;
}
.modern-select.ms-open .modern-select-menu {
  opacity:1; transform:translateY(0); pointer-events:auto;
}
.ms-option {
  padding:9px 14px; font-size:13px; color:var(--text,#f1f5f9);
  cursor:pointer; display:flex; align-items:center; gap:10px;
  transition:background .1s;
}
.ms-option:hover { background:var(--bg-elevated,#1e293b); }
.ms-option[aria-selected="true"] { color:var(--accent,#3b82f6); font-weight:600; }
.ms-option-dot {
  width:6px; height:6px; border-radius:50%;
  background:var(--accent,#3b82f6); flex-shrink:0;
  opacity:0; transition:opacity .1s;
}
.ms-option[aria-selected="true"] .ms-option-dot { opacity:1; }
/* ─────────────────────────────────────────────────────────── */

/* ── Button :active scale feedback ─────────────────────────── */
.btn:active, .btn-primary:active, .btn-secondary:active,
.action-btn:active, .navbar-action-btn:active,
button:active { transform: scale(0.97); }

/* ── Result enter animation ──────────────────────────────── */
@keyframes resultFadeIn {
  from { opacity: 0; transform: translateY(8px); }
  to   { opacity: 1; transform: translateY(0); }
}
.result-anim { animation: resultFadeIn .25s ease-out both; }

/* ── Accessibility: prefers-reduced-motion ───────────────── */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}

/* ════════════════════════════════════════════════════════════
   SMART STACK SIDEBAR  (2026-05-22)
   Token'lar .smart-sidebar'a SCOPE'lu — global :root'a sızmaz.
   ════════════════════════════════════════════════════════════ */
.smart-sidebar {
  /* light tema (varsayılan) */
  --sb-bg:#F4F1E8; --sb-bg2:#ECE8DC; --sb-card:#FBF8EE; --sb-card2:#F4F1E5;
  --sb-fg:#0B1E3F; --sb-fg2:rgba(11,30,63,.66); --sb-fg3:rgba(11,30,63,.44); --sb-fg4:rgba(11,30,63,.22);
  --sb-line:rgba(11,30,63,.08); --sb-line2:rgba(11,30,63,.14);
  --sb-accent:#F26A1F; --sb-accent2:#FFB070; --sb-accent-soft:rgba(242,106,31,.12);
  --sb-good:#2B9A55; --sb-warn:#C8463F;
}
[data-theme="dark"] .smart-sidebar {
  --sb-bg:#161823; --sb-bg2:#1D202C; --sb-card:#1B1E2A; --sb-card2:#212531;
  --sb-fg:#EAE7DC; --sb-fg2:rgba(234,231,220,.66); --sb-fg3:rgba(234,231,220,.42); --sb-fg4:rgba(234,231,220,.22);
  --sb-line:rgba(234,231,220,.08); --sb-line2:rgba(234,231,220,.14);
  --sb-accent:#F26A1F; --sb-accent2:#FFB070; --sb-accent-soft:rgba(242,106,31,.14);
  --sb-good:#5DCC85; --sb-warn:#E87371;
}

/* shell — .sidebar shell kurallarını ezer */
.smart-sidebar {
  background:var(--sb-bg) !important;
  border-right:1px solid var(--sb-line) !important;
  padding:18px 14px 14px !important;
  display:flex; flex-direction:column; gap:5px;
  font-family:'Geist',-apple-system,BlinkMacSystemFont,'Segoe UI',system-ui,sans-serif;
}
.smart-sidebar a { text-decoration:none; color:inherit; }
.smart-sidebar button { font-family:inherit; cursor:pointer; border:0; background:transparent; color:inherit; }
.smart-sidebar::-webkit-scrollbar { width:4px; }
.smart-sidebar::-webkit-scrollbar-thumb { background:var(--sb-fg4); border-radius:100px; }

/* logo */
.smart-sidebar .sb-brand { display:flex; align-items:center; padding:6px 6px 10px; }
.smart-sidebar .sb-brand img { display:block; height:34px; width:auto; }

/* arama / Cmd+K */
.smart-sidebar .sb-search-wrap { position:relative; margin:4px 0 12px; }
.smart-sidebar .sb-search {
  display:flex; align-items:center; gap:9px; height:40px; padding:0 11px;
  background:color-mix(in oklab, #fff 7%, var(--sb-card));
  border:1.5px solid var(--sb-line2); border-radius:10px;
  cursor:text; transition:border-color .15s, background .15s, box-shadow .15s; width:100%;
}
.smart-sidebar .sb-search:hover { border-color:color-mix(in oklab, var(--sb-accent) 45%, var(--sb-line2)); }
.smart-sidebar .sb-search:focus-within {
  border-color:var(--sb-accent);
  box-shadow:0 0 0 3px color-mix(in oklab, var(--sb-accent) 16%, transparent);
  background:color-mix(in oklab, #fff 11%, var(--sb-card));
}
.smart-sidebar .sb-search svg { color:var(--sb-fg2); flex-shrink:0; }
.smart-sidebar .sb-search input {
  flex:1; min-width:0; background:transparent; border:0; outline:none;
  color:var(--sb-fg); font:500 12.5px/1 'Geist',sans-serif;
  white-space:nowrap; text-overflow:ellipsis;
}
.smart-sidebar .sb-search input::placeholder { color:var(--sb-fg3); }
.smart-sidebar .sb-search .k {
  font:700 9.5px/1 'JetBrains Mono',monospace; background:var(--sb-bg2); border:1px solid var(--sb-line);
  padding:4px 6px; border-radius:5px; color:var(--sb-fg2); letter-spacing:.06em; flex-shrink:0;
}
/* inline arama sonuç dropdown'u — kutunun hemen altında, içeriği itmez */
.smart-sidebar .sb-search-results {
  display:none; position:absolute; top:calc(100% + 5px); left:0; right:0; z-index:50;
  background:var(--sb-card); border:1px solid var(--sb-line2); border-radius:11px;
  box-shadow:0 14px 38px rgba(0,0,0,.32);
  max-height:340px; overflow-y:auto; padding:5px;
}
.smart-sidebar .sb-search-results.show { display:block; }
.smart-sidebar .sb-search-results a {
  display:flex; flex-direction:column; gap:2px; padding:8px 10px; border-radius:7px;
  transition:background .12s;
}
.smart-sidebar .sb-search-results a .r-n { font:600 12.5px/1.2 'Geist',sans-serif; color:var(--sb-fg); }
.smart-sidebar .sb-search-results a .r-c {
  font:500 9.5px/1 'JetBrains Mono',monospace; color:var(--sb-fg3);
  text-transform:uppercase; letter-spacing:.06em;
}
.smart-sidebar .sb-search-results a:hover,
.smart-sidebar .sb-search-results a.focused { background:var(--sb-bg2); }
.smart-sidebar .sb-search-empty {
  padding:14px 12px; text-align:center; font:500 12px/1.4 'Geist',sans-serif; color:var(--sb-fg4);
}

/* panel link / generic nav link */
.smart-sidebar .sb-nav {
  display:flex; align-items:center; gap:11px; padding:8px 9px; border-radius:8px;
  color:var(--sb-fg); font:600 12.5px/1 'Geist',sans-serif; transition:background .15s;
}
.smart-sidebar .sb-nav svg { color:var(--sb-fg2); flex-shrink:0; }
.smart-sidebar .sb-nav:hover { background:var(--sb-bg2); }
.smart-sidebar .sb-nav.active { background:var(--sb-accent-soft); color:var(--sb-accent); }
.smart-sidebar .sb-nav.active svg { color:var(--sb-accent); }

/* bölüm başlığı */
.smart-sidebar .sb-sec {
  display:flex; align-items:center; gap:8px; padding:14px 8px 6px;
  font:700 10px/1 'JetBrains Mono',monospace; color:var(--sb-fg3);
  text-transform:uppercase; letter-spacing:.14em;
}
.smart-sidebar .sb-sec .sb-sec-ico { color:var(--sb-accent); display:inline-flex; }
.smart-sidebar .sb-sec .more {
  margin-left:auto; color:var(--sb-fg4); font:700 9px/1 'JetBrains Mono',monospace;
  letter-spacing:.08em; cursor:pointer; padding:2px 4px; border-radius:4px; transition:color .15s,background .15s;
}
.smart-sidebar .sb-sec .more:hover { color:var(--sb-accent); background:var(--sb-bg2); }
.smart-sidebar.editing .sb-sec .more { color:var(--sb-accent); }

/* sabitlenenler grid */
.smart-sidebar .pin-grid {
  display:flex; flex-direction:column; gap:1px; padding:6px;
  background:linear-gradient(160deg, color-mix(in oklab, var(--sb-accent) 14%, var(--sb-card)) 0%, var(--sb-card) 70%);
  border:1px solid color-mix(in oklab, var(--sb-accent) 32%, var(--sb-line2));
  border-radius:12px;
}
.smart-sidebar .pin {
  display:flex; align-items:center; gap:11px; padding:8px 9px; border-radius:8px;
  color:var(--sb-fg); font:600 12.5px/1 'Geist',sans-serif; position:relative; transition:background .15s;
}
.smart-sidebar .pin:hover { background:color-mix(in oklab, var(--sb-fg) 6%, transparent); }
.smart-sidebar .pin .ico {
  width:24px; height:24px; border-radius:7px; background:var(--sb-accent-soft); color:var(--sb-accent);
  display:inline-flex; align-items:center; justify-content:center; flex-shrink:0;
}
.smart-sidebar .pin .nm { flex:1; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.smart-sidebar .pin.active { background:color-mix(in oklab, var(--sb-fg) 8%, transparent); }
.smart-sidebar .pin.active::before {
  content:''; position:absolute; left:-7px; top:9px; bottom:9px; width:3px; border-radius:2px; background:var(--sb-accent);
}
.smart-sidebar .pin .kbd {
  font:700 9px/1 'JetBrains Mono',monospace; color:var(--sb-fg3);
  background:var(--sb-bg2); border:1px solid var(--sb-line); padding:4px 5px; border-radius:4px; flex-shrink:0;
}
.smart-sidebar .pin.active .kbd { display:none; }
.smart-sidebar .pin .star { color:var(--sb-accent); display:none; flex-shrink:0; }
.smart-sidebar .pin.active .star { display:inline-flex; }
/* düzenleme modu — kaldır butonu */
.smart-sidebar .pin .pin-x {
  display:none; flex-shrink:0; width:20px; height:20px; border-radius:5px;
  align-items:center; justify-content:center; color:var(--sb-warn);
  background:color-mix(in oklab, var(--sb-warn) 14%, transparent);
}
.smart-sidebar.editing .pin .kbd,
.smart-sidebar.editing .pin .star { display:none; }
.smart-sidebar.editing .pin .pin-x { display:inline-flex; }
.smart-sidebar.editing .pin { cursor:default; }

/* son kullanılanlar */
.smart-sidebar .recent {
  display:flex; align-items:center; gap:11px; padding:7px 9px; border-radius:7px;
  color:var(--sb-fg2); font:500 12px/1 'Geist',sans-serif; transition:background .15s,color .15s;
}
.smart-sidebar .recent:hover { background:var(--sb-bg2); color:var(--sb-fg); }
.smart-sidebar .recent .dot { width:5px; height:5px; border-radius:50%; background:var(--sb-fg4); flex-shrink:0; margin-left:6px; }
.smart-sidebar .recent .nm { flex:1; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.smart-sidebar .recent .ago { font:500 10px/1 'JetBrains Mono',monospace; color:var(--sb-fg3); letter-spacing:.04em; flex-shrink:0; }
.smart-sidebar .recent-empty { padding:4px 12px 6px; font:400 11.5px/1.4 'Geist',sans-serif; color:var(--sb-fg4); }

/* kategori accordion */
.smart-sidebar .cat { margin-top:1px; }
.smart-sidebar .cat-h {
  display:flex; align-items:center; gap:11px; width:100%; padding:8px 9px;
  text-align:left; border-radius:8px; color:var(--sb-fg2);
  font:500 12.5px/1 'Geist',sans-serif; transition:background .15s,color .15s;
}
.smart-sidebar .cat-h:hover { background:var(--sb-bg2); color:var(--sb-fg); }
.smart-sidebar .cat-h .cat-ico { display:inline-flex; flex-shrink:0; }
.smart-sidebar .cat-h .lbl { flex:1; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.smart-sidebar .cat-h .count {
  font:700 9.5px/1 'JetBrains Mono',monospace; color:var(--sb-fg3);
  background:var(--sb-bg2); border:1px solid var(--sb-line); padding:3px 6px; border-radius:4px; flex-shrink:0;
}
.smart-sidebar .cat-h .chev { color:var(--sb-fg3); transition:transform .2s; flex-shrink:0; }
.smart-sidebar .cat[data-open="true"] .cat-h { color:var(--sb-fg); }
.smart-sidebar .cat[data-open="true"] .cat-h .chev { transform:rotate(90deg); color:var(--sb-fg2); }
.smart-sidebar .cat-body { display:none; padding:2px 0 8px 32px; }
.smart-sidebar .cat[data-open="true"] .cat-body { display:flex; flex-direction:column; gap:1px; }
.smart-sidebar .cat-body a {
  display:flex; align-items:center; padding:6px 9px; border-radius:6px; color:var(--sb-fg2);
  font:500 11.5px/1.2 'Geist',sans-serif; position:relative; transition:background .15s,color .15s;
}
.smart-sidebar .cat-body a .cb-nm { flex:1; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.smart-sidebar .cat-body a::before {
  content:''; position:absolute; left:-10px; top:50%; transform:translateY(-50%);
  width:3px; height:3px; border-radius:50%; background:var(--sb-fg4); transition:background .15s;
}
.smart-sidebar .cat-body a:hover { background:var(--sb-bg2); color:var(--sb-fg); }
.smart-sidebar .cat-body a:hover::before { background:var(--sb-accent); }
.smart-sidebar .cat-body a.active { background:var(--sb-bg2); color:var(--sb-fg); }
.smart-sidebar .cat-body a.active::before { background:var(--sb-accent); }
/* düzenleme modu — pinle butonu */
.smart-sidebar .cat-body a .pin-add {
  display:none; flex-shrink:0; width:18px; height:18px; border-radius:4px; margin-left:6px;
  align-items:center; justify-content:center; color:var(--sb-accent);
  background:var(--sb-accent-soft);
}
.smart-sidebar.editing .cat-body a .pin-add { display:inline-flex; }
.smart-sidebar.editing .cat-body a.is-pinned .pin-add { color:var(--sb-fg4); background:var(--sb-bg2); }

/* beta/test rozeti */
.smart-sidebar .sb-beta { opacity:.62; }

/* alt — kullanıcı kartı */
.smart-sidebar .sb-foot { margin-top:auto; padding-top:12px; border-top:1px solid var(--sb-line); }
.smart-sidebar .sb-user {
  display:flex; align-items:center; gap:11px; padding:8px 9px; border-radius:9px; transition:background .15s;
}
.smart-sidebar .sb-user:hover { background:var(--sb-bg2); }
.smart-sidebar .sb-user .av {
  width:30px; height:30px; border-radius:50%; flex-shrink:0;
  background:linear-gradient(135deg, var(--sb-accent), var(--sb-accent2));
  color:#fff; font:800 11px/30px 'Geist',sans-serif; text-align:center; letter-spacing:.04em;
}
.smart-sidebar .sb-user .col { display:flex; flex-direction:column; gap:2px; min-width:0; flex:1; }
.smart-sidebar .sb-user .col .n {
  font:600 12px/1.1 'Geist',sans-serif; color:var(--sb-fg);
  overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
}
.smart-sidebar .sb-user .col .e {
  font:500 10px/1.1 'JetBrains Mono',monospace; color:var(--sb-fg3); letter-spacing:.02em;
}
.smart-sidebar .sb-user .col .e b { color:var(--sb-accent); font-weight:700; }
.smart-sidebar .sb-foot-row { display:flex; gap:4px; margin-top:4px; }
.smart-sidebar .sb-foot-row a {
  flex:1; display:flex; align-items:center; justify-content:center; gap:6px;
  padding:7px 8px; border-radius:7px; color:var(--sb-fg3);
  font:600 10.5px/1 'Geist',sans-serif; transition:background .15s,color .15s;
}
.smart-sidebar .sb-foot-row a:hover { background:var(--sb-bg2); color:var(--sb-fg); }
.smart-sidebar .sb-foot-row a.logout:hover { color:var(--sb-warn); }

/* ── Sidebar hover tooltip — warm/samimi (Emil "smooth & considered" + Jakub "materialize") ── */
.tool-tooltip {
  position:fixed;
  /* Sıcak krem zemin — soğuk siyah glassmorphism yerine */
  background:linear-gradient(180deg, #FFFCFA 0%, #FBF7F2 100%);
  border:1px solid rgba(255,107,53,.12);
  border-radius:12px;
  padding:13px 16px;
  min-width:240px;
  max-width:320px;
  box-shadow:
    0 1px 0 rgba(255,255,255,.9) inset,
    0 4px 12px rgba(199,95,48,.07),
    0 16px 40px rgba(199,95,48,.09);
  z-index:200;
  pointer-events:none;
  opacity:0;
  visibility:hidden;
  /* Origin-aware: sidebar link'in sağından akar */
  transform-origin:left center;
  transform:translateX(-4px) scale(.97);
  filter:blur(3px);
  /* Emil custom Bézier (yumuşak ease-out) + Jakub "materialize" çoklu özellik */
  transition:
    opacity     .26s cubic-bezier(.2,.9,.25,1),
    transform   .26s cubic-bezier(.2,.9,.25,1),
    filter      .26s cubic-bezier(.2,.9,.25,1),
    visibility  0s   linear .26s;
}
.tool-tooltip.show {
  opacity:1;
  visibility:visible;
  transform:translateX(0) scale(1);
  filter:blur(0);
  transition:
    opacity     .26s cubic-bezier(.2,.9,.25,1),
    transform   .26s cubic-bezier(.2,.9,.25,1),
    filter      .26s cubic-bezier(.2,.9,.25,1),
    visibility  0s   linear 0s;
}

/* Karanlık modda sıcak kömür rengine geç — soğuk siyaha asla düşme */
[data-theme="dark"] .tool-tooltip {
  background:linear-gradient(180deg, #2A2520 0%, #1F1B17 100%);
  border-color:rgba(255,138,92,.20);
  box-shadow:
    0 1px 0 rgba(255,255,255,.04) inset,
    0 4px 12px rgba(0,0,0,.20),
    0 16px 40px rgba(0,0,0,.40);
}

/* Coral hairline accent — markamızın imzası */
.tool-tooltip::before {
  content:"";
  position:absolute;
  top:0; left:14px; right:14px;
  height:1px;
  background:linear-gradient(90deg, transparent, rgba(255,107,53,.55), transparent);
}

/* Header — isim + plan rozeti */
.tool-tooltip .tt-header {
  display:flex;
  align-items:center;
  gap:8px;
  margin-bottom:5px;
}

.tool-tooltip .tt-name {
  font:600 13.5px/1.3 'Geist', system-ui, -apple-system, sans-serif;
  color:#1C1917;            /* sıcak antrasit */
  letter-spacing:-.005em;
}
[data-theme="dark"] .tool-tooltip .tt-name { color:#FBF7F2; }

/* Plan rozeti — kompakt, marka tonunda */
.tool-tooltip .tt-plan {
  display:inline-block;
  font:700 9px/1 'Geist', system-ui, sans-serif;
  letter-spacing:.08em;
  padding:3px 7px;
  border-radius:5px;
  text-transform:uppercase;
}
.tool-tooltip .tt-plan.plan-plus {
  background:linear-gradient(180deg, #FF8A5C, #FF6A35);
  color:#fff;
  box-shadow:0 1px 2px rgba(255,107,53,.25);
}
.tool-tooltip .tt-plan.plan-pro {
  background:linear-gradient(180deg, #A855F7, #7C3AED);
  color:#fff;
  box-shadow:0 1px 2px rgba(124,58,237,.25);
}

/* Açıklama — sıcak gri-kahve, yumuşak okunabilir */
.tool-tooltip .tt-desc {
  font:400 12.5px/1.55 'Geist', system-ui, -apple-system, sans-serif;
  color:rgba(28,25,23,.68);
}
[data-theme="dark"] .tool-tooltip .tt-desc { color:rgba(251,247,242,.66); }

/* ── Topbar avatar dropdown menu (warm/samimi — Emil restraint + Jakub materialize) ── */
.topbar-avatar-wrap { position:relative; }
button.topbar-avatar { cursor:pointer; border:0; outline:0; font-family:inherit; padding:0; }
button.topbar-avatar:focus-visible { box-shadow:0 0 0 3px rgba(255,107,53,.30); }

.topbar-avatar-menu {
  position:absolute;
  top:calc(100% + 8px);
  right:0;
  min-width:248px;
  max-width:280px;
  padding:8px;
  background:linear-gradient(180deg, #FFFCFA 0%, #FBF7F2 100%);
  border:1px solid rgba(255,107,53,.14);
  border-radius:14px;
  box-shadow:
    0 1px 0 rgba(255,255,255,.9) inset,
    0 4px 12px rgba(199,95,48,.08),
    0 20px 48px rgba(199,95,48,.12);
  z-index:1000;
  transform-origin:top right;
  transform:translateY(-6px) scale(.96);
  filter:blur(2px);
  opacity:0;
  visibility:hidden;
  transition:
    opacity     .22s cubic-bezier(.2,.9,.25,1),
    transform   .22s cubic-bezier(.2,.9,.25,1),
    filter      .22s cubic-bezier(.2,.9,.25,1),
    visibility  0s   linear .22s;
}
.topbar-avatar-menu.show {
  opacity:1;
  visibility:visible;
  transform:translateY(0) scale(1);
  filter:blur(0);
  transition:
    opacity     .22s cubic-bezier(.2,.9,.25,1),
    transform   .22s cubic-bezier(.2,.9,.25,1),
    filter      .22s cubic-bezier(.2,.9,.25,1),
    visibility  0s   linear 0s;
}
[data-theme="dark"] .topbar-avatar-menu {
  background:linear-gradient(180deg, #2A2520 0%, #1F1B17 100%);
  border-color:rgba(255,138,92,.22);
  box-shadow:
    0 1px 0 rgba(255,255,255,.04) inset,
    0 4px 12px rgba(0,0,0,.25),
    0 20px 48px rgba(0,0,0,.45);
}

/* Coral hairline accent — marka imzası */
.topbar-avatar-menu::before {
  content:"";
  position:absolute;
  top:0; left:14px; right:14px;
  height:1px;
  background:linear-gradient(90deg, transparent, rgba(255,107,53,.55), transparent);
}

/* Header: avatar + isim + plan/kredi */
.tam-head {
  display:flex;
  align-items:center;
  gap:11px;
  padding:8px 10px 12px;
  border-bottom:1px solid rgba(255,107,53,.08);
  margin-bottom:6px;
}
[data-theme="dark"] .tam-head { border-bottom-color:rgba(255,138,92,.10); }

.tam-avatar {
  width:38px; height:38px;
  border-radius:50%;
  background:linear-gradient(135deg, #FF8A5C, #FF6A35);
  color:#fff;
  display:flex; align-items:center; justify-content:center;
  font:700 13.5px/1 'Geist', sans-serif;
  flex-shrink:0;
  box-shadow:0 2px 8px rgba(255,107,53,.28);
}

.tam-info { flex:1; min-width:0; }
.tam-name {
  font:600 13.5px/1.25 'Geist', sans-serif;
  color:#1C1917;
  letter-spacing:-.005em;
  overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
}
[data-theme="dark"] .tam-name { color:#FBF7F2; }

.tam-meta {
  font:400 11px/1.4 'Geist', sans-serif;
  color:rgba(28,25,23,.58);
  margin-top:2px;
}
.tam-meta b { color:rgba(28,25,23,.82); font-weight:600; font-variant-numeric:tabular-nums; }
[data-theme="dark"] .tam-meta { color:rgba(251,247,242,.58); }
[data-theme="dark"] .tam-meta b { color:#FBF7F2; }

/* Menu items */
.tam-body { display:flex; flex-direction:column; gap:1px; }
.tam-item {
  display:flex; align-items:center; gap:10px;
  width:100%;
  padding:9px 10px;
  border-radius:8px;
  font:500 12.5px/1.2 'Geist', sans-serif;
  color:#1C1917;
  text-decoration:none;
  background:transparent;
  border:0;
  cursor:pointer;
  text-align:left;
  transition:background .14s ease, color .14s ease, transform .14s cubic-bezier(.2,.9,.25,1);
}
.tam-item svg { color:rgba(28,25,23,.50); flex-shrink:0; transition:color .14s ease; }
.tam-item:hover {
  background:rgba(255,107,53,.07);
  text-decoration:none;
  transform:translateX(1px);
}
.tam-item:hover svg { color:#FF6A35; }
.tam-item:focus-visible {
  outline:0;
  background:rgba(255,107,53,.10);
  box-shadow:0 0 0 2px rgba(255,107,53,.20);
}
[data-theme="dark"] .tam-item { color:#FBF7F2; }
[data-theme="dark"] .tam-item svg { color:rgba(251,247,242,.55); }
[data-theme="dark"] .tam-item:hover { background:rgba(255,138,92,.11); }
[data-theme="dark"] .tam-item:hover svg { color:#FF8A5C; }

/* Tema değiştir: sun/moon icon swap */
.tam-icon-sun, .tam-icon-moon { display:none; }
[data-theme="dark"] .tam-icon-sun { display:inline-block; }
:root:not([data-theme="dark"]) .tam-icon-moon { display:inline-block; }

/* Separator */
.tam-sep {
  height:1px;
  background:rgba(255,107,53,.08);
  margin:6px 0;
}
[data-theme="dark"] .tam-sep { background:rgba(255,138,92,.10); }

/* Danger — Çıkış */
.tam-danger { color:#B91C1C; }
.tam-danger svg { color:#B91C1C; }
.tam-danger:hover { background:rgba(220,38,38,.08); }
.tam-danger:hover svg { color:#DC2626; }
[data-theme="dark"] .tam-danger { color:#FCA5A5; }
[data-theme="dark"] .tam-danger svg { color:#FCA5A5; }
[data-theme="dark"] .tam-danger:hover { background:rgba(220,38,38,.15); }

/* Reduced motion */
@media (prefers-reduced-motion: reduce) {
  .topbar-avatar-menu {
    transition:opacity .12s ease, visibility 0s linear .12s !important;
    transform:none !important;
    filter:none !important;
  }
  .topbar-avatar-menu.show {
    transition:opacity .12s ease, visibility 0s linear 0s !important;
  }
  .tam-item, .tam-item:hover { transform:none !important; }
}

/* ── Domain-Data Schema Markup tab ─────────────────────────────── */
.dd-sch-wrap { display:flex; flex-direction:column; gap:1.5rem; }
.dd-sch-hero { display:grid; grid-template-columns:repeat(4,1fr); gap:.75rem; padding:1rem; background:var(--bg-elevated); border:1px solid var(--border); border-radius:12px; }
@media (max-width:640px) { .dd-sch-hero { grid-template-columns:repeat(2,1fr); } }
.dd-sch-stat { text-align:center; padding:.4rem; }
.dd-sch-stat-v { font:700 1.45rem/1 'Geist',system-ui,sans-serif; color:var(--text-primary); margin-bottom:.25rem; }
.dd-sch-stat-l { font:500 .7rem/1.2 'Geist',sans-serif; color:var(--text-muted); text-transform:uppercase; letter-spacing:.05em; }

.dd-sch-section { padding:1rem 1.1rem; background:var(--bg-elevated); border:1px solid var(--border); border-radius:12px; }
.dd-sch-h { font:700 .85rem/1.2 'Geist',sans-serif; color:var(--text-primary); margin-bottom:.75rem; letter-spacing:-.005em; }
.dd-sch-sub-h { margin-top:.85rem; margin-bottom:.4rem; font:600 .72rem/1 'Geist',sans-serif; color:var(--text-muted); text-transform:uppercase; letter-spacing:.06em; }

.dd-sch-row { display:flex; align-items:center; gap:.55rem; padding:.45rem .6rem; border-radius:7px; font:500 .82rem/1.2 'Geist',sans-serif; margin-bottom:.2rem; }
.dd-sch-row:last-child { margin-bottom:0; }
.dd-sch-ok { background:rgba(16,185,129,.06); color:#1C1917; }
.dd-sch-ok .dd-sch-ico { color:#10B981; font-weight:700; }
.dd-sch-miss { background:rgba(148,163,184,.08); color:rgba(28,25,23,.65); }
.dd-sch-miss .dd-sch-ico { color:rgba(148,163,184,.7); }
.dd-sch-name { flex:1; font-weight:600; }
.dd-sch-note { font-size:.68rem; color:var(--text-muted); font-weight:500; }
[data-theme="dark"] .dd-sch-ok { background:rgba(16,185,129,.10); color:#FBF7F2; }
[data-theme="dark"] .dd-sch-miss { color:rgba(251,247,242,.55); }

.dd-sch-empty { padding:.85rem 1rem; background:var(--bg); border:1px dashed var(--border); border-radius:8px; font:400 .82rem/1.5 'Geist',sans-serif; color:var(--text-muted); }
.dd-sch-ok-pill { display:inline-block; padding:.35rem .8rem; background:rgba(16,185,129,.10); color:#059669; border-radius:999px; font:600 .78rem/1 'Geist',sans-serif; }
.dd-sch-issues { display:flex; flex-direction:column; gap:.3rem; margin-top:.55rem; }
.dd-sch-issue { padding:.5rem .7rem; background:rgba(245,158,11,.07); border-left:2px solid #F59E0B; border-radius:6px; font:500 .78rem/1.45 'Geist',sans-serif; color:#92400E; }
[data-theme="dark"] .dd-sch-issue { color:#FCD34D; }

/* Open Graph önizleme kartı */
.dd-og-card { display:flex; gap:.85rem; padding:.75rem; background:var(--bg); border:1px solid var(--border); border-radius:10px; max-width:520px; }
.dd-og-img { flex-shrink:0; width:140px; height:80px; overflow:hidden; border-radius:6px; background:var(--bg-elevated); }
.dd-og-img img { width:100%; height:100%; object-fit:cover; display:block; }
.dd-og-body { flex:1; min-width:0; display:flex; flex-direction:column; gap:.25rem; }
.dd-og-title { font:700 .88rem/1.3 'Geist',sans-serif; color:var(--text-primary); overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; }
.dd-og-desc { font:400 .76rem/1.4 'Geist',sans-serif; color:var(--text-secondary); overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; }
.dd-og-meta { display:flex; gap:.85rem; flex-wrap:wrap; margin-top:.4rem; font:500 .68rem/1 'Geist',sans-serif; color:var(--text-muted); }
.dd-og-meta b { color:var(--text-primary); font-weight:600; }
@media (max-width:560px) {
  .dd-og-card { flex-direction:column; }
  .dd-og-img { width:100%; height:140px; }
}

/* Erişilebilirlik — hareket kısıtlı kullanıcılar (Emil + skill mandatory) */
@media (prefers-reduced-motion: reduce) {
  .tool-tooltip {
    transition:opacity .12s ease, visibility 0s linear .12s !important;
    transform:none !important;
    filter:none !important;
  }
  .tool-tooltip.show {
    transition:opacity .12s ease, visibility 0s linear 0s !important;
  }
}

/* ── Bildirim Merkezi — topbar zil + dropdown panel (avatar menü glass ikizi) ── */
.topbar-notif-wrap { position:relative; }
.topbar-notif-btn { position:relative; }

/* Coral badge — sayı, >9 ise "9+" */
.topbar-notif-badge {
  position:absolute; top:-3px; right:-3px;
  min-width:16px; height:16px; padding:0 4px;
  display:inline-flex; align-items:center; justify-content:center;
  background:var(--brand-orange); color:#fff;
  font:700 10px/1 'Geist', system-ui, sans-serif;
  font-variant-numeric:tabular-nums;
  border-radius:9px;
  box-shadow:0 1px 3px rgba(255,100,45,.45);
  pointer-events:none;
}
@media (prefers-reduced-motion: no-preference) {
  .topbar-notif-badge { animation:notifBadgeIn .26s cubic-bezier(.2,.9,.25,1); }
}
@keyframes notifBadgeIn { from { transform:scale(.5); opacity:0; } to { transform:scale(1); opacity:1; } }

.topbar-notif-menu {
  position:absolute;
  top:calc(100% + 8px);
  right:0;
  width:360px;
  max-width:calc(100vw - 24px);
  max-height:min(440px, 70vh);
  overflow-y:auto;
  padding:8px;
  background:linear-gradient(180deg, #FFFCFA 0%, #FBF7F2 100%);
  border:1px solid rgba(255,107,53,.14);
  border-radius:14px;
  box-shadow:
    0 1px 0 rgba(255,255,255,.9) inset,
    0 4px 12px rgba(199,95,48,.08),
    0 20px 48px rgba(199,95,48,.12);
  z-index:1000;
  transform-origin:top right;
  transform:translateY(-6px) scale(.96);
  filter:blur(2px);
  opacity:0;
  visibility:hidden;
  transition:
    opacity     .18s cubic-bezier(.2,.9,.25,1),
    transform   .18s cubic-bezier(.2,.9,.25,1),
    filter      .18s cubic-bezier(.2,.9,.25,1),
    visibility  0s   linear .18s;
}
.topbar-notif-menu.show {
  opacity:1;
  visibility:visible;
  transform:translateY(0) scale(1);
  filter:blur(0);
  transition:
    opacity     .18s cubic-bezier(.2,.9,.25,1),
    transform   .18s cubic-bezier(.2,.9,.25,1),
    filter      .18s cubic-bezier(.2,.9,.25,1),
    visibility  0s   linear 0s;
}
[data-theme="dark"] .topbar-notif-menu {
  background:linear-gradient(180deg, #2A2520 0%, #1F1B17 100%);
  border-color:rgba(255,138,92,.22);
  box-shadow:
    0 1px 0 rgba(255,255,255,.04) inset,
    0 4px 12px rgba(0,0,0,.25),
    0 20px 48px rgba(0,0,0,.45);
}
.topbar-notif-menu::before {
  content:"";
  position:absolute;
  top:0; left:14px; right:14px;
  height:1px;
  background:linear-gradient(90deg, transparent, rgba(255,107,53,.55), transparent);
}

.notif-list { display:flex; flex-direction:column; gap:2px; }

/* Item */
.notif-item {
  position:relative;
  display:flex; align-items:flex-start; gap:10px;
  padding:10px;
  border-radius:9px;
  transition:background .14s ease, transform .18s cubic-bezier(.2,.9,.25,1), opacity .18s ease;
}
.notif-item:hover { background:rgba(255,107,53,.06); transform:translateX(1px); }
[data-theme="dark"] .notif-item:hover { background:rgba(255,138,92,.10); }
.notif-item.notif-leaving { opacity:0; transform:translateX(8px); }

.notif-item-icon {
  flex-shrink:0; width:30px; height:30px; border-radius:8px;
  display:flex; align-items:center; justify-content:center;
  background:rgba(255,107,53,.10); color:#FF6A35;
}
.notif-item-icon svg { width:15px; height:15px; }
.notif-alert .notif-item-icon { background:rgba(255,107,53,.14); }
[data-theme="dark"] .notif-item-icon { background:rgba(255,138,92,.14); color:#FF8A5C; }

.notif-item-main {
  flex:1; min-width:0;
  display:flex; flex-direction:column; gap:2px;
  text-decoration:none; color:inherit;
}
.notif-item-main:hover { text-decoration:none; }
.notif-item-title {
  font:600 12.5px/1.3 'Geist', sans-serif;
  color:#1C1917;
  overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
}
[data-theme="dark"] .notif-item-title { color:#FBF7F2; }
.notif-item-body {
  font:400 11.5px/1.45 'Geist', sans-serif;
  color:rgba(28,25,23,.62);
}
[data-theme="dark"] .notif-item-body { color:rgba(251,247,242,.60); }
.notif-item-cta {
  display:inline-flex; align-items:center; gap:3px;
  margin-top:3px;
  font:600 11px/1.2 'Geist', sans-serif;
  color:#FF6A35;
}
.notif-item-cta svg { width:12px; height:12px; transition:transform .15s ease; }
.notif-item:hover .notif-item-cta svg { transform:translateX(2px); }

.notif-item-x {
  flex-shrink:0;
  width:22px; height:22px; padding:0;
  display:flex; align-items:center; justify-content:center;
  border:0; background:transparent; cursor:pointer;
  border-radius:6px; color:rgba(28,25,23,.40);
  transition:background .14s ease, color .14s ease;
}
.notif-item-x svg { width:13px; height:13px; }
.notif-item-x:hover { background:rgba(28,25,23,.06); color:rgba(28,25,23,.70); }
[data-theme="dark"] .notif-item-x { color:rgba(251,247,242,.40); }
[data-theme="dark"] .notif-item-x:hover { background:rgba(255,255,255,.06); color:rgba(251,247,242,.75); }

/* Skeleton */
.notif-skel { display:flex; align-items:center; gap:10px; padding:10px; }
.notif-skel-dot { flex-shrink:0; width:30px; height:30px; border-radius:8px; background:rgba(28,25,23,.07); }
.notif-skel-lines { flex:1; display:flex; flex-direction:column; gap:6px; }
.notif-skel-line { height:9px; border-radius:5px; background:rgba(28,25,23,.07); }
.notif-skel-line.short { width:60%; }
[data-theme="dark"] .notif-skel-dot,
[data-theme="dark"] .notif-skel-line { background:rgba(255,255,255,.06); }
@media (prefers-reduced-motion: no-preference) {
  .notif-skel-dot, .notif-skel-line { animation:notifSkel 1.2s ease-in-out infinite; }
}
@keyframes notifSkel { 0%,100% { opacity:.5; } 50% { opacity:1; } }

/* Empty */
.notif-empty { display:flex; flex-direction:column; align-items:center; gap:8px; padding:26px 16px; text-align:center; }
.notif-empty svg { width:24px; height:24px; color:rgba(28,25,23,.30); }
[data-theme="dark"] .notif-empty svg { color:rgba(251,247,242,.28); }
.notif-empty-text { margin:0; font:500 12.5px/1.4 'Geist', sans-serif; color:rgba(28,25,23,.55); }
[data-theme="dark"] .notif-empty-text { color:rgba(251,247,242,.55); }
.notif-empty-cta { font:600 12px/1.2 'Geist', sans-serif; color:#FF6A35; text-decoration:none; }
.notif-empty-cta:hover { text-decoration:underline; }

/* Mobil — sağ kenara hizalı sheet, taşma yok */
@media (max-width:640px) {
  .topbar-notif-menu { width:calc(100vw - 24px); right:0; }
}

/* [hidden] global kural — UA stilini ezebilecek class display'e karşı eşlik (memory: hidden-attr trap).
   Panel visibility/opacity ile animasyonlu; hidden iken display:none, JS hidden=false ile akışa döner. */
[hidden] { display:none; }

/* Reduced motion */
@media (prefers-reduced-motion: reduce) {
  .topbar-notif-menu {
    transition:opacity .12s ease, visibility 0s linear .12s !important;
    transform:none !important;
    filter:none !important;
  }
  .topbar-notif-menu.show {
    transition:opacity .12s ease, visibility 0s linear 0s !important;
  }
  .notif-item, .notif-item:hover { transform:none !important; }
  .notif-item-cta svg, .notif-item:hover .notif-item-cta svg { transform:none !important; }
  .topbar-notif-badge { animation:none !important; }
  .notif-skel-dot, .notif-skel-line { animation:none !important; }
}