/* ORBİ v10 · "Lacivert Atölye" — telefon teması (masaüstündeki arayuz_web/tema-v10.css ile aynı görsel dil)
 * Autopol lacivertinin gece tonları, ışık yukarıdan; tek imza = çift ince sarı çizgi (araba gövdesindeki "coachline").
 * Renk anlamı: sarı #FFC400 YALNIZ kararınız / birincil eylem / seçili yer; camgöbeği YALNIZ "şu an canlı".
 * Yazı: manşet, etiket ve büyük rakamlar Poppins (yerel, OFL: OFL-Poppins.txt); gövde Inter; saat/sayı Inter tablo rakamı;
 *       kod JetBrains Mono.
 * Kapsam: her kural :root[data-tema="v10"] altında. Klasik görünüm (v9) style.css'te olduğu gibi kalır.
 *   Tema index.html <head>'deki satır içi betikle seçilir (localStorage 'orbi_tema': 'v10' varsayılan | 'v9');
 *   anahtar: üst banttaki bağlantı noktası › Görünüm (app.js gorunumSatiri).
 * Yerleşim ve ölçüler (satır, girdi, sekme, rakam boyları) değişmez; yalnız renk, yazı ve çizgi değişir.
 * Sınıf adları app.js / ekip.js'in ürettikleridir; yeniden adlandırmayın.
 * Kontrast (WCAG): --m-3 kat-2 üstünde 5,6:1, kat-3 üstünde 4,6:1; --m-2 kat-2 üstünde 7,7:1; lacivert yazı sarı üstünde 11,4:1. */

@font-face { font-family: "Poppins"; font-style: normal; font-weight: 500; font-display: swap;
  src: url("/static/Poppins-Medium.ttf") format("truetype"); }
@font-face { font-family: "Poppins"; font-style: normal; font-weight: 600; font-display: swap;
  src: url("/static/Poppins-SemiBold.ttf") format("truetype"); }

/* <TOKENLAR v10> 1–13. bölümler masaüstü tema-v10.css ile BİREBİR aynı; yalnız v9'dan farklı ya da yeni değerler
   yazılır, gerisi style.css'ten gelir (8 boşluk, 9 yarıçap, 11 hareket, 12 ölçü, 13 katman değişmez). */
