/* ORBİ 11.1 · "Tuval" — telefon (06.11, varsayılan; masaüstündeki arayuz_web/tema-tuval.css ile aynı görsel dil).
 * Kullanıcı (06.11): "orbi tasarımı buna benzesin kurumsal görüntü değişimi zamanı geldi", ardından telefon için
 * "Evet, telefona da". Noktalı koyu camgöbeği tuval, ince camgöbeği kenarlı kartlar, Poppins başlıklar.
 * Kapsam: her kural :root[data-tema="tuval"] altında; Açık (tema-acik.css), Koyu (tema-v10.css) ve Eski koyu (style.css)
 *   olduğu gibi kalır. Tema index.html <head>'deki betikle seçilir; anahtar: bağlantı noktası › Görünüm (app.js
 *   gorunumSatiri). Küre data-tema'yı izler (app.js paletSec). Yerleşim ve ölçüler değişmez; yalnız renk ve yüzey.
 * Başarım: bulanıklık eklenmez; tuval noktaları tek statik arka plan. Kontrast masaüstündeki gibi (kat üstünde ≥ 6,4:1). */

/* <TOKENLAR tuval> masaüstü tema-tuval.css ile BİREBİR aynı */
:root[data-tema="tuval"]{
  color-scheme: dark;
  --zemin: #071311;  --yaprak: #0b1a17;  --kat: #10221e;  --kat-2: #173029;  --kat-3: #1f3b34;
  --perde: rgba(2, 9, 8, .72);
  --hale: radial-gradient(700px 520px at 30% 20%, rgba(46, 214, 172, .08), transparent 66%);
  --ust-isik: inset 0 1px 0 rgba(210, 255, 238, .05);
  --vurgu-hover: rgba(150, 255, 220, .05);  --vurgu-secili: rgba(150, 255, 220, .09);
  --cizgi-ince: rgba(140, 230, 205, .08);  --cizgi: rgba(140, 230, 205, .14);  --cizgi-guclu: rgba(140, 230, 205, .24);
  --hud-kose: rgba(62, 230, 190, .4);
  --odak: #3ee6be;  --odak-hale: 0 0 0 3px rgba(62, 230, 190, .2);
  --m-1: #e9f5f1;  --m-2: #b0c7c0;  --m-3: #8ba79f;  --m-4: #587269;  --m-ters: #04110e;
  --canli: #3ee6be;  --canli-2: #a6f5e2;  --canli-zemin: rgba(62, 230, 190, .11);
  --altin: #f0c46a;  --altin-2: #f8e2b0;  --altin-zemin: rgba(240, 196, 106, .11);
  --tamam: #3ddc97;  --tamam-zemin: rgba(61, 220, 151, .11);
  --uyari: #ffa25e;  --uyari-zemin: rgba(255, 162, 94, .11);
  --kritik: #ff5d73; --kritik-zemin: rgba(255, 93, 115, .12);
  --notr: #8ba79f;
  --sektor-autopol: #70b0ff;  --sektor-autofol: #cd86ea;  --sektor-istanbul_temizlik: #ff5fa8;
  --sektor-autopol_mekanik: #1fc8d8;  --sektor-youtube: #ff7a45;  --sektor-auto_ppf_center: #4cc96f;
  --baslik: "Poppins", "Inter", "Segoe UI Variable Display", "Segoe UI", sans-serif;
  --r-2: 12px;  --r-3: 18px;
  --g-1: inset 0 1px 0 rgba(210, 255, 238, .06), 0 0 0 1px rgba(140, 230, 205, .12), 0 14px 34px -16px rgba(0, 0, 0, .85);
  --g-2: 0 0 0 1px rgba(140, 230, 205, .14), 0 34px 80px -28px rgba(0, 0, 0, .9);
  --nokta-izgara: radial-gradient(circle at 1px 1px, rgba(140, 230, 205, .11) 1px, transparent 1.5px);
}

/* Noktalı tuval zemini; üst bant ve alt sekme çubuğu tuvalin koyu tonunda, ince camgöbeği çizgiyle ayrılır */
:root[data-tema="tuval"] body{ background: var(--nokta-izgara) 0 0 / 22px 22px, var(--hale), var(--zemin); }
:root[data-tema="tuval"] .ust{ background: rgba(5, 15, 13, .97); }
:root[data-tema="tuval"] .ust .ad{ font-family: var(--baslik); font-weight: 600; }
:root[data-tema="tuval"] .sekmeler{ background: rgba(5, 15, 13, .97); }
/* Rakam şeridi ve uyarı şeritleri: düğüm kartı gibi ince kenarlı */
:root[data-tema="tuval"] .serit{ box-shadow: inset 0 0 0 1px var(--cizgi-ince); }
:root[data-tema="tuval"] .serit.k{ box-shadow: inset 2px 0 0 var(--kritik), inset 0 0 0 1px var(--cizgi-ince); }
:root[data-tema="tuval"] .serit.s{ box-shadow: inset 2px 0 0 var(--uyari), inset 0 0 0 1px var(--cizgi-ince); }
:root[data-tema="tuval"] .serit.a{ box-shadow: inset 2px 0 0 var(--altin), inset 0 0 0 1px var(--cizgi-ince); }
:root[data-tema="tuval"] .serit.c{ box-shadow: inset 2px 0 0 var(--canli), inset 0 0 0 1px var(--cizgi-ince); }