/* ============================================================
   GOKTURK VIRTUAL — TEMA JETONLARI (gv-tema.css)

   TEK RENK KAYNAGI.

   SORUN NEYDI
   -----------
   Sitede 729 sabit renk kodu, 129 farkli ton ve 28 ayri :root
   blogu vardi. Ayni lacivert bir sayfada #16283C, digerinde
   #003C60, ucuncude #101C28 yaziliydi. Sonuclari:
     - Yeni tema eklemek 28 dosya duzenlemek demekti.
     - "Koyu zemin uzerine koyu yazi" hatalari tekrar tekrar
       cikiyordu (aylik gorev karti, mobil menu butonlari,
       FIDS panosu, indirmeler sayfasi — dordu de ayni kok).

   COZUM
   -----
   Butun renkler burada ~20 JETONA indirildi. Sayfalar artik
   ham hex yerine var(--jeton) kullanir.

   JETON MANTIGI — iki katmanlidir:

   1) HAM PALET (--gv-lacivert-700 gibi)
      Markanin gercek renkleri. Bunlar DOGRUDAN kullanilmaz.

   2) ANLAMSAL JETONLAR (--zemin, --murekkep, --vurgu gibi)
      "Ne ise yarar" ile adlandirilir, "hangi renk" ile degil.
      Sayfalar SADECE bunlari kullanir.

   Neden iki katman? Cunku tema degistirmek, ham paleti degil
   ANLAMI yeniden esleseme demektir. Koyu temada --zemin
   laciverte, --murekkep kreme baglanir; sayfa kodu hic
   degismez.

   YUZEY / UZERI CIFTLERI
   ----------------------
   Her zemin jetonunun bir "uzeri" karsiligi vardir:
       --zemin      -> --zemin-ust      (uzerine yazilacak renk)
       --panel      -> --panel-ust
       --vurgu      -> --vurgu-ust
   Kural: bir yuzeye yazi yazarken MUTLAKA onun -ust jetonu
   kullanilir. Bu kurala uyulursa koyu-uzerine-koyu hatasi
   YAPISAL OLARAK imkansiz hale gelir.

   YENI TEMA EKLEMEK
   -----------------
   Bu dosyanin sonundaki [data-tema="gece"] blogunu ornek al,
   yeni bir blok yaz, <html data-tema="..."> ver. Baska hicbir
   dosyaya dokunma.
   ============================================================ */

