/* V41 — ZENKAI ACTION WINDOW + REAL LOBBY QUICK SELL BUTTON
   Loaded last on purpose so the live controls cover the baked V32 header art. */

/* --- Lobby: Venda Rápida becomes a real live button, same visual language as Despachar. --- */
html body[data-ui-profile] .hunter-centerbar .hunter-quick:not(.hunt-mode) #quickSell{
  position:relative!important;
  z-index:8!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  height:100%!important;
  padding:0 10px!important;
  border:1px solid #98703a!important;
  border-radius:5px!important;
  clip-path:none!important;
  background:linear-gradient(180deg,#4f3818 0%,#2b1e0c 58%,#1d1409 100%)!important;
  color:#f2d08b!important;
  font:800 clamp(8px,.53vw,10px)/1 Arial,sans-serif!important;
  letter-spacing:.28px!important;
  text-transform:uppercase!important;
  text-shadow:0 1px 2px rgba(0,0,0,.78)!important;
  box-shadow:inset 0 1px 0 rgba(255,220,130,.10),0 0 0 1px rgba(6,12,20,.45)!important;
  cursor:pointer!important;
}
html body[data-ui-profile] .hunter-centerbar .hunter-quick:not(.hunt-mode) #quickSell::before{content:none!important}
html body[data-ui-profile] .hunter-centerbar .hunter-quick:not(.hunt-mode) #quickSell:hover{
  border-color:#b88945!important;
  background:linear-gradient(180deg,#62451e 0%,#32220d 100%)!important;
  color:#ffe1a0!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:not(.hunt-mode) #quickSell:active{
  transform:translateY(1px)!important;
  filter:brightness(.94)!important;
}

/* --- Modal shell: DBO/Zenkai blue energy + gold accent, not HunTerA clone. --- */
#actionModal{
  --zk41-blue:#19aaf5;
  --zk41-blue2:#0872c4;
  --zk41-cyan:#69dcff;
  --zk41-gold:#f4b82f;
  --zk41-deep:#06111e;
  --zk41-panel:#0a1725;
  --zk41-line:#235983;
}
#actionModal .action-modal{
  width:min(1040px,calc(100vw - 26px))!important;
  max-height:min(780px,calc(100dvh - 54px))!important;
  border:1px solid #178ed5!important;
  border-radius:8px!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;
  background:
    linear-gradient(135deg,rgba(32,184,255,.08),transparent 24%),
    linear-gradient(315deg,rgba(255,181,37,.045),transparent 20%),
    linear-gradient(180deg,#0a1828 0%,#07111e 100%)!important;
  box-shadow:
    0 22px 48px rgba(0,0,0,.66),
    0 0 0 2px rgba(3,18,31,.94),
    0 0 22px rgba(0,143,225,.16),
    inset 0 1px 0 rgba(117,222,255,.12)!important;
  overflow:hidden!important;
}
#actionModal .action-modal::before{
  content:""!important;
  position:absolute!important;
  left:12px!important;right:12px!important;top:3px!important;height:2px!important;
  background:linear-gradient(90deg,transparent,#19b9ff 18%,#8feaff 48%,#f4b82f 70%,transparent)!important;
  opacity:.75!important;
  pointer-events:none!important;
  z-index:3!important;
}
#actionModal .modal-head{
  min-height:39px!important;
  padding:0 14px!important;
  background:linear-gradient(180deg,#0e2942 0%,#091b2d 100%)!important;
  border-bottom:1px solid #2478ac!important;
  color:#e6f5ff!important;
  font:900 13px/1 Arial,sans-serif!important;
  letter-spacing:.055em!important;
  text-shadow:0 1px 2px #000,0 0 6px rgba(60,192,255,.22)!important;
}
#actionModal .modal-head #actionSlotNumber{color:#ffd45a!important}
#actionModal .modal-head .x{
  width:25px!important;height:25px!important;
  border:1px solid #75602d!important;
  border-radius:4px!important;
  background:linear-gradient(180deg,#332912,#191309)!important;
  color:#ffe49d!important;
}
#actionModal .action-body{
  display:flex!important;
  flex-direction:column!important;
  min-height:0!important;
  padding:0!important;
  background:transparent!important;
}

