/* V37 — PROFESSIONAL DOCK REFINEMENT
   Final polish over V36. No static gameplay bars: HP/KI/EXP/STA are live DOM fills.
   Keeps the V32 art and V34/V35 interaction logic intact. */

/* ---------- STATUS: exact live overlays over the painted reference asset ---------- */
html body[data-ui-profile] .hunter-status .hud-meter-line{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  margin:0!important;
  padding:0!important;
  pointer-events:none!important;
}

html body[data-ui-profile] .hunter-status .hud-meter-line .meter,
html body[data-ui-profile] .hunter-status .xp-meter,
html body[data-ui-profile] .hunter-status .stamina{
  position:absolute!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:999px!important;
  background:linear-gradient(180deg,#041321 0%,#020914 55%,#020812 100%)!important;
  box-shadow:
    inset 0 1px 1px rgba(76,213,255,.17),
    inset 0 -1px 2px rgba(0,0,0,.88),
    inset 0 0 7px rgba(0,104,169,.17)!important;
  overflow:visible!important;
}

/* Positions are matched to the actual recesses of status_panel.png (1394x515). */
html body[data-ui-profile] .hunter-status .hp-line .meter{
  left:22.75%!important; top:23.30%!important; width:45.35%!important; height:9.55%!important;
}
html body[data-ui-profile] .hunter-status .ki-line .meter{
  left:20.35%!important; top:42.20%!important; width:47.75%!important; height:9.55%!important;
}
html body[data-ui-profile] .hunter-status .xp-meter{
  left:18.45%!important; top:61.25%!important; width:49.30%!important; height:8.65%!important;
}
html body[data-ui-profile] .hunter-status .stamina{
  left:18.55%!important; top:79.65%!important; width:48.55%!important; height:8.55%!important;
  display:block!important;
}

/* Live fills. Width continues to be written by game.js. */
html body[data-ui-profile] .hunter-status .meter i{
  position:absolute!important;
  left:0!important;
  top:0!important;
  height:100%!important;
  min-width:0!important;
  max-width:100%!important;
  border-radius:999px!important;
  overflow:hidden!important;
  clip-path:inset(0 round 999px)!important;
  transition:width .18s ease-out!important;
  box-shadow:
    inset 0 1px 1px rgba(255,255,255,.43),
    inset 0 -1px 2px rgba(0,0,0,.24),
    0 0 5px rgba(64,200,255,.16)!important;
}
html body[data-ui-profile] .hunter-status .hp-line .meter i{
  background:linear-gradient(90deg,#e72a14 0%,#f35317 52%,#ffc52c 100%)!important;
}
html body[data-ui-profile] .hunter-status .ki-line .meter i{
  background:linear-gradient(90deg,#0879ef 0%,#08c3ee 58%,#75eeff 100%)!important;
}
html body[data-ui-profile] .hunter-status .xp-meter i{
  background:linear-gradient(90deg,#f2a900 0%,#ffd02f 62%,#fff173 100%)!important;
}
html body[data-ui-profile] .hunter-status .stamina i{
  background:linear-gradient(90deg,#08aeba 0%,#32dbe6 58%,#88f8ff 100%)!important;
}

/* Subtle glass highlight inside every dynamic track, independent from fill %. */
html body[data-ui-profile] .hunter-status .hud-meter-line .meter::after,
html body[data-ui-profile] .hunter-status .xp-meter::after,
html body[data-ui-profile] .hunter-status .stamina::after{
  content:""!important;
  position:absolute!important;
  left:1.5%!important; right:1.5%!important; top:8%!important; height:28%!important;
  border-radius:999px!important;
  background:linear-gradient(180deg,rgba(255,255,255,.11),rgba(255,255,255,0))!important;
  pointer-events:none!important;
  z-index:3!important;
}

/* HP/KI live values replace the baked 0/0 and are allowed outside the fill track. */
html body[data-ui-profile] .hunter-status .hud-meter-line .meter span{
  position:absolute!important;
  left:104.2%!important;
  top:-7%!important;
  width:40.2%!important;
  height:114%!important;
  display:grid!important;
  place-items:center!important;
  margin:0!important;
  padding:0 2px!important;
  border:0!important;
  border-radius:6px!important;
  background:linear-gradient(180deg,#071827 0%,#04101c 100%)!important;
  box-shadow:inset 0 0 0 1px rgba(18,83,128,.28),inset 0 0 8px rgba(0,0,0,.28)!important;
  color:#f7fbff!important;
  font:800 clamp(7px,.50vw,9.4px)/1 Arial,sans-serif!important;
  letter-spacing:-.18px!important;
  text-shadow:0 1px 2px #000!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  z-index:5!important;
}

/* EXP value and level are separate live nodes. */
html body[data-ui-profile] .hunter-status .hud-exp{
  position:absolute!important;
  left:69.75%!important;
  top:60.75%!important;
  width:18.45%!important;
  height:10.35%!important;
  display:grid!important;
  place-items:center!important;
  padding:0 2px!important;
  margin:0!important;
  border:0!important;
  border-radius:6px!important;
  background:linear-gradient(180deg,#071827 0%,#04101c 100%)!important;
  box-shadow:inset 0 0 0 1px rgba(18,83,128,.28),inset 0 0 8px rgba(0,0,0,.28)!important;
  color:#fff1ba!important;
  font:800 clamp(6.5px,.46vw,8.7px)/1 Arial,sans-serif!important;
  letter-spacing:-.22px!important;
  text-shadow:0 1px 2px #000!important;
  white-space:nowrap!important;
  overflow:hidden!important;
}
html body[data-ui-profile] .hunter-status .hud-row b{
  left:12.15%!important;
  top:65.0%!important;
  width:8.1%!important;
  height:7.5%!important;
  display:grid!important;
  place-items:center!important;
}
html body[data-ui-profile] .hunter-status .hud-row b #levelHud{
  font:900 clamp(6.8px,.48vw,9px)/1 Arial,sans-serif!important;
  color:#ffe25a!important;
  text-shadow:0 1px 2px #000,0 0 3px rgba(255,188,20,.20)!important;
}

/* STA time replaces the baked 0/0; no static value remains visible. */
html body[data-ui-profile] .hunter-status #staminaText2{
  position:absolute!important;
  left:69.35%!important;
  top:78.95%!important;
  width:16.15%!important;
  height:10.15%!important;
  display:grid!important;
  place-items:center!important;
  padding:0 2px!important;
  margin:0!important;
  border:0!important;
  border-radius:6px!important;
  background:linear-gradient(180deg,#071827 0%,#04101c 100%)!important;
  box-shadow:inset 0 0 0 1px rgba(18,83,128,.28),inset 0 0 8px rgba(0,0,0,.28)!important;
  color:#dffcff!important;
  font:800 clamp(6.5px,.46vw,8.7px)/1 Arial,sans-serif!important;
  letter-spacing:-.18px!important;
  text-shadow:0 1px 2px #000!important;
  white-space:nowrap!important;
  overflow:hidden!important;
}

/* ---------- CENTER: cleaner grid rhythm and restrained interaction polish ---------- */
html body[data-ui-profile] #hotbar{
  column-gap:1.15%!important;
  row-gap:5.4%!important;
}
html body[data-ui-profile] #hotbar .action-slot{
  transition:filter .12s ease, box-shadow .12s ease!important;
}
html body[data-ui-profile] #hotbar .action-slot:hover{
  background:rgba(35,171,235,.045)!important;
  box-shadow:inset 0 0 0 1px rgba(103,220,255,.24),0 0 7px rgba(0,158,231,.12)!important;
}
html body[data-ui-profile] #hotbar .action-slot img{
  width:74%!important;
  height:74%!important;
  filter:drop-shadow(0 1px 1px rgba(0,0,0,.55))!important;
}
html body[data-ui-profile] #hotbar .action-slot .empty-plus{
  color:#92abc0!important;
  opacity:.86!important;
  font-weight:400!important;
  transition:color .12s ease,opacity .12s ease,text-shadow .12s ease!important;
}
html body[data-ui-profile] #hotbar .action-slot.empty:hover .empty-plus{
  color:#e6faff!important;
  opacity:1!important;
  text-shadow:0 1px 2px #000,0 0 7px rgba(60,205,255,.48)!important;
}

