/* kz-panel.css — panel stili (v8.45 itibariyla index.html icinden tasindi; icerik birebir ayni) */
  @import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600&family=Outfit:wght@200;300;400;500;600&family=Fraunces:ital,opsz,wght@0,9..144,400;0,9..144,500;0,9..144,600;1,9..144,400&display=swap');
  :root {
    --bg:#0a0a0c; --bg2:#101013; --bg3:#17171b; --bg4:#1f1f25;
    --border:rgba(255,255,255,0.055); --border2:rgba(255,255,255,0.10);
    --text:#f2f2f4; --text2:#9d9da8; --text3:#5c5c66;
    --accent:#6e6ef7; --accent2:#5050e8;
    --green:#34d399; --red:#f87171; --amber:#fbbf24; --pink:#ec4899; --blue:#60a5fa; --purple:#a855f7;
    --font:'Inter',system-ui,sans-serif; --mono:'JetBrains Mono',monospace; --display:'Outfit',sans-serif; --serif:'Fraunces',Georgia,serif; --radius:14px;
    --sidebar-w:240px; --sidebar-w-collapsed:64px;
    --shadow-card:0 1px 2px rgba(0,0,0,.25);
    --ring:0 0 0 3px rgba(110,110,247,.25);
  }
  /* WORDMARK / MARKA */
  .wordmark { font-family:var(--display); line-height:1; user-select:none; }
  .wordmark .wm-name { font-weight:500; letter-spacing:.04em; background:linear-gradient(120deg,#a8a8ff,#6c6cff 55%,#ec4899); -webkit-background-clip:text; background-clip:text; color:transparent; }
  .wordmark .wm-tag { font-weight:400; letter-spacing:.34em; text-transform:uppercase; color:var(--text3); display:block; }
  .logo-text { display:flex; flex-direction:column; line-height:1.05; }
  .logo-mini { display:none; font-family:var(--display); font-weight:300; font-size:23px; background:linear-gradient(120deg,#a8a8ff,#6c6cff 55%,#ec4899); -webkit-background-clip:text; background-clip:text; color:transparent; width:100%; text-align:center; }
  .app.collapsed .logo-mini { display:block; }
  .app.collapsed .sidebar-logo { padding:16px 0; justify-content:center; overflow:hidden; }
  .app.collapsed .sidebar-logo .logo-svg { margin: 0 auto; }
  .app.collapsed .sidebar-logo .logo-mini { display: none !important; }
  .app.collapsed .connect-btn, .app.collapsed .profile-row { justify-content:center; padding:8px; gap:0; }
  .app.collapsed .profile-row { margin-top:8px; }
  [data-theme="light"] .wordmark .wm-name { background:linear-gradient(120deg,#6c6cff,#4a4aff 55%,#ec4899); -webkit-background-clip:text; background-clip:text; color:transparent; }
  [data-theme="light"]{
    --bg:#fafafa; --bg2:#ffffff; --bg3:#f1f1f4; --bg4:#e7e7ec;
    --border:rgba(10,10,14,0.07); --border2:rgba(10,10,14,0.13);
    --text:#151519; --text2:#5b5b66; --text3:#94949e;
    --shadow-card:0 1px 3px rgba(16,16,20,.06);
  }
  * { margin:0; padding:0; box-sizing:border-box; }
  body { font-family:var(--font); background:var(--bg); color:var(--text); min-height:100vh; font-size:14px; transition:background .2s,color .2s; -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility; }
  ::selection { background:rgba(110,110,247,.32); }
  :focus-visible { outline:none; box-shadow:var(--ring); border-radius:8px; }
  ::-webkit-scrollbar { width:10px; height:10px; }
  ::-webkit-scrollbar-thumb { background:var(--bg4); border-radius:8px; border:2px solid var(--bg); }
  ::-webkit-scrollbar-track { background:transparent; }
  @media (prefers-reduced-motion:reduce){ *,*::before,*::after { animation-duration:.01ms !important; transition-duration:.01ms !important; } }
  .num, .kpi-value, .vital-val, td { font-feature-settings:'tnum' 1, 'cv03' 1; }

  /* AUTH — split screen */
  .auth-wrap { height: 100vh; min-height:100vh; display:flex; flex-direction:column; background:#fafafa; overflow:hidden; }
  .auth-main { flex:1 1 auto; min-height:0; display:grid; grid-template-columns:1.1fr 1fr; overflow:hidden; }
  .auth-hero { position:relative; overflow:hidden; display:flex; flex-direction:column; justify-content:space-between; padding:48px 52px; border-right:1px solid var(--border); }
  .auth-hero::before { content:''; position:absolute; inset:0; background-image:linear-gradient(rgba(10,10,20,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(10,10,20,.035) 1px,transparent 1px); background-size:44px 44px; mask-image:radial-gradient(ellipse 90% 80% at 30% 20%,#000 30%,transparent 75%); pointer-events:none; }
  .auth-hero::after { content:''; position:absolute; width:640px; height:640px; left:-180px; top:-220px; background:radial-gradient(circle,rgba(110,110,247,.16),transparent 65%); pointer-events:none; }
  .auth-hero-head { position:relative; z-index:1; }
  .auth-hero h1 { font-size:clamp(26px,3vw,38px); font-weight:600; letter-spacing:-.03em; line-height:1.15; margin-top:46px; max-width:480px; }
  .auth-hero h1 em { font-style:normal; color:var(--accent); }
  .auth-hero .sub { font-size:14px; color:var(--text2); line-height:1.65; margin-top:14px; max-width:430px; }
  .auth-preview { position:relative; z-index:1; background:rgba(16,16,19,.78); border:1px solid var(--border2); border-radius:16px; padding:18px; max-width:430px; backdrop-filter:blur(10px); box-shadow:0 24px 60px rgba(0,0,0,.45); }
  .auth-preview .ap-head { display:flex; justify-content:space-between; align-items:center; font-size:12px; color:var(--text3); text-transform:uppercase; letter-spacing:.1em; margin-bottom:13px; }
  .ap-live { display:flex; align-items:center; gap:6px; color:var(--green); font-weight:600; }
  .ap-live i { width:6px; height:6px; border-radius:50%; background:var(--green); box-shadow:0 0 8px var(--green); display:inline-block; animation:pulse 2s infinite; }
  @keyframes pulse { 50% { opacity:.4; } }
  .ap-row { display:flex; justify-content:space-between; align-items:baseline; padding:9px 0; border-top:1px solid var(--border); }
  .ap-row:first-of-type { border-top:none; }
  .ap-k { font-size:13px; color:var(--text2); }
  .ap-v { font-family:var(--mono); font-size:14px; font-weight:600; }
  .ap-d { font-size:12px; font-weight:600; margin-left:8px; }
  .ap-d.up { color:var(--green); } .ap-d.down { color:var(--red); }
  .ap-chart { margin:2px 0 14px; }
  .ap-chart svg { width:100%; height:74px; display:block; }
  .ap-tiles { display:grid; grid-template-columns:repeat(3,1fr); gap:10px; margin-bottom:13px; }
  .ap-tile { background:rgba(255,255,255,.035); border:1px solid var(--border); border-radius:12px; padding:11px 12px; }
  .ap-tile .t-k { font-size:11px; color:var(--text3); text-transform:uppercase; letter-spacing:.07em; }
  .ap-tile .t-v { font-family:var(--mono); font-size:18px; font-weight:700; margin-top:4px; color:#f5f5f8; }
  .ap-tile .t-d { font-size:12px; font-weight:600; margin-top:3px; }
  .ap-tile .t-d.up { color:var(--green); }
  .ap-insight { font-size:13px; color:#c2c2cc; line-height:1.6; background:rgba(110,110,247,.1); border:1px solid rgba(110,110,247,.24); border-radius:12px; padding:11px 13px; }
  .ap-insight b { color:#cdcdf6; }
  .auth-legal { text-align:center; font-size:12px; color:var(--text3); margin-top:16px; line-height:1.6; }
  .auth-legal a { color:var(--text2); cursor:pointer; text-decoration:underline; text-underline-offset:2px; }
  .auth-hero-foot { position:relative; z-index:1; display:flex; gap:26px; font-size:13px; color:var(--text3); flex-wrap:wrap; }
  .auth-hero-foot b { color:var(--text2); font-weight:600; }
  .auth-side { display:flex; align-items:center; justify-content:center; padding:40px 24px; }
  .auth-card { width:100%; max-width:380px; }
  .auth-sub { font-size:13px; color:var(--text2); margin:6px 0 26px; }
  .auth-title { font-size:20px; font-weight:600; letter-spacing:-.02em; }
  .auth-card .input-row { margin-bottom:14px; }
  .auth-card label { display:block; font-size:13px; font-weight:500; color:var(--text2); margin-bottom:6px; }
  .auth-card input { width:100%; background:var(--bg2); border:1px solid var(--border2); border-radius:12px; color:var(--text); font-family:var(--font); font-size:14px; padding:11px 13px; transition:border-color .15s, box-shadow .15s; }
  .auth-card input:focus { outline:none; border-color:var(--accent); box-shadow:var(--ring); }
  .auth-btn { width:100%; background:var(--accent); border:none; border-radius:12px; color:#fff; font-family:var(--font); font-size:14px; font-weight:600; padding:12px; cursor:pointer; margin-top:8px; transition:background .15s, transform .1s; box-shadow:0 8px 24px rgba(110,110,247,.28); }
  .auth-btn:hover { background:var(--accent2); }
  .auth-btn:active { transform:translateY(1px); }
  .auth-btn:disabled { opacity:.5; cursor:default; }
  .auth-switch { text-align:center; font-size:13px; color:var(--text2); margin-top:18px; }
  .auth-switch a { color:var(--accent); cursor:pointer; font-weight:500; }
  .auth-msg { font-size:13px; padding:10px 12px; border-radius:12px; margin-bottom:14px; line-height:1.5; }
  .auth-msg.err { background:rgba(248,113,113,0.1); color:#fca5a5; border:1px solid rgba(248,113,113,0.22); }
  .auth-msg.ok { background:rgba(52,211,153,0.1); color:#6ee7b7; border:1px solid rgba(52,211,153,0.22); }
  #turnstile { margin:6px 0 4px; }
  @media (max-width:920px){ .auth-main { grid-template-columns:1fr; overflow-y:auto; } .auth-hero { display:none; } .auth-side { align-items:flex-start; } }
  /* Giriş ekranı her zaman ACIK (white) zeminde okunur kalsın (temadan bağımsız) */
  .auth-wrap { color:var(--bg3); }
  .auth-hero h1, .auth-title { color:#111116 !important; }
  .auth-hero h1 em { color:var(--accent2) !important; }
  .auth-hero .sub, .auth-sub, .auth-card label, .auth-switch { color:var(--text3) !important; }
  .auth-hero-foot { color:#7c7c88 !important; }
  .auth-preview .ap-head { color:var(--text2) !important; }
  .auth-hero-foot b { color:#26262e !important; }
  .auth-switch a { color:var(--accent2) !important; }
  .auth-card input { background:#ffffff !important; border-color:#dfdfe6 !important; color:var(--bg3) !important; }
  /* v8.17: giris ekrani acik temada logo, ornek kart ve alt serit okunur */
  .auth-wrap .wordmark .wm-name { background:linear-gradient(120deg,#5650e6,#4a4aff 55%,#d63f8c); -webkit-background-clip:text; background-clip:text; color:transparent; }
  .auth-wrap .wordmark .wm-tag { color:var(--text2) !important; }
  .auth-wrap .auth-preview { background:#ffffff !important; border-color:#e6e6ee !important; box-shadow:0 24px 60px rgba(40,40,90,.12) !important; }
  .auth-wrap .ap-tile { background:#f6f6fb !important; border-color:#ececf3 !important; }
  .auth-wrap .ap-tile .t-k { color:var(--text2) !important; } .auth-wrap .ap-tile .t-v { color:var(--bg3) !important; }
  .auth-wrap .ap-insight { color:#3c3c48 !important; background:rgba(86,80,230,.06) !important; border-color:rgba(86,80,230,.18) !important; }
  .auth-wrap .ap-insight b { color:#26262e !important; }
  .auth-wrap .auth-foot { background:#ffffff !important; border-top-color:#ececf1 !important; }
  .auth-wrap .auth-foot .af-brand { color:var(--text2) !important; } .auth-wrap .auth-foot .af-nav a { color:var(--text3) !important; } .auth-wrap .auth-foot .af-nav a:hover { color:#111116 !important; }
  .auth-card input::placeholder { color:var(--text2); }
  /* Önizleme kartı bilinçli olarak koyu bırakıldı — light sayfada mini "dashboard ekran görüntüsü" efekti */
  .auth-preview { background:rgba(16,16,19,.9) !important; border-color:rgba(255,255,255,.09) !important; }
  /* Şifre belirleme ekranı da giriş öncesi akışın parçası — her zaman açık */
  #setPwScreen .input-row label { color:var(--text3) !important; }
  #setPwScreen .input-row input { background:#ffffff !important; border-color:#dfdfe6 !important; color:var(--bg3) !important; }
  #setPwScreen .input-row input::placeholder { color:var(--text2); }

  /* SIDEBAR */
  .app { display:none; }
  .app.ready { display:block; }
  .sidebar { display:none !important; }
  .main { margin-left:0; transition:none; min-height:100vh; }
  /* ============ ÜST MENÜ (TOPNAV) ============ */
  .topnav { position:sticky; top:0; z-index:120; height:60px; display:flex; align-items:center; gap:9px; padding:0 22px; background:color-mix(in srgb,var(--bg) 80%,transparent); backdrop-filter:blur(18px) saturate(150%); -webkit-backdrop-filter:blur(18px) saturate(150%); border-bottom:1px solid var(--border); box-shadow:0 1px 0 rgba(255,255,255,.02), 0 10px 30px -22px rgba(0,0,0,.9); }
  .topnav-logo { display:flex; align-items:center; gap:11px; cursor:pointer; text-decoration:none; color:var(--text); flex-shrink:0; }
  .topnav-logo .logo-svg-tn { width:30px; height:30px; filter:drop-shadow(0 2px 10px rgba(110,110,247,.45)); flex-shrink:0; }
  .topnav-logo .logo-text { display:flex; flex-direction:column; line-height:1.05; }
  .topnav-logo .wm-name { font-family:var(--display); font-weight:500; font-size:16px; letter-spacing:.01em; line-height:1.05; color:var(--text); }
  .topnav-logo .wm-tag { display:block; font-size:8.5px; color:var(--text3); line-height:1; margin-top:3px; letter-spacing:.2em; text-transform:uppercase; }
  .tn-divider { width:1px; height:26px; background:var(--border2); flex-shrink:0; margin:0 5px 0 3px; }
  .topnav-menu { display:flex; align-items:center; gap:2px; flex:1; min-width:0; }
  .tn-item { position:relative; display:flex; align-items:center; gap:7px; height:38px; padding:0 13px; border-radius:12px; cursor:pointer; color:var(--text2); font-size:13px; font-weight:500; white-space:nowrap; text-decoration:none; transition:background .14s,color .14s; user-select:none; }
  .tn-item .tn-ic { width:15px; height:15px; opacity:.6; flex-shrink:0; }
  .tn-item:hover { background:var(--bg3); color:var(--text); }
  .tn-item:hover .tn-ic { opacity:.9; }
  .tn-item.open { background:var(--bg3); color:var(--text); }
  .tn-item.active { color:var(--text); background:color-mix(in srgb,var(--accent) 15%,transparent); }
  .tn-item.active .tn-ic { color:var(--accent); opacity:1; }
  .tn-item .caret { width:9px; height:9px; opacity:.5; margin-left:0; transition:transform .18s,opacity .14s; }
  .tn-item.open .caret { transform:rotate(180deg); opacity:.85; }
  .tn-badge { display:inline-flex; align-items:center; padding:2px 6px; border-radius:8px; background:linear-gradient(135deg,var(--accent),var(--accent2)); color:#fff; font-size:9.5px; font-weight:700; letter-spacing:.04em; margin-left:1px; box-shadow:0 2px 7px -1px rgba(110,110,247,.55); }
  .tn-right { display:flex; align-items:center; gap:9px; flex-shrink:0; margin-left:auto; }
  .tn-notewrap { position:relative; display:flex; align-items:center; }
  .tn-notebtn { position:relative; width:38px; height:38px; border-radius:12px; background:transparent; border:1px solid transparent; color:var(--text2); display:flex; align-items:center; justify-content:center; cursor:pointer; transition:background .14s,border-color .14s,color .14s; }
  .tn-notebtn:hover { background:var(--bg3); border-color:var(--border2); color:var(--text); }
  .tn-notebadge { position:absolute; top:2px; right:2px; min-width:16px; height:16px; padding:0 4px; border-radius:8px; background:#f04438; color:#fff; font-size:11px; font-weight:700; display:flex; align-items:center; justify-content:center; box-shadow:0 0 0 2px var(--bg); }
  .tn-notepop { width:min(360px,calc(100vw - 24px)); padding:0; overflow:hidden; }
  .kznote-head { display:flex; align-items:center; justify-content:space-between; padding:12px 14px; border-bottom:1px solid var(--border); }
  .kznote-head b { font-size:14px; }
  .kznote-actions { display:flex; gap:12px; }
  .kznote-actions a { font-size:12px; color:var(--accent); cursor:pointer; }
  .kznote-list { max-height:min(60vh,440px); overflow-y:auto; }
  .kznote { display:flex; gap:10px; padding:11px 14px; border-bottom:1px solid var(--border); align-items:flex-start; }
  .kznote.unread { background:color-mix(in srgb,var(--accent) 8%,transparent); }
  .kznote-dot { width:8px; height:8px; border-radius:50%; margin-top:5px; flex-shrink:0; }
  .kznote-main { flex:1; min-width:0; }
  .kznote-title { font-size:13px; font-weight:600; color:var(--text); line-height:1.35; }
  .kznote-body { font-size:12px; color:var(--text2); line-height:1.45; margin-top:2px; word-break:break-word; }
  .kznote-time { font-size:11px; color:var(--text3); margin-top:3px; }
  .kznote-act { flex-shrink:0; align-self:center; font-size:12px; padding:5px 10px; border-radius:8px; background:var(--bg3); border:1px solid var(--border2); color:var(--text); cursor:pointer; white-space:nowrap; }
  .kznote-act:hover { border-color:var(--accent); }
  .kznote-empty { padding:26px 14px; text-align:center; font-size:13px; color:var(--text3); }
  @media (max-width:820px){ .topbar-right .tn-notewrap { justify-self:end; } }

  /* Marka seçici (özel düğme) */
  .tn-brandwrap { position:relative; flex-shrink:0; }
  .tn-brandbtn { display:flex; align-items:center; gap:9px; height:38px; padding:0 10px 0 7px; border-radius:12px; background:var(--bg2); border:1px solid var(--border2); color:var(--text); cursor:pointer; font-family:var(--font); max-width:215px; transition:border-color .14s,background .14s; }
  .tn-brandbtn:hover { background:var(--bg3); border-color:color-mix(in srgb,var(--accent) 55%,var(--border2)); }
  .tn-brandwrap.open .tn-brandbtn { background:var(--bg3); border-color:var(--accent); }
  .tn-brandbtn .bb-badge { width:24px; height:24px; border-radius:8px; background:linear-gradient(135deg,var(--accent),var(--accent2)); color:#fff; display:flex; align-items:center; justify-content:center; font-size:11px; font-weight:700; flex-shrink:0; box-shadow:0 2px 7px -2px rgba(110,110,247,.6); }
  .tn-brandbtn .bb-tx { display:flex; flex-direction:column; align-items:flex-start; min-width:0; line-height:1.1; }
  .tn-brandbtn .bb-lb { font-size:8px; color:var(--text3); text-transform:uppercase; letter-spacing:.1em; }
  .tn-brandbtn .bb-nm { font-size:13px; font-weight:600; color:var(--text); max-width:120px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
  .tn-brandbtn .bb-caret { width:10px; height:10px; opacity:.5; flex-shrink:0; transition:transform .18s; }
  .tn-brandwrap.open .bb-caret { transform:rotate(180deg); }

  /* Ortak popover (marka + profil) */
  .tn-pop { position:absolute; top:calc(100% + 8px); right:0; z-index:220; min-width:236px; background:var(--bg2); border:1px solid var(--border2); border-radius:12px; box-shadow:0 26px 64px -14px rgba(0,0,0,.72); padding:6px; display:none; }
  .tn-pop.open { display:block; animation:tnPopIn .16s ease; }
  @keyframes tnPopIn { from { opacity:0; transform:translateY(-5px); } to { opacity:1; transform:none; } }
  .tn-pop-h { font-size:11px; text-transform:uppercase; letter-spacing:.1em; color:var(--text3); padding:9px 10px 6px; }
  .tn-pop-brands { max-height:min(320px,52vh); overflow-y:auto; }
  .tn-pop-item { display:flex; align-items:center; gap:10px; padding:9px 10px; border-radius:8px; cursor:pointer; color:var(--text); font-size:13px; text-decoration:none; }
  .tn-pop-item:hover { background:var(--bg3); }
  .tn-pop-item.active { background:color-mix(in srgb,var(--accent) 13%,transparent); }
  .tn-pop-item .pi-badge { width:26px; height:26px; border-radius:8px; background:var(--bg4); color:var(--text2); display:flex; align-items:center; justify-content:center; font-size:11px; font-weight:700; flex-shrink:0; }
  .tn-pop-item.active .pi-badge { background:linear-gradient(135deg,var(--accent),var(--accent2)); color:#fff; }
  .tn-pop-item .pi-nm { flex:1; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
  .tn-pop-item .pi-check { width:15px; height:15px; color:var(--accent); flex-shrink:0; }
  .tn-pop-item svg.pi-ic { width:16px; height:16px; opacity:.72; flex-shrink:0; }
  .tn-pop-sep { height:1px; background:var(--border); margin:6px 4px; }
  .tn-pop-add { color:var(--accent); font-weight:600; }
  .tn-pop-add .pi-badge { background:color-mix(in srgb,var(--accent) 16%,transparent); color:var(--accent); }
  .tn-pop-danger { color:var(--red); }
  .tn-pop-user { display:flex; align-items:center; gap:11px; padding:11px 10px 12px; }
  .tn-pop-user .pu-av { width:38px; height:38px; border-radius:12px; background:linear-gradient(135deg,var(--accent),var(--accent2)); color:#fff; display:flex; align-items:center; justify-content:center; font-size:16px; font-weight:700; flex-shrink:0; box-shadow:0 3px 10px -2px rgba(110,110,247,.6); }
  .tn-pop-user .pu-tx { min-width:0; }
  .tn-pop-user .pu-nm { font-size:13px; font-weight:600; color:var(--text); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; max-width:190px; }
  .tn-pop-user .pu-em { font-size:12px; color:var(--text3); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; max-width:190px; }
  .tn-pop-user .pu-role { display:inline-block; margin-top:4px; font-size:9px; font-weight:700; letter-spacing:.05em; text-transform:uppercase; color:var(--accent); background:color-mix(in srgb,var(--accent) 15%,transparent); padding:1px 6px; border-radius:4px; }

  /* Profil düğmesi */
  .tn-profwrap { position:relative; flex-shrink:0; }
  .tn-profile { display:flex; align-items:center; gap:8px; height:38px; padding:0 8px 0 6px; border-radius:12px; cursor:pointer; background:transparent; border:1px solid transparent; color:var(--text); transition:background .14s,border-color .14s; }
  .tn-profile:hover { background:var(--bg3); }
  .tn-profwrap.open .tn-profile { background:var(--bg3); border-color:var(--border2); }
  .tn-profile .avatar-btn { width:28px; height:28px; border-radius:8px; background:linear-gradient(135deg,var(--accent),var(--accent2)); color:#fff; display:flex; align-items:center; justify-content:center; font-size:12px; font-weight:700; box-shadow:0 2px 8px -2px rgba(110,110,247,.6); }
  .tn-profile .profile-name-tn { font-size:13px; color:var(--text2); font-weight:500; max-width:120px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
  .tn-profile .pf-caret { width:10px; height:10px; opacity:.45; flex-shrink:0; transition:transform .18s; }
  .tn-profwrap.open .pf-caret { transform:rotate(180deg); }

  /* Mega-menu paneli */
  .tn-mega { position:absolute; top:calc(100% + 8px); left:0; min-width:680px; background:var(--bg2); border:1px solid var(--border2); border-radius:16px; box-shadow:0 32px 80px -18px rgba(0,0,0,.75); padding:18px; z-index:200; display:none; }
  .tn-item.tn-mega-right .tn-mega { left:auto; right:0; }
  .tn-item.open .tn-mega { display:block; animation:tnPopIn .16s ease; }
  .tn-mega-cols { display:grid; grid-template-columns:repeat(auto-fit,minmax(312px,1fr)); gap:16px; }
  .tn-mega-col { background:var(--bg); border:1px solid var(--border); border-radius:12px; padding:14px 12px 12px; }
  .tn-mega-col-title { font-size:11px; font-weight:700; color:var(--text3); text-transform:uppercase; letter-spacing:.14em; margin:0 6px 10px; }
  .tn-mega-link { display:flex; align-items:flex-start; gap:12px; padding:10px 9px; border-radius:12px; cursor:pointer; color:var(--text); text-decoration:none; transition:background .12s; }
  .tn-mega-link:hover { background:var(--bg3); }
  .tn-mega-link.active { background:color-mix(in srgb,var(--accent) 12%,transparent); }
  .tn-mega-link .mg-ic { width:38px; height:38px; border-radius:12px; background:var(--bg3); display:flex; align-items:center; justify-content:center; flex-shrink:0; color:var(--text2); transition:background .12s,color .12s; margin-top:1px; }
  .tn-mega-link:hover .mg-ic { color:var(--text); }
  .tn-mega-link.active .mg-ic { background:linear-gradient(135deg,var(--accent),var(--accent2)); color:#fff; }
  .tn-mega-link .mg-ic svg { width:17px; height:17px; }
  .tn-mega-link .mg-body { flex:1; min-width:0; }
  .tn-mega-link .mg-titlerow { display:flex; align-items:center; gap:8px; min-width:0; }
  .tn-mega-link .mg-title { font-size:14px; font-weight:600; color:var(--text); flex:1; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
  .tn-mega-link .mg-sub { font-size:12px; color:var(--text3); margin-top:3px; line-height:1.4; }
  .tn-mega-link .mg-conn { display:inline-flex; align-items:center; gap:5px; flex-shrink:0; font-size:11px; font-weight:600; padding:2px 9px 2px 8px; border-radius:16px; white-space:nowrap; }
  .tn-mega-link .mg-conn::before { content:''; width:5px; height:5px; border-radius:50%; background:currentColor; flex-shrink:0; }
  /* ===== v7.83 SOL MENU: GRUPLU ACIK LISTE (mega-dropdown kaldirildi) ===== */
  .tn-grp { margin:14px 0 2px; }
  .tn-grp-title { font-size:9.5px; font-weight:700; color:var(--text3); text-transform:uppercase; letter-spacing:.13em; padding:0 10px; margin-bottom:5px; user-select:none; }
  .tn-sub { display:flex; align-items:center; gap:9px; padding:7px 10px; border-radius:8px; cursor:pointer; color:var(--text2); font-size:13px; font-weight:500; text-decoration:none; white-space:nowrap; position:relative; transition:background .12s,color .12s; }
  .tn-sub:hover { background:var(--bg3); color:var(--text); }
  .tn-sub.active { background:color-mix(in srgb,var(--accent) 12%,transparent); color:var(--text); font-weight:600; }
  .tn-sub.active::before { content:''; position:absolute; left:0; top:6px; bottom:6px; width:2.5px; border-radius:0 3px 3px 0; background:var(--accent); }
  .tn-sub .ts-ic { width:16px; height:16px; flex-shrink:0; opacity:.72; display:flex; align-items:center; justify-content:center; }
  .tn-sub .ts-ic svg { width:15px; height:15px; }
  .tn-sub.active .ts-ic { opacity:1; color:var(--accent); }
  .tn-sub .ts-lb { flex:1; min-width:0; overflow:hidden; text-overflow:ellipsis; }
  .tn-sub .ts-dot { width:6px; height:6px; border-radius:50%; flex-shrink:0; }
  .tn-sub .ts-dot.on { background:var(--green); }
  .tn-sub .ts-dot.off { background:var(--border2); }
  .tn-sub .ts-badge { font-size:8.5px; font-weight:800; letter-spacing:.06em; padding:1.5px 5px; border-radius:4px; background:linear-gradient(135deg,var(--accent),var(--accent2)); color:#fff; flex-shrink:0; }
  /* AI satiri: menude one cikar */
  .tn-sub.tn-ai { color:var(--text); font-weight:600; }
  .tn-sub.tn-ai .ts-ic { color:var(--accent2); opacity:1; }
  .tn-sub.tn-ai:hover { background:color-mix(in srgb,var(--accent2) 14%,transparent); }
  /* Daraltilmis menude grup basliklari gizlenir, satirlar ortalanir */
  .app.dsb-collapsed .tn-grp-title { display:none; }
  .app.dsb-collapsed .tn-grp { margin:8px 0 2px; padding-top:8px; border-top:1px solid var(--border); }
  .app.dsb-collapsed .tn-sub { justify-content:center; padding:8px 0; gap:0; }
  .app.dsb-collapsed .tn-sub .ts-lb, .app.dsb-collapsed .tn-sub .ts-badge { display:none; }
  .app.dsb-collapsed .tn-sub .ts-dot { position:absolute; top:6px; right:12px; }
  .app.dsb-collapsed .tn-sub.active::before { left:2px; }

  /* ===== MASAUSTU SOL SIDEBAR (v7.59) — mobil (max-width:760px) etkilenmez ===== */
  .dsb-toggle{ display:none; }
  @media (min-width:761px){
    .app .main{ margin-left:248px !important; transition:margin-left .18s ease; }
    .app.dsb-collapsed .main{ margin-left:68px !important; }
    .topnav{ position:fixed; left:0; top:0; bottom:0; height:100vh; width:248px; flex-direction:column; align-items:stretch; gap:2px; padding:16px 12px 12px; border-bottom:none; border-right:1px solid var(--border); box-shadow:none; overflow-y:auto; overflow-x:hidden; transition:width .18s ease; scrollbar-width:thin; }
    .topnav::-webkit-scrollbar{ width:6px; }
    .topnav::-webkit-scrollbar-thumb{ background:var(--border2); border-radius:4px; }
    /* v7.83: mega-dropdown masaustu menude tamamen kapali — liste acik duruyor */
    .topnav .tn-mega{ display:none !important; }
    .topnav .tn-item .caret{ display:none !important; }
    .app.dsb-collapsed .topnav{ width:68px; padding:16px 10px 12px; align-items:center; }
    .topnav-logo{ padding:2px 8px 4px; position:relative; }
    .app.dsb-collapsed .topnav-logo{ padding:2px 0 4px; justify-content:center; }
    .app.dsb-collapsed .topnav-logo .logo-text{ display:none; }
    .dsb-toggle{ display:flex; position:absolute; top:22px; right:-11px; width:22px; height:22px; border-radius:50%; background:var(--bg2); border:1px solid var(--border2); color:var(--text2); cursor:pointer; align-items:center; justify-content:center; z-index:130; box-shadow:0 2px 8px rgba(0,0,0,.3); }
    .dsb-toggle:hover{ background:var(--bg3); color:var(--text); border-color:var(--accent); }
    .dsb-toggle svg{ width:12px; height:12px; transition:transform .18s; }
    .app.dsb-collapsed .dsb-toggle svg{ transform:rotate(180deg); }
    .tn-divider{ width:auto; height:1px; margin:8px 4px 6px; }
    .app.dsb-collapsed .tn-divider{ margin:8px 2px 6px; }
    .topnav-menu{ flex-direction:column; align-items:stretch; gap:2px; flex:0 1 auto; width:100%; }
    .tn-item{ width:100%; height:40px; justify-content:flex-start; padding:0 11px; }
    .tn-item .caret{ margin-left:auto; }
    .app.dsb-collapsed .tn-item{ justify-content:center; padding:0; gap:0; }
    .app.dsb-collapsed .tn-item .tn-lb, .app.dsb-collapsed .tn-item .caret, .app.dsb-collapsed .tn-badge{ display:none; }
    .app.dsb-collapsed .tn-item .tn-ic{ width:17px; height:17px; }
    .tn-mega{ top:0; left:calc(100% + 10px); right:auto; min-width:360px; max-width:none; }
    .tn-item.tn-mega-right .tn-mega{ left:calc(100% + 10px); right:auto; }
    .tn-mega-cols{ grid-template-columns:1fr; }
    .app.dsb-collapsed .tn-mega{ left:calc(100% + 8px); }
    .tn-right{ flex-direction:column; align-items:stretch; gap:6px; margin-top:auto; margin-left:0; width:100%; padding-top:10px; border-top:1px solid var(--border); }
    .app.dsb-collapsed .tn-right{ align-items:center; }
    .tn-brandwrap, .tn-profwrap{ width:100%; position:relative; }
    .tn-brandbtn{ width:100%; max-width:none; }
    .app.dsb-collapsed .tn-brandbtn{ padding:0; justify-content:center; width:38px; height:38px; }
    .app.dsb-collapsed .tn-brandbtn .bb-tx, .app.dsb-collapsed .tn-brandbtn .bb-caret{ display:none; }
    .tn-profile{ width:100%; }
    .tn-profile .profile-name-tn{ flex:1; max-width:none; }
    .app.dsb-collapsed .tn-profile{ padding:0; justify-content:center; width:38px; height:38px; }
    .app.dsb-collapsed .tn-profile .profile-name-tn, .app.dsb-collapsed .tn-profile .pf-caret{ display:none; }
    .tn-brandwrap .tn-pop, .tn-profwrap .tn-pop{ top:auto; bottom:0; left:calc(100% + 10px); right:auto; }
  }
  .tn-mega-link .mg-conn.on { color:var(--green); background:color-mix(in srgb,var(--green) 15%,transparent); }
  .tn-mega-link .mg-conn.off { color:var(--text3); background:var(--bg3); }
  .tn-mega .yeni-badge { display:inline-flex; padding:1px 6px; border-radius:4px; background:var(--red); color:#fff; font-size:9.5px; font-weight:700; letter-spacing:.03em; flex-shrink:0; }

  /* Mobil hamburger — 820px altında alt sekme çubuğu devralır, gizli */
  .tn-burger { display:none; }
  @media (max-width:1120px){
    .topnav { padding:0 16px; gap:6px; }
    .topnav-logo .logo-text { display:none; }
    .tn-divider { display:none; }
    .tn-item { padding:0 10px; gap:6px; font-size:13px; }
    .tn-item .tn-ic { display:none; }
    .tn-brandbtn { max-width:180px; }
    .tn-profile .profile-name-tn { display:none; }
    .tn-profile .pf-caret { display:none; }
    .tn-mega { min-width:min(560px,calc(100vw - 28px)); max-width:calc(100vw - 28px); }
    .tn-mega-cols { grid-template-columns:1fr; }
  }
  @media (max-width:820px){
    .topnav { height:56px; padding:0 14px; background:var(--bg) !important; backdrop-filter:none !important; -webkit-backdrop-filter:none !important; box-shadow:none; }
    .topnav-menu { display:none !important; }
    .tn-right { gap:7px; }
    .tn-brandbtn .bb-tx { display:none; }
    .tn-brandbtn { padding:0 8px; max-width:none; }
    .tn-pop { position:fixed; top:auto; }
  }
  /* ===== MOBİL ALT SEKME ÇUBUĞU + "DAHA FAZLA" SAYFASI ===== */
  .btabs { display:none; }
  .more-scrim { display:none; position:fixed; inset:0; background:rgba(0,0,0,.5); z-index:440; opacity:0; transition:opacity .2s ease; }
  .more-scrim.open { display:block; opacity:1; }
  .more-sheet { display:none; position:fixed; left:0; right:0; bottom:0; z-index:450; background:var(--bg); border-top-left-radius:20px; border-top-right-radius:20px; border-top:1px solid var(--border); padding:8px 16px calc(20px + env(safe-area-inset-bottom)); max-height:84vh; overflow-y:auto; transform:translateY(100%); transition:transform .26s cubic-bezier(.32,.72,0,1); box-shadow:0 -14px 44px rgba(0,0,0,.45); }
  .more-sheet.open { display:block; transform:translateY(0); }
  .ms-handle { width:38px; height:4px; border-radius:4px; background:var(--border2); margin:2px auto 12px; }
  .ms-head { display:flex; align-items:center; justify-content:space-between; margin-bottom:12px; }
  .ms-head b { font-size:16px; font-weight:600; }
  .ms-x { background:var(--bg2); border:1px solid var(--border); color:var(--text2); width:32px; height:32px; border-radius:8px; font-size:14px; cursor:pointer; line-height:1; }
  .ms-brand { margin-bottom:16px; }
  .ms-brand label { font-size:11px; color:var(--text3); text-transform:uppercase; letter-spacing:.06em; display:block; margin-bottom:6px; }
  .ms-brand .brand-select { width:100%; }
  .ms-group { margin-bottom:14px; }
  .ms-title { font-size:11px; font-weight:700; color:var(--text3); text-transform:uppercase; letter-spacing:.1em; margin:0 4px 4px; }
  .ms-link { display:flex; align-items:center; gap:13px; padding:12px; border-radius:12px; color:var(--text); cursor:pointer; text-decoration:none; -webkit-tap-highlight-color:transparent; }
  .ms-link:active { background:var(--bg2); }
  .ms-link.active { background:rgba(110,110,247,.12); }
  .ms-ic { width:36px; height:36px; border-radius:12px; background:var(--bg2); display:flex; align-items:center; justify-content:center; color:var(--text2); flex-shrink:0; }
  .ms-link.active .ms-ic { background:rgba(110,110,247,.18); color:var(--accent); }
  .ms-ic svg { width:18px; height:18px; }
  .ms-tx { flex:1; min-width:0; }
  .ms-tx b { font-size:14px; font-weight:600; }
  .ms-link .mg-conn { width:7px; height:7px; border-radius:50%; margin-left:auto; flex-shrink:0; }
  .ms-link .mg-conn.on { background:var(--green,#22c55e); }
  .ms-link .mg-conn.off { background:var(--text3); opacity:.5; }
  .ms-signout { width:100%; margin-top:4px; padding:14px; border-radius:12px; background:var(--bg2); border:1px solid var(--border); color:var(--red); font-family:var(--font); font-weight:600; font-size:14px; cursor:pointer; }
  @media (max-width:820px){
    .tn-burger { display:none !important; }
    .btabs { display:flex; position:fixed; left:0; right:0; bottom:0; z-index:430; background:color-mix(in srgb,var(--bg) 94%,transparent); backdrop-filter:blur(12px); -webkit-backdrop-filter:blur(12px); border-top:1px solid var(--border); padding:5px 4px calc(5px + env(safe-area-inset-bottom)); justify-content:space-around; align-items:stretch; }
    .btab { flex:1 1 0; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:3px; padding:5px 2px; min-height:50px; background:none; border:none; color:var(--text3); font-family:var(--font); cursor:pointer; border-radius:12px; -webkit-tap-highlight-color:transparent; }
    .btab .bt-ic { width:24px; height:24px; display:flex; align-items:center; justify-content:center; }
    .btab .bt-ic svg { width:22px !important; height:22px !important; }
    .btab .bt-lb { font-size:11px; font-weight:500; letter-spacing:.01em; }
    .btab.active { color:var(--accent); }
    /* v7.83: ORTA SEKME — kanzap AI, yukseltilmis daire.
       Mobilde yuzen buton (FAB) kaldirildi; AI artik ana menunun parcasi. */
    .btab.bt-center { flex:0 0 auto; width:62px; position:relative; }
    .btab.bt-center .bt-ic { width:52px; height:52px; border-radius:50%; margin-top:-22px;
      background:linear-gradient(135deg,var(--accent),var(--accent2)); color:#fff;
      box-shadow:0 10px 24px -6px rgba(108,108,255,.65), 0 0 0 4px var(--bg);
      transition:transform .16s ease, box-shadow .16s ease; }
    .btab.bt-center .bt-ic svg { width:25px !important; height:25px !important; }
    .btab.bt-center:active .bt-ic { transform:scale(.94); }
    .btab.bt-center .bt-lb { margin-top:-1px; font-weight:600; color:var(--text2); }
    .btab.bt-center.active .bt-lb { color:var(--accent); }
    /* AI paneli acikken orta sekme basili gorunsun */
    .btab.bt-center.on .bt-ic { box-shadow:0 6px 16px -6px rgba(108,108,255,.8), 0 0 0 4px var(--bg), 0 0 0 6px color-mix(in srgb,var(--accent) 35%,transparent); }
    /* Mobilde yuzen AI butonu gizli — yerini orta sekme aldi */
    .kzai-fab { display:none !important; }
    .content { padding-bottom:80px !important; }
  }
  .sidebar_original_hidden { display:none !important; }
  .app.collapsed .sidebar { width:var(--sidebar-w-collapsed); }
  .sidebar-logo { padding:16px; border-bottom:1px solid var(--border); font-weight:700; font-size:16px; letter-spacing:-.3px; display:flex; align-items:center; gap:10px; white-space:nowrap; overflow:hidden; }
  .sidebar-logo .logo-icon { width:30px; height:30px; background:linear-gradient(135deg,var(--accent),var(--accent2)); border-radius:8px; display:flex; align-items:center; justify-content:center; font-size:16px; flex-shrink:0; }
  .app.collapsed .logo-text, .app.collapsed .nav-label, .app.collapsed .nav-item .label, .app.collapsed .brand-selector label, .app.collapsed .sidebar-bottom .btn-label { display:none; }
  .collapse-btn { position:absolute; right:-11px; top:22px; width:22px; height:22px; background:var(--bg3); border:1px solid var(--border2); border-radius:50%; color:var(--text2); cursor:pointer; display:flex; align-items:center; justify-content:center; z-index:1201; }
  .collapse-btn:hover { color:var(--text); border-color:var(--accent); }
  .collapse-btn svg { width:12px; height:12px; transition:transform .22s; }
  .app.collapsed .collapse-btn svg { transform:rotate(180deg); }
  .brand-selector { padding:12px; border-bottom:1px solid var(--border); }
  .brand-selector label { font-size:11px; color:var(--text3); text-transform:uppercase; letter-spacing:.8px; display:block; margin-bottom:6px; }
  .brand-select { width:100%; background:var(--bg3); border:1px solid var(--border2); border-radius:8px; color:var(--text); font-family:var(--font); font-size:13px; padding:8px 10px; cursor:pointer; }
  .brand-select:focus { outline:none; border-color:var(--accent); }
  .nav-section { padding:12px 10px; flex:1; overflow-y:auto; }
  .nav-label { font-size:11px; font-weight:600; color:var(--text3); text-transform:uppercase; letter-spacing:.12em; padding:8px 10px 5px; }
  .nav-item { display:flex; align-items:center; gap:10px; padding:8px 10px; border-radius:8px; cursor:pointer; color:var(--text2); font-size:13px; font-weight:500; transition:background .12s,color .12s; text-decoration:none; white-space:nowrap; position:relative; margin-bottom:1px; }
  .nav-item:hover { background:var(--bg3); color:var(--text); }
  .nav-item.active { background:rgba(110,110,247,0.11); color:var(--text); }
  .nav-item.active::before { content:''; position:absolute; left:-10px; top:7px; bottom:7px; width:2px; border-radius:4px; background:var(--accent); }
  .nav-item.active svg.nav-ic { color:var(--accent); opacity:1; }
  .nav-item svg.nav-ic { width:16px; height:16px; opacity:.75; flex-shrink:0; }
  .nav-item .label { flex:1; }
  .conn-dot { width:7px; height:7px; border-radius:50%; flex-shrink:0; }
  .conn-dot.on { background:var(--green); box-shadow:0 0 6px rgba(34,197,94,0.6); }
  .conn-dot.off { background:var(--text3); }
  .app.collapsed .nav-item { justify-content:center; }
  .app.collapsed .conn-dot { position:absolute; top:6px; right:6px; }
  .sidebar-bottom { padding:12px; border-top:1px solid var(--border); }
  .profile-row { display:flex; align-items:center; gap:10px; width:100%; margin-top:10px; padding:7px 8px; background:transparent; border:1px solid var(--border); border-radius:8px; cursor:pointer; transition:background .15s; }
  .profile-row:hover { background:var(--bg3); }
  .connect-btn { width:100%; background:linear-gradient(135deg,var(--accent),var(--accent2)); border:none; border-radius:8px; color:#fff; font-family:var(--font); font-size:13px; font-weight:500; padding:10px; cursor:pointer; display:flex; align-items:center; justify-content:center; gap:8px; }
  .connect-btn:hover { opacity:.9; }

  /* MAIN */
  .main { margin-left:0 !important; transition:none; min-height:100vh; }
  .app.collapsed .main { margin-left:0 !important; }
  .topbar { position:sticky; top:0; z-index:50; background:color-mix(in srgb,var(--bg) 78%,transparent); backdrop-filter:blur(14px); -webkit-backdrop-filter:blur(14px); border-bottom:1px solid var(--border); padding:12px 28px; display:flex; align-items:center; justify-content:space-between; gap:12px; }
  .topbar-title { font-size:16px; font-weight:600; letter-spacing:-.02em; }
  .topbar-sub { font-size:13px; color:var(--text3); margin-top:1px; }
  .topbar-right { display:flex; align-items:center; gap:8px; }
  .date-selector { display:flex; background:var(--bg2); border:1px solid var(--border); border-radius:8px; padding:2px; }
  .date-btn { background:none; border:none; color:var(--text2); font-family:var(--font); font-size:13px; font-weight:500; padding:6px 12px; border-radius:8px; cursor:pointer; transition:color .12s,background .12s; }
  .date-btn:hover { color:var(--text); }
  .date-btn.active { background:var(--bg4); color:var(--text); box-shadow:inset 0 0 0 1px var(--border2); }
  .icon-btn { width:33px; height:33px; border-radius:8px; background:var(--bg2); border:1px solid var(--border); color:var(--text2); cursor:pointer; display:flex; align-items:center; justify-content:center; transition:color .12s,border-color .12s; }
  .icon-btn:hover { color:var(--text); border-color:var(--border2); }
  .sync-btn { display:flex; align-items:center; gap:7px; background:var(--bg2); border:1px solid var(--border2); border-radius:8px; color:var(--text); font-family:var(--font); font-size:13px; font-weight:500; padding:7px 13px; cursor:pointer; transition:border-color .12s,background .12s; }
  .sync-btn:hover { background:var(--bg3); }
  .sync-btn.loading { opacity:.6; pointer-events:none; }
  .avatar-btn { width:30px; height:30px; border-radius:50%; border:none; background:linear-gradient(135deg,var(--accent),var(--pink)); color:#fff; font-weight:700; cursor:pointer; font-size:13px; flex-shrink:0; }
  @keyframes spin { to { transform:rotate(360deg); } }
  .content { padding:22px 28px 60px; }
  .app-footer { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:14px; padding:18px 28px; border-top:1px solid var(--border); margin-top:10px; }
  .af-left { display:flex; align-items:center; gap:14px; flex-wrap:wrap; }
  .af-copy { font-size:13px; color:var(--text3); }
  .af-links { display:flex; gap:18px; flex-wrap:wrap; }
  .af-links a { font-size:13px; color:var(--text2); cursor:pointer; text-decoration:none; }
  .af-links a:hover { color:var(--accent); }

  .explain { background:linear-gradient(135deg,rgba(108,108,255,0.08),rgba(108,108,255,0.02)); border:1px solid rgba(108,108,255,0.18); border-radius:var(--radius); padding:16px 18px; margin-bottom:18px; }
  .explain-head { display:flex; align-items:center; gap:8px; font-weight:600; font-size:13px; margin-bottom:8px; color:var(--accent); }
  .explain p { font-size:13px; line-height:1.65; color:var(--text); margin-bottom:6px; }
  .explain p:last-child { margin-bottom:0; }
  .explain b { color:var(--text); font-weight:600; }
  .explain .up { color:var(--green); } .explain .down { color:var(--red); }
  .section-title .kz-sti { color:var(--accent); font-size:14px; opacity:.85; }
  .section-title { font-size:12px; font-weight:600; text-transform:uppercase; letter-spacing:.1em; color:var(--text2); margin:26px 0 12px; display:flex; align-items:center; gap:8px; }
  .section-hint { font-size:12px; color:var(--text3); font-weight:400; text-transform:none; letter-spacing:0; }
  .src-menu { position:absolute; top:calc(100% + 6px); right:0; z-index:130; background:var(--bg); border:1px solid var(--border); border-radius:12px; box-shadow:0 12px 40px rgba(0,0,0,.4); padding:11px 13px; min-width:210px; }
  .src-menu-h { font-size:11px; text-transform:uppercase; letter-spacing:.09em; color:var(--text3); margin-bottom:9px; }
  .src-menu-item { display:flex; align-items:center; gap:9px; font-size:13px; color:var(--text2); padding:5px 0; }
  .src-menu-item .dot { width:8px; height:8px; border-radius:50%; flex-shrink:0; }
  .src-menu-empty { font-size:13px; color:var(--text3); line-height:1.5; }
  .src-badges { display:flex; flex-wrap:wrap; gap:6px; margin:0 0 16px; }
  .st-chanwrap { position:relative; margin:0 0 12px; }
  .st-chanbtn { display:inline-flex; align-items:center; gap:7px; background:var(--bg2); border:1px solid var(--border2); color:var(--text); border-radius:8px; padding:8px 13px; font-family:var(--font); font-size:13px; cursor:pointer; transition:border-color .12s; }
  .st-chanbtn:hover { border-color:var(--border); }
  .st-chanbtn b { font-weight:600; }
  .st-chanmenu { position:absolute; top:calc(100% + 6px); left:0; z-index:120; background:var(--bg); border:1px solid var(--border); border-radius:12px; box-shadow:0 12px 40px rgba(0,0,0,.4); padding:6px; min-width:250px; max-width:min(340px,90vw); max-height:60vh; overflow-y:auto; }
  .st-chanmenu-h { font-size:11px; text-transform:uppercase; letter-spacing:.08em; color:var(--text3); padding:6px 10px 8px; }
  .st-chanitem { display:flex; align-items:center; gap:10px; width:100%; text-align:left; background:transparent; border:0; color:var(--text2); font-family:var(--font); font-size:13px; padding:9px 10px; border-radius:8px; cursor:pointer; line-height:1.3; }
  .st-chanitem:hover { background:var(--bg2); }
  .st-chanitem.on { color:var(--text); font-weight:600; }
  .st-chanitem .tick { width:16px; height:16px; border-radius:4px; border:1.6px solid var(--border2); flex-shrink:0; position:relative; }
  .st-chanitem.on .tick { background:var(--accent); border-color:var(--accent); }
  .st-chanitem.on .tick::after { content:''; position:absolute; left:5px; top:2px; width:4px; height:8px; border:solid #fff; border-width:0 2px 2px 0; transform:rotate(45deg); }
  .src-badge { display:inline-flex; align-items:center; gap:5px; font-size:12px; font-weight:500; padding:4px 10px; border-radius:16px; border:1px solid var(--border2); background:var(--bg2); color:var(--text2); line-height:1; }
  .src-badge .dot { width:6px; height:6px; border-radius:50%; flex-shrink:0; }
  .src-badge.ticimax .dot { background:var(--amber); } .src-badge.ticimax { border-color:rgba(245,158,11,.35); }
  .src-badge.ga4 .dot { background:#e37400; } .src-badge.ga4 { border-color:rgba(227,116,0,.35); }
  .src-badge.sc .dot { background:#4285f4; } .src-badge.sc { border-color:rgba(66,133,244,.35); }
  .src-badge.meta .dot { background:#0866ff; } .src-badge.meta { border-color:rgba(8,102,255,.35); }
  .src-badge.merchant .dot { background:#34a853; } .src-badge.merchant { border-color:rgba(52,168,83,.35); }
  .src-badge.calc .dot { background:var(--purple); } .src-badge.calc { border-color:rgba(168,85,247,.35); }
  /* Ayin Gidisati (forecast) — v7.48 */
  .kz-fc-wrap { background:var(--bg2); border:1px solid var(--border); border-radius:var(--radius); padding:16px 16px 14px; margin:0 0 18px; box-shadow:var(--shadow-card); }
  .kz-fc-head { font-size:14px; font-weight:600; display:flex; align-items:center; gap:8px; color:var(--text); margin-bottom:14px; flex-wrap:wrap; }
  .kz-fc-spark { color:var(--accent); }
  .kz-fc-note { font-weight:400; font-size:12px; color:var(--text3); }
  .kz-fc-grid { display:grid; grid-template-columns:1fr 1fr; gap:12px; }
  @media (max-width:640px){ .kz-fc-grid { grid-template-columns:1fr; } }
  .kz-fc-box { background:var(--bg); border:1px solid var(--border); border-radius:12px; padding:13px 14px; }
  .kz-fc-lbl { font-size:12px; color:var(--text3); font-weight:500; }
  .kz-fc-val { font-size:24px; font-weight:700; letter-spacing:-.02em; color:var(--text); margin-top:5px; display:flex; align-items:center; gap:8px; flex-wrap:wrap; }
  .kz-fc-tag { font-size:11px; font-weight:600; color:var(--accent); background:rgba(110,110,247,.13); border:1px dashed rgba(110,110,247,.5); border-radius:8px; padding:1px 7px; letter-spacing:.02em; }
  .kz-fc-sub { font-size:13px; color:var(--text2); margin-top:6px; }
  .kz-fc-meta { display:flex; align-items:center; gap:8px; flex-wrap:wrap; margin-top:8px; }
  .kz-fc-conf { font-size:11px; font-weight:600; border-radius:8px; padding:2px 8px; }
  .kz-fc-sum { font-size:13px; line-height:1.6; color:var(--text2); background:rgba(110,110,247,.07); border:1px solid rgba(110,110,247,.18); border-radius:12px; padding:11px 13px; margin-top:12px; }
  .kz-fc-sum b { color:var(--text); }
  /* Reklam verimliligi (v7.49) */
  .kz-ad-wrap { background:var(--bg2); border:1px solid var(--border); border-radius:var(--radius); box-shadow:var(--shadow-card); }
  .kz-ad-row { padding:12px 16px; border-top:1px solid var(--border); }
  .kz-ad-row:first-child { border-top:none; }
  .kz-ad-h { font-size:14px; color:var(--text); display:flex; align-items:center; gap:8px; flex-wrap:wrap; font-weight:600; }
  .kz-ad-h b { font-weight:700; }
  .kz-ad-prev { font-size:12px; color:var(--text3); font-weight:400; }
  .kz-ad-c { font-size:13px; color:var(--text2); line-height:1.55; margin-top:6px; font-weight:400; }
  /* Aylik hedef / pacing (v7.51) */
  .kz-tg { margin-top:12px; }
  .kz-tg-row { font-size:13px; color:var(--text2); line-height:1.6; display:flex; align-items:center; gap:8px; flex-wrap:wrap; }
  .kz-tg-lbl { color:var(--text3); }
  .kz-tg-edit, .kz-tg-set { color:var(--accent); cursor:pointer; font-size:13px; }
  .kz-tg-form { display:flex; gap:12px; align-items:flex-end; flex-wrap:wrap; background:var(--bg); border:1px solid var(--border); border-radius:12px; padding:12px 14px; }
  .kz-tg-f { display:flex; flex-direction:column; gap:5px; }
  .kz-tg-f label { font-size:12px; color:var(--text3); }
  .kz-tg-f input { width:170px; background:var(--bg2); border:1px solid var(--border2); color:var(--text); border-radius:8px; padding:8px 11px; font-family:var(--font); font-size:13px; }
  .kz-tg-btns { display:flex; gap:8px; }
  /* Erken Uyarilar (v7.56) */
  .kz-sig { margin-top:12px; border-top:1px solid var(--border); padding-top:12px; }
  .kz-sig-h { font-size:12px; font-weight:700; color:var(--text3); text-transform:uppercase; letter-spacing:.05em; margin-bottom:8px; }
  .kz-sig-row { display:flex; gap:8px; align-items:flex-start; font-size:13px; color:var(--text2); line-height:1.55; padding:4px 0; }
  .kz-sig-dot { flex:0 0 auto; font-size:12px; line-height:1.5; }

  .insight-board { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; align-items:start; }
  @media (max-width:1100px){ .insight-board { grid-template-columns:1fr; } }
  .insight-col { background:var(--bg2); border:1px solid var(--border); border-radius:var(--radius); padding:14px; display:flex; flex-direction:column; max-height:520px; box-shadow:var(--shadow-card); position:relative; overflow:hidden; }
  .insight-col::before { content:''; position:absolute; top:0; left:0; right:0; height:2px; background:var(--border2); }
  .insight-col-body { overflow-y:auto; padding-right:4px; }
  .insight-col-body::-webkit-scrollbar { width:6px; } .insight-col-body::-webkit-scrollbar-thumb { background:var(--border2); border-radius:8px; }
  .insight-col.win::before { background:var(--green); }
  .insight-col.act::before { background:var(--red); }
  .insight-col.tip::before { background:var(--accent); }
  .insight-col-head { font-size:13px; font-weight:600; margin-bottom:12px; display:flex; align-items:center; gap:7px; }
  .insight-col-head .ic-cnt { margin-left:auto; font-size:12px; color:var(--text3); background:var(--bg3); border-radius:16px; padding:1px 8px; font-weight:500; }
  .insight-item { padding:10px 0; border-top:1px solid var(--border); }
  .insight-item:first-of-type { border-top:none; }
  .ii-title { font-size:13px; font-weight:600; margin-bottom:3px; }
  .insight-col.win .ii-title { color:var(--green); }
  .insight-col.act .ii-title { color:var(--red); }
  .insight-col.tip .ii-title { color:var(--accent); }
  .ii-text { font-size:13px; color:var(--text2); line-height:1.55; }
  .ii-text b { color:var(--text); }
  .insight-empty { font-size:13px; color:var(--text3); padding:12px 0; font-style:italic; }

  .kpi-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(180px,1fr)); gap:12px; }
  .rfm-seg-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(232px,1fr)); gap:12px; }
  @media (max-width:520px){ .rfm-seg-grid { grid-template-columns:1fr; } }
  .rfm-port { background:var(--bg2); border:1px solid var(--border); border-radius:16px; padding:15px 17px; margin-bottom:14px; }
  .rfm-pbar { display:flex; height:15px; border-radius:8px; overflow:hidden; gap:1px; }
  .rfm-pbar span:hover { filter:brightness(1.12); }
  .rfm-leg { display:flex; flex-wrap:wrap; gap:9px 15px; margin-top:13px; padding-top:12px; border-top:1px solid var(--border); }
  .rfm-leg .li { display:flex; align-items:center; gap:6px; font-size:12px; color:var(--text2); }
  .rfm-leg .dot { width:9px; height:9px; border-radius:4px; flex:0 0 auto; }
  .rfm-seg { background:var(--bg2); border:1px solid var(--border); border-radius:12px; padding:14px 15px 13px; display:flex; flex-direction:column; position:relative; }
  .rfm-seg::before { content:""; position:absolute; left:0; top:0; bottom:0; width:3px; border-radius:12px 0 0 13px; background:var(--sc); }
  .rfm-csv { position:relative; }
  .rfm-csv > summary { list-style:none; cursor:pointer; }
  .rfm-csv > summary::-webkit-details-marker { display:none; }
  .rfm-csv .pop { position:absolute; right:0; bottom:calc(100% + 6px); background:var(--bg2); border:1px solid var(--border2); border-radius:8px; padding:5px; box-shadow:0 8px 24px rgba(0,0,0,.16); z-index:20; min-width:132px; display:flex; flex-direction:column; gap:4px; }
  /* v8.20: orta genişlikte (821-1150px) başlık sütunu sıkışıp harf harf kırılıyordu */
  @media (min-width:821px) and (max-width:1150px){ .topbar { flex-wrap:wrap; row-gap:10px; } .topbar > div:first-child { flex:1 1 260px; min-width:220px; } #pageSub { white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } }
  /* v8.20 Site Davranışı (eski Sağlık Skoru yerine) */
  .kz-ins-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; }
  @media (max-width:980px){ .kz-ins-grid { grid-template-columns:1fr; } }
  .kz-ins { background:var(--bg2); border:1px solid var(--border); border-radius:var(--radius); padding:16px; border-top:3px solid var(--border2); min-width:0; }
  .kz-ins.bad { border-top-color:var(--red); } .kz-ins.tip { border-top-color:var(--accent); } .kz-ins.win { border-top-color:var(--green); }
  .kz-ins-h { font-size:13px; font-weight:650; display:flex; align-items:center; gap:7px; margin-bottom:10px; }
  .kz-ins-h span { margin-left:auto; font-size:11px; font-weight:600; color:var(--text3); background:var(--bg3); border-radius:999px; padding:1px 8px; }
  .kz-ins.bad .kz-ins-h .kzi { color:var(--red) !important; }
  .kz-ins-i { padding:9px 0; border-top:1px solid var(--border); } .kz-ins-i:first-of-type { border-top:0; padding-top:2px; }
  .kz-ins-i b { font-size:13px; font-weight:600; display:block; } .kz-ins-i p { margin:3px 0 0; font-size:12.5px; color:var(--text2); line-height:1.5; }
  .kz-ins-x { display:none; } .kz-ins.open .kz-ins-x { display:block; }
  .kz-ins-e { font-size:12.5px; color:var(--text3); } .kz-ins-more { display:inline-block; margin-top:8px; font-size:12px; color:var(--accent); cursor:pointer; }
  /* v8.20: Aksiyon Merkezi ürün satırı — ad kesilmez, detay dar ekranda alta iner */
  .kz-prow { display:flex; align-items:center; flex-wrap:wrap; gap:6px 14px; padding:11px 14px; border:1px solid var(--border); border-radius:12px; background:var(--bg2); margin-bottom:8px; }
  .kz-prow-d { font-size:13px; color:var(--text2); text-align:right; flex:0 1 auto; max-width:100%; }
  @media (max-width:700px){ .kz-prow-d { text-align:left; } }
  /* v8.20: tek tip tablo — dar ekranda tablo kendi içinde kayar (sayfa yana kaymaz), rakamlar sağa hizalı ve eşit genişlikte */
  #mainContent div:has(> table) { overflow-x:auto; -webkit-overflow-scrolling:touch; }
  #mainContent table td.kz-num, #mainContent table th.kz-num { text-align:right; font-feature-settings:"tnum" 1; white-space:nowrap; }
  #mainContent table tbody tr:hover td { background:color-mix(in srgb,var(--accent) 4%,transparent); }
  .kz-thumb { width:44px; height:44px; border-radius:10px; object-fit:cover; flex-shrink:0; background:var(--bg3); border:1px solid var(--border); }
  .kz-thumb-ph { display:inline-flex; align-items:center; justify-content:center; font-weight:650; font-size:15px; color:var(--text3); }
  .kz-thumb.sm { width:30px; height:30px; border-radius:7px; font-size:12px; }
  /* v8.21 ısı haritası */
  .kz-heat { display:grid; grid-template-columns:34px repeat(24,minmax(0,1fr)); gap:2px; align-items:center; }
  .kz-heat-x { font-size:10px; color:var(--text3); text-align:left; height:14px; }
  .kz-heat-y { font-size:11px; color:var(--text3); }
  .kz-heat-c { aspect-ratio:1/1; border-radius:3px; min-height:10px; }
  /* v8.22 hedef çubuğu */
  .kz-bul { position:relative; height:14px; border-radius:7px; background:var(--bg3); margin:12px 0 8px; overflow:visible; }
  .kz-bul-f, .kz-bul-m { position:absolute; left:0; top:0; bottom:0; border-radius:7px; }
  .kz-bul-f { background:color-mix(in srgb,var(--accent) 30%,transparent); }
  .kz-bul-m { background:var(--accent); }
  .kz-bul-pace, .kz-bul-t { position:absolute; top:-4px; bottom:-4px; width:2px; border-radius:2px; transform:translateX(-1px); }
  .kz-bul-pace { background:var(--amber); } .kz-bul-t { background:var(--text); width:3px; }
  .kz-bul-lg { display:flex; flex-wrap:wrap; gap:6px 16px; font-size:11.5px; color:var(--text3); }
  .kz-bul-lg i { display:inline-block; width:10px; height:10px; border-radius:3px; margin-right:5px; vertical-align:-1px; }
  .kz-bul-lg i.m { background:var(--accent); } .kz-bul-lg i.f { background:color-mix(in srgb,var(--accent) 30%,transparent); } .kz-bul-lg i.p { background:var(--amber); width:3px; } .kz-bul-lg i.t { background:var(--text); width:3px; }
  /* v8.22 huni */
  .kz-fn-r { display:grid; grid-template-columns:120px minmax(0,1fr) 130px; gap:12px; align-items:center; padding:5px 0; }
  .kz-fn-l { font-size:13px; color:var(--text2); }
  .kz-fn-b { position:relative; height:26px; background:var(--bg3); border-radius:7px; overflow:hidden; }
  .kz-fn-b i { position:absolute; left:0; top:0; bottom:0; background:linear-gradient(90deg,var(--accent),color-mix(in srgb,var(--accent) 65%,var(--pink))); border-radius:7px; }
  .kz-fn-b b { position:relative; z-index:1; font-size:12.5px; font-weight:650; line-height:26px; padding-left:10px; color:var(--text); font-feature-settings:"tnum" 1; }
  .kz-fn-d { font-size:12px; color:var(--text3); }
  @media (max-width:600px){ .kz-fn-r { grid-template-columns:90px minmax(0,1fr); } .kz-fn-d { grid-column:2; margin-top:-4px; } }
  /* v8.20 Yönetici Özeti */
  .kz-ex { background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 7%,var(--bg2)),var(--bg2)); border:1px solid var(--border2); border-radius:var(--radius); padding:18px 18px 16px; margin-bottom:18px; box-shadow:var(--shadow-card); }
  .kz-ex-h { font-size:13px; font-weight:650; color:var(--text); margin-bottom:12px; letter-spacing:-.01em; }
  .kz-ex-h span { font-weight:400; color:var(--text3); margin-left:6px; font-size:12px; }
  .up-tile { transition:border-color .15s; } .up-tile.on { border-color:var(--accent); box-shadow:0 0 0 1px var(--accent) inset; }
  .up-set { margin-top:14px; } .up-set-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(200px,1fr)); gap:14px; margin-top:12px; }
  .up-set-grid label { display:flex; flex-direction:column; gap:5px; font-size:12.5px; font-weight:600; color:var(--text2); }
  .up-set-grid small { font-weight:400; color:var(--text3); font-size:11.5px; line-height:1.4; }
  .up-in { background:var(--bg); border:1px solid var(--border); border-radius:8px; padding:7px 10px; color:var(--text); font-family:var(--font); font-size:13px; width:100%; max-width:160px; }
  .kz-vtrust { display:flex; gap:10px; align-items:flex-start; padding:10px 14px; margin:0 0 14px; border:1px solid var(--border); border-left-width:3px; border-radius:10px; background:var(--bg2); font-size:13px; line-height:1.55; color:var(--text2); }
  .kz-vtrust.ok { border-left-color:var(--green); }
  .kz-vtrust a { color:var(--accent); cursor:pointer; white-space:nowrap; }
  #kzVerifySec .mini-btn, #kzDimSec .mini-btn { flex:0 0 auto; width:auto; padding:6px 12px; }
  #kzDimSec td { vertical-align:middle; }
  .up-acc { margin-top:14px; }
  .up-acc-g { display:grid; grid-template-columns:repeat(auto-fit,minmax(150px,1fr)); gap:10px; margin-top:8px; }
  .up-acc-t { background:var(--bg2); border:1px solid var(--border); border-radius:10px; padding:10px 12px; }
  .up-acc-t .l { font-size:11.5px; color:var(--text3); }
  .up-acc-t .v { font-size:20px; font-weight:700; margin:2px 0; }
  .up-acc-t .s { font-size:11px; color:var(--text3); }
  .up-acc-hist { display:flex; flex-wrap:wrap; gap:6px; margin-top:8px; }
  .up-acc-hist span { font-size:11.5px; padding:3px 8px; border-radius:999px; background:var(--bg2); border:1px solid var(--border); color:var(--text2); }
  .upl-bar { display:flex; gap:10px; align-items:center; flex-wrap:wrap; padding:12px 14px; border-bottom:1px solid var(--border); background:var(--bg2); }
  .upl-table td:first-child { min-width:360px; } .upl-table .kz-prow { border:0; padding:0; background:none; }
  @media (max-width:600px){
    .up-tile .kz-ex-s > span { display:inline !important; font-size:10.5px; line-height:1.35; }
    .up-acc-g { grid-template-columns:1fr 1fr; gap:8px; }
    .up-acc-t .v { font-size:17px; }
    .upl-table thead { display:none; }
    .upl-table, .upl-table tbody { display:block; width:100%; min-width:0 !important; }
    .upl-table tr { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px 10px; padding:12px; border-bottom:1px solid var(--border); }
    .upl-table td { display:block; padding:0 !important; border:0 !important; text-align:left !important; min-width:0 !important; white-space:normal !important; }
    .upl-table td:first-child { grid-column:1 / -1; }
    .upl-table td[data-l]::before { content:attr(data-l); display:block; font-size:10.5px; color:var(--text3); margin-bottom:2px; }
    .upl-table td[colspan] { grid-column:1 / -1; }
    .upl-bar .up-q { flex:1 1 140px; min-width:0; }
  }
  .upl-bar .mini-btn { flex:0 0 auto; width:auto; padding:6px 12px; }
  .up-grid4 { grid-template-columns:repeat(auto-fit,minmax(210px,1fr)); }
  .upo-bar { display:flex; gap:14px; align-items:center; flex-wrap:wrap; margin:8px 0 10px; }
  .upo-bar label { display:flex; align-items:center; gap:8px; font-size:12.5px; color:var(--text2); font-weight:600; }
  .upo-sum { display:flex; flex-direction:column; gap:2px; font-size:13px; } .upo-sum span { font-size:11.5px; color:var(--text3); }
  .upo-bar .mini-btn { margin-left:auto; flex:0 0 auto; width:auto; padding:6px 12px; }
  .upo-cs { display:flex; flex-wrap:wrap; gap:4px; margin-top:5px; }
  .upo-c { font-size:11.5px; padding:2px 7px; border-radius:999px; background:var(--bg); border:1px solid var(--border); color:var(--text2); }
  .upo-c.h { border-color:rgba(245,158,11,.55); }
  .up-sig, .tm-plan { display:inline-block; margin-top:4px; font-size:11.5px; color:var(--accent); cursor:pointer; text-decoration:none; }
  .tm-plan { margin-top:0; white-space:nowrap; }
  .kzt-h .mini-btn.kzt-link { margin-left:auto; flex:0 0 auto; width:auto; padding:5px 12px; }
  .kzt-h .mini-btn.kzt-link + .mini-btn.kzt-all, .kzt-h .mini-btn.kzt-link + .kzt-c { margin-left:6px; }
  @media (max-width:600px){ .upo-bar .mini-btn { margin-left:0; } .up-grid4 { grid-template-columns:1fr 1fr; } }
  .up-tabs { flex-wrap:wrap; } .up-tabs em { font-style:normal; color:var(--text3); font-size:11px; margin-left:3px; }
  .up-q { margin-left:auto; background:var(--bg); border:1px solid var(--border); border-radius:8px; padding:6px 10px; color:var(--text); font-family:var(--font); font-size:13px; min-width:180px; }
  /* v8.32 ortak liste tablosu */
  .kzg { margin-top:10px; }
  .kzg-bar { display:flex; gap:10px; align-items:flex-end; flex-wrap:wrap; margin-bottom:8px; }
  .kzg-fl { display:flex; flex-direction:column; gap:3px; font-size:11.5px; color:var(--text3); }
  .kzg-fl select, .kzg-pg select { background:var(--bg); border:1px solid var(--border); border-radius:8px; padding:6px 8px; color:var(--text); font-family:var(--font); font-size:13px; }
  .kzg-q { flex:1 1 200px; min-width:0; background:var(--bg); border:1px solid var(--border); border-radius:8px; padding:7px 10px; color:var(--text); font-family:var(--font); font-size:13px; }
  .kzg-bar .mini-btn { flex:0 0 auto; width:auto; padding:7px 12px; }
  .kzg-tc { padding:0; overflow-x:auto; }
  .kzg-t { width:100%; }
  .kzg-t th.kzg-s { cursor:pointer; user-select:none; white-space:nowrap; }
  .kzg-t th.kzg-s:hover, .kzg-t th.on { color:var(--accent); }
  .kzg-t td:first-child { min-width:260px; }
  .kzg-t .kz-prow { border:0; padding:0; background:none; }
  .kzg-pn { font-weight:600; font-size:13px; line-height:1.35; }
  .kzg-ps { font-size:11.5px; color:var(--text3); margin-top:2px; }
  .kzg-pg { display:flex; justify-content:space-between; align-items:center; gap:10px; flex-wrap:wrap; padding:8px 2px; font-size:12.5px; color:var(--text3); }
  .kzg-pg em { font-style:normal; }
  .kzg-pgb { display:flex; align-items:center; gap:6px; }
  .kzg-pgb .mini-btn { width:auto; padding:4px 10px; }
  .kzg-pgb .mini-btn[disabled] { opacity:.4; cursor:default; }
  .kzt-grid { display:block; }
  .kzt { margin-top:14px; padding:14px 16px; }
  .kzt-h { display:flex; align-items:center; gap:8px; flex-wrap:wrap; margin-bottom:8px; font-size:14px; }
  .kzt-w { font-size:12px; color:var(--text3); flex:1 1 220px; }
  .kzt-c { font-size:12px; color:var(--text3); }
  .kzt-all { width:auto; padding:5px 12px; }
  .kzt-h b { color:var(--text); font-weight:700; font-size:14.5px; }
  .kzt-h .mini-btn.kzt-all { width:auto; flex:0 0 auto; margin-left:auto; padding:5px 12px; }
  .kzt .kzg-tc { border:0; box-shadow:none; background:none; padding:0; }
  .kzg-p { display:flex; align-items:center; gap:10px; flex-wrap:nowrap; }
  .kzg-p > div:last-child { min-width:0; }
  .kzt-e { font-size:13px; color:var(--text3); }
  .kzt-n { color:var(--text3); font-size:12px; width:28px; }
  .kzt-t td:nth-child(2) { min-width:240px; }
  .kzt-t td:first-child { min-width:0; }
  /* v8.33: tablo dar alanda (telefon, dar pencere, yan panel) kart olur — yatay taşma yok */
  @media (max-width:1100px){
    .kzg-t thead { display:none; }
    .kzg-t, .kzg-t tbody { display:block; width:100%; min-width:0 !important; }
    .kzg-t tr { display:grid; grid-template-columns:repeat(auto-fill,minmax(112px,1fr)); gap:8px 12px; padding:12px; border-bottom:1px solid var(--border); }
    .kzg-t td { display:block; padding:0 !important; border:0 !important; text-align:left !important; min-width:0 !important; white-space:normal !important; }
    .kzg-t td:first-child { grid-column:1 / -1; }
    .kzt-t td.kzt-n { display:none; }
    .kzt-t td:nth-child(2) { grid-column:1 / -1; }
    .kzg-t td[data-l]::before { content:attr(data-l); display:block; font-size:10.5px; color:var(--text3); margin-bottom:2px; }
    .kzg-t td:first-child::before, .kzt-t td:nth-child(2)::before { display:none; }
    .kzg-t td[colspan] { grid-column:1 / -1; }
  }
  @media (max-width:600px){
    .kzg-fl { flex:1 1 45%; }
    .kzt-h .mini-btn.kzt-all { margin-left:0; }
    .kzg-t tr { grid-template-columns:repeat(3,minmax(0,1fr)); }
  }

  .up-dec { display:inline-block; font-size:11.5px; font-weight:700; padding:3px 8px; border:1px solid; border-radius:20px; white-space:nowrap; }
  .up-b { font-size:9.5px; font-weight:700; letter-spacing:.04em; padding:2px 6px; border-radius:20px; margin-left:4px; vertical-align:1px; }
  .up-b.hero { background:rgba(245,158,11,.16); color:var(--amber); } .up-b.rise { background:rgba(52,211,153,.14); color:var(--green); } .up-b.fade { background:rgba(248,113,113,.12); color:var(--red); }
  .up-why { font-size:11.5px; color:var(--text2); line-height:1.45; margin-top:4px; max-width:560px; }
  .tm-src { display:flex; gap:10px; align-items:flex-start; padding:10px 12px; border:1px solid var(--border); border-radius:10px; background:var(--bg2); font-size:12.5px; color:var(--text2); line-height:1.5; margin-bottom:12px; }
  .tm-src.ok { border-color:rgba(52,211,153,.35); } .tm-src .kzi, .tm-src svg { flex-shrink:0; margin-top:2px; color:var(--text3); } .tm-src.ok .kzi, .tm-src.ok svg { color:var(--green); }
  .kz-seg { display:inline-flex; border:1px solid var(--border); border-radius:8px; overflow:hidden; }
  .kz-seg button { background:none; border:0; padding:5px 12px; font-family:var(--font); font-size:12.5px; color:var(--text3); cursor:pointer; }
  .kz-seg button.on { background:var(--bg3); color:var(--text); font-weight:600; }
  .kz-ex-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(190px,1fr)); gap:10px; }
  .kz-ex-tile { position:relative; background:var(--bg); border:1px solid var(--border); border-radius:12px; padding:13px 14px 12px; min-width:0; overflow:hidden; }
  .kz-ex-l { font-size:11px; font-weight:600; text-transform:uppercase; letter-spacing:.06em; color:var(--text3); }
  .kz-ex-l span { text-transform:none; letter-spacing:0; font-weight:400; opacity:.8; margin-left:4px; }
  .kz-ex-v { font-size:26px; font-weight:680; letter-spacing:-.02em; margin-top:6px; line-height:1.1; font-feature-settings:"tnum" 1; }
  .kz-ex-s { font-size:12px; color:var(--text3); margin-top:6px; display:flex; gap:8px; align-items:center; flex-wrap:wrap; min-height:18px; }
  .kz-ex-chg { font-weight:650; font-size:12px; padding:1px 7px; border-radius:999px; }
  .kz-ex-chg.up { color:var(--green); background:color-mix(in srgb,var(--green) 13%,transparent); }
  .kz-ex-chg.dn { color:var(--red); background:color-mix(in srgb,var(--red) 13%,transparent); }
  .kz-spark { display:block; width:100%; height:30px; margin-top:10px; }
  .kz-ex-txt { font-size:13.5px; line-height:1.6; color:var(--text2); margin-top:14px; padding-top:12px; border-top:1px solid var(--border); }
  .kz-ex-txt b { color:var(--text); font-weight:600; }
  @media (max-width:600px){ .kz-ex { padding:14px 12px 12px; } .kz-ex-grid { grid-template-columns:1fr 1fr; gap:8px; } .kz-ex-tile { padding:10px 10px 8px; } .kz-ex-v { font-size:18px; } .kz-ex-l span, .kz-ex-s > span:not(.kz-ex-chg) { display:none; } .kz-spark { height:22px; margin-top:6px; } .kz-ex-txt { font-size:13px; } }
  .kpi-card, .st-kpi { background:var(--bg2); border:1px solid var(--border); border-radius:var(--radius); padding:16px; box-shadow:var(--shadow-card); transition:border-color .15s, transform .15s; min-width:0; }
  .kpi-card:hover, .st-kpi:hover { border-color:var(--border2); }
  .kpi-label, .st-kpi .l { font-size:11px; font-weight:600; color:var(--text3); text-transform:uppercase; letter-spacing:.06em; display:flex; align-items:center; gap:6px; }
  .kpi-info { width:14px; height:14px; border-radius:50%; background:var(--bg4); color:var(--text3); font-size:9px; display:flex; align-items:center; justify-content:center; cursor:help; }
  .kpi-value, .st-kpi .v { font-size:26px; font-weight:650; letter-spacing:-.02em; line-height:1.1; margin-top:8px; font-feature-settings:"tnum" 1; overflow-wrap:anywhere; }
  .kpi-foot { margin-top:9px; display:flex; align-items:center; justify-content:space-between; }
  .kpi-change { font-size:12px; font-weight:600; padding:2.5px 8px; border-radius:8px; font-family:var(--mono); }
  .kpi-change.up { color:var(--green); background:rgba(52,211,153,0.1); }
  .kpi-change.down { color:var(--red); background:rgba(248,113,113,0.1); }
  .kpi-change.flat { color:var(--text3); background:var(--bg3); }
  .kpi-prev { font-size:12px; color:var(--text3); font-family:var(--mono); }
  .kpi-desc { font-size:12px; color:var(--text3); margin-top:7px; line-height:1.45; }

  .grid-2 { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,max(360px,calc((100% - 14px)/2))),1fr)); gap:14px; }
  @media (max-width:1000px){ .grid-2 { grid-template-columns:1fr; } }
  .card { background:var(--bg2); border:1px solid var(--border); border-radius:var(--radius); padding:18px; box-shadow:var(--shadow-card); }
  .card-head { display:flex; align-items:center; justify-content:space-between; margin-bottom:14px; }
  .card-title { font-size:13px; font-weight:600; letter-spacing:-.01em; }
  .badge { font-size:12px; font-weight:500; color:var(--text2); background:var(--bg3); border:1px solid var(--border); border-radius:8px; padding:3px 9px; font-family:var(--mono); }
  .chart-wrap { position:relative; height:230px; width:100%; }
  .chart-wrap.sm { height:200px; }
  .chart-note { font-size:13px; color:var(--text2); margin-top:12px; line-height:1.55; padding-top:12px; border-top:1px solid var(--border); }
  .chart-note b { color:var(--text); }
  .table-card { background:var(--bg2); border:1px solid var(--border); border-radius:var(--radius); padding:18px; box-shadow:var(--shadow-card); }
  table { width:100%; border-collapse:collapse; font-size:13px; }
  th { text-align:left; color:var(--text3); font-weight:500; font-size:12px; text-transform:uppercase; letter-spacing:.08em; padding:6px 8px; border-bottom:1px solid var(--border); }
  td { padding:9px 8px; border-bottom:1px solid var(--border); color:var(--text); }
  tbody tr { transition:background .1s; }
  tbody tr:hover { background:rgba(255,255,255,.018); }
  tr:last-child td { border-bottom:none; }
  .bar-cell { display:flex; align-items:center; gap:8px; }
  .bar-track { width:70px; position:relative; height:5px; background:var(--bg3); border-radius:4px; }
  .bar-fill { height:5px; background:var(--accent); border-radius:4px; position:absolute; top:0; left:0; }

  .connect-panel { background:var(--bg2); border:1px dashed var(--border2); border-radius:var(--radius); padding:44px 28px; text-align:center; max-width:560px; margin:30px auto; }
  .connect-panel .pic { position:relative; width:68px; height:68px; margin:0 auto 18px; border-radius:20px; display:flex; align-items:center; justify-content:center; font-size:30px; color:var(--accent); background:color-mix(in srgb,var(--accent) 12%,transparent); box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 28%,transparent); }
  .connect-panel .pic::before, .connect-panel .pic::after { content:''; position:absolute; border-radius:26px; border:1px dashed color-mix(in srgb,var(--accent) 22%,transparent); inset:-10px; }
  .connect-panel .pic::after { inset:-22px; border-radius:32px; opacity:.5; }
  .kz-empty { display:flex; align-items:center; gap:12px; padding:18px; border:1px dashed var(--border2); border-radius:12px; color:var(--text2); font-size:13px; background:var(--bg2); }
  .kz-empty .kzi { font-size:20px; color:var(--text3); }
  .connect-panel h3 { font-size:18px; margin-bottom:8px; }
  .connect-panel p { font-size:13px; color:var(--text2); line-height:1.6; margin-bottom:20px; }
  .oauth-btn { display:inline-flex; align-items:center; gap:10px; background:var(--text); color:var(--bg); border:none; border-radius:8px; font-family:var(--font); font-size:13px; font-weight:600; padding:11px 20px; cursor:pointer; }
  .oauth-btn:hover { opacity:.9; }

  .brand-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(300px,1fr)); gap:14px; }
  .brand-card { background:var(--bg2); border:1px solid var(--border); border-radius:var(--radius); padding:18px; }
  .brand-card.add { border-style:dashed; display:flex; flex-direction:column; align-items:center; justify-content:center; cursor:pointer; min-height:180px; color:var(--text2); }
  .bc2 { display:flex; flex-direction:column; gap:0; }
  .bc2.act { border-color:var(--accent); box-shadow:0 0 0 1px var(--accent) inset; }
  .bc-chip { font-size:10.5px; font-weight:600; padding:2px 7px; border-radius:20px; background:rgba(108,108,255,.15); color:var(--accent); vertical-align:2px; margin-left:4px; }
  .bc-ring { --p:0; width:46px; height:46px; border-radius:50%; flex-shrink:0; display:flex; align-items:center; justify-content:center; background:conic-gradient(var(--green) calc(var(--p)*1%), var(--bg3) 0); position:relative; }
  .bc-ring::before { content:''; position:absolute; inset:5px; border-radius:50%; background:var(--bg2); }
  .bc-ring span { position:relative; font-size:12px; font-weight:700; }
  .bc-h { font-size:11px; font-weight:600; text-transform:uppercase; letter-spacing:.08em; color:var(--text3); margin:6px 0 8px; }
  .bc-grid { display:grid; grid-template-columns:1fr 1fr; gap:8px; margin-bottom:14px; }
  @media (max-width:420px){ .bc-grid { grid-template-columns:1fr; } }
  .bc-src, .bc-tmx { --c:var(--text3); display:flex; align-items:center; gap:8px; padding:9px 10px; border:1px solid var(--border); border-radius:10px; background:var(--bg); color:var(--text2); font-family:var(--font); font-size:12.5px; text-align:left; cursor:pointer; min-width:0; transition:border-color .15s; }
  .bc-tmx { cursor:default; margin-bottom:12px; padding:10px 12px; }
  .bc-src:hover { border-color:var(--border2); }
  .bc-src.on { --c:var(--green); color:var(--text); }
  .bc-src .kzi, .bc-tmx .kzi { color:var(--text3); font-size:14px; }
  .bc-dot { width:7px; height:7px; border-radius:50%; background:var(--c); flex-shrink:0; }
  .bc-l { display:flex; flex-direction:column; min-width:0; flex:1; font-weight:500; }
  .bc-l small { font-size:11px; color:var(--text3); font-weight:400; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
  .bc-st { font-size:11px; color:var(--text3); }
  .bc-src:not(.on) .bc-st { color:var(--accent); font-weight:600; }
  .bc-foot { display:flex; gap:8px; align-items:center; margin-top:auto; padding-top:12px; border-top:1px solid var(--border); }
  .bc-go { padding:7px 14px; font-size:13px; }
  .bc-foot .mini-btn, .bc-tmx .mini-btn { flex:0 0 auto; width:auto; padding:7px 14px; }
  .bc-del { margin-left:auto; background:none; border:0; color:var(--text3); font-family:var(--font); font-size:12.5px; cursor:pointer; padding:6px 8px; border-radius:8px; }
  .bc-del:hover { color:var(--red); background:rgba(248,113,113,.08); }
  .bc-plus { width:44px; height:44px; border-radius:50%; border:1.5px dashed currentColor; display:flex; align-items:center; justify-content:center; font-size:22px; margin-bottom:6px; }
  .brand-card.add { gap:6px; }
  .brand-card.add:hover { border-color:var(--accent); color:var(--accent); }
  .brand-card-head { display:flex; align-items:center; gap:11px; margin-bottom:14px; }
  .brand-avatar { width:38px; height:38px; border-radius:8px; display:flex; align-items:center; justify-content:center; font-weight:700; color:#fff; font-size:16px; flex-shrink:0; }
  .brand-card-name { font-size:16px; font-weight:600; }
  .brand-card-url { font-size:13px; color:var(--text3); }
  .svc-row { display:flex; align-items:center; justify-content:space-between; padding:9px 0; border-top:1px solid var(--border); }
  .svc-left { display:flex; align-items:center; gap:9px; font-size:13px; min-width:0; overflow-wrap:anywhere; }
  .svc-toggle { padding:5px 11px; border-radius:8px; font-family:var(--font); font-size:12px; font-weight:500; cursor:pointer; border:1px solid; white-space:nowrap; flex-shrink:0; }
  .svc-toggle.on { background:rgba(34,197,94,0.1); border-color:rgba(34,197,94,0.3); color:var(--green); }
  .svc-toggle.off { background:rgba(108,108,255,0.1); border-color:rgba(108,108,255,0.3); color:var(--accent); }
  .brand-actions { margin-top:14px; display:flex; gap:8px; }
  .mini-btn { flex:1; padding:8px; border-radius:8px; border:1px solid var(--border2); background:var(--bg3); color:var(--text2); font-family:var(--font); font-size:13px; cursor:pointer; }
  .mini-btn:hover { color:var(--text); border-color:var(--accent); }
  .mini-btn.danger:hover { color:var(--red); border-color:rgba(239,68,68,0.4); }

  .modal-overlay { position:fixed; inset:0; background:rgba(5,5,8,0.65); backdrop-filter:blur(6px); display:none; align-items:center; justify-content:center; z-index:1500; padding:20px; }
  .modal-overlay.open { display:flex; }
  .modal { background:var(--bg2); border:1px solid var(--border2); border-radius:16px; padding:26px; width:100%; max-width:480px; max-height:88vh; overflow-y:auto; box-shadow:0 32px 80px rgba(0,0,0,.5); }
  .modal h3 { font-size:18px; font-weight:600; letter-spacing:-.02em; margin-bottom:6px; }
  .modal > p { font-size:13px; color:var(--text2); line-height:1.55; margin-bottom:16px; }
  .input-row { margin-bottom:13px; }
  .input-row label { display:block; font-size:13px; font-weight:500; color:var(--text2); margin-bottom:6px; }
  .input-row label .opt { color:var(--text3); font-weight:400; }
  .input-row input, .input-row select { width:100%; background:var(--bg3); border:1px solid var(--border2); border-radius:8px; color:var(--text); font-family:var(--font); font-size:13px; padding:9px 12px; transition:border-color .15s, box-shadow .15s; }
  .input-row input:focus, .input-row select:focus { outline:none; border-color:var(--accent); box-shadow:var(--ring); }
  .svc-check { display:flex; align-items:center; gap:10px; padding:10px 12px; background:var(--bg3); border:1px solid var(--border); border-radius:8px; margin-bottom:8px; cursor:pointer; }
  .svc-check input { width:16px; height:16px; accent-color:var(--accent); cursor:pointer; }
  .svc-check .sc-name { font-size:13px; } .svc-check .sc-api { font-size:12px; color:var(--text3); }
  .modal-actions { display:flex; gap:10px; justify-content:flex-end; margin-top:18px; }
  .btn-primary { background:var(--accent); border:none; border-radius:8px; color:#fff; font-family:var(--font); font-size:13px; font-weight:600; padding:9px 18px; cursor:pointer; transition:background .15s; }
  .btn-primary:hover { background:var(--accent2); }
  .btn-secondary { background:var(--bg3); border:1px solid var(--border2); border-radius:8px; color:var(--text2); font-family:var(--font); font-size:13px; font-weight:500; padding:9px 18px; cursor:pointer; transition:color .15s,background .15s; }
  .btn-secondary:hover { color:var(--text); background:var(--bg4); }
  .color-dots { display:flex; gap:8px; }
  .color-dot { width:26px; height:26px; border-radius:8px; cursor:pointer; border:2px solid transparent; }
  .color-dot.sel { border-color:var(--text); }
  .info-banner { display:flex; gap:11px; background:var(--bg3); border:1px solid var(--border); border-radius:12px; padding:12px 14px; margin-bottom:16px; font-size:13px; color:var(--text2); line-height:1.5; }
  .info-banner b { color:var(--text); }
  .role-pill { font-size:12px; padding:2px 8px; border-radius:16px; background:var(--bg3); color:var(--text2); }
  .role-pill.root { background:rgba(108,108,255,0.15); color:var(--accent); }
  .chk { width:16px; height:16px; accent-color:var(--accent); cursor:pointer; }
  .theme-row { display:flex; align-items:center; justify-content:space-between; padding:12px; background:var(--bg3); border-radius:8px; margin-bottom:8px; }
  .switch { position:relative; width:42px; height:24px; }
  .switch input { display:none; }
  .switch span { position:absolute; inset:0; background:var(--bg4); border-radius:16px; cursor:pointer; transition:.2s; }
  .switch span:before { content:''; position:absolute; width:18px; height:18px; left:3px; top:3px; background:#fff; border-radius:50%; transition:.2s; }
  .switch input:checked + span { background:var(--accent); }
  .switch input:checked + span:before { transform:translateX(18px); }

  /* REALTIME */
  .rt-wrap { display:grid; grid-template-columns:minmax(0,240px) minmax(0,1fr); gap:14px; margin-bottom:18px; }
  @media (max-width:1080px){ .rt-wrap { grid-template-columns:1fr; } }
  .rt-now { background:linear-gradient(135deg,rgba(34,197,94,0.12),rgba(34,197,94,0.02)); border:1px solid rgba(34,197,94,0.25); border-radius:var(--radius); padding:18px; display:flex; flex-direction:column; justify-content:center; }
  .rt-dot { display:inline-block; width:9px; height:9px; border-radius:50%; background:var(--green); margin-right:7px; box-shadow:0 0 0 0 rgba(34,197,94,0.5); animation:pulse 1.8s infinite; }
  @keyframes pulse { 0%{box-shadow:0 0 0 0 rgba(34,197,94,0.5);} 70%{box-shadow:0 0 0 9px rgba(34,197,94,0);} 100%{box-shadow:0 0 0 0 rgba(34,197,94,0);} }
  .rt-label { font-size:13px; color:var(--text2); display:flex; align-items:center; }
  .rt-num { font-size:44px; font-weight:700; line-height:1; margin:6px 0; }
  .rt-sub { font-size:13px; color:var(--text3); }
  .rt-pages { background:var(--bg2); border:1px solid var(--border); border-radius:var(--radius); padding:14px 16px; }
  .rt-pages .card-title { margin-bottom:10px; }
  .rt-page-row { display:flex; align-items:center; justify-content:space-between; padding:7px 0; border-top:1px solid var(--border); font-size:13px; }
  .rt-page-row:first-of-type { border-top:none; }
  .rt-page-name { font-family:var(--mono); font-size:13px; color:var(--text); max-width:78%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
  .rt-page-users { color:var(--green); font-weight:600; }
  #map { height:340px; border-radius:var(--radius); border:1px solid var(--border); }
  .leaflet-popup-content { font-family:var(--font); font-size:13px; }
  .leaflet-container { background:var(--bg3); }

  /* HEALTH SCORE */
  .health-wrap { display:grid; grid-template-columns:240px 1fr; gap:16px; align-items:stretch; margin-bottom:14px; }
  @media (max-width:900px){ .health-wrap { grid-template-columns:1fr; } }
  .health-card { background:var(--bg2); border:1px solid var(--border); border-radius:var(--radius); padding:18px; text-align:center; display:flex; flex-direction:column; align-items:center; justify-content:center; }
  .health-ring { position:relative; width:150px; height:150px; }
  .health-ring .lbl { position:absolute; inset:0; display:flex; flex-direction:column; align-items:center; justify-content:center; }
  .health-score { font-size:40px; font-weight:700; line-height:1; }
  .health-verdict { font-size:13px; font-weight:600; margin-top:8px; }
  .health-counts { display:flex; gap:14px; margin-top:12px; font-size:13px; }
  .health-counts span b { font-size:16px; display:block; }
  .summary-cards { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; }
  @media (max-width:700px){ .summary-cards { grid-template-columns:1fr; } }
  .sc-box { background:var(--bg2); border:1px solid var(--border); border-radius:var(--radius); padding:14px; border-left:3px solid var(--border2); }
  .sc-box.win { border-left-color:var(--green); } .sc-box.act { border-left-color:var(--red); } .sc-box.tip { border-left-color:var(--accent); }
  .sc-box-head { font-size:13px; font-weight:600; margin-bottom:4px; }
  .sc-box-num { font-size:24px; font-weight:700; }

  /* SÜRÜM NOTLARI */
  .updates-wrap { display:flex; flex-direction:column; gap:14px; max-width:760px; }
  .upd-block { background:var(--bg2); border:1px solid var(--border); border-radius:var(--radius); padding:16px 18px; }
  .upd-head { display:flex; align-items:center; gap:10px; }
  .upd-ver { font-family:var(--mono); font-weight:600; color:var(--accent); font-size:13px; }
  .upd-date { font-size:12px; color:var(--text3); margin-left:auto; }
  .upd-title { font-weight:600; font-size:14px; margin:8px 0 8px; }
  .upd-list { list-style:none; display:flex; flex-direction:column; gap:6px; }
  .upd-list li { font-size:13px; color:var(--text2); padding-left:18px; position:relative; line-height:1.5; }
  .upd-list li:before { content:'✓'; position:absolute; left:0; color:var(--green); font-size:12px; }

  /* PAGESPEED / SEO SAĞLIK */
  .ps-scores { display:grid; grid-template-columns:repeat(4,1fr); gap:10px; margin-bottom:8px; }
  @media (max-width:600px){ .ps-scores { grid-template-columns:repeat(2,1fr); } }
  .ps-score { display:flex; flex-direction:column; align-items:center; gap:8px; background:var(--bg3); border:1px solid var(--border); border-radius:var(--radius); padding:14px 8px; }
  .ps-ring { width:64px; height:64px; border-radius:50%; background:conic-gradient(var(--c) calc(var(--p)*1%), var(--bg4) 0); display:flex; align-items:center; justify-content:center; position:relative; }
  .ps-ring:before { content:''; position:absolute; inset:6px; border-radius:50%; background:var(--bg3); }
  .ps-ring span { position:relative; font-weight:700; font-size:18px; }
  .ps-cat { font-size:13px; color:var(--text2); text-align:center; font-weight:500; }
  .ps-todos { display:flex; flex-direction:column; gap:8px; }
  .ps-todo { display:flex; gap:10px; background:var(--bg2); border:1px solid var(--border); border-radius:12px; padding:10px 12px; }
  .ps-todo-dot { width:9px; height:9px; border-radius:50%; margin-top:5px; flex:none; }
  .ps-todo-title { font-size:13px; font-weight:600; }
  .ps-todo-desc { font-size:13px; color:var(--text2); line-height:1.5; margin-top:3px; }
  .ps-dv { color:var(--amber); font-family:var(--mono); font-size:12px; font-weight:500; }
  .ps-tag { font-size:11px; color:var(--text3); border:1px solid var(--border2); border-radius:4px; padding:1px 5px; margin-left:4px; font-weight:400; white-space:nowrap; }
  .spin { width:14px; height:14px; border:2px solid var(--border2); border-top-color:var(--accent); border-radius:50%; display:inline-block; animation:spin .7s linear infinite; }
  @keyframes spin { to { transform:rotate(360deg); } }
  .ps-run-btn { display:inline-flex; align-items:center; gap:8px; margin-top:12px; padding:11px 20px; border:none; border-radius:12px; background:linear-gradient(120deg,var(--accent),var(--accent2)); color:#fff; font-family:var(--font); font-size:13px; font-weight:600; cursor:pointer; transition:transform .12s,opacity .12s,box-shadow .2s; box-shadow:0 4px 14px rgba(108,108,255,0.3); }
  .ps-run-btn:hover { transform:translateY(-1px); box-shadow:0 6px 20px rgba(108,108,255,0.4); }
  .ps-run-btn:active { transform:translateY(0); }
  .ps-run-btn:disabled, .ps-run-btn.loading { opacity:.6; cursor:default; transform:none; box-shadow:none; }
  @media (max-width:600px){ .ps-run-btn { width:100%; justify-content:center; } }
  .ps-progress { height:8px; background:var(--bg4); border-radius:99px; overflow:hidden; }
  .ps-bar { height:100%; width:0%; background:linear-gradient(90deg,var(--accent),var(--pink)); border-radius:99px; transition:width .8s ease; }
  .ps-status { font-size:13px; color:var(--text2); margin-top:8px; display:flex; align-items:center; gap:8px; }
  .ps-status:before { content:''; width:12px; height:12px; border:2px solid var(--border2); border-top-color:var(--accent); border-radius:50%; display:inline-block; animation:spin .7s linear infinite; }
  .ps-err { color:var(--red); font-size:13px; line-height:1.5; }
  .ps-note { background:rgba(245,158,11,0.1); border:1px solid rgba(245,158,11,0.3); border-radius:8px; padding:10px 12px; font-size:13px; color:var(--text2); line-height:1.55; margin-top:8px; }
  /* KAMPANYA */
  .cc-strip { display:flex; height:12px; border-radius:6px; overflow:hidden; gap:2px; margin-bottom:8px; }
  .cc-leg { display:flex; gap:18px; flex-wrap:wrap; font-size:12.5px; color:var(--text2); margin-bottom:14px; }
  .cc-dot { display:inline-block; width:8px; height:8px; border-radius:50%; margin-right:7px; vertical-align:1px; }
  .cc-list { display:grid; grid-template-columns:repeat(auto-fit,minmax(260px,1fr)); column-gap:28px; }
  .cc-row { margin-bottom:9px; } .cc-top { display:flex; justify-content:space-between; gap:10px; font-size:13px; margin-bottom:4px; }
  .cc-top b { font-weight:600; } .cc-top em { font-style:normal; color:var(--text3); margin-left:4px; font-size:12px; }
  .cc-track { height:6px; background:var(--bg3); border-radius:3px; overflow:hidden; } .cc-track > div { height:100%; border-radius:3px; }
  .camp-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:10px; }
  @media (max-width:900px){ .camp-grid { grid-template-columns:repeat(3,1fr); } }
  @media (max-width:560px){ .camp-grid { grid-template-columns:repeat(2,1fr); } }
  .camp-btn { display:flex; flex-direction:column; align-items:center; gap:7px; padding:14px 8px; background:var(--bg2); border:1px solid var(--border); border-radius:12px; color:var(--text); font-family:var(--font); font-size:13px; font-weight:500; cursor:pointer; transition:all .15s; text-align:center; }
  .camp-btn:hover { border-color:var(--accent); background:var(--bg3); }
  .camp-btn.active { border-color:var(--accent); background:rgba(108,108,255,0.12); box-shadow:0 0 0 1px var(--accent) inset; }
  .vital-grid { display:grid; grid-template-columns:repeat(5,1fr); gap:10px; }
  @media (max-width:1000px){ .vital-grid { grid-template-columns:repeat(2,1fr); } }
  @media (max-width:560px){ .vital-grid { grid-template-columns:1fr; } }
  .vital-card { background:var(--bg2); border:1px solid var(--border); border-radius:12px; padding:12px 13px; }
  .vital-top { display:flex; justify-content:space-between; align-items:baseline; gap:8px; }
  .vital-name { font-size:13px; font-weight:600; color:var(--text); }
  .vital-val { font-size:16px; font-weight:700; white-space:nowrap; }
  .vital-desc { font-size:12px; color:var(--text2); line-height:1.5; margin-top:6px; }
  .vital-good { font-size:12px; color:var(--text3); margin-top:6px; }
  .role-lens { background:rgba(110,110,247,0.08); border:1px solid rgba(110,110,247,0.18); border-radius:12px; padding:9px 13px; font-size:13px; color:var(--text2); margin-bottom:12px; line-height:1.5; }
  .role-lens b { color:var(--text); }
  .camp-btn { position:relative; }
  .camp-ico { width:34px; height:34px; border-radius:10px; display:inline-flex; align-items:center; justify-content:center; background:var(--bg3); color:var(--accent); font-size:17px; flex-shrink:0; }
  .camp-btn .camp-ico { width:34px; height:34px; border-radius:10px; display:flex; align-items:center; justify-content:center; background:var(--bg3); color:var(--accent); font-size:17px; }
  .camp-btn.active .camp-ico { background:var(--accent); color:#fff; }
  .camp-btn .camp-name { font-weight:600; }
  .camp-btn .camp-sub { font-size:11.5px; color:var(--text3); font-weight:400; }
  .camp-badge { font-size:10.5px; font-weight:600; padding:2px 7px; border-radius:20px; background:rgba(245,158,11,.14); color:var(--amber); }
  .camp-badge.live { background:rgba(34,197,94,.14); color:var(--green); }
  .camp-del { position:absolute; top:5px; right:7px; width:18px; height:18px; border-radius:50%; background:var(--bg4); color:var(--text2); font-size:13px; line-height:18px; text-align:center; opacity:0; transition:opacity .12s; }
  .camp-btn:hover .camp-del { opacity:1; }
  .camp-del:hover { background:var(--red); color:#fff; }
  .up-track { display:flex; gap:1px; margin-top:14px; height:38px; align-items:stretch; overflow:hidden; }
  .up-bar { flex:1; min-width:1px; border-radius:4px; background:var(--green); opacity:.9; }
  .up-bar.down { background:var(--red); opacity:1; }
  .up-bar.ok { background:var(--green); }
  .up-hero { display:flex; justify-content:space-between; align-items:center; gap:16px; flex-wrap:wrap; }
  .up-status { font-size:18px; font-weight:700; }
  .up-status.on { color:var(--green); } .up-status.off { color:var(--red); }
  .up-since { font-size:13px; color:var(--text2); margin-top:4px; }
  .up-since b { color:var(--text); }
  .up-pct { text-align:right; }
  .up-pct-num { font-size:28px; font-weight:700; font-family:var(--mono); }
  .up-pct-lbl { font-size:12px; color:var(--text3); }
  .up-axis { display:flex; justify-content:space-between; font-size:11px; color:var(--text3); margin-top:4px; }
  .up-stats { display:grid; grid-template-columns:repeat(4,1fr); gap:10px; margin-top:14px; }
  @media (max-width:560px){ .up-stats { grid-template-columns:repeat(2,1fr); } }
  .up-stats > div { background:var(--bg3); border-radius:8px; padding:9px 11px; }
  .up-stats span { display:block; font-size:12px; color:var(--text3); }
  .up-stats b { font-size:16px; font-family:var(--mono); }
  .up-event { font-size:13px; padding:8px 0; border-top:1px solid var(--border); line-height:1.5; }
  .roas-hero { display:flex; gap:24px; align-items:center; flex-wrap:wrap; background:var(--bg2); border:1px solid var(--border2); border-radius:16px; padding:18px 22px; margin-bottom:6px; box-shadow:var(--shadow-card); }
  .roas-hero.nocost { gap:18px; }
  .roas-lbl { font-size:12px; color:var(--text3); text-transform:uppercase; letter-spacing:.08em; }
  .roas-big { font-size:44px; font-weight:700; font-family:var(--mono); line-height:1.05; }
  .roas-sub { font-size:13px; color:var(--text2); margin-top:2px; }
  .roas-side { display:flex; gap:22px; flex-wrap:wrap; }
  .roas-side > div span { display:block; font-size:12px; color:var(--text3); }
  .roas-side > div b { font-size:18px; font-family:var(--mono); }
  .roas-verdict { font-size:13px; font-weight:600; padding:7px 14px; border-radius:8px; margin-left:auto; }
  .roas-note { font-size:13px; color:var(--text2); line-height:1.6; max-width:480px; }
  .grp-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,max(300px,calc((100% - 14px)/2))),1fr)); gap:14px; }
  @media (max-width:680px){ .grp-grid { grid-template-columns:1fr; } }
  .grp-card { background:var(--bg2); border:1px solid var(--border); border-radius:16px; padding:16px; box-shadow:var(--shadow-card); }
  .grp-head { font-size:14px; font-weight:600; margin-bottom:10px; }
  .grp-rows { display:grid; grid-template-columns:repeat(3,1fr); gap:10px; }
  .grp-rows > div span { display:block; font-size:12px; color:var(--text3); }
  .grp-rows > div b { font-size:16px; font-family:var(--mono); }
  .grp-note { font-size:12px; color:var(--text3); margin-top:10px; font-style:italic; }
  .seo-comment { background:var(--bg2); border:1px solid var(--border); border-radius:12px; padding:14px 16px; margin-bottom:10px; }
  .seo-comment-head { font-size:13px; font-weight:600; margin-bottom:6px; }
  .seo-comment p { font-size:13px; color:var(--text2); line-height:1.65; margin:0; }
  .kw-grp-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(220px,1fr)); gap:12px; }
  .kw-grp { background:var(--bg2); border:1px solid var(--border); border-radius:12px; padding:13px 15px; }
  .kw-grp-top { display:flex; justify-content:space-between; align-items:center; font-size:14px; }
  .kw-grp-sub { font-size:12px; color:var(--text3); margin-top:4px; }
  .kw-grp-items { display:flex; flex-wrap:wrap; gap:5px; margin-top:9px; }
  .kw-grp-items span { font-size:12px; background:var(--bg3); color:var(--text2); border-radius:8px; padding:2px 7px; }
  .kw-add { display:flex; gap:8px; }
  .kw-add input { flex:1; background:var(--bg3); border:1px solid var(--border2); color:var(--text); border-radius:8px; padding:9px 12px; font-family:var(--font); font-size:13px; }
  .qstrip { display:grid; grid-template-columns:repeat(auto-fit,minmax(130px,1fr)); gap:10px; margin-bottom:4px; }
  .qs-card { background:var(--bg2); border:1px solid var(--border); border-radius:12px; padding:12px 14px; box-shadow:var(--shadow-card); }
  .qs-lbl { font-size:12px; color:var(--text3); text-transform:uppercase; letter-spacing:.05em; }
  .qs-val { font-size:24px; font-weight:700; font-family:var(--mono); margin-top:4px; }
  .qs-sub { font-size:12px; color:var(--text3); margin-top:2px; }
  .dom-note { display:flex; gap:10px; align-items:flex-start; padding:9px 0; border-top:1px solid var(--border); font-size:13px; color:var(--text2); line-height:1.5; }
  .dom-note:first-child { border-top:none; }
  .dom-note span:first-child { font-weight:700; width:14px; flex-shrink:0; }
  .report-toolbar { display:flex; justify-content:flex-end; margin-bottom:10px; }
  .pdf-btn { display:inline-flex; align-items:center; gap:7px; padding:8px 14px; border:1px solid var(--border2); border-radius:8px; background:var(--bg2); color:var(--text); font-family:var(--font); font-size:13px; font-weight:600; cursor:pointer; transition:all .15s; }
  .pdf-btn:hover { background:var(--bg3); border-color:var(--accent); color:var(--accent); }
  .pdf-btn:disabled { opacity:.6; cursor:default; }
  /* PRINT / PDF */
  #printRoot { display:none; }
  @media print {
    @page { margin:0; size:A4; }
    html, body { background:#0f0f11 !important; }
    body * { visibility:hidden !important; }
    #printRoot, #printRoot * { visibility:visible !important; }
    #printRoot { display:block !important; position:absolute; left:0; top:0; width:100%; -webkit-print-color-adjust:exact !important; print-color-adjust:exact !important; }
  }

  /* MOBİL MENÜ DÜĞMESİ */
  .menu-toggle { display:none; background:var(--bg3); border:1px solid var(--border); color:var(--text); width:36px; height:36px; border-radius:8px; align-items:center; justify-content:center; cursor:pointer; flex:none; }
  .nav-scrim { display:none; position:fixed; inset:0; background:rgba(0,0,0,0.5); z-index:1100; }

  /* ===== RESPONSIVE / MOBİL ===== */
  @media (max-width:760px){
    .menu-toggle { display:flex; }
    .collapse-btn { display:none !important; }
    .sidebar { transform:translateX(-100%); transition:transform .25s ease; width:260px !important; box-shadow:0 0 40px rgba(0,0,0,.4); }
    .app.nav-open .sidebar { transform:translateX(0); }
    .app.nav-open .nav-scrim { display:block; }
    .main, .app.collapsed .main { margin-left:0 !important; }
    /* mobilde daraltılmış mod isimleri gizlemesin */
    .app.collapsed .nav-label, .app.collapsed .nav-item .label, .app.collapsed .brand-selector label, .app.collapsed .sidebar-bottom .btn-label { display:block !important; }
    .app.collapsed .logo-text { display:flex !important; }
    .app.collapsed .logo-mini { display:none !important; }
    .app.collapsed .sidebar-logo { padding:16px !important; justify-content:flex-start !important; }
    .app.collapsed .connect-btn, .app.collapsed .profile-row { justify-content:flex-start !important; padding:8px !important; gap:10px !important; }
    .rt-pages { display:none !important; }
    .content { overflow-x:hidden; }
    .app.collapsed .nav-item { justify-content:flex-start !important; }
    .app.collapsed .brand-selector { display:block !important; }
    .topbar { padding:11px 14px; flex-wrap:wrap; row-gap:9px; }
    .topbar-title { font-size:16px; }
    .topbar-sub { font-size:12px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
    .content { padding:14px 14px 60px; }
    .topbar-right { display:grid; grid-template-columns:1fr 1fr; gap:8px; width:100%; }
    #dateWrap.date-selector { grid-column:1 / -1; order:1; display:grid !important; grid-template-columns:1fr 1fr; gap:8px; background:transparent; border:0; padding:0; }
    #dateWrap > .date-trigger { justify-content:center; }
    #cmpWrap { margin-left:0 !important; display:flex !important; }
    #cmpWrap > .date-trigger { flex:1; justify-content:center; }
    .date-selector .date-btn { padding:6px 11px; font-size:13px; }
    .sync-btn { justify-content:center; font-size:13px; }
    #syncBtn { order:2; }
    .icon-btn { width:auto; height:auto; order:3; justify-content:center; gap:6px; font-size:13px; font-weight:500; padding:7px 13px; }
    .icon-btn::after { content:'PDF'; }
    #srcWrap { grid-column:1 / -1; order:4; position:relative; }
    #srcBtn { width:100%; }
    .kpi-grid { grid-template-columns:repeat(2,1fr); gap:8px; }
    .grid-2 { grid-template-columns:1fr; }
    .health-wrap, .rt-wrap { grid-template-columns:1fr; }
    .summary-cards { grid-template-columns:1fr; }
    .insight-board { grid-template-columns:1fr; }
    #map { height:280px; }
    .table-card { overflow-x:auto; }
    .table-card table { min-width:520px; }
    .modal { width:94vw; max-height:88vh; overflow-y:auto; }
    .brand-grid { grid-template-columns:1fr; }
    .auth-card { padding:24px 18px; }
    .chart-wrap { height:200px; } .chart-wrap.sm { height:180px; }
    .rt-now { flex-direction:column !important; align-items:flex-start !important; }
    .rt-now > div[style*="text-align:right"] { text-align:left !important; margin-top:8px; }
  }
  @media (max-width:420px){
    .kpi-grid { grid-template-columns:1fr; }
    .topbar-sub { display:none; }
  }

  /* ===== ÇEREZ ÇUBUĞU ===== */
  .cookie-bar { position:fixed; left:16px; right:16px; bottom:16px; z-index:5000; max-width:560px; margin:0 auto; background:var(--bg2); border:1px solid var(--border2); border-radius:16px; padding:16px 18px; box-shadow:0 20px 60px rgba(0,0,0,.5); display:none; }
  .cookie-bar.show { display:block; animation:cookieUp .35s ease; }
  @keyframes cookieUp { from { opacity:0; transform:translateY(14px); } }
  .cookie-bar h4 { font-size:14px; font-weight:600; margin-bottom:6px; }
  .cookie-bar p { font-size:13px; color:var(--text2); line-height:1.6; margin-bottom:13px; }
  .cookie-bar p a { color:var(--accent); cursor:pointer; text-decoration:underline; text-underline-offset:2px; }
  .cookie-actions { display:flex; gap:9px; flex-wrap:wrap; }
  .cookie-actions button { flex:1; min-width:120px; border-radius:8px; font-family:var(--font); font-size:13px; font-weight:600; padding:9px 14px; cursor:pointer; border:1px solid var(--border2); }
  .ck-accept { background:var(--accent); color:#fff; border-color:var(--accent); }
  .ck-accept:hover { background:var(--accent2); }
  .ck-reject { background:var(--bg3); color:var(--text2); }
  .ck-reject:hover { color:var(--text); }

  /* ===== YÜKLEME EFEKTİ (skeleton) ===== */
  @keyframes shimmer { 100% { background-position:-200% 0; } }
  .sk { border-radius:12px; background:linear-gradient(90deg,var(--bg3) 25%,var(--bg4) 37%,var(--bg3) 63%); background-size:200% 100%; animation:shimmer 1.25s linear infinite; }
  .sk-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(180px,1fr)); gap:12px; }
  .sk-kpi { height:104px; }
  .sk-line { height:14px; margin-bottom:10px; }
  .sk-card { height:260px; }
  .sk-band { display:flex; align-items:center; gap:11px; background:var(--bg3); border:1px solid var(--border); border-radius:12px; padding:12px 14px; margin-bottom:16px; font-size:13px; color:var(--text2); }
  .sk-dot { width:8px; height:8px; border-radius:50%; background:var(--accent); box-shadow:0 0 8px var(--accent); animation:pulse 1.4s infinite; flex-shrink:0; }
  @keyframes fadeUp { from { opacity:0; transform:translateY(8px); } to { opacity:1; transform:none; } }
  .ov-real { animation:fadeUp .4s ease both; }

  /* ===== GİRİŞ EKRANI — LOGO + MOBİL BAŞLIK ===== */
  .brandmark { display:flex; align-items:center; gap:11px; }
  .brandmark .mark-svg { width:34px; height:34px; flex-shrink:0; filter:drop-shadow(0 0 10px rgba(110,110,247,.45)); }
  .auth-mobile-head { display:none; }
  @media (max-width:920px){
    .auth-side { padding:18px 20px; align-items:flex-start; }
    .auth-mobile-head { display:block; margin-bottom:15px; text-align:left; }
    .auth-mobile-head .brandmark { margin-bottom:9px; }
    .auth-mobile-head .amh-line { font-size:13px; color:var(--text2); line-height:1.5; }
    .auth-mobile-head .amh-chips { display:none; }
    .auth-sub { margin:5px 0 16px; }
    .auth-card .input-row { margin-bottom:10px; }
    .auth-legal { margin-top:12px; }
    .auth-foot { padding:10px 16px; justify-content:center; }
    .auth-foot .af-brand { display:none; }
    .auth-foot .af-nav { gap:13px; }
    .auth-foot .af-nav a { font-size:13px; }
  }

  /* ===== MOBİL TOPBAR LOGOSU ===== */
  .topbar-logo { display:none; align-items:center; }
  .topbar-logo .mark-svg { width:26px; height:26px; filter:drop-shadow(0 0 8px rgba(110,110,247,.4)); }
  @media (max-width:760px){ .topbar-logo { display:flex; } }

  /* ===== YÖNETİM PANELİ KUTU DÜZENİ ===== */
  .admin-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:14px; align-items:start; }
  @media (max-width:900px){ .admin-grid { grid-template-columns:1fr; } }
  .admin-grid .span-2 { grid-column:1 / -1; }
  .adm-card { background:var(--bg2); border:1px solid var(--border); border-radius:var(--radius); padding:18px; box-shadow:var(--shadow-card); display:flex; flex-direction:column; }
  .adm-card .ac-head { display:flex; align-items:center; gap:9px; font-size:13px; font-weight:600; margin-bottom:6px; }
  .adm-card .ac-head .ac-ic { font-size:16px; }
  .adm-card .ac-desc { font-size:13px; color:var(--text2); line-height:1.65; }
  .adm-card .ac-actions { display:flex; gap:10px; flex-wrap:wrap; margin-top:14px; }
  .adm-card table td { padding:7px 8px; }

  /* ===== HAKKINDA SAYFASI ===== */
  .about-wrap { max-width:1000px; margin:0 auto; }
  .about-hero { position:relative; overflow:hidden; border:1px solid var(--border); border-radius:16px; padding:46px 40px; background:linear-gradient(135deg,rgba(110,110,247,.10),rgba(168,85,247,.05) 60%,transparent); }
  .about-hero::before { content:''; position:absolute; inset:0; background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px); background-size:46px 46px; mask-image:radial-gradient(ellipse 80% 70% at 20% 10%,#000 30%,transparent 75%); pointer-events:none; }
  .about-hero .brandmark { position:relative; z-index:1; }
  .about-eyebrow { position:relative; z-index:1; font-family:var(--mono); font-size:12px; letter-spacing:.22em; text-transform:uppercase; color:var(--accent); margin:22px 0 12px; }
  .about-hero h1 { position:relative; z-index:1; font-family:var(--serif); font-weight:400; font-size:clamp(28px,4.2vw,46px); line-height:1.1; letter-spacing:-.01em; max-width:660px; }
  .about-hero h1 em { font-style:italic; color:var(--accent); }
  .about-hero .lede { position:relative; z-index:1; font-size:16px; color:var(--text2); line-height:1.7; max-width:600px; margin-top:18px; }
  .about-stats { display:grid; grid-template-columns:repeat(4,1fr); gap:14px; margin:18px 0 6px; }
  @media (max-width:680px){ .about-stats { grid-template-columns:repeat(2,1fr); } }
  .about-stat { background:var(--bg2); border:1px solid var(--border); border-radius:16px; padding:16px; }
  .about-stat .n { font-family:var(--display); font-weight:500; font-size:30px; letter-spacing:-.02em; background:linear-gradient(120deg,#a8a8ff,#6c6cff 55%,#ec4899); -webkit-background-clip:text; background-clip:text; color:transparent; }
  .about-stat .l { font-size:13px; color:var(--text2); margin-top:5px; line-height:1.4; }
  .about-section-h { font-family:var(--serif); font-weight:500; font-size:28px; letter-spacing:-.01em; margin:38px 0 14px; }
  .about-prose { font-size:14px; color:var(--text); line-height:1.85; max-width:680px; }
  .about-prose p { margin-bottom:15px; }
  .about-prose b { font-weight:600; }
  .about-quote { font-family:var(--serif); font-style:italic; font-size:20px; line-height:1.5; color:var(--text); border-left:3px solid var(--accent); padding:6px 0 6px 22px; margin:26px 0; max-width:640px; }
  .founder { display:grid; grid-template-columns:230px 1fr; gap:30px; align-items:start; background:var(--bg2); border:1px solid var(--border); border-radius:16px; padding:28px; margin-top:14px; }
  @media (max-width:680px){ .founder { grid-template-columns:1fr; gap:20px; text-align:center; } }
  .founder-photo { width:100%; border-radius:16px; display:block; box-shadow:0 18px 50px rgba(0,0,0,.4); border:1px solid var(--border2); }
  .founder-name { font-family:var(--display); font-weight:500; font-size:24px; letter-spacing:-.01em; }
  .founder-role { font-size:13px; color:var(--accent); font-weight:500; margin-top:3px; }
  .founder-bio { font-size:14px; color:var(--text2); line-height:1.8; margin-top:14px; }
  .founder-bio b { color:var(--text); font-weight:600; }
  .about-cta { display:flex; gap:12px; flex-wrap:wrap; margin:30px 0 6px; }
  .about-feat { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; }
  @media (max-width:780px){ .about-feat { grid-template-columns:1fr; } }
  .about-feat .af { background:var(--bg2); border:1px solid var(--border); border-radius:16px; padding:18px; }
  .about-feat .af .ic { width:34px; height:34px; border-radius:8px; background:rgba(110,110,247,.12); border:1px solid rgba(110,110,247,.22); display:flex; align-items:center; justify-content:center; margin-bottom:12px; }
  .about-feat .af .ic svg { width:17px; height:17px; stroke:var(--accent); color:var(--accent); }

  /* ===== SATIŞ ANALİZİ ===== */
  .st-top { display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap; margin-bottom:12px; }
  .st-cov { font-size:13px; color:var(--text2); display:flex; align-items:center; gap:8px; }
  .st-cov .dot { width:7px; height:7px; border-radius:50%; background:var(--green); box-shadow:0 0 0 3px color-mix(in srgb,var(--green) 22%,transparent); }
  .st-cov b { color:var(--text); font-weight:600; }
  .st-upbtn { display:inline-flex; align-items:center; gap:7px; font-size:13px; font-weight:500; color:var(--text2); background:var(--bg2); border:1px solid var(--border); border-radius:8px; padding:7px 13px; cursor:pointer; }
  .st-upbtn:hover { border-color:var(--accent); color:var(--accent); }
  .st-up { margin-bottom:14px; }
  .kz-help-btn{width:20px;height:20px;border-radius:50%;border:1px solid var(--border2);background:transparent;color:var(--text3);font:600 11px/1 var(--font);cursor:pointer;align-items:center;justify-content:center;padding:0;flex:0 0 auto;transition:color .15s,border-color .15s,background .15s}
  .kz-help-btn:hover,.kz-help-btn.on{color:var(--text);border-color:var(--accent);background:rgba(110,110,247,.12)}
  .kz-help-pop{position:fixed;z-index:400;background:var(--bg2);border:1px solid var(--border2);border-radius:12px;box-shadow:0 14px 40px rgba(0,0,0,.35);padding:14px 16px;font-size:13px;line-height:1.6;color:var(--text2);animation:kzHelpIn .14s ease-out}
  .kz-help-pop .h{font-weight:600;color:var(--text);margin-bottom:6px;font-size:13px}
  .kz-help-pop b{color:var(--text)} .kz-help-pop a{color:var(--accent) !important;cursor:pointer;font-weight:500}
  @keyframes kzHelpIn{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
    .st-kpis { display:grid; grid-template-columns:repeat(auto-fit,minmax(170px,1fr)); gap:12px; margin-bottom:18px; }
  /* v8.19: .st-kpi ve .kpi-card tek kart stili (yukarıda) */


  .st-kpi .t { font-size:12px; margin-top:6px; color:var(--text3); line-height:1.45; }
  .st-2 { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,max(340px,calc((100% - 16px)/2))),1fr)); gap:16px; align-items:start; }
  .st-note { font-size:13px; color:var(--text2); line-height:1.7; margin-top:12px; padding-top:12px; border-top:1px solid var(--border); }
  .st-note b { color:var(--text); font-weight:600; }
  .st-note .rec { display:block; margin-top:7px; color:var(--text2); }
  .st-note .rec::before { content:'Öneri — '; color:var(--accent); font-weight:600; }
  @media (max-width:780px){ .st-kpis { grid-template-columns:1fr 1fr; } .st-kpis > .st-kpi:last-child:nth-child(odd){ grid-column:1/-1; } .st-2 { grid-template-columns:1fr; } }
  .st-loadovl { position:fixed; inset:0; z-index:5200; display:none; align-items:center; justify-content:center; background:rgba(6,6,10,.62); backdrop-filter:blur(6px); }
  .st-loadcard { background:var(--bg2); border:1px solid var(--border2); border-radius:16px; padding:28px 34px; text-align:center; min-width:260px; box-shadow:0 20px 60px rgba(0,0,0,.4); }
  .st-loadspin { width:42px; height:42px; margin:0 auto 16px; border:3px solid color-mix(in srgb,var(--accent) 25%,transparent); border-top-color:var(--accent); border-radius:50%; animation:stspin .8s linear infinite; }
  @keyframes stspin { to { transform:rotate(360deg); } }
  .st-loadt { font-size:16px; font-weight:600; color:var(--text); }
  .st-loads { font-size:13px; color:var(--text2); margin-top:6px; max-width:320px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
  .st-loadbar { width:100%; min-width:240px; height:6px; background:var(--bg3,rgba(255,255,255,.08)); border-radius:16px; margin-top:16px; overflow:hidden; }
  .st-loadbar-fill { height:100%; width:0%; background:linear-gradient(90deg,var(--accent),#a855f7); border-radius:16px; transition:width .3s cubic-bezier(.4,0,.2,1); }
  .st-loadpct { font-size:12px; color:var(--text3); margin-top:8px; font-weight:600; letter-spacing:.02em; }
  .st-tabs { display:flex; gap:8px; flex-wrap:wrap; margin-bottom:16px; }
  .st-tab { font-size:13px; font-weight:500; color:var(--text2); background:var(--bg2); border:1px solid var(--border); border-radius:999px; padding:7px 15px; cursor:pointer; transition:all .15s; }
  .st-tab:hover { border-color:var(--accent); color:var(--text); }
  .st-tab.on { background:var(--accent); border-color:var(--accent); color:#fff; }
  .kz-info { display:inline-flex; align-items:center; justify-content:center; width:14px; height:14px; border-radius:50%; border:1px solid var(--text3); color:var(--text3); font-size:9.5px; font-weight:700; cursor:help; margin-left:5px; vertical-align:middle; line-height:1; }
  .kz-info:hover { border-color:var(--accent); color:var(--accent); }
  .st-reset { font-size:13px; font-weight:500; color:var(--red); background:transparent; border:1px solid color-mix(in srgb,var(--red) 45%,transparent); border-radius:8px; padding:8px 15px; cursor:pointer; white-space:nowrap; }
  .st-reset:hover { background:color-mix(in srgb,var(--red) 12%,transparent); border-color:var(--red); }
  /* Bugün / Fırsatlar */
  #growthActions { margin-bottom:16px; }
  .ga-card { background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 7%,var(--bg2)),var(--bg2)); border:1px solid var(--border2); border-radius:16px; padding:16px 18px; }
  .ga-head { display:flex; align-items:center; gap:8px; font-size:14px; font-weight:650; color:var(--text); margin-bottom:12px; }
  .ga-spark { color:var(--accent); font-size:16px; }
  .ga-sub { font-size:13px; font-weight:400; color:var(--text3); }
  .ga-link { font-size:13px; font-weight:500; color:var(--accent); background:transparent; border:1px solid color-mix(in srgb,var(--accent) 40%,transparent); border-radius:8px; padding:5px 11px; cursor:pointer; }
  .ga-link:hover { background:color-mix(in srgb,var(--accent) 12%,transparent); }
  .ga-empty { font-size:13px; color:var(--text2); line-height:1.6; display:flex; flex-direction:column; align-items:flex-start; gap:10px; }
  .ga-act { display:flex; gap:12px; padding:11px 0; border-top:1px solid var(--border); }
  .ga-act:first-of-type { border-top:none; padding-top:2px; }
  .ga-sev { flex:none; width:24px; height:24px; border-radius:8px; display:flex; align-items:center; justify-content:center; font-size:13px; font-weight:700; color:#fff; }
  .ga-sev-high { background:var(--red); } .ga-sev-med { background:var(--amber); } .ga-sev-low { background:var(--accent); }
  .ga-body { flex:1; min-width:0; }
  .ga-title { font-size:13px; font-weight:600; color:var(--text); line-height:1.4; }
  .ga-detail { font-size:13px; color:var(--text2); line-height:1.6; margin-top:3px; }
  .ga-tag { font-size:11px; font-weight:600; padding:2px 7px; border-radius:999px; vertical-align:middle; margin-left:4px; }
  .ga-tag-high { background:color-mix(in srgb,var(--red) 16%,transparent); color:var(--red); }
  .ga-tag-med { background:color-mix(in srgb,var(--amber) 18%,transparent); color:var(--amber); }
  .ga-tag-low { background:color-mix(in srgb,var(--accent) 16%,transparent); color:var(--accent); }
  .ga-jump { color:var(--accent); cursor:pointer; font-weight:500; white-space:nowrap; }
  .ga-jump:hover { text-decoration:underline; }
  .about-feat .af h4 { font-size:14px; font-weight:600; margin-bottom:6px; }
  .about-feat .af p { font-size:13px; color:var(--text2); line-height:1.6; }

  /* ===== GİRİŞ FOOTER + LANDING HAKKINDA ===== */
  .auth-side { overflow-y:auto; }
  .auth-foot { flex:none; border-top:1px solid var(--border); background:rgba(8,8,11,.6); padding:13px 24px; display:flex; align-items:center; justify-content:space-between; gap:14px; flex-wrap:wrap; z-index:2; }
  .auth-foot .af-brand { font-size:12px; color:#7a7a86; }
  .auth-foot .af-nav { display:flex; gap:18px; flex-wrap:wrap; }
  .auth-foot .af-nav a { font-size:13px; color:#b9b9c6; cursor:pointer; text-decoration:none; }
  .auth-foot .af-nav a:hover { color:#fff; }
  @media (max-width:560px){ .auth-foot { justify-content:center; text-align:center; } .auth-foot .af-nav { gap:12px; justify-content:center; } }

  .force-dark { --bg:#0a0a0c; --bg2:#101013; --bg3:#17171b; --bg4:#1f1f25; --border:rgba(255,255,255,0.055); --border2:rgba(255,255,255,0.10); --text:#f2f2f4; --text2:#9d9da8; --text3:#5c5c66; --shadow-card:0 1px 2px rgba(0,0,0,.25); }
  .about-screen { position:fixed; inset:0; z-index:1400; background:var(--bg); color:var(--text); overflow-y:auto; display:none; flex-direction:column; }
  .about-screen.open { display:flex; }
  .land-top { position:sticky; top:0; z-index:3; display:flex; align-items:center; justify-content:space-between; gap:12px; padding:16px 28px; background:color-mix(in srgb,var(--bg) 82%,transparent); backdrop-filter:blur(14px); border-bottom:1px solid var(--border); }
  .land-body { flex:1; padding:34px 28px 10px; }
  .land-foot { border-top:1px solid var(--border); padding:22px 28px 30px; display:flex; align-items:center; justify-content:space-between; gap:16px; flex-wrap:wrap; }
  .land-foot .lf-nav { display:flex; gap:18px; flex-wrap:wrap; }
  .land-foot .lf-nav a { font-size:13px; color:var(--text2); cursor:pointer; text-decoration:none; }
  .land-foot .lf-nav a:hover { color:var(--accent); }
  .land-foot .lf-copy { font-size:13px; color:var(--text3); }

  /* Kurucu kartı — premium */
  .founder-media { position:relative; }
  .founder-media::before { content:''; position:absolute; inset:-1px; border-radius:16px; padding:1px; background:linear-gradient(150deg,rgba(110,110,247,.6),rgba(168,85,247,.25),transparent 70%); -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0); -webkit-mask-composite:xor; mask-composite:exclude; pointer-events:none; }
  .founder-badge { position:absolute; left:12px; bottom:12px; font-size:12px; font-weight:500; color:#fff; background:rgba(10,10,14,.62); border:1px solid rgba(255,255,255,.16); backdrop-filter:blur(6px); border-radius:16px; padding:4px 11px; }
  .founder-chips { display:flex; flex-wrap:wrap; gap:8px; margin-top:18px; }
  .founder-chips span { font-size:13px; color:var(--text2); background:var(--bg3); border:1px solid var(--border); border-radius:16px; padding:5px 12px; }
  .founder-sign { font-family:var(--serif); font-style:italic; font-size:18px; color:var(--text2); margin-top:18px; }

.tm-badge{display:inline-block;font-size:11px;font-weight:700;letter-spacing:.02em;padding:2px 7px;border-radius:8px;white-space:nowrap;line-height:1.5}
.tm-badge.tm-red{background:color-mix(in srgb,var(--red) 15%,transparent);color:var(--red)}
.tm-badge.tm-amber{background:color-mix(in srgb,var(--amber) 17%,transparent);color:var(--amber)}
.tm-badge.tm-indigo{background:color-mix(in srgb,var(--accent) 15%,transparent);color:var(--accent)}
.tm-badge.tm-green{background:color-mix(in srgb,var(--green) 15%,transparent);color:var(--green)}
.tm-badge.tm-gray{background:var(--bg3);color:var(--text2)}
.tm-mrow{cursor:pointer;transition:background .12s}
.tm-mrow:hover{background:var(--bg3)}
.tm-crow{background:var(--bg2)}
.stok-fresh{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;padding:4px 11px;border-radius:16px;white-space:nowrap;line-height:1.3;cursor:help}
.stok-fresh svg{width:13px;height:13px;flex-shrink:0}
.stok-fresh.green{color:var(--green);background:color-mix(in srgb,var(--green) 13%,transparent)}
.stok-fresh.amber{color:var(--amber);background:color-mix(in srgb,var(--amber) 16%,transparent)}
.stok-fresh.red{color:var(--red);background:color-mix(in srgb,var(--red) 13%,transparent)}
/* Satis Analizi · Temel Metriklerim (Trendyol tarzi gunluk trend) — v7.38 */
.st-tm-wrap{padding:16px 18px}
.st-tm-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:12px}
.st-tm-sel{font-size:12px;color:var(--text3);font-weight:600;white-space:nowrap}
.st-tm-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.st-tm-card{position:relative;border:1.5px solid var(--border2,var(--border));border-radius:12px;padding:13px 14px 12px;cursor:pointer;background:var(--card);transition:border-color .15s,box-shadow .15s;min-width:0}
.st-tm-card:hover{border-color:var(--text3)}
.st-tm-card.on{border-color:var(--tm);box-shadow:inset 0 0 0 1px var(--tm)}
.st-tm-card.dis{opacity:.5;cursor:not-allowed}
.st-tm-card.dis:hover{border-color:var(--border2,var(--border))}
.st-tm-box{position:absolute;top:12px;right:12px;width:18px;height:18px;border-radius:4px;border:1.5px solid var(--border);display:flex;align-items:center;justify-content:center;background:var(--card)}
.st-tm-card.on .st-tm-box{background:var(--tm);border-color:var(--tm)}
.st-tm-lbl{font-size:11px;letter-spacing:.03em;text-transform:uppercase;color:var(--text3);font-weight:600;padding-right:24px;line-height:1.3;min-height:2.4em}
.st-tm-val{font-size:20px;font-weight:700;color:var(--text);margin-top:6px;font-variant-numeric:tabular-nums}
.st-tm-badge{font-size:12px;margin-top:3px;display:flex;align-items:center;gap:5px;flex-wrap:wrap}
.st-tm-cmp{color:var(--text3)}
.st-tm-legend{display:flex;gap:16px;flex-wrap:wrap;margin:14px 2px 0}
.st-tm-leg{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--text2,var(--text));font-weight:500}
.st-tm-leg i{width:11px;height:11px;border-radius:4px;display:inline-block}
@media(max-width:720px){.st-tm-cards{grid-template-columns:repeat(2,1fr)}.st-tm-val{font-size:18px}}

/* ==================== AI SOHBET WIDGET (root-only) ==================== */
.kzai-fab{position:fixed;right:22px;bottom:22px;width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,#6c6cff,#a855f7);border:none;cursor:pointer;box-shadow:0 12px 30px -8px rgba(108,108,255,.55);display:flex;align-items:center;justify-content:center;z-index:900;transition:transform .18s,box-shadow .18s}
.kzai-fab:hover{transform:translateY(-2px) scale(1.04);box-shadow:0 16px 38px -8px rgba(108,108,255,.7)}
.kzai-fab svg{width:26px;height:26px}
.kzai-panel{position:fixed;right:0;top:0;bottom:0;width:520px;max-width:100vw;background:var(--bg2,#fff);border-left:1px solid var(--border,#e6e6ef);box-shadow:-20px 0 60px -30px rgba(20,20,40,.4);z-index:901;display:none;flex-direction:column;overflow:hidden;transform:translateX(100%);transition:transform .28s cubic-bezier(.4,0,.2,1)}
.kzai-panel.open{display:flex;transform:translateX(0)}
.kzai-head{padding:14px 16px;border-bottom:1px solid var(--border,#eee);display:flex;align-items:center;gap:10px;background:linear-gradient(135deg,rgba(108,108,255,.08),transparent)}
.kzai-head .kzai-logo{width:30px;height:30px;border-radius:8px;background:linear-gradient(135deg,#6c6cff,#a855f7);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.kzai-head .kzai-logo svg{width:17px;height:17px}
.kzai-head .kzai-t{flex:1;min-width:0}
.kzai-head .kzai-t b{font-size:14px;font-weight:600;display:block;line-height:1.2}
.kzai-head .kzai-t span{font-size:11px;color:var(--text3,#999)}
.kzai-x{background:none;border:none;cursor:pointer;color:var(--text3,#999);font-size:20px;padding:4px 8px;border-radius:8px;line-height:1}
.kzai-x:hover{background:var(--bg3,#f3f3f7)}
.kzai-body{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:12px;min-width:0}
.kzai-msg{max-width:88%;padding:10px 13px;border-radius:12px;font-size:13px;line-height:1.55;white-space:pre-wrap;word-break:break-word}
.kzai-msg.u{align-self:flex-end;background:linear-gradient(135deg,#6c6cff,#a855f7);color:#fff;border-bottom-right-radius:4px}
.kzai-msg.a{align-self:flex-start;background:var(--bg3,#f3f3f7);color:var(--text,#222);border-bottom-left-radius:4px}
.kzai-msg.a.err{background:rgba(239,68,68,.1);color:#b91c1c}
.kzai-hint{align-self:flex-start;font-size:12px;color:var(--text3,#999);line-height:1.6}
.kzai-chips{display:flex;flex-wrap:wrap;gap:7px;padding:0 16px 12px}
.kzai-chip{font-size:12px;padding:6px 11px;border-radius:16px;border:1px solid var(--border2,#ddd);background:var(--bg2,#fff);color:var(--text2,#555);cursor:pointer;transition:all .14s}
.kzai-chip:hover{border-color:var(--accent);color:var(--accent)}
.kzai-foot{padding:12px;border-top:1px solid var(--border,#eee);display:flex;gap:8px}
.kzai-in{flex:1;border:1px solid var(--border2,#ddd);border-radius:12px;padding:10px 12px;font-size:13px;font-family:inherit;resize:none;outline:none;max-height:90px;background:var(--bg,#fff);color:var(--text,#222)}
.kzai-in:focus{border-color:var(--accent)}
.kzai-send{width:40px;flex-shrink:0;border:none;border-radius:12px;background:linear-gradient(135deg,#6c6cff,#a855f7);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center}
.kzai-send:disabled{opacity:.5;cursor:default}
.kzai-typing{display:flex;gap:4px;padding:10px 13px;align-self:flex-start}
.kzai-typing i{width:7px;height:7px;border-radius:50%;background:#b9b9c8;animation:kzaiblink 1.2s infinite}
.kzai-typing i:nth-child(2){animation-delay:.2s}.kzai-typing i:nth-child(3){animation-delay:.4s}
@keyframes kzaiblink{0%,60%,100%{opacity:.3}30%{opacity:1}}
.kzai-tbl-wrap{align-self:stretch;width:100%;flex-shrink:0;display:block;overflow-x:auto;border:1px solid var(--border,#e6e6ef);border-radius:12px;margin-top:2px;background:var(--bg2,#fff)}
.kzai-tbl{width:100%;border-collapse:collapse;font-size:13px}
.kzai-tbl th{text-align:left;padding:9px 12px;background:var(--bg3,#f3f3f7);color:var(--text2,#555);font-weight:600;border-bottom:1px solid var(--border,#e6e6ef);white-space:nowrap}
.kzai-tbl td{padding:8px 12px;border-bottom:1px solid var(--border,#f0f0f4);color:var(--text,#222);word-break:break-word}
.kzai-tbl tr:last-child td{border-bottom:none}
.kzai-tbl td.r,.kzai-tbl th.r{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.kzai-tbl tr:hover td{background:rgba(108,108,255,.04)}
.kzai-tbl-title{font-size:12px;font-weight:600;color:var(--text2,#555);margin:8px 0 4px;align-self:flex-start}
.kzai-tbl-note{font-size:12px;color:var(--text3,#999);margin-top:6px;align-self:flex-start;line-height:1.5}
.kzai-tbl-link{align-self:flex-start;margin-top:6px;font-size:12px;color:var(--accent);cursor:pointer;text-decoration:none;font-weight:500}
.kzai-tbl-link:hover{text-decoration:underline}
.kzai-ovl{position:fixed;inset:0;background:rgba(15,15,30,.28);z-index:900;display:none;opacity:0;transition:opacity .28s}
.kzai-ovl.open{display:block;opacity:1}

  /* v8.19: mobilde tarih / karşılaştırma / kaynak / PDF / bildirim tek satırda (önceden 3 satır, ekranın ~%25'i) */
  @media (max-width:820px){
    .topbar-right { display:flex !important; flex-wrap:nowrap; gap:6px; width:100%; align-items:center; }
    .topbar-right > span:not([id]) { display:none !important; }
    #dateWrap.date-selector { display:flex !important; flex:1 1 auto; min-width:0; gap:6px; grid-column:auto; order:0; }
    #dateWrap > .date-trigger { flex:1 1 auto; min-width:0; overflow:hidden; white-space:nowrap; padding:7px 9px !important; justify-content:center; }
    #cmpWrap { flex:0 1 auto; min-width:0; }
    #cmpWrap > .date-trigger { padding:7px 9px !important; }
    #cmpWrap > .date-trigger > span:first-of-type { display:none; }
    #srcWrap { flex:0 0 auto; grid-column:auto; order:0; }
    #srcBtn { width:auto !important; font-size:0 !important; padding:8px 10px; gap:0; }
    #srcBtn svg:last-child { display:none; }
    .topbar-right .icon-btn { order:0; padding:7px 10px; }
    .topbar-right .icon-btn::after { content:none !important; }
    #tnNoteWrap { flex:0 0 auto; }
    .st-cov { display:block; flex-basis:100%; line-height:1.55; }
    .st-cov .dot { display:inline-block; margin-right:6px; vertical-align:1px; }
  }

/* v8.48: Yonetim sayfasi telefonda tasmasin — kartlar ekran genisligini asmaz, genis tablolar kart icinde kayar */
.adm-card{ min-width:0; }
@media (max-width:900px){ .admin-grid{ grid-template-columns:minmax(0,1fr); } .adm-card table{ display:block; max-width:100%; overflow-x:auto; } .adm-card .ac-desc{ overflow-wrap:anywhere; } }

/* v8.52: Musteri Merkezi — RFM halka grafikleri ve sinyal grafikleri */
.rfm-donuts{ display:grid; grid-template-columns:1fr 1fr; gap:18px; }
.rfm-dn-h{ display:flex; justify-content:space-between; font-size:12px; color:var(--text3); margin-bottom:6px; }
.rfm-dn-h b{ color:var(--text2); font-weight:600; }
.rfm-dn-c{ position:relative; height:190px; }
.tm-charts{ display:grid; grid-template-columns:1fr 1fr; gap:14px; margin-bottom:14px; }
@media (max-width:900px){ .rfm-donuts, .tm-charts{ grid-template-columns:minmax(0,1fr); } }

/* v8.55: Merchant Center kapali (Google onayi bekliyor) */
.bc-src.bc-off{ cursor:default; opacity:.75; }
.bc-src.bc-off:hover{ border-color:var(--border); }
.bc-src.bc-off .bc-st{ color:var(--text3); }

/* v8.56 — Üretim Planı aciliyet katmanı, sipariş kaydı · Aksiyon Merkezi satış kararları */
.up-strip { display:flex; flex-wrap:wrap; gap:10px; align-items:center; justify-content:space-between; padding:12px 16px; margin-bottom:14px; }
.up-strip-t { display:flex; flex-direction:column; gap:2px; font-size:13px; }
.up-strip-t span { font-size:12px; color:var(--text3); }
.up-strip-b { display:flex; gap:8px; flex-wrap:wrap; align-items:center; }
.up-strip-b .btn-primary { padding:8px 14px; }
.up-strip-b button { white-space:nowrap; }
.up-urg { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:8px; margin:12px 0 14px; }
.up-urg-i { display:flex; flex-direction:column; gap:3px; text-align:left; background:var(--bg2); border:1px solid var(--border); border-radius:10px; padding:10px 12px; cursor:pointer; font-family:var(--font); color:var(--text); }
.up-urg-i:hover { border-color:var(--uc); }
.up-urg-i.on { border-color:var(--uc); box-shadow:0 0 0 1px var(--uc) inset; }
.up-urg-t { display:flex; align-items:center; gap:6px; font-size:12px; font-weight:600; color:var(--text2); }
.up-urg-t i { width:8px; height:8px; border-radius:50%; background:var(--uc); flex-shrink:0; }
.up-urg-i b { font-size:13.5px; }
.up-urg-s { font-size:11.5px; color:var(--text3); line-height:1.35; }
.up-urg-w { height:4px; border-radius:4px; background:var(--bg3); overflow:hidden; margin-top:4px; }
.up-urg-w em { display:block; height:100%; background:var(--uc); border-radius:4px; }
.up-sub { display:flex; flex-wrap:wrap; gap:6px; padding:10px 14px 0; }
.up-sub button { background:none; border:1px solid var(--border); border-radius:999px; padding:4px 11px; font-family:var(--font); font-size:12px; color:var(--text3); cursor:pointer; }
.up-sub button.on { border-color:var(--accent); color:var(--text); font-weight:600; }
.up-ord { display:inline-flex; flex-wrap:wrap; align-items:center; gap:4px; margin-top:5px; font-size:11.5px; color:var(--green); background:rgba(52,211,153,.10); border:1px solid rgba(52,211,153,.30); border-radius:6px; padding:2px 8px; }
.up-ord.late { color:var(--amber); background:rgba(245,158,11,.10); border-color:rgba(245,158,11,.35); }
.up-ord a { color:inherit; font-weight:600; cursor:pointer; text-decoration:underline; margin-left:4px; }
.up-ordbtn { display:block; margin-top:6px; font-size:11.5px; padding:4px 9px; white-space:nowrap; }
.up-b.new { background:rgba(14,165,233,.14); color:#0ea5e9; }
.upo-done { margin-top:10px; border:1px solid var(--border); border-radius:10px; padding:8px 12px; background:var(--bg2); }
.upo-done summary { cursor:pointer; font-size:12.5px; color:var(--text2); font-weight:600; }
.upo-done summary span { font-weight:400; color:var(--text3); margin-left:6px; }
.upo-done-l { display:flex; flex-direction:column; gap:6px; margin-top:8px; font-size:12.5px; }
.am-camp { display:flex; gap:12px; align-items:flex-start; padding:12px 14px; margin:12px 0; border:1px solid rgba(108,108,255,.35); border-radius:12px; background:rgba(108,108,255,.06); font-size:12.5px; color:var(--text2); line-height:1.55; }
.am-camp > .kzi { flex-shrink:0; margin-top:2px; color:var(--accent); font-size:17px; }
.am-camp > div { flex:1; display:flex; flex-direction:column; gap:3px; }
.am-camp > div > b { color:var(--text); font-size:13px; }
.am-camp .mini-btn { flex:0 0 auto; width:auto; white-space:nowrap; }
.am-links { display:flex; flex-wrap:wrap; gap:8px 22px; margin-top:16px; font-size:12.5px; color:var(--text3); }
.am-links a { color:var(--accent); cursor:pointer; font-weight:600; }
@media (max-width:900px){ .up-urg { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:600px){ .up-urg { grid-template-columns:1fr 1fr; } .up-strip-b { width:100%; } .am-camp { flex-direction:column; } }