/* Three category tabs. */
#actionModal .action-tabs{
  display:grid!important;
  grid-template-columns:repeat(3,1fr)!important;
  gap:7px!important;
  padding:11px 13px 9px!important;
  background:linear-gradient(180deg,rgba(7,19,32,.92),rgba(6,15,26,.76))!important;
}
#actionModal .action-tab{
  position:relative!important;
  height:36px!important;
  padding:0 12px!important;
  border:1px solid #2f5f84!important;
  border-radius:4px!important;
  clip-path:polygon(7px 0,100% 0,100% calc(100% - 7px),calc(100% - 7px) 100%,0 100%,0 7px)!important;
  background:linear-gradient(180deg,#10283d 0%,#091827 100%)!important;
  color:#9db8cf!important;
  font:800 12px/1 Arial,sans-serif!important;
  letter-spacing:.055em!important;
  text-transform:uppercase!important;
  cursor:pointer!important;
}
#actionModal .action-tab:hover{
  border-color:#428bc0!important;
  color:#d8efff!important;
  background:linear-gradient(180deg,#14334d 0%,#0b1d2e 100%)!important;
}
#actionModal .action-tab.active{
  border-color:#1ebaff!important;
  color:#f4fbff!important;
  background:
    linear-gradient(180deg,rgba(98,222,255,.12),transparent 35%),
    linear-gradient(180deg,#0d4a74 0%,#0a2b47 100%)!important;
  box-shadow:inset 0 0 0 1px rgba(96,217,255,.26),0 0 9px rgba(0,174,255,.18)!important;
}
#actionModal .action-tab.active::after{
  content:""!important;
  position:absolute!important;
  left:18%!important;right:18%!important;bottom:2px!important;height:2px!important;
  background:#f4b82f!important;
  box-shadow:0 0 5px rgba(255,188,44,.46)!important;
}

#actionModal .action-picker{
  display:grid!important;
  grid-template-columns:minmax(330px,39%) minmax(0,1fr)!important;
  gap:12px!important;
  height:min(365px,41vh)!important;
  min-height:310px!important;
  padding:0 13px 12px!important;
  border-bottom:1px solid #1f4260!important;
}
#actionModal .action-list{
  height:100%!important;
  overflow:auto!important;
  padding:0 5px 0 0!important;
  scrollbar-color:#276795 #07111b!important;
}
#actionModal .action-list-empty{
  display:grid!important;
  place-items:center!important;
  height:100%!important;
  min-height:180px!important;
  border:1px dashed #284b67!important;
  border-radius:6px!important;
  background:rgba(4,12,20,.46)!important;
  color:#718ca4!important;
  font:700 12px/1.4 Arial,sans-serif!important;
  text-align:center!important;
  padding:20px!important;
}
#actionModal .action-list-item{
  position:relative!important;
  display:grid!important;
  grid-template-columns:44px minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:10px!important;
  min-height:59px!important;
  margin:0 0 6px!important;
  padding:7px 9px!important;
  border:1px solid #244965!important;
  border-radius:5px!important;
  clip-path:polygon(6px 0,100% 0,100% calc(100% - 6px),calc(100% - 6px) 100%,0 100%,0 6px)!important;
  background:linear-gradient(180deg,#0b1a29 0%,#08131f 100%)!important;
  cursor:pointer!important;
  transition:border-color .12s ease,background .12s ease,filter .12s ease!important;
}
#actionModal .action-list-item::before{
  content:""!important;
  position:absolute!important;
  left:0!important;top:8px!important;bottom:8px!important;width:2px!important;
  background:#146ba3!important;
  opacity:.66!important;
}
#actionModal .action-list-item:hover{
  border-color:#3883b6!important;
  background:linear-gradient(180deg,#0e2437 0%,#0a1826 100%)!important;
}
#actionModal .action-list-item.active{
  border-color:#20adf2!important;
  background:
    linear-gradient(90deg,rgba(15,146,221,.14),transparent 55%),
    linear-gradient(180deg,#0d2940 0%,#091b2b 100%)!important;
  box-shadow:inset 0 0 0 1px rgba(89,211,255,.20),0 0 7px rgba(0,151,225,.13)!important;
}
#actionModal .action-list-item.active::before{background:#f4b82f!important;opacity:1!important;box-shadow:0 0 5px rgba(244,184,47,.40)!important}
#actionModal .action-list-item.locked{
  opacity:.55!important;
  filter:saturate(.38)!important;
}
#actionModal .action-list-item.locked:hover{opacity:.68!important}
#actionModal .action-list-item.locked img{filter:grayscale(.65) brightness(.76)!important}
#actionModal .action-list-item img{
  width:39px!important;height:39px!important;
  padding:2px!important;
  border:1px solid #37698e!important;
  border-radius:4px!important;
  background:#07111a!important;
  image-rendering:pixelated!important;
  box-shadow:inset 0 0 6px rgba(0,0,0,.52)!important;
}
#actionModal .action-list-copy{min-width:0!important}
#actionModal .action-list-copy strong{
  display:block!important;
  color:#edf7ff!important;
  font:800 14px/1.1 Arial,sans-serif!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
