/* panel2 telefon / tablet düzeni. html[data-yerlesim] head'deki erken betik ve arayuz.js tarafından konur:
   dikey = telefon ve dikey tablet: sahne üstte (~%55), altında kaydırılabilir alan, en altta sabit "MASTER'a yaz" + 5'li sekme;
   yatay = alçak yatay telefon: sahne solda, alan sağda. Masaüstü (masaustu) index.html'deki düzendir, burada dokunulmaz.
   Yükseklikler 100vh yerine sabit konum + ölçülen değişkenlerle (--sahne-h, --alt-h, --vv-alt): Safari adres çubuğu tuzağı yok. */
html:is([data-yerlesim="dikey"],[data-yerlesim="yatay"]){--ust-h:calc(56px + env(safe-area-inset-top));-webkit-text-size-adjust:100%}

/* ---------- üst çubuk: tek satır, 56 pt ---------- */
:is([data-yerlesim="dikey"],[data-yerlesim="yatay"]) .ustbar{height:var(--ust-h);gap:8px;padding:env(safe-area-inset-top) max(10px,env(safe-area-inset-right)) 0 max(12px,env(safe-area-inset-left))}
:is([data-yerlesim="dikey"],[data-yerlesim="yatay"]) .sekmeler,
:is([data-yerlesim="dikey"],[data-yerlesim="yatay"]) .marka small,
:is([data-yerlesim="dikey"],[data-yerlesim="yatay"]) .hap-yazi{display:none}
:is([data-yerlesim="dikey"],[data-yerlesim="yatay"]) .marka{gap:8px;min-width:44px;min-height:44px}   /* logo = yenile düğmesi: isabet ≥44 px */
:is([data-yerlesim="dikey"],[data-yerlesim="yatay"]) .marka b{font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
:is([data-yerlesim="dikey"],[data-yerlesim="yatay"]) .logo{width:28px;height:28px;flex:none}
:is([data-yerlesim="dikey"],[data-yerlesim="yatay"]) .hap{min-height:36px;padding:6px 10px;gap:6px}
:is([data-yerlesim="dikey"],[data-yerlesim="yatay"]) .saat-limit{gap:6px;margin-left:auto}
:is([data-yerlesim="dikey"],[data-yerlesim="yatay"]) .saat{font-size:12.5px;color:#6f6458}
:is([data-yerlesim="dikey"],[data-yerlesim="yatay"]) .limit{min-height:36px;padding:4px 9px 4px 6px}
:is([data-yerlesim="dikey"],[data-yerlesim="yatay"]) .ustbar .bosluk{display:none}
:is([data-yerlesim="dikey"],[data-yerlesim="yatay"]) #genel{width:44px;height:44px;padding:0;display:grid;place-items:center;flex:none}
:is([data-yerlesim="dikey"],[data-yerlesim="yatay"]) #genel .genis-yazi{display:none}
:is([data-yerlesim="dikey"],[data-yerlesim="yatay"]) #genel .dar-ikon{display:block;width:21px;height:21px}
/* dil: tek dokunuşluk düğme (yalnız öteki dil görünür: TR iken "EN") */
/* telefonda dil seçimi yalnız "Daha" menüsünde (etkin dil koyu dolgulu); üst çubukta yer kaplamaz */
:is([data-yerlesim="dikey"],[data-yerlesim="yatay"]) .ustbar .dil-sec{display:none}
/* çalışan sayısı telefonda logonun üstünde küçük rozet (hap logoya biniyordu); üst çubuk öğeleri sıkışmaz, üst üste binmez */
:is([data-yerlesim="dikey"],[data-yerlesim="yatay"]) .ustbar .hap{display:none}
/* sinema / Reis'le gez telefonda Daha menüsünde (üst çubukta yer yok) */
:is([data-yerlesim="dikey"],[data-yerlesim="yatay"]) .ustbar .mod-dugme{display:none}
:is([data-yerlesim="dikey"],[data-yerlesim="yatay"]) .ustbar>*{flex-shrink:0}
:is([data-yerlesim="dikey"],[data-yerlesim="yatay"]) .ustbar .marka{flex-shrink:1}
@media (max-width:374px){[data-yerlesim="dikey"] .saat{display:none}}
@media (max-width:640px){:is([data-yerlesim="dikey"],[data-yerlesim="yatay"]) #sesDugme{display:none}}
@media (max-width:440px){[data-yerlesim="dikey"] .marka b{display:none}}

/* ---------- sahne alanı ---------- */
/* tuval = görünen sahne alanı (sahne kabı): kadraj ve etiketler tuvalin kendi boyutunu okur; sayfa sürüklenirken
   arayuz.js boyutu canlı günceller */
[data-yerlesim="dikey"] #sahne{bottom:auto;height:var(--sahne-h)}
[data-yerlesim="yatay"] #sahne{right:auto;width:var(--sahne-w)}
[data-yerlesim="dikey"] .vinyet,[data-yerlesim="dikey"] #etiketler{bottom:auto;height:var(--sahne-h);overflow:hidden}
[data-yerlesim="yatay"] .vinyet,[data-yerlesim="yatay"] #etiketler{right:auto;width:var(--sahne-w);overflow:hidden}
/* telefonda etiketler küçük; uyuyan ajanın etiketi gizli (yalnız çalışan / bekleyen / biten görünür) */
:is([data-yerlesim="dikey"],[data-yerlesim="yatay"]) .etiket3d:not(.ehap):not(.nokta){padding:3px 7px 4px;border-radius:8px}
:is([data-yerlesim="dikey"],[data-yerlesim="yatay"]) .etiket3d .ad{font-size:11px}
:is([data-yerlesim="dikey"],[data-yerlesim="yatay"]) .etiket3d .ne,:is([data-yerlesim="dikey"],[data-yerlesim="yatay"]) .etiket3d .tok{font-size:12px}   /* okunurluk: en az 12 px */
:is([data-yerlesim="dikey"],[data-yerlesim="yatay"]) .etiket3d.uyku,:is([data-yerlesim="dikey"],[data-yerlesim="yatay"]) .etiket3d.alt{display:none}
:is([data-yerlesim="dikey"],[data-yerlesim="yatay"]) .etiket3d .balon{width:200px;font-size:11.5px}

/* ---------- alan: sahnenin altındaki kaydırılabilir bölüm ---------- */
:is([data-yerlesim="dikey"],[data-yerlesim="yatay"]) .alan{display:block;position:fixed;z-index:3;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;background:#f6efe4;box-shadow:0 -8px 30px rgba(90,70,50,.16)}
[data-yerlesim="dikey"] .alan{left:0;right:0;top:var(--sahne-h);bottom:var(--alt-h);border-radius:22px 22px 0 0;padding:0 max(12px,env(safe-area-inset-right)) 18px max(12px,env(safe-area-inset-left));transition:top .35s cubic-bezier(.2,.8,.2,1)}
html.alan-suruk .alan{transition:none}
[data-yerlesim="yatay"] .alan{left:var(--sahne-w);right:0;top:var(--ust-h);bottom:var(--alt-h);border-radius:18px 0 0 0;padding:10px max(12px,env(safe-area-inset-right)) 16px 12px}
[data-yerlesim="dikey"] .tutamak{display:flex;cursor:grab;position:sticky;top:0;z-index:2;justify-content:center;align-items:center;width:calc(100% + 24px);margin:0 -12px;height:30px;background:linear-gradient(#f6efe4 70%,rgba(246,239,228,0))}
[data-yerlesim="dikey"] .tutamak i{display:block;width:40px;height:5px;border-radius:3px;background:rgba(59,52,44,.22)}
[data-yerlesim="dikey"] .tutamak::after{content:"";position:absolute;inset:-7px 30% -7px 30%}   /* dokunma alanı ≥44 px */
:is([data-yerlesim="dikey"],[data-yerlesim="yatay"]) .selam{position:static;width:auto;padding:12px 14px;margin:0 0 10px;border-radius:16px}
:is([data-yerlesim="dikey"],[data-yerlesim="yatay"]) .selam .tarih{font-size:11.5px}
:is([data-yerlesim="dikey"],[data-yerlesim="yatay"]) .selam h1{font-size:21px;margin:0 0 4px}
:is([data-yerlesim="dikey"],[data-yerlesim="yatay"]) .selam p{font-size:13px;line-height:1.5}
:is([data-yerlesim="dikey"],[data-yerlesim="yatay"]) .sag{position:static;width:auto;display:flex;flex-direction:column;gap:10px}
:is([data-yerlesim="dikey"],[data-yerlesim="yatay"]) .kutu{padding:12px 12px 10px;border-radius:16px}
:is([data-yerlesim="dikey"],[data-yerlesim="yatay"]) .ceo-kutu{max-height:none}
:is([data-yerlesim="dikey"],[data-yerlesim="yatay"]) .akis-kutu{flex:none}   /* masaüstündeki flex:1 1 0 sütunda kutuyu sıfır yüksekliğe indiriyordu (başlık alttaki satırın üstüne biniyordu) */
:is([data-yerlesim="dikey"],[data-yerlesim="yatay"]) .kartlar{overflow:visible}
:is([data-yerlesim="dikey"],[data-yerlesim="yatay"]) .akis li:nth-child(n+8){display:none}
:is([data-yerlesim="dikey"],[data-yerlesim="yatay"]) .mod{position:static;justify-content:center;flex-wrap:wrap;margin:14px 0 2px;padding-bottom:4px}
/* sekme sayfası alanın içinde akar; Ofis dışındaki sekmede selam ve yan kutular gizlenir */
:is([data-yerlesim="dikey"],[data-yerlesim="yatay"]) .sayfa{position:static;display:none;padding:8px 2px 4px;background:none;border:0;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;overflow:visible;border-radius:0}
:is([data-yerlesim="dikey"],[data-yerlesim="yatay"]) .sayfa.acik{display:block}
:is([data-yerlesim="dikey"],[data-yerlesim="yatay"])[data-sekme]:not([data-sekme="ofis"]) .selam,
:is([data-yerlesim="dikey"],[data-yerlesim="yatay"])[data-sekme]:not([data-sekme="ofis"]) .sag{display:none}
:is([data-yerlesim="dikey"],[data-yerlesim="yatay"]) .sayfa h2{font-size:22px}
:is([data-yerlesim="dikey"],[data-yerlesim="yatay"]) .sayfa .alt{margin-bottom:12px}
:is([data-yerlesim="dikey"],[data-yerlesim="yatay"]) .izgara,
:is([data-yerlesim="dikey"],[data-yerlesim="yatay"]) .p2-kartlar,
:is([data-yerlesim="dikey"],[data-yerlesim="yatay"]) .m-izgara{grid-template-columns:1fr}
:is([data-yerlesim="dikey"],[data-yerlesim="yatay"]) .sayfa table{display:block;overflow-x:auto;max-width:100%}
:is([data-yerlesim="dikey"],[data-yerlesim="yatay"]) .ozet-sayilar div{min-width:0;flex:1 1 140px}
:is([data-yerlesim="dikey"],[data-yerlesim="yatay"]) .gz-cerceve{height:72vh}
:is([data-yerlesim="dikey"],[data-yerlesim="yatay"]) .b-sat{grid-template-columns:minmax(80px,38%) 1fr 48px;gap:8px}
:is([data-yerlesim="dikey"],[data-yerlesim="yatay"]) .b-kutu b{font-size:22px}
@media (min-width:640px){
  [data-yerlesim="dikey"] .sag{display:grid;grid-template-columns:1fr 1fr;align-items:start}
  [data-yerlesim="dikey"] .p2-kartlar,[data-yerlesim="dikey"] .m-izgara,[data-yerlesim="dikey"] .izgara{grid-template-columns:repeat(2,minmax(0,1fr))}
}

/* ---------- dokunma hedefleri ≥44 px ---------- */
:is([data-yerlesim="dikey"],[data-yerlesim="yatay"]) .pk-dug button,
:is([data-yerlesim="dikey"],[data-yerlesim="yatay"]) .pk-dug a{min-height:44px;padding:0 14px;font-size:13.5px;border-radius:12px}
:is([data-yerlesim="dikey"],[data-yerlesim="yatay"]) .pk-ayr summary,
:is([data-yerlesim="dikey"],[data-yerlesim="yatay"]) .p2-satirlar summary,
:is([data-yerlesim="dikey"],[data-yerlesim="yatay"]) .b-not summary{min-height:44px}
:is([data-yerlesim="dikey"],[data-yerlesim="yatay"]) .p2-suzgec{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin-right:-12px;padding-right:12px}
:is([data-yerlesim="dikey"],[data-yerlesim="yatay"]) .p2-suzgec::-webkit-scrollbar{display:none}
:is([data-yerlesim="dikey"],[data-yerlesim="yatay"]) .p2-suzgec button{min-height:44px;flex:none}
:is([data-yerlesim="dikey"],[data-yerlesim="yatay"]) .m-lnk{min-height:44px}
:is([data-yerlesim="dikey"],[data-yerlesim="yatay"]) .p2-hepsi{min-height:44px}
:is([data-yerlesim="dikey"],[data-yerlesim="yatay"]) .katla-bas{min-height:44px}
:is([data-yerlesim="dikey"],[data-yerlesim="yatay"]) .katla-ok{width:44px;height:44px;margin-right:-8px}
:is([data-yerlesim="dikey"],[data-yerlesim="yatay"]) .pk-kodla{min-height:44px}
:is([data-yerlesim="dikey"],[data-yerlesim="yatay"]) .izgara .kart button.git,
:is([data-yerlesim="dikey"],[data-yerlesim="yatay"]) .ajan-liste button{min-height:44px}
:is([data-yerlesim="dikey"],[data-yerlesim="yatay"]) .yetenek{min-height:44px}
:is([data-yerlesim="dikey"],[data-yerlesim="yatay"]) .mod .atif{display:inline-flex;align-items:center}

/* ---------- ajan detayı: alttan açılan sayfa ---------- */
/* sayfa açıkken üstte sahnenin ~150 px'i görünür kalır: dokunulan ajan/oda o şeride yakınlaşır */
[data-yerlesim="dikey"] .panel{top:auto;left:0;right:0;bottom:0;width:auto;max-height:min(86%,calc(100% - var(--ust-h) - 150px));border-radius:22px 22px 0 0;transform:translateY(110%);z-index:9;overscroll-behavior:contain;
  padding:30px max(18px,env(safe-area-inset-right)) calc(24px + env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-left));box-shadow:0 -12px 40px rgba(90,70,50,.28)}
[data-yerlesim="dikey"] .panel.acik{transform:none}
[data-yerlesim="dikey"] .panel::before{content:"";position:absolute;top:10px;left:50%;width:40px;height:5px;margin-left:-20px;border-radius:3px;background:rgba(59,52,44,.22)}
[data-yerlesim="yatay"] .panel{top:var(--ust-h);bottom:0;right:0;left:var(--sahne-w);width:auto;border-radius:18px 0 0 0;z-index:9;padding:20px max(18px,env(safe-area-inset-right)) calc(18px + env(safe-area-inset-bottom)) 18px}
:is([data-yerlesim="dikey"],[data-yerlesim="yatay"]) .panel .kapat{width:44px;height:44px;top:10px;right:10px;font-size:24px}
:is([data-yerlesim="dikey"],[data-yerlesim="yatay"]) .panel h2{padding-right:44px}

/* ---------- alt çubuk: MASTER'a yaz + 5'li sekme ---------- */
:is([data-yerlesim="dikey"],[data-yerlesim="yatay"]) .altcubuk{display:block;position:fixed;z-index:7;right:0;bottom:var(--vv-alt);background:rgba(250,245,237,.96);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-top:1px solid rgba(59,52,44,.1);
  padding:6px max(10px,env(safe-area-inset-right)) env(safe-area-inset-bottom) max(10px,env(safe-area-inset-left))}
[data-yerlesim="dikey"] .altcubuk{left:0}
[data-yerlesim="yatay"] .altcubuk{left:var(--sahne-w)}
:is([data-yerlesim="dikey"],[data-yerlesim="yatay"]) .komut{position:static;transform:none;left:auto;bottom:auto;width:auto;gap:6px;padding:4px 4px 4px 4px;border-radius:16px;background:#fff;border:1px solid rgba(59,52,44,.12);box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}
:is([data-yerlesim="dikey"],[data-yerlesim="yatay"]) .komut input{font-size:16px;min-height:44px;padding:8px 4px}
:is([data-yerlesim="dikey"],[data-yerlesim="yatay"]) .komut .gonder{min-height:44px;padding:0 16px;border-radius:12px;box-shadow:none}
:is([data-yerlesim="dikey"],[data-yerlesim="yatay"]) .sohbet-dugme{min-height:44px;min-width:44px;justify-content:center;padding:0 4px}
:is([data-yerlesim="dikey"],[data-yerlesim="yatay"]) .altnav{display:flex;height:54px;margin:2px -6px 0}
.altnav button{position:relative;flex:1 1 0;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-size:12px;font-weight:600;color:#8a7f72;border-radius:12px;-webkit-tap-highlight-color:transparent}
.altnav button svg{width:22px;height:22px}
.altnav button span{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.altnav button.secili{color:var(--murekkep)}
.altnav button.secili svg{color:var(--mercan-k)}
.altnav button:active{background:rgba(59,52,44,.06)}
.altnav .rozet{position:absolute;top:3px;left:calc(50% + 5px);margin:0}
html.klavye .altnav{display:none}
html.klavye .altcubuk{padding-bottom:8px}

/* ---------- sohbet: tam ekran (üst çubuk ile yazı kutusu arası) ---------- */
:is([data-yerlesim="dikey"],[data-yerlesim="yatay"]) .sohbet{transform:none;width:auto;max-height:none;top:calc(var(--ust-h) + var(--vv-ust) + 6px);bottom:calc(var(--alt-h) + var(--vv-alt));border-radius:20px 20px 0 0;border-bottom:0;box-shadow:0 -10px 34px rgba(90,70,50,.2)}
[data-yerlesim="dikey"] .sohbet{left:6px;right:6px}
[data-yerlesim="yatay"] .sohbet{left:var(--sahne-w);right:0}
:is([data-yerlesim="dikey"],[data-yerlesim="yatay"]) .sb{font-size:14.5px;max-width:90%}

[data-yerlesim="yatay"] .daha-menu:not([hidden]){display:grid;grid-template-columns:1fr 1fr;width:min(440px,calc(100% - var(--sahne-w) - 20px))}
[data-yerlesim="yatay"] .daha-menu>button,[data-yerlesim="yatay"] .daha-menu>a{min-height:44px;font-size:14px;gap:10px}

/* ---------- tost: alt çubuğun üstünde ---------- */
:is([data-yerlesim="dikey"],[data-yerlesim="yatay"]) .tost{left:50%;bottom:calc(var(--alt-h) + var(--vv-alt) + 10px);max-width:calc(100% - 24px);z-index:10;text-align:center}
[data-yerlesim="yatay"] .tost{left:calc(var(--sahne-w) + (100% - var(--sahne-w)) / 2)}
.tost.hata{background:#fbe3df;border-color:#f2b8ae;color:#7a2e27}
.tost.uyari{background:#fbf0d6;border-color:#ecd28c;color:#6e5212}
.tost.iyi{background:#e3f3e6;border-color:#b7dcbf;color:#24563a}