/* ---- Bridge patch: centering + active tab + UW desktop row ---- */

/* Center the whole panel on desktop */
#bridge-activity-section { width: 100%; }
#bridge-activity-section > .container { display:flex; justify-content:center; width:100%; }
#bridge-activity-section .panel { max-width:1200px; margin-left:auto; margin-right:auto; }

/* Make the Bridge tab look selected when visible */
body[data-bridge-visible="1"] #bridge-tab-btn{
  background: rgba(0,255,195,.10) !important;
  box-shadow: 0 0 16px rgba(0,255,195,.35) inset, 0 0 22px rgba(0,255,195,.18) !important;
  border-color: rgba(0,255,195,.55) !important;
  color:#00ffc3 !important;
}

/* Desktop: keep Unique Wallets figures horizontal */
@media (min-width: 801px){
  #bridge-activity-section .uw-card .uw-row{
    display:flex !important;
    flex-direction:row !important;
    flex-wrap:nowrap !important;
    justify-content:center !important;
    align-items:center !important;
    gap:40px !important;
    text-align:center !important;
  }
  #bridge-activity-section .uw-card .uw-row > div{
    flex:0 0 auto !important;
    min-width:110px !important;
    white-space:nowrap !important;
  }
}

/* --- Centering nudge: ensure the inner container cannot offset the panel */
#bridge-activity-section > .container{
  padding-left:16px; padding-right:16px;  /* keep symmetry */
  box-sizing:border-box;
}
#bridge-activity-section .panel{
  margin-left:auto !important;
  margin-right:auto !important;
}

/* --- Desktop Unique Wallets: keep in card, no spill */
@media (min-width: 801px){
  #bridge-activity-section .uw-card{
    overflow:hidden;               /* clip any accidental spill */
    padding-left:16px; padding-right:16px;
  }
  #bridge-activity-section .uw-card .uw-row{
    gap:24px !important;           /* a bit tighter than 40px */
    justify-content:space-evenly !important;
  }
  #bridge-activity-section .uw-card .uw-row > div{
    min-width:100px !important;    /* allow to fit on one row */
    white-space:nowrap !important;
    text-align:center !important;
  }
  /* slightly smaller labels to buy space */
  #bridge-activity-section .uw-card .uw-row > div > div:first-child{
    font-size:.82rem !important; opacity:.75 !important;
  }
}