#actionModal .action-list-copy span{
  display:block!important;
  margin-top:4px!important;
  color:#82a1bc!important;
  font:600 10.5px/1.25 Arial,sans-serif!important;
}
#actionModal .action-list-item.locked .action-list-copy strong{color:#a7adb3!important}
#actionModal .action-req-pill{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:60px!important;
  height:22px!important;
  padding:0 8px!important;
  border:1px solid #526574!important;
  border-radius:999px!important;
  background:#0d1822!important;
  color:#86a4bc!important;
  font:800 9px/1 Arial,sans-serif!important;
  white-space:nowrap!important;
}
#actionModal .action-list-item:not(.locked) .action-req-pill{
  border-color:#2f7656!important;
  background:#0d2119!important;
  color:#9bd9b4!important;
}
#actionModal .action-list-item.locked .action-req-pill{
  border-color:#795043!important;
  background:#251612!important;
  color:#efb398!important;
}

#actionModal .action-details{
  min-height:0!important;
  overflow:auto!important;
  padding:13px!important;
  border:1px solid #255171!important;
  border-radius:6px!important;
  background:
    linear-gradient(135deg,rgba(17,121,183,.06),transparent 35%),
    linear-gradient(180deg,#081725 0%,#07111c 100%)!important;
  box-shadow:inset 0 1px 0 rgba(94,197,242,.06)!important;
}
#actionModal .action-title-line{
  display:grid!important;
  grid-template-columns:52px minmax(0,1fr)!important;
  gap:11px!important;
  align-items:center!important;
}
#actionModal .action-title-line img{
  width:52px!important;height:52px!important;
  padding:2px!important;
  border:1px solid #3681ae!important;
  border-radius:5px!important;
  background:#07111b!important;
  box-shadow:0 0 8px rgba(0,154,226,.10)!important;
}
#actionModal .action-title-line h2{
  margin:0!important;
  color:#f1f8ff!important;
  font:900 18px/1.1 Arial,sans-serif!important;
}
#actionModal .type-pill{
  display:inline-flex!important;
  align-items:center!important;
  min-height:20px!important;
  margin-top:5px!important;
  padding:0 8px!important;
  border:1px solid #3974a0!important;
  border-radius:3px!important;
  background:#0b2337!important;
  color:#9fd7ff!important;
  font:800 9px/1 Arial,sans-serif!important;
  letter-spacing:.055em!important;
}
#actionModal .type-pill.locked-skill{
  border-color:#7f4d43!important;
  background:#251411!important;
  color:#efac98!important;
}
#actionModal #actionDescription{
  margin:11px 0 0!important;
  color:#a9bfd1!important;
  font:500 12px/1.42 Arial,sans-serif!important;
}
#actionModal .detail-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:6px!important;
  margin-top:11px!important;
}
#actionModal .detail-grid>div{
  min-height:51px!important;
  padding:7px 9px!important;
  border:1px solid #203f59!important;
  border-radius:4px!important;
  background:linear-gradient(180deg,#0c1b2a 0%,#091521 100%)!important;
}
#actionModal .detail-grid .sub{
  color:#7197b5!important;
  font:700 9.5px/1 Arial,sans-serif!important;
  text-transform:uppercase!important;
  letter-spacing:.035em!important;
}
#actionModal .detail-grid b{
  display:block!important;
  margin-top:5px!important;
  color:#edf5ff!important;
  font:800 12px/1.15 Arial,sans-serif!important;
}
#actionModal .action-live{
  margin-top:10px!important;
  padding:9px 10px!important;
  border:1px solid #315879!important;
  border-radius:5px!important;
  background:#0a1724!important;
  color:#a7c2d8!important;
  font:600 10.5px/1.35 Arial,sans-serif!important;
}
#actionModal .action-live.ready{border-color:#347852!important;background:#0b2117!important;color:#c2eccf!important}
#actionModal .action-live.blocked{border-color:#74443e!important;background:#241511!important;color:#efbeb0!important}