:root[data-tema="v10"]{
  /* 1 · Yüzeyler: Autopol lacivertinin (#003463) gece tonları; kademe ≥1,08:1 */
  --zemin:  #050c19;
  --yaprak: #0c1a30;
  --kat:    #11223b;
  --kat-2:  #182c49;
  --kat-3:  #22395c;
  --perde:  rgba(2,7,16,.74);
  --hale:   radial-gradient(900px 640px at 12% 46%, rgba(0,96,180,.11), transparent 64%);
  --spot:   radial-gradient(1500px 560px at 50% -220px, rgba(36,96,176,.24), transparent 72%);   /* showroom tavan ışığı */
  --yuzey-isik: linear-gradient(180deg, rgba(130,175,240,.05), rgba(130,175,240,0) 240px);    /* alt sayfa / liste üst ışığı */
  --ust-isik: inset 0 1px 0 rgba(170,205,255,.07);
  --vurgu-hover:  rgba(120,165,230,.07);
  --vurgu-secili: rgba(120,165,230,.12);

  /* 2 · Çizgiler: soğuk çelik */
  --cizgi-ince:  rgba(150,180,225,.08);
  --cizgi:       rgba(150,180,225,.14);
  --cizgi-guclu: rgba(150,180,225,.24);
  --hud-kose:    rgba(150,185,235,.30);
  --odak:        #8ab8ff;
  --odak-hale:   0 0 0 3px rgba(138,184,255,.18);
  --odak-kenar:  rgba(138,184,255,.40);   /* yazma alanı odakta: yalnız yumuşak kenar, hale yok */

  /* 3 · Metin */
  --m-1: #eef3fa;
  --m-2: #b3c1d6;
  --m-3: #94a5bf;
  --m-4: #56657d;
  --m-ters: #03162c;   /* sarı ve açık dolgu üstünde Autopol lacivert yazı */

  /* 4 · Vurgu (camgöbeği v9'daki gibi) */
  --altin: #ffc400;  --altin-2: #ffdc6b;  --altin-zemin: rgba(255,196,0,.11);   /* Autopol sarısı */
  --altin-isik:  rgba(255,196,0,.28);
  --altin-kenar: rgba(255,196,0,.38);

  /* 5 · Durum: öncelikli turuncu sarıdan uzaklaşır */
  --uyari: #ff8f52;  --uyari-zemin: rgba(255,143,82,.10);
  --notr:  #7f8fa8;

  /* 6 · Rol paleti: Şef mat altın (marka sarısından ayrı; sarı yalnız karar demek) */
  --rol-sef: #d9b871;

  /* 7 · Yazı */
  --baslik: "Poppins", "Inter", "Segoe UI Variable Display", "Segoe UI", sans-serif;
  --mono:   "Inter", "Segoe UI Variable Text", "Segoe UI", system-ui, sans-serif;   /* sayı/saat: Inter tablo rakamı */
  --kod:    "JetBrains Mono", "Cascadia Mono", Consolas, ui-monospace, monospace;  /* yalnız kod */
  --t-kicker: 12px;
  --t-baslik: 19px;
  --t-manset: 36px;
  --t-rakam:  42px;
  --s-kicker: .01em;
  --a-kalin:  600;   /* yalnız Poppins manşet ve kelime markası */

  /* 10 · Gölge: lacivert-siyah, üst kenarda ince ışık */
  --g-1: inset 0 1px 0 rgba(170,205,255,.07), 0 0 0 1px rgba(150,180,225,.11), 0 14px 36px -16px rgba(0,4,12,.88);
  --g-2: inset 0 1px 0 rgba(170,205,255,.07), 0 0 0 1px rgba(150,180,225,.12), 0 40px 90px -30px rgba(0,4,12,.92);
}
@media (max-height: 760px){ :root[data-tema="v10"]{ --t-manset: 28px; --t-rakam: 36px; } }
/* </TOKENLAR v10> */

/* §3.2 telefon eki: tema seçicisi :root'tan özgül olduğundan style.css'teki telefon boyları burada yinelenir */
:root[data-tema="v10"]{ --t-rakam: 30px; --t-manset: 24px; }
@media (max-width: 360px){ :root[data-tema="v10"]{ --t-rakam: 26px; } }

/* ═══ TEMEL ══════════════════════════════════════════════════════════════════════════════════════════════ */
:root[data-tema="v10"] body{ background: var(--spot), var(--hale), var(--zemin); }
:root[data-tema="v10"] ::selection{ background: rgba(138,184,255,.26); }
:root[data-tema="v10"] :is(.ek-md code, .ek-md pre){ font-family: var(--kod); }

/* Etiketler: büyük harfli aralıklı mono yerine cümle düzeninde Poppins (sakin, kurumsal) */
:root[data-tema="v10"] :is(.kicker, .sohbet .row small, .md-tablo th){
  font-family: var(--baslik); font-weight: 500; font-size: var(--t-kicker); letter-spacing: var(--s-kicker); text-transform: none;
}
:root[data-tema="v10"] .grup > .kicker{ color: var(--m-2); }

/* ═══ ÜST BANT VE SEKMELER ═══════════════════════════════════════════════════════════════════════════════ */
:root[data-tema="v10"] :is(.ust .ad, .key-title){ font-family: var(--baslik); font-weight: var(--a-kalin); letter-spacing: .34em; }
:root[data-tema="v10"] .ust .ad{ font-size: 12.5px; }
/* Seçili sekme: üst kenarda 14 px sarı iz (masaüstünde seçili sekmenin altındaki izle aynı) */
:root[data-tema="v10"] .sekme.aktif::before{ width: 14px; margin-left: -7px; background: var(--altin); }

/* ═══ İMZA: çift ince sarı çizgi — alttaki ana çizgi sarıdan saç çizgisine akar, 3 px üstteki kısa çizgi erken söner.
   Telefonda künyenin iki karşılığında: Asistan'daki rakam şeridi ve Autopol kapağı. (Telefon genişliğine göre kısa.) */