:root{

  /* ---------- 1) HAM PALET (dogrudan kullanma) ---------- */
  --gv-lacivert-900:#04141F;
  --gv-lacivert-800:#072230;
  --gv-lacivert-700:#003C60;
  --gv-lacivert-600:#0E4A63;
  --gv-mavi-500:#48B4E4;      /* marka mavisi — logodan */
  --gv-mavi-600:#0E6E96;
  --gv-turkuaz-400:#5FD6CE;
  --gv-krem-50:#FBF8F1;
  --gv-krem-100:#F4F1E8;
  --gv-krem-200:#F3EFE4;
  --gv-krem-300:#EFEADF;
  --gv-kum-400:#DCD3BF;
  --gv-kum-500:#C9BFA6;
  --gv-gri-600:#6E7A85;
  --gv-gri-700:#3D4A57;
  --gv-gri-900:#141E28;
  --gv-yesil-600:#176944;
  --gv-amber-600:#9A5F09;
  --gv-kirmizi-600:#C0392F;
  --gv-altin-600:#B6901F;

  /* ---------- 2) ANLAMSAL JETONLAR (sayfalar bunu kullanir) ---------- */

  /* zeminler + uzerlerine yazilacak renk */
  --zemin:var(--gv-krem-200);          --zemin-ust:var(--gv-gri-900);
  --panel:var(--gv-krem-50);           --panel-ust:var(--gv-gri-900);
  --panel-2:var(--gv-krem-300);        --panel-2-ust:var(--gv-gri-700);

  /* koyu yuzey — kartlar, hero, pano */
  --koyu:var(--gv-lacivert-700);       --koyu-ust:var(--gv-krem-100);
  --koyu-2:var(--gv-lacivert-900);     --koyu-2-ust:var(--gv-krem-100);

  /* yazi kademeleri */
  --murekkep:var(--gv-gri-900);        /* ana metin */
  --murekkep-2:var(--gv-gri-700);      /* ikincil */
  --murekkep-3:var(--gv-gri-600);      /* etiket / ipucu */

  /* vurgu */
  --vurgu:var(--gv-mavi-600);          --vurgu-ust:var(--gv-krem-50);
  --vurgu-soft:rgba(14,110,150,.10);
  --marka:var(--gv-mavi-500);          /* logo mavisi, koyu zeminde */

  /* durum renkleri + uzerleri */
  --olumlu:var(--gv-yesil-600);        --olumlu-ust:#FFFFFF;
  --olumlu-soft:rgba(23,105,68,.12);
  --uyari:var(--gv-amber-600);         --uyari-ust:#FFFFFF;
  --uyari-soft:rgba(154,95,9,.12);
  --hata:var(--gv-kirmizi-600);        --hata-ust:#FFFFFF;
  --hata-soft:rgba(192,57,47,.11);
  --odul:var(--gv-altin-600);          --odul-soft:rgba(182,144,31,.12);

  /* cizgiler */
  --kenar:var(--gv-kum-400);
  --cetvel:var(--gv-kum-500);
  --kenar-koyu:rgba(244,241,232,.16);  /* koyu yuzeylerdeki cizgi */

  /* olculer */
  --r-sm:6px; --r-md:10px; --r-lg:14px; --r-tam:999px;
  --golge-1:2px 2px 0 rgba(22,40,60,.07);
  --golge-2:4px 4px 0 rgba(22,40,60,.11);
  --golge-3:6px 6px 0 rgba(22,40,60,.16);

  /* yazi tipleri */
  --fd:'Sora',system-ui,sans-serif;
  --fb:'Instrument Sans',system-ui,sans-serif;
  --fm:'JetBrains Mono',ui-monospace,monospace;
}

/* ============================================================
   ESKI ISIMLERE KOPRU

   Sayfalarda --paper, --ink, --teal gibi ESKI degisken adlari
   yuzlerce yerde kullaniliyor. Hepsini tek seferde degistirmek
   riskli; onun yerine eski adlar yeni jetonlara BAGLANDI.
   Boylece:
     - eski kod calismaya devam eder
     - tema degisince eski kod da DOGRU renge doner
   Yeni kod dogrudan yeni jetonlari kullanmalidir.
   ============================================================ */
:root{
  --paper:var(--zemin);        --paper-2:var(--panel);      --paper-3:var(--panel-2);
  --ink:var(--murekkep);       --ink-2:var(--murekkep-2);   --ink-3:var(--murekkep-3);
  --edge:var(--kenar);         --rule:var(--cetvel);
  --teal:var(--vurgu);         --teal-soft:var(--vurgu-soft);
  --navy:var(--koyu);          --navy-ink:var(--koyu-ust);
  --solid:var(--koyu);         --solid-ink:var(--koyu-ust);
  --green:var(--olumlu);       --amber:var(--uyari);
  --red:var(--hata);           --gold:var(--odul);
  --cyan:var(--vurgu);         --sky:var(--murekkep-2);     --dim:var(--murekkep-3);
  --void:var(--zemin);         --panel2:var(--panel-2);
  --line:var(--kenar);         --line2:var(--kenar);
  --shell:var(--panel-2);      --paper2:var(--panel);
  --sh:var(--golge-2);
}

/* ============================================================
   OKUNURLUK YARDIMCILARI
   Koyu yuzey kullanan her yer bu sinifi alirsa, uzerindeki
   yazi rengi OTOMATIK dogru olur.
   ============================================================ */