/* Headers remain aligned to the art but gain consistent text rendering. */
html body[data-ui-profile] .hunter-centerbar .hunter-quick{
  align-items:stretch!important;
}
html body[data-ui-profile] .hunter-centerbar .hunter-quick button{
  font-family:Arial,sans-serif!important;
  letter-spacing:.08px!important;
  text-shadow:0 1px 2px rgba(0,0,0,.72)!important;
}

/* ---------- RIGHT: symmetry, cleaner controls, same visual language as the left join ---------- */
html body[data-ui-profile] .hunter-centerbar .combat-settings{
  filter:drop-shadow(0 2px 3px rgba(0,0,0,.20))!important;
}
html body[data-ui-profile] .hunter-centerbar .combat-settings .dropdown-trigger,
html body[data-ui-profile] .hunter-centerbar .combat-settings select{
  transition:background .12s ease,color .12s ease,box-shadow .12s ease!important;
}
html body[data-ui-profile] .hunter-centerbar .combat-settings .dropdown-trigger:hover,
html body[data-ui-profile] .hunter-centerbar .combat-settings select:hover{
  background:#081a29!important;
  box-shadow:inset 0 0 0 1px rgba(71,195,255,.12)!important;
}
html body[data-ui-profile] .hunter-centerbar .zk-v34-consumable{
  transition:background .12s ease,box-shadow .12s ease!important;
}
html body[data-ui-profile] .hunter-centerbar .zk-v34-consumable:hover{
  background:rgba(45,190,255,.065)!important;
  box-shadow:inset 0 0 0 1px rgba(109,225,255,.34),0 0 6px rgba(0,160,230,.10)!important;
}
html body[data-ui-profile] .hunter-centerbar .zk-v34-consumable img{
  width:78%!important;
  height:78%!important;
  filter:drop-shadow(0 1px 1px rgba(0,0,0,.55))!important;
}

