/* Owned store-to-Panel integration. Financial values and native actions stay in WHMCS. */
#nb-store.nb-store[data-nb-store],#nb-ox-manage{font-family:var(--workspace-store-font,Inter,"Segoe UI",Arial,sans-serif)}
/* Headings h1-h3 follow the Panel heading font, as on the rest of the site; h4-h6 (small store labels such as
   "Choose Product") keep the store font (measured on production). */
#nb-store.nb-store[data-nb-store] :is(h1,h2,h3){font-family:var(--nbc-font-heading,var(--nbc-font-body,"Proxima Nova Rg",Helvetica,sans-serif))}
/* Store accent (Panel: Colours & fonts > Store accent); empty follows the primary colour. Buttons follow Buttons. */
#nb-store.nb-store[data-nb-store]{--nb-action:var(--nbc-store-action,var(--nbc-primary,#0948b3));--nb-action-hover:color-mix(in srgb,var(--nbc-store-action,var(--nbc-primary,#0948b3)) 88%,#000);--nb-action-ink:var(--nbc-store-action,var(--nbc-primary,#0948b3))}
#nb-store.nb-store[data-nb-store] :is(a,button,input,select,textarea,summary):focus-visible{outline-color:var(--nbc-focus,var(--nbc-primary,#0948b3))!important}
#nb-store.nb-store[data-nb-store] :is(.nb-hero,.nb-cta) :is(a,button,input,select,textarea,summary):focus-visible{outline-color:#a0e7ff!important}
#nb-ox-manage .btn-primary{background:var(--nbc-primary,#0948b3)!important;border-color:var(--nbc-primary,#0948b3)!important;color:#fff!important}
#nb-ox-manage .btn-primary:hover{background:color-mix(in srgb,var(--nbc-primary,#0948b3) 88%,#000)!important}
#nb-store [hidden]{display:none!important}
/* Store controls retain the authored 16px component scale inside native 14px shells. */
#nb-store .nrd-ps-field{padding:6px 12px}
#nb-store .nrd-ps-native{line-height:1.5}
#nb-store .modal-dialog,#nb-ox-manage .modal-dialog{margin-top:24px;margin-bottom:24px}
#nb-store .modal-content,#nb-ox-manage .modal-content{display:flex;flex-direction:column;max-height:calc(100vh - 48px);max-height:calc(100dvh - 48px)}
#nb-store :is(.modal-header,.modal-footer),#nb-ox-manage :is(.modal-header,.modal-footer){flex:0 0 auto}
#nb-store .modal-body,#nb-ox-manage .modal-body{min-height:0;overflow:auto}
#nb-store .now-store-section .payment-term{float:none;width:100%}
/* Thumb visibility follows pointer hover on that exact scrollable area. */
@supports not (-moz-appearance:none){
 #nb-store,#nb-store *,#nb-ox-manage,#nb-ox-manage *{scrollbar-width:auto;scrollbar-color:auto}
 #nb-store::-webkit-scrollbar,#nb-store *::-webkit-scrollbar,#nb-ox-manage::-webkit-scrollbar,#nb-ox-manage *::-webkit-scrollbar{width:3px;height:3px}
 #nb-store::-webkit-scrollbar-track,#nb-store *::-webkit-scrollbar-track,#nb-ox-manage::-webkit-scrollbar-track,#nb-ox-manage *::-webkit-scrollbar-track{background:transparent}
 #nb-store::-webkit-scrollbar-thumb,#nb-store *::-webkit-scrollbar-thumb,#nb-ox-manage::-webkit-scrollbar-thumb,#nb-ox-manage *::-webkit-scrollbar-thumb{background:transparent;border-radius:99px}
 #nb-store:hover::-webkit-scrollbar-thumb,#nb-store *:hover::-webkit-scrollbar-thumb,#nb-ox-manage:hover::-webkit-scrollbar-thumb,#nb-ox-manage *:hover::-webkit-scrollbar-thumb{background:#8daebf}
 #nb-store::-webkit-scrollbar-button,#nb-store *::-webkit-scrollbar-button,#nb-ox-manage::-webkit-scrollbar-button,#nb-ox-manage *::-webkit-scrollbar-button{display:none;width:0;height:0}
 #nb-store::-webkit-scrollbar-corner,#nb-store *::-webkit-scrollbar-corner,#nb-ox-manage::-webkit-scrollbar-corner,#nb-ox-manage *::-webkit-scrollbar-corner{background:transparent}
}
@supports (-moz-appearance:none){
 #nb-store,#nb-store *,#nb-ox-manage,#nb-ox-manage *{scrollbar-width:thin;scrollbar-color:transparent transparent}
 #nb-store:hover,#nb-store *:hover,#nb-ox-manage:hover,#nb-ox-manage *:hover{scrollbar-color:#8daebf transparent}
}