/* V29 SAFE DOCK + DRAG
   Built from the last working V26. Scope: #hotbar only. */
#hotbar{
  position:relative!important;
  isolation:isolate!important;
  overflow:visible!important;
  border:1px solid #0876aa!important;
  border-radius:6px!important;
  background:linear-gradient(180deg,rgba(3,24,39,.99),rgba(1,13,23,.995))!important;
  box-shadow:
    inset 0 0 0 1px rgba(0,197,255,.12),
    inset 0 7px 16px rgba(8,63,92,.18)!important;
}
/* Outer angular dock. It lives behind #hotbar and cannot cover neighboring HUD modules. */
#hotbar::before{
  content:""!important;
  position:absolute!important;
  inset:-8px!important;
  z-index:-2!important;
  pointer-events:none!important;
  background:linear-gradient(180deg,#0bb7eb 0%,#057fb3 32%,#03496f 100%)!important;
  clip-path:polygon(12px 0,calc(100% - 12px) 0,100% 12px,100% calc(100% - 12px),calc(100% - 12px) 100%,12px 100%,0 calc(100% - 12px),0 12px)!important;
  filter:drop-shadow(0 3px 5px rgba(0,0,0,.55))!important;
}
#hotbar::after{
  content:""!important;
  position:absolute!important;
  left:50%!important;
  top:-8px!important;
  width:46px!important;
  height:4px!important;
  z-index:5!important;
  transform:translateX(-50%)!important;
  pointer-events:none!important;
  background:linear-gradient(90deg,transparent 0 8%,#ffb800 18%,#ffe05a 50%,#ffb800 82%,transparent 92%)!important;
  clip-path:polygon(8px 0,calc(100% - 8px) 0,100% 50%,calc(100% - 8px) 100%,8px 100%,0 50%)!important;
  box-shadow:0 0 5px rgba(255,187,0,.35)!important;
}
/* Dark inset trims the cyan dock to a clean 3px-ish outer frame. */
#hotbar > .action-slot{z-index:2!important}
#hotbar .action-slot[draggable="true"]{cursor:grab!important}
#hotbar .action-slot[draggable="true"]:active{cursor:grabbing!important}
#hotbar .action-slot.zk-hotbar-dragging{
  opacity:.30!important;
  filter:brightness(.72) saturate(.7)!important;
}
#hotbar .action-slot.zk-hotbar-drop-target{
  background-image:url('assets/ui/hotbar_v26/slot_selected.png')!important;
  filter:brightness(1.10)!important;
}
#hotbar .action-slot.zk-hotbar-drop-target::before{
  content:""!important;
  position:absolute!important;
  inset:3px!important;
  z-index:6!important;
  pointer-events:none!important;
  border:1px solid rgba(255,211,44,.95)!important;
  border-radius:3px!important;
}
#hotbar .action-slot img{pointer-events:none!important;-webkit-user-drag:none!important}