/* Identical connector geometry on both sides of the hotbar. */
html body[data-ui-profile] .hunter-footer::before,
html body[data-ui-profile] .hunter-centerbar::after{
  top:42.5%!important;
  height:19%!important;
  min-height:19px!important;
  width:28px!important;
  clip-path:polygon(0 22%,20% 0,80% 0,100% 22%,100% 78%,80% 100%,20% 100%,0 78%)!important;
  background:
    linear-gradient(180deg,rgba(31,224,255,.96) 0 7%,transparent 7% 17%,rgba(5,31,59,.99) 17% 83%,transparent 83% 93%,rgba(25,161,255,.95) 93% 100%),
    linear-gradient(90deg,#07182c 0%,#0c5a9c 34%,#082d58 50%,#0c5a9c 66%,#07182c 100%)!important;
  box-shadow:0 0 6px rgba(0,176,255,.42),inset 0 0 0 1px rgba(101,225,255,.50)!important;
}
html body[data-ui-profile] .hunter-footer::before{
  left:-15px!important;
}
html body[data-ui-profile] .hunter-centerbar::after{
  left:calc(var(--zk35-center-w) - 15px)!important;
}

/* Keep all three modules on exactly one visual baseline. */
html body[data-ui-profile] .hunter-status,
html body[data-ui-profile] .hunter-footer,
html body[data-ui-profile] .hunter-centerbar .combat-settings{
  bottom:9px!important;
}
html body[data-ui-profile] .hunter-centerbar .combat-settings{bottom:auto!important}

/* Preserve the stronger V35 presence on normal desktop widths; do not shrink the dock just because viewport is ~1320-1500px. */
@media (min-width:1181px){
  :root{
    --zk35-h:clamp(124px,7.25vw,136px);
    --zk35-status-w:clamp(330px,19vw,360px);
    --zk35-center-w:clamp(520px,30vw,560px);
    --zk35-right-w:clamp(300px,17.6vw,330px);
  }
}


/* ---------- V38: hunt quickbar actions use DBO-styled buttons, distinct from lobby ---------- */
html body[data-ui-profile] .hunter-centerbar .hunter-quick.hunt-mode{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:4px!important;
  padding:3px 5px!important;
  background:linear-gradient(180deg,rgba(8,18,28,.96),rgba(5,11,18,.96))!important;
  border-bottom:1px solid rgba(34,87,126,.82)!important;
  box-shadow:inset 0 -1px 0 rgba(0,0,0,.45)!important;
}
html body[data-ui-profile] .hunter-centerbar .hunter-quick.hunt-mode button{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:auto!important;
  min-width:0!important;
  height:25px!important;
  padding:0 10px!important;
  border:1px solid #2c5d87!important;
  border-radius:5px!important;
  background:linear-gradient(180deg,#15324a 0%,#0b1f31 52%,#091927 100%)!important;
  color:#d9ecff!important;
  font:700 10px/1 Arial,sans-serif!important;
  letter-spacing:.35px!important;
  text-transform:uppercase!important;
  text-shadow:0 1px 2px rgba(0,0,0,.78)!important;
  box-shadow:inset 0 1px 0 rgba(129,222,255,.17),0 0 0 1px rgba(6,12,20,.45)!important;
}
html body[data-ui-profile] .hunter-centerbar .hunter-quick.hunt-mode button:hover{
  filter:none!important;
  background:linear-gradient(180deg,#1b3d5a 0%,#0d2638 100%)!important;
  box-shadow:inset 0 1px 0 rgba(154,231,255,.20),0 0 8px rgba(34,164,242,.18)!important;
}
html body[data-ui-profile] .hunter-centerbar .hunter-quick.hunt-mode #huntDetailsQuick{
  flex:0 0 33%!important;
  border-color:#3a6a92!important;
}
html body[data-ui-profile] .hunter-centerbar .hunter-quick.hunt-mode #quickSell{
  flex:0 0 32%!important;
  border-color:#98703a!important;
  background:linear-gradient(180deg,#4f3818 0%,#2b1e0c 58%,#1d1409 100%)!important;
  color:#f2d08b!important;
}
html body[data-ui-profile] .hunter-centerbar .hunter-quick.hunt-mode #quickSell:hover{
  background:linear-gradient(180deg,#62451e 0%,#32220d 100%)!important;
  box-shadow:inset 0 1px 0 rgba(255,220,130,.18),0 0 8px rgba(248,189,63,.16)!important;
}
html body[data-ui-profile] .hunter-centerbar .hunter-quick.hunt-mode #leaveHunt{
  flex:1 1 auto!important;
  border-color:#874956!important;
  background:linear-gradient(180deg,#441d26 0%,#241015 58%,#1a0d11 100%)!important;
  color:#f2b7c0!important;
}
html body[data-ui-profile] .hunter-centerbar .hunter-quick.hunt-mode #leaveHunt.exit-countdown{
  border-color:#b8893a!important;
  background:linear-gradient(180deg,#5b411d 0%,#30210e 100%)!important;
  color:#ffe0a0!important;
}
html body[data-ui-profile] .hunter-centerbar .hunter-quick.hunt-mode #huntExitConfig{
  flex:0 0 36px!important;
  width:36px!important;
  padding:0!important;
  border-color:#7c5363!important;
  background:linear-gradient(180deg,#2d1b27 0%,#17111b 100%)!important;
  color:#f3c0cb!important;
  font:900 15px/1 Arial,sans-serif!important;
}
html body[data-ui-profile] .hunter-centerbar .hunter-quick.hunt-mode #huntExitConfig[aria-expanded="true"]{
  box-shadow:inset 0 1px 0 rgba(255,212,224,.16),0 0 8px rgba(238,131,162,.22)!important;
}
html body[data-ui-profile] .hunt-exit-menu{
  position:fixed!important;
  z-index:120!important;
  min-width:286px!important;
  max-width:min(92vw,340px)!important;
  padding:10px 12px!important;
  border:1px solid #335b85!important;
  border-radius:8px!important;
  background:linear-gradient(180deg,rgba(18,26,48,.985) 0%,rgba(12,18,33,.985) 100%)!important;
  box-shadow:0 16px 32px rgba(0,0,0,.46), inset 0 1px 0 rgba(132,220,255,.08)!important;
  color:#d7e8ff!important;
}
html body[data-ui-profile] .hunt-exit-menu[hidden]{display:none!important}
html body[data-ui-profile] .hunt-exit-menu-head{
  margin:0 0 10px!important;
  color:#8eb4ff!important;
  font:800 13px/1.1 Arial,sans-serif!important;
}
html body[data-ui-profile] .hunt-exit-option{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  min-height:34px!important;
  padding:0 0 0 10px!important;
  border:1px solid rgba(62,84,126,.85)!important;
  border-radius:6px!important;
  margin:0 0 8px!important;
  background:rgba(255,255,255,.025)!important;
  color:#ebf2ff!important;
  font:600 12px/1.2 Arial,sans-serif!important;
}
html body[data-ui-profile] .hunt-exit-option input{
  width:18px!important;
  height:18px!important;
  margin:0 10px 0 0!important;
  accent-color:#7cc9ff!important;
}
html body[data-ui-profile] .hunt-exit-option-disabled{
  opacity:.52!important;
}
html body[data-ui-profile] .hunt-exit-menu-note{
  margin-top:6px!important;
  color:#95a5d6!important;
  font:italic 12px/1.35 Arial,sans-serif!important;
}


/* ---------- V39: exact lobby/hunt top action states + dispatch cooldown ---------- */
html body[data-ui-profile] .hunter-centerbar .hunter-quick.hunt-mode #depotQuick,
html body[data-ui-profile] .hunter-centerbar .hunter-quick.hunt-mode #blessingsQuick,
html body[data-ui-profile] .hunter-centerbar .hunter-quick.hunt-mode #imbuementsQuick{
  display:none!important;
}
html body[data-ui-profile] .hunter-centerbar .hunter-quick.hunt-mode #huntDetailsQuick,
html body[data-ui-profile] .hunter-centerbar .hunter-quick.hunt-mode #quickSell,
html body[data-ui-profile] .hunter-centerbar .hunter-quick.hunt-mode #leaveHunt,
html body[data-ui-profile] .hunter-centerbar .hunter-quick.hunt-mode #huntExitConfig{
  display:inline-flex!important;
}
html body[data-ui-profile] .hunter-centerbar .hunter-quick.hunt-mode #quickSell{
  flex-direction:column!important;
  gap:1px!important;
  line-height:1!important;
}
html body[data-ui-profile] .hunter-centerbar .hunter-quick.hunt-mode #quickSell .dispatch-label{
  display:block!important;
  font:800 9px/1 Arial,sans-serif!important;
  letter-spacing:.28px!important;
}
html body[data-ui-profile] .hunter-centerbar .hunter-quick.hunt-mode #quickSell .dispatch-timer{
  display:block!important;
  min-height:8px!important;
  color:#dfbd70!important;
  font:900 8px/1 Arial,sans-serif!important;
  letter-spacing:.65px!important;
  text-shadow:0 1px 2px #000!important;
}
html body[data-ui-profile] .hunter-centerbar .hunter-quick.hunt-mode #quickSell.dispatch-cooling{
  border-color:#785f37!important;
  background:linear-gradient(180deg,#3d2d18 0%,#21180d 100%)!important;
  color:#d7bc82!important;
  box-shadow:inset 0 1px 0 rgba(255,218,132,.08)!important;
}
html body[data-ui-profile] .hunter-centerbar .hunter-quick.hunt-mode #quickSell.dispatch-cooling:hover{
  background:linear-gradient(180deg,#46331a 0%,#251a0e 100%)!important;
  box-shadow:inset 0 1px 0 rgba(255,218,132,.10)!important;
}
html body[data-ui-profile] .hunter-centerbar .hunter-quick.hunt-mode #quickSell.dispatch-ready{
  border-color:#e2a52b!important;
  color:#ffe4a0!important;
  background:linear-gradient(180deg,#64491b 0%,#352409 62%,#241705 100%)!important;
  animation:zk39-dispatch-ready 1.55s ease-in-out infinite!important;
}
html body[data-ui-profile] .hunter-centerbar .hunter-quick.hunt-mode #quickSell.dispatch-ready .dispatch-timer{
  color:#ffe798!important;
}
@keyframes zk39-dispatch-ready{
  0%,100%{box-shadow:inset 0 1px 0 rgba(255,236,166,.20),0 0 4px rgba(255,177,28,.25)}
  50%{box-shadow:inset 0 1px 0 rgba(255,245,196,.34),0 0 12px rgba(255,183,31,.62),0 0 20px rgba(255,137,10,.22)}
}
/* Lobby never inherits hunt-only controls even when old inline state survived a restore. */
html body[data-ui-profile] .hunter-centerbar .hunter-quick:not(.hunt-mode) #huntDetailsQuick,
html body[data-ui-profile] .hunter-centerbar .hunter-quick:not(.hunt-mode) #leaveHunt,
html body[data-ui-profile] .hunter-centerbar .hunter-quick:not(.hunt-mode) #huntExitConfig,
html body[data-ui-profile] .hunter-centerbar .hunter-quick:not(.hunt-mode) #imbuementsQuick{
  display:none!important;
}