/* RX Billing Next UI — canonical visual-only repair.
   No version-suffixed cascade files. Billing/auth/payment/business logic remains untouched. */
:root{
  --rxbn-navy:#0b315c;
  --rxbn-blue:#0b72d5;
  --rxbn-blue-dark:#0754a5;
  --rxbn-teal:#0a9d7d;
  --rxbn-line:#dce7ef;
  --rxbn-shadow:0 14px 36px rgba(16,57,89,.075);
  --rxbn-topbar:60px;
}
body.rx-billing-next-ui{background:linear-gradient(180deg,#f8fbfe,#eef5fa)!important;color:#15334e;overflow-x:hidden!important}
.rx-billing-next-ui .rx-card,.rx-billing-next-ui .card,.rx-billing-next-ui .panel,.rx-billing-next-ui .stat-card,.rx-billing-next-ui .metric-card{border:1px solid var(--rxbn-line)!important;border-radius:16px!important;background:#fff!important;box-shadow:var(--rxbn-shadow)!important}
.rx-billing-next-ui input:not([type=checkbox]):not([type=radio]),.rx-billing-next-ui select,.rx-billing-next-ui textarea{border-radius:11px!important;border-color:#cedde8!important;background:#fff!important;min-height:42px}
.rx-billing-next-ui button,.rx-billing-next-ui .btn,.rx-billing-next-ui .button{border-radius:11px!important}
.rx-billing-next-ui .table-responsive,.rx-billing-next-ui .table-wrap{border:1px solid var(--rxbn-line)!important;border-radius:14px!important;overflow:auto!important;background:#fff!important}
.rx-billing-next-ui table thead th{background:#f3f7fb!important;color:#31506a!important}

/* ---------- one Billing header contract ---------- */
body.rx-billing-next-ui .rx41-topbar{
  position:sticky!important;top:0!important;z-index:3000!important;
  display:grid!important;grid-template-columns:minmax(230px,1fr) auto minmax(160px,1fr)!important;grid-template-rows:58px!important;
  align-items:center!important;column-gap:8px!important;width:100%!important;min-width:0!important;min-height:58px!important;height:58px!important;
  padding:0 10px!important;margin:0!important;overflow:visible!important;background:rgba(255,255,255,.985)!important;
  border-bottom:1px solid var(--rxbn-line)!important;box-shadow:0 6px 20px rgba(20,56,84,.055)!important;box-sizing:border-box!important
}
body.rx-billing-next-ui .rx41-runtime-context{display:none!important}
body.rx-billing-next-ui .rx41-topbar-brand{grid-column:1!important;grid-row:1!important;display:grid!important;grid-template-columns:42px 96px minmax(0,1fr)!important;align-items:center!important;gap:7px!important;min-width:0!important;width:100%!important;overflow:visible!important}
body.rx-billing-next-ui .rx41-topbar-brand>.rx-menu-toggle{grid-column:1!important;position:relative!important;inset:auto!important;transform:none!important;width:42px!important;min-width:42px!important;max-width:42px!important;height:42px!important;min-height:42px!important;max-height:42px!important;margin:0!important;display:flex!important;z-index:2!important}
body.rx-billing-next-ui .rx41-topbar-brand>.rx41-brand-link{grid-column:2!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;width:96px!important;min-width:96px!important;max-width:96px!important;height:40px!important;padding:0!important;margin:0!important;border:0!important;background:transparent!important;box-shadow:none!important;overflow:hidden!important}
body.rx-billing-next-ui .rx41-topbar-brand>.rx41-brand-link img{display:block!important;width:92px!important;max-width:92px!important;height:34px!important;max-height:34px!important;object-fit:contain!important;object-position:left center!important;margin:0!important}
body.rx-billing-next-ui .rx41-page-context{grid-column:3!important;display:block!important;min-width:0!important;overflow:hidden!important}
body.rx-billing-next-ui .rx41-page-context strong,body.rx-billing-next-ui .rx41-page-context small{display:block!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
body.rx-billing-next-ui .rx41-page-context strong{font-size:12px!important;color:#173b58!important}.rx-billing-next-ui .rx41-page-context small{font-size:8px!important;color:#718596!important}

body.rx-billing-next-ui .rx41-ecosystem-nav{
  position:relative!important;inset:auto!important;left:auto!important;top:auto!important;transform:none!important;
  grid-column:2!important;grid-row:1!important;justify-self:center!important;align-self:center!important;
  display:flex!important;align-items:stretch!important;gap:0!important;width:max-content!important;max-width:min(330px,42vw)!important;height:40px!important;
  margin:0!important;padding:3px!important;border:1px solid #d7e3ed!important;border-radius:12px!important;background:#f4f8fb!important;box-shadow:none!important;overflow:hidden!important
}
body.rx-billing-next-ui .rx41-ecosystem-nav>a{position:relative!important;display:flex!important;align-items:center!important;justify-content:center!important;flex:0 0 auto!important;min-width:68px!important;height:34px!important;min-height:34px!important;padding:0 8px!important;margin:0!important;border:0!important;border-radius:9px!important;background:transparent!important;color:#315675!important;font-size:9.5px!important;font-weight:850!important;text-decoration:none!important;white-space:nowrap!important;box-shadow:none!important}
body.rx-billing-next-ui .rx41-ecosystem-nav>a+a:before{content:""!important;position:absolute!important;left:-1px!important;top:8px!important;bottom:8px!important;width:1px!important;background:#d7e3ed!important}
body.rx-billing-next-ui .rx41-ecosystem-nav>a.is-active{background:linear-gradient(135deg,var(--rxbn-blue),var(--rxbn-blue-dark))!important;color:#fff!important;box-shadow:0 4px 12px rgba(11,98,180,.18)!important}
body.rx-billing-next-ui .rx41-ecosystem-nav>a.is-active:before,body.rx-billing-next-ui .rx41-ecosystem-nav>a.is-active+a:before{opacity:0!important}
body.rx-billing-next-ui .rx41-topbar-actions{grid-column:3!important;grid-row:1!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:5px!important;min-width:0!important;justify-self:end!important}
body.rx-billing-next-ui .rx41-quick-actions{display:flex!important;align-items:center!important;gap:5px!important}
body.rx-billing-next-ui .rx-incoming-invoice-bell{position:relative;display:inline-flex!important;align-items:center;justify-content:center;min-width:40px!important;width:40px;height:40px;padding:0!important;border:1px solid #c9d9e4!important;border-radius:11px!important;background:#fff!important;color:#244b6e!important;text-decoration:none!important}
body.rx-billing-next-ui .rx-incoming-invoice-bell>span{font-size:18px;line-height:1}
body.rx-billing-next-ui .rx-incoming-invoice-bell>b{position:absolute;top:-5px;right:-5px;display:grid;place-items:center;min-width:20px;height:20px;padding:0 5px;border:2px solid #fff;border-radius:999px;background:#c92736;color:#fff;font-size:9px;font-weight:950;line-height:1}
body.rx-billing-next-ui .rx-incoming-invoice-bell:not(.has-items)>b{display:none}
body.rx-billing-next-ui .rx-incoming-invoice-bell.has-items{border-color:#e6a2a8;background:#fff5f5!important;color:#9f1f2c!important}

/* ---------- dashboard actions: ALWAYS three in one line when three exist ---------- */
body.rx-billing-next-ui .rx30-primary-actions.rx41-dashboard-actions{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important;width:100%!important}
body.rx-billing-next-ui .rx30-primary-actions.rx41-dashboard-actions>.rx30-primary-action{min-width:0!important;width:100%!important;margin:0!important;padding:12px 13px!important;min-height:92px!important;display:grid!important;grid-template-columns:42px minmax(0,1fr) auto!important;align-items:center!important;gap:9px!important;overflow:hidden!important}
body.rx-billing-next-ui .rx30-primary-actions.rx41-dashboard-actions>.rx30-primary-action span:nth-child(2){min-width:0!important}
body.rx-billing-next-ui .rx30-primary-actions.rx41-dashboard-actions b{display:block!important;white-space:normal!important;overflow-wrap:anywhere!important;line-height:1.15!important}
body.rx-billing-next-ui .rx41-dashboard-partners{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important;align-items:stretch!important}
body.rx-billing-next-ui .rx41-dashboard-partners>*{min-width:0!important;width:100%!important;height:66px!important;margin:0!important;display:flex!important;align-items:center!important;justify-content:center!important;overflow:hidden!important}
body.rx-billing-next-ui .rx41-dashboard-partners img{display:block!important;max-width:92%!important;max-height:54px!important;width:auto!important;height:auto!important;object-fit:contain!important}

/* ---------- Live OPD: header + X ALWAYS above Billing header ---------- */
body.rx-billing-next-ui .rx41-live-opd{
  z-index:10000!important;overflow:auto!important;overscroll-behavior:contain!important;background:#fff!important
}
body.rx-billing-next-ui .rx41-live-opd>.rx-live-opd-head{
  display:flex!important;position:sticky!important;top:0!important;z-index:10002!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;
  min-height:58px!important;padding:8px 10px!important;background:linear-gradient(135deg,#073e80,#0878c5)!important;color:#fff!important;
  border-bottom:2px solid #33c8c9!important;box-shadow:0 5px 16px rgba(7,46,89,.16)!important;visibility:visible!important;opacity:1!important
}
body.rx-billing-next-ui .rx41-live-opd>.rx-live-opd-head>div:first-child{min-width:0!important;overflow:hidden!important}
body.rx-billing-next-ui .rx41-live-opd>.rx-live-opd-head :is(small,strong){display:block!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
body.rx-billing-next-ui .rx41-live-opd .rx41-live-opd-controls{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:6px!important;flex:0 0 auto!important;visibility:visible!important;opacity:1!important;position:relative!important;z-index:10003!important}
body.rx-billing-next-ui .rx41-live-opd .rx41-live-opd-controls button{display:grid!important;place-items:center!important;width:42px!important;min-width:42px!important;height:42px!important;min-height:42px!important;padding:0!important;border-radius:11px!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important;touch-action:manipulation!important}
body.rx-billing-next-ui .rx41-live-opd .rx41-live-opd-controls [data-live-opd-close]{display:grid!important;background:#df3340!important;border:1px solid #ff9da5!important;color:#fff!important;font-size:24px!important;line-height:1!important;box-shadow:0 4px 12px rgba(153,24,34,.24)!important}
body.rx-billing-next-ui .rx41-live-opd .rx41-live-opd-controls [data-live-opd-close]:hover,body.rx-billing-next-ui .rx41-live-opd .rx41-live-opd-controls [data-live-opd-close]:focus-visible{background:#c91f2b!important;outline:3px solid rgba(255,255,255,.65)!important;outline-offset:1px!important}
body.rx-billing-next-ui .rx41-opd-backdrop{z-index:9990!important;background:rgba(6,26,48,.46)!important}
body.rx-billing-next-ui .rx41-opd-backdrop.is-open{display:block!important}

/* Desktop/tablet side panel still exposes its own close X. */
@media(min-width:900px){
  body.rx-billing-next-ui .rx41-live-opd.is-open{z-index:10000!important}
  body.rx-billing-next-ui .rx41-live-opd>.rx-live-opd-head{display:flex!important}
}

/* ---------- compact handset header ---------- */
@media(max-width:899px){
  body.rx-billing-next-ui .rx41-topbar{
    grid-template-columns:minmax(112px,126px) minmax(0,1fr) auto!important;grid-template-rows:52px!important;
    min-height:60px!important;height:60px!important;padding:4px 5px!important;column-gap:3px!important;overflow:visible!important
  }
  body.rx-billing-next-ui .rx41-topbar-brand{grid-column:1!important;grid-row:1!important;display:grid!important;grid-template-columns:40px minmax(62px,78px)!important;gap:5px!important;width:100%!important;min-width:0!important;max-width:none!important}
  body.rx-billing-next-ui .rx41-topbar-brand>.rx-menu-toggle{width:40px!important;min-width:40px!important;height:40px!important;min-height:40px!important}
  body.rx-billing-next-ui .rx41-topbar-brand>.rx41-brand-link{display:flex!important;width:100%!important;min-width:0!important;max-width:78px!important;height:38px!important}
  body.rx-billing-next-ui .rx41-topbar-brand>.rx41-brand-link img{display:block!important;width:100%!important;max-width:76px!important;max-height:29px!important;object-fit:contain!important;object-position:left center!important}
  body.rx-billing-next-ui .rx41-page-context{display:none!important}
  body.rx-billing-next-ui .rx41-ecosystem-nav{grid-column:2!important;grid-row:1!important;display:flex!important;justify-self:stretch!important;width:100%!important;min-width:0!important;max-width:none!important;height:40px!important;padding:3px!important;overflow:hidden!important}
  body.rx-billing-next-ui .rx41-ecosystem-nav>a{flex:1 1 0!important;min-width:0!important;max-width:none!important;height:34px!important;min-height:34px!important;padding:0 3px!important;font-size:8.7px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  body.rx-billing-next-ui .rx41-topbar-actions{grid-column:3!important;grid-row:1!important;gap:3px!important}
  body.rx-billing-next-ui .rx41-quick-actions>:not(.rx-incoming-invoice-bell),body.rx-billing-next-ui .rx-settings-quick,body.rx-billing-next-ui .rx-user-copy,body.rx-billing-next-ui .rx-user-button>span:last-child{display:none!important}
  body.rx-billing-next-ui .rx-incoming-invoice-bell,body.rx-billing-next-ui .rx-user-button{display:flex!important;width:36px!important;min-width:36px!important;max-width:36px!important;height:36px!important;min-height:36px!important;max-height:36px!important;padding:2px!important}

  body.rx-billing-next-ui .rx30-primary-actions.rx41-dashboard-actions{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important}
  body.rx-billing-next-ui .rx30-primary-actions.rx41-dashboard-actions>.rx30-primary-action,
  body.rx-billing-next-ui .rx30-primary-actions.rx41-dashboard-actions>.rx30-primary-action:nth-child(3):last-child{
    grid-column:auto!important;min-height:72px!important;padding:7px 5px!important;grid-template-columns:30px minmax(0,1fr)!important;gap:5px!important
  }
  body.rx-billing-next-ui .rx30-primary-actions.rx41-dashboard-actions .rx30-action-icon{width:30px!important;height:30px!important;min-width:30px!important;font-size:12px!important}
  body.rx-billing-next-ui .rx30-primary-actions.rx41-dashboard-actions b{font-size:clamp(9px,2.65vw,11.5px)!important;line-height:1.12!important}
  body.rx-billing-next-ui .rx30-primary-actions.rx41-dashboard-actions small,body.rx-billing-next-ui .rx30-primary-actions.rx41-dashboard-actions kbd{display:none!important}
  body.rx-billing-next-ui .rx41-dashboard-partners{gap:4px!important}.rx-billing-next-ui .rx41-dashboard-partners>*{height:52px!important}.rx-billing-next-ui .rx41-dashboard-partners img{max-height:42px!important}

  body.rx-billing-next-ui .rx41-live-opd{
    position:fixed!important;inset:0 0 0 auto!important;top:0!important;right:0!important;bottom:0!important;left:auto!important;
    width:min(94vw,430px)!important;height:100dvh!important;max-height:100dvh!important;border-radius:18px 0 0 18px!important;
    z-index:10000!important;overflow:auto!important;transform:translate3d(105%,0,0)!important;visibility:hidden!important;pointer-events:none!important
  }
  body.rx-billing-next-ui .rx41-live-opd.is-open{transform:translate3d(0,0,0)!important;visibility:visible!important;pointer-events:auto!important}
  body.rx-billing-next-ui .rx41-opd-backdrop{position:fixed!important;inset:0!important;top:0!important;bottom:0!important;z-index:9990!important}
  body.rx-billing-next-ui .rx41-live-opd .rx41-live-opd-controls [data-r41-opd-minimize]{display:none!important}
  body.rx-billing-next-ui .rx-live-opd-mobile-toggle{right:max(8px,env(safe-area-inset-right,0px))!important;bottom:calc(48px + env(safe-area-inset-bottom,0px))!important;min-height:40px!important;height:40px!important;padding:0 9px!important;border-radius:12px!important;font-size:10px!important}
}

@media(max-width:390px){
  body.rx-billing-next-ui .rx41-topbar{grid-template-columns:105px minmax(0,1fr) auto!important;padding-inline:4px!important;column-gap:2px!important}
  body.rx-billing-next-ui .rx41-topbar-brand{grid-template-columns:40px 60px!important;gap:3px!important}
  body.rx-billing-next-ui .rx41-topbar-brand>.rx41-brand-link{max-width:60px!important}.rx-billing-next-ui .rx41-topbar-brand>.rx41-brand-link img{max-width:59px!important;max-height:26px!important}
  body.rx-billing-next-ui .rx41-ecosystem-nav>a{font-size:7.7px!important;padding-inline:1px!important}
  body.rx-billing-next-ui .rx-incoming-invoice-bell,body.rx-billing-next-ui .rx-user-button{width:34px!important;min-width:34px!important;max-width:34px!important;height:34px!important;min-height:34px!important;max-height:34px!important}
}

@media(prefers-reduced-motion:reduce){body.rx-billing-next-ui .rx41-live-opd{transition:none!important}}