/* ShahrVam v763 — reconciliation row action visual + tooltip fixed-position root fix
   Root cause fixed here:
   1) global hardening disables background-image with !important, so v755 gradient action buttons became transparent while their SVG stayed white;
   2) pvx-card uses overflow:hidden, so pseudo-element tooltips were clipped inside each row.
   This layer preserves the v762 solid action colors and fixes the fixed tooltip coordinate cascade. */

:root{--v763-action-size:36px}

body[data-page="reconciliation"] .pvx-actions{
  overflow:visible!important;
  gap:7px!important;
  flex-wrap:wrap!important;
}

body[data-page="reconciliation"] .pv-action-icon{
  position:relative!important;
  display:inline-grid!important;
  place-items:center!important;
  flex:0 0 var(--v763-action-size)!important;
  width:var(--v763-action-size)!important;
  min-width:var(--v763-action-size)!important;
  height:var(--v763-action-size)!important;
  min-height:var(--v763-action-size)!important;
  margin:0!important;
  padding:0!important;
  border:1px solid transparent!important;
  border-radius:10px!important;
  background-image:none!important;
  color:#fff!important;
  box-shadow:0 3px 8px rgba(27,67,96,.12)!important;
  outline:0!important;
  overflow:visible!important;
  cursor:pointer!important;
  opacity:1;
  transition:transform .14s ease,box-shadow .14s ease,background-color .14s ease,border-color .14s ease!important;
}

body[data-page="reconciliation"] .pv-action-icon svg{
  display:block!important;
  width:19px!important;
  height:19px!important;
  margin:0!important;
  color:#fff!important;
  stroke:#fff!important;
  fill:none!important;
  stroke-width:1.9!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
  opacity:1!important;
  visibility:visible!important;
  pointer-events:none!important;
}

/* Solid semantic colors: never use gradients here because the application hardening layer intentionally removes background images. */
body[data-page="reconciliation"] .pv-action-icon.is-edit{background-color:#247acb!important;border-color:#8fc5ff!important}
body[data-page="reconciliation"] .pv-action-icon.is-bank,
body[data-page="reconciliation"] .pv-action-icon.is-final{background-color:#0c8a53!important;border-color:#8fd8b5!important}
body[data-page="reconciliation"] .pv-action-icon.is-swap{background-color:#174b78!important;border-color:#9ebbd4!important}
body[data-page="reconciliation"] .pv-action-icon.is-cancel,
body[data-page="reconciliation"] .pv-action-icon.is-archive{background-color:#d83b3b!important;border-color:#f3aaaa!important}
body[data-page="reconciliation"] .pv-action-icon.is-details{background-color:#438edc!important;border-color:#b4d8ff!important}
body[data-page="reconciliation"] .pv-action-icon.is-return{background-color:#c98a22!important;border-color:#f0cf8d!important}
body[data-page="reconciliation"] .pv-action-icon.is-primary{background-color:#176aab!important;border-color:#a5cae8!important}
body[data-page="reconciliation"] .pv-action-icon.is-reopen,
body[data-page="reconciliation"] .pv-action-icon.is-restore{background-color:#426c80!important;border-color:#b5ccd7!important}

body[data-page="reconciliation"] .pv-action-icon:hover:not(:disabled){
  transform:translateY(-1px)!important;
  box-shadow:0 7px 14px rgba(27,67,96,.16)!important;
  filter:none!important;
}
body[data-page="reconciliation"] .pv-action-icon:active:not(:disabled){transform:translateY(0)!important}
body[data-page="reconciliation"] .pv-action-icon:focus-visible{
  outline:3px solid rgba(23,111,192,.22)!important;
  outline-offset:2px!important;
  box-shadow:0 6px 14px rgba(27,67,96,.14)!important;
}
body[data-page="reconciliation"] .pv-action-icon.is-disabled,
body[data-page="reconciliation"] .pv-action-icon:disabled{
  opacity:.43!important;
  cursor:not-allowed!important;
  transform:none!important;
  box-shadow:none!important;
}

/* v755 pseudo tooltips are clipped by the row's overflow:hidden. The v763 JS portal is the only visible tooltip. */
body[data-page="reconciliation"] .pv-action-icon::before,
body[data-page="reconciliation"] .pv-action-icon::after{display:none!important;content:none!important}

#pv-v763-action-tooltip{
  position:fixed!important;
  z-index:2600!important;
  right:auto!important;
  bottom:auto!important;
  max-width:min(260px,calc(100vw - 16px))!important;
  padding:7px 10px!important;
  border:1px solid #d5e2ea!important;
  border-radius:9px!important;
  background-color:#fff!important;
  background-image:none!important;
  color:#173b58!important;
  box-shadow:0 10px 26px rgba(26,68,101,.20)!important;
  font-family:inherit!important;
  font-size:11px!important;
  font-weight:850!important;
  line-height:1.55!important;
  direction:rtl!important;
  text-align:center!important;
  white-space:normal!important;
  pointer-events:none!important;
  opacity:0!important;
  visibility:hidden!important;
  transform:translateY(3px)!important;
  transition:opacity .11s ease,transform .11s ease,visibility .11s ease!important;
}
#pv-v763-action-tooltip.is-visible{
  opacity:1!important;
  visibility:visible!important;
  transform:translateY(0)!important;
}

@media(max-width:700px){
  :root{--v763-action-size:38px}
  body[data-page="reconciliation"] .pvx-actions{justify-content:flex-start!important;gap:8px!important}
  #pv-v763-action-tooltip{font-size:11px!important;max-width:min(230px,calc(100vw - 16px))!important}
}