:root[data-tema="v10"] :is(.ozet-serit, .kapak){
  border-bottom-color: transparent;
  background:
    linear-gradient(90deg, var(--altin) 0, rgba(255,196,0,0) 120px) 0 calc(100% - 3px) / 100% 1px no-repeat,
    linear-gradient(90deg, var(--altin) 0, rgba(255,196,0,.42) 96px, var(--cizgi) 58%, var(--cizgi) 100%) 0 100% / 100% 1px no-repeat;
  background-origin: border-box;
}

/* ═══ ASİSTAN: rakam şeridi (telefonun künyesi) ══════════════════════════════════════════════════════════ */
/* Ayırıcı uçlarda söner (kutusuz); basılıyken yalnız zemin rengi değişir, ayırıcı kalır */
:root[data-tema="v10"] .serit-oge{
  border-left: 0;
  background: linear-gradient(180deg, transparent, var(--cizgi) 24%, var(--cizgi) 76%, transparent) 0 0 / 1px 100% no-repeat;
}
:root[data-tema="v10"] .serit-oge:first-child{ background: none; }
:root[data-tema="v10"] .serit-oge:active{ background-color: var(--vurgu-hover); }
/* Etiket tek satır (390 px'te de); taşarsa "…" — satır yüksekliği inişleri (y, ğ) kesmesin diye payla */
:root[data-tema="v10"] .serit-oge .kicker{ max-width: 100%; margin: -2px 0; line-height: 1.34;
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
/* Rakam: Poppins tablo rakamı; boy style.css'ten (şerit, 4'lü şerit ve uzun değer kademeleri korunur) */
:root[data-tema="v10"] .serit-oge b{ font-family: var(--baslik); font-weight: 500; letter-spacing: -.035em;
  font-variant-numeric: tabular-nums lining-nums; }
/* Onay bekleyen (sıfır değilse app.js --h:var(--altin) yazar): sarı + hafif ışık */
:root[data-tema="v10"] .serit-oge[data-filtre="onay"][style*="--altin"] b{ text-shadow: 0 0 24px var(--altin-isik); }
:root[data-tema="v10"] .durum{ font-family: var(--baslik); font-weight: 500; font-size: 12.5px; }

/* ═══ AUTOPOL KAPAĞI ═════════════════════════════════════════════════════════════════════════════════════ */
:root[data-tema="v10"] .kapak .tarih-satiri{ font-size: 12.5px; color: var(--m-2); }
:root[data-tema="v10"] .kapak-ad{ font-family: var(--baslik); font-weight: var(--a-kalin); line-height: 1.1; letter-spacing: -.022em; }
:root[data-tema="v10"] .kapak-rakam b{ font-family: var(--baslik); font-weight: 500; letter-spacing: -.035em;
  font-variant-numeric: tabular-nums lining-nums; }
:root[data-tema="v10"] .veri-cip{ background: transparent; box-shadow: inset 0 0 0 1px var(--cizgi); }
:root[data-tema="v10"] .veri-cip:active{ background: var(--vurgu-secili); }

/* ═══ GÜNDEM VE LİSTELER ═════════════════════════════════════════════════════════════════════════════════ */
/* Grup noktası satır halkasıyla aynı dikey eksende: 6 px nokta, 11 px sol dolgu → merkez 14 px (4 + 20/2) */
:root[data-tema="v10"] .grup > i{ width: 6px; height: 6px; }
:root[data-tema="v10"] .grup:has(> i){ padding-left: 11px; }
/* Gündem grup etiketi kendi öncelik renginde; sağdaki saç çizgisi o renkten başlayıp söner (ışıltı yok) */
:root[data-tema="v10"] #isler .grup > .kicker{ color: color-mix(in srgb, var(--o, var(--m-3)) 62%, var(--m-2)); }
:root[data-tema="v10"] #isler .grup::after{
  background: linear-gradient(90deg, color-mix(in srgb, var(--o, var(--m-3)) 38%, transparent), var(--cizgi-ince) 40%);
}
/* Instagram: otomatik yayınlanacak "Sırada" nötr — sarı yalnız karar beklendiğini gösterir */
:root[data-tema="v10"] .ig-halka.a{ --c: var(--m-2); }
:root[data-tema="v10"] #ig-govde .grup.onay{ --o: var(--m-2); }

