/* Panel v2 (25/09/2026) — İsmet Bey'in Vireo/WowDash örnekleri + Ekip Halkaları; Codex tasarladı, SY canlıya bağladı.
   Ekmel: "soldaki sekme asla kalkmayacak, sabit olacak; ana sayfa olsun; derli toplu dursun". */
html:is([data-tema="halka"],[data-tema="halka-gece"]) aside{position:sticky;top:0;height:100vh;overflow-y:auto;overflow-x:hidden;flex-shrink:0;width:232px;box-sizing:border-box;border-right:1px solid var(--cizgi)}
html:is([data-tema="halka"],[data-tema="halka-gece"]) nav .nav-kume{margin-bottom:6px}
html:is([data-tema="halka"],[data-tema="halka-gece"]) nav .nav-kume:not(:has(a:not(.gizle))){display:none}
html:is([data-tema="halka"],[data-tema="halka-gece"]) nav .nav-grup{font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--soluk);font-weight:700;margin:14px 12px 6px}
html:is([data-tema="halka"],[data-tema="halka-gece"]) nav a{position:relative;gap:11px;padding:9px 12px;margin-bottom:2px}
html:is([data-tema="halka"],[data-tema="halka-gece"]) nav a svg{width:18px;height:18px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;opacity:.85}
html:is([data-tema="halka"],[data-tema="halka-gece"]) nav a .et{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html:is([data-tema="halka"],[data-tema="halka-gece"]) .yalniz-mobil{display:none!important}
/* Ana sayfa */
html:is([data-tema="halka"],[data-tema="halka-gece"]) .ana-kpi{grid-template-columns:repeat(4,minmax(0,1fr))}
html:is([data-tema="halka"],[data-tema="halka-gece"]) .ana-izgara{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:14px}
html:is([data-tema="halka"],[data-tema="halka-gece"]) .ana-izgara>.panel{margin:0;min-width:0}
html:is([data-tema="halka"],[data-tema="halka-gece"]) .ana-izgara .hl-baslik{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin-bottom:8px}
html:is([data-tema="halka"],[data-tema="halka-gece"]) .ana-izgara h2{font-size:15px;margin:0}
html:is([data-tema="halka"],[data-tema="halka-gece"]) .ana-git{font-size:12.5px;color:var(--mavi);text-decoration:none;font-weight:600;white-space:nowrap}
html:is([data-tema="halka"],[data-tema="halka-gece"]) .ana-satir{display:flex;justify-content:space-between;gap:10px;padding:7px 0;border-bottom:1px solid var(--cizgi);font-size:13.5px}
html:is([data-tema="halka"],[data-tema="halka-gece"]) .ana-satir:last-child{border-bottom:0}
html:is([data-tema="halka"],[data-tema="halka-gece"]) .ana-satir[role="button"]{cursor:pointer}
html:is([data-tema="halka"],[data-tema="halka-gece"]) .ana-satir[role="button"]:hover span:first-child{text-decoration:underline}
html:is([data-tema="halka"],[data-tema="halka-gece"]) .ana-satir b{font-variant-numeric:tabular-nums;font-weight:650;text-align:right}
html:is([data-tema="halka"],[data-tema="halka-gece"]) .ana-buyuk{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:28px;font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:-.5px}
html:is([data-tema="halka"],[data-tema="halka-gece"]) .ana-cizgi{width:140px;height:36px;flex-shrink:0}
html:is([data-tema="halka"],[data-tema="halka-gece"]) .ana-cizgi polyline{fill:none;stroke:var(--yesil);stroke-width:2;stroke-linejoin:round;stroke-linecap:round}
html:is([data-tema="halka"],[data-tema="halka-gece"]) .ana-alt{margin:4px 0 8px;font-size:12px}
html:is([data-tema="halka"],[data-tema="halka-gece"]) .ana-hareket{display:grid;grid-template-columns:44px 1fr;gap:8px;padding:6px 0;border-bottom:1px solid var(--cizgi);font-size:13px}
html:is([data-tema="halka"],[data-tema="halka-gece"]) .ana-hareket:last-child{border-bottom:0}
@media(max-width:1100px){html:is([data-tema="halka"],[data-tema="halka-gece"]) .ana-izgara{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* TELEFON: sol menü KALKMAZ — ince ikon şeridi olarak sabit durur (Ekmel) */
@media(max-width:760px){
 html:is([data-tema="halka"],[data-tema="halka-gece"]) .yerlesim{flex-direction:row!important}
 html:is([data-tema="halka"],[data-tema="halka-gece"]) aside{width:58px!important;padding:10px 6px!important}
 html:is([data-tema="halka"],[data-tema="halka-gece"]) aside .marka .alt,
 html:is([data-tema="halka"],[data-tema="halka-gece"]) aside .saat,
 html:is([data-tema="halka"],[data-tema="halka-gece"]) nav .nav-grup,
 html:is([data-tema="halka"],[data-tema="halka-gece"]) nav a .et{display:none!important}
 html:is([data-tema="halka"],[data-tema="halka-gece"]) aside .marka img{width:44px!important}
 html:is([data-tema="halka"],[data-tema="halka-gece"]) aside .proje-sec{transform:scale(.8);transform-origin:left top;max-width:46px;overflow:hidden}
 html:is([data-tema="halka"],[data-tema="halka-gece"]) nav{display:block!important;overflow:visible!important}
 html:is([data-tema="halka"],[data-tema="halka-gece"]) nav .nav-kume{border-top:1px solid var(--cizgi);padding-top:6px}
 html:is([data-tema="halka"],[data-tema="halka-gece"]) nav a{justify-content:center;padding:10px 0!important;min-height:44px}
 html:is([data-tema="halka"],[data-tema="halka-gece"]) nav a svg{width:21px;height:21px}
 html:is([data-tema="halka"],[data-tema="halka-gece"]) nav a .nav-say{position:absolute;top:3px;right:2px;margin:0;font-size:9.5px;padding:1px 4px}
 html:is([data-tema="halka"],[data-tema="halka-gece"]) .arac-alt{display:flex!important;flex-direction:column;gap:6px;border-top:1px solid var(--cizgi);padding-top:8px;margin-top:8px}
 html:is([data-tema="halka"],[data-tema="halka-gece"]) .arac-alt button{width:44px;height:44px;padding:0 0 0 12px!important;overflow:hidden;white-space:nowrap;text-align:left;font-size:17px;margin:0 auto}
 html:is([data-tema="halka"],[data-tema="halka-gece"]) .cikis{display:block!important;margin-top:8px}
 html:is([data-tema="halka"],[data-tema="halka-gece"]) .cikis button{font-size:10.5px;padding:6px 4px;width:46px}
 html:is([data-tema="halka"],[data-tema="halka-gece"]) .icerik{flex:1;min-width:0;padding:12px!important}
 html:is([data-tema="halka"],[data-tema="halka-gece"]) .ana-kpi{grid-template-columns:repeat(2,minmax(0,1fr))}
 html:is([data-tema="halka"],[data-tema="halka-gece"]) .ana-izgara{grid-template-columns:1fr}
 html:is([data-tema="halka"],[data-tema="halka-gece"]) .ana-buyuk{font-size:23px}
}
/* proje seçici: masaüstünde ad, telefon şeridinde baş harf */
html:is([data-tema="halka"],[data-tema="halka-gece"]) .proje-sec .pbas{display:none}
@media(max-width:760px){
 html:is([data-tema="halka"],[data-tema="halka-gece"]) aside .proje-sec{transform:none;max-width:none;flex-direction:column;align-items:center;gap:4px}
 html:is([data-tema="halka"],[data-tema="halka-gece"]) aside .proje-sec button{width:34px;height:34px;padding:0;border-radius:50%;font-size:12px}
 html:is([data-tema="halka"],[data-tema="halka-gece"]) aside .proje-sec .pad{display:none}
 html:is([data-tema="halka"],[data-tema="halka-gece"]) aside .proje-sec .pbas{display:inline}
 /* halkalar telefonda kısa: 4 sütun, küçük halka */
 html:is([data-tema="halka"],[data-tema="halka-gece"]) .hl-ekip{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px 6px}
 html:is([data-tema="halka"],[data-tema="halka-gece"]) .hl-halka{width:min(100%,58px);margin-bottom:6px}
 html:is([data-tema="halka"],[data-tema="halka-gece"]) .hl-halka strong{font-size:16px}
 html:is([data-tema="halka"],[data-tema="halka-gece"]) .hl-kisi h3{font-size:11.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 html:is([data-tema="halka"],[data-tema="halka-gece"]) .hl-kisi p{font-size:0}
 html:is([data-tema="halka"],[data-tema="halka-gece"]) .hl-kisi p .hl-yas{font-size:10.5px;display:block}
 html:is([data-tema="halka"],[data-tema="halka-gece"]) .hl-kisi .hl-durum{font-size:10.5px}
}
/* denetim tur 1 (SY): yaş rengi, telefonda logo, FAB alanı, filtre çipleri tek satır, gömülü Ürün Merkezi başlığı */
html:is([data-tema="halka"],[data-tema="halka-gece"]) .hl-yas.hl-yas-amber{color:var(--amber);font-weight:650}
html:is([data-tema="halka"],[data-tema="halka-gece"]) .hl-yas.hl-yas-kirmizi{color:var(--kirmizi);font-weight:650}
html:is([data-tema="halka"],[data-tema="halka-gece"]) .hl-kisi[role="button"]{cursor:pointer;border-radius:12px}
html:is([data-tema="halka"],[data-tema="halka-gece"]) .hl-kisi[role="button"]:focus-visible,
html:is([data-tema="halka"],[data-tema="halka-gece"]) .ana-satir[role="button"]:focus-visible{outline:2px solid var(--mavi);outline-offset:3px}
@media(max-width:760px){
 html:is([data-tema="halka"],[data-tema="halka-gece"]) aside .marka{display:none}
 html:is([data-tema="halka"],[data-tema="halka-gece"]) .icerik{padding-bottom:96px!important}
 html:is([data-tema="halka"],[data-tema="halka-gece"]) #kisi-cipler,
 html:is([data-tema="halka"],[data-tema="halka-gece"]) #cipler{flex-wrap:nowrap!important;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:4px}
 html:is([data-tema="halka"],[data-tema="halka-gece"]) #kisi-cipler>*,
 html:is([data-tema="halka"],[data-tema="halka-gece"]) #cipler>*{flex-shrink:0}
}
html.gomulu #app > .ust{display:none}
/* denetim tur 2 (SY): "+" artık sabit sol menünün başında — içeriğin üstüne binmez (P2-03) */
html:is([data-tema="halka"],[data-tema="halka-gece"]) body.fab-var .talep-fab{display:none!important}
html:is([data-tema="halka"],[data-tema="halka-gece"]) nav a.nav-yeni{background:var(--mavi);color:#fff!important;font-weight:650;margin:4px 0 8px;justify-content:flex-start}
html:is([data-tema="halka"],[data-tema="halka-gece"]) nav a.nav-yeni svg{opacity:1}
@media(max-width:760px){html:is([data-tema="halka"],[data-tema="halka-gece"]) nav a.nav-yeni{justify-content:center;border-radius:12px}}
/* Ürün Merkezi (Ekmel: "sayfa içinde sayfa, sağı solu kesik"): iframe kabuksuz, pencereyi doldurur */
html:is([data-tema="halka"],[data-tema="halka-gece"]) #urunler-frame{border-radius:0;box-shadow:none;background:transparent;min-height:0}
html:is([data-tema="halka"],[data-tema="halka-gece"]) body.ekran-urunler .icerik{padding:10px 12px 0!important}
html:is([data-tema="halka"],[data-tema="halka-gece"]) body.ekran-urunler .ustbar{margin-bottom:6px}
/* 25/09 23:45 Ekmel: "sayfanın ortasında bir sayfa var" — Ürün Merkezi ekranında kart/çerçeve yok; iframe kenardan kenara */
html:is([data-tema="halka"],[data-tema="halka-gece"]) body.ekran-tam .icerik{background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;padding:0!important}
html:is([data-tema="halka"],[data-tema="halka-gece"]) body.ekran-tam .icerik > .ustbar{margin:0!important;padding:10px 24px;border-bottom:1px solid var(--cizgi)}
html:is([data-tema="halka"],[data-tema="halka-gece"]) body.ekran-tam :is(#urunler-frame,#takvim-frame,#kontrol-frame,#olu-frame){border:0!important;border-radius:0!important;display:block;width:100%}

/* 26/09 ÖLÇÜ STANDARDI (Ekmel: "sayfalar arası tutarsızlık", "ölçeklendirme hataları"): her ekranda içerik TEK SÜTUN —
   en fazla 1336 px içerik (1400 − 2×32), ortalı; başlık çubuğunun yazısı sütunla aynı hizada; kart/çerçeve yok.
   iframe ekranlarında (body.ekran-tam) sütunu sayfa kurar: gomulu-standart.css. Doğrulama: panel-deneme/olcek-olc.py */
html:is([data-tema="halka"],[data-tema="halka-gece"]) .icerik{max-width:none!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;padding:0 32px 40px!important}
html:is([data-tema="halka"],[data-tema="halka-gece"]) .icerik > .ustbar{margin:0 -32px 20px!important;padding:10px max(32px, calc((100% - 1336px) / 2 + 32px))!important;border-bottom:1px solid var(--cizgi)}
html:is([data-tema="halka"],[data-tema="halka-gece"]) body:not(.ekran-tam) .icerik > :not(.ustbar){max-width:1336px;margin-left:auto!important;margin-right:auto!important}
html:is([data-tema="halka"],[data-tema="halka-gece"]) body.ekran-tam .icerik{padding:0!important}
html:is([data-tema="halka"],[data-tema="halka-gece"]) body.ekran-tam .icerik > .ustbar{margin:0!important;padding:10px max(32px, calc((100% - 1336px) / 2))!important}
html:is([data-tema="halka"],[data-tema="halka-gece"]) iframe.gomulu{border:0!important;border-radius:0!important;box-shadow:none!important;display:block;width:100%}
@media(max-width:760px){html:is([data-tema="halka"],[data-tema="halka-gece"]) .icerik{padding:0 12px 96px!important}html:is([data-tema="halka"],[data-tema="halka-gece"]) .icerik > .ustbar{margin:0 -12px 12px!important;padding:8px 12px!important}html:is([data-tema="halka"],[data-tema="halka-gece"]) body.ekran-tam .icerik{padding:0!important}html:is([data-tema="halka"],[data-tema="halka-gece"]) body.ekran-tam .icerik > .ustbar{margin:0!important}}