/* NomfroHost Account Manager v2 — registrar-style UX inspired by the supplied Account Manager sources. */
:root{
  --ns-blue:#2E639A;--ns-blue-dark:#214c78;--ns-ink:#111827;--ns-muted:#667085;--ns-line:#e4e7ec;
  --ns-soft:#f7f8fa;--ns-green:#178a5b;--ns-red:#c62828;--ns-shadow:0 2px 10px rgba(16,24,40,.06);
}
body.ns-account-manager{font-family:'Open Sans',Arial,sans-serif;background:#fff;color:var(--ns-ink);padding-top:72px;}
body.ns-account-manager .header:not(.ns-am-topbar){display:none!important}
.ns-am-topbar{position:fixed;left:0;right:0;top:0;height:72px;background:#fff;border-bottom:1px solid var(--ns-line);z-index:1040;box-shadow:0 1px 2px rgba(16,24,40,.03)}
.ns-am-topbar-inner{height:100%;display:flex;align-items:center;justify-content:space-between;padding:0 24px;gap:20px}
.ns-am-brand-row{display:flex;align-items:center;gap:18px;min-width:0}.ns-am-brand img{display:block;max-width:166px;max-height:46px}.ns-am-brand span{font-size:20px;font-weight:700;color:var(--ns-blue)}
.ns-am-product-name{font-size:15px;font-weight:600;color:#344054;border-left:1px solid var(--ns-line);padding-left:18px;white-space:nowrap}
.ns-am-top-actions{display:flex;align-items:center;gap:10px}.ns-am-help,.ns-am-icon-btn{border:0;background:transparent;color:#344054;font-size:14px;text-decoration:none!important;display:flex;align-items:center;gap:7px;padding:10px 12px;border-radius:8px}.ns-am-help:hover,.ns-am-icon-btn:hover{background:var(--ns-soft);color:var(--ns-ink)}
.ns-am-icon-btn{position:relative;font-size:18px}.ns-am-badge{position:absolute;right:3px;top:2px;min-width:17px;height:17px;line-height:17px;text-align:center;border-radius:9px;background:#d92d20;color:#fff;font-size:10px;font-weight:700}
.ns-am-user-btn{display:flex;align-items:center;gap:10px;border:1px solid var(--ns-line);background:#fff;border-radius:10px;padding:6px 10px 6px 7px;text-align:left;max-width:260px}.ns-am-user-btn:hover{background:#fafafa}.ns-am-avatar{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#101828;color:#fff;font-size:14px;font-weight:700;flex:none}.ns-am-user-copy{display:flex;flex-direction:column;min-width:0}.ns-am-user-copy small{font-size:10px;text-transform:uppercase;letter-spacing:.05em;color:#98a2b3}.ns-am-user-copy strong{font-size:13px;max-width:165px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ns-am-user-dropdown{min-width:210px;padding:8px;border:1px solid var(--ns-line);box-shadow:0 10px 30px rgba(16,24,40,.12);border-radius:10px}.ns-am-user-dropdown .dropdown-item{padding:10px 12px;border-radius:7px;font-size:13px}.ns-am-user-dropdown .dropdown-item i{width:22px;color:#667085}
.ns-am-mobile-toggle{display:none;border:0;background:transparent;font-size:20px;padding:8px;color:#344054}
.ns-am-sidebar{position:fixed;left:0;top:72px;bottom:0;width:244px;background:#fff;border-right:1px solid var(--ns-line);z-index:1030;display:flex;flex-direction:column;padding:20px 14px 18px;overflow-y:auto}
.ns-am-nav{display:flex;flex-direction:column;gap:4px}.ns-am-nav-item{min-height:44px;border-radius:7px;display:flex;align-items:center;gap:12px;padding:10px 12px;color:#303640!important;font-size:14px;font-weight:600;text-decoration:none!important;transition:.15s ease}.ns-am-nav-item i{font-size:18px;width:22px;text-align:center;color:#4b5563}.ns-am-nav-item:hover{background:#f2f4f7;color:#111!important}.ns-am-nav-item:hover i{color:#111}.ns-am-nav-item.ns-active{background:#111;color:#fff!important}.ns-am-nav-item.ns-active i{color:#fff}.ns-am-count{margin-left:auto;min-width:22px;height:22px;padding:0 6px;border-radius:11px;background:#eef2f6;color:#475467;display:flex;align-items:center;justify-content:center;font-size:11px}.ns-am-nav-item.ns-active .ns-am-count{background:#fff;color:#111}.ns-am-count-alert{background:#fee4e2;color:#b42318}.ns-am-nav-separator{height:1px;background:var(--ns-line);margin:12px 8px}.ns-am-sidebar-bottom{margin-top:auto;padding-top:18px}.ns-am-add-product{display:flex;align-items:center;justify-content:center;gap:8px;border:1px solid #101828;border-radius:8px;padding:10px 12px;font-size:13px;font-weight:700;color:#101828!important;text-decoration:none!important}.ns-am-add-product:hover{background:#101828;color:#fff!important}
.ns-am-sidebar-backdrop{display:none}
body.ns-account-manager #main-body{margin-left:244px;background:#fff;min-height:calc(100vh - 72px);padding:34px 0 56px}
body.ns-account-manager #main-body>.container{max-width:1250px;padding-left:32px;padding-right:32px}
body.ns-account-manager #main-body>.container>.row{margin-left:-12px;margin-right:-12px}
body.ns-account-manager #main-body>.container>.row>[class*="col-"]{padding-left:12px;padding-right:12px}
body.ns-account-manager .primary-content{min-width:0}
body.ns-account-manager .footer__area{display:none!important}
body.ns-account-manager .breadcrumb{background:transparent;padding:0;margin:0 0 18px;font-size:12px;color:#667085}
body.ns-account-manager .breadcrumb a{color:#667085}
body.ns-account-manager .alert{border-radius:9px;border-width:1px;box-shadow:none}
body.ns-account-manager .card{border:1px solid var(--ns-line);border-radius:10px;box-shadow:none;overflow:hidden;background:#fff}
body.ns-account-manager .card-header{background:#fff;border-bottom:1px solid var(--ns-line);padding:16px 18px}
body.ns-account-manager .card-body{padding:20px}
body.ns-account-manager .card-title{font-size:18px;font-weight:700;color:#101828}
body.ns-account-manager .btn{border-radius:7px;font-weight:600}.ns-account-manager .btn-primary{background:var(--ns-blue);border-color:var(--ns-blue)}.ns-account-manager .btn-primary:hover{background:var(--ns-blue-dark);border-color:var(--ns-blue-dark)}
body.ns-account-manager .form-control{border-color:#d0d5dd;border-radius:7px;min-height:42px}.ns-account-manager .form-control:focus{border-color:var(--ns-blue);box-shadow:0 0 0 3px rgba(46,99,154,.11)}
/* WHMCS secondary/local sidebar */
body.ns-account-manager .sidebar .card-sidebar{border:1px solid var(--ns-line);border-radius:9px;margin-bottom:18px!important}.ns-account-manager .sidebar .card-sidebar .card-header{padding:14px 15px}.ns-account-manager .sidebar .card-sidebar .card-title{font-size:14px}.ns-account-manager .sidebar .list-group-item{border:0;border-top:1px solid #f0f1f3;padding:11px 14px;color:#475467;font-size:13px}.ns-account-manager .sidebar .list-group-item.active{background:#101828;color:#fff}.ns-account-manager .sidebar .list-group-item.active i{color:#fff}
/* Account manager homepage */
.ns-am-page-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:24px}.ns-am-page-intro h1{font-size:30px;line-height:1.2;margin:0 0 7px;font-weight:700;letter-spacing:-.025em;color:#101828}.ns-am-page-intro p{margin:0;color:#667085;font-size:14px}.ns-am-primary-action{display:inline-flex;align-items:center;gap:8px;background:#101828;color:#fff!important;border-radius:7px;padding:10px 15px;font-weight:700;font-size:13px;text-decoration:none!important}
.ns-am-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:24px}.ns-am-stat-card{display:flex;align-items:center;gap:14px;padding:18px;border:1px solid var(--ns-line);border-radius:10px;text-decoration:none!important;color:#101828!important;background:#fff;transition:.18s ease}.ns-am-stat-card:hover{border-color:#c7ccd4;box-shadow:var(--ns-shadow);transform:translateY(-1px)}.ns-am-stat-icon{width:42px;height:42px;display:flex;align-items:center;justify-content:center;border-radius:9px;background:#f2f4f7;color:#344054;font-size:19px}.ns-am-stat-value{font-size:22px;font-weight:700;line-height:1}.ns-am-stat-label{font-size:12px;color:#667085;margin-top:5px}.ns-am-section{margin-bottom:24px}.ns-am-section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.ns-am-section-head h2{font-size:20px;margin:0;font-weight:700;color:#101828}.ns-am-section-head a{font-size:13px;font-weight:600}.ns-am-manage-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.ns-am-manage-card{border:1px solid var(--ns-line);border-radius:10px;padding:20px;background:#fff;min-height:178px;display:flex;flex-direction:column}.ns-am-manage-card .ns-am-manage-icon{width:40px;height:40px;border-radius:9px;background:#eef4fb;color:var(--ns-blue);display:flex;align-items:center;justify-content:center;font-size:18px;margin-bottom:14px}.ns-am-manage-card h3{font-size:16px;margin:0 0 7px;font-weight:700}.ns-am-manage-card p{font-size:13px;color:#667085;line-height:1.55;margin:0 0 16px}.ns-am-manage-card .ns-am-card-link{margin-top:auto;font-size:13px;font-weight:700;color:var(--ns-blue);text-decoration:none}.ns-am-manage-card .ns-am-card-link i{font-size:11px;margin-left:4px}
.ns-account-manager .client-home-cards .card{box-shadow:none}.ns-account-manager .client-home-cards .card-footer:empty{display:none}
/* Domains */
.ns-am-list-header{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:22px}.ns-am-list-header h1{font-size:30px;font-weight:700;letter-spacing:-.025em;margin:0 0 6px}.ns-am-list-header p{margin:0;color:#667085;font-size:14px}.ns-am-actions{display:flex;gap:8px;flex-wrap:wrap}.ns-am-table-shell{border:1px solid var(--ns-line);border-radius:10px;background:#fff;overflow:hidden}.ns-am-table-shell .table{margin-bottom:0}.ns-am-table-shell .table thead th{background:#f8f9fb;border-top:0;border-bottom:1px solid var(--ns-line);color:#667085;text-transform:none;font-size:12px;font-weight:700;padding:12px 14px}.ns-am-table-shell .table tbody td{padding:15px 14px;vertical-align:middle;border-top:1px solid #eef0f2}.ns-am-domain-name{font-weight:700;color:#101828!important;font-size:14px}.ns-am-domain-meta{font-size:11px;color:#667085;margin-top:4px}.ns-am-settings-btn{display:inline-flex;align-items:center;gap:6px;border:1px solid #d0d5dd;border-radius:7px;padding:7px 11px;color:#344054!important;font-size:12px;font-weight:700;text-decoration:none!important}.ns-am-settings-btn:hover{background:#f8f9fb}.ns-account-manager .dataTables_wrapper .dataTables_filter input{border:1px solid #d0d5dd;border-radius:7px;padding:7px 9px}.ns-account-manager .dataTables_wrapper .dataTables_length select{border:1px solid #d0d5dd;border-radius:6px}
/* Domain details modeled on domain dashboard / Advanced Tools */
.ns-am-domain-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin:0 0 20px}.ns-am-domain-heading h1{font-size:28px;margin:0 0 6px;font-weight:700;letter-spacing:-.02em}.ns-am-domain-heading p{margin:0;color:#667085;font-size:13px}.ns-am-status-pill{display:inline-flex;align-items:center;gap:6px;border-radius:999px;background:#ecfdf3;color:#027a48;padding:6px 10px;font-weight:700;font-size:12px}.ns-am-dashboard-section{border:1px solid var(--ns-line);border-radius:10px;background:#fff;padding:20px;margin-bottom:18px}.ns-am-dashboard-section h2{font-size:19px;margin:0 0 4px;font-weight:700}.ns-am-dashboard-section>.ns-am-section-desc{color:#667085;font-size:13px;margin-bottom:18px}.ns-am-overview-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--ns-line);border:1px solid var(--ns-line);border-radius:8px;overflow:hidden}.ns-am-overview-item{background:#fff;padding:15px}.ns-am-overview-item span{display:block;color:#667085;font-size:11px;margin-bottom:5px;text-transform:uppercase;letter-spacing:.035em}.ns-am-overview-item strong{display:block;color:#101828;font-size:14px;word-break:break-word}.ns-am-tools-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.ns-am-tool-card{border:1px solid var(--ns-line);border-radius:9px;padding:16px;display:flex;align-items:flex-start;gap:13px;background:#fff}.ns-am-tool-card>i{width:35px;height:35px;border-radius:8px;background:#f2f4f7;display:flex;align-items:center;justify-content:center;color:#344054;flex:none}.ns-am-tool-copy{min-width:0;flex:1}.ns-am-tool-copy h3{font-size:14px;margin:0 0 4px;font-weight:700}.ns-am-tool-copy p{font-size:12px;color:#667085;line-height:1.45;margin:0}.ns-am-tool-action{align-self:center;margin-left:auto;white-space:nowrap;font-size:12px;font-weight:700;color:var(--ns-blue)!important;text-decoration:none!important}.ns-am-tool-action:hover{text-decoration:underline!important}
.ns-account-manager #tabOverview>.card{border:0;box-shadow:none}.ns-account-manager #tabOverview>.card>.card-body{padding:0}.ns-account-manager #tabOverview>.card>.card-body>h3.card-title:first-child{display:none}
/* DNS + native tools */
.ns-account-manager #tableDomainsList .label,.ns-account-manager .status{border-radius:999px;padding:5px 9px;font-size:11px;font-weight:700}.ns-account-manager .table{color:#344054}.ns-account-manager .table th{font-weight:700}.ns-account-manager .modal-content{border-radius:10px;border:0;box-shadow:0 20px 50px rgba(16,24,40,.2)}
/* Login */
body:not(.ns-account-manager) .ns-login-page{min-height:calc(100vh - 80px);display:flex;align-items:center;justify-content:center;background:#f7f8fa;padding:44px 16px}.ns-login-shell{width:100%;max-width:440px}.ns-login-brand{text-align:center;margin-bottom:24px}.ns-login-brand img{max-width:190px;max-height:58px}.ns-login-card{background:#fff;border:1px solid var(--ns-line);border-radius:12px;padding:30px;box-shadow:0 6px 28px rgba(16,24,40,.06)}.ns-login-card h1{font-size:25px;font-weight:700;color:#101828;margin:0 0 7px}.ns-login-card .ns-login-sub{color:#667085;font-size:13px;margin-bottom:22px}.ns-login-field label{font-size:12px;color:#344054;font-weight:700;margin-bottom:6px;display:block}.ns-login-field input{width:100%;height:45px;border:1px solid #d0d5dd;border-radius:7px;padding:0 12px;font-size:14px}.ns-login-field input:focus{outline:0;border-color:var(--ns-blue);box-shadow:0 0 0 3px rgba(46,99,154,.1)}.ns-login-next,.ns-login-submit{width:100%;height:44px;border:0;border-radius:7px;background:#101828;color:#fff;font-size:14px;font-weight:700}.ns-login-next:hover,.ns-login-submit:hover{background:#000}.ns-login-back{border:0;background:transparent;color:var(--ns-blue);padding:0;font-size:12px;font-weight:700}.ns-login-help{display:flex;justify-content:space-between;gap:12px;font-size:12px;margin-top:14px}.ns-login-step-password{display:none}.ns-login-step-password.is-active{display:block}.ns-login-step-email.is-hidden{display:none}.ns-login-identity{background:#f8f9fb;border:1px solid var(--ns-line);border-radius:7px;padding:9px 11px;font-size:13px;color:#344054;margin-bottom:15px;display:flex;justify-content:space-between;gap:10px}
@media(max-width:1100px){.ns-am-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ns-am-manage-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ns-am-overview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:991px){body.ns-account-manager{padding-top:64px}.ns-am-topbar{height:64px}.ns-am-topbar-inner{padding:0 14px}.ns-am-product-name{display:none}.ns-am-help span,.ns-am-user-copy{display:none}.ns-am-user-btn{border:0;padding:4px}.ns-am-mobile-toggle{display:block}.ns-am-brand img{max-width:145px}.ns-am-sidebar{top:64px;transform:translateX(-100%);transition:transform .2s ease;box-shadow:10px 0 30px rgba(16,24,40,.12)}.ns-am-sidebar.is-open{transform:translateX(0)}.ns-am-sidebar-backdrop.is-open{display:block;position:fixed;inset:64px 0 0 0;background:rgba(16,24,40,.4);z-index:1020}body.ns-account-manager #main-body{margin-left:0;padding-top:24px}body.ns-account-manager #main-body>.container{padding-left:18px;padding-right:18px}.ns-am-tools-grid{grid-template-columns:1fr}}
@media(max-width:767px){.ns-am-page-intro,.ns-am-list-header,.ns-am-domain-heading{align-items:flex-start;flex-direction:column}.ns-am-stat-grid,.ns-am-manage-grid,.ns-am-overview-grid{grid-template-columns:1fr}.ns-am-tools-grid{grid-template-columns:1fr}.ns-am-top-actions{gap:2px}.ns-am-card-link{display:inline-block}.ns-login-card{padding:24px 20px}}

/* ============================================================
   NomfroHost Account Manager v2.1 — global navigation + speed UX
   ============================================================ */
:root{
  --ns-shell:#f6f8fb;
  --ns-surface:#ffffff;
  --ns-ink:#101828;
  --ns-muted:#667085;
  --ns-line:#e6e9ef;
  --ns-line-strong:#d0d5dd;
  --ns-blue:#2E639A;
  --ns-blue-700:#24527f;
  --ns-blue-soft:#eef4fb;
  --ns-sidebar:252px;
  --ns-sidebar-collapsed:78px;
  --ns-topbar:68px;
  --ns-radius:12px;
  --ns-shadow-sm:0 1px 2px rgba(16,24,40,.04);
  --ns-shadow-md:0 8px 30px rgba(16,24,40,.08);
}
html{scroll-behavior:auto}
body.ns-account-manager{
  font-family:'Open Sans',Arial,Helvetica,sans-serif;
  background:var(--ns-shell);
  color:var(--ns-ink);
  padding-top:var(--ns-topbar);
  -webkit-font-smoothing:antialiased;
}
body.ns-account-manager a,body.ns-account-manager button{transition:color .12s ease,background-color .12s ease,border-color .12s ease,box-shadow .12s ease}
body.ns-account-manager input,body.ns-account-manager select,body.ns-account-manager textarea{transition:border-color .12s ease,box-shadow .12s ease}

/* Route progress — fast visual feedback while WHMCS performs a full page request. */
.ns-am-route-progress{position:fixed;left:0;right:0;top:0;height:3px;z-index:3000;pointer-events:none;overflow:hidden;opacity:0}
.ns-am-route-progress span{display:block;width:100%;height:100%;transform:scaleX(0);transform-origin:left center;background:linear-gradient(90deg,var(--ns-blue),#67a6df);box-shadow:0 0 10px rgba(46,99,154,.28)}
body.ns-page-loading .ns-am-route-progress{opacity:1}
body.ns-page-loading .ns-am-route-progress span{animation:nsRouteProgress 7s cubic-bezier(.2,.65,.35,1) forwards}
body.ns-page-loading .primary-content{opacity:1}
@keyframes nsRouteProgress{0%{transform:scaleX(.08)}35%{transform:scaleX(.48)}70%{transform:scaleX(.72)}100%{transform:scaleX(.88)}}

/* Top bar */
.ns-am-topbar{height:var(--ns-topbar);background:#fff;box-shadow:var(--ns-shadow-sm)}
.ns-am-topbar-inner{padding:0 20px;gap:18px;max-width:none;margin:0 auto}
.ns-am-brand-row{gap:12px;flex:0 1 auto}
.ns-am-brand img{max-width:154px;max-height:42px}
.ns-am-product-name{font-size:13px;padding-left:14px;color:#475467}
.ns-am-desktop-collapse{width:34px;height:34px;border:0;background:transparent;border-radius:8px;color:#667085;display:flex;align-items:center;justify-content:center;font-size:17px;flex:none}
.ns-am-desktop-collapse:hover{background:#f2f4f7;color:#101828}
.ns-am-search-trigger{height:40px;min-width:260px;max-width:430px;flex:1;margin:0 auto;border:1px solid var(--ns-line);background:#f9fafb;border-radius:9px;color:#667085;display:flex;align-items:center;gap:9px;padding:0 12px;text-align:left;font-size:13px}
.ns-am-search-trigger:hover{background:#fff;border-color:#cbd2dc;box-shadow:0 2px 7px rgba(16,24,40,.05)}
.ns-am-search-trigger span{flex:1}.ns-am-search-trigger kbd{font:600 10px/1.4 inherit;color:#667085;background:#fff;border:1px solid #d0d5dd;border-bottom-width:2px;border-radius:5px;padding:2px 6px;white-space:nowrap}
.ns-am-top-actions{gap:6px;flex:none}
.ns-am-create-btn{height:38px;border:0;background:#101828;color:#fff;border-radius:8px;display:flex;align-items:center;gap:7px;padding:0 12px;font-size:12px;font-weight:700}
.ns-am-create-btn:hover,.ns-am-create-btn:focus{background:#000;color:#fff;outline:0}
.ns-am-create-dropdown{width:300px;padding:8px;border:1px solid var(--ns-line);border-radius:11px;box-shadow:var(--ns-shadow-md)}
.ns-am-create-dropdown .dropdown-item{display:flex;gap:11px;align-items:flex-start;padding:10px;border-radius:8px;white-space:normal}
.ns-am-create-dropdown .dropdown-item:hover{background:#f7f9fc}.ns-am-create-dropdown .dropdown-item>i{width:30px;height:30px;border-radius:7px;background:var(--ns-blue-soft);color:var(--ns-blue);display:flex;align-items:center;justify-content:center;flex:none;margin-top:1px}
.ns-am-create-dropdown .dropdown-item span{display:flex;flex-direction:column;line-height:1.25}.ns-am-create-dropdown .dropdown-item strong{font-size:12px;color:#101828}.ns-am-create-dropdown .dropdown-item small{font-size:10px;color:#667085;margin-top:3px}
.ns-am-help,.ns-am-icon-btn{height:38px;min-width:38px;justify-content:center;padding:0 10px;border-radius:8px}
.ns-am-user-btn{height:42px;border-radius:9px;padding:4px 9px 4px 5px}.ns-am-avatar{width:32px;height:32px}.ns-am-user-copy strong{font-size:12px}.ns-am-user-copy small{font-size:9px}
.ns-am-user-dropdown{border-radius:11px}.ns-am-menu-caption{font-size:10px;text-transform:uppercase;letter-spacing:.07em;color:#98a2b3;font-weight:700;padding:5px 12px 7px}

/* Sidebar */
.ns-am-sidebar{top:var(--ns-topbar);width:var(--ns-sidebar);padding:18px 12px 14px;background:#fff;box-shadow:1px 0 0 var(--ns-line)}
.ns-am-nav{gap:14px}.ns-am-nav-group{display:flex;flex-direction:column;gap:3px}.ns-am-nav-label{font-size:10px;text-transform:uppercase;letter-spacing:.085em;color:#98a2b3;font-weight:700;padding:0 11px 5px}
.ns-am-nav-item{min-height:41px;border-radius:8px;padding:9px 10px;font-size:13px;gap:11px}.ns-am-nav-item i{font-size:16px;width:20px}.ns-am-nav-item:hover{background:#f5f7fa}.ns-am-nav-item.ns-active{background:#eef4fb;color:#214f7b!important}.ns-am-nav-item.ns-active i{color:#2E639A}.ns-am-nav-item.ns-active .ns-am-count{background:#fff;color:#2E639A}
.ns-am-count{min-width:20px;height:20px;font-size:10px}
.ns-am-sidebar-bottom{display:grid;gap:6px;padding-top:14px}.ns-am-add-product{min-height:39px;border-color:#d0d5dd;background:#fff;color:#344054!important;font-size:12px}.ns-am-add-product:hover{background:#f8fafc;color:#101828!important;border-color:#aeb6c2}.ns-am-collapse-link{height:36px;border:0;background:transparent;border-radius:7px;color:#667085;display:flex;align-items:center;gap:10px;padding:0 11px;font-size:11px;font-weight:600}.ns-am-collapse-link:hover{background:#f5f7fa;color:#344054}

/* Collapsed desktop sidebar. */
body.ns-am-sidebar-collapsed .ns-am-sidebar{width:var(--ns-sidebar-collapsed);padding-left:10px;padding-right:10px}
body.ns-am-sidebar-collapsed #main-body,body.ns-am-sidebar-collapsed .ns-am-footer{margin-left:var(--ns-sidebar-collapsed)}
body.ns-am-sidebar-collapsed .ns-am-nav-label,body.ns-am-sidebar-collapsed .ns-am-nav-item>span:not(.ns-am-count),body.ns-am-sidebar-collapsed .ns-am-sidebar-bottom span{display:none}
body.ns-am-sidebar-collapsed .ns-am-nav-item{justify-content:center;padding-left:8px;padding-right:8px;position:relative}
body.ns-am-sidebar-collapsed .ns-am-nav-item i{margin:0;font-size:17px}
body.ns-am-sidebar-collapsed .ns-am-count{position:absolute;right:3px;top:3px;min-width:16px;height:16px;padding:0 4px;font-size:8px}
body.ns-am-sidebar-collapsed .ns-am-add-product{width:42px;height:40px;padding:0;margin:auto}body.ns-am-sidebar-collapsed .ns-am-collapse-link{justify-content:center}body.ns-am-sidebar-collapsed .ns-am-collapse-link i{transform:rotate(180deg)}

/* Main content */
body.ns-account-manager #main-body{margin-left:var(--ns-sidebar);background:var(--ns-shell);min-height:calc(100vh - var(--ns-topbar) - 64px);padding:28px 0 40px}
body.ns-account-manager #main-body>.container{max-width:1440px;padding-left:28px;padding-right:28px}
body.ns-account-manager .primary-content{animation:none}
@keyframes nsContentIn{from{opacity:.55;transform:translateY(3px)}to{opacity:1;transform:none}}
body.ns-account-manager .breadcrumb{display:none}

/* Context navigation: JS upgrades WHMCS page-specific sidebars into a horizontal task bar. */
.ns-am-context-wrap{margin-bottom:20px;border-bottom:1px solid var(--ns-line);overflow:hidden}
.ns-am-context-nav{display:flex;gap:4px;overflow-x:auto;scrollbar-width:none;padding:0 1px}.ns-am-context-nav::-webkit-scrollbar{display:none}
.ns-am-context-nav a{display:inline-flex;align-items:center;gap:7px;white-space:nowrap;padding:10px 12px;border-bottom:2px solid transparent;color:#667085!important;text-decoration:none!important;font-size:12px;font-weight:650}
.ns-am-context-nav a:hover{color:#101828!important;background:#fafbfc}.ns-am-context-nav a.ns-active{color:#2E639A!important;border-bottom-color:#2E639A}.ns-am-context-nav a i{font-size:13px}

/* Global component polish */
body.ns-account-manager .card,body.ns-account-manager .panel,body.ns-account-manager .well{border:1px solid var(--ns-line)!important;border-radius:var(--ns-radius)!important;box-shadow:var(--ns-shadow-sm)!important;background:#fff}
body.ns-account-manager .card-header,body.ns-account-manager .panel-heading{background:#fff!important;border-bottom:1px solid var(--ns-line)!important;padding:15px 18px!important}
body.ns-account-manager .card-title,body.ns-account-manager .panel-title{font-weight:700;color:#101828}
body.ns-account-manager .btn{min-height:38px;border-radius:8px;font-size:12px;font-weight:650;display:inline-flex;align-items:center;justify-content:center;gap:6px}
body.ns-account-manager .btn-sm{min-height:32px}.ns-account-manager .btn-primary{background:var(--ns-blue);border-color:var(--ns-blue)}.ns-account-manager .btn-primary:hover{background:var(--ns-blue-700);border-color:var(--ns-blue-700);box-shadow:0 3px 10px rgba(46,99,154,.16)}
body.ns-account-manager .btn-default,body.ns-account-manager .btn-secondary{background:#fff;border-color:#d0d5dd;color:#344054}.ns-account-manager .btn-default:hover,.ns-account-manager .btn-secondary:hover{background:#f9fafb;border-color:#b8c0cb;color:#101828}
body.ns-account-manager .form-control,body.ns-account-manager select.form-control,body.ns-account-manager .custom-select{min-height:42px;border-radius:8px;border-color:#d0d5dd;background:#fff;font-size:13px}.ns-account-manager textarea.form-control{min-height:110px}.ns-account-manager .form-control:focus,.ns-account-manager .custom-select:focus{border-color:#76a4ce;box-shadow:0 0 0 3px rgba(46,99,154,.10)}
body.ns-account-manager label{font-size:12px;font-weight:650;color:#344054}.ns-account-manager .input-group-text{border-color:#d0d5dd;background:#f8fafc;color:#667085}
body.ns-account-manager .alert{border-radius:10px;padding:12px 14px;font-size:12px}.ns-account-manager .alert-info{background:#eef6fd;border-color:#cfe4f6;color:#285f8f}.ns-account-manager .alert-warning{background:#fffaeb;border-color:#fedf89;color:#7a4e00}.ns-account-manager .alert-danger{background:#fff1f0;border-color:#fecdca;color:#a5221b}.ns-account-manager .alert-success{background:#ecfdf3;border-color:#abefc6;color:#067647}
body.ns-account-manager .nav-tabs{border-bottom:1px solid var(--ns-line);gap:2px}.ns-account-manager .nav-tabs .nav-link{border:0!important;border-bottom:2px solid transparent!important;border-radius:0!important;color:#667085;padding:10px 12px;font-size:12px;font-weight:650}.ns-account-manager .nav-tabs .nav-link:hover{color:#101828}.ns-account-manager .nav-tabs .nav-link.active{color:#2E639A!important;border-bottom-color:#2E639A!important;background:transparent!important}
body.ns-account-manager .modal-content{border:1px solid var(--ns-line);border-radius:14px;box-shadow:0 24px 70px rgba(16,24,40,.20)}.ns-account-manager .modal-header{border-bottom:1px solid var(--ns-line);padding:16px 18px}.ns-account-manager .modal-footer{border-top:1px solid var(--ns-line)}
body.ns-account-manager .dropdown-menu{border-color:var(--ns-line);box-shadow:var(--ns-shadow-md);border-radius:10px}

/* Lists and DataTables */
.ns-am-table-shell{border-radius:12px;box-shadow:var(--ns-shadow-sm)}
.ns-am-table-shell .table thead th{height:44px;padding:11px 14px;background:#f8fafc;color:#667085;font-size:11px;letter-spacing:.025em;text-transform:uppercase;border-bottom:1px solid var(--ns-line)}
.ns-am-table-shell .table tbody td{padding:14px;vertical-align:middle;font-size:12px;border-top:1px solid #eef1f5}.ns-am-table-shell .table tbody tr{background:#fff}.ns-am-table-shell .table tbody tr:hover{background:#fafcff}
.ns-account-manager .dataTables_wrapper{padding:0}.ns-account-manager .dataTables_wrapper .listtable{padding:14px 14px 6px;display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.ns-account-manager .dataTables_wrapper .dataTables_filter{margin:0}.ns-account-manager .dataTables_wrapper .dataTables_filter input{height:38px;min-width:230px;margin-left:0;padding:0 12px;border-radius:8px}.ns-account-manager .dataTables_wrapper .dataTables_filter input::placeholder{color:#98a2b3}.ns-account-manager .dataTables_wrapper .dataTables_length select{height:34px}.ns-account-manager .dataTables_wrapper .dataTables_info{font-size:11px;color:#667085;padding:13px 14px}.ns-account-manager .dataTables_wrapper .dataTables_paginate{padding:8px 12px 12px}.ns-account-manager .dataTables_wrapper .paginate_button{border:0!important;border-radius:7px!important;background:transparent!important;color:#475467!important;min-width:32px}.ns-account-manager .dataTables_wrapper .paginate_button.current{background:#eef4fb!important;color:#2E639A!important;font-weight:700}.ns-account-manager .dataTables_wrapper .paginate_button:hover{background:#f2f4f7!important;color:#101828!important}
#tableLoading{padding:30px!important;color:#667085;font-size:12px}.ns-account-manager #tableLoading i{color:#2E639A;margin-right:6px}
.ns-account-manager .table-list.w-hidden{opacity:1!important}.ns-account-manager .table-list:not(.w-hidden){opacity:1;transition:opacity .18s ease}

/* Headers and cards */
.ns-am-page-intro,.ns-am-list-header{margin-bottom:22px}.ns-am-page-intro h1,.ns-am-list-header h1{font-size:28px;letter-spacing:-.03em}.ns-am-page-intro p,.ns-am-list-header p{font-size:13px;max-width:680px}
.ns-am-stat-card,.ns-am-manage-card,.ns-am-dashboard-section,.ns-am-tool-card{border-radius:12px}.ns-am-stat-card:hover,.ns-am-manage-card:hover,.ns-am-tool-card:hover{border-color:#cfd6df;box-shadow:0 6px 22px rgba(16,24,40,.055);transform:translateY(-1px)}
.ns-am-manage-card{min-height:164px}.ns-am-manage-card h3{font-size:15px}.ns-am-manage-card p{font-size:12px}
.ns-am-dashboard-section{padding:20px}.ns-am-status-pill{font-size:11px}

/* Command palette */
.ns-am-command{position:fixed;inset:0;z-index:4000;display:none}.ns-am-command.is-open{display:block}.ns-am-command-backdrop{position:absolute;inset:0;background:rgba(16,24,40,.42)}
.ns-am-command-panel{position:relative;width:min(620px,calc(100vw - 28px));max-height:min(680px,calc(100vh - 90px));margin:74px auto 0;background:#fff;border:1px solid var(--ns-line);border-radius:14px;box-shadow:0 28px 80px rgba(16,24,40,.24);overflow:hidden;display:flex;flex-direction:column}
.ns-am-command-search{height:58px;display:flex;align-items:center;gap:10px;padding:0 15px;border-bottom:1px solid var(--ns-line);color:#667085}.ns-am-command-search input{border:0;outline:0;box-shadow:none;flex:1;height:100%;font-size:14px;color:#101828;background:transparent}.ns-am-command-search kbd,.ns-am-command-footer kbd{font:600 10px/1.4 inherit;border:1px solid #d0d5dd;border-bottom-width:2px;border-radius:5px;background:#fff;color:#667085;padding:2px 6px}
.ns-am-command-list{padding:8px;overflow:auto}.ns-am-command-heading{padding:9px 10px 5px;font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:#98a2b3;font-weight:700}.ns-am-command-list a{display:flex;align-items:center;gap:11px;padding:10px;border-radius:9px;text-decoration:none!important;color:#344054!important}.ns-am-command-list a:hover,.ns-am-command-list a.ns-command-selected{background:#f3f6fa;color:#101828!important}.ns-am-command-list a>i{width:34px;height:34px;border-radius:8px;background:#eef4fb;color:#2E639A;display:flex;align-items:center;justify-content:center;flex:none}.ns-am-command-list a>span{display:flex;flex-direction:column;min-width:0;flex:1}.ns-am-command-list a strong{font-size:12px}.ns-am-command-list a small{font-size:10px;color:#667085;margin-top:2px}.ns-am-command-list a em{font-style:normal;font-size:10px;color:#98a2b3}.ns-am-command-footer{display:flex;gap:18px;align-items:center;padding:9px 14px;background:#f9fafb;border-top:1px solid var(--ns-line);font-size:10px;color:#667085}.ns-am-command-footer span{display:flex;align-items:center;gap:4px}

/* Footer */
.ns-am-footer{margin-left:var(--ns-sidebar);min-height:64px;border-top:1px solid var(--ns-line);background:#fff;color:#667085}.ns-am-footer-inner{max-width:1440px;margin:auto;padding:20px 28px;display:flex;align-items:center;justify-content:space-between;gap:18px;font-size:11px}.ns-am-footer nav{display:flex;gap:18px;flex-wrap:wrap}.ns-am-footer a{color:#667085;text-decoration:none}.ns-am-footer a:hover{color:#2E639A}

/* Mobile bottom navigation */
.ns-am-mobile-nav{display:none}

/* Better scrollbar in account shell. */
.ns-am-sidebar,.ns-am-command-list{scrollbar-width:thin;scrollbar-color:#d0d5dd transparent}
.ns-am-sidebar::-webkit-scrollbar,.ns-am-command-list::-webkit-scrollbar{width:6px}.ns-am-sidebar::-webkit-scrollbar-thumb,.ns-am-command-list::-webkit-scrollbar-thumb{background:#d0d5dd;border-radius:8px}

@media(max-width:1200px){
  .ns-am-search-trigger{min-width:190px;max-width:300px}.ns-am-search-trigger kbd{display:none}.ns-am-product-name{display:none}
}
@media(max-width:991px){
  :root{--ns-topbar:62px}
  body.ns-account-manager{padding-top:var(--ns-topbar);padding-bottom:68px}
  .ns-am-topbar{height:var(--ns-topbar)}.ns-am-topbar-inner{padding:0 12px;gap:8px}.ns-am-desktop-collapse{display:none}.ns-am-mobile-toggle{display:flex;width:34px;height:34px;align-items:center;justify-content:center}.ns-am-brand img{max-width:135px;max-height:38px}.ns-am-search-trigger{min-width:38px;width:38px;max-width:38px;height:38px;flex:none;padding:0;justify-content:center}.ns-am-search-trigger span,.ns-am-search-trigger kbd{display:none}.ns-am-create-btn{width:38px;padding:0;justify-content:center}.ns-am-create-btn span{display:none}.ns-am-help{display:none}.ns-am-user-copy{display:none}.ns-am-user-btn{border:0;padding:3px}.ns-am-user-btn:after{display:none}
  .ns-am-sidebar{top:var(--ns-topbar);width:min(310px,86vw);transform:translateX(-105%);box-shadow:18px 0 44px rgba(16,24,40,.18);z-index:2500}.ns-am-sidebar.is-open{transform:translateX(0)}.ns-am-sidebar-backdrop.is-open{display:block;position:fixed;inset:var(--ns-topbar) 0 0;background:rgba(16,24,40,.42);z-index:2400}
  body.ns-account-manager #main-body,body.ns-am-sidebar-collapsed #main-body{margin-left:0;padding:22px 0 30px}.ns-am-footer,body.ns-am-sidebar-collapsed .ns-am-footer{margin-left:0;margin-bottom:62px}.ns-am-footer-inner{padding:18px;flex-direction:column;align-items:flex-start;gap:8px}
  body.ns-account-manager #main-body>.container{padding-left:16px;padding-right:16px}
  .ns-am-mobile-nav{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;left:0;right:0;bottom:0;height:62px;background:rgba(255,255,255,.98);border-top:1px solid var(--ns-line);z-index:2200;padding-bottom:env(safe-area-inset-bottom)}.ns-am-mobile-nav a,.ns-am-mobile-nav button{border:0;background:transparent;color:#667085!important;text-decoration:none!important;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:3px;font-size:9px;font-weight:650}.ns-am-mobile-nav i{font-size:16px}.ns-am-mobile-nav .ns-active{color:#2E639A!important}.ns-am-mobile-nav button{width:100%}
  .ns-am-command-panel{margin-top:18px;max-height:calc(100vh - 36px)}
}
@media(max-width:767px){
  .ns-am-top-actions{gap:1px}.ns-am-icon-btn{padding:0;width:36px}.ns-am-avatar{width:30px;height:30px}.ns-am-create-menu{display:none}.ns-am-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.ns-am-stat-card{padding:14px}.ns-am-stat-icon{width:36px;height:36px}.ns-am-stat-value{font-size:19px}.ns-am-manage-grid{grid-template-columns:1fr}.ns-am-page-intro h1,.ns-am-list-header h1{font-size:24px}.ns-am-list-header,.ns-am-page-intro{gap:14px}.ns-am-list-header .ns-am-actions,.ns-am-page-intro .ns-am-actions{width:100%}.ns-am-list-header .ns-am-actions .btn{flex:1}
  .ns-am-table-shell{overflow-x:auto}.ns-am-table-shell .table{min-width:680px}.ns-account-manager .dataTables_wrapper .listtable{align-items:stretch;flex-direction:column}.ns-account-manager .dataTables_wrapper .dataTables_filter input{width:100%;min-width:0}
  .ns-am-context-nav a{padding:10px 9px;font-size:11px}
  .ns-am-footer nav{gap:12px}
}
@media(max-width:480px){.ns-am-stat-grid{grid-template-columns:1fr}.ns-am-brand img{max-width:118px}.ns-am-user-menu{display:none}.ns-am-command-list a em{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}.ns-account-manager .primary-content{animation:none}}


/* ============================================================
   NomfroHost Account Manager v2.2 — unified store + cart journey
   Keep WHMCS functionality, remove the "theme inside a theme" feel.
   ============================================================ */
body.ns-account-manager table.table-list.w-hidden{opacity:1!important;visibility:visible!important}

/* Give commerce routes the same content rhythm as account pages. */
body.ns-account-manager #order-standard_cart,
body.ns-account-manager .store-order-container,
body.ns-account-manager .landing-page{
  color:var(--ns-ink);
  font-family:inherit;
}
body.ns-account-manager #order-standard_cart{padding:0!important;margin:0 auto;max-width:none!important}
body.ns-account-manager #order-standard_cart>.row{margin:0!important;display:block}
body.ns-account-manager #order-standard_cart .cart-body{float:none!important;width:100%!important;max-width:none!important;padding:0!important;margin:0!important}
body.ns-account-manager #order-standard_cart .header-lined{margin:0 0 22px!important;padding:0!important;border:0!important}
body.ns-account-manager #order-standard_cart .header-lined h1{font-size:30px!important;line-height:1.2!important;letter-spacing:-.03em!important;font-weight:750!important;color:#101828!important;margin:0!important}
body.ns-account-manager #order-standard_cart .header-lined h1 small{display:block;font-size:13px!important;line-height:1.55!important;color:#667085!important;margin-top:8px!important;font-weight:450!important}

/* Product categories become a compact horizontal scroller instead of a second tall sidebar. */
body.ns-account-manager #order-standard_cart .cart-sidebar{float:none!important;width:100%!important;max-width:none!important;padding:0!important;margin:0 0 18px!important}
body.ns-account-manager #order-standard_cart .cart-sidebar .panel,
body.ns-account-manager #order-standard_cart .cart-sidebar .card{border:0!important;background:transparent!important;box-shadow:none!important;margin:0!important;overflow:visible!important}
body.ns-account-manager #order-standard_cart .cart-sidebar .panel-heading,
body.ns-account-manager #order-standard_cart .cart-sidebar .card-header{display:none!important}
body.ns-account-manager #order-standard_cart .cart-sidebar .list-group{
  display:flex!important;flex-direction:row!important;align-items:center!important;gap:7px!important;
  overflow-x:auto!important;overscroll-behavior-inline:contain;padding:2px 0 8px!important;border:0!important;
  scrollbar-width:thin;scrollbar-color:#d0d5dd transparent;
}
body.ns-account-manager #order-standard_cart .cart-sidebar .list-group-item{
  flex:0 0 auto!important;display:inline-flex!important;align-items:center!important;min-height:38px!important;
  padding:8px 12px!important;margin:0!important;border:1px solid var(--ns-line)!important;border-radius:999px!important;
  background:#fff!important;color:#475467!important;font-size:12px!important;font-weight:650!important;white-space:nowrap!important;
}
body.ns-account-manager #order-standard_cart .cart-sidebar .list-group-item:hover{border-color:#b7c3d1!important;background:#f8fafc!important;color:#101828!important}
body.ns-account-manager #order-standard_cart .cart-sidebar .list-group-item.active{background:var(--ns-blue-soft)!important;border-color:#c7d9ec!important;color:var(--ns-blue)!important}
body.ns-account-manager #order-standard_cart .cart-sidebar .list-group-item .badge{margin-left:6px!important}

/* Standard-cart cards, products and renewal panels. */
body.ns-account-manager #order-standard_cart .product,
body.ns-account-manager #order-standard_cart .domain-renewal,
body.ns-account-manager #order-standard_cart .domain-renewals,
body.ns-account-manager #order-standard_cart .view-cart-items,
body.ns-account-manager #order-standard_cart .summary-container,
body.ns-account-manager #order-standard_cart .panel,
body.ns-account-manager #order-standard_cart .card{
  border-color:var(--ns-line)!important;border-radius:var(--ns-radius)!important;box-shadow:var(--ns-shadow-sm)!important;
}
body.ns-account-manager #order-standard_cart .product{background:#fff!important;transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease}
body.ns-account-manager #order-standard_cart .product:hover{border-color:#cfd6df!important;box-shadow:0 7px 24px rgba(16,24,40,.06)!important;transform:translateY(-1px)}
body.ns-account-manager #order-standard_cart .product header{background:#fff!important;border-bottom:1px solid var(--ns-line)!important;padding:16px 18px!important;border-radius:var(--ns-radius) var(--ns-radius) 0 0!important}
body.ns-account-manager #order-standard_cart .product header span{font-size:18px!important;font-weight:720!important;color:#101828!important}
body.ns-account-manager #order-standard_cart .product .product-desc{padding:17px 18px!important;color:#475467!important;line-height:1.65!important}
body.ns-account-manager #order-standard_cart .product footer{padding:16px 18px!important;border-top:1px solid #eef1f5!important;background:#fbfcfd!important;border-radius:0 0 var(--ns-radius) var(--ns-radius)!important}
body.ns-account-manager #order-standard_cart .product .product-pricing{color:#101828!important;font-weight:700!important}

/* Buttons/forms across order flow. */
body.ns-account-manager #order-standard_cart .btn,
body.ns-account-manager .store-order-container .btn{min-height:40px;border-radius:9px!important;font-weight:700!important;padding:8px 14px!important;box-shadow:none!important}
body.ns-account-manager #order-standard_cart .btn-primary,
body.ns-account-manager #order-standard_cart .btn-success,
body.ns-account-manager .store-order-container .btn-primary,
body.ns-account-manager .store-order-container .btn-success{background:var(--ns-blue)!important;border-color:var(--ns-blue)!important;color:#fff!important}
body.ns-account-manager #order-standard_cart .btn-primary:hover,
body.ns-account-manager #order-standard_cart .btn-success:hover,
body.ns-account-manager .store-order-container .btn-primary:hover,
body.ns-account-manager .store-order-container .btn-success:hover{background:var(--ns-blue-700)!important;border-color:var(--ns-blue-700)!important}
body.ns-account-manager #order-standard_cart .form-control,
body.ns-account-manager #order-standard_cart .custom-select,
body.ns-account-manager .store-order-container .form-control,
body.ns-account-manager .store-order-container .custom-select{min-height:44px!important;border:1px solid #d0d5dd!important;border-radius:9px!important;background-color:#fff!important;color:#101828!important;box-shadow:none!important}
body.ns-account-manager #order-standard_cart .form-control:focus,
body.ns-account-manager #order-standard_cart .custom-select:focus,
body.ns-account-manager .store-order-container .form-control:focus,
body.ns-account-manager .store-order-container .custom-select:focus{border-color:var(--ns-blue)!important;box-shadow:0 0 0 3px rgba(46,99,154,.11)!important}

/* Order summary should feel like a first-class checkout card. */
body.ns-account-manager #order-standard_cart .order-summary,
body.ns-account-manager #order-standard_cart .summary-container{background:#fff!important;border:1px solid var(--ns-line)!important;border-radius:12px!important;overflow:hidden!important}
body.ns-account-manager #order-standard_cart .order-summary h2,
body.ns-account-manager #order-standard_cart .summary-container h2{background:#101828!important;color:#fff!important;margin:0!important;padding:14px 16px!important;font-size:17px!important;font-weight:700!important}
body.ns-account-manager #order-standard_cart .total-due-today{color:#101828!important}

/* Domain registration / renewal pages. */
body.ns-account-manager #order-standard_cart .domain-selection-options,
body.ns-account-manager #order-standard_cart .domain-renewals{background:#fff!important;border:1px solid var(--ns-line)!important;border-radius:12px!important;padding:18px!important}
body.ns-account-manager #order-standard_cart .domain-renewal{padding:18px!important;margin-bottom:12px!important;background:#fff!important}
body.ns-account-manager #order-standard_cart .domain-renewal:last-child{margin-bottom:0!important}

/* WHMCS store product configuration. */
body.ns-account-manager .store-order-container{max-width:none!important;background:#fff!important;border:1px solid var(--ns-line)!important;border-radius:14px!important;padding:24px!important;box-shadow:var(--ns-shadow-sm)!important}
body.ns-account-manager .store-order-container h2{font-size:28px!important;font-weight:750!important;letter-spacing:-.025em!important;color:#101828!important}
body.ns-account-manager .store-order-container h4{font-size:14px!important;font-weight:700!important;color:#344054!important}
body.ns-account-manager .store-order-container .payment-term{background:#f8fafc!important;border:1px solid var(--ns-line)!important;border-radius:10px!important;padding:14px!important}
body.ns-account-manager .store-domain-tabs{border-bottom:1px solid var(--ns-line)!important;gap:4px!important}
body.ns-account-manager .store-domain-tabs .nav-link{border:0!important;border-bottom:2px solid transparent!important;background:transparent!important;color:#667085!important;padding:11px 13px!important;font-size:12px!important;font-weight:700!important}
body.ns-account-manager .store-domain-tabs .nav-link.active{border-bottom-color:var(--ns-blue)!important;color:var(--ns-blue)!important}
body.ns-account-manager .store-domain-tab-content{border:1px solid var(--ns-line)!important;border-top:0!important;border-radius:0 0 10px 10px!important;padding:18px!important}

/* Nexus Cart host wrapper. */
body.ns-account-manager .ns-nexus-orderflow{width:100%;max-width:none;margin:0}
body.ns-account-manager .ns-nexus-orderflow .ns-cart-body-full{float:none!important;width:100%!important;max-width:none!important;padding:0!important;margin:0!important}

/* Prevent old cart styles from forcing a white full-page island inside the shell. */
body.ns-account-manager section#main-body{background:var(--ns-shell)!important}
body.ns-account-manager section#main-body>.container{max-width:1440px!important}

@media(max-width:767px){
  body.ns-account-manager #order-standard_cart .header-lined h1{font-size:25px!important}
  body.ns-account-manager .store-order-container{padding:17px!important;border-radius:11px!important}
  body.ns-account-manager #order-standard_cart .cart-sidebar{margin-bottom:12px!important}
  body.ns-account-manager #order-standard_cart .cart-sidebar .list-group-item{font-size:11px!important;min-height:36px!important;padding:7px 10px!important}
}

/* Native server-module Login relocation.
   The original WHMCS/module form/button is moved, never recreated. */
.ns-account-manager .module-client-area.ns-am-module-login-vacated{display:none!important}
.ns-account-manager .ns-am-context-nav .ns-am-native-login-action{
  display:inline-flex!important;align-items:stretch!important;margin:0!important;padding:0!important;
  border:0!important;background:transparent!important;box-shadow:none!important;white-space:nowrap;
}
.ns-account-manager .ns-am-context-nav .ns-am-native-login-control{
  min-height:0!important;height:auto!important;margin:0!important;padding:10px 12px!important;
  border:0!important;border-bottom:2px solid transparent!important;border-radius:0!important;
  background:transparent!important;box-shadow:none!important;color:#667085!important;
  font:650 12px/1.4 inherit!important;text-decoration:none!important;cursor:pointer!important;white-space:nowrap!important;
}
.ns-account-manager .ns-am-context-nav .ns-am-native-login-control:hover{
  color:#101828!important;background:#fafbfc!important;
}
@media(max-width:767px){
  .ns-account-manager .ns-am-context-nav .ns-am-native-login-control{padding:10px 9px!important;font-size:11px!important}
}


/* ============================================================
   NomfroHost Account Manager v2.3 — typography + paint polish
   Network Solutions Account Manager reference:
   16px base copy, clear 14/16/20px hierarchy, stronger headings.
   Presentation/performance only — no WHMCS actions are replaced.
   ============================================================ */
body.ns-account-manager{
  font-family:'Open Sans',Arial,Helvetica,sans-serif;
  font-size:16px;
  line-height:1.5;
  font-weight:400;
  color:#404040;
}
body.ns-account-manager strong,
body.ns-account-manager b{font-weight:700}

/* Network Solutions-like hierarchy: readable body, bold navigation/headings. */
.ns-am-product-name{font-size:15px;font-weight:600}
.ns-am-help{font-size:16px;font-weight:600}
.ns-am-search-trigger{font-size:14px;font-weight:400}
.ns-am-user-copy strong{font-size:14px;font-weight:700}
.ns-am-user-copy small{font-size:10px;font-weight:600}
.ns-am-nav-label{font-size:11px;font-weight:700;letter-spacing:.075em}
.ns-am-nav-item{font-size:16px;font-weight:600;line-height:24px}
.ns-am-nav-item i{font-size:18px}
.ns-am-add-product{font-size:14px;font-weight:700}
.ns-am-collapse-link{font-size:13px;font-weight:600}

.ns-am-page-intro h1,.ns-am-list-header h1{
  font-size:32px;
  line-height:1.2;
  font-weight:700;
  letter-spacing:-.025em;
  color:#202124;
}
.ns-am-page-intro p,.ns-am-list-header p{font-size:16px;line-height:24px;color:#5f6368}
.ns-am-section-head h2{font-size:20px;line-height:28px;font-weight:700}
.ns-am-section-head a{font-size:14px;font-weight:600}
.ns-am-manage-card h3{font-size:18px;line-height:26px;font-weight:700}
.ns-am-manage-card p{font-size:14px;line-height:22px}
.ns-am-stat-value{font-size:24px;font-weight:700}
.ns-am-stat-label{font-size:14px;line-height:20px}

.ns-am-context-nav a{font-size:14px;font-weight:600;line-height:20px}
.ns-account-manager .ns-am-context-nav .ns-am-native-login-control{font-size:14px!important;font-weight:600!important;line-height:20px!important}

body.ns-account-manager .card-title,
body.ns-account-manager .panel-title{font-size:20px;line-height:28px;font-weight:700}
body.ns-account-manager .card-body,
body.ns-account-manager .panel-body{font-size:15px;line-height:24px}
body.ns-account-manager .btn{font-size:14px;font-weight:700;line-height:20px}
body.ns-account-manager .form-control,
body.ns-account-manager select.form-control,
body.ns-account-manager .custom-select{font-size:16px;line-height:24px}
body.ns-account-manager label{font-size:14px;font-weight:600;line-height:20px}
body.ns-account-manager .alert{font-size:14px;line-height:21px}
.ns-account-manager .nav-tabs .nav-link{font-size:14px;font-weight:600;line-height:20px}

.ns-am-table-shell .table thead th{font-size:12px;font-weight:700}
.ns-am-table-shell .table tbody td{font-size:14px;line-height:21px}
.ns-am-domain-name{font-size:15px;font-weight:700}
.ns-am-domain-meta{font-size:12px}
.ns-account-manager .dataTables_wrapper .dataTables_info{font-size:13px}

/* Commerce pages keep the same type rhythm. */
body.ns-account-manager #order-standard_cart .header-lined h1{font-size:32px!important;font-weight:700!important;line-height:1.2!important}
body.ns-account-manager #order-standard_cart .header-lined h1 small{font-size:14px!important;line-height:22px!important;font-weight:400!important}
body.ns-account-manager #order-standard_cart .cart-sidebar .list-group-item{font-size:14px!important;font-weight:600!important}
body.ns-account-manager #order-standard_cart .product header span{font-size:20px!important;font-weight:700!important}
body.ns-account-manager #order-standard_cart .product .product-desc{font-size:15px!important;line-height:24px!important}
body.ns-account-manager #order-standard_cart .btn,
body.ns-account-manager .store-order-container .btn{font-size:14px!important;font-weight:700!important}
body.ns-account-manager #order-standard_cart .form-control,
body.ns-account-manager #order-standard_cart .custom-select,
body.ns-account-manager .store-order-container .form-control,
body.ns-account-manager .store-order-container .custom-select{font-size:16px!important}
body.ns-account-manager .store-order-container h2{font-size:32px!important;font-weight:700!important;line-height:1.2!important}
body.ns-account-manager .store-order-container h4{font-size:16px!important;font-weight:700!important}
body.ns-account-manager .store-domain-tabs .nav-link{font-size:14px!important;font-weight:600!important}

/* Paint-friendly interactions: no full-page fade, blur or hover movement. */
body.ns-account-manager .primary-content{animation:none!important;transform:none!important}
body.ns-page-loading .primary-content{opacity:1!important}
.ns-am-topbar{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
.ns-am-command-backdrop,.ns-am-sidebar-backdrop{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
.ns-am-stat-card:hover,.ns-am-manage-card:hover,.ns-am-tool-card:hover,
body.ns-account-manager #order-standard_cart .product:hover{transform:none!important}
.ns-account-manager .table-list:not(.w-hidden){transition:none!important}

/* Keep viewport movement immediate; individual component states still animate subtly. */
html{scroll-behavior:auto!important}

@media(max-width:767px){
  .ns-am-nav-item{font-size:15px}
  .ns-am-page-intro h1,.ns-am-list-header h1{font-size:28px}
  .ns-am-page-intro p,.ns-am-list-header p{font-size:15px}
  .ns-am-context-nav a,.ns-account-manager .ns-am-context-nav .ns-am-native-login-control{font-size:13px!important}
  body.ns-account-manager #order-standard_cart .header-lined h1{font-size:28px!important}
}

/* ============================================================
   NomfroHost Client Experience v2.4 — guest / signed-out shell
   Presentation only. Does not alter WHMCS cart, Nexus or API logic.
   ============================================================ */
body.ns-guest{
  --ns-guest-header:76px;
  font-family:'Open Sans',Arial,Helvetica,sans-serif;
  font-size:16px;
  line-height:1.55;
  font-weight:400;
  color:#202124;
  background:#f7f9fc;
  padding-top:var(--ns-guest-header);
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
body.ns-guest strong,body.ns-guest b{font-weight:700}

/* Fast route feedback without fading or moving page content. */
.ns-guest-route-progress{position:fixed;top:0;left:0;right:0;height:3px;z-index:5000;pointer-events:none;overflow:hidden}
.ns-guest-route-progress span{display:block;width:0;height:100%;background:var(--ns-blue);opacity:0;transition:width .18s ease,opacity .12s ease}
body.ns-guest.ns-page-loading .ns-guest-route-progress span{width:82%;opacity:1}

/* Compact guest header. */
.ns-guest-header{position:fixed;left:0;right:0;top:0;z-index:1040;height:var(--ns-guest-header);background:#fff;border-bottom:1px solid #e6eaf0;box-shadow:0 1px 2px rgba(16,24,40,.025)}
.ns-guest-header-inner{height:100%;max-width:1360px!important;display:flex;align-items:center;gap:26px}
.ns-guest-brand{display:flex;align-items:center;flex:none;text-decoration:none!important}
.ns-guest-brand img{display:block;width:auto;max-width:170px;max-height:48px}
.ns-guest-brand strong{font-size:20px;color:var(--ns-blue)}
.ns-guest-nav-shell{flex:1;align-items:center;min-width:0}
.ns-guest-primary-nav{display:flex;align-items:center;justify-content:center;gap:3px;flex:1}
.ns-guest-primary-nav a{display:inline-flex;align-items:center;min-height:42px;padding:9px 11px;border-radius:8px;color:#344054!important;text-decoration:none!important;font-size:14px;font-weight:700;white-space:nowrap;transition:background-color .12s ease,color .12s ease}
.ns-guest-primary-nav a:hover,.ns-guest-primary-nav a.ns-active{background:#f1f5fa;color:var(--ns-blue)!important}
.ns-guest-actions{display:flex;align-items:center;justify-content:flex-end;gap:7px;flex:none;margin-left:auto}
.ns-guest-actions a,.ns-guest-localise{min-height:40px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:8px 11px;font-size:13px;font-weight:700;text-decoration:none!important;white-space:nowrap;transition:background-color .12s ease,border-color .12s ease,color .12s ease}
.ns-guest-localise{border:1px solid #d7dde5;background:#fff;color:#475467;cursor:pointer}
.ns-guest-localise:hover{background:#f8fafc;border-color:#c6ced9;color:#101828}
.ns-guest-login{color:#344054!important;border:1px solid transparent}
.ns-guest-login:hover{background:#f5f7fa;color:#101828!important}
.ns-guest-signup{background:var(--ns-blue);border:1px solid var(--ns-blue);color:#fff!important;padding-left:14px!important;padding-right:14px!important}
.ns-guest-signup:hover{background:var(--ns-blue-dark);border-color:var(--ns-blue-dark);color:#fff!important}
.ns-guest-cart{position:relative;border:1px solid #d7dde5;color:#344054!important;background:#fff}
.ns-guest-cart:hover{background:#f8fafc;color:var(--ns-blue)!important}
.ns-guest-cart b{position:absolute;right:-6px;top:-7px;display:flex;align-items:center;justify-content:center;min-width:19px;height:19px;padding:0 5px;border-radius:10px;background:var(--ns-blue);color:#fff;font-size:10px;line-height:1}
.ns-guest-menu-toggle{display:none;align-items:center;gap:7px;margin-left:auto;border:1px solid #d7dde5;background:#fff;color:#344054;border-radius:8px;min-height:40px;padding:8px 11px;font-size:13px;font-weight:700}

/* Signed-out content canvas. */
body.ns-guest #main-body{min-height:calc(100vh - var(--ns-guest-header));padding:34px 0 54px;background:#f7f9fc}
body.ns-guest #main-body>.container{max-width:1240px;padding-left:24px;padding-right:24px}
body.ns-guest #main-body>.container>.row{margin-left:-11px;margin-right:-11px}
body.ns-guest #main-body>.container>.row>[class*="col-"]{padding-left:11px;padding-right:11px}
body.ns-guest .primary-content{min-width:0}
body.ns-guest .primary-content>h1:first-child,body.ns-guest .header-lined h1{font-size:32px;line-height:1.2;letter-spacing:-.025em;font-weight:700;color:#202124;margin-bottom:10px}
body.ns-guest .header-lined h1 small{display:block;margin-top:8px;font-size:15px;line-height:1.55;font-weight:400;color:#667085}
body.ns-guest h2{font-weight:700;color:#202124}
body.ns-guest h3,body.ns-guest h4{font-weight:700;color:#30343b}
body.ns-guest p{color:#59636f}
body.ns-guest a{transition:color .12s ease,background-color .12s ease,border-color .12s ease}
body.ns-guest .breadcrumb{background:transparent;border:0;padding:0;margin:0 0 18px;color:#7a8491;font-size:13px}
body.ns-guest .breadcrumb a{color:#667085}

/* Guest cards, forms and tables. */
body.ns-guest .card,body.ns-guest .panel,body.ns-guest .well{background:#fff;border:1px solid #e2e7ed!important;border-radius:12px!important;box-shadow:0 2px 8px rgba(16,24,40,.035)!important;overflow:hidden}
body.ns-guest .card-header,body.ns-guest .panel-heading{background:#fff!important;border-bottom:1px solid #e9edf2!important;padding:17px 20px!important}
body.ns-guest .card-body,body.ns-guest .panel-body{padding:21px}
body.ns-guest .card-title,body.ns-guest .panel-title{font-size:19px;line-height:1.35;font-weight:700;color:#202124}
body.ns-guest .btn{min-height:40px;border-radius:8px;font-size:14px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:6px;box-shadow:none!important}
body.ns-guest .btn-primary{background:var(--ns-blue);border-color:var(--ns-blue)}
body.ns-guest .btn-primary:hover,body.ns-guest .btn-primary:focus{background:var(--ns-blue-dark);border-color:var(--ns-blue-dark)}
body.ns-guest .btn-default,body.ns-guest .btn-secondary{background:#fff;border-color:#d0d7e0;color:#344054}
body.ns-guest .btn-default:hover,body.ns-guest .btn-secondary:hover{background:#f8fafc;border-color:#bbc5d1;color:#101828}
body.ns-guest .form-control,body.ns-guest .field,body.ns-guest select,body.ns-guest textarea{font-family:inherit;font-size:16px}
body.ns-guest .form-control,body.ns-guest input.field,body.ns-guest select.field,body.ns-guest textarea.field,body.ns-guest .custom-select{min-height:46px;border:1px solid #cfd6df;border-radius:8px;background:#fff;color:#202124;box-shadow:none}
body.ns-guest .form-control:focus,body.ns-guest input.field:focus,body.ns-guest select.field:focus,body.ns-guest textarea.field:focus,body.ns-guest .custom-select:focus{border-color:#79a5cd;box-shadow:0 0 0 3px rgba(46,99,154,.11);outline:0}
body.ns-guest label{font-size:14px;font-weight:700;color:#344054}
body.ns-guest .input-group-text{border-color:#cfd6df;background:#f8fafc;color:#667085}
body.ns-guest .alert{border-radius:10px;font-size:14px;line-height:1.5;box-shadow:none}
body.ns-guest .table{background:#fff}
body.ns-guest .table thead th{border-top:0;border-bottom:1px solid #e5e9ef;background:#f8fafc;color:#667085;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.025em}
body.ns-guest .table td{border-top-color:#edf0f4;font-size:14px;vertical-align:middle}

/* Guest/local sidebar: useful but visually secondary. */
body.ns-guest .sidebar .card-sidebar{border-radius:10px!important;margin-bottom:16px!important}
body.ns-guest .sidebar .card-sidebar .card-header{padding:14px 16px!important}
body.ns-guest .sidebar .card-sidebar .card-title{font-size:15px}
body.ns-guest .sidebar .list-group-item{border:0;border-top:1px solid #edf0f4;padding:11px 14px;color:#55606d;font-size:13px;font-weight:600}
body.ns-guest .sidebar .list-group-item.active{background:#eef4fb;color:var(--ns-blue);font-weight:700}

/* Registration and public account pages. */
body.ns-guest #registration{max-width:980px;margin:0 auto}
body.ns-guest #registration>.using-password-strength>.card,body.ns-guest #registration .card{margin-bottom:16px!important}
body.ns-guest #registration .card-body{padding:24px!important}
body.ns-guest #registration .card-title{margin-bottom:19px}
body.ns-guest .prepend-icon .field-icon{color:#7d8794}
body.ns-guest .prepend-icon .field{border-color:#cfd6df}
body.ns-guest .password-strength-meter{border-radius:8px;overflow:hidden}

/* Standard cart/store fallback styling. Nexus itself stays inside its own shadow DOM. */
body.ns-guest #order-standard_cart{font-family:'Open Sans',Arial,Helvetica,sans-serif!important;color:#202124}
body.ns-guest #order-standard_cart .header-lined h1{font-size:32px!important;font-weight:700!important;letter-spacing:-.025em!important}
body.ns-guest #order-standard_cart .products .product,body.ns-guest #order-standard_cart .product,body.ns-guest .store-order-container{border:1px solid #e2e7ed!important;border-radius:12px!important;box-shadow:0 2px 8px rgba(16,24,40,.035)!important;background:#fff!important}
body.ns-guest #order-standard_cart .btn,body.ns-guest .store-order-container .btn{font-weight:700!important;border-radius:8px!important}
body.ns-guest #order-standard_cart .form-control,body.ns-guest .store-order-container .form-control{font-size:16px!important;border-radius:8px!important}
body.ns-guest .ns-nexus-orderflow{width:100%;max-width:none;margin:0}
body.ns-guest .ns-nexus-orderflow .ns-cart-body-full{float:none!important;width:100%!important;max-width:none!important;padding:0!important;margin:0!important}

/* Compact guest footer. */
.ns-guest-footer{background:#fff;border-top:1px solid #e2e7ed;color:#667085}
.ns-guest-footer>.container{max-width:1240px;padding-top:38px;padding-bottom:22px}
.ns-guest-footer-top{display:grid;grid-template-columns:minmax(260px,1.15fr) minmax(0,2fr);gap:60px;padding-bottom:30px}
.ns-guest-footer-brand img{display:block;max-width:155px;max-height:46px;margin-bottom:16px}
.ns-guest-footer-brand strong{font-size:20px;color:var(--ns-blue)}
.ns-guest-footer-brand p{max-width:380px;margin:14px 0 0;color:#667085;font-size:14px;line-height:1.7}
.ns-guest-footer-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
.ns-guest-footer-links>div{display:flex;flex-direction:column;align-items:flex-start;gap:8px}
.ns-guest-footer-links strong{margin-bottom:4px;color:#202124;font-size:13px;text-transform:uppercase;letter-spacing:.045em}
.ns-guest-footer-links a{color:#667085!important;text-decoration:none!important;font-size:13px;font-weight:600}
.ns-guest-footer-links a:hover{color:var(--ns-blue)!important}
.ns-guest-footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:20px;border-top:1px solid #edf0f4;font-size:12px}
.ns-guest-footer-bottom nav{display:flex;gap:18px;flex-wrap:wrap}
.ns-guest-footer-bottom a{color:#667085!important;text-decoration:none!important;font-weight:600}
.ns-guest-footer-bottom a:hover{color:var(--ns-blue)!important}

/* The dedicated sign-in template intentionally remains distraction-free. */
body.ns-guest[data-whmcs-page="login"]{padding-top:0;background:#fff}
body.ns-guest[data-whmcs-page="login"] .ns-guest-header,body.ns-guest[data-whmcs-page="login"] .ns-guest-footer,body.ns-guest[data-whmcs-page="login"] .ns-guest-route-progress{display:none!important}
body.ns-guest[data-whmcs-page="login"] #main-body{padding:0;background:#fff;min-height:100vh}

/* Paint-friendly interactions. */
body.ns-guest .primary-content{animation:none!important;transform:none!important}
body.ns-guest.ns-page-loading .primary-content{opacity:1!important}
body.ns-guest .has-animation,body.ns-guest [data-aos]{transition-duration:.12s!important;animation-duration:.12s!important}

@media(min-width:992px){
  .ns-guest-nav-shell{display:flex!important}
}
@media(max-width:1199px) and (min-width:992px){
  .ns-guest-header-inner{gap:16px}
  .ns-guest-brand img{max-width:145px}
  .ns-guest-primary-nav a{padding-left:8px;padding-right:8px;font-size:13px}
  .ns-guest-actions{gap:4px}
  .ns-guest-login span,.ns-guest-cart span{display:none}
}
@media(max-width:991px){
  body.ns-guest{--ns-guest-header:68px}
  .ns-guest-header-inner{position:relative;padding-left:18px!important;padding-right:18px!important;gap:14px}
  .ns-guest-brand img{max-width:148px;max-height:42px}
  .ns-guest-menu-toggle{display:inline-flex}
  .ns-guest-nav-shell{position:absolute;left:12px;right:12px;top:calc(100% + 8px);background:#fff;border:1px solid #e2e7ed;border-radius:12px;box-shadow:0 18px 45px rgba(16,24,40,.14);padding:10px;max-height:calc(100vh - 94px);overflow:auto}
  .ns-guest-primary-nav{display:flex;flex-direction:column;align-items:stretch;gap:2px}
  .ns-guest-primary-nav a{justify-content:flex-start;width:100%;padding:10px 12px}
  .ns-guest-actions{margin:9px 0 0;padding-top:10px;border-top:1px solid #edf0f4;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
  .ns-guest-actions a,.ns-guest-localise{width:100%;padding:9px 10px}
  .ns-guest-signup{grid-column:span 2}
  body.ns-guest #main-body{padding-top:24px;padding-bottom:42px}
  .ns-guest-footer-top{grid-template-columns:1fr;gap:30px}
}
@media(max-width:767px){
  body.ns-guest #main-body>.container{padding-left:16px;padding-right:16px}
  body.ns-guest .primary-content>h1:first-child,body.ns-guest .header-lined h1,body.ns-guest #order-standard_cart .header-lined h1{font-size:27px!important}
  body.ns-guest .card-body,body.ns-guest .panel-body{padding:17px}
  body.ns-guest #registration .card-body{padding:18px!important}
  .ns-guest-footer>.container{padding:30px 18px 20px}
  .ns-guest-footer-links{grid-template-columns:1fr 1fr;gap:26px 20px}
  .ns-guest-footer-bottom{align-items:flex-start;flex-direction:column;gap:10px}
}
@media(max-width:479px){
  .ns-guest-menu-toggle span{display:none}
  .ns-guest-brand img{max-width:135px}
  .ns-guest-footer-links{grid-template-columns:1fr}
}

/* ============================================================
   NomfroHost Client Experience v2.4.2 — safe guest store refresh
   Visual-only. Keeps WHMCS/Nexus layout mechanics intact.
   ============================================================ */
body.ns-guest #order-standard_cart{
  font-family:'Open Sans',Arial,Helvetica,sans-serif!important;
  color:#202124!important;
}
body.ns-guest #order-standard_cart .header-lined{
  margin-bottom:22px!important;
  border:0!important;
}
body.ns-guest #order-standard_cart .header-lined h1{
  margin:0!important;
  color:#202124!important;
  font-size:34px!important;
  line-height:1.18!important;
  font-weight:700!important;
  letter-spacing:-.03em!important;
}
body.ns-guest #order-standard_cart .header-lined h1 small{
  display:block!important;
  margin-top:8px!important;
  color:#667085!important;
  font-size:15px!important;
  line-height:1.55!important;
  font-weight:400!important;
  letter-spacing:0!important;
}

/* Categories/actions sidebar: preserve Bootstrap columns, modernize only. */
body.ns-guest #order-standard_cart .cart-sidebar .panel,
body.ns-guest #order-standard_cart .cart-sidebar .card,
body.ns-guest #order-standard_cart .cart-sidebar .card-sidebar{
  overflow:hidden!important;
  margin-bottom:16px!important;
  border:1px solid #e1e6ec!important;
  border-radius:12px!important;
  background:#fff!important;
  box-shadow:0 2px 8px rgba(16,24,40,.035)!important;
}
body.ns-guest #order-standard_cart .cart-sidebar .panel-heading,
body.ns-guest #order-standard_cart .cart-sidebar .card-header{
  padding:15px 17px!important;
  border:0!important;
  border-bottom:1px solid #edf0f4!important;
  background:#fff!important;
  color:#202124!important;
  font-size:15px!important;
  font-weight:700!important;
}
body.ns-guest #order-standard_cart .cart-sidebar .list-group-item{
  padding:11px 15px!important;
  border:0!important;
  border-top:1px solid #f0f2f5!important;
  background:#fff!important;
  color:#596575!important;
  font-size:13px!important;
  line-height:1.4!important;
  font-weight:600!important;
  text-decoration:none!important;
}
body.ns-guest #order-standard_cart .cart-sidebar .list-group-item:first-child{border-top:0!important}
body.ns-guest #order-standard_cart .cart-sidebar .list-group-item:hover{
  background:#f7f9fc!important;
  color:#2E639A!important;
}
body.ns-guest #order-standard_cart .cart-sidebar .list-group-item.active{
  background:#eef4fb!important;
  color:#2E639A!important;
  font-weight:700!important;
}
@media(min-width:992px){
  body.ns-guest #order-standard_cart .cart-sidebar{position:sticky;top:96px}
}

/* Product cards: no float/grid overrides, only presentation. */
body.ns-guest #order-standard_cart .products .product,
body.ns-guest #order-standard_cart .product{
  overflow:hidden!important;
  margin-bottom:20px!important;
  border:1px solid #dfe5ec!important;
  border-radius:14px!important;
  background:#fff!important;
  box-shadow:0 2px 8px rgba(16,24,40,.035)!important;
  transition:border-color .12s ease,box-shadow .12s ease!important;
}
body.ns-guest #order-standard_cart .products .product:hover,
body.ns-guest #order-standard_cart .product:hover{
  border-color:#c8d2de!important;
  box-shadow:0 7px 22px rgba(16,24,40,.06)!important;
  transform:none!important;
}
body.ns-guest #order-standard_cart .product header{
  padding:17px 20px!important;
  border:0!important;
  border-bottom:1px solid #edf0f4!important;
  background:#fff!important;
  color:#202124!important;
}
body.ns-guest #order-standard_cart .product header span,
body.ns-guest #order-standard_cart .product header .product-name{
  color:#202124!important;
  font-size:19px!important;
  line-height:1.35!important;
  font-weight:700!important;
  letter-spacing:-.018em!important;
}
body.ns-guest #order-standard_cart .product .product-desc{
  padding:19px 20px!important;
  color:#505b68!important;
  font-size:14px!important;
  line-height:1.65!important;
}
body.ns-guest #order-standard_cart .product .product-desc ul{
  margin:0!important;
  padding-left:19px!important;
}
body.ns-guest #order-standard_cart .product .product-desc li{margin-bottom:7px!important}
body.ns-guest #order-standard_cart .product footer{
  padding:15px 18px!important;
  border:0!important;
  border-top:1px solid #edf0f4!important;
  background:#f8fafc!important;
}
body.ns-guest #order-standard_cart .product .product-pricing{
  color:#667085!important;
  font-size:13px!important;
  line-height:1.45!important;
  font-weight:600!important;
}
body.ns-guest #order-standard_cart .product .product-pricing .price,
body.ns-guest #order-standard_cart .product .product-pricing strong{
  color:#101828!important;
  font-size:20px!important;
  font-weight:700!important;
}
body.ns-guest #order-standard_cart .product .btn,
body.ns-guest #order-standard_cart .product .btn-primary,
body.ns-guest #order-standard_cart .product .btn-success{
  min-height:42px!important;
  padding:9px 15px!important;
  border:1px solid #2E639A!important;
  border-radius:8px!important;
  background:#2E639A!important;
  color:#fff!important;
  font-size:14px!important;
  line-height:20px!important;
  font-weight:700!important;
  text-decoration:none!important;
  box-shadow:none!important;
}
body.ns-guest #order-standard_cart .product .btn:hover,
body.ns-guest #order-standard_cart .product .btn-primary:hover,
body.ns-guest #order-standard_cart .product .btn-success:hover{
  border-color:#24527F!important;
  background:#24527F!important;
  color:#fff!important;
}

/* Store/order configurators share the same clean visual language. */
body.ns-guest .store-order-container{
  border:1px solid #dfe5ec!important;
  border-radius:14px!important;
  background:#fff!important;
  box-shadow:0 2px 8px rgba(16,24,40,.035)!important;
}
body.ns-guest .store-order-container h2{
  color:#202124!important;
  font-size:30px!important;
  line-height:1.2!important;
  font-weight:700!important;
  letter-spacing:-.025em!important;
}
body.ns-guest .store-order-container .btn-primary,
body.ns-guest .store-order-container .btn-success{
  border-color:#2E639A!important;
  background:#2E639A!important;
  color:#fff!important;
}
body.ns-guest .store-order-container .btn-primary:hover,
body.ns-guest .store-order-container .btn-success:hover{
  border-color:#24527F!important;
  background:#24527F!important;
}

/* Avoid expensive entrance effects on long catalogues. */
body.ns-guest #order-standard_cart .product,
body.ns-guest #order-standard_cart .cart-sidebar .panel,
body.ns-guest #order-standard_cart .cart-sidebar .card{
  animation:none!important;
}

@media(max-width:767px){
  body.ns-guest #order-standard_cart .header-lined h1{font-size:28px!important}
  body.ns-guest #order-standard_cart .product header{padding:15px 16px!important}
  body.ns-guest #order-standard_cart .product .product-desc{padding:16px!important}
  body.ns-guest #order-standard_cart .product footer{padding:14px 16px!important}
}


/* ============================================================
   NomfroHost Client Experience v2.4.3 — final Account Manager polish
   Reference: supplied Network Solutions Account Manager source.
   Goals: Open Sans 16px rhythm, restrained Material-like elevation,
   smaller radii, stronger hierarchy, immediate paint, no page fades.
   Functional WHMCS actions and native module controls are untouched.
   ============================================================ */
:root{
  --ns-ref-text:#404040;
  --ns-ref-muted:#5f6368;
  --ns-ref-shell:#f3f3f3;
  --ns-ref-border:rgba(0,0,0,.12);
  --ns-ref-radius:4px;
  --ns-ref-table-radius:8px;
  --ns-ref-shadow:0 2px 1px -1px rgba(0,0,0,.20),0 1px 1px 0 rgba(0,0,0,.14),0 1px 3px 0 rgba(0,0,0,.12);
  --ns-ref-shadow-light:0 1px 3px rgba(0,0,0,.15);
}
html{scroll-behavior:auto!important;scrollbar-gutter:stable}
body.ns-account-manager,
body.ns-guest{
  font-family:'Open Sans',Arial,Helvetica,sans-serif!important;
  font-size:16px!important;
  line-height:24px!important;
  font-weight:400!important;
  color:var(--ns-ref-text)!important;
  text-rendering:optimizeLegibility;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}
body.ns-account-manager{background:var(--ns-ref-shell)!important}
body.ns-account-manager #main-body{background:var(--ns-ref-shell)!important}

/* Keep full-page navigation visually immediate: only the thin progress rail moves. */
body.ns-account-manager .primary-content,
body.ns-guest .primary-content{opacity:1!important;transform:none!important;animation:none!important}
.ns-am-route-progress{height:2px!important;transition:opacity .08s linear!important}
.ns-am-route-progress span{will-change:transform;box-shadow:none!important;background:var(--ns-blue)!important}
body.ns-page-loading .ns-am-route-progress span{animation:nsRouteProgressFinal 2.4s cubic-bezier(.16,1,.3,1) forwards!important}
@keyframes nsRouteProgressFinal{0%{transform:scaleX(.10)}45%{transform:scaleX(.58)}75%{transform:scaleX(.78)}100%{transform:scaleX(.92)}}
.ns-account-manager .table-list:not(.w-hidden){transition:none!important}

/* Typography: 16/24 body, 16px medium navigation, 20px card titles. */
.ns-am-product-name{font-size:16px!important;line-height:24px!important;font-weight:600!important;color:#404040!important}
.ns-am-help,.ns-am-nav-item,.ns-am-context-nav a{font-size:16px!important;line-height:24px!important;font-weight:600!important}
.ns-am-nav-label{font-size:11px!important;line-height:16px!important;font-weight:700!important;letter-spacing:.075em!important}
.ns-am-search-trigger{font-size:16px!important;line-height:24px!important;font-weight:400!important}
.ns-am-user-copy strong{font-size:14px!important;line-height:20px!important;font-weight:700!important}
.ns-am-page-intro h1,.ns-am-list-header h1,.ns-am-domain-heading h1{
  font-size:32px!important;line-height:40px!important;font-weight:700!important;letter-spacing:-.02em!important;color:#202124!important
}
.ns-am-page-intro p,.ns-am-list-header p,.ns-am-domain-heading p{font-size:16px!important;line-height:24px!important;color:var(--ns-ref-muted)!important}
.ns-am-section-head h2,.ns-am-dashboard-section h2{font-size:20px!important;line-height:32px!important;font-weight:600!important;color:#202124!important}
body.ns-account-manager .card-title,body.ns-account-manager .panel-title{font-size:20px!important;line-height:32px!important;font-weight:600!important;color:#202124!important}
body.ns-account-manager .card-body,body.ns-account-manager .panel-body{font-size:16px!important;line-height:24px!important}
body.ns-account-manager label{font-size:14px!important;line-height:20px!important;font-weight:600!important}
body.ns-account-manager .form-control,body.ns-account-manager select.form-control,body.ns-account-manager .custom-select{font-size:16px!important;line-height:24px!important}
body.ns-account-manager .btn{font-size:14px!important;line-height:20px!important;font-weight:700!important}
.ns-am-stat-value{font-size:24px!important;line-height:32px!important;font-weight:700!important}
.ns-am-stat-label{font-size:14px!important;line-height:20px!important}
.ns-am-manage-card h3{font-size:18px!important;line-height:26px!important;font-weight:600!important}
.ns-am-manage-card p{font-size:14px!important;line-height:22px!important}
.ns-am-domain-name{font-size:15px!important;line-height:22px!important;font-weight:700!important}
.ns-am-domain-meta{font-size:12px!important;line-height:18px!important}

/* Network Solutions-like component geometry: less rounded, more deliberate. */
body.ns-account-manager .card,
body.ns-account-manager .panel,
body.ns-account-manager .well,
.ns-am-stat-card,
.ns-am-manage-card,
.ns-am-dashboard-section,
.ns-am-tool-card{
  border:1px solid var(--ns-ref-border)!important;
  border-radius:var(--ns-ref-radius)!important;
  box-shadow:var(--ns-ref-shadow)!important;
}
.ns-am-table-shell{
  border:1px solid var(--ns-ref-border)!important;
  border-radius:var(--ns-ref-table-radius)!important;
  box-shadow:var(--ns-ref-shadow-light)!important;
}
.ns-am-topbar{box-shadow:0 1px 3px rgba(0,0,0,.15)!important;border-bottom:0!important}
.ns-am-sidebar{box-shadow:1px 0 3px rgba(0,0,0,.10)!important;border-right:0!important}
.ns-am-user-btn,.ns-am-search-trigger,.ns-am-create-btn,
.ns-am-add-product,.ns-am-settings-btn,
body.ns-account-manager .btn,
body.ns-account-manager .form-control,
body.ns-account-manager select.form-control,
body.ns-account-manager .custom-select{border-radius:4px!important}
body.ns-account-manager .dropdown-menu{border-radius:4px!important;box-shadow:0 4px 6px rgba(0,0,0,.10)!important}
body.ns-account-manager .modal-content{border-radius:8px!important;box-shadow:0 8px 24px rgba(0,0,0,.18)!important}

/* Remove artificial lift effects; communicate affordance with border/shadow only. */
.ns-am-stat-card,.ns-am-manage-card,.ns-am-tool-card,
body.ns-account-manager #order-standard_cart .product{
  transform:none!important;
  transition:border-color .12s ease,box-shadow .12s ease,background-color .12s ease!important;
}
.ns-am-stat-card:hover,.ns-am-manage-card:hover,.ns-am-tool-card:hover,
body.ns-account-manager #order-standard_cart .product:hover{
  transform:none!important;
  border-color:rgba(0,0,0,.20)!important;
  box-shadow:0 3px 6px rgba(0,0,0,.12)!important;
}

/* Tables use the reference's compact 14px data rhythm. */
.ns-am-table-shell .table thead th{font-size:12px!important;line-height:20px!important;font-weight:600!important;letter-spacing:.033em!important}
.ns-am-table-shell .table tbody td{font-size:14px!important;line-height:20px!important}
.ns-account-manager .dataTables_wrapper .dataTables_info,
.ns-account-manager .dataTables_wrapper .dataTables_length,
.ns-account-manager .dataTables_wrapper .dataTables_paginate{font-size:12px!important;line-height:20px!important}

/* Commerce/client-area pages share the same restrained type and elevation. */
body.ns-account-manager #order-standard_cart .header-lined h1,
body.ns-guest #order-standard_cart .header-lined h1,
body.ns-guest .primary-content>h1:first-child,
body.ns-guest .header-lined h1{font-size:32px!important;line-height:40px!important;font-weight:700!important;letter-spacing:-.02em!important}
body.ns-account-manager #order-standard_cart .header-lined h1 small,
body.ns-guest #order-standard_cart .header-lined h1 small{font-size:16px!important;line-height:24px!important;font-weight:400!important}
body.ns-account-manager #order-standard_cart .product,
body.ns-guest #order-standard_cart .product,
body.ns-guest .store-order-container{
  border-radius:4px!important;
  box-shadow:var(--ns-ref-shadow)!important;
}
body.ns-account-manager #order-standard_cart .product header span,
body.ns-guest #order-standard_cart .product header span,
body.ns-guest #order-standard_cart .product header .product-name{font-size:20px!important;line-height:32px!important;font-weight:600!important}
body.ns-account-manager #order-standard_cart .product .product-desc,
body.ns-guest #order-standard_cart .product .product-desc{font-size:15px!important;line-height:24px!important}
body.ns-guest .store-order-container h2{font-size:32px!important;line-height:40px!important;font-weight:700!important}

/* Mobile keeps the same hierarchy without oversized headings. */
@media(max-width:767px){
  .ns-am-nav-item{font-size:15px!important;line-height:22px!important}
  .ns-am-page-intro h1,.ns-am-list-header h1,.ns-am-domain-heading h1,
  body.ns-account-manager #order-standard_cart .header-lined h1,
  body.ns-guest #order-standard_cart .header-lined h1,
  body.ns-guest .primary-content>h1:first-child,body.ns-guest .header-lined h1{font-size:28px!important;line-height:36px!important}
  .ns-am-page-intro p,.ns-am-list-header p,.ns-am-domain-heading p{font-size:15px!important;line-height:22px!important}
  .ns-am-context-nav a,.ns-account-manager .ns-am-context-nav .ns-am-native-login-control{font-size:14px!important;line-height:20px!important}
}