.gv-koyu{background:var(--koyu);color:var(--koyu-ust)}
.gv-koyu .ikincil{color:rgba(244,241,232,.74)}
.gv-koyu .etiket{color:rgba(244,241,232,.52)}
.gv-koyu a{color:var(--marka)}
.gv-koyu hr,.gv-koyu .ayrac{border-color:var(--kenar-koyu)}

.gv-acik{background:var(--panel);color:var(--panel-ust)}
.gv-acik .ikincil{color:var(--murekkep-2)}
.gv-acik .etiket{color:var(--murekkep-3)}

/* ============================================================
   ORNEK IKINCI TEMA — GECE
   <html data-tema="gece"> verildiginde devreye girer.
   SADECE anlamsal jetonlar yeniden eslesir; sayfa kodu ayni kalir.
   ============================================================ */
[data-tema="gece"]{
  --zemin:#08131C;                     --zemin-ust:var(--gv-krem-100);
  --panel:var(--gv-lacivert-800);      --panel-ust:var(--gv-krem-100);
  --panel-2:#0C2E40;                   --panel-2-ust:#B9C6D0;

  --koyu:#0A2A3F;                      --koyu-ust:var(--gv-krem-100);
  --koyu-2:#02101A;                    --koyu-2-ust:var(--gv-krem-100);

  --murekkep:var(--gv-krem-100);
  --murekkep-2:#B9C6D0;
  --murekkep-3:#7A99B0;

  --vurgu:var(--gv-mavi-500);          --vurgu-ust:#04141F;
  --vurgu-soft:rgba(72,180,228,.14);

  --olumlu:var(--gv-turkuaz-400);      --olumlu-ust:#04141F;
  --olumlu-soft:rgba(95,214,206,.14);
  --uyari:#E8B33C;                     --uyari-ust:#04141F;
  --uyari-soft:rgba(232,179,60,.14);
  --hata:#E5606A;                      --hata-ust:#04141F;
  --hata-soft:rgba(229,96,106,.14);
  --odul:#E0B84A;                      --odul-soft:rgba(224,184,74,.14);

  --kenar:#173D52;
  --cetvel:#173D52;

  --golge-1:2px 2px 0 rgba(0,0,0,.30);
  --golge-2:4px 4px 0 rgba(0,0,0,.36);
  --golge-3:6px 6px 0 rgba(0,0,0,.44);
}

/* ==================================================================
   KOKPIT TEMASI (Yusuf #8): gece ucusu havasi — koyu yesil-siyah zemin,
   amber/yesil aydinlatma. Gece ile ayni sabit-renk duzeltmeleri gecerli
   (asagidaki [data-tema="gece"] kurallari [data-tema="kokpit"] icin de
   yazildi). tema.js: gv_tema = 'kokpit'.
   ================================================================== */
