/* HGP Global Reconciliation Navigation Button */
/* Safe frontend-only patch. Does not touch app logic/data/server. */

.hgp-global-recon-btn{
  display:block !important;
  text-decoration:none !important;
  text-align:center !important;
  color:#effcff !important;
  border:1px solid rgba(72,234,255,.55) !important;
  background:
    linear-gradient(180deg, rgba(17,86,118,.84), rgba(4,26,48,.92)) !important;
  border-radius:10px !important;
  padding:10px 8px !important;
  margin:7px 0 !important;
  font-family:Orbitron, "Share Tech Mono", Consolas, monospace !important;
  font-size:12px !important;
  line-height:1.16 !important;
  font-weight:800 !important;
  letter-spacing:.035em !important;
  text-transform:uppercase !important;
  box-shadow:
    inset 0 0 14px rgba(72,234,255,.08),
    0 0 10px rgba(72,234,255,.10) !important;
}

.hgp-global-recon-btn:hover{
  color:#001018 !important;
  background:
    linear-gradient(180deg, rgba(86,255,178,.95), rgba(72,234,255,.92)) !important;
  box-shadow:
    0 0 16px rgba(72,234,255,.36),
    0 0 28px rgba(86,255,178,.18) !important;
}

.hgp-global-recon-btn.is-active{
  color:#001018 !important;
  background:
    linear-gradient(180deg, rgba(86,255,178,.96), rgba(72,234,255,.96)) !important;
  box-shadow:
    0 0 18px rgba(86,255,178,.40),
    inset 0 0 10px rgba(255,255,255,.18) !important;
}

/* If the existing side nav is very narrow, keep the text readable */
.side .hgp-global-recon-btn,
.left .hgp-global-recon-btn,
.navigation .hgp-global-recon-btn,
.hgp-recon-left .hgp-global-recon-btn{
  width:100% !important;
  max-width:100% !important;
}