/* Lower automation area: quieter than the skill picker, but still Zenkai. */
#actionModal .action-ignore-panel{
  padding:10px 13px 8px!important;
  border-bottom:1px solid #193751!important;
  background:rgba(5,14,24,.40)!important;
}
#actionModal .ignore-copy h3,
#actionModal .conditions-head h3{
  margin:0!important;
  color:#d9ecfa!important;
  font:900 12px/1 Arial,sans-serif!important;
  letter-spacing:.045em!important;
}
#actionModal .ignore-copy p,
#actionModal .conditions-head p{
  margin:5px 0 0!important;
  color:#7792aa!important;
  font:500 10.5px/1.35 Arial,sans-serif!important;
}
#actionModal .ignore-copy small{display:block!important;margin-top:4px!important;color:#63829e!important;font:600 10px/1.3 Arial,sans-serif!important}
#actionModal .conditions-head{
  display:flex!important;
  justify-content:space-between!important;
  align-items:center!important;
  gap:12px!important;
  padding:9px 13px 7px!important;
}
#actionModal #addCondition{
  height:30px!important;
  padding:0 12px!important;
  border-color:#2687c0!important;
  background:linear-gradient(180deg,#113a57 0%,#0b263b 100%)!important;
  color:#d8f2ff!important;
  font-size:10px!important;
  white-space:nowrap!important;
}
#actionModal #conditionList{
  display:flex!important;
  flex-direction:column!important;
  gap:5px!important;
  max-height:175px!important;
  overflow:auto!important;
}
#actionModal .condition-row{
  display:grid!important;
  grid-template-columns:1fr .88fr 1.25fr 126px 98px 32px!important;
  gap:6px!important;
  align-items:center!important;
  padding:0 13px!important;
}
#actionModal .condition-row select,
#actionModal .condition-row input{
  height:31px!important;
  min-width:0!important;
  border:1px solid #31506c!important;
  border-radius:4px!important;
  background:#0b1725!important;
  color:#dbeaf7!important;
  font-size:10.5px!important;
  padding:4px 7px!important;
}
#actionModal .value-stepper{height:31px!important;grid-template-columns:30px 1fr 30px!important}
#actionModal .value-stepper button{
  border-color:#31506c!important;
  background:#10253a!important;
  color:#dceffc!important;
}
#actionModal .condition-current{color:#718ba4!important;font:600 9.5px/1.1 Arial,sans-serif!important;text-align:center!important}
#actionModal .condition-current b{display:block!important;margin-top:2px!important;color:#dbeaf7!important;font-size:10.5px!important}
#actionModal .remove-condition{height:31px!important;border-color:#744047!important;background:#2a1418!important;color:#ffabb5!important}
#actionModal .action-footer{
  min-height:49px!important;
  margin-top:9px!important;
  padding:8px 13px!important;
  border-top:1px solid #1c405c!important;
  background:linear-gradient(180deg,rgba(7,19,31,.68),rgba(5,13,22,.9))!important;
}
#actionModal .action-footer-spacer{margin-right:auto!important}
#actionModal .action-footer label{color:#bfd2e1!important;font:700 11px/1 Arial,sans-serif!important}
#actionModal .action-footer button{
  height:32px!important;
  padding:0 14px!important;
  border-radius:4px!important;
  font:800 11px/1 Arial,sans-serif!important;
  letter-spacing:.02em!important;
}
#actionModal .action-footer .secondary{
  border-color:#345a78!important;
  background:linear-gradient(180deg,#10283d 0%,#091725 100%)!important;
  color:#bdd5e8!important;
}
#actionModal .action-footer .primary{
  border-color:#a57822!important;
  background:linear-gradient(180deg,#5a4115 0%,#2c1e09 100%)!important;
  color:#ffe091!important;
  box-shadow:inset 0 1px 0 rgba(255,231,157,.16)!important;
}
#actionModal .action-footer .primary:not(:disabled):hover{border-color:#e1aa34!important;box-shadow:0 0 8px rgba(240,174,40,.18)!important}
#actionModal .action-footer .primary:disabled{opacity:.42!important;filter:grayscale(.55)!important;cursor:not-allowed!important}

@media(max-width:900px){
  #actionModal .action-picker{grid-template-columns:1fr!important;height:auto!important;max-height:none!important}
  #actionModal .action-list{max-height:220px!important}
  #actionModal .action-details{max-height:270px!important}
  #actionModal .condition-row{grid-template-columns:1fr 1fr!important}
  #actionModal .condition-row>*:nth-child(n+3){grid-column:auto!important}
}