[data-tema="kokpit"]{
  --zemin:#0B1410;                     --zemin-ust:#E9EFE3;
  --panel:#122019;                     --panel-ust:#E9EFE3;
  --panel-2:#183026;                   --panel-2-ust:#B7C9B8;
  --koyu:#0F1B15;                      --koyu-ust:#E9EFE3;
  --koyu-2:#060C09;                    --koyu-2-ust:#E9EFE3;
  --murekkep:#E9EFE3;  --murekkep-2:#B7C9B8;  --murekkep-3:#7E9A85;
  --vurgu:#F2B23A;                     --vurgu-ust:#0B1410;
  --vurgu-soft:rgba(242,178,58,.16);
  --olumlu:#5FD6A0;                    --olumlu-ust:#0B1410;   --olumlu-soft:rgba(95,214,160,.14);
  --uyari:#F2B23A;                     --uyari-ust:#0B1410;    --uyari-soft:rgba(242,178,58,.14);
  --hata:#F0705F;                      --hata-ust:#0B1410;     --hata-soft:rgba(240,112,95,.14);
  --odul:#F2B23A;                      --odul-soft:rgba(242,178,58,.16);
  --kenar:#24382E;                     --cetvel:#1C2E25;
  --golge:0 6px 18px rgba(0,0,0,.45);  --golge-2:0 14px 34px rgba(0,0,0,.55);
  --navy:#0F1B15;                      --navy-ink:#E9EFE3;
  --teal:#F2B23A;                      --cyan:#F2B23A;
  --gold:#F2B23A;                      --red:#F0705F;       --green:#5FD6A0;
  --sky:#B7C9B8;                       --dim:#7E9A85;
  --void:#0B1410;
  color-scheme:dark;
}
[data-tema="kokpit"] body{
  background-image:
    repeating-linear-gradient(180deg, rgba(95,214,160,.03) 0 1px, transparent 1px 34px),
    radial-gradient(900px 500px at 88% -8%, rgba(242,178,58,.08), transparent 62%);
}
/* gece duzeltmeleri kokpit icin de gecerli */
[data-tema="kokpit"] .gvnav{--n-paper:var(--zemin);--n-surf:var(--panel);--n-ink:var(--murekkep);--n-ink2:var(--murekkep-2);
  --n-ink3:var(--murekkep-3);--n-edge:var(--kenar);--n-rule:var(--cetvel);--n-navy:#060C09;--n-teal:var(--vurgu)}
[data-tema="kokpit"] .gvnav .n-drop,[data-tema="kokpit"] .gvnav .n-mob{background:var(--panel)}
[data-tema="kokpit"] .c-ust{background:rgba(15,27,21,.94)!important}
[data-tema="kokpit"] .c-alt{background:rgba(15,27,21,.95)!important}
[data-tema="kokpit"] .topbar,[data-tema="kokpit"] .top,[data-tema="kokpit"] .s-top{background:rgba(15,27,21,.9)!important;border-color:var(--kenar)!important}
[data-tema="kokpit"] input,[data-tema="kokpit"] select,[data-tema="kokpit"] textarea{background:var(--panel);color:var(--murekkep);border-color:var(--kenar)}
[data-tema="kokpit"] .gv-tema-btn .ay{display:none}[data-tema="kokpit"] .gv-tema-btn .gunes{display:block}
[data-tema="kokpit"] .leaflet-popup-content-wrapper,[data-tema="kokpit"] .leaflet-popup-tip{background:var(--panel)!important;color:var(--murekkep)!important}
[data-tema="kokpit"] .leaflet-bar a{background:var(--panel)!important;color:var(--murekkep)!important;border-color:var(--kenar)!important}

/* ==================================================================
   VURGU RENGI (Yusuf #8): pilot kendi vurgu rengini secer.
   tema.js <html data-vurgu="mavi|altin|turkuaz|kirmizi|mor|yesil"> basar.
   Sadece vurgu jetonlari degisir; tema (acik/gece/kokpit) bagimsiz.
   ================================================================== */
[data-vurgu="altin"]{--vurgu:#C9962B;--vurgu-ust:#1A1200;--vurgu-soft:rgba(201,150,43,.14);--teal:#C9962B;--cyan:#C9962B;--gold:#C9962B}
[data-vurgu="turkuaz"]{--vurgu:#1FA8A0;--vurgu-ust:#031A18;--vurgu-soft:rgba(31,168,160,.14);--teal:#1FA8A0;--cyan:#1FA8A0}
[data-vurgu="kirmizi"]{--vurgu:#C0392F;--vurgu-ust:#FFF;--vurgu-soft:rgba(192,57,47,.12);--teal:#C0392F;--cyan:#C0392F}
[data-vurgu="mor"]{--vurgu:#7A5AF8;--vurgu-ust:#FFF;--vurgu-soft:rgba(122,90,248,.14);--teal:#7A5AF8;--cyan:#7A5AF8}
[data-vurgu="yesil"]{--vurgu:#1E9A6B;--vurgu-ust:#FFF;--vurgu-soft:rgba(30,154,107,.14);--teal:#1E9A6B;--cyan:#1E9A6B}
[data-tema="gece"][data-vurgu="altin"],[data-tema="kokpit"][data-vurgu="altin"]{--vurgu:#E8C36A;--teal:#E8C36A;--cyan:#E8C36A}
[data-tema="gece"][data-vurgu="kirmizi"],[data-tema="kokpit"][data-vurgu="kirmizi"]{--vurgu:#F07A70;--teal:#F07A70;--cyan:#F07A70}

/* tema secici (profil > ayarlar) */
.gv-tema-sec{display:flex;gap:8px;flex-wrap:wrap}
.gv-tema-sec button{border:1.5px solid var(--kenar);background:var(--panel);color:var(--murekkep-2);border-radius:10px;padding:8px 12px;font-family:var(--fm,monospace);font-size:.7rem;letter-spacing:.06em;cursor:pointer;display:inline-flex;align-items:center;gap:7px}
.gv-tema-sec button.on{border-color:var(--vurgu);color:var(--murekkep);box-shadow:0 0 0 2px var(--vurgu-soft)}
.gv-tema-sec i{width:14px;height:14px;border-radius:50%;display:inline-block;border:1px solid rgba(0,0,0,.15)}

/* ---- GECE: sayfalarda sabit yazilmis acik renkler icin genel duzeltmeler ---- */
[data-tema="gece"]{color-scheme:dark}
[data-tema="gece"] body{
  background-image:
    repeating-linear-gradient(180deg, rgba(255,255,255,.018) 0 1px, transparent 1px 34px),
    radial-gradient(900px 500px at 88% -8%, rgba(72,180,228,.08), transparent 62%);
}
/* kagit-beyaz sabitleri (kart/panel) -> panel jetonu */
[data-tema="gece"] .gv-pass,[data-tema="gece"] .gv-stub,
[data-tema="gece"] .card,[data-tema="gece"] .panel,[data-tema="gece"] .kart{background:var(--panel);border-color:var(--kenar)}
[data-tema="gece"] .gv-pass::before{background:var(--vurgu)}
[data-tema="gece"] img.gv-ters{filter:invert(1) hue-rotate(180deg)}
/* form elemanlari */
[data-tema="gece"] input,[data-tema="gece"] select,[data-tema="gece"] textarea{background:var(--panel);color:var(--murekkep);border-color:var(--kenar)}
[data-tema="gece"] ::placeholder{color:var(--murekkep-3)}
[data-tema="gece"] hr{border-color:var(--kenar)}
/* ortak menu (gvnav) kendi --n-* jetonlarini kullanir */
[data-tema="gece"] .gvnav{--n-paper:var(--zemin);--n-surf:var(--panel);--n-ink:var(--murekkep);--n-ink2:var(--murekkep-2);
  --n-ink3:var(--murekkep-3);--n-edge:var(--kenar);--n-rule:var(--cetvel);--n-navy:#02101A;--n-teal:var(--vurgu);
  box-shadow:0 1px 0 rgba(0,0,0,.4)}
[data-tema="gece"] .gvnav .n-drop,[data-tema="gece"] .gvnav .n-mob{background:var(--panel)}
/* crew kabugu ust bar + sayfa ici yapiskan ust barlar */
[data-tema="gece"] .c-ust{background:rgba(7,34,48,.92)!important}
[data-tema="gece"] .topbar,[data-tema="gece"] .top,[data-tema="gece"] .s-top{background:rgba(7,34,48,.9)!important;border-color:var(--kenar)!important}
[data-tema="gece"] .p-sek button:hover{background:rgba(255,255,255,.06)}
[data-tema="gece"] .leaflet-popup-content-wrapper,[data-tema="gece"] .leaflet-popup-tip{background:var(--panel)!important;color:var(--murekkep)!important}
[data-tema="gece"] .leaflet-bar a{background:var(--panel)!important;color:var(--murekkep)!important;border-color:var(--kenar)!important}
[data-tema="gece"] .leaflet-control-attribution{background:rgba(7,34,48,.8)!important}
[data-tema="gece"] .c-alt{background:rgba(7,34,48,.94)!important}
[data-tema="gece"] .c-yan a.lnk.on{color:#04141F}
/* tema dugmesi */
.gv-tema-btn{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:10px;
  border:1px solid var(--kenar);background:var(--panel);color:var(--murekkep-2);cursor:pointer;padding:0;flex:none}
.gv-tema-btn:hover{color:var(--vurgu);border-color:var(--vurgu)}
.gv-tema-btn svg{width:17px;height:17px}
.gv-tema-btn .ay{display:block}.gv-tema-btn .gunes{display:none}
[data-tema="gece"] .gv-tema-btn .ay{display:none}[data-tema="gece"] .gv-tema-btn .gunes{display:block}
.gvnav .gv-tema-btn{width:30px;height:30px;border-radius:99px;border-color:rgba(251,248,241,.24);background:transparent;color:rgba(251,248,241,.72)}
.gvnav .gv-tema-btn:hover{color:#fff;border-color:#fff}

/* Cihaz koyu tema istiyorsa ve site tema secmemisse — istege bagli.
   Simdilik KAPALI; acmak icin asagidaki blogun yorumunu kaldir.
@media (prefers-color-scheme: dark){
  :root:not([data-tema]){ ... gece jetonlari ... }
}
*/


/* ==================================================================
   ISKELET + BOS DURUM (Yusuf #9): yuklenirken gri parlayan kutular,
   bos listelerde tek dil: ikon + cumle + eylem. Her sayfa .gv-skel /
   .gv-bos siniflarini kullanir; gv_ui.php gv_empty() ayni gorunumu basar.
   ================================================================== */
@keyframes gvSkel{0%{background-position:-400px 0}100%{background-position:400px 0}}
.gv-skel{position:relative;overflow:hidden;border-radius:10px;background:var(--panel-2);min-height:14px}
.gv-skel::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.35),transparent);background-size:400px 100%;animation:gvSkel 1.3s linear infinite}
[data-tema="gece"] .gv-skel::after,[data-tema="kokpit"] .gv-skel::after{background:linear-gradient(90deg,transparent,rgba(255,255,255,.07),transparent);background-size:400px 100%}
.gv-skel-satir{display:flex;gap:12px;align-items:center;padding:12px 16px}
.gv-skel-satir .a{width:34px;height:34px;border-radius:10px;flex:none}
.gv-skel-satir .b{flex:1;height:12px}
.gv-skel-satir .c{width:22%;height:12px}
.gv-bos{padding:36px 20px;text-align:center;border:1.5px dashed var(--cetvel);border-radius:14px;background:var(--panel);color:var(--murekkep-3)}
.gv-bos .ik{font-size:1.6rem;margin-bottom:6px;line-height:1}
.gv-bos b{display:block;font-family:var(--fd,inherit);font-size:1rem;color:var(--murekkep);margin-bottom:4px}
.gv-bos p{margin:0;font-size:.88rem;line-height:1.5}
.gv-bos a.btn,.gv-bos .btn{display:inline-block;margin-top:12px;background:var(--vurgu);color:var(--vurgu-ust);border-radius:10px;padding:9px 15px;font-weight:600;font-size:.84rem;text-decoration:none}


/* ==================================================================
   GORUNUM PAKETI 04.09.2026 (Yusuf: 11 ozellik)
   ================================================================== */
/* --- 3. CAM KARTLAR: gece/kokpit'te yari saydam + blur --- */
[data-tema="gece"] .card,[data-tema="gece"] .stat,[data-tema="gece"] .feed,[data-tema="gece"] .metar,[data-tema="gece"] .news,[data-tema="gece"] .gb,[data-tema="gece"] .ak,[data-tema="gece"] .strip,[data-tema="gece"] .mc-sut,[data-tema="gece"] .mc-ilerle,
[data-tema="kokpit"] .card,[data-tema="kokpit"] .stat,[data-tema="kokpit"] .feed,[data-tema="kokpit"] .metar,[data-tema="kokpit"] .news,[data-tema="kokpit"] .gb,[data-tema="kokpit"] .ak,[data-tema="kokpit"] .strip,[data-tema="kokpit"] .mc-sut,[data-tema="kokpit"] .mc-ilerle{
  background:rgba(255,255,255,.045)!important;backdrop-filter:blur(14px) saturate(140%);-webkit-backdrop-filter:blur(14px) saturate(140%);border-color:rgba(255,255,255,.10)!important}
/* --- 11. OLD SCHOOL: 1970'ler ucus defteri --- */
[data-tema="eski"]{
  --zemin:#EFE5CF;--zemin-ust:#2B2418;--panel:#F6EEDC;--panel-ust:#2B2418;--panel-2:#E9DEC4;--panel-2-ust:#4A3F2E;
  --koyu:#2B2418;--koyu-ust:#F6EEDC;--koyu-2:#1B1610;--koyu-2-ust:#F6EEDC;
  --murekkep:#2B2418;--murekkep-2:#4A3F2E;--murekkep-3:#8A7A5E;
  --vurgu:#B3261E;--vurgu-ust:#FFF7EA;--vurgu-soft:rgba(179,38,30,.12);
  --olumlu:#3F6B3A;--olumlu-ust:#FFF7EA;--olumlu-soft:rgba(63,107,58,.14);--uyari:#9A5F09;--uyari-ust:#FFF7EA;--uyari-soft:rgba(154,95,9,.14);
  --hata:#B3261E;--hata-ust:#FFF7EA;--hata-soft:rgba(179,38,30,.12);--odul:#8A6D1E;--odul-soft:rgba(138,109,30,.16);
  --kenar:#CDBB98;--cetvel:#D9CBAB;--golge:0 3px 0 rgba(43,36,24,.12);--golge-2:0 8px 22px rgba(43,36,24,.16);
  --navy:#2B2418;--navy-ink:#F6EEDC;--teal:#B3261E;--cyan:#B3261E;--gold:#8A6D1E;--red:#B3261E;--green:#3F6B3A;--sky:#4A3F2E;--dim:#8A7A5E;--void:#EFE5CF;
  --fd:'Courier Prime','Courier New',monospace;--fb:'Courier Prime','Courier New',monospace;--fm:'Courier New',monospace;
}
[data-tema="eski"] body{font-family:'Courier Prime','Courier New',monospace;background-image:repeating-linear-gradient(180deg,rgba(43,36,24,.045) 0 1px,transparent 1px 28px)}
[data-tema="eski"] h1,[data-tema="eski"] h2,[data-tema="eski"] h3,[data-tema="eski"] .hi{font-family:'Courier Prime','Courier New',monospace;letter-spacing:.02em;text-transform:uppercase}
[data-tema="eski"] img:not(.gv-ters){filter:sepia(.35) contrast(.95)}
[data-tema="eski"] .gvnav{--n-paper:var(--zemin);--n-surf:var(--panel);--n-ink:var(--murekkep);--n-ink2:var(--murekkep-2);--n-ink3:var(--murekkep-3);--n-edge:var(--kenar);--n-rule:var(--cetvel);--n-navy:#2B2418;--n-teal:var(--vurgu)}
[data-tema="eski"] .c-ust{background:rgba(246,238,220,.94)!important}
[data-tema="eski"] .card,[data-tema="eski"] .stat{border-style:double;border-width:3px}
/* --- 5. APOLET & 9. UCAK IKONU --- */
.gv-apolet{display:inline-block;vertical-align:middle;margin-left:6px;border-radius:2px;box-shadow:0 1px 2px rgba(0,0,0,.25)}
.gv-uc{display:inline-flex;align-items:center;gap:5px;white-space:nowrap}
.gv-uc svg{color:var(--vurgu);flex:none;opacity:.85}
/* --- 6. HAVA ANIMASYONU (ana sayfa metar kutusu) --- */
.metar.wx-rain::before,.metar.wx-fog::before,.metar.wx-sun::before,.metar.wx-cloud::before,.metar.wx-night::before{content:"";position:absolute;inset:0;pointer-events:none;z-index:0}
.metar>*{position:relative;z-index:1}
@keyframes wxRain{to{background-position:0 160px}}
.metar.wx-rain::before{background:repeating-linear-gradient(105deg,transparent 0 12px,rgba(14,110,150,.16) 12px 13px);background-size:100% 160px;animation:wxRain 1.2s linear infinite;opacity:.9}
@keyframes wxSun{0%,100%{transform:scale(1);opacity:.55}50%{transform:scale(1.12);opacity:.9}}
.metar.wx-sun::before{background:radial-gradient(160px 160px at 88% 8%,rgba(245,198,79,.35),transparent 70%);animation:wxSun 6s ease-in-out infinite;transform-origin:88% 8%}
.metar.wx-night::before{background:radial-gradient(120px 120px at 88% 8%,rgba(200,220,255,.22),transparent 70%)}
@keyframes wxFog{0%{background-position:0 0}100%{background-position:400px 0}}
.metar.wx-fog::before{background:repeating-linear-gradient(90deg,rgba(255,255,255,.14) 0 120px,transparent 120px 260px);background-size:400px 100%;filter:blur(18px);animation:wxFog 14s linear infinite;opacity:.9}
@keyframes wxCloud{0%{transform:translateX(-10%)}100%{transform:translateX(30%)}}
.metar.wx-cloud::before{background:radial-gradient(90px 34px at 20% 18%,rgba(255,255,255,.28),transparent 70%),radial-gradient(120px 40px at 70% 10%,rgba(255,255,255,.22),transparent 70%);animation:wxCloud 22s ease-in-out infinite alternate}
/* --- 10. MIKRO ANIMASYON: damga, ping, sayac --- */
@keyframes gvStamp{0%{transform:scale(2.2) rotate(-8deg);opacity:0}60%{transform:scale(.92) rotate(2deg);opacity:1}100%{transform:scale(1) rotate(0)}}
.gv-stamp{animation:gvStamp .55s cubic-bezier(.2,.9,.3,1.2) both}
@keyframes gvPing{0%{transform:scale(.4);opacity:.9}100%{transform:scale(2.6);opacity:0}}
.gv-ping{position:absolute;width:44px;height:44px;margin:-22px 0 0 -22px;border-radius:50%;border:2px solid var(--vurgu,#0E6E96);animation:gvPing 1.6s ease-out 3;pointer-events:none}
/* --- 7. KABIN GORUNUMU (ucus sayfasi KPI'lari) --- */
.cabin{background:#0B1420;border:1.5px solid #1E3247;border-radius:18px;padding:16px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.03),0 14px 34px rgba(0,0,0,.35)}
.cabin .grid{margin:0}
.cabin .s{background:rgba(255,255,255,.035)!important;border:1px solid rgba(120,160,190,.18)!important;border-radius:12px!important;color:#E6EEF5;box-shadow:none!important}
.cabin .s .l{color:#7A99B0!important;font-family:var(--fm);letter-spacing:.14em}
.cabin .s .v{font-family:var(--fm)!important;color:#5FD6CE!important;text-shadow:0 0 12px rgba(95,214,206,.35)}
.cabin .s .v small,.cabin .s .v span{color:#7A99B0!important}
.cabin .s.gauge{position:relative}
.cabin .s.gauge::after{content:"";position:absolute;right:14px;top:14px;width:46px;height:46px;border-radius:50%;background:conic-gradient(var(--gcol,#5FD6CE) calc(var(--pct,0)*1%),rgba(255,255,255,.08) 0);-webkit-mask:radial-gradient(circle,transparent 58%,#000 60%);mask:radial-gradient(circle,transparent 58%,#000 60%)}

/* rutbe nisani */
.gv-nisan{display:inline-block;vertical-align:middle;flex:none;filter:drop-shadow(0 1px 2px rgba(0,0,0,.25))}