:root{
    --bg-0:#080a0f;
    --bg-1:#0d1119;
    --panel:#11151f;
    --panel-glass: rgba(18,22,32,0.62);
    --border: rgba(201,169,97,0.16);
    --border-soft: rgba(255,255,255,0.07);
    --amber:#c9a961;
    --amber-bright:#e6c580;
    --teal:#3fd0c0;
    --red:#e0685a;
    --text-0:#eef0f3;
    --text-1:#a7adb8;
    --text-2:#7c8494;
    --mono: -apple-system,BlinkMacSystemFont,'Segoe UI',Inter,sans-serif;
    --display: 'Georgia','Iowan Old Style',ui-serif,serif;
    --body: -apple-system,BlinkMacSystemFont,'Segoe UI',Inter,sans-serif;
    --radius:16px;
  }
  *{box-sizing:border-box; margin:0; padding:0;}
  /* KOPYA KORUMASI: Site içerikleri metin olarak seçilip kopyalanamaz — içerik
     paylaşımı için PDF rapor özelliği kullanılır. Form alanları (arama, e-posta,
     OTP kodu, hata bildirimi vb.) kullanılabilir kalsın diye istisna tutulur. */
  html, body{ -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; }
  input, textarea, select, [contenteditable="true"]{
    -webkit-user-select:text; -moz-user-select:text; -ms-user-select:text; user-select:text;
  }
  .sr-only{ position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
  html,body{
    background:var(--bg-0);
    color:var(--text-0);
    font-family:var(--body);
    min-height:100%;
    overflow-x:hidden;
    color-scheme: dark;
  }
  ::selection{ background: var(--amber); color:#0a0a0a; }
  .kpi-val, .card-value, .rscore, .sup-val, .teaser-kpi-val, .tr-export-hero-value,
  .plan-price, .premium-plan-price, .register-plan-price{ font-variant-numeric: tabular-nums; }
  /* Bazı mobil tarayıcılar select açılır listesini beyaz sistem arka planıyla gösteriyor;
     sayfa temasından bağımsız olarak metnin her zaman okunabilir kalmasını garanti eder. */
  select option{ color:#111; background:#fff; }

  body{
    background:
      radial-gradient(ellipse 1200px 800px at 50% -10%, rgba(201,169,97,0.07), transparent 60%),
      radial-gradient(ellipse 900px 700px at 90% 90%, rgba(63,208,192,0.05), transparent 60%),
      var(--bg-0);
    min-height:100vh;
    position:relative;
  }

  /* subtle grain / scanline texture */
  body::before{
    content:"";
    position:fixed; inset:0; pointer-events:none; z-index:1;
    background-image: repeating-linear-gradient(180deg, rgba(255,255,255,0.012) 0px, rgba(255,255,255,0.012) 1px, transparent 1px, transparent 3px);
    mix-blend-mode:overlay;
  }

  /* ---------- HEADER ---------- */
  header{
    position:fixed; top:0; left:0; right:0; z-index:50;
    display:flex; align-items:center; justify-content:space-between;
    padding:18px 32px;
    background:rgba(8,10,15,0.55);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    border-bottom:1px solid var(--border-soft);
  }
  .brand{ display:flex; align-items:baseline; gap:10px; }
  .brand-mark{
    display:flex; align-items:baseline; gap:8px; letter-spacing:0.5px;
    color:var(--text-0);
  }
  .brand-pre{
    font-family:var(--mono); font-size:10.5px; font-weight:600; letter-spacing:2.5px;
    text-transform:uppercase; color:var(--text-2);
  }
  .brand-atlas{
    font-family:var(--display); font-size:27px; font-style:italic; font-weight:600;
    color:var(--text-0);
  }
  .brand-dot{ color:var(--amber); }
  .brand-sub{
    font-family:var(--mono); font-size:10px; letter-spacing:2.5px; text-transform:uppercase;
    color:var(--text-2);
  }
  .header-right{ display:flex; align-items:center; gap:22px; }
  .header-actions-wrap{ position:relative; }
  .header-actions{ display:flex; align-items:center; gap:18px; }
  .header-scroll-hint{ display:none; }
  .travel-btn{
    font-family:var(--mono); font-size:11px; letter-spacing:0.5px; color:#0a0a0a;
    background:var(--amber); border:none; border-radius:100px; padding:9px 18px;
    cursor:pointer; transition:all 0.15s ease; font-weight:600;
  }
  .travel-btn:hover{ background:var(--amber-bright); transform:translateY(-1px); }
  .header-stat{ font-family:var(--mono); font-size:11px; color:var(--text-2); letter-spacing:0.5px; }
  .header-stat b{ color:var(--teal); font-weight:600; }
  .pill{
    font-family:var(--mono); font-size:10px; letter-spacing:1.5px; text-transform:uppercase;
    color:var(--amber); border:1px solid var(--border); border-radius:100px; padding:6px 14px;
  }

  /* ---------- HERO / GLOBE ---------- */
  .hero{
    padding:var(--chrome-h, 210px) 32px 60px;
    display:flex; flex-direction:column; align-items:center;
    text-align:center; position:relative; z-index:2;
  }
  .eyebrow{
    font-family:var(--mono); font-size:11px; letter-spacing:3px; text-transform:uppercase;
    color:var(--teal); margin-bottom:18px;
  }
  h1.hero-title{
    font-family:var(--display); font-weight:500; font-style:italic;
    font-size:clamp(28px,4.3vw,50px); line-height:1.15; max-width:820px;
    color:var(--text-0); margin-bottom:16px; letter-spacing:-0.3px;
  }
  h1.hero-title em{ color:var(--amber); font-style:italic; }
  .hero-sub{
    font-size:15px; color:var(--text-1); max-width:520px; line-height:1.6; margin-bottom:6px;
  }
  .hero-hint{ display:none; }

  .globe-stage{
    position:relative; z-index:0; width:min(720px,92vw); height:min(720px,92vw); max-height:640px;
    margin-top:20px; cursor:grab; overflow:visible; touch-action:none;
    user-select:none; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none;
    -webkit-touch-callout:none; -webkit-tap-highlight-color:transparent;
  }
  /* Yıldız alanı — ESKİ SORUN: opacity:0.05 ile pratikte görünmezdi. Artık iki katman
     (::before + ::after) farklı hızlarda hafifçe "parıldıyor"; saf CSS animasyonu
     olduğu için JS render döngüsüne sıfır ek maliyet getirir. z-index:0 (stage) +
     z-index:-1 (yıldızlar) sayesinde yıldızlar kürenin arkasında ama sayfa
     arkaplanının önünde güvenle kalır. */
  .globe-stage::before{
    content:''; position:absolute; inset:-15%; z-index:-1; pointer-events:none;
    background-image:
      radial-gradient(1px 1px at 8% 15%, rgba(255,255,255,0.9) 0, transparent 100%),
      radial-gradient(1px 1px at 22% 62%, rgba(255,255,255,0.7) 0, transparent 100%),
      radial-gradient(1.5px 1.5px at 35% 28%, rgba(255,255,255,0.8) 0, transparent 100%),
      radial-gradient(1px 1px at 48% 80%, rgba(255,255,255,0.6) 0, transparent 100%),
      radial-gradient(1px 1px at 63% 10%, rgba(255,255,255,0.9) 0, transparent 100%),
      radial-gradient(1.5px 1.5px at 78% 55%, rgba(255,255,255,0.7) 0, transparent 100%),
      radial-gradient(1px 1px at 88% 30%, rgba(255,255,255,0.8) 0, transparent 100%),
      radial-gradient(1px 1px at 92% 75%, rgba(255,255,255,0.6) 0, transparent 100%),
      radial-gradient(1px 1px at 15% 90%, rgba(255,255,255,0.7) 0, transparent 100%),
      radial-gradient(1px 1px at 70% 88%, rgba(255,255,255,0.6) 0, transparent 100%);
    background-repeat:no-repeat;
    opacity:0.5;
    animation:starTwinkle 6s ease-in-out infinite alternate;
  }
  .globe-stage::after{
    content:''; position:absolute; inset:-15%; z-index:-1; pointer-events:none;
    background-image:
      radial-gradient(1px 1px at 5% 40%, rgba(255,255,255,0.7) 0, transparent 100%),
      radial-gradient(1.5px 1.5px at 18% 8%, rgba(201,169,97,0.75) 0, transparent 100%),
      radial-gradient(1px 1px at 30% 72%, rgba(255,255,255,0.6) 0, transparent 100%),
      radial-gradient(1px 1px at 42% 18%, rgba(255,255,255,0.8) 0, transparent 100%),
      radial-gradient(1px 1px at 55% 60%, rgba(63,208,192,0.6) 0, transparent 100%),
      radial-gradient(1.5px 1.5px at 68% 35%, rgba(255,255,255,0.7) 0, transparent 100%),
      radial-gradient(1px 1px at 82% 12%, rgba(255,255,255,0.65) 0, transparent 100%),
      radial-gradient(1px 1px at 95% 50%, rgba(201,169,97,0.6) 0, transparent 100%),
      radial-gradient(1px 1px at 38% 95%, rgba(255,255,255,0.6) 0, transparent 100%),
      radial-gradient(1px 1px at 60% 92%, rgba(63,208,192,0.5) 0, transparent 100%);
    background-repeat:no-repeat;
    opacity:0.35;
    animation:starTwinkle 9s ease-in-out infinite alternate-reverse;
  }
  @keyframes starTwinkle{
    from{ opacity:0.25; }
    to{ opacity:0.6; }
  }
  .globe-stage svg, .globe-stage path, .globe-stage circle{
    touch-action:none; -webkit-touch-callout:none; -webkit-user-select:none; user-select:none;
  }
  .globe-stage:active{ cursor:grabbing; }
  .globe-stage svg{ width:100%; height:100%; overflow:visible; transform-origin:50% 50%; transition: transform 0.12s ease-out; }

  .zoom-controls{
    position:absolute; bottom:6px; right:6px; z-index:15;
    display:flex; flex-direction:column; gap:6px;
  }
  .zoom-controls button{
    width:34px; height:34px; border-radius:10px;
    background:var(--panel-glass); backdrop-filter:blur(12px);
    border:1px solid var(--border); color:var(--text-0);
    font-family:var(--mono); font-size:17px; line-height:1;
    cursor:pointer; transition:all 0.15s ease;
  }
  .zoom-controls button:hover{ border-color:var(--amber); color:var(--amber); }

  .globe-sphere{ filter:drop-shadow(0 0 60px rgba(201,169,97,0.06)); }
  .globe-atmosphere{ pointer-events:none; }
  .globe-rimlight{ pointer-events:none; mix-blend-mode:screen; }
  #routePulseGroup{ pointer-events:none; }
  .grid-line{ fill:none; stroke:rgba(255,255,255,0.13); stroke-width:1; }
  .grid-line-eq{ fill:none; stroke:rgba(201,169,97,0.18); stroke-width:1; }

  .node{ cursor:pointer; }
  .node-hit{ cursor:pointer; }
  .node-dot{
    transition: r 0.18s ease, opacity 0.2s ease;
  }
  .node-ring{
    fill:none; stroke:var(--amber); stroke-width:1; opacity:0;
    transition: opacity 0.2s ease, r 0.2s ease;
  }
  .node.hovered .node-dot{ r:6; }
  .node.hovered .node-ring{ opacity:0.7; r:14; }
  .node-label{
    font-family:var(--mono); font-size:9px; fill:var(--text-2); letter-spacing:0.5px;
    pointer-events:none; opacity:0.8;
  }
  .node-citylight{
    fill:rgba(255,224,168,0.35); pointer-events:none;
  }
  .route-pulse-line{
    stroke:var(--teal); stroke-width:1.4; stroke-dasharray:4 5; fill:none;
    opacity:0; pointer-events:none; transition:opacity 0.5s ease;
    filter:drop-shadow(0 0 4px rgba(63,208,192,0.7));
    animation:routeDashFlow 1.1s linear infinite;
  }
  .route-pulse-line.show{ opacity:0.8; }
  @keyframes routeDashFlow{ to{ stroke-dashoffset:-18; } }
  .source-node .node-label{ opacity:0.95; font-weight:600; }

  /* Hedef Ülkelerim pin'i — küre üzerinde dikkat çekici, altın renkli, hafif zıplayan işaretçi */
  .node-pin{ display:none; pointer-events:none; }
  .node.is-target .node-pin{ display:block; animation:targetPinBounce 1.8s ease-in-out infinite; }
  .node-pin-shape{
    fill:var(--amber-bright); stroke:#2a1d00; stroke-width:1.2;
    filter:drop-shadow(0 2px 5px rgba(0,0,0,0.55));
  }
  .node-pin-hole{ fill:#2a1d00; }
  @keyframes targetPinBounce{
    0%, 100% { transform:translateY(0); }
    50% { transform:translateY(-4px); }
  }

  .country-shape{ transition: fill-opacity 0.26s ease, stroke-width 0.26s ease; }
  .country-target{ cursor:pointer; }
  .country-target.hovered{ fill-opacity:0.92 !important; stroke:#ffffff !important; stroke-width:1.6 !important; }
  .country-source{ cursor:default; }
  .country-source.hovered{ fill-opacity:0.65 !important; stroke:#ffffff !important; stroke-width:1.5 !important; }

  .hc-suppliers{ margin-top:13px; padding-top:12px; border-top:1px solid var(--border-soft); }
  .hc-bar{ display:flex; height:7px; border-radius:4px; overflow:hidden; margin:8px 0 9px; background:#1a1e28; }
  .hc-bar span{ height:100%; }
  .seg-tr{ background:var(--teal); }
  .seg-other{ background:rgba(201,169,97,0.5); border-right:1px solid rgba(8,10,15,0.6); }
  .hc-supplier-list{ display:flex; flex-wrap:wrap; gap:4px 10px; font-family:var(--mono); font-size:9.5px; color:var(--text-2); }
  .hc-supplier-list .tr-hl{ color:var(--teal); }

  /* ---------- HOVER CARD ---------- */
  .hover-card{
    position:fixed; z-index:80; width:280px; pointer-events:none;
    background:var(--panel-glass); backdrop-filter:blur(20px); -webkit-backdrop-filter:blur(20px);
    border:1px solid var(--border); border-radius:var(--radius);
    padding:18px 20px; opacity:0; transform:translateY(6px) scale(0.98);
    transition:opacity 0.14s ease, transform 0.14s ease;
    box-shadow:0 20px 50px rgba(0,0,0,0.5);
  }
  .hover-card.show{ opacity:1; transform:translateY(0) scale(1); }
  .hc-close-btn{
    position:absolute; top:10px; right:10px; pointer-events:auto;
    width:24px; height:24px; border-radius:50%; display:flex; align-items:center; justify-content:center;
    background:rgba(255,255,255,0.06); border:1px solid var(--border-soft); color:var(--text-2);
    font-size:11px; cursor:pointer; transition:all 0.15s ease;
  }
  .hc-close-btn:hover{ background:rgba(224,104,90,0.2); color:var(--red); border-color:transparent; }
  .hc-detail-btn{
    pointer-events:auto; width:100%; margin-top:10px; padding:9px;
    font-family:var(--mono); font-size:11px; letter-spacing:0.5px; font-weight:600;
    background:var(--amber); color:#2a1d00; border:none; border-radius:100px; cursor:pointer;
  }
  .hc-detail-btn:active{ background:var(--amber-bright); }
  .hc-restriction{
    font-family:var(--mono); font-size:10.5px; font-weight:700; padding:6px 10px; border-radius:8px;
    margin-bottom:12px; background:rgba(224,104,90,0.15); color:var(--red); border:1px solid rgba(224,104,90,0.4);
  }
  .hc-restriction.significant{ background:rgba(201,169,97,0.15); color:var(--amber); border-color:rgba(201,169,97,0.4); }
  .hc-head{ display:flex; align-items:center; justify-content:space-between; margin-bottom:12px; padding-right:28px; }
  .hc-country{ font-family:var(--display); font-style:italic; font-size:19px; }
  .hc-flag{ font-size:20px; }
  .hc-score-badge{
    font-family:var(--mono); font-size:10px; padding:3px 8px; border-radius:100px;
    background:rgba(63,208,192,0.12); color:var(--teal); letter-spacing:0.5px;
  }
  .hc-grid{ display:grid; grid-template-columns:1fr 1fr; gap:9px 14px; margin-top:4px; }
  .hc-item{ display:flex; flex-direction:column; gap:2px; }
  .hc-label{ font-family:var(--mono); font-size:10.5px; letter-spacing:0.6px; text-transform:uppercase; color:var(--text-2); }
  .hc-value{ font-family:var(--mono); font-size:12.5px; color:var(--text-0); }
  .hc-footer{
    margin-top:13px; padding-top:11px; border-top:1px solid var(--border-soft);
    font-family:var(--mono); font-size:9.5px; color:var(--text-2); letter-spacing:0.5px;
    display:flex; align-items:center; justify-content:space-between;
  }

  /* ---------- INFO PANEL (Fırsat Skoru / Veri Güvenilirliği) ---------- */
  .info-panel{
    display:flex; align-items:stretch; justify-content:center; flex-wrap:wrap;
    margin:34px auto 0; max-width:800px;
    background:var(--panel-glass); border:1px solid var(--border-soft); border-radius:20px;
    backdrop-filter:blur(14px); -webkit-backdrop-filter:blur(14px); overflow:hidden;
    box-shadow:0 24px 60px rgba(0,0,0,0.3), 0 1px 0 rgba(255,255,255,0.05) inset;
    position:relative;
  }
  .info-card{ flex:1; min-width:330px; padding:28px 34px; }
  .info-card-header{ display:flex; align-items:center; gap:10px; margin-bottom:19px; }
  .info-card-icon{ color:var(--amber); flex-shrink:0; }
  .info-card-title{
    font-family:var(--mono); font-size:10px; letter-spacing:2.2px; text-transform:uppercase; color:var(--amber);
  }
  .info-rows{ display:flex; flex-direction:column; gap:12px; }
  .info-row{
    display:flex; align-items:center; gap:10px; font-family:var(--mono); font-size:10.5px;
    color:var(--text-1); letter-spacing:0.3px; white-space:nowrap;
  }
  .info-row .dq-badge{ min-width:84px; justify-content:center; }
  .info-divider{ width:1px; background:var(--border-soft); align-self:stretch; }

  /* ---------- KÜRE İPUÇLARI (ilk ziyarette gösterilen onboarding kartları) ---------- */
  .globe-hint{
    position:absolute; top:50%; width:212px; z-index:12;
    display:flex; align-items:flex-start; gap:12px; padding:16px 18px; border-radius:16px;
    background:var(--panel-glass); border:1px solid var(--border-soft);
    backdrop-filter:blur(14px); -webkit-backdrop-filter:blur(14px);
    box-shadow:0 20px 50px rgba(0,0,0,0.35);
    opacity:0; pointer-events:none; transition:opacity 0.5s ease, transform 0.5s ease;
  }
  .globe-hint.show{ opacity:1; }
  .globe-hint-left{ left:-14px; transform:translateY(-50%) translateX(-100%); }
  .globe-hint-left.show{ transform:translateY(-50%) translateX(-108%); }
  .globe-hint-right{ right:-14px; transform:translateY(-50%) translateX(100%); }
  .globe-hint-right.show{ transform:translateY(-50%) translateX(108%); }
  .globe-hint-icon{ color:var(--amber); flex:0 0 auto; margin-top:1px; }
  .globe-hint-title{ font-family:var(--body); font-size:13px; font-weight:700; color:var(--text-0); line-height:1.4; margin-bottom:4px; }
  .globe-hint-sub{ font-family:var(--body); font-size:11.5px; color:var(--text-2); line-height:1.5; }
  .globe-hint-mobile{ display:none; position:static; transform:none !important; width:auto; max-width:320px; margin:16px auto 0; }
  .globe-help-btn{ border-radius:50% !important; font-size:14px !important; }
  @media(max-width:1199px){
    .globe-hint{ width:172px; padding:13px 15px; }
    .globe-hint-title{ font-size:12px; }
    .globe-hint-sub{ font-size:10.5px; }
    .globe-hint-left{ left:4px; }
    .globe-hint-right{ right:4px; }
  }
  @media(max-width:767px){
    .globe-hint-left, .globe-hint-right{ display:none; }
    .globe-hint-mobile{ display:flex; }
    .globe-stage{ width:78vw; height:78vw; }
  }

  /* ---------- POPÜLER PAZARLAR (hızlı erişim çipleri) ---------- */
  .popular-markets{ margin-top:38px; text-align:center; }
  .popular-markets-label{
    font-family:var(--mono); font-size:10px; letter-spacing:2.5px; text-transform:uppercase; color:var(--text-2);
    margin-bottom:16px;
  }
  .popular-markets-chips{ display:flex; flex-wrap:wrap; justify-content:center; gap:10px; }
  .popular-market-chip{
    display:inline-flex; align-items:center; gap:8px; font-family:var(--body); font-size:13px; font-weight:600;
    color:var(--text-1); background:rgba(255,255,255,0.03); border:1px solid var(--border-soft); border-radius:100px;
    padding:9px 18px; cursor:pointer; transition:all 0.18s ease;
  }
  .popular-market-chip:hover{ border-color:var(--amber); color:var(--text-0); background:rgba(201,169,97,0.08); transform:translateY(-1px); }

  .score-gauge-bar{
    height:7px; border-radius:100px; margin-bottom:16px;
    background:linear-gradient(90deg, #6b6f78 0%, #6b6f78 55%, var(--amber) 55%, var(--amber) 80%, var(--teal) 80%, var(--teal) 100%);
    box-shadow:0 0 0 1px rgba(255,255,255,0.05) inset;
  }
  .score-gauge-legend{ display:flex; flex-direction:column; gap:11px; }
  .score-gauge-legend span{
    display:flex; align-items:center; gap:9px; font-family:var(--mono); font-size:10.5px;
    color:var(--text-1); letter-spacing:0.3px; white-space:nowrap;
  }
  .score-gauge-legend i{ width:8px; height:8px; border-radius:50%; flex-shrink:0; box-shadow:0 0 0 3px rgba(255,255,255,0.04); font-style:normal; }

  @media(max-width:720px){
    .info-panel{ flex-direction:column; }
    .info-card{ text-align:center; padding:24px 20px; min-width:0; }
    .info-card-header{ justify-content:center; }
    .info-rows{ overflow-x:auto; padding-bottom:2px; }
    .info-row{ justify-content:flex-start; font-size:10px; }
    .info-row .dq-badge{ min-width:0; }
    .score-gauge-legend{ align-items:center; }
    .score-gauge-legend span{ justify-content:center; }
    .info-divider{ width:100%; height:1px; }
  }

  /* ---------- COUNTRY PAGE ---------- */
  .dashboard{
    display:none; padding:var(--chrome-h, 196px) 0 80px;
  }
  .dashboard.open{ display:block; }
  .dashboard-inner{ max-width:1300px; margin:0 auto; }

  .dash-header{
    position:sticky; top:120px; z-index:10;
    background:rgba(8,10,15,0.85); backdrop-filter:blur(18px); -webkit-backdrop-filter:blur(18px);
    border-bottom:1px solid var(--border-soft); border-radius:16px 16px 0 0;
    padding:22px 40px; display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:14px;
  }
  .modal-header{
    position:sticky; top:0; z-index:10;
    background:rgba(8,10,15,0.92); backdrop-filter:blur(18px); -webkit-backdrop-filter:blur(18px);
    border-bottom:1px solid var(--border-soft);
    padding:22px 40px; display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:14px;
  }
  .dash-title-wrap{ display:flex; align-items:center; gap:16px; }
  .dash-flag{ font-size:34px; }
  .dash-title{ font-family:var(--display); font-style:italic; font-size:30px; }
  .dash-subtitle{ font-family:var(--mono); font-size:10.5px; color:var(--text-2); letter-spacing:1px; margin-top:3px; }
  .dash-actions{ display:flex; align-items:center; gap:10px; flex-wrap:wrap; }
  .close-btn{
    font-family:var(--mono); font-size:11px; letter-spacing:1px; color:var(--text-1);
    border:1px solid var(--border-soft); background:transparent; border-radius:100px;
    padding:9px 18px; cursor:pointer; transition:all 0.15s ease;
    text-decoration:none; display:inline-block;
  }
  .close-btn:hover{ border-color:var(--amber); color:var(--amber); }
  .modal-close-btn{
    background:rgba(255,255,255,0.05); border-color:var(--border); color:var(--text-0); font-weight:600;
  }
  .modal-close-btn:hover{ background:rgba(224,104,90,0.14); border-color:var(--red); color:var(--red); }

  .tabs{
    display:flex; gap:2px; padding:0 40px; border-bottom:1px solid var(--border-soft);
    background:rgba(8,10,15,0.4); overflow-x:auto;
    position:sticky; top:204px; z-index:9; backdrop-filter:blur(18px);
  }
  .tab{
    font-family:var(--mono); font-size:11px; letter-spacing:0.8px; text-transform:uppercase;
    color:var(--text-2); padding:16px 18px; cursor:pointer; white-space:nowrap;
    border-bottom:2px solid transparent; transition:all 0.15s ease;
  }
  .tab:hover{ color:var(--text-1); }
  .tab.active{ color:var(--amber); border-bottom-color:var(--amber); }

  .dash-body{ padding:40px; max-width:1200px; margin:0 auto; }
  .tab-panel{ display:none; animation:fadein 0.25s ease; }
  .tab-panel.active{ display:block; }
  @keyframes fadein{ from{opacity:0; transform:translateY(6px);} to{opacity:1; transform:translateY(0);} }

  .panel-grid{ display:grid; grid-template-columns:repeat(auto-fit,minmax(230px,1fr)); gap:18px; margin-bottom:28px; }
  .card{
    background:var(--panel); border:1px solid var(--border-soft); border-radius:var(--radius);
    padding:24px 26px; box-shadow:0 1px 0 rgba(255,255,255,0.02) inset, 0 8px 20px rgba(0,0,0,0.12);
    transition:transform 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease;
  }
  .card:hover{ transform:translateY(-2px); border-color:rgba(255,255,255,0.14); box-shadow:0 1px 0 rgba(255,255,255,0.03) inset, 0 14px 30px rgba(0,0,0,0.2); }
  .card-label{ font-family:var(--mono); font-size:11px; letter-spacing:1px; text-transform:uppercase; color:var(--text-2); margin-bottom:11px; }
  .card-value{ font-family:var(--mono); font-size:27px; font-weight:600; color:var(--text-0); }
  .card-value small{ font-size:13px; color:var(--text-2); font-weight:400; }
  .card-delta{ font-family:var(--mono); font-size:11px; margin-top:8px; }
  .up{ color:var(--teal); } .down{ color:var(--red); }

  .section-title{
    font-family:var(--display); font-style:italic; font-weight:400; font-size:22px; margin:36px 0 16px;
    display:flex; align-items:center; gap:10px;
  }
  .section-title:first-child{ margin-top:0; }
  .section-title .num{ font-family:var(--mono); font-size:11px; color:var(--amber); font-style:normal; }

  .chart-card{ background:var(--panel); border:1px solid var(--border-soft); border-radius:var(--radius); padding:24px; margin-bottom:20px; }
  .chart-wrap{ position:relative; height:260px; }
  .two-col{ display:grid; grid-template-columns:1.3fr 1fr; gap:20px; }
  @media(max-width:800px){ .two-col{ grid-template-columns:1fr; } }

  table{ width:100%; border-collapse:collapse; font-family:var(--mono); font-size:12px; }
  th{ text-align:left; font-size:9.5px; letter-spacing:1px; text-transform:uppercase; color:var(--text-2); padding:10px 14px; border-bottom:1px solid var(--border); }
  td{ padding:12px 14px; border-bottom:1px solid var(--border-soft); color:var(--text-1); }
  tr:hover td{ color:var(--text-0); }
  td.bright{ color:var(--text-0); }

  .ai-box{
    background:linear-gradient(135deg, rgba(201,169,97,0.06), rgba(63,208,192,0.04));
    border:1px solid var(--border); border-radius:var(--radius); padding:28px 30px;
    font-family:var(--display); font-style:italic; font-size:16px; line-height:1.7; color:var(--text-0);
    position:relative;
  }
  .ai-tag{
    position:absolute; top:-10px; left:24px; background:var(--bg-0); padding:0 10px;
    font-family:var(--mono); font-style:normal; font-size:9.5px; letter-spacing:1.5px; color:var(--teal);
  }

  .score-grid{ display:grid; grid-template-columns:repeat(auto-fit,minmax(160px,1fr)); gap:14px; margin-top:20px; }
  .score-item{ text-align:center; background:var(--panel); border:1px solid var(--border-soft); border-radius:var(--radius); padding:22px 10px; }
  .score-ring{ width:84px; height:84px; margin:0 auto 10px; }
  .score-num{ font-family:var(--mono); font-size:20px; }
  .score-label{ font-family:var(--mono); font-size:9.5px; letter-spacing:0.8px; text-transform:uppercase; color:var(--text-2); margin-top:8px; }

  .buyer-card{ background:var(--panel); border:1px solid var(--border-soft); border-radius:var(--radius); padding:18px 20px; margin-bottom:10px; display:flex; justify-content:space-between; align-items:center; gap:14px; flex-wrap:wrap; }
  .buyer-name{ font-family:var(--body); font-size:14.5px; color:var(--text-0); font-weight:600; }
  .buyer-meta{ font-family:var(--mono); font-size:10.5px; color:var(--text-2); margin-top:3px; }
  .buyer-tag{ font-family:var(--mono); font-size:9.5px; color:var(--teal); border:1px solid rgba(63,208,192,0.25); border-radius:100px; padding:4px 10px; }

  .footnote{ font-family:var(--mono); font-size:12.5px; color:var(--text-2); margin-top:10px; line-height:1.65; }

  ::-webkit-scrollbar{ width:11px; height:11px; }
  ::-webkit-scrollbar-track{ background:rgba(255,255,255,0.03); }
  ::-webkit-scrollbar-thumb{ background:rgba(201,169,97,0.45); border-radius:10px; border:2px solid transparent; background-clip:padding-box; }
  ::-webkit-scrollbar-thumb:hover{ background:rgba(201,169,97,0.7); background-clip:padding-box; }
  html{ scrollbar-color:rgba(201,169,97,0.45) rgba(255,255,255,0.03); scrollbar-width:thin; }

  /* ---------- TOOLBAR ---------- */
  .toolbar{
    position:fixed; top:var(--header-h, 63px); left:0; right:0; z-index:45;
    background:rgba(8,10,15,0.7); backdrop-filter:blur(16px); -webkit-backdrop-filter:blur(16px);
    border-bottom:1px solid var(--border-soft);
  }
  .toolbar-inner{
    display:flex; align-items:center; gap:18px; flex-wrap:wrap;
    padding:12px 32px;
  }
  .search-wrap{ position:relative; flex:1; min-width:220px; max-width:340px; }
  .search-icon{ position:absolute; left:14px; top:50%; transform:translateY(-50%); color:var(--text-2); font-size:14px; }
  .search-input{
    width:100%; background:var(--panel); border:1px solid var(--border-soft); border-radius:100px;
    padding:9px 16px 9px 34px; color:var(--text-0); font-family:var(--body); font-size:13px;
    outline:none; transition:border-color 0.15s ease;
  }
  .search-input:focus{ border-color:var(--amber); }
  .search-results{
    position:absolute; top:calc(100% + 8px); left:0; right:0; z-index:60;
    background:var(--panel-glass); backdrop-filter:blur(20px); border:1px solid var(--border);
    border-radius:12px; overflow:hidden; display:none; box-shadow:0 20px 50px rgba(0,0,0,0.5);
  }
  .search-results.show{ display:block; }
  .search-item{
    display:flex; align-items:center; justify-content:space-between;
    padding:10px 16px; font-size:13px; color:var(--text-0); cursor:pointer;
  }
  .search-item:hover{ background:rgba(255,255,255,0.05); }
  .search-score{ font-family:var(--mono); font-size:12px; }
  .search-empty{ padding:14px 16px; font-family:var(--mono); font-size:11px; color:var(--text-2); }

  .view-toggle{ display:flex; gap:4px; background:var(--panel); border:1px solid var(--border-soft); border-radius:100px; padding:3px; }
  .view-btn{
    font-family:var(--mono); font-size:11px; letter-spacing:0.5px; color:var(--text-2);
    background:transparent; border:none; border-radius:100px; padding:7px 16px; cursor:pointer; transition:all 0.15s ease;
  }
  .view-btn.active{ background:rgba(201,169,97,0.15); color:var(--amber); }
  .ticker-toggle-btn{
    font-family:var(--mono); font-size:11px; letter-spacing:0.5px; color:var(--text-2);
    background:transparent; border:none; border-radius:100px; padding:7px 16px; cursor:pointer;
    transition:all 0.3s ease-in-out; display:inline-flex; align-items:center; gap:7px;
  }
  .ticker-toggle-icon{ flex:0 0 auto; opacity:0.85; transition:opacity 0.3s ease-in-out; }
  .ticker-toggle-dot{
    width:6px; height:6px; border-radius:50%; background:var(--text-2); flex:0 0 auto;
    transition:background 0.2s ease;
  }
  .ticker-toggle-btn.active{ background:rgba(63,208,192,0.15); color:var(--teal); }
  .ticker-toggle-btn.active .ticker-toggle-dot{ background:var(--teal); animation:atlas-pulse 2.2s ease-in-out infinite; }
  #atlas-ticker-toggle-label{
    display:inline-block; max-width:130px; opacity:1; overflow:hidden; white-space:nowrap;
    transition:max-width 0.3s ease-in-out, opacity 0.25s ease-in-out, margin-left 0.3s ease-in-out;
  }
  .country-chip{
    display:inline-flex; align-items:center; gap:8px; font-family:var(--body); font-size:12.5px;
    background:rgba(63,208,192,0.14); color:var(--teal); border:none; border-radius:100px; padding:7px 8px 7px 14px; cursor:pointer;
  }
  .country-chip .chip-x{
    font-family:var(--mono); font-size:11px; color:var(--text-2); background:rgba(255,255,255,0.08);
    border-radius:50%; width:18px; height:18px; display:inline-flex; align-items:center; justify-content:center;
  }
  .country-chip .chip-x:hover{ background:var(--red); color:#fff; }

  /* Ülke Arama her zaman öncelikli olsun: dar ekranlarda / yer kısıtlı olduğunda
     "Sektör Nabzı" metni yumuşakça kaybolur, buton ikon+nokta'dan oluşan kompakt bir
     rozete dönüşür (tamamen gizlenmez — tıklanınca yine aynı şeridi açar). */
  @media(max-width:900px){
    .ticker-toggle-btn{ padding:7px 10px; gap:5px; }
    #atlas-ticker-toggle-label{ max-width:0; opacity:0; margin-left:-5px; }
  }

  /* ---------- COUNTRY PAGE SECTIONS (new simplified structure) ---------- */
  .cp-section{ padding:48px 0; border-bottom:1px solid var(--border-soft); }
  .cp-section:last-child{ border-bottom:none; }
  .cp-section-title{
    font-family:var(--display); font-style:italic; font-weight:400; font-size:25px; margin-bottom:26px;
    display:flex; align-items:center; gap:12px; padding-bottom:16px; border-bottom:1px solid var(--border-soft);
  }
  .cp-section-title .num{ font-family:var(--mono); font-size:11px; color:var(--amber); font-style:normal; }
  .tg-chart-card{
    background:var(--panel); border:1px solid var(--border-soft); border-radius:14px;
    padding:16px 18px 10px; margin-bottom:10px;
  }
  .tg-chart-btns{ pointer-events:none; }
  .tg-chart-btn{
    flex:1; background:transparent; border:none; margin:0; padding:0; cursor:pointer;
    pointer-events:all; -webkit-tap-highlight-color:rgba(63,208,192,0.15);
  }
  .tg-chart-btn:hover{ background:rgba(63,208,192,0.06); }
  .tg-chart-btn:disabled{ cursor:default; pointer-events:none; }
  .tg-chart-footer{ display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:8px; }
  .tg-chart-cagr{ font-family:var(--mono); font-size:11.5px; letter-spacing:0.3px; padding:4px 11px; border-radius:20px; }
  .tg-chart-cagr.up{ color:var(--teal); background:rgba(63,208,192,0.1); border:1px solid rgba(63,208,192,0.3); }
  .tg-chart-cagr.down{ color:var(--red); background:rgba(224,104,90,0.1); border:1px solid rgba(224,104,90,0.3); }
  .exec-box{
    background:linear-gradient(135deg, rgba(201,169,97,0.07), rgba(63,208,192,0.045));
    border:1px solid var(--border); border-left:3px solid var(--amber);
    border-radius:14px; padding:28px 32px;
    font-family:var(--body); font-style:normal; font-weight:400;
    font-size:15.5px; line-height:1.8; letter-spacing:0.1px; color:var(--text-0);
  }
  /* Ülke sayfası "Pazara İlk Bakış" hero'su — premium karşılama karti.
     Bölgeye göre renk teması (--hero-from/--hero-to) satır içi stille JS'ten geliyor. */
  .country-hero{
    position:relative; overflow:hidden; border-radius:22px; margin:0 0 28px;
    padding:34px 38px 26px;
    background:linear-gradient(150deg, var(--hero-from) 0%, var(--bg-1) 72%);
    border:1px solid var(--border-soft);
    box-shadow:0 24px 60px rgba(0,0,0,0.32);
  }
  /* İnce "harita/graticule" dokusu — çok hafif ızgara çizgileri, arka planı düz göstermesin diye */
  .country-hero::after{
    content:''; position:absolute; inset:0; pointer-events:none; z-index:0;
    background-image:
      repeating-linear-gradient(90deg, rgba(255,255,255,0.05) 0 1px, transparent 1px 64px),
      repeating-linear-gradient(0deg, rgba(255,255,255,0.05) 0 1px, transparent 1px 64px);
    -webkit-mask-image:linear-gradient(180deg, black 0%, transparent 85%);
    mask-image:linear-gradient(180deg, black 0%, transparent 85%);
  }
  /* Sağ üstteki ülke haritası — büyük, düşük opaklıkta, dekoratif bir arka plan öğesi.
     Kartın dışına taşıp kaybolmasın diye pozisyon içeride tutulur (overflow:hidden ile kırpılmasın). */
  .country-hero-bgmap{
    position:absolute; top:-4%; right:-2%; width:360px; height:360px; z-index:0; pointer-events:none;
    opacity:0.14;
  }
  .country-hero-bgmap-path{ fill:var(--hero-to); fill-opacity:1; stroke:none; }

  .country-hero-top{ position:relative; z-index:1; }
  .country-hero-eyebrow{
    font-family:var(--mono); font-size:10.5px; letter-spacing:3.5px; color:var(--hero-to); font-weight:700; margin-bottom:14px;
  }
  .country-hero-identity{ display:flex; align-items:center; gap:16px; flex-wrap:wrap; }
  .country-hero-flagwrap{ flex:0 0 auto; display:inline-flex; }
  .country-hero-flagimg{
    width:46px; height:auto; border-radius:5px; display:block;
    box-shadow:0 3px 10px rgba(0,0,0,0.45), 0 0 0 1px rgba(255,255,255,0.12);
  }
  .country-hero-flag-fallback{ font-size:40px; line-height:1; }
  .country-hero-title{
    font-family:var(--display); font-style:italic; font-size:37px; color:var(--text-0); line-height:1.08;
    letter-spacing:-0.2px;
  }

  .hero-route{
    position:relative; z-index:1; margin-top:28px; padding-top:22px; border-top:1px solid rgba(255,255,255,0.08);
  }
  .hero-route-visual{ display:flex; align-items:center; gap:10px; margin-bottom:20px; max-width:175px; }
  .hero-route-endpoint{ display:flex; flex-direction:column; align-items:center; gap:5px; flex:0 0 auto; }
  .hero-route-endpoint-flag{ font-size:22px; line-height:1; filter:drop-shadow(0 2px 5px rgba(0,0,0,0.3)); }
  .hero-route-endpoint-label{ font-family:var(--mono); font-size:9px; letter-spacing:0.5px; color:var(--text-2); text-transform:uppercase; }
  .hero-route-line{
    flex:1; min-width:36px; height:1px; background:linear-gradient(90deg, var(--hero-to), rgba(255,255,255,0.25) 92%);
    display:flex; align-items:center; justify-content:center; position:relative; margin-bottom:19px;
  }
  .hero-route-line::before, .hero-route-line::after{
    content:''; position:absolute; width:5px; height:5px; border-radius:50%; background:var(--hero-to); top:50%; transform:translateY(-50%);
  }
  .hero-route-line::before{ left:0; }
  .hero-route-line::after{ right:0; background:rgba(255,255,255,0.4); }
  .hero-route-plane{
    color:var(--hero-to); padding:0 5px; line-height:1;
    display:inline-flex; align-items:center; animation:heroPlaneDrift 2.6s ease-in-out infinite; position:relative; z-index:1;
    filter:drop-shadow(0 1px 3px rgba(0,0,0,0.5)) drop-shadow(0 0 4px var(--bg-1));
  }
  @keyframes heroPlaneDrift{
    0%, 100%{ transform:translateX(-5.3px); }
    50%{ transform:translateX(5.3px); }
  }
  .hero-route-stats{ display:flex; align-items:center; gap:22px; }
  .hero-route-stat{ display:flex; flex-direction:column; gap:2px; }
  .hero-route-stat-val{
    font-family:var(--mono); font-size:24px; font-weight:800; color:var(--text-0); font-variant-numeric:tabular-nums;
    letter-spacing:-0.3px;
  }
  .hero-route-stat-unit{ font-size:13px; font-weight:500; color:var(--text-2); margin-left:3px; }
  .hero-route-stat-label{ font-family:var(--body); font-size:10.5px; color:var(--text-2); }
  .hero-route-stat-divider{ width:1px; height:30px; background:rgba(255,255,255,0.1); }

  /* Alt bilgi satırı — düz metin yerine küçük "chip" kartlar, daha lüks bir his için.
     Artık kimlik bloğunun (bayrak+isim) hemen altında, üst bölümün parçası. */
  .country-hero-facts{
    position:relative; z-index:1; display:flex; flex-wrap:wrap; gap:9px;
    margin-top:16px;
  }
  .country-hero-fact{
    font-family:var(--body); font-size:12px; color:var(--text-1); display:flex; align-items:center; gap:7px;
    background:rgba(255,255,255,0.04); border:1px solid rgba(255,255,255,0.08); border-radius:100px;
    padding:7px 14px 7px 11px; transition:border-color 0.2s ease, background 0.2s ease;
  }
  .country-hero-fact:hover{ background:rgba(255,255,255,0.07); border-color:rgba(255,255,255,0.16); }
  .country-hero-fact-icon{ display:inline-flex; align-items:center; color:var(--hero-to); flex:0 0 auto; }

  @media(max-width:640px){
    .country-hero{ padding:26px 22px 20px; }
    .country-hero-bgmap{ width:260px; height:260px; opacity:0.11; }
    .country-hero-title{ font-size:25px; }
    .hero-route-stats{ justify-content:center; }
    .country-hero-facts{ justify-content:center; text-align:center; }
  }
  .tr-export-hero{
    position:relative; overflow:hidden; text-align:center; padding:40px 32px 36px; margin:0 0 32px; border-radius:22px;
    background:linear-gradient(160deg, rgba(63,208,192,0.12), rgba(8,10,15,0.4));
    border:1px solid rgba(63,208,192,0.35); box-shadow:0 12px 30px rgba(0,0,0,0.18);
    transition:transform 0.2s ease, box-shadow 0.2s ease;
  }
  .tr-export-hero:hover{ transform:translateY(-2px); box-shadow:0 18px 40px rgba(0,0,0,0.26); }
  .tr-export-hero::before{
    content:''; position:absolute; top:-60%; right:-15%; width:280px; height:280px; border-radius:50%;
    background:radial-gradient(circle, rgba(63,208,192,0.16), transparent 70%); pointer-events:none;
  }
  .tr-export-hero.estimated{ background:rgba(255,255,255,0.025); border-color:var(--border-soft); }
  .tr-export-hero.unknown{ background:rgba(255,255,255,0.02); border-color:var(--border-soft); }
  .tr-export-hero-label{
    font-family:var(--mono); font-size:12px; letter-spacing:1.3px; color:var(--text-1); text-transform:uppercase;
    margin-bottom:14px; display:flex; align-items:center; justify-content:center; gap:8px; position:relative;
  }
  .tr-export-hero-value{ font-family:var(--body); font-style:normal; font-weight:700; font-size:56px; letter-spacing:-1px; color:var(--text-0); line-height:1; margin-bottom:6px; position:relative; }
  .tr-export-hero.real .tr-export-hero-value{ color:var(--teal); }
  .tr-export-hero.estimated .tr-export-hero-value{ color:var(--text-1); font-size:44px; }
  .tr-export-hero-caption{ font-family:var(--body); font-size:12px; color:var(--text-2); margin-bottom:20px; position:relative; }
  .tr-export-stats{ display:flex; align-items:stretch; justify-content:center; gap:10px; flex-wrap:wrap; position:relative; }
  .tr-export-chip{
    display:flex; flex-direction:column; align-items:center; gap:3px; padding:10px 20px;
    background:rgba(255,255,255,0.03); border:1px solid var(--border-soft); border-radius:12px; min-width:140px;
  }
  .tr-export-chip-label{ font-family:var(--mono); font-size:9.5px; letter-spacing:0.6px; text-transform:uppercase; color:var(--text-2); }
  .tr-export-chip-val{ font-family:var(--body); font-size:15px; font-weight:700; color:var(--text-0); }
  .tr-export-chip-val.up{ color:var(--teal); } .tr-export-chip-val.down{ color:var(--red); }
  .kpi-row{ display:grid; grid-template-columns:repeat(auto-fit,minmax(150px,1fr)); gap:12px; margin-bottom:20px; }

  .import-restriction-banner{
    display:flex; align-items:flex-start; gap:16px; padding:20px 22px; margin-bottom:24px;
    border-radius:16px; background:rgba(224,104,90,0.1); border:1px solid rgba(224,104,90,0.4);
  }
  .import-restriction-banner.significant{ background:rgba(201,169,97,0.1); border-color:rgba(201,169,97,0.4); }
  .import-restriction-icon{ font-size:26px; line-height:1; flex-shrink:0; }
  .import-restriction-title{ font-family:var(--display); font-style:italic; font-weight:700; font-size:16px; color:var(--red); margin-bottom:6px; }
  .import-restriction-banner.significant .import-restriction-title{ color:var(--amber); }
  .import-restriction-note{ font-size:13.5px; color:var(--text-1); line-height:1.6; }
  .teaser-kpi-row{ display:grid; grid-template-columns:1fr 1fr; gap:14px; margin-bottom:32px; }
  .teaser-kpi{
    background:var(--panel); border:1px solid var(--border-soft); border-radius:16px; padding:24px 20px; text-align:center;
    transition:transform 0.2s ease, border-color 0.2s ease;
  }
  .teaser-kpi:hover{ transform:translateY(-2px); border-color:rgba(255,255,255,0.16); }
  .teaser-kpi-label{ font-family:var(--mono); font-size:11px; letter-spacing:1px; text-transform:uppercase; color:var(--text-2); margin-bottom:12px; }
  .teaser-kpi-caption{ font-family:var(--body); font-size:11px; color:var(--text-2); margin-top:8px; }
  .score-info-icon{
    display:inline-flex; align-items:center; gap:5px; cursor:pointer;
    font-family:var(--body); font-size:10.5px; font-weight:600; letter-spacing:0.2px;
    color:var(--teal); background:rgba(63,208,192,0.1); border:1px solid rgba(63,208,192,0.35);
    border-radius:20px; padding:4px 10px 4px 8px; margin-left:6px; vertical-align:middle;
    transition:all 0.2s ease;
  }
  .score-info-icon svg{ animation: scoreIconGlow 2.4s ease-in-out infinite; }
  .score-info-icon:hover{ color:var(--amber-bright); background:rgba(201,169,97,0.14); border-color:rgba(201,169,97,0.4); transform:translateY(-1px); }
  @keyframes scoreIconGlow{
    0%,100%{ opacity:0.7; transform:scale(1); }
    50%{ opacity:1; transform:scale(1.15); }
  }
  .score-info-popover{
    position:fixed; z-index:200; max-width:320px; padding:14px 16px; border-radius:12px;
    background:var(--panel-glass); backdrop-filter:blur(20px); -webkit-backdrop-filter:blur(20px);
    border:1px solid var(--border); box-shadow:0 20px 50px rgba(0,0,0,0.5);
    font-family:var(--mono); font-size:12px; color:var(--text-1); line-height:1.6; display:none;
  }
  .score-info-popover.show{ display:block; }
  .score-info-title{ font-family:var(--body); font-weight:700; font-size:13.5px; color:var(--text-0); margin-bottom:10px; letter-spacing:0.1px; }
  .score-info-components{ display:flex; flex-direction:column; gap:9px; margin-bottom:12px; }
  .score-info-row-head{ display:flex; justify-content:space-between; align-items:baseline; font-family:var(--body); font-size:11px; color:var(--text-1); margin-bottom:4px; }
  .score-info-weight{ font-family:var(--mono); font-size:9.5px; color:var(--text-2); }
  .score-info-bar{ height:5px; background:rgba(255,255,255,0.06); border-radius:100px; overflow:hidden; }
  .score-info-bar-fill{ height:100%; border-radius:100px; background:linear-gradient(90deg, var(--teal), var(--amber-bright)); }
  .score-info-footnote{ font-family:var(--body); font-size:10.5px; color:var(--text-2); line-height:1.6; padding-top:10px; border-top:1px solid var(--border-soft); }
  .teaser-kpi-val{ font-family:var(--body); font-style:normal; font-weight:700; font-size:36px; letter-spacing:-0.5px; color:var(--text-0); }

  .dash-gated-wrap{ position:relative; }
  .dash-gated-wrap.dash-blurred > .cp-section{ filter:blur(4px); pointer-events:none; }
  .dash-gated-wrap.dash-blurred::before{
    content:''; position:absolute; inset:0; background:rgba(5,6,10,0.42); z-index:5; pointer-events:none;
  }
  .dash-gate-overlay{
    position:sticky; top:calc(var(--chrome-h, 220px) + 16px); height:0; overflow:visible;
    z-index:6; pointer-events:none;
  }
  .dash-gate-card{
    pointer-events:auto; position:absolute; top:0; left:50%; transform:translateX(-50%);
    width:min(760px, 92vw); text-align:center; padding:64px 68px;
    background:linear-gradient(165deg, #171b25 0%, #101319 55%, #0c0e13 100%);
    border:1px solid rgba(201,169,97,0.2); border-radius:24px;
    box-shadow:0 4px 12px rgba(0,0,0,0.25), 0 24px 60px rgba(0,0,0,0.35), 0 0 0 1px rgba(255,255,255,0.04) inset;
    animation:gateCardIn 0.45s cubic-bezier(0.16,1,0.3,1);
  }
  @keyframes gateCardIn{
    from{ opacity:0; transform:scale(0.97) translateY(8px); }
    to{ opacity:1; transform:scale(1) translateY(0); }
  }
  .dash-gate-icon-badge{
    width:48px; height:48px; margin:0 auto 28px; border-radius:50%;
    background:rgba(201,169,97,0.12); border:1px solid rgba(201,169,97,0.4);
    display:flex; align-items:center; justify-content:center;
  }
  .dash-gate-title{
    font-family:var(--display); font-style:italic; font-weight:600; font-size:32px; color:#ffffff;
    margin-bottom:20px; letter-spacing:-0.3px; line-height:1.25;
  }
  .dash-gate-sub{
    font-family:var(--body); font-size:15px; color:var(--text-1); line-height:1.8;
    margin-bottom:40px; max-width:480px; margin-left:auto; margin-right:auto;
  }
  .dash-gate-features{
    display:grid; grid-template-columns:1fr 1fr; gap:18px 32px; text-align:left;
    margin-bottom:36px; padding-bottom:36px; border-bottom:1px solid var(--border-soft);
  }
  .dash-gate-feature{ display:flex; align-items:center; gap:12px; font-family:var(--body); font-size:14px; color:var(--text-0); }
  .dash-gate-feature-check{
    flex-shrink:0; width:22px; height:22px; border-radius:50%; display:flex; align-items:center; justify-content:center;
    background:rgba(63,208,192,0.12); border:1px solid rgba(63,208,192,0.35);
  }
  .dash-gate-feature-check svg{ color:var(--teal); }
  .dash-gate-trust{
    font-family:var(--mono); font-size:11px; letter-spacing:0.3px; color:var(--text-2);
    margin-bottom:32px;
  }
  .dash-gate-cta{
    width:100%; padding:19px; border-radius:13px; border:none; cursor:pointer;
    font-family:var(--body); font-size:15.5px; font-weight:700; letter-spacing:0.2px;
    background:linear-gradient(120deg, var(--amber-bright), var(--amber) 75%); color:#1a1206;
    box-shadow:0 8px 22px rgba(201,169,97,0.25);
    transition:transform 0.18s cubic-bezier(0.4,0,0.2,1), box-shadow 0.18s ease, filter 0.18s ease;
  }
  .dash-gate-cta:hover{ transform:translateY(-1px); box-shadow:0 12px 28px rgba(201,169,97,0.35); filter:brightness(1.04); }
  .dash-gate-cta:active{ transform:translateY(0); }
  .dash-gate-login-link{
    display:block; width:100%; background:none; border:none; cursor:pointer;
    font-family:var(--body); font-size:12.5px; color:var(--text-2);
    margin-top:14px; padding:4px; transition:color 0.15s ease;
  }
  .dash-gate-login-link span{ color:var(--teal); font-weight:600; text-decoration:underline; }
  .dash-gate-login-link:hover{ color:var(--text-1); }
  .dash-gate-login-link:hover span{ color:var(--amber-bright); }
  .dash-gate-footnote{ font-family:var(--body); font-size:12px; color:var(--text-2); margin-top:20px; }
  @media(max-width:760px){
    .dash-gate-card{ padding:40px 28px; }
    .dash-gate-features{ grid-template-columns:1fr; }
    .dash-gate-title{ font-size:24px; }
    .dash-gate-sub{ font-size:13.5px; }
  }

  .bmap-grid{ display:grid; grid-template-columns:1fr 1fr; gap:12px; }
  .bmap-group{ padding:16px 18px; }
  .bmap-group-title{ font-size:13px; color:var(--text-0); font-weight:600; margin-bottom:10px; }
  .bmap-item{ display:flex; align-items:center; gap:9px; padding:5px 0; font-size:13px; color:var(--text-1); cursor:pointer; }
  .bmap-item input{ width:16px; height:16px; accent-color:var(--teal); cursor:pointer; flex-shrink:0; }
  .kpi{
    background:var(--panel); border:1px solid var(--border-soft); border-radius:var(--radius); padding:20px 22px;
    transition:transform 0.18s ease, border-color 0.18s ease;
  }
  .kpi:hover{ transform:translateY(-2px); border-color:rgba(255,255,255,0.14); }
  .kpi-label{ font-family:var(--mono); font-size:9.5px; letter-spacing:1px; text-transform:uppercase; color:var(--text-2); margin-bottom:10px; }
  .kpi-val{ font-family:var(--mono); font-size:25px; font-weight:600; }
  .opp-grid{ display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:16px; }
  .opp-card{
    background:var(--panel); border:1px solid rgba(63,208,192,0.2); border-radius:var(--radius); padding:22px;
    transition:transform 0.18s ease, border-color 0.18s ease;
  }
  .opp-card:hover{ transform:translateY(-2px); border-color:rgba(63,208,192,0.4); }
  .opp-t{ font-family:var(--body); font-weight:600; font-size:13.5px; color:var(--teal); margin-bottom:9px; }
  .opp-d{ font-size:12.5px; color:var(--text-1); line-height:1.7; }
  .rgrid{ display:grid; grid-template-columns:repeat(auto-fit,minmax(240px,1fr)); gap:16px; }
  .rcard{
    background:var(--panel); border:1px solid var(--border-soft); border-radius:var(--radius); padding:20px 22px;
    transition:transform 0.18s ease, border-color 0.18s ease;
  }
  .rcard:hover{ transform:translateY(-2px); border-color:rgba(255,255,255,0.14); }
  .rcard-head{ display:flex; justify-content:space-between; font-family:var(--body); font-size:13px; margin-bottom:12px; }
  .rscore{ font-family:var(--mono); }
  .rbar{ height:7px; background:#1a1e28; border-radius:100px; overflow:hidden; margin-bottom:12px; }
  .rbar-fill{ height:100%; border-radius:100px; transition:width 0.9s cubic-bezier(0.16,1,0.3,1); }
  .rnote{ font-size:12px; color:var(--text-2); line-height:1.65; }
  .rscore-grade{ font-size:15px; font-weight:700; letter-spacing:0.5px; }
  .rcard-unknown{ opacity:0.65; }
  .rcard-unknown .rcard-head{ margin-bottom:0; }
  .strategy-table{ width:100%; border-collapse:collapse; }
  .strategy-table tr{ transition:background 0.15s ease; }
  .strategy-table tr:nth-child(even){ background:rgba(255,255,255,0.015); }
  .strategy-table tr:hover{ background:rgba(255,255,255,0.035); }
  .strategy-table td{ padding:18px 14px 18px 0; border-bottom:1px solid var(--border-soft); vertical-align:top; }
  .strategy-table td:first-child{ width:220px; font-family:var(--mono); font-size:11px; color:var(--amber); padding-right:20px; }
  .strategy-table td:last-child{ font-size:13.5px; color:var(--text-0); line-height:1.7; }
  .sup-row{ display:flex; align-items:center; gap:12px; margin-bottom:12px; }
  .sup-name{ width:120px; font-size:13px; color:var(--text-1); flex-shrink:0; }
  .sup-bar-wrap{ flex:1; height:11px; background:#1a1e28; border-radius:100px; overflow:hidden; }
  .sup-bar{ height:100%; border-radius:100px; transition:width 0.9s cubic-bezier(0.16,1,0.3,1); }
  .sup-val{ width:44px; text-align:right; font-family:var(--mono); font-size:12px; color:var(--text-0); flex-shrink:0; }
  .hist-chart{ background:var(--panel); border:1px solid var(--border-soft); border-radius:var(--radius); padding:20px 22px 10px; }
  .hbar-col{ flex:1; display:flex; flex-direction:column; align-items:center; gap:6px; }
  .hbar{ width:100%; background:var(--teal); border-radius:4px 4px 0 0; min-height:6px; opacity:0.82; transition:opacity 0.15s ease, height 0.7s cubic-bezier(0.16,1,0.3,1); }
  .hbar-col:hover .hbar{ opacity:1; }
  .hbar-label{ font-family:var(--mono); font-size:8.5px; color:var(--text-2); }
  .indicator{ display:inline-block; width:9px; height:9px; border-radius:50%; margin-right:7px; }
  .related-list{ border:1px solid var(--border-soft); border-radius:14px; overflow:hidden; }
  .related-item{ border-bottom:1px solid var(--border-soft); }

  .future-grid{ display:grid; grid-template-columns:repeat(auto-fill, minmax(200px, 1fr)); gap:12px; margin-bottom:14px; }
  .future-card{
    border:1px solid var(--border-soft); border-radius:12px; padding:16px 16px 14px; background:var(--panel);
  }
  .future-card-title{ font-family:var(--body); font-size:13px; font-weight:600; color:var(--text-0); margin-bottom:8px; }
  .future-card-body{ font-family:var(--mono); font-size:11px; color:var(--text-2); line-height:1.6; }
  .future-note{
    font-family:var(--body); font-size:12px; color:var(--text-2); line-height:1.7;
  }
  .future-note b{ color:var(--text-1); font-weight:600; }

  /* ---------- KÜRESEL RAPORLAR ---------- */
  .gr-lead{ font-family:var(--display); font-style:italic; font-size:19px; color:var(--text-0); margin-bottom:18px; line-height:1.5; }
  .gr-grid{ display:grid; grid-template-columns:repeat(auto-fill, minmax(240px, 1fr)); gap:14px; margin-top:4px; }
  .gr-card{ border:1px solid var(--border-soft); border-radius:12px; padding:18px 20px; background:var(--panel); }
  .gr-card-title{ font-family:var(--body); font-size:13.5px; font-weight:600; color:var(--amber); margin-bottom:11px; }
  .gr-list{ list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:7px; }
  .gr-list li{ font-family:var(--body); font-size:12.5px; color:var(--text-1); line-height:1.5; padding-left:14px; position:relative; }
  .gr-list li::before{ content:'—'; position:absolute; left:0; color:var(--text-2); }
  .gr-list-wide{ display:grid; grid-template-columns:repeat(auto-fill, minmax(220px,1fr)); gap:9px 24px; margin-top:14px; }
  .gr-audience{ display:flex; flex-wrap:wrap; gap:8px; margin-top:12px; }
  .gr-chip{
    font-family:var(--mono); font-size:11px; color:var(--text-1); padding:6px 13px; border-radius:100px;
    border:1px solid var(--border-soft); background:rgba(255,255,255,0.03);
  }
  .gr-closing{
    margin-top:40px; padding-top:24px; border-top:1px solid var(--border-soft);
    font-family:var(--display); font-style:italic; font-size:17px; color:var(--text-0); text-align:center; line-height:1.6;
  }
  #globalReportsModal .compare-body p{ font-family:var(--body); font-size:13.5px; color:var(--text-1); line-height:1.75; margin-bottom:14px; }

  /* ---------- FOOTER BİLGİ SAYFALARI (Hakkımızda, Yardım Merkezi, İletişim,
     Gizlilik Politikası, Kullanım Şartları, Çerez Politikası, İş Ortakları)
     Sadece bu 7 sayfaya özel — .info-doc-body dışındaki her yer (ör. Küresel
     Raporlar) eski .gr-* stillerini aynen kullanmaya devam eder. ---------- */
  .info-doc-body{ max-width:960px; margin:0 auto; padding:6px 4px 4px; }
  .info-doc-body > .footnote:first-child{ margin-bottom:22px; display:block; }
  .info-doc-body p{ font-family:var(--body); font-size:14px; line-height:1.9; color:var(--text-1); margin-bottom:14px; }
  .info-doc-body a{ color:var(--teal); }

  .info-doc-body .info-intro{ padding-bottom:8px; margin-bottom:6px; }
  .info-doc-body .info-intro .gr-lead{
    font-family:var(--display); font-style:italic; font-weight:400; font-size:25px; line-height:1.55;
    color:var(--text-0); margin-bottom:20px; max-width:760px;
  }
  .info-doc-body .info-intro p:not(.gr-lead):not(.footnote){ font-size:15px; line-height:1.9; color:var(--text-1); }
  .info-doc-body .info-intro p:not(.gr-lead):not(.footnote) b,
  .info-doc-body .info-intro p:not(.gr-lead):not(.footnote) strong{ color:var(--text-0); font-weight:600; }

  .info-doc-body .info-section{
    background:#11161f; border:1px solid var(--border-soft); border-radius:16px;
    padding:34px 36px; margin-bottom:22px;
  }
  .info-doc-body .info-section:last-of-type{ margin-bottom:0; }
  .info-doc-body .info-section .gr-card{ background:rgba(255,255,255,0.025); }

  .info-doc-body h3.cp-section-title{
    font-family:var(--body); font-style:normal; font-weight:700; font-size:16px; letter-spacing:0.1px;
    color:var(--text-0); display:block; margin:0 0 22px !important; padding-bottom:0; border-bottom:none;
  }
  .info-doc-body h3.cp-section-title::after{
    content:''; display:block; width:38px; height:3px; border-radius:2px; margin-top:13px;
    background:linear-gradient(90deg, #d6b56c, rgba(214,181,108,0.15));
  }

  .info-doc-body .gr-grid{ display:grid; grid-template-columns:repeat(auto-fill, minmax(230px,1fr)); gap:16px; margin-top:6px; }
  .info-doc-body .gr-grid-feature{ grid-template-columns:repeat(auto-fill, minmax(260px,1fr)); }
  .info-doc-body .gr-card{
    border:1px solid var(--border-soft); border-radius:13px; padding:20px 21px;
    transition:border-color 0.2s ease, transform 0.2s ease;
  }
  .info-doc-body .gr-card:hover{ border-color:rgba(214,181,108,0.35); transform:translateY(-2px); }
  .info-doc-body .gr-card-title{
    font-family:var(--body); font-size:13.5px; font-weight:600; line-height:1.55; color:#d6b56c;
    margin-bottom:11px; display:flex; align-items:flex-start; gap:10px;
  }
  .info-doc-body .gr-card-feature .gr-card-title{
    color:var(--text-0); font-weight:500; margin-bottom:0;
  }
  .info-doc-body .gr-card-title::before{
    content:''; width:15px; height:15px; flex:0 0 auto; margin-top:1px;
    background-color:#d6b56c;
    -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6L9 17l-5-5'/%3E%3C/svg%3E") no-repeat center / contain;
    mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6L9 17l-5-5'/%3E%3C/svg%3E") no-repeat center / contain;
  }
  .info-doc-body .gr-card p{ font-size:12.5px; line-height:1.7; color:var(--text-2); margin-bottom:0; }

  .info-doc-body .gr-list{ gap:11px; }
  .info-doc-body .gr-list li{ font-size:13px; line-height:1.75; padding-left:18px; }
  .info-doc-body .gr-list li::before{
    content:''; width:6px; height:6px; border-radius:50%; top:6px; left:0;
    border:1.5px solid rgba(214,181,108,0.65); background:transparent;
  }
  .info-doc-body .gr-list-wide{ gap:11px 28px; margin-top:16px; }

  .info-doc-body .gr-closing{
    margin-top:8px; padding-top:0; border-top:none;
    font-family:var(--display); font-style:italic; font-size:16px; color:var(--text-0); text-align:center; line-height:1.65;
  }
  @media(max-width:640px){
    .info-doc-body .info-section{ padding:26px 22px; }
    .info-doc-body .info-intro .gr-lead{ font-size:21px; }
  }

  /* Premium kilitli öğeler üzerine gelince "Members Only" ipucu göster */
  .is-locked{ position:relative; }
  .is-locked::after{
    content:attr(data-lock-tooltip);
    position:absolute; bottom:calc(100% + 9px); left:50%; transform:translateX(-50%) translateY(4px);
    background:var(--bg-0); color:var(--amber-bright); border:1px solid var(--amber);
    font-family:var(--mono); font-size:9.5px; font-weight:700; letter-spacing:1.5px; text-transform:uppercase;
    padding:6px 12px; border-radius:6px; white-space:nowrap; box-shadow:0 6px 18px rgba(0,0,0,0.45);
    opacity:0; pointer-events:none; transition:opacity 0.15s ease, transform 0.15s ease; z-index:90;
  }
  .is-locked::before{
    content:''; position:absolute; bottom:calc(100% + 4px); left:50%; transform:translateX(-50%);
    border:5px solid transparent; border-top-color:var(--amber);
    opacity:0; pointer-events:none; transition:opacity 0.15s ease; z-index:90;
  }
  .is-locked:hover::after, .is-locked:hover::before{ opacity:1; }
  .is-locked:hover::after{ transform:translateX(-50%) translateY(0); }

  /* Alıcı Listesi Talebi — sade, öne çıkarılmamış bir link; sadece hover'da nereye gittiğini gösterir */
  .gov-link{ position:relative; text-decoration:none; }
  .gov-link::after{
    content:attr(data-hint);
    position:absolute; bottom:calc(100% + 9px); left:50%; transform:translateX(-50%) translateY(4px);
    background:var(--bg-0); color:var(--amber-bright); border:1px solid var(--amber);
    font-family:var(--mono); font-size:9.5px; font-weight:700; letter-spacing:1px;
    padding:6px 12px; border-radius:6px; white-space:nowrap; box-shadow:0 6px 18px rgba(0,0,0,0.45);
    opacity:0; pointer-events:none; transition:opacity 0.15s ease, transform 0.15s ease; z-index:90;
  }
  .gov-link:hover::after{ opacity:1; transform:translateX(-50%) translateY(0); }

  /* Kurucu Üye rozeti — ince, zarif, koleksiyon değeri hissettiren premium rozet */
  .membership-badge{
    display:inline-flex; align-items:center; gap:6px; align-self:center;
    font-family:var(--body); font-weight:700; font-size:11px; letter-spacing:0.2px;
    padding:4px 10px 4px 9px; border-radius:9px; line-height:1.4;
    flex-shrink:0; white-space:nowrap;
  }
  .badge-icon{ font-size:10.5px; line-height:1; flex:0 0 auto; }
  .badge-label{ white-space:nowrap; }
  .badge-number{
    font-family:var(--mono); font-size:9px; font-weight:800; letter-spacing:0.3px;
    padding:1.5px 6px; border-radius:100px; line-height:1.5; flex:0 0 auto;
  }
  .membership-badge-founding{
    position:relative; overflow:hidden;
    background:linear-gradient(150deg, #f6e4b0 0%, #ddba78 45%, #b78c4f 100%);
    border:1px solid rgba(248,231,184,0.6);
    color:#2a1d00;
    box-shadow:0 0 0 1px rgba(36,26,2,0.14) inset, 0 1px 0 rgba(255,255,255,0.35) inset, 0 2px 8px rgba(201,169,97,0.35);
    text-shadow:0 1px 0 rgba(255,255,255,0.25);
    transition:box-shadow 0.25s ease, transform 0.2s ease;
  }
  .membership-badge-founding .badge-icon{ color:#7a4e00; }
  .membership-badge-founding .badge-number{
    background:rgba(36,26,2,0.14); color:#2a1d00; border:1px solid rgba(36,26,2,0.16);
  }
  .membership-badge-founding::after{
    content:''; position:absolute; top:0; left:-60%; width:35%; height:100%;
    background:linear-gradient(120deg, transparent, rgba(255,255,255,0.55), transparent);
    transform:skewX(-20deg); transition:left 0.55s ease;
  }
  .membership-badge-founding:hover{
    box-shadow:0 0 0 1px rgba(36,26,2,0.14) inset, 0 1px 0 rgba(255,255,255,0.4) inset, 0 4px 14px rgba(201,169,97,0.5);
    transform:translateY(-0.5px);
  }
  .membership-badge-founding:hover::after{ left:130%; }
  .membership-badge-standard{
    background:rgba(63,208,192,0.14); border:1px solid var(--teal); color:var(--teal); font-weight:600;
  }

  .premium-plan-card{
    border:1px solid var(--border-soft); border-radius:14px; padding:20px 20px 18px; margin-bottom:14px; text-align:center;
  }
  .premium-plan-founding{
    border:1px solid rgba(230,197,128,0.5); background:rgba(201,169,97,0.06);
    box-shadow:0 0 24px rgba(201,169,97,0.12);
  }
  .premium-plan-badge{
    display:inline-block; font-family:var(--mono); font-size:9px; letter-spacing:1.2px; text-transform:uppercase;
    color:#241a02; background:linear-gradient(120deg,#f4dfa0,#c9a961); padding:4px 10px; border-radius:100px;
    margin-bottom:12px; font-weight:700;
  }
  .premium-plan-title{ font-family:var(--display); font-style:italic; font-size:17px; color:var(--text-0); margin-bottom:4px; }
  .premium-plan-price{ font-family:var(--mono); font-size:26px; font-weight:700; color:var(--text-0); margin-bottom:14px; }
  .premium-plan-price span{ font-size:12px; color:var(--text-2); font-weight:400; }
  .premium-plan-subtitle{ font-family:var(--body); font-size:12px; color:var(--text-2); margin:0 0 16px; text-align:center; }
  .premium-plan-perks-title{
    font-family:var(--mono); font-size:9.5px; letter-spacing:1.5px; text-transform:uppercase;
    color:var(--text-2); margin-bottom:10px; text-align:left;
  }
  .premium-perks{ list-style:none; text-align:left; margin:0 0 16px; padding:0; display:flex; flex-direction:column; gap:9px; }
  .premium-perks li{ font-family:var(--body); font-size:12.5px; color:var(--text-1); line-height:1.5; }
  .premium-plan-divider{
    text-align:center; font-family:var(--mono); font-size:10px; letter-spacing:1px; text-transform:uppercase;
    color:var(--text-2); margin:6px 0 14px;
  }

  /* ---------- AUTH MODAL REDESIGN (Giriş / Kayıt) ---------- */
  .auth-header{ text-align:center; margin-bottom:28px; }
  .auth-heading{
    font-family:var(--display); font-style:italic; font-weight:600; font-size:26px; color:var(--text-0);
    margin:0 0 10px; letter-spacing:-0.2px;
  }
  .auth-subheading{
    font-family:var(--body); font-size:13.5px; color:var(--text-1); line-height:1.6;
    max-width:440px; margin:0 auto;
  }

  .auth-segmented{
    display:flex; gap:4px; padding:4px; margin-bottom:28px; background:rgba(255,255,255,0.03);
    border:1px solid var(--border-soft); border-radius:12px;
  }
  .auth-seg-btn{
    flex:1; font-family:var(--body); font-size:13px; font-weight:600; letter-spacing:0.1px;
    padding:11px 14px; border-radius:9px; border:none; background:transparent; color:var(--text-2);
    cursor:pointer; transition:all 0.2s cubic-bezier(0.4,0,0.2,1);
  }
  .auth-seg-btn:hover{ color:var(--text-0); background:rgba(255,255,255,0.04); }
  .auth-seg-btn.active{
    background:linear-gradient(120deg, var(--amber-bright), var(--amber) 75%); color:#1a1206;
    box-shadow:0 4px 14px rgba(201,169,97,0.28);
  }
  .auth-seg-btn.active:hover{ color:#1a1206; background:linear-gradient(120deg, var(--amber-bright), var(--amber) 75%); }

  .auth-field-label{
    font-family:var(--mono); font-size:10.5px; letter-spacing:1px; text-transform:uppercase;
    color:var(--text-2); margin-bottom:8px; display:block;
  }
  .auth-input{
    width:100%; background:rgba(255,255,255,0.03); border:1px solid var(--border-soft); border-radius:12px;
    padding:14px 17px; color:var(--text-0); font-family:var(--body); font-size:14px;
    outline:none; transition:border-color 0.2s ease, background 0.2s ease, box-shadow 0.2s ease;
    margin-bottom:16px; display:block;
  }
  .auth-input::placeholder{ color:var(--text-2); opacity:0.85; }
  .auth-input:focus{
    border-color:var(--amber); background:rgba(201,169,97,0.05);
    box-shadow:0 0 0 3px rgba(201,169,97,0.14);
  }
  .auth-input:hover{ border-color:rgba(255,255,255,0.16); }

  .auth-cta-btn{
    width:100%; padding:16px; border-radius:12px; border:none; cursor:pointer;
    font-family:var(--body); font-size:14.5px; font-weight:700; letter-spacing:0.2px;
    background:linear-gradient(120deg, var(--amber-bright), var(--amber) 75%); color:#1a1206;
    box-shadow:0 8px 22px rgba(201,169,97,0.25);
    transition:transform 0.18s cubic-bezier(0.4,0,0.2,1), box-shadow 0.18s ease, filter 0.18s ease;
  }
  .auth-cta-btn:hover{ transform:translateY(-1px); box-shadow:0 12px 28px rgba(201,169,97,0.35); filter:brightness(1.04); }
  .auth-cta-btn:active{ transform:translateY(0); }
  .auth-cta-btn-ghost{
    width:100%; padding:14px; border-radius:12px; border:1px solid var(--border-soft); cursor:pointer;
    font-family:var(--body); font-size:13px; font-weight:600; background:rgba(255,255,255,0.03); color:var(--text-1);
    transition:all 0.18s ease;
  }
  .auth-cta-btn-ghost:hover{ border-color:var(--text-2); color:var(--text-0); background:rgba(255,255,255,0.05); }
  .auth-back-btn{
    display:inline-flex; align-items:center; gap:6px; background:none; border:none; cursor:pointer;
    font-family:var(--body); font-size:12.5px; font-weight:600; color:var(--text-2); padding:0;
    margin-bottom:18px; transition:color 0.15s ease;
  }
  .auth-back-btn:hover{ color:var(--amber-bright); }
  .register-step2-plan{
    display:flex; align-items:center; justify-content:space-between; gap:10px;
    background:rgba(201,169,97,0.07); border:1px solid rgba(201,169,97,0.25); border-radius:12px;
    padding:12px 16px; margin-bottom:22px; font-family:var(--body); font-size:12.5px; color:var(--text-1);
  }
  .register-step2-plan b{ color:var(--amber-bright); font-weight:700; }

  /* Kayıt formu genişledi (3 planlı kart ızgarası için) ama form alanları
     (isim, e-posta, vb.) hâlâ okunaklı, ortalanmış dar bir sütunda kalsın. */
  #registerFormWrap > .auth-field-label,
  #registerFormWrap > .auth-input,
  #registerFormWrap > .auth-cta-btn,
  #registerFormWrap > .footnote{
    max-width:480px; margin-left:auto; margin-right:auto;
  }
  #registerFormWrap > .auth-field-label{ width:100%; max-width:480px; }

  .plan-grid{ display:grid; grid-template-columns:1fr 1fr 1fr; gap:20px; margin-bottom:28px; align-items:stretch; }
  .plan-card{
    display:flex; flex-direction:column; text-align:left; font-family:inherit; cursor:pointer;
    border-radius:16px; padding:26px 26px 28px; background:rgba(255,255,255,0.025);
    border:1px solid var(--border-soft); position:relative;
    transition:border-color 0.2s ease, background 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
  }
  .plan-card:hover{ transform:translateY(-2px); }
  .plan-card:active{ transform:translateY(-1px) scale(0.995); }
  .plan-card::after{
    content:''; position:absolute; top:20px; right:20px; width:20px; height:20px; border-radius:50%;
    border:1.5px solid var(--border-soft); background:rgba(255,255,255,0.03);
    transition:all 0.2s ease; font-family:var(--body); font-size:11px; font-weight:900; line-height:17px; text-align:center;
  }
  .plan-card.active::after{
    content:'✓'; color:#1a1206; background:var(--amber-bright); border-color:var(--amber-bright);
    box-shadow:0 0 0 3px rgba(201,169,97,0.22);
  }
  .plan-card-founding{
    border-color:var(--border-soft); background:rgba(255,255,255,0.025); opacity:0.9;
  }
  .plan-card-founding.active{
    opacity:1; border:1.5px solid rgba(230,197,128,0.55);
    background:linear-gradient(180deg, rgba(201,169,97,0.09), rgba(201,169,97,0.03));
    box-shadow:0 0 0 1px rgba(201,169,97,0.08) inset, 0 16px 40px rgba(201,169,97,0.14);
  }
  .plan-card-founding.active:hover{ border-color:var(--amber-bright); box-shadow:0 0 0 1px rgba(201,169,97,0.12) inset, 0 20px 48px rgba(201,169,97,0.22); }
  .plan-card-founding:not(.active):hover{ border-color:rgba(255,255,255,0.18); background:rgba(255,255,255,0.035); }
  .plan-card-free{ opacity:0.9; }
  .plan-card-free:hover{ border-color:rgba(255,255,255,0.18); background:rgba(255,255,255,0.035); }
  .plan-card-free.active{
    opacity:1; border-color:var(--teal); background:rgba(63,208,192,0.06);
    box-shadow:0 0 0 1px rgba(63,208,192,0.1) inset, 0 12px 30px rgba(63,208,192,0.1);
  }
  .plan-card-free .plan-price{ color:var(--text-0); font-size:22px; }
  .plan-card-free .plan-features li::before{ color:var(--teal); }
  .plan-card-free .plan-info-title{ color:var(--teal); }
  .plan-card-standard{ opacity:0.9; }
  .plan-card-standard:hover{ border-color:rgba(255,255,255,0.18); background:rgba(255,255,255,0.035); }
  .plan-card-standard.active{
    opacity:1; border-color:var(--amber-bright); background:rgba(201,169,97,0.07);
    box-shadow:0 0 0 1px rgba(201,169,97,0.1) inset, 0 12px 30px rgba(201,169,97,0.12);
  }
  .plan-badge{
    align-self:flex-start; font-family:var(--mono); font-size:9px; letter-spacing:1px; text-transform:uppercase;
    color:#241a02; background:linear-gradient(120deg,#f4dfa0,#c9a961); padding:5px 11px; border-radius:100px;
    margin-bottom:14px; font-weight:700; box-shadow:0 2px 10px rgba(201,169,97,0.35);
  }
  .plan-badge-current{
    color:#0a2622; background:linear-gradient(120deg, #7ee8da, var(--teal) 85%);
    box-shadow:0 2px 10px rgba(63,208,192,0.35);
  }
  .plan-card-current{ opacity:1; border-color:rgba(63,208,192,0.4); background:rgba(63,208,192,0.045); cursor:default; }
  .plan-card-current:hover{ transform:none; border-color:rgba(63,208,192,0.4); background:rgba(63,208,192,0.045); }
  .plan-card-current .plan-info-box{ background:rgba(63,208,192,0.08); border-color:rgba(63,208,192,0.28); }
  .plan-card-current .plan-info-title{ color:var(--teal); }
  .plan-card-current .plan-features li::before{ color:var(--teal); }
  .plan-name{ font-family:var(--body); font-size:15px; font-weight:700; color:var(--text-0); margin-bottom:6px; }
  .plan-price{ font-family:var(--mono); font-size:26px; font-weight:700; color:var(--amber-bright); margin-bottom:2px; line-height:1.1; }
  .plan-card-standard .plan-price{ color:var(--text-0); }
  .plan-price span{ font-size:12px; color:var(--text-2); font-weight:400; }
  .plan-price-note{ font-family:var(--body); font-size:11px; color:var(--teal); font-weight:600; margin-bottom:12px; }
  .plan-price-monthly{ font-family:var(--body); font-size:11px; color:var(--text-2); margin-bottom:8px; }
  .plan-desc{ font-family:var(--body); font-size:11.5px; color:var(--text-1); line-height:1.55; margin-bottom:16px; }
  .plan-features{ list-style:none; margin:0 0 18px; padding:0; display:flex; flex-direction:column; gap:8px; flex:1; }
  .plan-features li{ font-family:var(--body); font-size:12px; color:var(--text-1); line-height:1.4; padding-left:20px; position:relative; }
  .plan-features li::before{ content:'✓'; position:absolute; left:0; color:var(--teal); font-weight:700; font-size:12px; }
  .plan-card-founding .plan-features li::before{ color:var(--amber-bright); }
  .plan-info-box{
    margin-top:auto; padding:12px 13px; border-radius:10px; background:rgba(255,255,255,0.03);
    border:1px solid var(--border-soft);
  }
  .plan-info-box-gold{ background:rgba(201,169,97,0.08); border-color:rgba(201,169,97,0.28); }
  .plan-info-title{ font-family:var(--mono); font-size:9.5px; letter-spacing:0.8px; text-transform:uppercase; color:var(--amber-bright); margin-bottom:5px; font-weight:700; }
  .plan-card-standard .plan-info-title{ color:var(--text-2); }
  .plan-info-text{ font-family:var(--body); font-size:10.5px; color:var(--text-1); line-height:1.5; }

  @media(max-width:640px){
    .plan-grid{ grid-template-columns:1fr; }
    .auth-heading{ font-size:22px; }
  }

  .atlas-toast{
    position:fixed; left:50%; bottom:28px; transform:translateX(-50%) translateY(20px);
    background:var(--panel); border:1px solid var(--border); color:var(--text-0);
    font-family:var(--body); font-size:13px; padding:13px 22px; border-radius:12px;
    box-shadow:0 12px 32px rgba(0,0,0,0.4); z-index:200; opacity:0; pointer-events:none;
    transition:opacity 0.25s ease, transform 0.25s ease; max-width:calc(100vw - 40px); text-align:center;
  }
  .atlas-toast.show{ opacity:1; transform:translateX(-50%) translateY(0); }

  /* Veri Kalitesi Rozetleri — Gerçek / Tahmini / Bilinmiyor.
     Felsefe: GERÇEK veri göze çarpsın (canlı renk, net rozet); TAHMİNİ ve BİLİNMİYOR veri ise
     bilinçli olarak geri planda kalsın (soluk, düşük kontrast) — böylece kullanıcının gözü
     doğal olarak güvenilir veriye gider, tahmini bir rakamı yanlışlıkla kesin sanmaz. */
  .dq-badge{
    display:inline-flex; align-items:center; gap:4px; font-family:var(--mono);
    font-size:10px; font-weight:700; letter-spacing:0.3px; padding:3.5px 10px;
    border-radius:100px; vertical-align:middle; margin-left:7px; white-space:nowrap;
  }
  .dq-real{ background:rgba(63,208,192,0.15); color:var(--teal); border:1px solid rgba(63,208,192,0.38); font-weight:700; }
  .dq-estimated{ background:rgba(201,169,97,0.1); color:var(--amber-bright); border:1px solid rgba(201,169,97,0.32); font-weight:600; opacity:1; }
  .dq-unknown{ background:rgba(255,255,255,0.05); color:var(--text-1); border:1px dashed rgba(255,255,255,0.24); font-weight:600; opacity:1; }
  .card.dq-card-real{ border-left:3px solid var(--teal); background:rgba(63,208,192,0.03); }
  .card.dq-card-estimated{ border-left:2px solid var(--border-soft); }
  .card.dq-card-estimated .card-value{ color:var(--text-2); font-weight:400; }
  .card.dq-card-unknown{ border-left:2px solid var(--border-soft); opacity:0.6; }
  .card.dq-card-unknown .card-value{ color:var(--text-2); font-weight:400; }
  .related-item:last-child{ border-bottom:none; }
  .related-item summary{
    cursor:pointer; padding:16px 20px; font-family:var(--body); font-size:13.5px; color:var(--text-0);
    display:flex; align-items:center; justify-content:space-between; list-style:none;
  }
  .related-item summary::-webkit-details-marker{ display:none; }
  .related-item summary::after{ content:'+'; font-family:var(--mono); color:var(--text-2); font-size:16px; }
  .related-item[open] summary::after{ content:'−'; }
  .related-item summary:hover{ color:var(--amber); }
  .related-body{ padding:0 20px 18px; font-size:13px; color:var(--text-1); line-height:1.7; }

  .category-toggle{ display:flex; align-items:center; gap:8px; margin-left:auto; }

  .filter-wrap{ position:relative; }
  .filter-btn{
    font-family:var(--mono); font-size:11px; letter-spacing:0.5px; font-weight:600;
    color:#04211d; background:var(--teal); border:none; border-radius:100px;
    padding:9px 18px; cursor:pointer; transition:all 0.15s ease;
  }
  .filter-btn:hover{ background:#5be0d1; transform:translateY(-1px); }
  /* Filtre aktifken buton dikkat çekmeli — kullanıcı filtrenin açık kaldığını unutmasın diye */
  .filter-btn.has-active{
    background:var(--amber); color:#2a1d00;
    box-shadow:0 0 0 0 rgba(201,169,97,0.55);
    animation:filterActivePulse 2s ease-in-out infinite;
  }
  @keyframes filterActivePulse{
    0%, 100% { box-shadow:0 0 0 0 rgba(201,169,97,0.5); }
    50% { box-shadow:0 0 0 8px rgba(201,169,97,0); }
  }
  #filterActiveCount:not(:empty){
    display:inline-flex; align-items:center; justify-content:center; margin-left:5px;
    min-width:16px; height:16px; padding:0 5px; border-radius:100px;
    background:#2a1d00; color:var(--amber-bright); font-family:var(--mono); font-size:10px; font-weight:800;
    vertical-align:1px;
  }
  .filter-panel{
    display:none; position:absolute; top:calc(100% + 10px); right:0; z-index:60; width:340px;
    background:var(--panel-glass); backdrop-filter:blur(20px); border:1px solid var(--border);
    border-radius:14px; padding:18px 20px; box-shadow:0 20px 50px rgba(0,0,0,0.55);
  }
  .filter-panel.show{ display:block; }
  .filter-row{ margin-bottom:16px; }
  .filter-row-head{ display:flex; justify-content:space-between; align-items:center; margin-bottom:6px; font-family:var(--mono); font-size:10.5px; color:var(--text-1); }
  .filter-row-head b{ color:var(--amber); font-weight:600; }
  .filter-num-wrap{ display:flex; align-items:center; gap:5px; }
  .filter-num-input{
    width:92px; text-align:right; font-family:var(--mono); font-size:11px; color:var(--amber);
    background:rgba(255,255,255,0.04); border:1px solid var(--border-soft); border-radius:6px;
    padding:4px 7px; -moz-appearance:textfield;
  }
  .filter-num-input::placeholder{ color:var(--text-2); opacity:1; }
  .filter-num-input:focus{ outline:none; border-color:var(--amber); background:rgba(201,169,97,0.08); }
  .filter-num-input::-webkit-outer-spin-button, .filter-num-input::-webkit-inner-spin-button{ margin-left:4px; }
  .filter-num-unit{ font-family:var(--mono); font-size:10px; color:var(--text-2); }
  .filter-row input[type=range]{
    width:100%; accent-color:var(--amber); cursor:pointer;
  }
  .filter-panel-actions{ display:flex; align-items:center; justify-content:space-between; margin-top:4px; padding-top:12px; border-top:1px solid var(--border-soft); }
  .filter-passive-area{ transition:opacity 0.15s ease; }
  .filter-panel.filter-passive .filter-passive-area{ opacity:0.4; filter:grayscale(0.4); pointer-events:none; user-select:none; }
  .filter-panel.filter-locked .filter-passive-area{ display:none; }
  .filter-upsell-banner{
    display:flex; flex-direction:column; gap:9px; align-items:flex-start;
    padding:12px 13px; margin-bottom:16px; border-radius:10px;
    background:rgba(201,169,97,0.08); border:1px solid rgba(201,169,97,0.3);
  }
  .filter-upsell-banner .filter-upsell-text{ font-family:var(--body); font-size:11.5px; color:var(--text-1); line-height:1.5; }
  .category-label{ font-family:var(--mono); font-size:9.5px; letter-spacing:1px; text-transform:uppercase; color:var(--text-2); }
  .cat-btn{
    font-family:var(--body); font-size:11.5px; color:var(--text-1);
    background:var(--panel); border:1px solid var(--border-soft); border-radius:10px;
    padding:7px 14px; cursor:pointer; transition:all 0.15s ease; text-align:left; line-height:1.3;
  }
  .cat-btn small{ display:block; font-family:var(--mono); font-size:9px; color:var(--text-2); margin-top:2px; }
  .cat-btn.active{ border-color:var(--amber); background:rgba(201,169,97,0.1); color:var(--amber); }
  .cat-btn.active small{ color:var(--amber); opacity:0.75; }

  @media(max-width:900px){ .category-toggle{ margin-left:0; width:100%; } }

  /* ---------- LIST VIEW ---------- */
  .list-view{ display:none; padding:var(--chrome-h, 220px) 32px 80px; max-width:1300px; margin:0 auto; }
  .list-view.show{ display:block; }
  .list-view-head{ display:flex; align-items:baseline; justify-content:space-between; flex-wrap:wrap; gap:10px; margin-bottom:18px; }
  .list-view-legend{ font-family:var(--mono); font-size:10px; color:var(--text-2); }
  .continent-filter{ display:flex; flex-wrap:wrap; gap:8px; margin:18px 0 20px; }
  /* Liste daraltma uyarı şeridi — kullanıcı yanlışlıkla filtre bıraktıysa hemen fark etsin */
  .list-filter-notice{
    display:flex; align-items:center; justify-content:space-between; gap:14px; flex-wrap:wrap;
    padding:12px 16px; margin:0 0 16px; border-radius:12px;
    background:rgba(201,169,97,0.08); border:1px solid rgba(201,169,97,0.35);
    font-family:var(--body); font-size:13px; color:var(--text-1); line-height:1.5;
  }
  .list-filter-notice b{ color:var(--amber-bright); }
  .list-filter-notice .tray-btn{
    border-color:var(--amber); color:var(--amber); white-space:nowrap;
  }
  .list-filter-notice .tray-btn:hover{ background:var(--amber); color:#14100a; }
  .continent-chip{
    font-family:var(--mono); font-size:11.5px; letter-spacing:0.4px; padding:8px 16px;
    border-radius:100px; border:1px solid var(--border-soft); background:var(--panel);
    color:var(--text-1); cursor:pointer; transition:all 0.15s ease;
  }
  .continent-chip:hover{ border-color:var(--amber); color:var(--text-0); }
  .continent-chip.active{ background:var(--amber); border-color:var(--amber); color:#2a1d00; font-weight:700; }
  .table-scroll{ max-height:70vh; overflow:auto; border:1px solid var(--border-soft); border-radius:var(--radius); }
  #countryTable{ width:100%; border-collapse:collapse; font-family:var(--mono); font-size:12.5px; }
  #countryTable thead th{
    position:sticky; top:0; z-index:2; background:#0d1119;
    text-align:left; font-size:9.5px; letter-spacing:0.8px; text-transform:uppercase; color:var(--text-2);
    padding:12px 14px; border-bottom:1px solid var(--border); cursor:pointer; white-space:nowrap;
  }
  #countryTable thead th:hover{ color:var(--amber); }
  #countryTable thead th.sorted-asc::after{ content:' ↑'; color:var(--amber); }
  #countryTable thead th.sorted-desc::after{ content:' ↓'; color:var(--amber); }
  #countryTable thead th[data-sort]{ cursor:grab; user-select:none; transition:background 0.12s ease; }
  #countryTable thead th[data-sort]:active{ cursor:grabbing; }
  #countryTable thead th.dragging-col{ opacity:0.4; }
  #countryTable thead th.drag-over-col{ background:rgba(201,169,97,0.18); box-shadow:inset 2px 0 0 var(--amber); }
  #countryTable tbody tr{ cursor:pointer; transition:background 0.1s ease; }
  #countryTable tbody tr:hover{ background:rgba(255,255,255,0.035); }
  #countryTable td{ padding:11px 14px; border-bottom:1px solid var(--border-soft); color:var(--text-1); white-space:nowrap; }
  .score-chip{ font-family:var(--mono); font-size:11.5px; padding:3px 9px; border-radius:100px; }
  .row-open{ color:var(--text-2); font-size:11px; }
  #countryTable tbody tr:hover .row-open{ color:var(--amber); }
  .compare-check{ accent-color:var(--amber); cursor:pointer; width:18px; height:18px; }
  /* Checkbox bölgesi görsel olarak AYRI bir sütun: teal zemin + sağ ayırıcı çizgi.
     Bu bölgedeki tıklamalar yalnızca işaretler — ülke sayfası ASLA açılmaz (JS delegesi). */
  .td-check{ cursor:pointer; padding:0 !important; background:rgba(63,208,192,0.05); border-right:1px solid rgba(63,208,192,0.25); }
  #countryTable thead th:first-child{ background:rgba(63,208,192,0.05); border-right:1px solid rgba(63,208,192,0.25); }
  .td-check-label{ display:flex; align-items:center; justify-content:center; width:100%; height:100%; min-width:44px; min-height:44px; padding:14px 16px; cursor:pointer; }
  .compare-check{ width:16px; height:16px; accent-color:var(--teal); cursor:pointer; }
  /* Satırların geri kalanı tıklanabilir (ülke sayfası) — imleç bunu belli etsin */
  #countryTableBody tr[data-id] td:not(.td-check){ cursor:pointer; }

  /* ---------- COMPARE TRAY & MODAL ---------- */
  .compare-tray{
    position:fixed; bottom:var(--ticker-h, 0px); left:0; right:0; z-index:70;
    transform:translateY(100%); transition:transform 0.25s ease, bottom 0.2s ease;
  }
  .compare-tray.show{ transform:translateY(0); }
  .compare-tray-inner{
    max-width:1100px; margin:0 auto; display:flex; align-items:center; gap:14px; flex-wrap:wrap;
    background:var(--panel-glass); backdrop-filter:blur(20px); border:1px solid var(--border);
    border-bottom:none; border-radius:16px 16px 0 0; padding:14px 22px; box-shadow:0 -10px 40px rgba(0,0,0,0.5);
  }
  .compare-tray-label{ font-family:var(--mono); font-size:10.5px; color:var(--text-2); white-space:nowrap; }
  .compare-tray-chips{ display:flex; gap:8px; flex-wrap:wrap; flex:1; }
  .compare-chip{
    font-family:var(--body); font-size:12px; background:var(--panel); border:1px solid var(--border-soft);
    border-radius:100px; padding:5px 10px; display:flex; align-items:center; gap:6px; color:var(--text-0);
  }
  .compare-chip b{ font-weight:400; color:var(--text-2); cursor:pointer; }
  .compare-chip b:hover{ color:var(--red); }
  .tray-btn{
    font-family:var(--mono); font-size:11px; letter-spacing:0.5px; border-radius:100px; padding:8px 16px;
    border:1px solid var(--border-soft); background:transparent; color:var(--text-1); cursor:pointer; transition:all 0.15s ease;
  }
  .tray-btn:hover{ border-color:var(--amber); color:var(--amber); }
  .tray-btn-primary{ background:var(--amber); color:#0a0a0a; border-color:var(--amber); font-weight:600; }
  .tray-btn-primary:disabled{ opacity:0.4; cursor:not-allowed; }

  .compare-modal{
    position:fixed; inset:0; z-index:110; background:var(--bg-0);
    transform:translateY(100%); transition:transform 0.35s cubic-bezier(.22,.9,.28,1); overflow-y:auto;
  }
  .compare-modal.open{ transform:translateY(0); }
  .compare-body{ padding:40px; max-width:1300px; margin:0 auto; }
  .compare-table-wrap{ overflow-x:auto; border:1px solid var(--border-soft); border-radius:var(--radius); }
  .compare-table{ width:100%; border-collapse:collapse; font-family:var(--mono); font-size:13px; }
  .compare-table th, .compare-table td{ padding:14px 20px; border-bottom:1px solid var(--border-soft); white-space:nowrap; }
  .compare-table th{ text-align:left; color:var(--text-0); font-family:var(--body); font-size:14px; border-bottom:1px solid var(--border); }
  .compare-table .row-label{ color:var(--text-2); font-size:10.5px; letter-spacing:0.5px; text-transform:uppercase; }
  .compare-table td:not(.row-label){ color:var(--text-0); }

  /* Apple tarzı "vs" karşılaştırma ızgarası — Faz 11: premium/kurumsal görsel iyileştirme
     (yapı, veri ve renk paleti korunuyor; sadece tipografi, boşluk ve vurgu sistemi). */
  .vs-grid{
    display:grid; gap:1px; background:var(--border-soft); border-radius:20px; overflow:hidden;
    min-width:640px; border:1px solid var(--border); box-shadow:0 32px 80px rgba(0,0,0,0.46), 0 2px 0 rgba(255,255,255,0.02) inset;
  }
  .vs-head{
    background:linear-gradient(180deg, rgba(201,169,97,0.08), var(--panel) 65%);
    padding:32px 18px 26px; text-align:center; position:relative;
    border-bottom:2px solid var(--border);
  }
  .vs-flag{ font-size:38px; margin-bottom:11px; line-height:1; filter:drop-shadow(0 2px 6px rgba(0,0,0,0.35)); }
  .vs-name{
    font-family:var(--body); font-weight:800; font-size:16.5px; color:var(--text-0);
    margin-bottom:14px; letter-spacing:0.1px;
  }
  .vs-score{
    display:inline-flex; align-items:baseline; gap:3px; font-family:var(--mono); font-size:21px; font-weight:800;
    background:rgba(255,255,255,0.06); border:1px solid rgba(201,169,97,0.3); border-radius:100px;
    padding:6px 16px; letter-spacing:0.3px; font-variant-numeric:tabular-nums;
    box-shadow:0 1px 0 rgba(255,255,255,0.04) inset;
  }
  .vs-remove{
    position:absolute; top:10px; right:10px; background:none; border:none; color:var(--text-2);
    cursor:pointer; font-size:13px; width:24px; height:24px; border-radius:50%; transition:all 0.15s ease;
  }
  .vs-remove:hover{ background:rgba(224,104,90,0.2); color:var(--red); }
  .vs-row-label{
    background:var(--panel); padding:19px 18px; font-family:var(--mono); font-size:11px; letter-spacing:0.7px;
    text-transform:uppercase; color:var(--text-2); display:flex; align-items:center; font-weight:700;
    transition:background 0.12s ease;
  }
  .vs-cell{
    background:rgba(255,255,255,0.015); padding:19px 14px; text-align:center; font-family:var(--mono);
    font-size:14px; font-weight:500; color:var(--text-1); display:flex; align-items:center; justify-content:center;
    gap:8px; font-variant-numeric:tabular-nums; letter-spacing:0.1px; transition:background 0.12s ease;
  }
  .vs-row-label.vs-row-alt{ background:rgba(255,255,255,0.02); }
  .vs-cell.vs-row-alt{ background:rgba(255,255,255,0.032); }
  .vs-row-label.vs-row-hover, .vs-cell.vs-row-hover{ background:rgba(201,169,97,0.09); }
  .vs-cell.vs-winner{
    background:rgba(63,208,192,0.13); color:var(--teal); font-weight:700;
    box-shadow:inset 2px 0 0 var(--teal);
  }
  .vs-cell.vs-winner.vs-row-hover{ background:rgba(63,208,192,0.2); }
  .vs-best-badge{
    display:inline-flex; align-items:center; font-family:var(--mono); font-size:9px; font-weight:800;
    letter-spacing:0.5px; text-transform:uppercase; color:#0a2622; background:var(--teal);
    padding:2.5px 8px; border-radius:100px; white-space:nowrap;
    box-shadow:0 2px 6px rgba(63,208,192,0.35);
  }
  .vs-section-title{
    background:rgba(201,169,97,0.06); padding:15px 18px; font-family:var(--mono); font-size:10.5px;
    letter-spacing:2px; text-transform:uppercase; color:var(--amber-bright); display:flex; align-items:center;
    font-weight:700; border-top:1px solid rgba(201,169,97,0.3); border-bottom:1px solid var(--border-soft);
    position:relative;
  }
  .vs-section-title::before{
    content:''; width:3px; align-self:stretch; background:var(--amber-bright); border-radius:2px;
    margin-right:11px; opacity:0.85;
  }

  /* ---------- FOOTER ---------- */
  .site-footer{
    position:relative;
    border-top:none;
    background:
      radial-gradient(ellipse 900px 420px at 50% 0%, rgba(201,169,97,0.05), transparent 70%),
      var(--bg-1);
    margin-top:64px;
    padding-bottom:var(--ticker-h, 0px);
  }
  .site-footer::before{
    content:''; position:absolute; top:0; left:0; right:0; height:1px;
    background:linear-gradient(90deg, transparent, rgba(201,169,97,0.28) 20%, rgba(201,169,97,0.28) 80%, transparent);
  }
  .footer-inner{ max-width:1200px; margin:0 auto; padding:68px 40px 32px; }
  .footer-top{
    display:flex; justify-content:space-between; gap:60px; flex-wrap:wrap;
    padding-bottom:46px; border-bottom:1px solid var(--border-soft);
  }
  .footer-brand{ max-width:320px; padding-right:24px; }
  .footer-brand .brand-atlas{ font-size:26px; }
  .footer-tagline{
    font-family:var(--body); font-size:12.5px; color:var(--text-2); line-height:1.85; margin-top:20px;
  }
  .footer-columns{ display:flex; gap:80px; flex-wrap:wrap; }
  .footer-col{ display:flex; flex-direction:column; gap:17px; min-width:150px; }
  .footer-col-title{
    font-family:var(--mono); font-size:11px; letter-spacing:2px; text-transform:uppercase; font-weight:700;
    color:#d6b56c; margin-bottom:5px;
  }
  .footer-link{
    font-family:var(--body); font-size:13px; color:var(--text-1); text-decoration:none;
    transition:color 0.2s ease, transform 0.2s ease; width:fit-content;
  }
  .footer-link:hover{ color:var(--text-0); transform:translateX(4px); }
  .footer-bottom{
    display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:10px;
    padding-top:26px; font-family:var(--mono); font-size:9.5px; font-weight:300; letter-spacing:0.3px;
    color:var(--text-2); opacity:0.68;
  }
  @media(max-width:760px){
    .footer-inner{ padding:52px 24px 26px; }
    .footer-top{ flex-direction:column; gap:34px; }
    .footer-columns{ gap:34px; }
    .footer-bottom{ flex-direction:column; align-items:flex-start; }
  }

  /* ---------- PİYASA ŞERİDİ (ATLAS TICKER) ---------- */
  :root{ --ticker-h: 0px; }
  #atlas-ticker-wrap{
    position:fixed; left:0; right:0; bottom:0; z-index:75;
    font-family:var(--body);
  }
  #atlas-ticker{
    display:flex; align-items:center;
    background:var(--panel); border-top:1px solid var(--border-soft);
    height:var(--ticker-h); overflow:hidden; position:relative;
    box-shadow:0 -4px 16px rgba(0,0,0,.35);
  }
  #atlas-ticker .label{
    flex:0 0 auto; display:flex; align-items:center; gap:8px;
    background:linear-gradient(120deg, var(--amber-bright), var(--amber) 75%);
    color:#1a1206; font-weight:700; font-size:11px;
    font-family:var(--mono); letter-spacing:.09em; padding:0 18px; height:100%;
    text-transform:uppercase; white-space:nowrap;
  }
  #atlas-ticker .label .dot{width:6px;height:6px;border-radius:50%;background:#1a1206;animation:atlas-pulse 2.2s ease-in-out infinite;}
  @keyframes atlas-pulse{0%,100%{opacity:1}50%{opacity:.45}}
  #atlas-ticker .track-viewport{flex:1 1 auto; overflow:hidden; height:100%; position:relative;}
  #atlas-ticker .track{
    display:flex; align-items:center; height:100%;
    white-space:nowrap; width:max-content;
    animation:atlas-scroll 150s linear infinite;
  }
  #atlas-ticker .track:hover{animation-play-state:paused;}
  #atlas-ticker .item{
    display:inline-flex; align-items:center; gap:9px; padding:0 26px; font-size:12.5px;
    font-family:var(--body); font-weight:400; color:var(--text-0); letter-spacing:0.1px;
    border-right:1px solid var(--border-soft);
  }
  #atlas-ticker .item b{
    color:var(--amber-bright); font-weight:700; font-family:var(--mono); font-size:12px; letter-spacing:0.2px;
  }
  #atlas-ticker .up{color:var(--teal);font-weight:700;font-size:13px;}
  #atlas-ticker .down{color:var(--red);font-weight:700;font-size:13px;}
  #atlas-ticker .flag{opacity:.7;color:var(--text-2);font-size:11px;}
  @keyframes atlas-scroll{from{transform:translateX(0);}to{transform:translateX(-50%);}}
  #atlas-ticker .close-btn{
    flex:0 0 auto; width:36px; height:100%; border:none; background:transparent;
    color:var(--text-2); cursor:pointer; font-size:15px; display:flex; align-items:center; justify-content:center;
    border-left:1px solid var(--border-soft); transition:color .15s, background .15s;
  }
  #atlas-ticker .close-btn:hover{color:var(--text-0); background:rgba(255,255,255,0.04);}
  @media (max-width:640px){
    #atlas-ticker .label span.txt{display:none;}
    #atlas-ticker .item{font-size:11.5px;padding:0 18px;}
  }

  /* ---------- NOTES & FAVORITES ---------- */
  .note-textarea{
    width:100%; min-height:90px; background:var(--bg-0); border:1px solid var(--border-soft); border-radius:10px;
    padding:12px 14px; color:var(--text-0); font-family:var(--body); font-size:13.5px; resize:vertical; outline:none;
  }
  .note-textarea:focus{ border-color:var(--amber); }
  .note-card{ background:var(--panel); border:1px solid var(--border-soft); border-radius:var(--radius); padding:16px 18px; margin-bottom:10px; }
  .note-text{ font-size:13.5px; color:var(--text-0); line-height:1.6; white-space:pre-wrap; }
  .note-meta{ font-family:var(--mono); font-size:9.5px; color:var(--text-2); margin-top:8px; }
  .fav-btn{
    background:rgba(255,255,255,0.04); border:1px solid var(--border-soft); color:var(--text-1);
    width:38px; height:38px; border-radius:50%; cursor:pointer; flex:0 0 auto;
    display:inline-flex; align-items:center; justify-content:center;
    transition:all 0.2s ease;
  }
  .fav-btn:hover{ border-color:var(--amber); color:var(--amber); background:rgba(201,169,97,0.1); transform:scale(1.06); }
  .fav-btn.is-active{ background:rgba(201,169,97,0.16); border-color:var(--amber); color:var(--amber); }
  .fav-btn.is-active svg{ fill:var(--amber); }

  .link-popover-wrap{ position:relative; }
  .link-popover{
    display:none; position:absolute; top:calc(100% + 10px); right:0; z-index:120;
    width:340px; background:var(--panel-glass); backdrop-filter:blur(20px); border:1px solid var(--border);
    border-radius:12px; padding:16px; box-shadow:0 20px 50px rgba(0,0,0,0.6);
  }
  .link-popover.show{ display:block; }
  .link-popover-label{ font-family:var(--body); font-size:12px; color:var(--text-1); line-height:1.5; margin-bottom:10px; }
  .link-popover-input{
    width:100%; background:var(--bg-0); border:1px solid var(--border-soft); border-radius:8px;
    padding:9px 12px; color:var(--text-0); font-family:var(--mono); font-size:11.5px; margin-bottom:10px;
  }

  #printReportRoot{ display:none; }

  /* ============================================================
     PDF / YAZDIRMA RAPORU — bağımsız şablon (web arayüzünden ayrı)
     Web sayfasının ekran görüntüsü DEĞİL; McKinsey/Deloitte/Statista
     tarzı kurumsal bir pazar araştırma raporu üretir. #printReportRoot
     içeriği çalışma zamanında buildPrintReportHTML() ile doldurulur.
     ============================================================ */
  @media print{
    @page{ size: A4; margin: 24mm 16mm 20mm 16mm; }
    html, body{ background:#fff !important; }
    /* #legacy-root'un printReportRoot DIŞINDAKİ her doğrudan kardeşi gizlenir —
       header, küre, liste, ülke sayfası modalı, tüm diğer modaller, ticker vb. */
    #legacy-root > *:not(#printReportRoot){ display:none !important; }
    #printReportRoot{
      display:block !important; position:static !important; inset:auto !important;
      color:#1a2033; font-family:Georgia,'Iowan Old Style',ui-serif,serif;
    }
    #printReportRoot *{ box-shadow:none !important; filter:none !important; backdrop-filter:none !important; text-shadow:none !important; }

    .pr-page{ page-break-after:always; }
    .pr-page:last-child{ page-break-after:auto; }
    .pr-section{ page-break-before:always; }
    .pr-avoid-break{ page-break-inside:avoid; break-inside:avoid; }

    /* Her sayfada tekrar eden üstbilgi/altbilgi — Chrome/Edge yazdırmada
       position:fixed elemanlar her fiziksel sayfada tekrarlanır. */
    .pr-header{
      position:fixed; top:-16mm; left:0; right:0; height:10mm;
      display:flex; align-items:center; justify-content:space-between;
      font-family:'Helvetica Neue',Arial,sans-serif; font-size:9px; letter-spacing:0.4px;
      color:#6b7280; border-bottom:0.75pt solid #d1d5db; padding-bottom:4mm;
      text-transform:uppercase;
    }
    .pr-footer{
      position:fixed; bottom:-15mm; left:0; right:0; height:10mm;
      display:flex; align-items:center; justify-content:space-between;
      font-family:'Helvetica Neue',Arial,sans-serif; font-size:8.5px; color:#9ca3af;
      border-top:0.75pt solid #d1d5db; padding-top:3mm;
    }
    .pr-footer .pr-pageno{ font-variant-numeric:tabular-nums; }

    .pr-cover{ page-break-after:always; display:flex; flex-direction:column; align-items:center; justify-content:center; min-height:245mm; text-align:center; }
    .pr-cover-logo{ font-family:'Helvetica Neue',Arial,sans-serif; font-size:15px; font-weight:700; letter-spacing:1px; color:#1a2033; margin-bottom:38mm; }
    .pr-cover-logo b{ color:#8a6d1f; }
    .pr-cover-flag{ width:64px; height:auto; border:0.75pt solid #e5e7eb; margin-bottom:18px; }
    .pr-cover-country{ font-size:34px; font-weight:400; color:#1a2033; margin-bottom:6px; }
    .pr-cover-sub{ font-family:'Helvetica Neue',Arial,sans-serif; font-size:13px; letter-spacing:2px; text-transform:uppercase; color:#8a6d1f; margin-bottom:60mm; }
    .pr-cover-url{ font-family:'Helvetica Neue',Arial,sans-serif; font-size:10.5px; color:#9ca3af; letter-spacing:0.5px; }
    .pr-cover-infobox{ margin-top:14mm; border:0.75pt solid #e5e7eb; border-radius:2px; padding:16px 28px; display:flex; gap:34px; font-family:'Helvetica Neue',Arial,sans-serif; }
    .pr-cover-infobox div{ text-align:left; }
    .pr-cover-infobox .pr-ib-label{ font-size:8.5px; text-transform:uppercase; letter-spacing:0.8px; color:#9ca3af; margin-bottom:3px; }
    .pr-cover-infobox .pr-ib-val{ font-size:12px; color:#1a2033; }

    .pr-h1{ font-family:'Helvetica Neue',Arial,sans-serif; font-size:17px; font-weight:700; color:#1a2033; margin:0 0 3mm; padding-bottom:2mm; border-bottom:1.5pt solid #1a2033; }
    .pr-h1 .pr-num{ color:#8a6d1f; margin-right:8px; }
    .pr-h2{ font-family:'Helvetica Neue',Arial,sans-serif; font-size:11.5px; font-weight:700; color:#1a2033; margin:6mm 0 3mm; text-transform:uppercase; letter-spacing:0.4px; }
    .pr-lede{ font-size:12.5px; line-height:1.75; color:#374151; margin-bottom:5mm; }
    .pr-divider{ border:none; border-top:0.75pt solid #e5e7eb; margin:6mm 0; }

    .pr-firstlook-grid{ display:flex; gap:14mm; align-items:center; margin:8mm 0 10mm; }
    .pr-firstlook-map{ width:58mm; height:44mm; flex-shrink:0; }
    .pr-firstlook-map svg path{ fill:#e7e9ee; stroke:#1a2033; stroke-width:1; }
    .pr-firstlook-facts{ flex:1; display:grid; grid-template-columns:1fr 1fr; gap:5mm 10mm; font-family:'Helvetica Neue',Arial,sans-serif; }
    .pr-fact-label{ font-size:8.5px; text-transform:uppercase; letter-spacing:0.5px; color:#9ca3af; margin-bottom:2px; }
    .pr-fact-val{ font-size:12.5px; color:#1a2033; font-family:Georgia,serif; }

    .pr-ibox-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:8px; margin:5mm 0; }
    .pr-ibox{ border:0.75pt solid #e5e7eb; border-radius:2px; padding:9px 12px; font-family:'Helvetica Neue',Arial,sans-serif; }
    .pr-ibox-label{ font-size:8px; text-transform:uppercase; letter-spacing:0.5px; color:#9ca3af; margin-bottom:4px; }
    .pr-ibox-val{ font-size:14px; color:#1a2033; font-family:Georgia,serif; }
    .pr-ibox-note{ font-size:8px; color:#b45309; margin-top:3px; }

    .pr-table{ width:100%; border-collapse:collapse; font-size:10.5px; margin:4mm 0; }
    .pr-table th{ font-family:'Helvetica Neue',Arial,sans-serif; font-size:8.5px; text-transform:uppercase; letter-spacing:0.4px; color:#6b7280; text-align:left; padding:6px 8px; border-bottom:1pt solid #1a2033; }
    .pr-table td{ padding:7px 8px; border-bottom:0.5pt solid #e5e7eb; color:#374151; }
    .pr-table tr:last-child td{ border-bottom:1pt solid #1a2033; }

    .pr-bar-row{ display:flex; align-items:center; gap:8px; margin-bottom:4mm; font-family:'Helvetica Neue',Arial,sans-serif; font-size:10px; }
    .pr-bar-label{ width:32mm; flex-shrink:0; color:#374151; }
    .pr-bar-track{ flex:1; height:5mm; background:#f3f4f6; border-radius:1px; overflow:hidden; }
    .pr-bar-fill{ height:100%; }
    .pr-bar-val{ width:14mm; text-align:right; flex-shrink:0; color:#1a2033; font-weight:700; }

    .pr-gauge-row{ display:flex; gap:14mm; margin:6mm 0; }
    .pr-gauge-box{ text-align:center; font-family:'Helvetica Neue',Arial,sans-serif; }
    .pr-gauge-num{ font-size:12px; color:#1a2033; margin-top:2mm; }
    .pr-gauge-label{ font-size:8.5px; text-transform:uppercase; letter-spacing:0.4px; color:#9ca3af; }

    .pr-bullets{ margin:0; padding:0; list-style:none; }
    .pr-bullets li{ position:relative; padding-left:14px; margin-bottom:3mm; font-size:11px; line-height:1.6; color:#374151; }
    .pr-bullets li::before{ content:'—'; position:absolute; left:0; color:#8a6d1f; }
    .pr-bullets b{ color:#1a2033; }

    .pr-final-infobox{ margin-top:14mm; width:100%; background:#f3f4f6; border-radius:2px; padding:16px 20px; }
    .pr-final-infobox h4{ font-family:'Helvetica Neue',Arial,sans-serif; font-size:11px; color:#1a2033; margin:0 0 6px; }
    .pr-final-infobox p{ font-size:9.5px; line-height:1.7; color:#4b5563; margin:0; }
    .pr-final-copyright{ margin-top:6mm; font-family:'Helvetica Neue',Arial,sans-serif; font-size:8.5px; color:#9ca3af; text-align:center; }
  }

  @media(max-width:640px){
    .bmap-grid{ grid-template-columns:1fr; }
    header{ padding:7px 16px; }
    .header-right{ display:none; }
    .header-actions-wrap{ max-width:70%; }
    .header-actions{ gap:6px; max-width:none; overflow-x:auto; -webkit-overflow-scrolling:touch; }
    .header-actions::-webkit-scrollbar{ display:none; }
    .header-scroll-hint{
      display:flex; align-items:center; justify-content:flex-end;
      position:absolute; top:0; right:0; bottom:0; width:30px;
      background:linear-gradient(to right, rgba(8,10,15,0), rgba(8,10,15,0.94) 60%);
      pointer-events:none; opacity:1; transition:opacity 0.25s ease; z-index:2;
    }
    .header-scroll-hint.is-hidden{ opacity:0; }
    .header-scroll-hint-arrow{
      color:var(--amber); font-size:15px; line-height:1; margin-right:1px;
      animation: headerHintNudge 1.6s ease-in-out infinite;
    }
    @keyframes headerHintNudge{
      0%,100%{ transform:translateX(0); opacity:0.5; }
      50%{ transform:translateX(-4px); opacity:1; }
    }
    .travel-btn{ font-size:9.5px; padding:6px 9px; white-space:nowrap; flex-shrink:0; }
    .brand-atlas{ font-size:19px; }
    .brand-pre{ font-size:9px; }
    .brand-sub{ display:none; }

    /* Önizleme kartı: parmağın altında kalmasın diye ekranın altına sabitlenir */
    .hover-card{
      left:12px !important; right:12px !important; top:auto !important; bottom:12px !important;
      width:auto !important; max-height:75vh; overflow-y:auto;
    }

    .toolbar-inner{ padding:10px 14px; gap:9px; }
    .search-wrap{ min-width:0; max-width:none; width:100%; flex:0 0 100%; order:1; display:block; }
    .search-input{ padding:7px 14px 7px 32px; font-size:12.5px; }
    .view-toggle{ order:2; max-width:100%; overflow-x:auto; -webkit-overflow-scrolling:touch; }
    .view-toggle .view-btn, .view-toggle .country-chip{ white-space:nowrap; flex-shrink:0; padding:6px 13px; font-size:11px; }
    .view-toggle .ticker-toggle-btn{ white-space:nowrap; flex-shrink:0; padding:7px 9px; }
    .category-toggle{ order:3; width:auto; margin-left:0; flex-wrap:nowrap; flex-shrink:1; gap:7px; overflow-x:auto; -webkit-overflow-scrolling:touch; padding-bottom:2px; }
    .category-toggle::-webkit-scrollbar{ height:0; }
    .category-label{ display:none; }
    .cat-btn{ flex-shrink:0; white-space:nowrap; padding:7px 14px; font-size:11px; border-radius:100px; }
    .cat-btn small{ display:none; }
    .filter-wrap{ order:3; flex-shrink:0; }
    .filter-btn{ padding:7px 15px; font-size:11px; }
    .filter-panel{
      position:fixed; top:var(--chrome-h, 220px); left:14px; right:14px; width:auto;
      max-height:70vh; overflow-y:auto;
    }

    .hero{ padding-left:16px; padding-right:16px; padding-bottom:40px; }
    .globe-stage{ width:94vw; height:94vw; }
    .list-view{ padding-left:14px; padding-right:14px; padding-bottom:60px; }
    .dashboard{ padding-bottom:60px; }

    /* Pazara İlk Bakış kartı: TR–uçak–ülke satırı dar kartta sola yaslı kalınca
       dengesiz duruyordu — mobilde tüm rota bloğunu ortalıyoruz. */
    .hero-route{ text-align:center; }
    .hero-route-visual{ max-width:none; width:100%; justify-content:center; margin-left:auto; margin-right:auto; }
    .hero-route-line{ max-width:120px; }
    .hero-route-stats{ justify-content:center; }

    .dash-header{ position:static; border-radius:0; padding:18px 16px; }
    .dashboard-inner{ padding:0; }
    .dash-body{ padding:0; }
    .dash-title{ font-size:21px; }
    .dash-flag{ font-size:26px; }
    .dash-actions{ width:100%; }
    .dash-actions .close-btn{ flex:1; text-align:center; font-size:10px; padding:9px 8px; }
    .cp-section{ padding:26px 16px; }
    .kpi-row, .panel-grid, .opp-grid, .rgrid{ grid-template-columns:1fr 1fr; }
    .exec-box{ padding:20px; font-size:14.5px; }
    .strategy-table td{ display:block; width:auto !important; padding:4px 0; }
    .strategy-table tr{ display:block; margin-bottom:14px; padding-bottom:14px; border-bottom:1px solid var(--border-soft); }
    .strategy-table td:last-child{ border-bottom:none; }
    .sup-name{ width:84px; font-size:12px; }

    .compare-tray-inner{ padding:12px 16px; }
    .compare-body{ padding:20px 16px; }
    .zoom-controls{ bottom:2px; right:2px; }

    /* Modallar (Giriş, Hedef Ülkelerim, Karşılaştırma, Seyahat Planla) — ekrana tam sığsın */
    .compare-modal-inner{ max-width:calc(100vw - 24px) !important; margin-left:12px !important; margin-right:12px !important; margin-top:20px !important; }
    .modal-header{ padding:16px 18px; }
    .modal-header .dash-title{ font-size:17px !important; }
    #travelModal .compare-body > div[style*="max-width:520px"]{ max-width:100% !important; }
    #travelModal div[style*="display:flex; gap:12px"]{ flex-direction:column; gap:0 !important; }
    .targets-row, .card[style*="justify-content:space-between"]{ flex-direction:column; align-items:flex-start !important; }
  }
  @media(max-width:400px){
    .kpi-row, .panel-grid, .opp-grid, .rgrid{ grid-template-columns:1fr; }
  }

  /* =========================================================
     SAHA NOTLARI (Field Notes)
     ========================================================= */
  .fn-head-row{ display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:12px; margin-bottom:20px; }
  .fn-count-pill{ font-family:var(--mono); font-size:11px; letter-spacing:0.5px; color:var(--text-2); background:rgba(255,255,255,0.04); border:1px solid var(--border-soft); border-radius:20px; padding:5px 12px; }
  .fn-count-pill b{ color:var(--amber); font-weight:600; }
  .fn-actions{ display:flex; gap:10px; flex-wrap:wrap; }
  .fn-grid{ display:flex; flex-direction:column; gap:14px; }
  .fn-card{
    background:var(--panel);
    border:1px solid var(--border-soft);
    border-radius:14px;
    padding:20px 22px;
    transition:border-color 0.2s ease;
  }
  .fn-card:hover{ border-color:rgba(201,169,97,0.35); }
  .fn-card-top{ display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:8px; margin-bottom:12px; }
  .fn-user-row{ display:flex; align-items:center; gap:8px; flex-wrap:wrap; }
  .fn-user-name{ font-family:var(--body); font-weight:600; font-size:13.5px; color:var(--text-0); }
  .fn-user-badge{
    font-family:var(--mono); font-size:9px; letter-spacing:0.5px; text-transform:uppercase;
    padding:2px 8px; border-radius:20px; border:1px solid var(--border-soft); color:var(--text-2);
  }
  .fn-user-badge.founding{ color:#7a4e00; background:linear-gradient(135deg,#e6c580,#c9a961); border-color:#c9a961; }
  .fn-user-badge.standard{ color:var(--teal); border-color:rgba(63,208,192,0.4); background:rgba(63,208,192,0.08); }
  .fn-date{ font-family:var(--mono); font-size:11px; color:var(--text-2); }
  .fn-tags{ display:flex; gap:8px; flex-wrap:wrap; margin-bottom:12px; }
  .fn-tag{ font-family:var(--mono); font-size:10.5px; letter-spacing:0.4px; padding:4px 10px; border-radius:6px; border:1px solid var(--border-soft); color:var(--text-1); }
  .fn-tag-cat{ color:var(--amber); border-color:rgba(201,169,97,0.35); background:rgba(201,169,97,0.08); }
  .fn-tag-city{ color:var(--text-1); }
  .fn-title{ font-family:var(--body); font-weight:600; font-size:15.5px; color:var(--text-0); margin-bottom:8px; line-height:1.4; }
  .fn-body{ font-size:13.5px; color:var(--text-1); line-height:1.7; white-space:pre-wrap; margin-bottom:16px; }
  .fn-footer{ display:flex; align-items:center; justify-content:flex-end; border-top:1px solid var(--border-soft); padding-top:12px; }
  .fn-helpful-btn{
    display:inline-flex; align-items:center; gap:7px; font-family:var(--mono); font-size:11.5px; letter-spacing:0.3px;
    background:transparent; border:1px solid var(--border-soft); color:var(--text-1); border-radius:20px;
    padding:7px 14px; cursor:pointer; transition:all 0.15s ease;
  }
  .fn-helpful-btn:hover{ border-color:var(--teal); color:var(--teal); }
  .fn-helpful-btn.voted{ background:rgba(63,208,192,0.12); border-color:var(--teal); color:var(--teal); }
  .fn-helpful-btn:disabled{ opacity:0.5; cursor:default; }
  .fn-empty{ text-align:center; padding:40px 20px; color:var(--text-2); font-size:13.5px; }
  .fn-load-more{ margin:6px auto 0; display:block; }
  .fn-admin-link{ font-family:var(--mono); font-size:10.5px; color:var(--text-2); text-decoration:underline; cursor:pointer; }
  .fn-admin-row{ background:var(--panel); border:1px solid var(--border-soft); border-radius:12px; padding:16px 18px; margin-bottom:12px; }
  .fn-admin-row .fn-title{ margin-bottom:6px; }
  .fn-admin-actions{ display:flex; gap:8px; margin-top:12px; }
  .fn-admin-actions .tray-btn{ padding:8px 16px; font-size:11.5px; }
  .fn-nav-btn{
    position:relative;
    border-color:rgba(63,208,192,0.4);
    color:var(--teal);
    background:rgba(63,208,192,0.08);
  }
  .fn-nav-btn:hover{ border-color:var(--teal); color:var(--teal); background:rgba(63,208,192,0.16); }
  .fn-nav-btn.is-locked{
    border-color:var(--border-soft); color:var(--text-1); background:transparent;
  }
  .fn-nav-btn.is-locked:hover{ border-color:var(--amber); color:var(--amber-bright); background:rgba(201,169,97,0.08); }
  .fn-pulse-dot{
    position:absolute; top:-3px; right:-3px; width:9px; height:9px; border-radius:50%;
    background:var(--amber-bright); animation: fnPulse 2.2s infinite;
  }
  @keyframes fnPulse{
    0%{ box-shadow:0 0 0 0 rgba(230,197,128,0.55); }
    70%{ box-shadow:0 0 0 8px rgba(230,197,128,0); }
    100%{ box-shadow:0 0 0 0 rgba(230,197,128,0); }
  }
  .fn-prompt-box{
    background:linear-gradient(135deg, rgba(63,208,192,0.08), rgba(201,169,97,0.05));
    border:1px solid rgba(63,208,192,0.25);
    border-radius:14px;
    padding:16px 18px;
    margin-bottom:18px;
  }
  .fn-prompt-title{ font-family:var(--body); font-weight:600; font-size:14px; color:var(--text-0); margin-bottom:10px; }
  .fn-prompt-questions{ display:flex; flex-wrap:wrap; gap:8px; }
  .fn-prompt-q{
    font-family:var(--body); font-size:12px; color:var(--text-1);
    background:rgba(255,255,255,0.04); border:1px solid var(--border-soft); border-radius:20px;
    padding:6px 12px; display:inline-flex; align-items:center; gap:6px;
  }
  .fn-prompt-q svg{ flex:0 0 auto; opacity:0.75; color:var(--teal); }
  @media(max-width:640px){
    .fn-head-row{ align-items:flex-start; }
    .fn-card{ padding:16px; }
  }