/* GECIS YOK. erp.css › Temel'te "button, a, span, i {transition:.2s}" kurali var;
   ozellik yazilmadigi icin bu "all" demek ve bu paneller <span>. Konumlarini JS
   belirledigi icin left/top degisimi de animasyonlaniyordu: menu olculurken
   left:0/top:0'a alindigindan sol ustten imlece dogru KAYARAK geliyordu.
   Giris animasyonu ayri; o transition degil, keyframe. */
:is(.sagtik-menu, .solmenu-kanat){transition:none;}

:is(.sagtik-menu, .solmenu-kanat){position:absolute; display:inline-block; width:auto; padding:4px; font-size:12px; background:#fff; border:1px solid rgba(0,0,0,0.08); border-radius:10px; box-shadow:0 8px 24px rgba(0,0,0,0.13),0 2px 6px rgba(0,0,0,0.06); z-index:999;}
:is(.sagtik-menu, .solmenu-kanat) .kapat{position:absolute; width:30px; height:30px; top:-30px; left:20px; display:none; border-radius:10px 10px 0 0; text-align:center; line-height:30px;}

:is(.sagtik-menu, .solmenu-kanat) :is(button, a){display:flex; width:100%; text-align:left; background:none; color:#1e293b; white-space:nowrap; border-bottom:1px solid rgba(0,0,0,0.06); padding:0; overflow:hidden; border-radius:6px; transition:background .12s;}
:is(.sagtik-menu, .solmenu-kanat) :is(button, a):last-child{border-bottom:0;}

:is(.sagtik-menu, .solmenu-kanat) :is(button, a) span{height:34px; line-height:34px; padding:0 14px; border-left:1px solid rgba(0,0,0,0.07); flex:1;}
:is(.sagtik-menu, .solmenu-kanat) :is(button, a):hover{background:#eef2ff; border-radius:6px;}

:is(.sagtik-menu, .solmenu-kanat) :is(button, a) i{width:34px; height:34px; line-height:34px; font-size:12px; text-align:center; transition:color .12s; display:inline-block; color:#64748b; flex-shrink:0;}
:is(.sagtik-menu, .solmenu-kanat) :is(button, a):hover i{color:#1e2d5a !important;}

:is(.sagtik-menu, .solmenu-kanat) .sagtik-menuac{display:flex; width:100%; text-align:left; background:none; color:#1e293b; white-space:nowrap; border-top:1px solid rgba(0,0,0,0.06); padding:0; position:relative; border-radius:6px; transition:background .12s;}

:is(.sagtik-menu, .solmenu-kanat) .sagtik-menuac > span.sagtik-acilirmenu{height:auto; padding:4px; border-radius:10px; position:absolute; left:100%; top:0; background:#fff; box-shadow:0 8px 24px rgba(0,0,0,0.13),0 2px 6px rgba(0,0,0,0.06); min-width:100%; border:1px solid rgba(0,0,0,0.08);}

:is(.sagtik-menu, .solmenu-kanat) .sagtik-menuac > :is(span, a){height:34px; line-height:34px; padding:0 22px 0 14px; border-left:1px solid rgba(0,0,0,0.07); flex:1;}
:is(.sagtik-menu, .solmenu-kanat) .sagtik-menuac:hover{background:#eef2ff;}

:is(.sagtik-menu, .solmenu-kanat) .sagtik-menuac > i{width:34px; height:34px; line-height:34px; font-size:12px; text-align:center; transition:color .12s; display:inline-block; color:#64748b; flex-shrink:0;}
:is(.sagtik-menu, .solmenu-kanat) .sagtik-menuac:hover > i{color:#1e2d5a !important;}
:is(.sagtik-menu, .solmenu-kanat) .sagtik-menuac .sagok{position:absolute; right:6px; top:50%; transform:translateY(-50%); width:16px; font-size:9px; color:#94a3b8; transition:color .12s;}
:is(.sagtik-menu, .solmenu-kanat) .sagtik-menuac:hover .sagok{background:none; color:#1e2d5a !important;}
:is(.sagtik-menu, .solmenu-kanat) .sagtik-menuac > .sagtik-acilirmenu{display:none;}
:is(.sagtik-menu, .solmenu-kanat) .sagtik-menuac:hover > .sagtik-acilirmenu{display:block;}
:is(.sagtik-menu, .solmenu-kanat) .sagtik-menuac.acik > .sagtik-acilirmenu{display:block;}

.sagtik{-webkit-touch-callout:none;}


/* Sol menuden acilan kanat. Gorunum sagtik menusunun aynisi (yukaridaki ortak
   seciciler), farki: body'ye eklenip menu ogesinin sagina sabitleniyor.
   sol menu kabi overflow:hidden oldugu icin iceride acilamaz. */
.solmenu-kanat{position:fixed; z-index:1000;}
.solmenu-kanat :is(button, a){text-decoration:none;}
.solmenu-kanat .sagtik-menuac > a{width:auto;}

/* Kanat sol menunun devami: yazi boyu alt menuyle ayni olsun (10px). Olculer
   yalniz .solmenu-kanat'a yaziliyor - sag tik menusu ayni kurallari paylasiyor,
   onun boyutlari degismemeli. */
.solmenu-kanat{font-size:10px;}
.solmenu-kanat :is(button, a) span,
.solmenu-kanat .sagtik-menuac > :is(span, a){font-size:10px; height:30px; line-height:30px;}
.solmenu-kanat :is(button, a) i,
.solmenu-kanat .sagtik-menuac > i{width:28px; height:30px; line-height:30px; font-size:11px;}

/* Giris: KUTU yerinde duruyor, yalniz siliniyor - imlecin dibinde acildigi icin
   kutunun ayrica hareket etmesi "bir yerden ucup geldi" hissi veriyordu.
   Asil is satirlarda: her biri soldan ve biraz yukaridan, belirgin bir gecikmeyle
   doluyor. Kare dizisi asagida, yalniz sag tik menusune ait. */
/* Kutu yerinde duruyor, yalniz siliniyor. Sag tik menusu tekil ve yeniden
   kullanildigi icin sinifla tetikleniyor (girisOynat siniflari yeniliyor);
   sol menu kanadi her acilista sifirdan uretildigi icin sinifa gerek yok. */
.sagtik-menu.sagtik-giris,
.solmenu-kanat{animation:sagtikKutu .12s ease-out;}
@keyframes sagtikKutu{from{opacity:0;} to{opacity:1;}}

/* Asil is satirlarda: her biri soldan ve biraz yukaridan, belirgin gecikmeyle. */
:is(.sagtik-menu.sagtik-giris, .solmenu-kanat) > :is(button, a, .sagtik-menuac){
    animation:sagtikSatir .34s cubic-bezier(.32,.72,0,1) backwards;
    animation-delay:calc(min(var(--sira, 0), 8) * 42ms);
}
@keyframes sagtikSatir{
    from{opacity:0; transform:translate(-14px, -4px);}
    to{opacity:1; transform:none;}
}

/* Alt kademe: cercevesi yerinde, satirlari doluyor. Hover ile geldigi icin daha kisa. */
:is(.sagtik-menu, .solmenu-kanat) .sagtik-menuac:hover > .sagtik-acilirmenu{
    animation:sagtikKutu .12s ease-out;
}
:is(.sagtik-menu, .solmenu-kanat) .sagtik-menuac:hover > .sagtik-acilirmenu > :is(button, a){
    animation:sagtikSatir .3s cubic-bezier(.32,.72,0,1) backwards;
    animation-delay:calc(min(var(--sira, 0), 8) * 34ms);
}

@media (prefers-reduced-motion: reduce){
    .sagtik-menu.sagtik-giris,
    .solmenu-kanat,
    :is(.sagtik-menu.sagtik-giris, .solmenu-kanat) > :is(button, a, .sagtik-menuac),
    :is(.sagtik-menu, .solmenu-kanat) .sagtik-menuac:hover > .sagtik-acilirmenu,
    :is(.sagtik-menu, .solmenu-kanat) .sagtik-menuac:hover > .sagtik-acilirmenu > :is(button, a){animation:none;}
}