/* ═══ ÇİPLER: dolgusuz, kendi renginde 1 px iç kenar (ölçü ve yazı aynı) ═════════════════════════════════ */
:root[data-tema="v10"] :is(.tur, .ed-cip){ background: transparent;
  box-shadow: inset 0 0 0 1px color-mix(in srgb, currentColor 36%, transparent); }
:root[data-tema="v10"] .tur.kapali{ box-shadow: none; }
:root[data-tema="v10"] .ed-cip{ box-shadow: inset 0 0 0 1px var(--altin-kenar); }
:root[data-tema="v10"] .cip-sec{ background: transparent; }

/* ═══ DÜĞMELER VE YAZMA ALANI ════════════════════════════════════════════════════════════════════════════ */
:root[data-tema="v10"] .btn{ box-shadow: inset 0 0 0 1px var(--cizgi-ince); }
:root[data-tema="v10"] .btn.dolu:not(.kirmizi){ background: var(--altin); color: var(--m-ters); box-shadow: none; }
:root[data-tema="v10"] .btn.dolu:not(.kirmizi):active{ background: var(--altin-2); }
:root[data-tema="v10"] .btn:is(.hayalet, .gri){ box-shadow: none; }
/* Yazma alanı kendiliğinden odaklanır: yalnız yumuşak kenar, hale yok (klavye odağı :focus-visible 2 px halka kalır) */
:root[data-tema="v10"] .yazma{ border-color: var(--cizgi-ince); }
:root[data-tema="v10"] .yazma:focus-within{ border-color: var(--odak-kenar); box-shadow: none; }

/* ═══ ALT SAYFA, ALT LİSTE, DİYALOG ══════════════════════════════════════════════════════════════════════ */
:root[data-tema="v10"] .sayfa{ background: var(--yuzey-isik), var(--yaprak); box-shadow: var(--ust-isik); }
:root[data-tema="v10"] :is(.alt-liste, .diyalog){ background: var(--yuzey-isik), var(--kat); }
/* Başlık alt çizgisi saç çizgisi; başlığın başladığı yerde (4 + ✕ 44 + 8 = 56 px) 22×1 px sarı iz */
:root[data-tema="v10"] .sayfa-bas{
  border-bottom-color: transparent;
  background:
    linear-gradient(var(--altin), var(--altin)) 56px 100% / 22px 1px no-repeat,
    linear-gradient(var(--cizgi-ince), var(--cizgi-ince)) 0 100% / 100% 1px no-repeat;
  background-origin: border-box;
}
:root[data-tema="v10"] :is(.sayfa-bas h3, .ar-bas h2, .diyalog h4){ font-family: var(--baslik); font-weight: 500; letter-spacing: -.01em; }

/* ═══ BOŞ DURUM: kesikli boş halka (halka sütununun merkezinde) + yönlendiren metin ═════════════════════ */
:root[data-tema="v10"] div.bos:not(.olumlu):not(.hata)::before{
  content: ""; position: absolute; left: 9px; top: 15px; width: 10px; height: 10px; box-sizing: border-box;
  border-radius: var(--r-tam); border: 1.5px dashed var(--m-4);
}
:root[data-tema="v10"] .ed-icerik > .bos::before{ content: none; }

/* ═══ TOAST VE GÖRÜNÜM ANAHTARI ══════════════════════════════════════════════════════════════════════════ */
:root[data-tema="v10"] .bildirim .b .bm{ font-family: var(--baslik); }
:root[data-tema="v10"] .bildirim .b .bm span{ font-family: var(--yazi); }
/* Bağlantı listesindeki Görünüm: seçili seçenek altında sarı iz (seçili yer) */
:root[data-tema="v10"] .gorunum-sec [aria-pressed="true"]{ text-decoration: underline 2px var(--altin); text-underline-offset: 6px; }