.sagtik-menu{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;}
.sagtik-menu .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;}

.sagtik-menu button{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;}
.sagtik-menu button:nth-last-of-type(1){border-bottom:0;}

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

.sagtik-menu button 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;}
.sagtik-menu button:hover i{color:#1e2d5a !important;}

.sagtik-menu .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;}

.sagtik-menu .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);}

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

.sagtik-menu .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;}
.sagtik-menu .sagtik-menuac:hover > i{color:#1e2d5a !important;}
.sagtik-menu .sagtik-menuac .sagok{position:absolute; right:6px; top:50%; transform:translateY(-50%); width:16px; font-size:9px; color:#94a3b8; transition:color .12s;}
.sagtik-menu .sagtik-menuac:hover .sagok{background:none; color:#1e2d5a !important;}
.sagtik-menu .sagtik-menuac > .sagtik-acilirmenu{display:none;}
.sagtik-menu .sagtik-menuac:hover > .sagtik-acilirmenu{display:block;}
.sagtik-menu .sagtik-menuac.acik > .sagtik-acilirmenu{display:block;}

.sagtik-mobil-btn{position:absolute; left:2px; top:2px; width:20px; height:20px; line-height:20px; text-align:center !important; font-size:11px; color:#64748b; background:rgba(255,255,255,0.92); border:1px solid rgba(0,0,0,0.10); border-radius:6px; cursor:pointer; z-index:5; transition:background .12s, color .12s; display:none;}
.sagtik-mobil-btn:active{background:#eef2ff; color:#1e2d5a;}

table[data-tablotipi="kart-sb-yanyana"] .sagtik-mobil-btn{top:0px; left:0px; width:20px; height:20px; line-height:20px; font-size:10px; background:#4a67b3 ; color:#fff; border-radius:0 0 10px 0;}

@media (pointer: coarse), (max-width: 768px) {
    .sagtik-mobil-btn{display:inline-block;}
}