/* Published Panel tokens own primary actions in the private Workspace.
   Public content and intentionally styled non-primary actions retain their own appearance. */
body.workspace-theme #nabtech-workspace .nw-shell .btn-primary,
body.workspace-theme #nabtech-workspace .nw-btn,
body.workspace-theme .nww-dialog .nww-footer .nww-continue{
 background:var(--nbc-primary,#0948b3)!important;
 border-color:var(--nbc-primary,#0948b3)!important;
 color:#fff!important;
 box-shadow:0 4px 0 color-mix(in srgb,var(--nbc-primary,#0948b3) 20%,transparent),0 10px 24px color-mix(in srgb,var(--nbc-primary,#0948b3) 10%,transparent)!important;
}
body.workspace-theme #nabtech-workspace .nw-shell .btn-primary:hover,
body.workspace-theme #nabtech-workspace .nw-btn:hover,
body.workspace-theme .nww-dialog .nww-footer .nww-continue:hover{filter:brightness(1.08)}

/* Native email search keeps its margins inside the account column on phones. */
@media(max-width:700px){
 body.workspace-theme [data-nw-page="clientareaemails"] .dataTables_wrapper .dataTables_filter{width:auto!important;max-width:calc(100% - 46px);min-width:0}
 body.workspace-theme [data-nw-page="clientareaemails"] .dataTables_filter label{max-width:100%;white-space:normal}
 body.workspace-theme [data-nw-page="clientareaemails"] .dataTables_filter input{max-width:100%}
}

/* The final authored surface layer reads the published action colour. */
body.workspace-theme{--primary:var(--nbc-primary,#0948b3)}
html body.workspace-theme--square #nabtech-workspace :is(.card,.panel,.modal-content,.btn,.nw-sidebar-panel,.nw-home-panel,.nw-stat,.nw-service-summary,.nw-service-information,.nwcs-ledger,.nw-addfunds-card){border-radius:0!important}
html body.workspace-theme--flat #nabtech-workspace :is(.card,.panel,.modal-content,.btn,.nw-sidebar-panel,.nw-home-panel,.nw-stat,.nw-service-summary,.nw-service-information,.nwcs-ledger,.nw-addfunds-card){box-shadow:none!important}

/* New native service and registration surfaces follow the same published shape choices. */
html body.nab-workspace.workspace-theme--square #nabtech-workspace #nw-main .nw-content[data-nw-page="clientareaproductdetails"] .workspace-service-information>.card-header,
html body.workspace-theme--square #nabtech-workspace .workspace-service-summary :is(.nw-detail-banner,.nw-detail-facts),
html body.workspace-theme--square #nabtech-workspace .workspace-service-information>.product-details-tab-container,
html body.workspace-theme--square #nabr-registration .nabr-card,
html body.workspace-theme--square #nabr-registration .nabr-card::before,
html body.workspace-theme--square #nabr-registration .nabr-card::after {border-radius:0!important}
html body.workspace-theme--flat #nabtech-workspace #nw-main :is(.workspace-service-information,.workspace-service-summary .nw-detail-facts),
html body.workspace-theme--flat #nabr-registration .nabr-card {box-shadow:none!important}

/* Wide data tables (domains at tablet width, quotes and tickets on phones) scroll inside their card instead of
   making the whole page scroll sideways. 3px scrollbar, shown only while hovering the table (UI rule). */
/* position:relative makes the wrapper the containing block of the absolutely positioned sort arrows, so they scroll
   with the table too instead of widening the page. */
body.nab-workspace .nw-content .table-container .dataTables_wrapper{position:relative;max-width:100%;overflow-x:auto;--nw-table-thumb:transparent}
body.nab-workspace .nw-content .table-container .dataTables_wrapper:hover{--nw-table-thumb:#82a8ba}
body.nab-workspace .nw-content .table-container .dataTables_wrapper::-webkit-scrollbar{width:3px;height:3px}
body.nab-workspace .nw-content .table-container .dataTables_wrapper::-webkit-scrollbar-track{background:transparent}
body.nab-workspace .nw-content .table-container .dataTables_wrapper::-webkit-scrollbar-thumb{background:var(--nw-table-thumb);border-radius:3px}
@supports (-moz-appearance:none){body.nab-workspace .nw-content .table-container .dataTables_wrapper{scrollbar-width:thin;scrollbar-color:var(--nw-table-thumb) transparent}}