:root {
  --gy-primary: #246bfe;
  --gy-primary-2: #16b8c8;
  --gy-ink: #172033;
  --gy-muted: #667085;
  --gy-line: #e6eaf2;
  --gy-soft: #f5f8ff;
  --gy-panel: #ffffff;
  --gy-radius: 8px;
}

body.nq-member-body.nq-legacy-shell .server_header_box {
  margin: 0 0 20px;
  padding: 20px 24px !important;
  border-radius: 4px !important;
  background: linear-gradient(94deg, #2f73ff 0%, #245bff 100%) !important;
  box-shadow: none !important;
}

body.nq-member-body.nq-legacy-shell .nq-productdetail-clone {
  background: #fff;
  border: 1px solid #edf1f7;
  color: #1d2129;
  margin: 14px 0 24px;
  max-width: none;
  width: 100%;
}

body.nq-member-body.nq-legacy-shell .server_header_box {
  display: flex !important;
}

body.nq-member-body.nq-legacy-shell.nq-has-productdetail-clone .server_header_box,
body.nq-member-body.nq-legacy-shell:has(.nq-productdetail-clone) .server_header_box {
  display: none !important;
}

body.nq-member-body.nq-legacy-shell .page-content > .container-fluid {
  max-width: none !important;
  width: 100% !important;
}

body.nq-member-body.nq-legacy-shell .page-content > .container-fluid > .container-fluid {
  max-width: none !important;
  width: 100% !important;
}

body.nq-member-body.nq-legacy-shell .nq-productdetail-clone ~ .bottom-box {
  display: block !important;
  margin: -6px 0 24px !important;
  max-width: none;
  width: 100%;
}

body.nq-member-body.nq-legacy-shell .nq-productdetail-clone ~ .bottom-box.nq-productdetail-extra-hidden {
  display: block !important;
  height: 0 !important;
  left: -99999px !important;
  margin: 0 !important;
  opacity: 0 !important;
  overflow: hidden !important;
  pointer-events: none !important;
  position: absolute !important;
  top: auto !important;
  width: calc(100% - 48px) !important;
  z-index: -1 !important;
}

body.nq-member-body.nq-legacy-shell .nq-productdetail-clone ~ .bottom-box > .col-md-3,
body.nq-member-body.nq-legacy-shell .nq-productdetail-clone ~ .bottom-box .nav-tabs-custom {
  display: none !important;
}

body.nq-member-body.nq-legacy-shell .nq-productdetail-clone ~ .bottom-box > .col-md-9 {
  flex: 0 0 100%;
  max-width: 100%;
  padding-left: 15px;
  padding-right: 15px;
}

body.nq-member-body.nq-legacy-shell .nq-productdetail-clone ~ .bottom-box > .col-md-9 > .card {
  background: transparent;
  border: 0;
  box-shadow: none;
  margin: 0;
}

body.nq-member-body.nq-legacy-shell .nq-productdetail-clone ~ .bottom-box > .col-md-9 > .card > .card-body {
  padding: 0 !important;
}

body.nq-member-body.nq-legacy-shell .nq-productdetail-clone ~ .bottom-box .tab-content {
  background: #fff;
  border: 1px solid #edf1f7;
  color: #1d2129;
  min-height: 220px;
  padding: 18px;
}

body.nq-member-body.nq-legacy-shell .nq-productdetail-clone ~ .bottom-box .tab-pane {
  display: none;
}

body.nq-member-body.nq-legacy-shell .nq-productdetail-clone ~ .bottom-box .tab-pane.active {
  display: block;
}

body.nq-member-body.nq-legacy-shell .nq-productdetail-clone ~ .bottom-box .chartbox {
  box-sizing: border-box;
  padding: 0 12px 20px;
  width: 50% !important;
}

body.nq-member-body.nq-legacy-shell .nq-productdetail-clone ~ .bottom-box .module_chart {
  background: #fff;
  border: 1px solid #edf1f7;
  border-bottom: 0;
  min-height: 116px;
  padding: 16px 18px 8px;
}

body.nq-member-body.nq-legacy-shell .nq-productdetail-clone ~ .bottom-box .module_chart_date {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

body.nq-member-body.nq-legacy-shell .nq-productdetail-clone ~ .bottom-box .chart_content_box[id^="module_chart_"],
body.nq-member-body.nq-legacy-shell .nq-productdetail-clone ~ .bottom-box #usedChartBox {
  background: #fff;
  border: 1px solid #edf1f7;
  border-top: 0;
  display: block;
  height: 500px !important;
  min-height: 500px;
  width: 100% !important;
}

@media (max-width: 1367px) {
  body.nq-member-body.nq-legacy-shell .nq-productdetail-clone ~ .bottom-box .chartbox {
    width: 100% !important;
  }
}

body.nq-member-body.nq-legacy-shell .nq-productdetail-clone ~ .bottom-box .tab-pane,
body.nq-member-body.nq-legacy-shell #home1,
body.nq-member-body.nq-legacy-shell #settings1,
body.nq-member-body.nq-legacy-shell #finance {
  scroll-margin-top: 142px !important;
}

body.nq-member-body.nq-legacy-shell .nq-productdetail-clone-head {
  align-items: center;
  border-bottom: 1px solid #edf1f7;
  display: flex;
  gap: 18px;
  min-height: 56px;
  padding: 0 18px;
}

body.nq-member-body.nq-legacy-shell .nq-productdetail-clone-title {
  align-items: center;
  display: flex;
  flex: 1 1 auto;
  gap: 10px;
  min-width: 0;
}

body.nq-member-body.nq-legacy-shell .nq-productdetail-clone-title strong {
  color: #1d2129;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.4;
}

body.nq-member-body.nq-legacy-shell .nq-productdetail-clone-title span,
body.nq-member-body.nq-legacy-shell .nq-productdetail-clone-title small {
  color: #4e5969;
  font-size: 13px;
  line-height: 1.4;
}

body.nq-member-body.nq-legacy-shell .nq-productdetail-clone-check {
  background: #f3f6fb;
  border: 1px solid #e5e8ef;
  border-radius: 2px;
  display: inline-flex;
  flex: 0 0 24px;
  height: 24px;
  width: 24px;
}

body.nq-member-body.nq-legacy-shell .nq-productdetail-runtime-state {
  align-items: center;
  background: var(--nq-fill-1, #f3f6fb);
  border: 0;
  border-radius: 4px;
  color: var(--nq-text-3, #86909c);
  display: inline-flex;
  flex: 0 0 auto;
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  gap: 6px;
  height: 22px;
  line-height: 1;
  padding: 0 8px;
  white-space: nowrap;
}

body.nq-member-body.nq-legacy-shell .nq-productdetail-runtime-state:before {
  background: currentColor;
  border-radius: 50%;
  content: "";
  height: 6px;
  width: 6px;
}

body.nq-member-body.nq-legacy-shell .nq-productdetail-runtime-state.is-running {
  background: rgba(22, 163, 74, 0.08);
  color: #16a34a;
}

body.nq-member-body.nq-legacy-shell .nq-productdetail-runtime-state.is-operating {
  background: rgba(217, 119, 6, 0.1);
  color: #d97706;
}

body.nq-member-body.nq-legacy-shell .nq-productdetail-runtime-state.is-off {
  background: rgba(220, 38, 38, 0.08);
  color: #dc2626;
}

body.nq-member-body.nq-legacy-shell .nq-productdetail-runtime-state.is-unknown {
  background: var(--nq-fill-1, #f3f6fb);
  color: var(--nq-text-3, #86909c);
}

body.nq-member-body.nq-legacy-shell .nq-productdetail-clone-state {
  align-items: center;
  background: #eefbf3;
  border-radius: 2px;
  color: #00a870;
  display: inline-flex;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  gap: 5px;
  height: 20px;
  padding: 0 8px;
  white-space: nowrap;
}

body.nq-member-body.nq-legacy-shell .nq-productdetail-clone-state:before {
  background: currentColor;
  border-radius: 50%;
  content: "";
  height: 5px;
  width: 5px;
}

body.nq-member-body.nq-legacy-shell .nq-productdetail-clone-actions {
  align-items: center;
  display: flex;
  flex: 0 0 auto;
  gap: 8px;
  justify-content: flex-end;
}

body.nq-member-body.nq-legacy-shell .nq-productdetail-action-btn,
body.nq-member-body.nq-legacy-shell .nq-productdetail-side-action,
body.nq-member-body.nq-legacy-shell .nq-productdetail-link-btn {
  align-items: center;
  background: #fff;
  border: 1px solid #e5e8ef;
  border-radius: 2px;
  box-shadow: none;
  color: #4e5969;
  cursor: pointer;
  display: inline-flex;
  font-size: 13px;
  font-weight: 400;
  height: 30px;
  justify-content: center;
  letter-spacing: 0;
  line-height: 28px;
  padding: 0 12px;
  white-space: nowrap;
}

body.nq-member-body.nq-legacy-shell .nq-productdetail-action-btn--primary {
  background: #1769ff;
  border-color: #1769ff;
  color: #fff;
}

body.nq-member-body.nq-legacy-shell .nq-productdetail-link-btn {
  color: #1769ff;
  height: 24px;
  margin-left: 8px;
  padding: 0 8px;
}

body.nq-member-body.nq-legacy-shell .nq-productdetail-clone-tabs {
  align-items: center;
  border-bottom: 1px solid #edf1f7;
  display: flex;
  gap: 8px;
  height: 44px;
  padding: 0 18px;
}

body.nq-member-body.nq-legacy-shell .nq-productdetail-clone-tabs a,
body.nq-member-body.nq-legacy-shell .nq-productdetail-clone-tabs button {
  background: transparent;
  border: 0;
  color: #4e5969;
  cursor: pointer;
  font-size: 14px;
  height: 44px;
  letter-spacing: 0;
  line-height: 44px;
  min-width: 56px;
  padding: 0 12px;
  position: relative;
  text-align: center;
}

body.nq-member-body.nq-legacy-shell .nq-productdetail-clone-tabs .active {
  color: #1769ff;
  font-weight: 600;
}

body.nq-member-body.nq-legacy-shell .nq-productdetail-clone-tabs .active:after {
  background: #1769ff;
  bottom: 0;
  content: "";
  height: 2px;
  left: 0;
  position: absolute;
  right: 0;
}

body.nq-member-body.nq-legacy-shell .nq-productdetail-clone-body {
  display: grid;
  gap: 18px;
  grid-template-columns: minmax(0, 1fr) 340px;
  padding: 18px;
}

body.nq-member-body.nq-legacy-shell .nq-productdetail-clone-main {
  display: grid;
  gap: 14px;
}

body.nq-member-body.nq-legacy-shell .nq-productdetail-panel,
body.nq-member-body.nq-legacy-shell .nq-productdetail-side-card {
  background: #fff;
  border: 1px solid #edf1f7;
  border-radius: 2px;
  padding: 18px;
}

body.nq-member-body.nq-legacy-shell .nq-productdetail-panel h5,
body.nq-member-body.nq-legacy-shell .nq-productdetail-side-card h5 {
  border-left: 3px solid #1769ff;
  color: #1d2129;
  font-size: 16px;
  font-weight: 600;
  line-height: 1;
  margin: 0 0 18px;
  padding-left: 9px;
}

body.nq-member-body.nq-legacy-shell .nq-productdetail-info-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

body.nq-member-body.nq-legacy-shell .nq-productdetail-info-grid > div,
body.nq-member-body.nq-legacy-shell .nq-productdetail-side-card > div {
  align-items: center;
  border-bottom: 1px solid #f0f2f5;
  display: grid;
  gap: 12px;
  grid-template-columns: 120px minmax(0, 1fr);
  min-height: 40px;
}

body.nq-member-body.nq-legacy-shell .nq-productdetail-info-grid > div:nth-last-child(-n+2) {
  border-bottom-color: transparent;
}

body.nq-member-body.nq-legacy-shell .nq-productdetail-info-grid span,
body.nq-member-body.nq-legacy-shell .nq-productdetail-side-card span {
  color: #86909c;
  font-size: 13px;
}

body.nq-member-body.nq-legacy-shell .nq-productdetail-info-grid strong,
body.nq-member-body.nq-legacy-shell .nq-productdetail-side-card strong {
  color: #1d2129;
  font-size: 13px;
  font-weight: 600;
  min-width: 0;
  overflow-wrap: anywhere;
}

body.nq-member-body.nq-legacy-shell .nq-productdetail-clone-side {
  display: grid;
  gap: 14px;
}

body.nq-member-body.nq-legacy-shell .nq-productdetail-side-card {
  position: relative;
}

body.nq-member-body.nq-legacy-shell .nq-productdetail-side-action {
  color: #1769ff;
  position: absolute;
  right: 18px;
  top: 14px;
}

@media (max-width: 1367px) {
  body.nq-member-body.nq-legacy-shell .nq-productdetail-clone-body {
    grid-template-columns: minmax(0, 1fr) 300px;
  }
}

@media (max-width: 992px) {
  body.nq-member-body.nq-legacy-shell .nq-productdetail-clone-head,
  body.nq-member-body.nq-legacy-shell .nq-productdetail-clone-title,
  body.nq-member-body.nq-legacy-shell .nq-productdetail-clone-actions {
    align-items: flex-start;
    flex-direction: column;
  }

  body.nq-member-body.nq-legacy-shell .nq-productdetail-clone-actions,
  body.nq-member-body.nq-legacy-shell .nq-productdetail-clone-body,
  body.nq-member-body.nq-legacy-shell .nq-productdetail-info-grid {
    grid-template-columns: 1fr;
    width: 100%;
  }

  body.nq-member-body.nq-legacy-shell .nq-productdetail-clone-actions {
    display: grid;
  }

  body.nq-member-body.nq-legacy-shell .nq-productdetail-clone-head {
    padding: 14px;
  }
}

body.nq-member-body.nq-legacy-shell .server_header_box .powerimg {
  width: 42px;
  height: 42px;
  border-radius: 4px;
  background: rgba(255, 255, 255, .92);
}

body.nq-member-body.nq-legacy-shell .server_header_box h4,
body.nq-member-body.nq-legacy-shell .server_header_box h5 {
  letter-spacing: 0;
}

body.nq-member-body.nq-legacy-shell .server_header_box .badge {
  height: 22px;
  display: inline-flex;
  align-items: center;
  padding: 0 9px;
  border-radius: 11px;
  font-size: 12px;
}

body.nq-member-body.nq-legacy-shell .server_header_box .box_left_wrap {
  min-height: 68px;
  padding-left: 22px !important;
  border-left: 1px solid rgba(255, 255, 255, .2) !important;
}

body.nq-member-body.nq-legacy-shell .server_header_box .left_wrap_btn,
body.nq-member-body.nq-legacy-shell .server_header_box .custom-button,
body.nq-member-body.nq-legacy-shell .server_header_box .service_module_button,
body.nq-member-body.nq-legacy-shell .server_header_box .dropdown-toggle {
  min-width: 72px;
  height: 28px;
  padding: 0 12px;
  border: 0 !important;
  border-radius: 3px !important;
  background: rgba(255, 255, 255, .18) !important;
  box-shadow: none !important;
  color: #fff !important;
  font-size: 12px;
  line-height: 28px;
}

body.nq-member-body.nq-legacy-shell .server_header_box .left_wrap_btn:hover,
body.nq-member-body.nq-legacy-shell .server_header_box .custom-button:hover,
body.nq-member-body.nq-legacy-shell .server_header_box .service_module_button:hover,
body.nq-member-body.nq-legacy-shell .server_header_box .dropdown-toggle:hover {
  background: rgba(255, 255, 255, .26) !important;
}

body.nq-member-body.nq-legacy-shell .server_header_box .dropdown-menu {
  border-radius: 4px;
  box-shadow: 0 12px 30px rgba(15, 23, 42, .12);
}

body.nq-member-body.nq-legacy-shell .server_header_box + .row .card,
body.nq-member-body.nq-legacy-shell .server_header_box ~ .row .card {
  border: 1px solid #edf1f7 !important;
  border-radius: 4px !important;
  box-shadow: none !important;
}

body.nq-member-body.nq-legacy-shell .server_header_box ~ .row .card > .card-body {
  padding: 22px 24px;
}

body.nq-member-body.nq-legacy-shell #logininfo {
  width: auto !important;
  min-width: 92px;
  height: 30px !important;
  padding: 0 12px;
  border: 1px solid #eef2f8;
  border-radius: 3px !important;
  box-shadow: none !important;
  color: #344054;
  line-height: 28px !important;
}

body.nq-member-body.nq-legacy-shell .bg-gray,
body.nq-member-body.nq-legacy-shell .bg-light.card-body {
  background: #f7f8fa !important;
  border-radius: 3px !important;
}

body.nq-member-body.nq-legacy-shell .pre-money-box {
  background-color: #f7f8fa !important;
  background-size: 84px auto !important;
}

body.nq-member-body.nq-legacy-shell .nav-tabs-custom {
  height: 44px;
  border-bottom: 1px solid #edf1f7;
}

body.nq-member-body.nq-legacy-shell .nav-tabs-custom .nav-link {
  height: 44px;
  padding: 0 16px;
  display: inline-flex;
  align-items: center;
  color: #344054;
  border: 0 !important;
  border-radius: 0 !important;
}

body.nq-member-body.nq-legacy-shell .nav-tabs-custom .nav-link.active {
  color: #1769ff !important;
  background: transparent !important;
  font-weight: 600;
}

body.nq-member-body.nq-legacy-shell .nav-tabs-custom .nav-link.active:after {
  background: #1769ff;
}

body.nq-member-body.nq-legacy-shell .main-card .echart-main {
  gap: 28px;
  margin-top: 18px;
}

body.nq-member-body.nq-legacy-shell .main-card .echart-main .my-echart {
  flex: 1 1 520px;
  width: auto !important;
  min-width: 0;
  margin: 0 0 22px !important;
  border: 1px solid #edf1f7;
  border-radius: 4px;
  box-shadow: none !important;
}

body.nq-member-body.nq-legacy-shell .main-card .time-select .form-control,
body.nq-member-body.nq-legacy-shell .server_header_box ~ .row .form-control {
  height: 36px;
  min-height: 36px;
  border-color: #d0d5dd;
  border-radius: 3px;
  box-shadow: none;
}

body.nq-member-body.nq-legacy-shell .server_header_box ~ .row .btn,
body.nq-member-body.nq-legacy-shell .modal .btn {
  min-height: 32px;
  border-radius: 3px !important;
  letter-spacing: 0;
}

body.nq-member-body.nq-legacy-shell .server_header_box ~ .row .btn-primary,
body.nq-member-body.nq-legacy-shell .modal .btn-primary {
  background: #1769ff !important;
  border-color: #1769ff !important;
  box-shadow: none !important;
}

@media (max-width: 1367px) {
  body.nq-member-body.nq-legacy-shell .server_header_box .box_left_wrap {
    padding-left: 16px !important;
  }

  body.nq-member-body.nq-legacy-shell .main-card .echart-main .my-echart {
    flex-basis: 460px;
  }
}

@media (max-width: 992px) {
  body.nq-member-body.nq-legacy-shell .server_header_box {
    gap: 16px;
  }

  body.nq-member-body.nq-legacy-shell .server_header_box .box_left_wrap {
    width: 100%;
    padding-left: 0 !important;
    border-left: 0 !important;
  }
}

body {
  color: var(--gy-ink);
  background:
    radial-gradient(circle at 8% 0%, rgba(36, 107, 254, .09), transparent 28rem),
    linear-gradient(180deg, #f7faff 0%, #eef4fb 48%, #f8fbff 100%);
}

#page-topbar {
  border-bottom: 1px solid rgba(36, 107, 254, .12);
  box-shadow: 0 14px 35px rgba(20, 47, 92, .08);
}

.navbar-brand-box {
  background: linear-gradient(135deg, #ffffff 0%, #eef6ff 100%) !important;
  border-right: 1px solid rgba(36, 107, 254, .12);
}

.vertical-menu {
  background: linear-gradient(180deg, #10233f 0%, #15395e 58%, #14606b 100%) !important;
  box-shadow: 18px 0 40px rgba(12, 35, 67, .16);
}

#sidebar-menu ul li a {
  border-radius: 6px;
  margin: 2px 10px;
}

#sidebar-menu ul li a:hover,
#sidebar-menu ul li.mm-active > a,
#sidebar-menu ul li a.active {
  background: rgba(255, 255, 255, .12);
  color: #ffffff !important;
}

.page-content {
  padding-top: 92px;
}

.page-title-box,
.card,
.modal-content,
.dropdown-menu {
  border: 1px solid var(--gy-line);
  border-radius: var(--gy-radius);
  box-shadow: 0 16px 38px rgba(30, 65, 120, .08);
}

.card-header {
  background: linear-gradient(90deg, rgba(36, 107, 254, .08), rgba(22, 184, 200, .08));
  border-bottom: 1px solid var(--gy-line);
}

.btn,
.form-control,
.custom-select,
.input-group-text {
  border-radius: 6px;
}

.btn-primary,
.btn-success {
  border-color: var(--gy-primary) !important;
  background: linear-gradient(135deg, var(--gy-primary), var(--gy-primary-2)) !important;
  box-shadow: 0 10px 22px rgba(36, 107, 254, .24);
}

.btn-outline-primary {
  color: var(--gy-primary);
  border-color: rgba(36, 107, 254, .45);
}

.table thead th {
  background: var(--gy-soft);
  color: var(--gy-ink);
  border-bottom: 1px solid var(--gy-line);
}

.auth-full-page-content {
  background: rgba(255, 255, 255, .96);
}

.auth-full-bg .bg-overlay {
  background:
    radial-gradient(circle at 18% 18%, rgba(255, 255, 255, .26), transparent 16rem),
    linear-gradient(135deg, rgba(12, 44, 90, .92), rgba(20, 129, 147, .72)) !important;
}

.nav-tabs-custom .nav-item .nav-link.active,
.text-primary,
a.text-primary {
  color: var(--gy-primary) !important;
}

.logo-lg img,
.logo.text-center img,
.navbar-brand img {
  max-height: 46px;
  width: auto;
}

body.nq-member-body.nq-legacy-shell {
  background: #f6f8fb !important;
}

body.nq-member-body.nq-legacy-shell #sidebar-menu ul li a i {
  display: none !important;
}

body.nq-member-body.nq-legacy-shell #sidebar-menu ul li a {
  gap: 0 !important;
}

body.nq-member-body.nq-legacy-shell #sidebar-menu ul li a span {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body.nq-member-body.nq-legacy-shell .page-title-box {
  display: none;
}

.nq-finance-page {
  color: #1f2a3d;
  font-size: 14px;
}

.nq-finance-summary {
  background: #fff;
  border: 1px solid #edf1f7;
  border-radius: 0;
  margin-bottom: 20px;
  min-height: 132px;
  padding: 0 28px 22px;
  box-shadow: none;
}

.nq-finance-summary-title {
  height: 52px;
  display: flex;
  align-items: center;
  color: #111827;
  font-size: 16px;
  font-weight: 700;
}

.nq-finance-summary-grid {
  display: grid;
  grid-template-columns: minmax(180px, 260px) auto minmax(180px, 260px);
  align-items: start;
  gap: 34px;
}

.nq-finance-metric {
  min-height: 58px;
}

.nq-finance-amount {
  color: #1f2937;
  font-size: 30px;
  font-weight: 500;
  line-height: 1.15;
}

.nq-finance-label {
  color: #8a94a6;
  font-size: 13px;
  margin-top: 10px;
}

.nq-finance-actions {
  display: flex;
  gap: 8px;
  padding-top: 7px;
}

.nq-finance-action {
  border-radius: 3px;
  color: #1769ff;
  font-size: 13px;
  line-height: 26px;
  padding: 0 10px;
  text-decoration: none !important;
}

.nq-finance-action.primary {
  background: #1769ff;
  color: #fff;
}

.nq-finance-table-card {
  background: #fff;
  border: 1px solid #edf1f7;
  padding: 26px 34px 34px;
}

.nq-finance-table-card > .card,
.nq-finance-table-card .card {
  border: 0;
  border-radius: 0;
  box-shadow: none;
  margin-bottom: 0;
}

.nq-finance-table-card .card-body {
  padding: 0;
}

.nq-finance-tabs {
  border-bottom: 1px solid #edf1f7;
  display: flex;
  gap: 30px;
  height: 44px;
  margin-bottom: 28px;
}

.nq-finance-tabs a {
  color: #344054;
  display: inline-flex;
  align-items: center;
  font-size: 14px;
  position: relative;
  text-decoration: none !important;
}

.nq-finance-tabs a.active {
  color: #1769ff;
  font-weight: 600;
}

.nq-finance-tabs a.active:after {
  background: #1769ff;
  bottom: -1px;
  content: "";
  height: 2px;
  left: 0;
  position: absolute;
  right: 0;
}

.nq-finance-toolbar {
  align-items: center;
  display: flex;
  justify-content: space-between;
  gap: 18px;
  margin-bottom: 18px;
}

.nq-finance-legends {
  display: flex;
  flex-wrap: wrap;
  gap: 26px;
  color: #475467;
  font-size: 13px;
}

.nq-finance-legends span,
.nq-finance-product {
  align-items: center;
  display: inline-flex;
  gap: 9px;
}

.nq-finance-filter .form-control {
  width: 150px;
}

.dot {
  border-radius: 50%;
  display: inline-block;
  flex: 0 0 auto;
  height: 8px;
  width: 8px;
}

.dot.new { background: #1769ff; }
.dot.renew { background: #32c9a1; }
.dot.upgrade { background: #f20f4b; }
.dot.manual { background: #f3a12b; }
.dot.recharge { background: #8d1ab8; }

.nq-finance-table {
  color: #344054;
  margin-bottom: 0;
}

.nq-finance-table thead th,
.nq-finance-table-card .table thead th {
  background: #f7f9fc !important;
  border: 0;
  color: #667085;
  font-size: 13px;
  font-weight: 600;
  height: 54px;
  padding: 0 22px;
  vertical-align: middle;
}

.nq-finance-table td,
.nq-finance-table-card .table td {
  border-color: #edf1f7;
  height: 56px;
  padding: 0 22px;
  vertical-align: middle;
}

.nq-finance-id,
.nq-finance-product {
  color: #1769ff !important;
  text-decoration: none !important;
}

.nq-status-pill {
  border-radius: 3px;
  display: inline-flex;
  font-size: 12px;
  line-height: 26px;
  padding: 0 10px;
}

.nq-status-pill.status-paid {
  background: #e7fbf3;
  color: #29b985;
}

.nq-status-pill.status-unpaid {
  background: #fff0f3;
  color: #f20f4b;
}

.nq-status-pill.status-cancelled,
.nq-status-pill.status-refunded {
  background: #eef1f6;
  color: #667085;
}

.nq-finance-row-actions {
  display: flex;
  gap: 12px;
}

.nq-finance-row-actions a {
  color: #1769ff;
  text-decoration: none !important;
}

.nq-finance-footer {
  align-items: center;
  display: flex;
  justify-content: space-between;
  gap: 18px;
  padding: 24px 0 0;
}

.nq-finance-bulk,
.nq-finance-pagination {
  align-items: center;
  display: flex;
  gap: 10px;
}

.nq-finance-pagination .pagination {
  margin: 0;
}

.nq-empty-state {
  color: #98a2b3;
  min-height: 190px;
}

.nq-finance-table-card .nav-tabs {
  border-bottom: 0;
  gap: 14px;
  margin-bottom: 18px;
}

.nq-finance-table-card .nav-tabs .nav-link {
  border: 0;
  border-radius: 3px;
  color: #667085;
}

.nq-finance-table-card .nav-tabs .nav-link.active {
  background: #edf4ff;
  color: #1769ff !important;
  font-weight: 600;
}

@media (max-width: 992px) {
  .nq-finance-summary-grid,
  .nq-finance-toolbar,
  .nq-finance-footer {
    display: block;
  }

  .nq-finance-actions,
  .nq-finance-legends,
  .nq-finance-pagination {
    margin-top: 14px;
  }

  .nq-finance-table-card {
    padding: 18px;
  }
}

/* Legacy Smarty pages: keep original business JS, reshape content to match the getyun member center. */
.nq-member-body .nq-legacy-page.card {
  border: 1px solid #edf1f7;
  border-radius: 4px;
  box-shadow: none;
  margin-bottom: 22px;
}

.nq-member-body .nq-legacy-page > .card-body {
  padding: 26px 34px 34px;
}

.nq-member-body .nq-legacy-page .table-container {
  min-height: 520px;
}

.nq-member-body .nq-legacy-page .table-header {
  align-items: center;
  border-bottom: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  justify-content: space-between;
  margin-bottom: 20px;
  padding: 0;
}

.nq-member-body .nq-legacy-page .table-filter,
.nq-member-body .nq-legacy-page .table-search {
  margin: 0;
}

.nq-member-body .nq-legacy-page .row {
  margin-left: -8px;
  margin-right: -8px;
}

.nq-member-body .nq-legacy-page .row > [class*="col"] {
  padding-left: 8px;
  padding-right: 8px;
}

.nq-member-body .nq-legacy-page .btn {
  border-radius: 4px;
  font-size: 13px;
  min-height: 30px;
  padding: 5px 13px;
}

.nq-member-body .nq-legacy-page .btn-success,
.nq-member-body .nq-legacy-page .btn-primary {
  background: #1769ff !important;
  border-color: #1769ff !important;
  box-shadow: none !important;
  color: #fff !important;
}

.nq-member-body .nq-legacy-page .btn-outline-primary {
  border-color: #1769ff !important;
  color: #1769ff !important;
}

.nq-member-body .nq-legacy-page .btn-outline-primary:hover {
  background: #1769ff !important;
  color: #fff !important;
}

.nq-member-body .nq-legacy-page .btn-danger {
  background: #f04438 !important;
  border-color: #f04438 !important;
}

.nq-member-body .nq-legacy-page .btn-light,
.nq-member-body .nq-legacy-page .btn-secondary,
.nq-member-body .nq-legacy-page .bootstrap-select .dropdown-toggle {
  background: #fff !important;
  border-color: #d0d5dd !important;
  color: #344054 !important;
  box-shadow: none !important;
}

.nq-member-body .nq-legacy-page .search-box .form-control,
.nq-member-body .nq-legacy-page .form-control,
.nq-member-body .nq-legacy-page select {
  border-color: #d0d5dd;
  border-radius: 4px;
  color: #344054;
  min-height: 34px;
}

.nq-member-body .nq-legacy-page .table-responsive {
  border: 0;
  margin: 0;
}

.nq-member-body .nq-legacy-page .table {
  color: #344054;
  margin-bottom: 0;
}

.nq-member-body .nq-legacy-page .table thead,
.nq-member-body .nq-legacy-page .table thead.bg-light,
.nq-member-body .nq-legacy-page .table thead.thead-light {
  background: #f7f9fc !important;
}

.nq-member-body .nq-legacy-page .table thead th {
  background: #f7f9fc !important;
  border: 0 !important;
  color: #667085;
  font-size: 13px;
  font-weight: 600;
  height: 54px;
  padding: 0 18px;
  vertical-align: middle;
}

.nq-member-body .nq-legacy-page .table tbody td {
  border-top: 1px solid #edf1f7 !important;
  color: #344054;
  font-size: 13px;
  height: 58px;
  padding: 10px 18px;
  vertical-align: middle;
}

.nq-member-body .nq-legacy-page .table tbody tr:hover td {
  background: #fbfdff;
}

.nq-member-body .nq-legacy-page .table a,
.nq-member-body .nq-legacy-page .a-text {
  color: #1769ff !important;
  text-decoration: none !important;
}

.nq-member-body .nq-legacy-page .badge,
.nq-member-body .nq-legacy-page .status,
.nq-member-body .nq-legacy-page .status-text {
  border-radius: 3px;
  display: inline-flex;
  font-size: 12px;
  font-weight: 400;
  line-height: 24px;
  padding: 0 9px;
}

.nq-member-body .nq-legacy-page .badge-secondary {
  background: #eef4ff;
  color: #1769ff;
}

.nq-member-body .nq-legacy-page .status-active {
  background: #e7fbf3;
  color: #29b985;
}

.nq-member-body .nq-legacy-page .status-pending {
  background: #fff7e6;
  color: #f79009;
}

.nq-member-body .nq-legacy-page .status-suspended,
.nq-member-body .nq-legacy-page .status-terminated,
.nq-member-body .nq-legacy-page .status-cancelled {
  background: #eef1f6;
  color: #667085;
}

.nq-member-body .nq-legacy-page .no-data {
  align-items: center;
  color: #98a2b3;
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 220px;
}

.nq-member-body .nq-legacy-page .no-data:before {
  background:
    linear-gradient(#f7f9fc, #f7f9fc) padding-box,
    linear-gradient(135deg, #d7e3ff, #edf1f7) border-box;
  border: 1px solid transparent;
  border-radius: 6px;
  box-shadow: inset 0 -16px 0 rgba(23, 105, 255, .04);
  content: "";
  display: block;
  height: 64px;
  margin-bottom: 12px;
  opacity: .86;
  width: 90px;
}

.nq-member-body .nq-legacy-page .no-data:after {
  background: #d7e3ff;
  border-radius: 99px;
  box-shadow: 20px 0 0 #e7ecf5, 40px 0 0 #d7e3ff;
  content: "";
  height: 6px;
  margin-bottom: 48px;
  margin-top: -54px;
  width: 18px;
}

.nq-member-body .nq-legacy-page .table-footer {
  align-items: center;
  border-top: 0;
  display: flex;
  gap: 16px;
  justify-content: space-between;
  padding: 24px 0 0;
}

.nq-member-body .nq-legacy-page .table-pagination {
  align-items: center;
  display: flex;
  gap: 10px;
  margin-left: auto;
}

.nq-member-body .nq-legacy-page .table-pageinfo {
  color: #667085;
  font-size: 13px;
}

.nq-member-body .nq-legacy-page .pagination {
  margin: 0;
}

.nq-member-body .nq-legacy-page .page-link {
  border-color: #edf1f7;
  color: #667085;
  min-width: 28px;
  text-align: center;
}

.nq-member-body .nq-legacy-page .page-item.active .page-link,
.nq-member-body .nq-legacy-page .pagination .active .page-link {
  background: #1769ff;
  border-color: #1769ff;
  color: #fff;
}

.nq-member-body .nq-message-page .nav-tabs {
  border-bottom: 1px solid #edf1f7;
  display: flex;
  gap: 28px;
  margin: 0;
  width: 100%;
}

.nq-member-body .nq-message-page .nav-tabs .nav-item {
  margin-bottom: 0;
}

.nq-member-body .nq-message-page .nav-tabs .nav-link {
  border: 0;
  border-radius: 0;
  color: #344054;
  font-size: 14px;
  height: 44px;
  padding: 0;
  position: relative;
}

.nq-member-body .nq-message-page .nav-tabs .nav-link.active {
  background: transparent;
  color: #1769ff !important;
  font-weight: 600;
}

.nq-member-body .nq-message-page .nav-tabs .nav-link.active:after {
  background: #1769ff;
  bottom: -1px;
  content: "";
  height: 2px;
  left: 0;
  position: absolute;
  right: 0;
}

.nq-member-body .nq-member-quicknav a {
  font-size: 0 !important;
}

.nq-member-body .nq-member-quicknav a:before {
  font-size: 14px;
}

.nq-member-body .nq-member-quicknav a[href="/clientarea"]:before {
  content: "总览";
}

.nq-member-body .nq-member-quicknav a[href="/cart"]:before {
  content: "订购产品";
}

.nq-member-body .nq-member-quicknav a[href="/article.html"]:before {
  content: "文档中心";
}

.nq-member-body .nq-member-quicknav a[href="/submitticket"]:before {
  content: "提交工单";
}

.nq-member-body .nq-member-quicknav a[href="/billing"]:before {
  content: "费用中心";
}

.nq-member-body .nq-message-page .row.mt-2 {
  margin-top: 18px !important;
}

.nq-member-body .nq-message-page .row.mt-2 .col-12 {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.nq-member-body .nq-message-table .custom-control {
  min-height: 20px;
}

.nq-member-body .nq-service-page .table-header .table-filter .col {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.nq-member-body .nq-service-page .table-footer .table-tools {
  align-items: center;
  display: flex;
  gap: 10px;
}

.nq-member-body .nq-ticket-list-page .table-container {
  min-height: 620px;
}

.nq-member-body .nq-ticket-intro-card .ticket-top {
  color: #667085;
  line-height: 1.9;
}

.nq-member-body .nq-ticket-intro-card .ticket-top p {
  margin-bottom: 8px;
}

.nq-member-body .nq-ticket-dept-page .row {
  row-gap: 16px;
}

.nq-member-body .nq-sub-dept-card {
  border-color: #edf1f7 !important;
  border-radius: 4px;
  box-shadow: none !important;
  min-height: 142px;
  transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}

.nq-member-body .nq-sub-dept-card:hover {
  border-color: #1769ff !important;
  box-shadow: 0 10px 24px rgba(23, 105, 255, .09) !important;
  transform: translateY(-1px);
}

.nq-member-body .nq-sub-dept-card .card-header {
  background: transparent !important;
  border-bottom: 0;
  padding: 20px 22px 4px;
}

.nq-member-body .nq-sub-dept-card .card-header h5 {
  color: #1f2937;
  font-size: 15px;
  font-weight: 600;
}

.nq-member-body .nq-sub-dept-card .card-body {
  color: #667085;
  padding: 8px 22px 22px;
}

.nq-member-body .nq-ticket-form form {
  max-width: 980px;
}

.nq-member-body .nq-ticket-form label {
  color: #344054;
  font-weight: 600;
}

.nq-member-body .nq-ticket-form textarea.form-control {
  min-height: 188px;
}

@media (max-width: 992px) {
  .nq-member-body .nq-legacy-page > .card-body {
    padding: 18px;
  }

  .nq-member-body .nq-legacy-page .table-header,
  .nq-member-body .nq-legacy-page .table-footer,
  .nq-member-body .nq-legacy-page .table-pagination {
    align-items: stretch;
    display: block;
  }

  .nq-member-body .nq-legacy-page .table-pagination,
  .nq-member-body .nq-legacy-page .table-pageinfo {
    margin-top: 12px;
  }

  .nq-member-body .nq-message-page .nav-tabs {
    gap: 18px;
    overflow-x: auto;
    white-space: nowrap;
  }
}

/* getyun_ported live parity pass: server-rendered pages keep current program data but use the GetYun shell geometry. */
body.nq-member-body.nq-legacy-shell {
  background: #f7f8fb !important;
}

body.nq-member-body.nq-legacy-shell #page-topbar {
  height: 50px !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  border-bottom: 1px solid #edf1f7 !important;
  box-shadow: none !important;
}

body.nq-member-body.nq-legacy-shell .navbar-header {
  height: 50px !important;
  padding: 0 16px 0 0 !important;
}

body.nq-member-body.nq-legacy-shell .navbar-brand-box {
  width: 220px !important;
  height: 50px !important;
  min-height: 50px !important;
  background: #fff !important;
  border-right: 1px solid #edf1f7 !important;
  box-shadow: none !important;
}

body.nq-member-body.nq-legacy-shell .logo-lg img {
  width: 128px !important;
  max-height: 34px !important;
  object-fit: contain;
}

body.nq-member-body.nq-legacy-shell .vertical-menu {
  width: 220px !important;
  top: 50px !important;
  padding-top: 0 !important;
  background: #fff !important;
  border-right: 1px solid #edf1f7 !important;
  box-shadow: none !important;
}

body.nq-member-body.nq-legacy-shell .main-content {
  margin-left: 220px !important;
  background: #f7f8fb !important;
}

body.nq-member-body.nq-legacy-shell .page-content {
  padding: 50px 24px 24px !important;
}

body.nq-member-body.nq-legacy-shell .container-fluid {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

body.nq-member-body.nq-legacy-shell #sidebar-menu {
  padding: 14px 8px !important;
}

body.nq-member-body.nq-legacy-shell #sidebar-menu ul li a {
  min-height: 40px !important;
  margin: 2px 0 !important;
  padding: 0 14px !important;
  border-radius: 2px !important;
  color: #334155 !important;
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  font-size: 14px !important;
  background: transparent !important;
}

body.nq-member-body.nq-legacy-shell #sidebar-menu ul li a i {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 16px !important;
  min-width: 16px !important;
  margin: 0 !important;
  color: inherit !important;
  font-size: 16px !important;
}

body.nq-member-body.nq-legacy-shell .metismenu .has-arrow:after {
  content: "\ea6e" !important;
  font-family: remixicon !important;
  font-size: 16px !important;
  border: 0 !important;
  transform: none !important;
  right: 14px !important;
  top: 12px !important;
  color: #98a2b3 !important;
}

body.nq-member-body.nq-legacy-shell .header-item i {
  font-family: remixicon !important;
  font-size: 18px !important;
  color: #344054;
}

body.nq-member-body.nq-legacy-shell .header-item,
body.nq-member-body.nq-legacy-shell .btn.header-item,
body.nq-member-body.nq-legacy-shell #vertical-menu-btn {
  height: 50px !important;
  min-height: 50px !important;
  line-height: 50px !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

body.nq-member-body.nq-legacy-shell .nq-member-quicknav {
  height: 50px !important;
  gap: 28px !important;
  margin-left: 18px !important;
}

body.nq-member-body.nq-legacy-shell .nq-member-quicknav a {
  align-items: center !important;
  color: #1f2937 !important;
  display: inline-flex !important;
  font-size: 14px !important;
  height: 50px !important;
}

body.nq-member-body.nq-legacy-shell .nq-member-quicknav a:before {
  content: none !important;
  display: none !important;
}

body.nq-member-body.nq-legacy-shell .nq-member-quicknav a:hover {
  color: #1767ff !important;
}

body.nq-member-body.nq-legacy-shell .nq-member-quicknav a[href="/clientarea"] {
  background: #edf4ff !important;
  border-radius: 4px !important;
  color: #1769ff !important;
  font-weight: 600 !important;
  height: 28px !important;
  margin-top: 11px !important;
  padding: 0 10px !important;
}

body.nq-member-body.nq-legacy-shell #sidebar-menu ul li a:hover,
body.nq-member-body.nq-legacy-shell #sidebar-menu ul li a.active,
body.nq-member-body.nq-legacy-shell #sidebar-menu ul li.mm-active > a,
body.nq-member-body.nq-legacy-shell #sidebar-menu ul li a.mm-active {
  background: #eaf1ff !important;
  color: #1769ff !important;
  font-weight: 600 !important;
}

body.nq-member-body.nq-legacy-shell #sidebar-menu .sub-menu li a {
  min-height: 38px !important;
  padding-left: 40px !important;
  color: #475467 !important;
}

body.nq-member-body.nq-legacy-shell .page-title-box {
  display: flex !important;
  height: 50px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-bottom: 1px solid #edf1f7 !important;
  box-shadow: none !important;
  background: #fff !important;
  align-items: center !important;
}

body.nq-member-body.nq-legacy-shell .page-title-box h4 {
  margin-left: 0 !important;
  padding-left: 16px !important;
  font-size: 16px !important;
}

body.nq-member-body.nq-legacy-shell .card {
  border-radius: 0 !important;
  box-shadow: none !important;
}

body.nq-member-body.nq-legacy-shell .btn {
  border-radius: 4px !important;
  min-height: 32px;
}

body.nq-member-body.nq-legacy-shell .btn-primary {
  background: #1767ff !important;
  border-color: #1767ff !important;
  box-shadow: none !important;
}

body.nq-member-body.nq-legacy-shell .btn-outline-primary {
  background: #fff !important;
  border-color: #1767ff !important;
  color: #1767ff !important;
}

body.nq-member-body.nq-legacy-shell .footer {
  display: none !important;
}

body.nq-member-body.nq-legacy-shell .nq-finance-summary,
body.nq-member-body.nq-legacy-shell .nq-finance-tabs,
body.nq-member-body.nq-legacy-shell .nq-finance-legends {
  display: none !important;
}

body.nq-member-body.nq-legacy-shell .nq-finance-table-card {
  min-height: 600px !important;
  padding: 24px 34px 34px !important;
}

body.nq-member-body.nq-legacy-shell .nq-finance-toolbar {
  justify-content: flex-start !important;
  margin-bottom: 16px !important;
}

body.nq-member-body.nq-legacy-shell .nq-finance-filter .form-control {
  width: 150px !important;
  height: 34px !important;
  background-color: #f4f6f9 !important;
  border-color: #eef1f5 !important;
  color: #334155 !important;
}

body.nq-member-body.nq-legacy-shell .nq-finance-table thead th {
  height: 44px !important;
  background: #f4f6f9 !important;
  border-bottom: 0 !important;
  color: #1f2937 !important;
}

body.nq-member-body.nq-legacy-shell .nq-finance-table td {
  height: 50px !important;
  vertical-align: middle !important;
}

body.nq-member-body.nq-legacy-shell .nq-finance-footer {
  margin-top: 76px !important;
}

/* Security center: keep current modal/actions, restyle the default ZJMF blocks into the GetYun member layout. */
body.nq-member-body.nq-legacy-shell .security-header {
  background: #fff !important;
  border: 1px solid #edf1f7 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: #1f2937 !important;
  margin-bottom: 24px !important;
  overflow: hidden !important;
}

body.nq-member-body.nq-legacy-shell .security-header .text-white,
body.nq-member-body.nq-legacy-shell .security-header label,
body.nq-member-body.nq-legacy-shell .security-header .security-label,
body.nq-member-body.nq-legacy-shell .security-header .security-meta {
  color: #475467 !important;
}

body.nq-member-body.nq-legacy-shell .security-header .security-username {
  color: #111827 !important;
  font-size: 18px !important;
  font-weight: 700 !important;
}

body.nq-member-body.nq-legacy-shell .security-logo {
  align-items: center !important;
  background: #1769ff !important;
  border-radius: 50% !important;
  box-shadow: 0 10px 24px rgba(23, 105, 255, .18) !important;
  color: #fff !important;
  display: inline-flex !important;
  height: 56px !important;
  justify-content: center !important;
  padding: 0 !important;
  width: 56px !important;
}

body.nq-member-body.nq-legacy-shell .security-header .badge {
  border-radius: 3px !important;
  box-shadow: none !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  line-height: 22px !important;
  padding: 0 8px !important;
}

body.nq-member-body.nq-legacy-shell .security-header .progress {
  background: #edf1f7 !important;
  border-radius: 99px !important;
  box-shadow: none !important;
  height: 6px !important;
  margin-top: 8px !important;
}

body.nq-member-body.nq-legacy-shell .security-header .progress-bar {
  background: #1769ff !important;
  border-radius: 99px !important;
}

body.nq-member-body.nq-legacy-shell .security-items {
  display: flex !important;
  flex-direction: column !important;
}

body.nq-member-body.nq-legacy-shell .security-item {
  align-items: center !important;
  border-bottom: 1px solid #edf1f7 !important;
  display: flex !important;
  gap: 16px !important;
  min-height: 76px !important;
  padding: 18px 0 !important;
}

body.nq-member-body.nq-legacy-shell .security-item:last-child {
  border-bottom: 0 !important;
}

body.nq-member-body.nq-legacy-shell .security-item-icon {
  align-items: center !important;
  background: #edf4ff !important;
  border-radius: 6px !important;
  color: #1769ff !important;
  display: inline-flex !important;
  flex: 0 0 38px !important;
  height: 38px !important;
  justify-content: center !important;
  width: 38px !important;
}

body.nq-member-body.nq-legacy-shell .security-item-icon i {
  color: inherit !important;
  font-size: 16px !important;
}

body.nq-member-body.nq-legacy-shell .security-item-info {
  align-items: center !important;
  display: flex !important;
  flex: 1 1 auto !important;
  gap: 16px !important;
  justify-content: space-between !important;
}

body.nq-member-body.nq-legacy-shell .security-item-title {
  color: #111827 !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  margin-bottom: 6px !important;
}

body.nq-member-body.nq-legacy-shell .security-item-title small {
  color: #29b985 !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  margin-left: 8px !important;
}

body.nq-member-body.nq-legacy-shell .security-item-desc {
  color: #667085 !important;
  font-size: 13px !important;
  line-height: 1.7 !important;
}

body.nq-member-body.nq-legacy-shell .security-item .btn {
  box-shadow: none !important;
  height: 32px !important;
  line-height: 20px !important;
  min-width: 74px !important;
  white-space: nowrap !important;
}

body.nq-member-body.nq-legacy-shell .security-item-image {
  background: #fff !important;
  border: 1px solid #edf1f7 !important;
  border-radius: 0 !important;
  min-height: 120px !important;
}

body.nq-member-body.nq-legacy-shell .nq-details-layout,
body.nq-member-body.nq-legacy-shell .nq-security-modern-page {
  margin-left: -12px !important;
  margin-right: -12px !important;
}

body.nq-member-body.nq-legacy-shell .nq-details-layout > [class*="col"],
body.nq-member-body.nq-legacy-shell .nq-security-modern-page > [class*="col"] {
  padding-left: 12px !important;
  padding-right: 12px !important;
}

body.nq-member-body.nq-legacy-shell .nq-profile-card,
body.nq-member-body.nq-legacy-shell .nq-details-form-card,
body.nq-member-body.nq-legacy-shell .nq-security-modern-page .card {
  background: #fff !important;
  border: 1px solid #edf1f7 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

body.nq-member-body.nq-legacy-shell .nq-profile-card {
  min-height: 438px !important;
  padding: 22px 24px !important;
}

body.nq-member-body.nq-legacy-shell .nq-profile-header {
  align-items: center !important;
  border-bottom: 1px solid #edf1f7 !important;
  display: flex !important;
  gap: 16px !important;
  padding-bottom: 18px !important;
}

body.nq-member-body.nq-legacy-shell .nq-profile-avatar,
body.nq-member-body.nq-legacy-shell .nq-sec-avatar {
  align-items: center !important;
  background: #1769ff !important;
  border-radius: 6px !important;
  color: #fff !important;
  display: inline-flex !important;
  flex: 0 0 56px !important;
  font-size: 26px !important;
  font-weight: 700 !important;
  height: 56px !important;
  justify-content: center !important;
  line-height: 1 !important;
  width: 56px !important;
}

body.nq-member-body.nq-legacy-shell .nq-profile-name {
  color: #111827 !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  line-height: 1.35 !important;
  margin-bottom: 7px !important;
}

body.nq-member-body.nq-legacy-shell .nq-profile-tag,
body.nq-member-body.nq-legacy-shell .nq-state-tag {
  align-items: center !important;
  border-radius: 3px !important;
  display: inline-flex !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  gap: 4px !important;
  height: 24px !important;
  line-height: 24px !important;
  padding: 0 8px !important;
}

body.nq-member-body.nq-legacy-shell .nq-profile-tag-unverified,
body.nq-member-body.nq-legacy-shell .nq-state-muted {
  background: #f2f4f7 !important;
  color: #667085 !important;
}

body.nq-member-body.nq-legacy-shell .nq-profile-tag-verified,
body.nq-member-body.nq-legacy-shell .nq-state-success {
  background: #e7fbf3 !important;
  color: #29b985 !important;
}

body.nq-member-body.nq-legacy-shell .nq-profile-info-list {
  border-bottom: 1px solid #edf1f7 !important;
  padding: 17px 0 !important;
}

body.nq-member-body.nq-legacy-shell .nq-profile-info-list-secondary {
  border-bottom: 0 !important;
}

body.nq-member-body.nq-legacy-shell .nq-profile-info-row {
  align-items: center !important;
  display: grid !important;
  gap: 10px !important;
  grid-template-columns: 18px 86px minmax(0, 1fr) !important;
  min-height: 35px !important;
}

body.nq-member-body.nq-legacy-shell .nq-profile-info-icon {
  color: #98a2b3 !important;
  font-size: 16px !important;
}

body.nq-member-body.nq-legacy-shell .nq-profile-info-label {
  color: #667085 !important;
  font-size: 13px !important;
}

body.nq-member-body.nq-legacy-shell .nq-profile-info-value {
  color: #344054 !important;
  font-size: 13px !important;
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

body.nq-member-body.nq-legacy-shell .nq-profile-info-empty {
  color: #98a2b3 !important;
}

body.nq-member-body.nq-legacy-shell .nq-profile-actions {
  padding-top: 12px !important;
}

body.nq-member-body.nq-legacy-shell .nq-profile-actions .btn {
  display: block !important;
  height: 34px !important;
  line-height: 22px !important;
  margin-top: 10px !important;
  width: 100% !important;
}

body.nq-member-body.nq-legacy-shell .nq-profile-actions .btn-primary {
  color: #fff !important;
}

body.nq-member-body.nq-legacy-shell .nq-details-form-card {
  padding: 24px 28px 26px !important;
}

body.nq-member-body.nq-legacy-shell .nq-details-form-card .card-title,
body.nq-member-body.nq-legacy-shell .nq-security-modern-page .card-title {
  align-items: center !important;
  color: #111827 !important;
  display: flex !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  line-height: 24px !important;
  margin-bottom: 18px !important;
}

body.nq-member-body.nq-legacy-shell .nq-details-form-card .card-title:before,
body.nq-member-body.nq-legacy-shell .nq-security-modern-page .card-title:before {
  background: #1769ff !important;
  content: "" !important;
  display: inline-block !important;
  height: 18px !important;
  margin-right: 9px !important;
  width: 3px !important;
}

body.nq-member-body.nq-legacy-shell .nq-details-form-card label {
  color: #344054 !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  margin-bottom: 8px !important;
}

body.nq-member-body.nq-legacy-shell .nq-details-form-card .form-control {
  border-color: #edf1f7 !important;
  box-shadow: none !important;
  height: 38px !important;
}

body.nq-member-body.nq-legacy-shell .nq-details-form-card .form-control:focus {
  border-color: #1769ff !important;
}

body.nq-member-body.nq-legacy-shell .nq-inline-check {
  align-items: center !important;
  display: flex !important;
  min-height: 38px !important;
}

body.nq-member-body.nq-legacy-shell .nq-details-submit-row {
  border-top: 1px solid #edf1f7 !important;
  margin-top: 12px !important;
  padding-top: 20px !important;
  text-align: right !important;
}

body.nq-member-body.nq-legacy-shell .nq-sec-account-layout {
  align-items: center !important;
  display: grid !important;
  gap: 22px !important;
  grid-template-columns: 56px minmax(0, 1fr) !important;
}

body.nq-member-body.nq-legacy-shell .nq-sec-account-grid {
  display: grid !important;
  gap: 16px 54px !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

body.nq-member-body.nq-legacy-shell .nq-sec-account-field {
  color: #667085 !important;
  font-size: 13px !important;
  min-width: 0 !important;
}

body.nq-member-body.nq-legacy-shell .nq-sec-account-field strong {
  color: #344054 !important;
  font-weight: 500 !important;
}

body.nq-member-body.nq-legacy-shell .nq-primary-link {
  color: #1769ff !important;
  text-decoration: none !important;
}

body.nq-member-body.nq-legacy-shell .nq-security-settings-card {
  padding: 24px 18px 18px !important;
}

body.nq-member-body.nq-legacy-shell .nq-sec-list {
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
}

body.nq-member-body.nq-legacy-shell .nq-sec-item {
  align-items: center !important;
  background: #fff !important;
  border: 1px solid #edf1f7 !important;
  display: flex !important;
  gap: 16px !important;
  min-height: 76px !important;
  padding: 16px !important;
}

body.nq-member-body.nq-legacy-shell .nq-sec-item-icon,
body.nq-member-body.nq-legacy-shell .nq-sec-remind-icon {
  align-items: center !important;
  background: #edf4ff !important;
  color: #1769ff !important;
  display: inline-flex !important;
  flex: 0 0 42px !important;
  font-size: 19px !important;
  height: 42px !important;
  justify-content: center !important;
  width: 42px !important;
}

body.nq-member-body.nq-legacy-shell .nq-sec-item-body {
  flex: 1 1 auto !important;
  min-width: 0 !important;
}

body.nq-member-body.nq-legacy-shell .nq-sec-item-title,
body.nq-member-body.nq-legacy-shell .nq-sec-remind-title {
  color: #111827 !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  line-height: 1.45 !important;
  margin-bottom: 5px !important;
}

body.nq-member-body.nq-legacy-shell .nq-sec-item-desc,
body.nq-member-body.nq-legacy-shell .nq-sec-remind-desc {
  color: #667085 !important;
  font-size: 13px !important;
  line-height: 1.65 !important;
}

body.nq-member-body.nq-legacy-shell .nq-sec-item .btn {
  flex: 0 0 auto !important;
  min-width: 74px !important;
}

body.nq-member-body.nq-legacy-shell .nq-security-score-card,
body.nq-member-body.nq-legacy-shell .nq-security-remind-card {
  padding: 24px 18px 18px !important;
}

body.nq-member-body.nq-legacy-shell .nq-security-progress {
  align-items: center !important;
  display: flex !important;
  justify-content: center !important;
  min-height: 138px !important;
  gap: 20px !important;
}

body.nq-member-body.nq-legacy-shell .nq-security-ring {
  align-items: center !important;
  border-radius: 50% !important;
  display: flex !important;
  height: 92px !important;
  justify-content: center !important;
  width: 92px !important;
}

body.nq-member-body.nq-legacy-shell .nq-security-ring-inner {
  align-items: center !important;
  background: #fff !important;
  border-radius: 50% !important;
  display: flex !important;
  flex-direction: column !important;
  height: 68px !important;
  justify-content: center !important;
  width: 68px !important;
}

body.nq-member-body.nq-legacy-shell .nq-security-score {
  color: #111827 !important;
  font-size: 23px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
}

body.nq-member-body.nq-legacy-shell .nq-security-label {
  color: #98a2b3 !important;
  font-size: 11px !important;
}

body.nq-member-body.nq-legacy-shell .nq-security-info-level {
  color: #29b985 !important;
  font-size: 16px !important;
  font-weight: 700 !important;
}

body.nq-member-body.nq-legacy-shell .nq-security-ranges {
  align-items: center !important;
  color: #98a2b3 !important;
  display: flex !important;
  flex-wrap: wrap !important;
  font-size: 12px !important;
  gap: 8px !important;
  justify-content: center !important;
}

body.nq-member-body.nq-legacy-shell .nq-dot {
  border-radius: 50% !important;
  display: inline-block !important;
  height: 7px !important;
  margin-right: 4px !important;
  width: 7px !important;
}

body.nq-member-body.nq-legacy-shell .nq-dot-danger { background: #f04438 !important; }
body.nq-member-body.nq-legacy-shell .nq-dot-warning { background: #f79009 !important; }
body.nq-member-body.nq-legacy-shell .nq-dot-success { background: #29b985 !important; }

body.nq-member-body.nq-legacy-shell .nq-sec-remind {
  border: 1px solid #edf1f7 !important;
  margin-bottom: 14px !important;
  padding: 18px !important;
}

body.nq-member-body.nq-legacy-shell .nq-sec-remind:last-child {
  margin-bottom: 0 !important;
}

body.nq-member-body.nq-legacy-shell .nq-sec-remind-header {
  align-items: flex-start !important;
  display: flex !important;
  gap: 14px !important;
}

body.nq-member-body.nq-legacy-shell .nq-sec-remind-action {
  margin-top: 16px !important;
  text-align: center !important;
}

body.nq-member-body.nq-legacy-shell .nq-ticket-intro-card,
body.nq-member-body.nq-legacy-shell .nq-ticket-dept-page,
body.nq-member-body.nq-legacy-shell .nq-ticket-form {
  background: #fff !important;
  border: 1px solid #edf1f7 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  margin-bottom: 20px !important;
}

body.nq-member-body.nq-legacy-shell .nq-ticket-intro-card .card-body,
body.nq-member-body.nq-legacy-shell .nq-ticket-dept-page .card-body,
body.nq-member-body.nq-legacy-shell .nq-ticket-form .card-body {
  padding: 24px 18px !important;
}

body.nq-member-body.nq-legacy-shell .nq-ticket-intro-card .card-title,
body.nq-member-body.nq-legacy-shell .nq-ticket-dept-page .card-title,
body.nq-member-body.nq-legacy-shell .nq-ticket-form .card-title {
  align-items: center !important;
  color: #111827 !important;
  display: flex !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  line-height: 24px !important;
}

body.nq-member-body.nq-legacy-shell .nq-ticket-intro-card .card-title:before,
body.nq-member-body.nq-legacy-shell .nq-ticket-dept-page .card-title:before,
body.nq-member-body.nq-legacy-shell .nq-ticket-form .card-title:before {
  background: #1769ff !important;
  content: "" !important;
  display: inline-block !important;
  height: 18px !important;
  margin-right: 9px !important;
  width: 3px !important;
}

body.nq-member-body.nq-legacy-shell .nq-ticket-intro-text,
body.nq-member-body.nq-legacy-shell .nq-ticket-dept-desc {
  color: #667085 !important;
  font-size: 14px !important;
  line-height: 1.8 !important;
  margin: 0 0 18px !important;
}

body.nq-member-body.nq-legacy-shell .nq-ticket-notice {
  background: #f5f7fb !important;
  color: #667085 !important;
  margin: 12px 0 18px !important;
  padding: 18px 20px !important;
}

body.nq-member-body.nq-legacy-shell .nq-ticket-notice-title {
  align-items: center !important;
  color: #344054 !important;
  display: flex !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  gap: 8px !important;
  margin-bottom: 12px !important;
}

body.nq-member-body.nq-legacy-shell .nq-ticket-notice-title i {
  color: #1769ff !important;
  font-size: 17px !important;
}

body.nq-member-body.nq-legacy-shell .nq-ticket-notice ul {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 0 0 20px !important;
}

body.nq-member-body.nq-legacy-shell .nq-ticket-notice li {
  color: #667085 !important;
  font-size: 13px !important;
  line-height: 2 !important;
  position: relative !important;
}

body.nq-member-body.nq-legacy-shell .nq-ticket-notice li:before {
  background: #98a2b3 !important;
  border-radius: 50% !important;
  content: "" !important;
  height: 4px !important;
  left: -14px !important;
  position: absolute !important;
  top: 12px !important;
  width: 4px !important;
}

body.nq-member-body.nq-legacy-shell .nq-sub-steps {
  align-items: center !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 14px !important;
  justify-content: center !important;
  margin-top: 14px !important;
}

body.nq-member-body.nq-legacy-shell .nq-sub-step {
  align-items: center !important;
  color: #98a2b3 !important;
  display: inline-flex !important;
  gap: 9px !important;
  min-height: 28px !important;
}

body.nq-member-body.nq-legacy-shell .nq-sub-step-num {
  align-items: center !important;
  background: #eef2f7 !important;
  border-radius: 50% !important;
  color: #98a2b3 !important;
  display: inline-flex !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  height: 25px !important;
  justify-content: center !important;
  width: 25px !important;
}

body.nq-member-body.nq-legacy-shell .nq-sub-step.active,
body.nq-member-body.nq-legacy-shell .nq-sub-step.done {
  color: #344054 !important;
}

body.nq-member-body.nq-legacy-shell .nq-sub-step.active .nq-sub-step-num,
body.nq-member-body.nq-legacy-shell .nq-sub-step.done .nq-sub-step-num {
  background: #1769ff !important;
  color: #fff !important;
}

body.nq-member-body.nq-legacy-shell .nq-sub-step-label {
  font-size: 13px !important;
  font-weight: 600 !important;
}

body.nq-member-body.nq-legacy-shell .nq-sub-step-arrow {
  color: #d0d5dd !important;
  display: inline-flex !important;
  font-size: 18px !important;
}

body.nq-member-body.nq-legacy-shell .nq-sub-dept-grid {
  display: grid !important;
  gap: 14px !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  margin-top: 18px !important;
}

body.nq-member-body.nq-legacy-shell .nq-sub-dept-card {
  align-items: center !important;
  background: #fff !important;
  border: 1px solid #edf1f7 !important;
  color: inherit !important;
  display: flex !important;
  gap: 14px !important;
  min-height: 78px !important;
  padding: 16px 18px !important;
  text-decoration: none !important;
  transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease !important;
}

body.nq-member-body.nq-legacy-shell .nq-sub-dept-card:hover {
  border-color: #1769ff !important;
  box-shadow: 0 8px 24px rgba(23, 105, 255, .08) !important;
  transform: translateY(-1px) !important;
}

body.nq-member-body.nq-legacy-shell .nq-sub-dept-card-icon {
  align-items: center !important;
  background: #edf4ff !important;
  color: #1769ff !important;
  display: inline-flex !important;
  flex: 0 0 40px !important;
  font-size: 20px !important;
  height: 40px !important;
  justify-content: center !important;
  width: 40px !important;
}

body.nq-member-body.nq-legacy-shell .nq-sub-dept-card-title {
  color: #111827 !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  line-height: 1.4 !important;
}

body.nq-member-body.nq-legacy-shell .nq-sub-dept-card-desc {
  color: #667085 !important;
  font-size: 13px !important;
  line-height: 1.55 !important;
  margin-top: 3px !important;
}

body.nq-member-body.nq-legacy-shell .nq-card-head {
  align-items: center !important;
  border-bottom: 1px solid #edf1f7 !important;
  display: flex !important;
  justify-content: space-between !important;
  margin: -2px 0 22px !important;
  padding-bottom: 16px !important;
}

body.nq-member-body.nq-legacy-shell .nq-ticket-form-inner label {
  color: #344054 !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  margin-bottom: 8px !important;
}

body.nq-member-body.nq-legacy-shell .nq-ticket-form-inner {
  max-width: none !important;
}

body.nq-member-body.nq-legacy-shell .nq-ticket-form-inner .form-control {
  border-color: #edf1f7 !important;
  border-radius: 2px !important;
  box-shadow: none !important;
  color: #344054 !important;
  min-height: 38px !important;
}

body.nq-member-body.nq-legacy-shell .nq-ticket-form-inner .form-control:focus {
  border-color: #1769ff !important;
}

body.nq-member-body.nq-legacy-shell .nq-ticket-content {
  min-height: 168px !important;
  resize: vertical !important;
}

body.nq-member-body.nq-legacy-shell .nq-upload-area {
  background: #f8fafc !important;
  border: 1px dashed #d9e2ef !important;
  padding: 16px !important;
}

body.nq-member-body.nq-legacy-shell .nq-upload-area .filebox {
  background: #fff !important;
  border: 1px solid #edf1f7 !important;
  padding: 10px 12px !important;
}

body.nq-member-body.nq-legacy-shell .nq-form-actions {
  align-items: center !important;
  border-top: 1px solid #edf1f7 !important;
  display: flex !important;
  gap: 12px !important;
  justify-content: flex-end !important;
  margin-top: 12px !important;
  padding-top: 20px !important;
}

body.nq-member-body.nq-legacy-shell .nq-form-actions .btn,
body.nq-member-body.nq-legacy-shell .nq-card-head .btn {
  border-radius: 2px !important;
  font-size: 13px !important;
  min-width: 82px !important;
}

body.nq-member-body.nq-legacy-shell .nq-message-page,
body.nq-member-body.nq-legacy-shell .nq-ticket-list-page,
body.nq-member-body.nq-legacy-shell .nq-addfunds-card,
body.nq-member-body.nq-legacy-shell .nq-service-page.card,
body.nq-member-body.nq-legacy-shell .nq-billing-page,
body.nq-member-body.nq-legacy-shell .nq-transaction-page {
  background: #fff !important;
  border: 1px solid #edf1f7 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

body.nq-member-body.nq-legacy-shell .table-container .nav-tabs {
  border-bottom: 1px solid #edf1f7 !important;
  gap: 28px !important;
  margin-bottom: 16px !important;
}

body.nq-member-body.nq-legacy-shell .table-container .nav-tabs .nav-link {
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  color: #667085 !important;
  font-size: 14px !important;
  padding: 0 0 12px !important;
}

body.nq-member-body.nq-legacy-shell .table-container .nav-tabs .nav-link.active {
  border-bottom: 2px solid #1769ff !important;
  color: #1769ff !important;
  font-weight: 600 !important;
}

body.nq-member-body.nq-legacy-shell .nq-message-actions {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  margin: 0 0 16px !important;
}

body.nq-member-body.nq-legacy-shell .nq-message-actions .btn,
body.nq-member-body.nq-legacy-shell .nq-submit-ticket-btn {
  border-radius: 2px !important;
  font-size: 13px !important;
  min-height: 32px !important;
  padding: 6px 14px !important;
}

body.nq-member-body.nq-legacy-shell .table-container .table,
body.nq-member-body.nq-legacy-shell .table-responsive .table {
  border-collapse: collapse !important;
  color: #344054 !important;
  margin-bottom: 0 !important;
}

body.nq-member-body.nq-legacy-shell .table-container .table thead th,
body.nq-member-body.nq-legacy-shell .table-responsive .table thead th {
  background: #f5f7fb !important;
  border-bottom: 0 !important;
  color: #344054 !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  height: 42px !important;
  padding: 12px 16px !important;
  vertical-align: middle !important;
}

body.nq-member-body.nq-legacy-shell .table-container .table tbody td,
body.nq-member-body.nq-legacy-shell .table-responsive .table tbody td {
  border-color: #edf1f7 !important;
  color: #344054 !important;
  font-size: 13px !important;
  padding: 13px 16px !important;
  vertical-align: middle !important;
}

body.nq-member-body.nq-legacy-shell .table-container .no-data {
  align-items: center !important;
  color: #98a2b3 !important;
  display: flex !important;
  justify-content: center !important;
  min-height: 150px !important;
}

body.nq-member-body.nq-legacy-shell .table-footer {
  align-items: center !important;
  border-top: 0 !important;
  display: flex !important;
  justify-content: space-between !important;
  min-height: 78px !important;
  padding-top: 18px !important;
}

body.nq-member-body.nq-legacy-shell .table-pageinfo {
  color: #344054 !important;
  font-size: 13px !important;
}

body.nq-member-body.nq-legacy-shell .pagination .page-link,
body.nq-member-body.nq-legacy-shell .pagination-sm .page-link {
  border-radius: 0 !important;
  color: #667085 !important;
  min-width: 34px !important;
  text-align: center !important;
}

body.nq-member-body.nq-legacy-shell .pagination .active .page-link,
body.nq-member-body.nq-legacy-shell .pagination-sm .active .page-link {
  background: #edf4ff !important;
  border-color: #1769ff !important;
  color: #1769ff !important;
}

body.nq-member-body.nq-legacy-shell .nq-fund-tip {
  align-items: center !important;
  background: #edf6ff !important;
  color: #344054 !important;
  display: flex !important;
  font-size: 14px !important;
  gap: 10px !important;
  line-height: 1.7 !important;
  margin-bottom: 16px !important;
  padding: 12px 16px !important;
}

body.nq-member-body.nq-legacy-shell .nq-fund-tip i {
  color: #1769ff !important;
  font-size: 17px !important;
}

body.nq-member-body.nq-legacy-shell .nq-addfunds-card .card-body {
  padding: 24px 24px 26px !important;
}

body.nq-member-body.nq-legacy-shell .nq-fund-section {
  margin-bottom: 24px !important;
}

body.nq-member-body.nq-legacy-shell .nq-fund-section .card-title {
  align-items: center !important;
  color: #111827 !important;
  display: flex !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  line-height: 24px !important;
}

body.nq-member-body.nq-legacy-shell .nq-fund-section .card-title:before {
  background: #1769ff !important;
  content: "" !important;
  display: inline-block !important;
  height: 18px !important;
  margin-right: 9px !important;
  width: 3px !important;
}

body.nq-member-body.nq-legacy-shell .nq-account-row {
  align-items: center !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 16px !important;
}

body.nq-member-body.nq-legacy-shell .nq-account-label {
  color: #667085 !important;
  font-size: 13px !important;
}

body.nq-member-body.nq-legacy-shell .nq-account-user {
  background: #f2f4f7 !important;
  color: #98a2b3 !important;
  min-width: 240px !important;
  padding: 12px 18px !important;
}

body.nq-member-body.nq-legacy-shell .nq-account-balance {
  align-items: center !important;
  color: #667085 !important;
  display: flex !important;
  font-size: 13px !important;
  gap: 6px !important;
}

body.nq-member-body.nq-legacy-shell .nq-account-balance strong {
  color: #1769ff !important;
  font-size: 16px !important;
}

body.nq-member-body.nq-legacy-shell .nq-pay-grid {
  display: grid !important;
  gap: 14px !important;
  grid-template-columns: repeat(3, minmax(150px, 1fr)) !important;
  max-width: 520px !important;
}

body.nq-member-body.nq-legacy-shell .nq-pay-option {
  cursor: pointer !important;
}

body.nq-member-body.nq-legacy-shell .nq-pay-option .addfunds-payment {
  align-items: center !important;
  background: #fff !important;
  border: 1px solid #edf1f7 !important;
  display: flex !important;
  height: 52px !important;
  justify-content: center !important;
  padding: 8px 14px !important;
  position: relative !important;
}

body.nq-member-body.nq-legacy-shell .nq-pay-option .addfunds-payment.active {
  border: 2px solid #1769ff !important;
}

body.nq-member-body.nq-legacy-shell .nq-pay-option .addfunds-payment img {
  max-height: 28px !important;
  max-width: 90px !important;
}

body.nq-member-body.nq-legacy-shell .nq-amount-row {
  align-items: center !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
}

body.nq-member-body.nq-legacy-shell .nq-amount-input {
  align-items: center !important;
  border: 1px solid #edf1f7 !important;
  display: flex !important;
  gap: 8px !important;
  height: 38px !important;
  min-width: 280px !important;
  padding: 0 12px !important;
}

body.nq-member-body.nq-legacy-shell .nq-amount-input i,
body.nq-member-body.nq-legacy-shell .nq-amount-input span {
  color: #98a2b3 !important;
}

body.nq-member-body.nq-legacy-shell .nq-amount-input .form-control {
  border: 0 !important;
  box-shadow: none !important;
  height: 36px !important;
  padding: 0 !important;
}

body.nq-member-body.nq-legacy-shell .nq-quick-amounts {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
}

body.nq-member-body.nq-legacy-shell .nq-quick-amounts .btn {
  background: #fff !important;
  border: 1px solid #edf1f7 !important;
  border-radius: 2px !important;
  color: #344054 !important;
  min-width: 68px !important;
}

body.nq-member-body.nq-legacy-shell .nq-quick-amounts .btn.active,
body.nq-member-body.nq-legacy-shell .nq-quick-amounts .btn:hover {
  border-color: #1769ff !important;
  color: #1769ff !important;
}

body.nq-member-body.nq-legacy-shell .nq-fund-actions {
  align-items: center !important;
  border-top: 1px solid #edf1f7 !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 14px !important;
  padding-top: 22px !important;
}

body.nq-member-body.nq-legacy-shell .nq-fund-actions .btn {
  border-radius: 2px !important;
  min-width: 86px !important;
}

body.nq-member-body.nq-legacy-shell .nq-fund-actions span {
  color: #667085 !important;
  font-size: 13px !important;
}

body.nq-member-body.nq-legacy-shell .nq-affiliates-page {
  width: 100% !important;
}

body.nq-member-body.nq-legacy-shell .nq-affiliates-hero {
  background: #fff !important;
  border: 1px solid #edf1f7 !important;
  border-radius: 8px !important;
  box-shadow: 0 16px 40px rgba(23, 32, 51, 0.05) !important;
  min-height: 560px !important;
}

body.nq-member-body.nq-legacy-shell .nq-aff-empty {
  align-items: center !important;
  display: flex !important;
  flex-direction: column !important;
  min-height: 430px !important;
  padding: 22px 24px 10px !important;
  text-align: center !important;
}

body.nq-member-body.nq-legacy-shell .nq-aff-empty-icon {
  align-items: center !important;
  background: linear-gradient(135deg, rgba(36, 107, 254, 0.12), rgba(22, 184, 200, 0.12)) !important;
  border-radius: 50% !important;
  color: #1769ff !important;
  display: flex !important;
  font-size: 38px !important;
  height: 86px !important;
  justify-content: center !important;
  margin-bottom: 20px !important;
  width: 86px !important;
}

body.nq-member-body.nq-legacy-shell .nq-aff-empty-title {
  color: #172033 !important;
  font-size: 24px !important;
  font-weight: 600 !important;
  line-height: 1.35 !important;
  margin-bottom: 12px !important;
}

body.nq-member-body.nq-legacy-shell .nq-aff-empty-desc {
  color: #667085 !important;
  font-size: 14px !important;
  line-height: 1.9 !important;
  margin: 0 auto 28px !important;
  max-width: 720px !important;
}

body.nq-member-body.nq-legacy-shell .nq-aff-empty-steps {
  display: grid !important;
  gap: 18px !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  margin: 0 auto 34px !important;
  max-width: 980px !important;
  width: 100% !important;
}

body.nq-member-body.nq-legacy-shell .nq-aff-empty-step {
  align-items: center !important;
  background: #f8fbff !important;
  border: 1px solid #edf1f7 !important;
  border-radius: 8px !important;
  display: flex !important;
  flex-direction: column !important;
  min-height: 170px !important;
  padding: 26px 18px 22px !important;
}

body.nq-member-body.nq-legacy-shell .nq-aff-empty-step-img {
  display: block !important;
  height: 52px !important;
  margin-bottom: 16px !important;
  object-fit: contain !important;
  width: 52px !important;
}

body.nq-member-body.nq-legacy-shell .nq-aff-empty-step h4 {
  color: #172033 !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  line-height: 1.45 !important;
  margin: 0 0 8px !important;
}

body.nq-member-body.nq-legacy-shell .nq-aff-empty-step p {
  color: #667085 !important;
  font-size: 13px !important;
  line-height: 1.7 !important;
  margin: 0 !important;
}

body.nq-member-body.nq-legacy-shell .nq-aff-apply-btn {
  align-items: center !important;
  background: #1769ff !important;
  border: 1px solid #1769ff !important;
  border-radius: 3px !important;
  box-shadow: 0 10px 22px rgba(23, 105, 255, 0.22) !important;
  color: #fff !important;
  display: inline-flex !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  height: 42px !important;
  justify-content: center !important;
  min-width: 132px !important;
  padding: 0 26px !important;
}

body.nq-member-body.nq-legacy-shell .nq-aff-apply-btn:hover {
  background: #0f5ce6 !important;
  border-color: #0f5ce6 !important;
  color: #fff !important;
}

body.nq-member-body.nq-legacy-shell .nq-aff-apply-btn:disabled {
  box-shadow: none !important;
  cursor: not-allowed !important;
  opacity: 0.62 !important;
}

body.nq-member-body.nq-legacy-shell .nq-aff-disabled-tip {
  color: #98a2b3 !important;
  font-size: 13px !important;
  margin-top: 12px !important;
}

@media (max-width: 992px) {
  body.nq-member-body.nq-legacy-shell #page-topbar {
    left: 0 !important;
  }
  body.nq-member-body.nq-legacy-shell .vertical-menu {
    display: none !important;
  }
  body.nq-member-body.nq-legacy-shell .main-content {
    margin-left: 0 !important;
  }
  body.nq-member-body.nq-legacy-shell .page-content {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }
  body.nq-member-body.nq-legacy-shell .nq-sec-account-grid,
  body.nq-member-body.nq-legacy-shell .nq-sec-account-layout {
    display: block !important;
  }
  body.nq-member-body.nq-legacy-shell .nq-sec-account-field {
    margin-top: 10px !important;
  }
  body.nq-member-body.nq-legacy-shell .nq-sub-dept-grid {
    grid-template-columns: 1fr !important;
  }
  body.nq-member-body.nq-legacy-shell .nq-affiliates-hero {
    min-height: 0 !important;
  }
  body.nq-member-body.nq-legacy-shell .nq-aff-empty {
    padding: 8px 0 0 !important;
  }
  body.nq-member-body.nq-legacy-shell .nq-aff-empty-steps {
    grid-template-columns: 1fr !important;
  }
  body.nq-member-body.nq-legacy-shell .nq-card-head,
  body.nq-member-body.nq-legacy-shell .nq-form-actions {
    align-items: stretch !important;
    flex-direction: column !important;
  }
}

/* final24: tighten the legacy customer pages against the reference GetYun member shell. */
body.nq-member-body.nq-legacy-shell {
  background: #fafafa !important;
  color: #1d2129 !important;
}

body.nq-member-body.nq-legacy-shell #page-topbar,
body.nq-member-body.nq-legacy-shell .navbar-brand-box,
body.nq-member-body.nq-legacy-shell .vertical-menu,
body.nq-member-body.nq-legacy-shell .page-title-box {
  background: #fff !important;
  border-color: #edf1f7 !important;
}

body.nq-member-body.nq-legacy-shell .navbar-header {
  padding: 0 8px 0 0 !important;
}

body.nq-member-body.nq-legacy-shell .navbar-brand-box {
  width: 140px !important;
  min-width: 140px !important;
  border-right: 0 !important;
}

body.nq-member-body.nq-legacy-shell .navbar-brand-box .logo {
  align-items: center !important;
  display: flex !important;
  height: 50px !important;
  justify-content: center !important;
  padding: 0 !important;
}

body.nq-member-body.nq-legacy-shell .navbar-brand-box .logo-light {
  display: none !important;
}

body.nq-member-body.nq-legacy-shell .logo-lg img {
  width: 104px !important;
  max-height: 30px !important;
}

body.nq-member-body.nq-legacy-shell #vertical-menu-btn {
  display: none !important;
}

body.nq-member-body.nq-legacy-shell .nq-member-quicknav {
  gap: 26px !important;
  margin-left: 10px !important;
}

body.nq-member-body.nq-legacy-shell .nq-member-quicknav a {
  color: #1d2129 !important;
  font-size: 14px !important;
  font-weight: 400 !important;
}

body.nq-member-body.nq-legacy-shell .nq-member-quicknav a[href="/clientarea"] {
  background: #edf4ff !important;
  border-radius: 2px !important;
  color: #1769ff !important;
  font-weight: 600 !important;
}

body.nq-member-body.nq-legacy-shell .page-title-right {
  display: none !important;
}

body.nq-member-body.nq-legacy-shell .page-title-box {
  height: 48px !important;
  border-bottom: 1px solid #edf1f7 !important;
}

body.nq-member-body.nq-legacy-shell .page-title-box h4 {
  color: #1d2129 !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  padding-left: 0 !important;
}

body.nq-member-body.nq-legacy-shell .page-title-box h4:before {
  background: #1769ff !important;
  height: 18px !important;
  margin-right: 8px !important;
  width: 3px !important;
}

body.nq-member-body.nq-legacy-shell .main-content,
body.nq-member-body.nq-legacy-shell .page-content {
  background: #fafafa !important;
}

body.nq-member-body.nq-legacy-shell .page-content {
  padding: 50px 24px 24px !important;
}

body.nq-member-body.nq-legacy-shell .page-content > .container-fluid + .container-fluid {
  padding-top: 14px !important;
}

body.nq-member-body.nq-legacy-shell .page-content > .container-fluid:nth-of-type(2) {
  padding-top: 16px !important;
}

body.nq-member-body.nq-legacy-shell .card,
body.nq-member-body.nq-legacy-shell .nq-legacy-page.card,
body.nq-member-body.nq-legacy-shell .nq-finance-table-card,
body.nq-member-body.nq-legacy-shell .nq-finance-summary {
  border: 1px solid #edf1f7 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

body.nq-member-body.nq-legacy-shell .btn,
body.nq-member-body.nq-legacy-shell .btn-sm,
body.nq-member-body.nq-legacy-shell .btn-primary,
body.nq-member-body.nq-legacy-shell .btn-outline-primary,
body.nq-member-body.nq-legacy-shell .btn-light,
body.nq-member-body.nq-legacy-shell .form-control,
body.nq-member-body.nq-legacy-shell .custom-select,
body.nq-member-body.nq-legacy-shell select {
  border-radius: 0 !important;
}

body.nq-member-body.nq-legacy-shell .btn-primary {
  background: #165dff !important;
  border-color: #165dff !important;
}

body.nq-member-body.nq-legacy-shell .btn-outline-primary {
  background: #fff !important;
  border-color: #165dff !important;
  color: #165dff !important;
}

body.nq-member-body.nq-legacy-shell .table thead th,
body.nq-member-body.nq-legacy-shell .nq-finance-table thead th,
body.nq-member-body.nq-legacy-shell .nq-finance-table-card .table thead th {
  background: #f7f8fa !important;
  color: #4e5969 !important;
  font-weight: 600 !important;
}

body.nq-member-body.nq-legacy-shell #sidebar-menu ul li a {
  border-radius: 0 !important;
}

body.nq-member-body.nq-legacy-shell #sidebar-menu ul li a:hover,
body.nq-member-body.nq-legacy-shell #sidebar-menu ul li a.active,
body.nq-member-body.nq-legacy-shell #sidebar-menu ul li.mm-active > a,
body.nq-member-body.nq-legacy-shell #sidebar-menu ul li a.mm-active {
  background: #edf4ff !important;
  color: #1769ff !important;
}

/* final26: product resources page, aligned with the reference customer-center product manager. */
body.nq-member-body.nq-legacy-shell .nq-service-manager-head {
  align-items: flex-start !important;
  background: #fff !important;
  border: 1px solid #edf1f7 !important;
  display: grid !important;
  gap: 18px !important;
  grid-template-columns: 210px 1fr auto !important;
  margin: 16px 0 0 !important;
  min-height: 118px !important;
  padding: 22px 24px !important;
}

body.nq-member-body.nq-legacy-shell .nq-service-title-block span {
  color: #86909c !important;
  display: block !important;
  font-size: 13px !important;
  line-height: 1 !important;
  margin-bottom: 8px !important;
}

body.nq-member-body.nq-legacy-shell .nq-service-title-block h2 {
  color: #1d2129 !important;
  font-size: 20px !important;
  font-weight: 700 !important;
  letter-spacing: 0 !important;
  line-height: 1.35 !important;
  margin: 0 0 7px !important;
}

body.nq-member-body.nq-legacy-shell .nq-service-title-block p {
  color: #4e5969 !important;
  font-size: 14px !important;
  margin: 0 !important;
}

body.nq-member-body.nq-legacy-shell .nq-service-stat-grid {
  display: grid !important;
  gap: 0 !important;
  grid-template-columns: repeat(5, minmax(110px, 1fr)) !important;
}

body.nq-member-body.nq-legacy-shell .nq-service-stat {
  border-left: 1px solid #edf1f7 !important;
  min-height: 72px !important;
  padding: 4px 24px !important;
}

body.nq-member-body.nq-legacy-shell .nq-service-stat span {
  color: #86909c !important;
  display: block !important;
  font-size: 13px !important;
  margin-bottom: 12px !important;
}

body.nq-member-body.nq-legacy-shell .nq-service-stat strong {
  color: #1d2129 !important;
  display: block !important;
  font-size: 26px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
}

body.nq-member-body.nq-legacy-shell .nq-service-head-actions {
  display: flex !important;
  gap: 10px !important;
  justify-content: flex-end !important;
  white-space: nowrap !important;
}

body.nq-member-body.nq-legacy-shell .nq-service-head-actions .btn-primary,
body.nq-member-body.nq-legacy-shell .nq-service-resource-card .btn-primary {
  color: #fff !important;
  font-size: 13px !important;
  min-width: 72px !important;
}

body.nq-member-body.nq-legacy-shell .nq-service-viewbar {
  align-items: center !important;
  background: #fff !important;
  border: 1px solid #edf1f7 !important;
  border-top: 0 !important;
  display: flex !important;
  justify-content: space-between !important;
  min-height: 58px !important;
  padding: 0 24px !important;
}

body.nq-member-body.nq-legacy-shell .nq-service-filter-tabs {
  align-items: center !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 20px !important;
}

body.nq-member-body.nq-legacy-shell .nq-service-filter-tabs a {
  color: #4e5969 !important;
  font-size: 14px !important;
  line-height: 56px !important;
  position: relative !important;
}

body.nq-member-body.nq-legacy-shell .nq-service-filter-tabs a.active {
  color: #1769ff !important;
  font-weight: 600 !important;
}

body.nq-member-body.nq-legacy-shell .nq-service-filter-tabs a.active:after {
  background: #1769ff !important;
  bottom: 0 !important;
  content: "" !important;
  height: 2px !important;
  left: 0 !important;
  position: absolute !important;
  width: 100% !important;
}

body.nq-member-body.nq-legacy-shell .nq-service-view-switch {
  align-items: center !important;
  display: flex !important;
  gap: 8px !important;
  isolation: isolate !important;
  position: relative !important;
  z-index: 20 !important;
}

body.nq-member-body.nq-legacy-shell .nq-service-view-switch button {
  background: #fff !important;
  border: 1px solid #d9e1ec !important;
  color: #4e5969 !important;
  cursor: pointer !important;
  font-size: 13px !important;
  height: 30px !important;
  min-width: 52px !important;
  pointer-events: auto !important;
  position: relative !important;
  touch-action: manipulation !important;
  user-select: none !important;
  z-index: 2 !important;
}

body.nq-member-body.nq-legacy-shell .nq-service-view-switch button.active {
  border-color: #1769ff !important;
  color: #1769ff !important;
}

body.nq-member-body.nq-legacy-shell .nq-service-view-switch button:focus-visible {
  box-shadow: inset 0 0 0 2px rgba(23, 105, 255, .35) !important;
  outline: 0 !important;
}

body.nq-member-body.nq-legacy-shell .nq-service-resource-card {
  margin-top: 0 !important;
  min-height: 0 !important;
}

body.nq-member-body.nq-legacy-shell .nq-service-resource-card .card-body {
  padding: 0 !important;
}

body.nq-member-body.nq-legacy-shell .nq-service-resource-card .table-container {
  min-height: 0 !important;
}

body.nq-member-body.nq-legacy-shell .nq-service-resource-card .table-header {
  align-items: center !important;
  border-bottom: 0 !important;
  display: flex !important;
  gap: 16px !important;
  justify-content: space-between !important;
  min-height: 58px !important;
  padding: 12px 24px !important;
}

body.nq-member-body.nq-legacy-shell .nq-service-resource-card .table-filter .selectpicker,
body.nq-member-body.nq-legacy-shell .nq-service-resource-card .table-filter .bootstrap-select {
  min-width: 220px !important;
}

body.nq-member-body.nq-legacy-shell .nq-service-resource-card .table-search {
  flex: 0 0 460px !important;
  max-width: 460px !important;
  width: 460px !important;
}

body.nq-member-body.nq-legacy-shell .nq-service-resource-card .table-search .row,
body.nq-member-body.nq-legacy-shell .nq-service-resource-card .table-search .col-sm-6 {
  display: block !important;
  flex: none !important;
  margin: 0 !important;
  max-width: none !important;
  padding: 0 !important;
  width: 100% !important;
}

body.nq-member-body.nq-legacy-shell .nq-service-resource-card .table-search .form-control {
  background: #fff !important;
  border: 1px solid #d9e1ec !important;
  height: 34px !important;
  padding-left: 36px !important;
}

body.nq-member-body.nq-legacy-shell .nq-service-resource-card .table-responsive {
  min-height: 0 !important;
}

body.nq-member-body.nq-legacy-shell .nq-service-resource-card .nq-service-card-view {
  display: none !important;
  padding: 0 24px 18px !important;
}

[data-nq-service-root] .nq-service-card-view {
  display: none !important;
}

[data-nq-service-root]:not(.nq-service-mode-card):not(.nq-service-mode-list) .nq-service-table-view {
  display: block !important;
}

[data-nq-service-root]:not(.nq-service-mode-card):not(.nq-service-mode-list) .nq-service-card-view {
  display: none !important;
}

[data-nq-service-root].nq-service-mode-card .nq-service-table-view {
  display: none !important;
}

[data-nq-service-root].nq-service-mode-card .nq-service-card-view {
  display: block !important;
}

[data-nq-service-root].nq-service-mode-list .nq-service-table-view {
  display: block !important;
}

[data-nq-service-root].nq-service-mode-list .nq-service-card-view {
  display: none !important;
}

body.nq-member-body.nq-legacy-shell .nq-service-resource-card.nq-service-mode-card .nq-service-table-view {
  display: none !important;
}

body.nq-member-body.nq-legacy-shell .nq-service-resource-card.nq-service-mode-card .nq-service-card-view {
  display: block !important;
}

body.nq-member-body.nq-legacy-shell .nq-service-resource-card.nq-service-mode-list .nq-service-table-view {
  display: block !important;
}

body.nq-member-body.nq-legacy-shell .nq-service-resource-card.nq-service-mode-list .nq-service-card-view {
  display: none !important;
}

body.nq-member-body.nq-legacy-shell .nq-service-card-grid {
  display: grid !important;
  gap: 16px !important;
  grid-template-columns: repeat(auto-fill, minmax(360px, 520px)) !important;
  justify-content: start !important;
}

body.nq-member-body.nq-legacy-shell .nq-service-card {
  background: #fff !important;
  border: 1px solid #edf1f7 !important;
  box-sizing: border-box !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  min-height: 218px !important;
  padding: 16px !important;
  width: 100% !important;
}

body.nq-member-body.nq-legacy-shell .nq-service-card-head {
  align-items: flex-start !important;
  display: flex !important;
  gap: 12px !important;
  justify-content: space-between !important;
  margin-bottom: 14px !important;
}

body.nq-member-body.nq-legacy-shell .nq-service-card-title-wrap {
  min-width: 0 !important;
}

body.nq-member-body.nq-legacy-shell .nq-service-card-title {
  color: #1d2129 !important;
  cursor: pointer !important;
  display: block !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  line-height: 1.4 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

body.nq-member-body.nq-legacy-shell .nq-service-card-title:hover {
  color: #1769ff !important;
}

body.nq-member-body.nq-legacy-shell .nq-service-card-sub {
  color: #86909c !important;
  font-size: 13px !important;
  margin-top: 4px !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

body.nq-member-body.nq-legacy-shell .nq-service-card-meta {
  display: grid !important;
  gap: 10px 16px !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

body.nq-member-body.nq-legacy-shell .nq-service-card-meta-item {
  min-width: 0 !important;
}

body.nq-member-body.nq-legacy-shell .nq-service-card-meta-item span {
  color: #86909c !important;
  display: block !important;
  font-size: 12px !important;
  margin-bottom: 4px !important;
}

body.nq-member-body.nq-legacy-shell .nq-service-card-meta-item strong {
  color: #1d2129 !important;
  display: block !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  line-height: 1.4 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

body.nq-member-body.nq-legacy-shell .nq-service-card-meta-item strong img {
  margin-right: 4px !important;
  vertical-align: -2px !important;
}

body.nq-member-body.nq-legacy-shell .nq-service-card-meta-wide {
  grid-column: 1 / -1 !important;
}

body.nq-member-body.nq-legacy-shell .nq-service-card-actions {
  border-top: 1px solid #edf1f7 !important;
  display: flex !important;
  gap: 8px !important;
  justify-content: flex-end !important;
  margin-top: 18px !important;
  padding-top: 14px !important;
}

body.nq-member-body.nq-legacy-shell .nq-service-card-actions .btn {
  min-width: 72px !important;
}

body.nq-member-body.nq-legacy-shell .nq-service-resource-card .table {
  margin-bottom: 0 !important;
}

body.nq-member-body.nq-legacy-shell .nq-service-resource-card .table thead th {
  border-bottom: 0 !important;
  height: 48px !important;
  padding: 0 18px !important;
  vertical-align: middle !important;
}

body.nq-member-body.nq-legacy-shell .nq-service-resource-card .table tbody td {
  border-top: 1px solid #edf1f7 !important;
  color: #1d2129 !important;
  height: 64px !important;
  padding: 12px 18px !important;
  vertical-align: middle !important;
}

body.nq-member-body.nq-legacy-shell .nq-service-resource-card .table tbody td .text-dark,
body.nq-member-body.nq-legacy-shell .nq-service-resource-card .table tbody td strong {
  color: #1769ff !important;
  font-weight: 600 !important;
}

body.nq-member-body.nq-legacy-shell .nq-service-resource-card .table tbody td small {
  color: #86909c !important;
  display: block !important;
  font-size: 12px !important;
  margin-top: 3px !important;
}

body.nq-member-body.nq-legacy-shell .nq-service-resource-card .badge {
  border-radius: 2px !important;
  font-weight: 500 !important;
  padding: 5px 9px !important;
}

body.nq-member-body.nq-legacy-shell .nq-service-resource-card .table-footer {
  align-items: center !important;
  border-top: 1px solid #edf1f7 !important;
  display: flex !important;
  justify-content: space-between !important;
  min-height: 60px !important;
  padding: 12px 24px !important;
}

body.nq-member-body.nq-legacy-shell .nq-service-resource-card .table-tools {
  display: flex !important;
  gap: 10px !important;
}

body.nq-member-body.nq-legacy-shell .nq-service-resource-card .table-pagination {
  align-items: center !important;
  display: flex !important;
  gap: 12px !important;
  margin-left: auto !important;
}

body.nq-member-body.nq-legacy-shell .nq-service-resource-card .pagination {
  margin: 0 !important;
}

@media (max-width: 1200px) {
  body.nq-member-body.nq-legacy-shell .nq-service-manager-head {
    grid-template-columns: 1fr !important;
  }
  body.nq-member-body.nq-legacy-shell .nq-service-stat-grid {
    grid-template-columns: repeat(2, minmax(120px, 1fr)) !important;
  }
  body.nq-member-body.nq-legacy-shell .nq-service-stat {
    border-left: 0 !important;
    border-top: 1px solid #edf1f7 !important;
    padding-left: 0 !important;
  }
  body.nq-member-body.nq-legacy-shell .nq-service-viewbar,
  body.nq-member-body.nq-legacy-shell .nq-service-resource-card .table-header,
  body.nq-member-body.nq-legacy-shell .nq-service-resource-card .table-footer {
    align-items: stretch !important;
    flex-direction: column !important;
  }
  body.nq-member-body.nq-legacy-shell .nq-service-resource-card .table-search {
    flex-basis: auto !important;
    max-width: none !important;
    width: 100% !important;
  }
}

@media (max-width: 991.98px) {
  body.nq-member-body.nq-legacy-shell .nq-service-manager-head {
    gap: 14px !important;
    margin-top: 10px !important;
    min-height: 0 !important;
    padding: 16px !important;
  }
  body.nq-member-body.nq-legacy-shell .nq-service-stat-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
  body.nq-member-body.nq-legacy-shell .nq-service-stat {
    min-height: 58px !important;
    padding: 10px 0 0 !important;
  }
  body.nq-member-body.nq-legacy-shell .nq-service-stat span {
    margin-bottom: 8px !important;
  }
  body.nq-member-body.nq-legacy-shell .nq-service-stat strong {
    font-size: 22px !important;
  }
  body.nq-member-body.nq-legacy-shell .nq-service-head-actions {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    width: 100% !important;
  }
  body.nq-member-body.nq-legacy-shell .nq-service-viewbar {
    gap: 12px !important;
    min-height: 0 !important;
    padding: 0 16px 14px !important;
  }
  body.nq-member-body.nq-legacy-shell .nq-service-filter-tabs {
    gap: 14px !important;
    overflow-x: auto !important;
    width: 100% !important;
  }
  body.nq-member-body.nq-legacy-shell .nq-service-filter-tabs a {
    flex: 0 0 auto !important;
    line-height: 42px !important;
  }
  body.nq-member-body.nq-legacy-shell .nq-service-view-switch {
    display: grid !important;
    gap: 8px !important;
    grid-template-columns: 1fr 1fr !important;
    height: auto !important;
    width: 100% !important;
  }
  body.nq-member-body.nq-legacy-shell .nq-service-view-switch button {
    height: 38px !important;
    min-height: 38px !important;
    width: 100% !important;
  }
  body.nq-member-body.nq-legacy-shell .nq-service-resource-card:not(.nq-service-mode-list):not(.nq-service-mode-card) .nq-service-table-view,
  [data-nq-service-root]:not(.nq-service-mode-list):not(.nq-service-mode-card) .nq-service-table-view {
    display: none !important;
  }
  body.nq-member-body.nq-legacy-shell .nq-service-resource-card:not(.nq-service-mode-list):not(.nq-service-mode-card) .nq-service-card-view,
  [data-nq-service-root]:not(.nq-service-mode-list):not(.nq-service-mode-card) .nq-service-card-view {
    display: block !important;
  }
  body.nq-member-body.nq-legacy-shell .nq-service-resource-card:not(.nq-service-mode-list) .nq-service-table-view {
    display: none !important;
  }
  body.nq-member-body.nq-legacy-shell .nq-service-resource-card:not(.nq-service-mode-list) .nq-service-card-view {
    display: block !important;
  }
  [data-nq-service-root]:not(.nq-service-mode-list) .nq-service-table-view {
    display: none !important;
  }
  [data-nq-service-root]:not(.nq-service-mode-list) .nq-service-card-view {
    display: block !important;
  }
  [data-nq-service-root]:not(.nq-service-mode-card):not(.nq-service-mode-list) .nq-service-table-view {
    display: none !important;
  }
  [data-nq-service-root]:not(.nq-service-mode-card):not(.nq-service-mode-list) .nq-service-card-view {
    display: block !important;
  }
  body.nq-member-body.nq-legacy-shell .nq-service-resource-card .table-header,
  body.nq-member-body.nq-legacy-shell .nq-service-resource-card .table-footer {
    gap: 12px !important;
    padding: 12px 16px !important;
  }
  body.nq-member-body.nq-legacy-shell .nq-service-resource-card .table-filter .selectpicker,
  body.nq-member-body.nq-legacy-shell .nq-service-resource-card .table-filter .bootstrap-select {
    min-width: 0 !important;
    width: 100% !important;
  }
  body.nq-member-body.nq-legacy-shell .nq-service-resource-card .nq-service-card-view {
    padding: 0 16px 14px !important;
  }
  body.nq-member-body.nq-legacy-shell .nq-service-card-grid {
    gap: 10px !important;
    grid-template-columns: 1fr !important;
    justify-content: stretch !important;
  }
  body.nq-member-body.nq-legacy-shell .nq-service-card {
    border-radius: 6px !important;
    min-height: 0 !important;
    padding: 12px !important;
  }
  body.nq-member-body.nq-legacy-shell .nq-service-card-head {
    gap: 8px !important;
  }
  body.nq-member-body.nq-legacy-shell .nq-service-card-title {
    font-size: 15px !important;
  }
  body.nq-member-body.nq-legacy-shell .nq-service-card-meta {
    gap: 0 !important;
    grid-template-columns: 1fr !important;
  }
  body.nq-member-body.nq-legacy-shell .nq-service-card-meta-item {
    border-bottom: 1px solid #edf1f7 !important;
    display: flex !important;
    gap: 10px !important;
    justify-content: space-between !important;
    padding: 8px 0 !important;
  }
  body.nq-member-body.nq-legacy-shell .nq-service-card-meta-item span {
    margin-bottom: 0 !important;
  }
  body.nq-member-body.nq-legacy-shell .nq-service-card-meta-item strong {
    min-width: 0 !important;
    text-align: right !important;
    white-space: normal !important;
    word-break: break-word !important;
  }
  body.nq-member-body.nq-legacy-shell .nq-service-card-actions {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
  }
  body.nq-member-body.nq-legacy-shell .nq-service-card-actions .btn {
    width: 100% !important;
  }
  body.nq-member-body.nq-legacy-shell .nq-service-resource-card .table-pagination,
  body.nq-member-body.nq-legacy-shell .nq-service-resource-card .table-tools {
    align-items: stretch !important;
    flex-direction: column !important;
    margin-left: 0 !important;
    width: 100% !important;
  }
}

/* shell-final13: keep legacy client pages aligned with the GetYun shell. */
body.nq-member-body.nq-legacy-shell .navbar-header {
  display: flex !important;
  justify-content: space-between !important;
}

body.nq-member-body.nq-legacy-shell .navbar-header > .d-flex:first-child {
  flex: 1 1 auto !important;
  min-width: 0 !important;
}

body.nq-member-body.nq-legacy-shell .navbar-header > .d-flex:last-child {
  flex: 0 0 auto !important;
}

body.nq-member-body.nq-legacy-shell .nq-member-quicknav {
  align-items: center !important;
  display: flex !important;
  flex: 1 1 auto !important;
  gap: 28px !important;
  height: var(--nq-shell-topbar) !important;
  justify-content: center !important;
  margin: 0 24px !important;
  max-width: 660px !important;
  min-width: 0 !important;
  position: static !important;
  right: auto !important;
  top: auto !important;
}

body.nq-member-body.nq-legacy-shell .nq-member-quicknav a,
body.nq-member-body.nq-legacy-shell .nq-member-quicknav a[href="/clientarea"] {
  align-items: center !important;
  background: transparent !important;
  border: 0 !important;
  border-bottom: 2px solid transparent !important;
  border-radius: 0 !important;
  color: #344054 !important;
  display: inline-flex !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  height: var(--nq-shell-topbar) !important;
  line-height: var(--nq-shell-topbar) !important;
  padding: 0 2px !important;
  white-space: nowrap !important;
}

body.nq-member-body.nq-legacy-shell .nq-member-quicknav a:hover,
body.nq-member-body.nq-legacy-shell .nq-member-quicknav a.is-active,
body.nq-member-body.nq-legacy-shell .nq-member-quicknav a[href="/clientarea"].is-active {
  border-bottom-color: #1769ff !important;
  color: #1769ff !important;
  font-weight: 600 !important;
}

body.nq-member-body.nq-legacy-shell .footer.nq-member-footer {
  box-sizing: border-box !important;
}

@media (max-width: 1280px) {
  body.nq-member-body.nq-legacy-shell .nq-member-quicknav {
    display: flex !important;
    gap: 16px !important;
    margin-left: 12px !important;
    margin-right: 12px !important;
    max-width: 520px !important;
  }
}

@media (max-width: 1080px) {
  body.nq-member-body.nq-legacy-shell .nq-member-quicknav {
    display: none !important;
  }
}

/* Clientarea home now shares the same member shell as all other client pages. */
body.nq-member-body.nq-legacy-shell .nq-client-dashboard {
  margin: 0 auto !important;
  max-width: none !important;
  width: 100% !important;
}

body.nq-member-body.nq-legacy-shell .nq-dash-hero {
  align-items: center !important;
  background: #fff !important;
  border: 1px solid #edf1f7 !important;
  border-radius: 6px !important;
  box-shadow: 0 10px 30px rgba(15, 23, 42, .04) !important;
  display: flex !important;
  justify-content: space-between !important;
  margin-bottom: 18px !important;
  min-height: 92px !important;
  padding: 22px 24px !important;
}

body.nq-member-body.nq-legacy-shell .nq-dash-hero h2 {
  color: #1d2129 !important;
  font-size: 20px !important;
  font-weight: 700 !important;
  letter-spacing: 0 !important;
  line-height: 1.35 !important;
  margin: 0 0 7px !important;
}

body.nq-member-body.nq-legacy-shell .nq-dash-hero p {
  color: #4e5969 !important;
  font-size: 14px !important;
  margin: 0 !important;
}

body.nq-member-body.nq-legacy-shell .nq-dash-hero-actions {
  display: flex !important;
  gap: 10px !important;
  white-space: nowrap !important;
}

body.nq-member-body.nq-legacy-shell .nq-dash-hero-actions .btn-primary,
body.nq-member-body.nq-legacy-shell .nq-dash-card .btn-primary,
body.nq-member-body.nq-legacy-shell .btn-primary {
  color: #fff !important;
}

body.nq-member-body.nq-legacy-shell .nq-dash-hero-actions .btn-outline-primary {
  background: #fff !important;
  border-color: #1769ff !important;
  color: #1769ff !important;
}

body.nq-member-body.nq-legacy-shell .nq-dash-quick,
body.nq-member-body.nq-legacy-shell .nq-dash-card,
body.nq-member-body.nq-legacy-shell .nq-dash-stat-card {
  background: #fff !important;
  border: 1px solid #edf1f7 !important;
  border-radius: 6px !important;
  box-shadow: 0 10px 30px rgba(15, 23, 42, .04) !important;
}

body.nq-member-body.nq-legacy-shell .nq-dash-quick {
  margin-bottom: 18px !important;
  padding: 18px 24px 22px !important;
}

body.nq-member-body.nq-legacy-shell .nq-dash-section-title,
body.nq-member-body.nq-legacy-shell .nq-dash-card-head .card-title {
  align-items: center !important;
  color: #1d2129 !important;
  display: flex !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  gap: 8px !important;
}

body.nq-member-body.nq-legacy-shell .nq-dash-section-title:before,
body.nq-member-body.nq-legacy-shell .nq-dash-card-head .card-title:before {
  background: #1769ff !important;
  border-radius: 1px !important;
  content: "" !important;
  display: inline-block !important;
  height: 18px !important;
  width: 3px !important;
}

body.nq-member-body.nq-legacy-shell .nq-dash-quick-grid {
  display: grid !important;
  gap: 10px !important;
  grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  margin-top: 16px !important;
}

body.nq-member-body.nq-legacy-shell .nq-dash-quick-grid a {
  align-items: center !important;
  background: #f8fafc !important;
  border: 1px solid #edf1f7 !important;
  border-radius: 4px !important;
  color: #344054 !important;
  display: flex !important;
  font-size: 13px !important;
  gap: 8px !important;
  height: 38px !important;
  justify-content: center !important;
  padding: 0 10px !important;
  text-decoration: none !important;
}

body.nq-member-body.nq-legacy-shell .nq-dash-quick-grid a:hover {
  border-color: #1769ff !important;
  color: #1769ff !important;
}

body.nq-member-body.nq-legacy-shell .nq-dash-grid {
  display: grid !important;
  gap: 18px !important;
  grid-template-columns: minmax(0, 1fr) 360px !important;
}

body.nq-member-body.nq-legacy-shell .nq-dash-main,
body.nq-member-body.nq-legacy-shell .nq-dash-side {
  min-width: 0 !important;
}

body.nq-member-body.nq-legacy-shell .nq-dash-stat-grid {
  display: grid !important;
  gap: 14px !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  margin-bottom: 18px !important;
}

body.nq-member-body.nq-legacy-shell .nq-dash-stat-card {
  min-height: 138px !important;
  padding: 18px !important;
}

body.nq-member-body.nq-legacy-shell .nq-dash-stat-head {
  align-items: center !important;
  color: #86909c !important;
  display: flex !important;
  font-size: 13px !important;
  justify-content: space-between !important;
  margin-bottom: 14px !important;
}

body.nq-member-body.nq-legacy-shell .nq-dash-stat-head i {
  color: #1769ff !important;
  font-size: 19px !important;
}

body.nq-member-body.nq-legacy-shell .nq-dash-stat-card strong {
  color: #1d2129 !important;
  display: block !important;
  font-size: 26px !important;
  font-weight: 700 !important;
  line-height: 1.1 !important;
  margin-bottom: 12px !important;
  min-height: 29px !important;
}

body.nq-member-body.nq-legacy-shell .nq-dash-stat-links {
  display: flex !important;
  gap: 12px !important;
}

body.nq-member-body.nq-legacy-shell .nq-dash-stat-links a,
body.nq-member-body.nq-legacy-shell .nq-dash-card-head a {
  color: #1769ff !important;
  font-size: 13px !important;
  text-decoration: none !important;
}

body.nq-member-body.nq-legacy-shell .nq-dash-card {
  margin-bottom: 18px !important;
}

body.nq-member-body.nq-legacy-shell .nq-dash-card .card-body {
  padding: 20px 24px !important;
}

body.nq-member-body.nq-legacy-shell .nq-dash-card-head {
  align-items: center !important;
  display: flex !important;
  justify-content: space-between !important;
  margin-bottom: 16px !important;
}

body.nq-member-body.nq-legacy-shell .nq-dash-product-grid {
  display: grid !important;
  gap: 10px !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

body.nq-member-body.nq-legacy-shell .nq-dash-product {
  align-items: center !important;
  background: #f8fafc !important;
  border: 1px solid #edf1f7 !important;
  border-radius: 4px !important;
  color: #344054 !important;
  display: flex !important;
  justify-content: space-between !important;
  min-height: 42px !important;
  padding: 0 14px !important;
  text-decoration: none !important;
}

body.nq-member-body.nq-legacy-shell .nq-dash-product span {
  align-items: center !important;
  display: flex !important;
  gap: 8px !important;
  min-width: 0 !important;
}

body.nq-member-body.nq-legacy-shell .nq-dash-product strong {
  color: #1769ff !important;
  font-size: 16px !important;
}

body.nq-member-body.nq-legacy-shell .nq-resource-list {
  min-height: 168px !important;
}

body.nq-member-body.nq-legacy-shell .nq-client-home-shell .nq-resource-list .user-center_resources,
body.nq-member-body.nq-legacy-shell .nq-client-home-shell .nq-resource-list .h100p {
  height: auto !important;
  min-height: 0 !important;
}

body.nq-member-body.nq-legacy-shell .nq-client-home-shell .nq-resource-list .table-responsive {
  margin-bottom: 0 !important;
}

body.nq-member-body.nq-legacy-shell .nq-client-home-shell .nq-resource-list .table-footer {
  min-height: 0 !important;
  padding-top: 14px !important;
}

body.nq-member-body.nq-legacy-shell .footer {
  align-items: center !important;
  background: transparent !important;
  color: #98a2b3 !important;
  display: block !important;
  font-size: 13px !important;
  left: 220px !important;
  margin-left: 220px !important;
  padding: 10px 24px 22px !important;
  position: static !important;
  width: auto !important;
}

body.nq-member-body.nq-legacy-shell .footer .container-fluid {
  max-width: none !important;
  padding: 0 !important;
}

@media (max-width: 991.98px) {
  body.nq-member-body.nq-legacy-shell .footer {
    left: 0 !important;
    margin-left: 0 !important;
    padding: 10px 14px 18px !important;
  }
}

body.nq-member-body.nq-legacy-shell th.pointer > span.text-black-50.d-inline-flex {
  align-items: center !important;
  color: #98a2b3 !important;
  display: inline-flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  gap: 2px !important;
  height: 14px !important;
  justify-content: center !important;
  margin-left: 6px !important;
  max-width: 8px !important;
  min-width: 8px !important;
  transform: none !important;
  vertical-align: middle !important;
  width: 8px !important;
}

body.nq-member-body.nq-legacy-shell th.pointer > span.text-black-50.d-inline-flex .bx-caret-up,
body.nq-member-body.nq-legacy-shell th.pointer > span.text-black-50.d-inline-flex .bx-caret-down {
  display: block !important;
  font-family: Arial, sans-serif !important;
  font-size: 0 !important;
  height: 0 !important;
  line-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  width: 0 !important;
}

body.nq-member-body.nq-legacy-shell th.pointer > span.text-black-50.d-inline-flex .bx-caret-up:before,
body.nq-member-body.nq-legacy-shell th.pointer > span.text-black-50.d-inline-flex .bx-caret-down:before {
  content: "" !important;
  display: none !important;
}

body.nq-member-body.nq-legacy-shell th.pointer > span.text-black-50.d-inline-flex .bx-caret-up {
  border-bottom: 5px solid currentColor !important;
  border-left: 4px solid transparent !important;
  border-right: 4px solid transparent !important;
}

body.nq-member-body.nq-legacy-shell th.pointer > span.text-black-50.d-inline-flex .bx-caret-down {
  border-left: 4px solid transparent !important;
  border-right: 4px solid transparent !important;
  border-top: 5px solid currentColor !important;
}

body.nq-member-body.nq-legacy-shell th.pointer .bx-caret-up,
body.nq-member-body.nq-legacy-shell th.pointer .bx-caret-down {
  display: block !important;
  font-family: Arial, sans-serif !important;
  font-size: 0 !important;
  height: 0 !important;
  line-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  width: 0 !important;
}

body.nq-member-body.nq-legacy-shell th.pointer .bx-caret-up:before,
body.nq-member-body.nq-legacy-shell th.pointer .bx-caret-down:before {
  content: "" !important;
  display: none !important;
}

body.nq-member-body.nq-legacy-shell th.pointer .bx-caret-up {
  border-bottom: 5px solid currentColor !important;
  border-left: 4px solid transparent !important;
  border-right: 4px solid transparent !important;
}

body.nq-member-body.nq-legacy-shell th.pointer .bx-caret-down {
  border-left: 4px solid transparent !important;
  border-right: 4px solid transparent !important;
  border-top: 5px solid currentColor !important;
}

body.nq-member-body.nq-legacy-shell .search-box .bx-search-alt.search-icon,
body.nq-member-body.nq-legacy-shell .position-relative > .bx-search-alt.search-icon {
  color: #98a2b3 !important;
  display: block !important;
  font-family: Arial, sans-serif !important;
  font-size: 0 !important;
  height: 38px !important;
  line-height: 0 !important;
  pointer-events: none !important;
  position: absolute !important;
  width: 18px !important;
}

body.nq-member-body.nq-legacy-shell .search-box .bx-search-alt.search-icon:before,
body.nq-member-body.nq-legacy-shell .position-relative > .bx-search-alt.search-icon:before {
  background: transparent !important;
  border: 2px solid currentColor !important;
  border-radius: 50% !important;
  box-sizing: border-box !important;
  content: "" !important;
  display: block !important;
  height: 12px !important;
  left: 1px !important;
  position: absolute !important;
  top: 11px !important;
  width: 12px !important;
}

body.nq-member-body.nq-legacy-shell .search-box .bx-search-alt.search-icon:after,
body.nq-member-body.nq-legacy-shell .position-relative > .bx-search-alt.search-icon:after {
  background: currentColor !important;
  border-radius: 2px !important;
  content: "" !important;
  display: block !important;
  height: 2px !important;
  left: 11px !important;
  position: absolute !important;
  top: 23px !important;
  transform: rotate(45deg) !important;
  transform-origin: left center !important;
  width: 7px !important;
}

body.nq-member-body.nq-legacy-shell .nq-dash-empty {
  align-items: center !important;
  background: #f8fafc !important;
  border: 1px dashed #d9e1ec !important;
  border-radius: 4px !important;
  color: #86909c !important;
  display: flex !important;
  justify-content: center !important;
  min-height: 96px !important;
  padding: 18px !important;
}

body.nq-member-body.nq-legacy-shell .nq-profile-head {
  align-items: center !important;
  display: flex !important;
  gap: 14px !important;
  margin-bottom: 18px !important;
}

body.nq-member-body.nq-legacy-shell .nq-profile-avatar {
  align-items: center !important;
  background: linear-gradient(135deg, #1769ff, #23b3b8) !important;
  border-radius: 50% !important;
  color: #fff !important;
  display: flex !important;
  flex: 0 0 52px !important;
  font-size: 20px !important;
  font-weight: 700 !important;
  height: 52px !important;
  justify-content: center !important;
  width: 52px !important;
}

body.nq-member-body.nq-legacy-shell .nq-profile-name {
  color: #1d2129 !important;
  font-size: 16px !important;
  font-weight: 700 !important;
}

body.nq-member-body.nq-legacy-shell .nq-profile-sub {
  color: #86909c !important;
  font-size: 12px !important;
  margin-top: 4px !important;
}

body.nq-member-body.nq-legacy-shell .nq-profile-lines {
  border-top: 1px solid #edf1f7 !important;
  padding-top: 12px !important;
}

body.nq-member-body.nq-legacy-shell .nq-profile-lines div,
body.nq-member-body.nq-legacy-shell .nq-finance-row {
  align-items: center !important;
  display: flex !important;
  justify-content: space-between !important;
}

body.nq-member-body.nq-legacy-shell .nq-profile-lines div {
  min-height: 34px !important;
}

body.nq-member-body.nq-legacy-shell .nq-profile-lines span,
body.nq-member-body.nq-legacy-shell .nq-balance-box span,
body.nq-member-body.nq-legacy-shell .nq-finance-row span {
  color: #86909c !important;
  font-size: 13px !important;
}

body.nq-member-body.nq-legacy-shell .nq-profile-lines strong {
  color: #344054 !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  max-width: 210px !important;
  overflow: hidden !important;
  text-align: right !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

body.nq-member-body.nq-legacy-shell .nq-balance-box {
  background: #f8fafc !important;
  border: 1px solid #edf1f7 !important;
  border-radius: 4px !important;
  margin-bottom: 12px !important;
  padding: 16px !important;
}

body.nq-member-body.nq-legacy-shell .nq-balance-box strong {
  color: #1769ff !important;
  display: block !important;
  font-size: 26px !important;
  margin-top: 8px !important;
}

body.nq-member-body.nq-legacy-shell .nq-finance-row {
  gap: 10px !important;
}

body.nq-member-body.nq-legacy-shell .nq-finance-row a {
  background: #fff !important;
  border: 1px solid #edf1f7 !important;
  border-radius: 4px !important;
  flex: 1 !important;
  padding: 12px !important;
  text-decoration: none !important;
}

body.nq-member-body.nq-legacy-shell .nq-finance-row strong {
  color: #1d2129 !important;
  display: block !important;
  font-size: 15px !important;
  margin-top: 6px !important;
}

body.nq-member-body.nq-legacy-shell .nq-news-list {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

body.nq-member-body.nq-legacy-shell .nq-news-list li {
  border-bottom: 1px solid #edf1f7 !important;
  padding: 10px 0 !important;
}

body.nq-member-body.nq-legacy-shell .nq-news-list li:last-child {
  border-bottom: 0 !important;
}

body.nq-member-body.nq-legacy-shell .nq-news-list a {
  color: #344054 !important;
  display: block !important;
  font-size: 13px !important;
  overflow: hidden !important;
  text-decoration: none !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

body.nq-member-body.nq-legacy-shell .nq-news-list span {
  color: #98a2b3 !important;
  display: block !important;
  font-size: 12px !important;
  margin-top: 4px !important;
}

@media (max-width: 1400px) {
  body.nq-member-body.nq-legacy-shell .nq-dash-grid {
    grid-template-columns: 1fr !important;
  }
  body.nq-member-body.nq-legacy-shell .nq-dash-stat-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 1100px) {
  body.nq-member-body.nq-legacy-shell .nq-dash-hero {
    align-items: flex-start !important;
    flex-direction: column !important;
    gap: 14px !important;
  }
  body.nq-member-body.nq-legacy-shell .nq-dash-quick-grid,
  body.nq-member-body.nq-legacy-shell .nq-dash-product-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 640px) {
  body.nq-member-body.nq-legacy-shell .nq-dash-stat-grid,
  body.nq-member-body.nq-legacy-shell .nq-dash-quick-grid,
  body.nq-member-body.nq-legacy-shell .nq-dash-product-grid {
    grid-template-columns: 1fr !important;
  }
}

/* Legacy service-detail icon fallback: map missing old icon fonts to bundled Remix Icon. */
body.nq-member-body.nq-legacy-shell .nq-productdetail-clone .bx::before,
body.nq-member-body.nq-legacy-shell .servicedetail .bx::before,
body.nq-member-body.nq-legacy-shell .servicedetail .mdi::before,
body.nq-member-body.nq-legacy-shell .servicedetail .fa::before,
body.nq-member-body.nq-legacy-shell .servicedetail .fas::before,
body.nq-member-body.nq-legacy-shell .servicedetail .iconfont.icon-shujuqianyi::before {
  display: inline-block !important;
  font-family: "remixicon" !important;
  font-style: normal !important;
  font-weight: normal !important;
  line-height: 1 !important;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

body.nq-member-body.nq-legacy-shell .nq-productdetail-clone .bx,
body.nq-member-body.nq-legacy-shell .servicedetail .bx,
body.nq-member-body.nq-legacy-shell .servicedetail .mdi,
body.nq-member-body.nq-legacy-shell .servicedetail .fa,
body.nq-member-body.nq-legacy-shell .servicedetail .fas {
  line-height: 1 !important;
  vertical-align: middle;
}

body.nq-member-body.nq-legacy-shell .nq-productdetail-clone .bx-edit-alt::before,
body.nq-member-body.nq-legacy-shell .servicedetail .bx-edit-alt::before {
  content: "\ec80" !important;
}

body.nq-member-body.nq-legacy-shell .nq-productdetail-clone .bx-copy::before,
body.nq-member-body.nq-legacy-shell .servicedetail .bx-copy::before {
  content: "\ecd5" !important;
}

body.nq-member-body.nq-legacy-shell .servicedetail .bx-loader::before {
  content: "\eec4" !important;
}

body.nq-member-body.nq-legacy-shell .servicedetail .bx-user::before {
  content: "\f264" !important;
}

body.nq-member-body.nq-legacy-shell .servicedetail .bx-receipt::before {
  content: "\f457" !important;
}

body.nq-member-body.nq-legacy-shell .servicedetail .bx-cloud-download::before {
  content: "\ec58" !important;
}

body.nq-member-body.nq-legacy-shell .servicedetail .bx-caret-up::before {
  content: "\ea78" !important;
}

body.nq-member-body.nq-legacy-shell .servicedetail .bx-caret-down::before,
body.nq-member-body.nq-legacy-shell .servicedetail .mdi-chevron-down::before {
  content: "\ea4e" !important;
}

body.nq-member-body.nq-legacy-shell .servicedetail .fa-eye::before,
body.nq-member-body.nq-legacy-shell .servicedetail .fas.fa-eye::before {
  content: "\ecb5" !important;
}

body.nq-member-body.nq-legacy-shell .servicedetail .fa-dice::before,
body.nq-member-body.nq-legacy-shell .servicedetail .fas.fa-dice::before {
  content: "\f400" !important;
}

body.nq-member-body.nq-legacy-shell .servicedetail .iconfont.icon-shujuqianyi::before {
  content: "\f064" !important;
}

body.nq-member-body.nq-legacy-shell .nq-productdetail-clone .bx-edit-alt {
  color: #1769ff !important;
  font-size: 15px !important;
  margin-left: 4px !important;
  position: relative;
  top: 1px;
}

body.nq-member-body.nq-legacy-shell .bx-edit-alt::before,
body.nq-member-body.nq-legacy-shell .bx-copy::before,
body.nq-member-body.nq-legacy-shell .bx-loader::before,
body.nq-member-body.nq-legacy-shell .bx-user::before,
body.nq-member-body.nq-legacy-shell .bx-receipt::before,
body.nq-member-body.nq-legacy-shell .bx-cloud-download::before,
body.nq-member-body.nq-legacy-shell .bx-caret-up::before,
body.nq-member-body.nq-legacy-shell .bx-caret-down::before,
body.nq-member-body.nq-legacy-shell .bx-search-alt::before,
body.nq-member-body.nq-legacy-shell .mdi-chevron-down::before,
body.nq-member-body.nq-legacy-shell .fa-eye::before,
body.nq-member-body.nq-legacy-shell .fas.fa-eye::before,
body.nq-member-body.nq-legacy-shell .fa-dice::before,
body.nq-member-body.nq-legacy-shell .fas.fa-dice::before,
body.nq-member-body.nq-legacy-shell .iconfont.icon-shujuqianyi::before {
  display: inline-block !important;
  font-family: "remixicon" !important;
  font-style: normal !important;
  font-weight: normal !important;
  line-height: 1 !important;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

body.nq-member-body.nq-legacy-shell .bx-edit-alt::before { content: "\ec80" !important; }
body.nq-member-body.nq-legacy-shell .bx-copy::before { content: "\ecd5" !important; }
body.nq-member-body.nq-legacy-shell .bx-loader::before { content: "\eec4" !important; }
body.nq-member-body.nq-legacy-shell .bx-user::before { content: "\f264" !important; }
body.nq-member-body.nq-legacy-shell .bx-receipt::before { content: "\f457" !important; }
body.nq-member-body.nq-legacy-shell .bx-cloud-download::before { content: "\ec58" !important; }
body.nq-member-body.nq-legacy-shell .bx-caret-up::before { content: "\ea78" !important; }
body.nq-member-body.nq-legacy-shell .bx-caret-down::before,
body.nq-member-body.nq-legacy-shell .mdi-chevron-down::before { content: "\ea4e" !important; }
body.nq-member-body.nq-legacy-shell .bx-search-alt::before { content: "\f0d1" !important; }
body.nq-member-body.nq-legacy-shell .fa-eye::before,
body.nq-member-body.nq-legacy-shell .fas.fa-eye::before { content: "\ecb5" !important; }
body.nq-member-body.nq-legacy-shell .fa-dice::before,
body.nq-member-body.nq-legacy-shell .fas.fa-dice::before { content: "\f400" !important; }
body.nq-member-body.nq-legacy-shell .iconfont.icon-shujuqianyi::before { content: "\f064" !important; }

/* Client center dashboard parity: keep the home page on the same shell as list/detail pages. */
body.nq-member-body.nq-legacy-shell .nq-client-home-shell {
  color: #1d2129 !important;
}

body.nq-member-body.nq-legacy-shell .nq-client-home-shell .nq-dash-pagebar {
  align-items: center !important;
  background: #fff !important;
  border: 1px solid #edf1f7 !important;
  border-radius: 4px !important;
  box-shadow: none !important;
  display: flex !important;
  justify-content: space-between !important;
  margin: 0 0 20px !important;
  min-height: 44px !important;
  padding: 0 24px !important;
}

body.nq-member-body.nq-legacy-shell .nq-client-home-shell .nq-dash-pagebar h2 {
  align-items: center !important;
  color: #1d2129 !important;
  display: inline-flex !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  line-height: 44px !important;
  margin: 0 !important;
}

body.nq-member-body.nq-legacy-shell .nq-client-home-shell .nq-dash-pagebar h2:before {
  background: #1769ff !important;
  content: "" !important;
  display: inline-block !important;
  height: 18px !important;
  margin-right: 8px !important;
  width: 3px !important;
}

body.nq-member-body.nq-legacy-shell .nq-client-home-shell .nq-dash-pagebar p {
  display: none !important;
}

body.nq-member-body.nq-legacy-shell .nq-client-home-shell .nq-dash-hero-actions {
  align-items: center !important;
  display: flex !important;
  gap: 10px !important;
}

body.nq-member-body.nq-legacy-shell .nq-client-home-shell .nq-dash-hero-actions .btn {
  border-radius: 3px !important;
  box-shadow: none !important;
  font-size: 13px !important;
  height: 30px !important;
  line-height: 28px !important;
  padding: 0 14px !important;
}

body.nq-member-body.nq-legacy-shell .nq-client-home-shell .nq-dash-grid-unified {
  display: flex !important;
  flex-direction: column !important;
  gap: 20px !important;
  grid-template-columns: none !important;
}

body.nq-member-body.nq-legacy-shell .nq-client-home-shell .nq-dash-main {
  min-width: 0 !important;
  width: 100% !important;
}

body.nq-member-body.nq-legacy-shell .nq-client-home-shell .nq-dash-side-unified {
  display: grid !important;
  gap: 20px !important;
  grid-template-columns: minmax(260px, 1.2fr) minmax(260px, 1fr) minmax(260px, 1fr) !important;
  width: 100% !important;
}

body.nq-member-body.nq-legacy-shell .nq-client-home-shell .nq-dash-side-unified .nq-dash-card {
  height: 100% !important;
}

body.nq-member-body.nq-legacy-shell .nq-client-home-shell .nq-dash-quick,
body.nq-member-body.nq-legacy-shell .nq-client-home-shell .nq-dash-card,
body.nq-member-body.nq-legacy-shell .nq-client-home-shell .nq-dash-stat-card {
  border-radius: 4px !important;
  box-shadow: none !important;
}

body.nq-member-body.nq-legacy-shell .nq-client-home-shell .nq-dash-stat-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}

body.nq-member-body.nq-legacy-shell .nq-client-home-shell .nq-dash-card-head {
  min-height: 24px !important;
}

@media (max-width: 1400px) {
  body.nq-member-body.nq-legacy-shell .nq-client-home-shell .nq-dash-stat-grid,
  body.nq-member-body.nq-legacy-shell .nq-client-home-shell .nq-dash-side-unified {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 767.98px) {
  body.nq-member-body.nq-legacy-shell .nq-client-home-shell .nq-dash-pagebar {
    align-items: flex-start !important;
    flex-direction: column !important;
    gap: 10px !important;
    padding: 10px 14px !important;
  }

  body.nq-member-body.nq-legacy-shell .nq-client-home-shell .nq-dash-pagebar h2 {
    line-height: 24px !important;
  }

  body.nq-member-body.nq-legacy-shell .nq-client-home-shell .nq-dash-hero-actions {
    width: 100% !important;
  }

  body.nq-member-body.nq-legacy-shell .nq-client-home-shell .nq-dash-hero-actions .btn {
    flex: 1 !important;
    text-align: center !important;
  }

  body.nq-member-body.nq-legacy-shell .nq-client-home-shell .nq-dash-stat-grid,
  body.nq-member-body.nq-legacy-shell .nq-client-home-shell .nq-dash-side-unified {
    grid-template-columns: 1fr !important;
  }
}

/* shell5: final clientarea parity overrides for member pages. */
body.nq-member-body.nq-legacy-shell {
  --nq-shell-sidebar: 220px;
  --nq-shell-topbar: 50px;
  background: #f7f8fb !important;
}

body.nq-member-body.nq-legacy-shell #layout-wrapper {
  background: #f7f8fb !important;
  min-height: 100vh !important;
}

body.nq-member-body.nq-legacy-shell #page-topbar {
  background: #fff !important;
  border-bottom: 1px solid #edf1f7 !important;
  box-shadow: none !important;
  height: var(--nq-shell-topbar) !important;
  left: 0 !important;
  right: 0 !important;
  top: 0 !important;
  width: 100% !important;
  z-index: 1003 !important;
}

body.nq-member-body.nq-legacy-shell .navbar-header {
  align-items: center !important;
  display: flex !important;
  height: var(--nq-shell-topbar) !important;
  min-height: var(--nq-shell-topbar) !important;
  padding: 0 16px 0 0 !important;
}

body.nq-member-body.nq-legacy-shell .navbar-brand-box {
  align-items: center !important;
  background: #fff !important;
  border-right: 1px solid #edf1f7 !important;
  box-shadow: none !important;
  display: flex !important;
  height: var(--nq-shell-topbar) !important;
  justify-content: center !important;
  min-height: var(--nq-shell-topbar) !important;
  width: var(--nq-shell-sidebar) !important;
}

body.nq-member-body.nq-legacy-shell .navbar-brand-box .logo {
  align-items: center !important;
  display: flex !important;
  height: var(--nq-shell-topbar) !important;
  justify-content: center !important;
  width: 100% !important;
}

body.nq-member-body.nq-legacy-shell .logo-lg img {
  display: block !important;
  height: auto !important;
  max-height: 34px !important;
  object-fit: contain !important;
  width: 128px !important;
}

body.nq-member-body.nq-legacy-shell .vertical-menu {
  background: #fff !important;
  border-right: 1px solid #edf1f7 !important;
  box-shadow: none !important;
  left: 0 !important;
  padding-top: 0 !important;
  top: var(--nq-shell-topbar) !important;
  width: var(--nq-shell-sidebar) !important;
  z-index: 999 !important;
}

body.nq-member-body.nq-legacy-shell .main-content {
  background: #f7f8fb !important;
  margin-left: var(--nq-shell-sidebar) !important;
  min-height: 100vh !important;
}

body.nq-member-body.nq-legacy-shell .page-content {
  background: #f7f8fb !important;
  min-height: calc(100vh - var(--nq-shell-topbar)) !important;
  padding: var(--nq-shell-topbar) 24px 24px !important;
}

body.nq-member-body.nq-legacy-shell .page-content > .container-fluid,
body.nq-member-body.nq-legacy-shell .page-content > .container-fluid > .container-fluid,
body.nq-member-body.nq-legacy-shell .container-fluid {
  max-width: none !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  width: 100% !important;
}

body.nq-member-body.nq-legacy-shell .page-title-box {
  align-items: center !important;
  background: #fff !important;
  border: 0 !important;
  border-bottom: 1px solid #edf1f7 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  display: flex !important;
  height: 50px !important;
  margin: 0 !important;
  padding: 0 !important;
}

body.nq-member-body.nq-legacy-shell .page-title-box h4 {
  align-items: center !important;
  color: #1d2129 !important;
  display: inline-flex !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  letter-spacing: 0 !important;
  line-height: 50px !important;
  margin: 0 !important;
  padding-left: 24px !important;
}

body.nq-member-body.nq-legacy-shell .page-title-box h4:before,
body.nq-member-body.nq-legacy-shell .nq-dash-pagebar h2:before,
body.nq-member-body.nq-legacy-shell .nq-service-manager-head h2:before {
  background: #1769ff !important;
  border-radius: 1px !important;
  content: "" !important;
  display: inline-block !important;
  flex: 0 0 3px !important;
  height: 18px !important;
  margin-right: 8px !important;
  width: 3px !important;
}

body.nq-member-body.nq-legacy-shell #sidebar-menu {
  padding: 14px 8px 24px !important;
}

body.nq-member-body.nq-legacy-shell #sidebar-menu ul li a {
  align-items: center !important;
  background: transparent !important;
  border-radius: 0 !important;
  color: #334155 !important;
  display: flex !important;
  font-size: 14px !important;
  gap: 10px !important;
  min-height: 40px !important;
  overflow: hidden !important;
  padding: 0 14px !important;
  text-decoration: none !important;
}

body.nq-member-body.nq-legacy-shell #sidebar-menu ul li a i {
  align-items: center !important;
  color: inherit !important;
  display: inline-flex !important;
  flex: 0 0 16px !important;
  font-size: 16px !important;
  justify-content: center !important;
  margin: 0 !important;
  opacity: .86 !important;
  width: 16px !important;
}

body.nq-member-body.nq-legacy-shell #sidebar-menu ul li a span {
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

body.nq-member-body.nq-legacy-shell #sidebar-menu ul li a:hover,
body.nq-member-body.nq-legacy-shell #sidebar-menu ul li a.active,
body.nq-member-body.nq-legacy-shell #sidebar-menu ul li.mm-active > a,
body.nq-member-body.nq-legacy-shell #sidebar-menu ul li a.mm-active {
  background: #edf4ff !important;
  color: #1769ff !important;
  font-weight: 600 !important;
}

body.nq-member-body.nq-legacy-shell #sidebar-menu .sub-menu li a {
  color: #475467 !important;
  min-height: 38px !important;
  padding-left: 40px !important;
}

body.nq-member-body.nq-legacy-shell .metismenu .has-arrow:after {
  border: 0 !important;
  color: #98a2b3 !important;
  content: "\ea6e" !important;
  font-family: remixicon !important;
  font-size: 16px !important;
  line-height: 1 !important;
  right: 14px !important;
  top: 12px !important;
  transform: none !important;
}

body.nq-member-body.nq-legacy-shell .nq-member-quicknav {
  align-items: center !important;
  display: flex !important;
  gap: 28px !important;
  height: var(--nq-shell-topbar) !important;
  margin-left: 18px !important;
  position: static !important;
  right: auto !important;
  top: auto !important;
  z-index: auto !important;
  white-space: nowrap !important;
}

body.nq-member-body.nq-legacy-shell .nq-member-quicknav a,
body.nq-member-body.nq-legacy-shell .nq-member-quicknav a[href="/clientarea"] {
  align-items: center !important;
  background: transparent !important;
  border-radius: 0 !important;
  color: #1f2937 !important;
  display: inline-flex !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  height: var(--nq-shell-topbar) !important;
  line-height: var(--nq-shell-topbar) !important;
  margin: 0 !important;
  padding: 0 !important;
  text-decoration: none !important;
}

body.nq-member-body.nq-legacy-shell .nq-member-quicknav a.is-active,
body.nq-member-body.nq-legacy-shell .nq-member-quicknav a:hover {
  color: #1769ff !important;
  font-weight: 600 !important;
}

body.nq-member-body.nq-legacy-shell .header-item,
body.nq-member-body.nq-legacy-shell .btn.header-item,
body.nq-member-body.nq-legacy-shell #vertical-menu-btn {
  align-items: center !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  display: inline-flex !important;
  height: var(--nq-shell-topbar) !important;
  justify-content: center !important;
  line-height: var(--nq-shell-topbar) !important;
  min-height: var(--nq-shell-topbar) !important;
  padding-bottom: 0 !important;
  padding-top: 0 !important;
}

body.nq-member-body.nq-legacy-shell .header-item i {
  color: #344054 !important;
  font-size: 18px !important;
  line-height: 1 !important;
  margin-top: 0 !important;
}

body.nq-member-body.nq-legacy-shell .user-center_header {
  background: #1769ff !important;
  color: #fff !important;
}

body.nq-member-body.nq-legacy-shell .card,
body.nq-member-body.nq-legacy-shell .nq-finance-table-card,
body.nq-member-body.nq-legacy-shell .nq-service-manager-head,
body.nq-member-body.nq-legacy-shell .nq-service-viewbar,
body.nq-member-body.nq-legacy-shell .nq-productdetail-clone,
body.nq-member-body.nq-legacy-shell .nq-dash-quick,
body.nq-member-body.nq-legacy-shell .nq-dash-card,
body.nq-member-body.nq-legacy-shell .nq-dash-stat-card {
  border-color: #edf1f7 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

body.nq-member-body.nq-legacy-shell .nq-client-home-shell .nq-dash-pagebar,
body.nq-member-body.nq-legacy-shell .nq-service-manager-head,
body.nq-member-body.nq-legacy-shell .nq-productdetail-clone {
  margin-top: 16px !important;
}

body.nq-member-body.nq-legacy-shell .nq-client-home-shell .nq-dash-pagebar {
  min-height: 50px !important;
  padding: 0 24px !important;
}

body.nq-member-body.nq-legacy-shell .nq-client-home-shell .nq-dash-pagebar h2 {
  align-items: center !important;
  display: inline-flex !important;
  font-size: 16px !important;
  line-height: 50px !important;
  margin: 0 !important;
}

body.nq-member-body.nq-legacy-shell .nq-client-home-shell .nq-dash-pagebar p {
  display: none !important;
}

body.nq-member-body.nq-legacy-shell .nq-service-manager-head {
  margin-bottom: 0 !important;
}

body.nq-member-body.nq-legacy-shell .nq-service-title-block h2 {
  align-items: center !important;
  display: inline-flex !important;
}

body.nq-member-body.nq-legacy-shell .nq-productdetail-clone-head {
  min-height: 56px !important;
}

body.nq-member-body.nq-legacy-shell .nq-productdetail-clone-actions {
  flex-wrap: wrap !important;
  row-gap: 8px !important;
}

body.nq-member-body.nq-legacy-shell .footer {
  display: none !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  visibility: hidden !important;
}

@media (max-width: 1280px) {
  body.nq-member-body.nq-legacy-shell .nq-member-quicknav {
    display: none !important;
  }
}

@media (max-width: 991.98px) {
  body.nq-member-body.nq-legacy-shell {
    --nq-shell-sidebar: 0px;
  }

  body.nq-member-body.nq-legacy-shell .navbar-brand-box {
    width: 176px !important;
  }

  body.nq-member-body.nq-legacy-shell .main-content {
    margin-left: 0 !important;
  }

  body.nq-member-body.nq-legacy-shell .page-content {
    padding: var(--nq-shell-topbar) 14px 20px !important;
  }

  body.nq-member-body.nq-legacy-shell .page-title-box h4,
  body.nq-member-body.nq-legacy-shell .nq-client-home-shell .nq-dash-pagebar {
    padding-left: 14px !important;
  }

  body.nq-member-body.nq-legacy-shell .nq-client-home-shell .nq-dash-pagebar,
  body.nq-member-body.nq-legacy-shell .nq-service-manager-head,
  body.nq-member-body.nq-legacy-shell .nq-productdetail-clone {
    margin-top: 12px !important;
  }
}

/* shell7: public shell parity for client center pages. */
body.nq-member-body.nq-legacy-shell {
  --nq-shell-sidebar: 220px;
  --nq-shell-topbar: 50px;
  background: #f7f8fb !important;
}

body.nq-member-body.nq-legacy-shell #page-topbar {
  position: fixed !important;
  height: var(--nq-shell-topbar) !important;
  min-height: var(--nq-shell-topbar) !important;
}

body.nq-member-body.nq-legacy-shell .navbar-header,
body.nq-member-body.nq-legacy-shell .navbar-brand-box,
body.nq-member-body.nq-legacy-shell .navbar-brand-box .logo {
  height: var(--nq-shell-topbar) !important;
  min-height: var(--nq-shell-topbar) !important;
}

body.nq-member-body.nq-legacy-shell .vertical-menu {
  bottom: 0 !important;
  position: fixed !important;
  top: var(--nq-shell-topbar) !important;
  width: var(--nq-shell-sidebar) !important;
}

body.nq-member-body.nq-legacy-shell .vertical-menu .nq-sidebar-inner {
  height: calc(100vh - var(--nq-shell-topbar)) !important;
  margin: 0 !important;
  overflow-y: auto !important;
  padding: 0 !important;
}

body.nq-member-body.nq-legacy-shell #sidebar-menu {
  margin: 0 !important;
  padding: 10px 8px 18px !important;
}

body.nq-member-body.nq-legacy-shell #sidebar-menu ul,
body.nq-member-body.nq-legacy-shell #sidebar-menu li {
  margin-top: 0 !important;
}

body.nq-member-body.nq-legacy-shell #sidebar-menu ul li a i,
body.nq-member-body.nq-legacy-shell .vertical-menu i {
  display: inline-flex !important;
  font-family: remixicon !important;
  font-style: normal !important;
  font-weight: normal !important;
  opacity: .88 !important;
}

body.nq-member-body.nq-legacy-shell .page-content {
  padding: calc(var(--nq-shell-topbar) + 16px) 24px 24px !important;
}

body.nq-member-body.nq-legacy-shell .page-content > .container-fluid > .container-fluid {
  padding-top: 0 !important;
}

body.nq-member-body.nq-legacy-shell .nq-client-home-shell .nq-dash-pagebar,
body.nq-member-body.nq-legacy-shell .nq-service-manager-head,
body.nq-member-body.nq-legacy-shell .nq-productdetail-clone,
body.nq-member-body.nq-legacy-shell .nq-finance-page,
body.nq-member-body.nq-legacy-shell .nq-details-port-form,
body.nq-member-body.nq-legacy-shell .nq-security-modern-page {
  margin-top: 0 !important;
}

body.nq-member-body.nq-legacy-shell .page-title-box {
  display: none !important;
}

body.nq-member-body.nq-legacy-shell .footer {
  display: none !important;
}

@media (max-width: 991.98px) {
  body.nq-member-body.nq-legacy-shell {
    --nq-shell-sidebar: 0px;
  }

  body.nq-member-body.nq-legacy-shell .vertical-menu {
    left: calc(-1 * 220px) !important;
    width: 220px !important;
  }

  body.nq-member-body.nq-legacy-shell .main-content {
    margin-left: 0 !important;
  }

  body.nq-member-body.nq-legacy-shell .page-content {
    padding: calc(var(--nq-shell-topbar) + 12px) 14px 20px !important;
  }
}

/* Service detail parity: tab content states and chart empty states are scoped to the product detail shell. */
body.nq-member-body.nq-legacy-shell .nq-productdetail-clone ~ .bottom-box .nq-service-remote-state,
body.nq-member-body.nq-legacy-shell .nq-productdetail-clone ~ .bottom-box .nq-service-chart-empty {
  align-items: center !important;
  background: #f8fafc !important;
  border: 1px dashed #d9e1ec !important;
  color: #86909c !important;
  display: flex !important;
  font-size: 13px !important;
  justify-content: center !important;
  min-height: 220px !important;
  padding: 24px !important;
  text-align: center !important;
}

body.nq-member-body.nq-legacy-shell .nq-productdetail-clone ~ .bottom-box .nq-service-remote-state--error {
  background: #fff7f7 !important;
  border-color: #ffd6d6 !important;
  color: #dc2626 !important;
}

body.nq-member-body.nq-legacy-shell .nq-productdetail-clone ~ .bottom-box #settings1 .table-responsive,
body.nq-member-body.nq-legacy-shell .nq-productdetail-clone ~ .bottom-box #finance .table-responsive {
  margin: 0 !important;
  min-height: 0 !important;
}

body.nq-member-body.nq-legacy-shell .nq-productdetail-clone ~ .bottom-box #settings1 .table,
body.nq-member-body.nq-legacy-shell .nq-productdetail-clone ~ .bottom-box #finance .table {
  color: #1d2129 !important;
  margin: 0 !important;
}

body.nq-member-body.nq-legacy-shell .nq-productdetail-clone ~ .bottom-box #settings1 .table thead th,
body.nq-member-body.nq-legacy-shell .nq-productdetail-clone ~ .bottom-box #finance .table thead th {
  background: #f8fafc !important;
  border-bottom: 0 !important;
  color: #4e5969 !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  height: 42px !important;
  padding: 0 16px !important;
  vertical-align: middle !important;
}

body.nq-member-body.nq-legacy-shell .nq-productdetail-clone ~ .bottom-box #settings1 .table tbody td,
body.nq-member-body.nq-legacy-shell .nq-productdetail-clone ~ .bottom-box #finance .table tbody td {
  border-top: 1px solid #edf1f7 !important;
  color: #344054 !important;
  font-size: 13px !important;
  min-height: 46px !important;
  padding: 12px 16px !important;
  vertical-align: middle !important;
}

body.nq-member-body.nq-legacy-shell .nq-productdetail-clone ~ .bottom-box #settings1 .table-footer,
body.nq-member-body.nq-legacy-shell .nq-productdetail-clone ~ .bottom-box #finance .table-footer {
  align-items: center !important;
  border-top: 1px solid #edf1f7 !important;
  display: flex !important;
  justify-content: space-between !important;
  min-height: 54px !important;
  padding: 12px 0 0 !important;
}

body.nq-member-body.nq-legacy-shell .nq-productdetail-clone ~ .bottom-box #settings1 .table-pagination,
body.nq-member-body.nq-legacy-shell .nq-productdetail-clone ~ .bottom-box #finance .table-pagination {
  align-items: center !important;
  display: flex !important;
  gap: 10px !important;
  margin-left: auto !important;
}

body.nq-member-body.nq-legacy-shell .nq-productdetail-clone ~ .bottom-box #settings1 .pagination,
body.nq-member-body.nq-legacy-shell .nq-productdetail-clone ~ .bottom-box #finance .pagination {
  margin: 0 !important;
}

body.nq-member-body.nq-legacy-shell .nq-productdetail-clone ~ .bottom-box #home1 > .row {
  margin-left: -12px !important;
  margin-right: -12px !important;
}

body.nq-member-body.nq-legacy-shell .nq-productdetail-action-btn:hover,
body.nq-member-body.nq-legacy-shell .nq-productdetail-side-action:hover,
body.nq-member-body.nq-legacy-shell .nq-productdetail-link-btn:hover {
  border-color: #1769ff !important;
  color: #1769ff !important;
}

body.nq-member-body.nq-legacy-shell .nq-productdetail-action-btn--primary:hover {
  background: #0f5be8 !important;
  border-color: #0f5be8 !important;
  color: #fff !important;
}

/* shell8: client-center shell consolidation. Keep this block last. */
body.nq-member-body.nq-legacy-shell {
  --nq-shell-sidebar: 220px;
  --nq-shell-topbar: 50px;
}

body.nq-member-body.nq-legacy-shell #page-topbar {
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
}

body.nq-member-body.nq-legacy-shell .navbar-header {
  gap: 12px !important;
  justify-content: space-between !important;
  padding: 0 16px 0 0 !important;
}

body.nq-member-body.nq-legacy-shell .navbar-header > .d-flex:first-child {
  align-items: center !important;
  flex: 1 1 auto !important;
  height: var(--nq-shell-topbar) !important;
  min-width: 0 !important;
}

body.nq-member-body.nq-legacy-shell .navbar-header > .d-flex:last-child {
  align-items: center !important;
  flex: 0 0 auto !important;
  height: var(--nq-shell-topbar) !important;
  margin-left: auto !important;
}

body.nq-member-body.nq-legacy-shell .nq-member-quicknav {
  flex: 0 1 auto !important;
  min-width: 0 !important;
  overflow: hidden !important;
}

body.nq-member-body.nq-legacy-shell .nq-member-quicknav a {
  flex: 0 0 auto !important;
}

body.nq-member-body.nq-legacy-shell .vertical-menu,
body.nq-member-body.nq-legacy-shell .vertical-menu .nq-sidebar-inner {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

body.nq-member-body.nq-legacy-shell #sidebar-menu {
  padding-top: 0 !important;
}

body.nq-member-body.nq-legacy-shell #sidebar-menu ul li a i,
body.nq-member-body.nq-legacy-shell .vertical-menu i {
  font-style: normal !important;
}

body.nq-member-body.nq-legacy-shell #sidebar-menu ul li a i[class^="ri-"],
body.nq-member-body.nq-legacy-shell #sidebar-menu ul li a i[class*=" ri-"],
body.nq-member-body.nq-legacy-shell .vertical-menu i[class^="ri-"],
body.nq-member-body.nq-legacy-shell .vertical-menu i[class*=" ri-"],
body.nq-member-body.nq-legacy-shell .metismenu .has-arrow:after {
  font-family: remixicon !important;
}

body.nq-member-body.nq-legacy-shell #sidebar-menu ul li a i.bx,
body.nq-member-body.nq-legacy-shell .vertical-menu i.bx {
  font-family: boxicons !important;
}

body.nq-member-body.nq-legacy-shell #sidebar-menu ul li a i.fas,
body.nq-member-body.nq-legacy-shell #sidebar-menu ul li a i.far,
body.nq-member-body.nq-legacy-shell #sidebar-menu ul li a i.fa,
body.nq-member-body.nq-legacy-shell .vertical-menu i.fas,
body.nq-member-body.nq-legacy-shell .vertical-menu i.far,
body.nq-member-body.nq-legacy-shell .vertical-menu i.fa {
  font-family: "Font Awesome 5 Free" !important;
  font-weight: 900 !important;
}

/* shell-final11: keep the member shell geometry and icon fonts deterministic. */
body.nq-member-body.nq-legacy-shell {
  --nq-shell-sidebar: 220px;
  --nq-shell-topbar: 50px;
}

body.nq-member-body.nq-legacy-shell #page-topbar,
body.nq-member-body.nq-legacy-shell .navbar-header,
body.nq-member-body.nq-legacy-shell .navbar-brand-box {
  height: var(--nq-shell-topbar) !important;
  min-height: var(--nq-shell-topbar) !important;
}

body.nq-member-body.nq-legacy-shell .vertical-menu {
  top: var(--nq-shell-topbar) !important;
  padding-top: 0 !important;
}

body.nq-member-body.nq-legacy-shell .vertical-menu .nq-sidebar-inner,
body.nq-member-body.nq-legacy-shell #sidebar-menu,
body.nq-member-body.nq-legacy-shell #sidebar-menu ul,
body.nq-member-body.nq-legacy-shell #sidebar-menu li {
  margin-top: 0 !important;
}

body.nq-member-body.nq-legacy-shell #sidebar-menu {
  padding-top: 8px !important;
}

body.nq-member-body.nq-legacy-shell #sidebar-menu i[class^="ri-"],
body.nq-member-body.nq-legacy-shell #sidebar-menu i[class*=" ri-"],
body.nq-member-body.nq-legacy-shell #sidebar-menu .has-arrow::after,
body.nq-member-body.nq-legacy-shell #sidebar-menu .has-arrow:after {
  font-family: remixicon !important;
  font-weight: 400 !important;
}

body.nq-member-body.nq-legacy-shell .footer {
  align-items: center !important;
  background: #f7f8fb !important;
  border-top: 0 !important;
  color: #98a2b3 !important;
  display: flex !important;
  font-size: 13px !important;
  height: 44px !important;
  left: var(--nq-shell-sidebar) !important;
  margin: 0 !important;
  padding: 0 24px !important;
  right: 0 !important;
  visibility: visible !important;
}

body.nq-member-body.nq-legacy-shell .footer .container-fluid {
  padding: 0 !important;
}

body.nq-member-body.nq-legacy-shell .navbar-brand-box .logo-light {
  display: none !important;
}

body.nq-member-body.nq-legacy-shell .navbar-brand-box .logo-dark {
  align-items: center !important;
  display: inline-flex !important;
  height: var(--nq-shell-topbar) !important;
}

body.nq-member-body.nq-legacy-shell .nq-client-home-shell #sourceListBox h1,
body.nq-member-body.nq-legacy-shell .nq-client-home-shell #sourceListBox h2,
body.nq-member-body.nq-legacy-shell .nq-client-home-shell #sourceListBox h3,
body.nq-member-body.nq-legacy-shell .nq-client-home-shell #sourceListBox h4,
body.nq-member-body.nq-legacy-shell .nq-client-home-shell #sourceListBox h5,
body.nq-member-body.nq-legacy-shell .nq-client-home-shell #sourceListBox .card-title,
body.nq-member-body.nq-legacy-shell .nq-client-home-shell #sourceListBox .table-title,
body.nq-member-body.nq-legacy-shell .nq-client-home-shell #sourceListBox .table-header-title,
body.nq-member-body.nq-legacy-shell .nq-client-home-shell #sourceListBox .table-card-title {
  display: none !important;
}

@media (max-width: 991.98px) {
  body.nq-member-body.nq-legacy-shell .footer {
    left: 0 !important;
    padding: 0 14px !important;
  }
}

/* icon-fallback1: avoid missing Material Design Icon font tofu on migrated pages. */
body.nq-member-body .mdi::before {
  display: inline-block;
  font-family: remixicon !important;
  font-style: normal;
  font-weight: 400 !important;
  line-height: 1;
}

body.nq-member-body .mdi-chevron-down::before { content: "\ea4e" !important; }
body.nq-member-body .mdi-magnify::before { content: "\f0d1" !important; }
body.nq-member-body .mdi-block-helper::before { content: "\eb99" !important; }
body.nq-member-body .mdi-alert-circle-outline::before { content: "\ea21" !important; }
body.nq-member-body .mdi-folder::before { content: "\ed68" !important; }
body.nq-member-body .mdi-folder-zip::before { content: "\ed6b" !important; }
body.nq-member-body .mdi-image::before { content: "\ee46" !important; }
body.nq-member-body .mdi-text-box::before { content: "\f24f" !important; }

/* shell-final10: single source of truth for migrated member shell parity. */
body.nq-member-body.nq-legacy-shell {
  --nq-shell-sidebar: 220px;
  --nq-shell-topbar: 50px;
  background: #f7f8fb !important;
}

body.nq-member-body.nq-legacy-shell #layout-wrapper,
body.nq-member-body.nq-legacy-shell .main-content,
body.nq-member-body.nq-legacy-shell .page-content {
  background: #f7f8fb !important;
}

body.nq-member-body.nq-legacy-shell #page-topbar {
  background: #fff !important;
  border-bottom: 1px solid #edf1f7 !important;
  box-shadow: none !important;
  height: var(--nq-shell-topbar) !important;
  left: 0 !important;
  min-height: var(--nq-shell-topbar) !important;
  position: fixed !important;
  right: 0 !important;
  top: 0 !important;
  width: 100% !important;
  z-index: 1003 !important;
}

body.nq-member-body.nq-legacy-shell .navbar-header {
  align-items: center !important;
  display: flex !important;
  gap: 12px !important;
  height: var(--nq-shell-topbar) !important;
  justify-content: space-between !important;
  min-height: var(--nq-shell-topbar) !important;
  padding: 0 16px 0 0 !important;
}

body.nq-member-body.nq-legacy-shell .navbar-header > .d-flex:first-child,
body.nq-member-body.nq-legacy-shell .navbar-header > .d-flex:last-child {
  align-items: center !important;
  height: var(--nq-shell-topbar) !important;
}

body.nq-member-body.nq-legacy-shell .navbar-header > .d-flex:first-child {
  flex: 1 1 auto !important;
  min-width: 0 !important;
}

body.nq-member-body.nq-legacy-shell .navbar-header > .d-flex:last-child {
  flex: 0 0 auto !important;
  margin-left: auto !important;
}

body.nq-member-body.nq-legacy-shell .navbar-brand-box {
  align-items: center !important;
  background: #fff !important;
  border-right: 1px solid #edf1f7 !important;
  display: flex !important;
  flex: 0 0 var(--nq-shell-sidebar) !important;
  height: var(--nq-shell-topbar) !important;
  justify-content: center !important;
  min-height: var(--nq-shell-topbar) !important;
  width: var(--nq-shell-sidebar) !important;
}

body.nq-member-body.nq-legacy-shell .navbar-brand-box .logo-light {
  display: none !important;
}

body.nq-member-body.nq-legacy-shell .navbar-brand-box .logo-dark,
body.nq-member-body.nq-legacy-shell .navbar-brand-box .logo {
  align-items: center !important;
  display: inline-flex !important;
  height: var(--nq-shell-topbar) !important;
  justify-content: center !important;
}

body.nq-member-body.nq-legacy-shell .logo-lg img {
  display: block !important;
  height: auto !important;
  max-height: 34px !important;
  object-fit: contain !important;
  width: 128px !important;
}

body.nq-member-body.nq-legacy-shell .vertical-menu {
  background: #fff !important;
  border-right: 1px solid #edf1f7 !important;
  bottom: 0 !important;
  box-shadow: none !important;
  left: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  position: fixed !important;
  top: var(--nq-shell-topbar) !important;
  width: var(--nq-shell-sidebar) !important;
  z-index: 999 !important;
}

body.nq-member-body.nq-legacy-shell .vertical-menu .nq-sidebar-inner {
  height: calc(100vh - var(--nq-shell-topbar)) !important;
  margin: 0 !important;
  overflow-y: auto !important;
  padding: 0 !important;
}

body.nq-member-body.nq-legacy-shell #sidebar-menu {
  margin: 0 !important;
  padding: 8px 8px 18px !important;
}

body.nq-member-body.nq-legacy-shell .main-content {
  margin-left: var(--nq-shell-sidebar) !important;
  min-height: 100vh !important;
}

body.nq-member-body.nq-legacy-shell .page-content {
  min-height: calc(100vh - var(--nq-shell-topbar)) !important;
  padding: calc(var(--nq-shell-topbar) + 16px) 24px 24px !important;
}

body.nq-member-body.nq-legacy-shell .page-content > .container-fluid,
body.nq-member-body.nq-legacy-shell .page-content > .container-fluid > .container-fluid {
  max-width: none !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  width: 100% !important;
}

body.nq-member-body.nq-legacy-shell .page-title-box {
  display: none !important;
}

body.nq-member-body.nq-legacy-shell .footer {
  display: none !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  visibility: hidden !important;
}

body.nq-member-body.nq-legacy-shell #sidebar-menu ul li a i,
body.nq-member-body.nq-legacy-shell .vertical-menu i {
  font-style: normal !important;
}

body.nq-member-body.nq-legacy-shell #sidebar-menu ul li a i[class^="ri-"],
body.nq-member-body.nq-legacy-shell #sidebar-menu ul li a i[class*=" ri-"],
body.nq-member-body.nq-legacy-shell .vertical-menu i[class^="ri-"],
body.nq-member-body.nq-legacy-shell .vertical-menu i[class*=" ri-"],
body.nq-member-body.nq-legacy-shell .metismenu .has-arrow:after {
  font-family: remixicon !important;
}

body.nq-member-body.nq-legacy-shell #sidebar-menu ul li a i.bx,
body.nq-member-body.nq-legacy-shell .vertical-menu i.bx {
  font-family: boxicons !important;
}

body.nq-member-body.nq-legacy-shell #sidebar-menu ul li a i.fas,
body.nq-member-body.nq-legacy-shell #sidebar-menu ul li a i.far,
body.nq-member-body.nq-legacy-shell #sidebar-menu ul li a i.fa,
body.nq-member-body.nq-legacy-shell .vertical-menu i.fas,
body.nq-member-body.nq-legacy-shell .vertical-menu i.far,
body.nq-member-body.nq-legacy-shell .vertical-menu i.fa {
  font-family: "Font Awesome 5 Free" !important;
  font-weight: 900 !important;
}

@media (max-width: 991.98px) {
  body.nq-member-body.nq-legacy-shell {
    --nq-shell-sidebar: 0px;
  }

  body.nq-member-body.nq-legacy-shell .navbar-brand-box {
    flex-basis: 176px !important;
    width: 176px !important;
  }

  body.nq-member-body.nq-legacy-shell .main-content {
    margin-left: 0 !important;
  }

  body.nq-member-body.nq-legacy-shell .page-content {
    padding: calc(var(--nq-shell-topbar) + 12px) 14px 20px !important;
  }

  body.nq-member-body.nq-legacy-shell .vertical-menu {
    left: -220px !important;
    width: 220px !important;
  }
}

/* shell-final12: authoritative member shell layout after migration fixes. */
body.nq-member-body.nq-legacy-shell {
  --nq-shell-sidebar: 220px;
  --nq-shell-topbar: 50px;
  background: #f7f8fb !important;
}

body.nq-member-body.nq-legacy-shell #page-topbar {
  height: var(--nq-shell-topbar) !important;
  min-height: var(--nq-shell-topbar) !important;
  left: 0 !important;
  right: 0 !important;
  top: 0 !important;
}

body.nq-member-body.nq-legacy-shell .navbar-header,
body.nq-member-body.nq-legacy-shell .navbar-header > .d-flex {
  align-items: center !important;
  height: var(--nq-shell-topbar) !important;
  min-height: var(--nq-shell-topbar) !important;
}

body.nq-member-body.nq-legacy-shell .navbar-header {
  padding: 0 16px 0 0 !important;
}

body.nq-member-body.nq-legacy-shell .navbar-brand-box {
  align-items: center !important;
  display: flex !important;
  flex: 0 0 var(--nq-shell-sidebar) !important;
  height: var(--nq-shell-topbar) !important;
  justify-content: center !important;
  min-height: var(--nq-shell-topbar) !important;
  width: var(--nq-shell-sidebar) !important;
}

body.nq-member-body.nq-legacy-shell .header-item,
body.nq-member-body.nq-legacy-shell .noti-icon,
body.nq-member-body.nq-legacy-shell #page-header-user-dropdown {
  align-items: center !important;
  display: inline-flex !important;
  height: var(--nq-shell-topbar) !important;
  justify-content: center !important;
  line-height: var(--nq-shell-topbar) !important;
  padding-bottom: 0 !important;
  padding-top: 0 !important;
}

body.nq-member-body.nq-legacy-shell .header-item i,
body.nq-member-body.nq-legacy-shell .noti-icon i {
  line-height: 1 !important;
  margin-top: 0 !important;
}

body.nq-member-body.nq-legacy-shell .vertical-menu {
  top: var(--nq-shell-topbar) !important;
  width: var(--nq-shell-sidebar) !important;
}

body.nq-member-body.nq-legacy-shell .vertical-menu .nq-sidebar-inner {
  height: calc(100vh - var(--nq-shell-topbar)) !important;
  padding-top: 0 !important;
}

body.nq-member-body.nq-legacy-shell #sidebar-menu {
  padding-top: 0 !important;
}

body.nq-member-body.nq-legacy-shell #sidebar-menu > ul,
body.nq-member-body.nq-legacy-shell #side-menu {
  margin-top: 0 !important;
  padding-top: 4px !important;
}

body.nq-member-body.nq-legacy-shell .main-content {
  margin-left: var(--nq-shell-sidebar) !important;
}

body.nq-member-body.nq-legacy-shell .page-content {
  padding: calc(var(--nq-shell-topbar) + 16px) 24px 68px !important;
}

body.nq-member-body.nq-legacy-shell .footer {
  align-items: center !important;
  background: #f7f8fb !important;
  border-top: 0 !important;
  bottom: 0 !important;
  color: #98a2b3 !important;
  display: flex !important;
  font-size: 13px !important;
  height: 44px !important;
  left: var(--nq-shell-sidebar) !important;
  margin: 0 !important;
  padding: 0 24px !important;
  position: fixed !important;
  right: 0 !important;
  visibility: visible !important;
  z-index: 998 !important;
}

body.nq-member-body.nq-legacy-shell .footer .container-fluid {
  max-width: none !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  width: 100% !important;
}

body.nq-member-body.nq-legacy-shell .nq-client-home-shell #sourceListBox h1,
body.nq-member-body.nq-legacy-shell .nq-client-home-shell #sourceListBox h2,
body.nq-member-body.nq-legacy-shell .nq-client-home-shell #sourceListBox h3,
body.nq-member-body.nq-legacy-shell .nq-client-home-shell #sourceListBox h4,
body.nq-member-body.nq-legacy-shell .nq-client-home-shell #sourceListBox h5,
body.nq-member-body.nq-legacy-shell .nq-client-home-shell #sourceListBox .card-title {
  display: none !important;
}

@media (max-width: 991.98px) {
  body.nq-member-body.nq-legacy-shell {
    --nq-shell-sidebar: 0px;
  }

  body.nq-member-body.nq-legacy-shell .main-content {
    margin-left: 0 !important;
  }

  body.nq-member-body.nq-legacy-shell .page-content {
    padding: calc(var(--nq-shell-topbar) + 12px) 14px 64px !important;
  }

  body.nq-member-body.nq-legacy-shell .footer {
    left: 0 !important;
    padding: 0 14px !important;
  }
}
/* 2026-07-06 shell-final14: one authoritative legacy member shell layout. */
body.nq-member-body.nq-legacy-shell {
  --nq-member-sidebar-width: 220px;
  --nq-member-topbar-height: 50px;
}

body.nq-member-body.nq-legacy-shell #page-topbar {
  background: #fff !important;
  border-bottom: 1px solid #edf1f7 !important;
  box-shadow: none !important;
  height: var(--nq-member-topbar-height) !important;
  left: var(--nq-member-sidebar-width) !important;
  min-height: var(--nq-member-topbar-height) !important;
  right: 0 !important;
  width: auto !important;
}

body.nq-member-body.nq-legacy-shell .navbar-header {
  align-items: center !important;
  display: flex !important;
  height: var(--nq-member-topbar-height) !important;
  justify-content: space-between !important;
  min-height: var(--nq-member-topbar-height) !important;
  padding: 0 20px !important;
}

body.nq-member-body.nq-legacy-shell .navbar-brand-box,
body[data-sidebar=dark].nq-member-body.nq-legacy-shell .navbar-brand-box {
  align-items: center !important;
  background: #fff !important;
  border-bottom: 1px solid #edf1f7 !important;
  border-right: 1px solid #edf1f7 !important;
  display: flex !important;
  height: var(--nq-member-topbar-height) !important;
  justify-content: center !important;
  left: 0 !important;
  min-height: var(--nq-member-topbar-height) !important;
  position: fixed !important;
  top: 0 !important;
  width: var(--nq-member-sidebar-width) !important;
  z-index: 1003 !important;
}

body.nq-member-body.nq-legacy-shell .navbar-brand-box .logo,
body.nq-member-body.nq-legacy-shell .navbar-brand-box .logo span {
  align-items: center !important;
  display: inline-flex !important;
  height: var(--nq-member-topbar-height) !important;
  justify-content: center !important;
  width: 100% !important;
}

body.nq-member-body.nq-legacy-shell .navbar-brand-box .logo-light,
body.nq-member-body.nq-legacy-shell .navbar-brand-box .logo-sm {
  display: none !important;
}

body.nq-member-body.nq-legacy-shell .navbar-brand-box .logo-dark,
body.nq-member-body.nq-legacy-shell .navbar-brand-box .logo-dark .logo-lg {
  display: inline-flex !important;
}

body.nq-member-body.nq-legacy-shell .navbar-brand-box img {
  display: block !important;
  height: auto !important;
  max-height: 30px !important;
  max-width: 150px !important;
  object-fit: contain !important;
}

body.nq-member-body.nq-legacy-shell .vertical-menu,
body[data-sidebar=dark].nq-member-body.nq-legacy-shell .vertical-menu {
  background: #fff !important;
  background-image: none !important;
  border-right: 1px solid #edf1f7 !important;
  bottom: 0 !important;
  box-shadow: none !important;
  left: 0 !important;
  padding-top: 0 !important;
  position: fixed !important;
  top: var(--nq-member-topbar-height) !important;
  width: var(--nq-member-sidebar-width) !important;
  z-index: 1002 !important;
}

body.nq-member-body.nq-legacy-shell .vertical-menu .simplebar-content,
body.nq-member-body.nq-legacy-shell #sidebar-menu {
  padding-top: 0 !important;
}

body.nq-member-body.nq-legacy-shell #sidebar-menu > ul {
  padding: 8px 8px 18px !important;
}

body.nq-member-body.nq-legacy-shell #sidebar-menu ul li a {
  align-items: center !important;
  border-radius: 4px !important;
  display: flex !important;
  gap: 10px !important;
  min-height: 38px !important;
  padding: 9px 12px !important;
}

body.nq-member-body.nq-legacy-shell .main-content {
  background: #f6f8fb !important;
  margin-left: var(--nq-member-sidebar-width) !important;
  min-height: 100vh !important;
}

body.nq-member-body.nq-legacy-shell .page-content {
  padding: 70px 20px 28px !important;
}

body.nq-member-body.nq-legacy-shell .page-content > .container-fluid {
  max-width: 1480px !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

body.nq-member-body.nq-legacy-shell .footer.nq-member-footer,
body.nq-member-body.nq-legacy-shell .footer {
  background: transparent !important;
  border: 0 !important;
  height: auto !important;
  left: var(--nq-member-sidebar-width) !important;
  padding: 16px 20px !important;
}

body.nq-member-body.nq-legacy-shell .nq-member-quicknav {
  align-items: center !important;
  display: flex !important;
  gap: 24px !important;
  height: var(--nq-member-topbar-height) !important;
  margin: 0 !important;
}

body.nq-member-body.nq-legacy-shell .nq-member-quicknav a {
  align-items: center !important;
  display: inline-flex !important;
  height: var(--nq-member-topbar-height) !important;
  line-height: var(--nq-member-topbar-height) !important;
  padding: 0 !important;
}

@media (max-width: 992px) {
  body.nq-member-body.nq-legacy-shell #page-topbar,
  body.nq-member-body.nq-legacy-shell .footer.nq-member-footer,
  body.nq-member-body.nq-legacy-shell .footer {
    left: 0 !important;
  }

  body.nq-member-body.nq-legacy-shell .navbar-brand-box {
    width: 160px !important;
  }

  body.nq-member-body.nq-legacy-shell .main-content {
    margin-left: 0 !important;
  }

  body.nq-member-body.nq-legacy-shell .vertical-menu {
    transform: translateX(-100%);
  }

  body.nq-member-body.nq-legacy-shell.sidebar-enable .vertical-menu {
    transform: translateX(0);
  }

  body.nq-member-body.nq-legacy-shell .page-content {
    padding: 70px 14px 24px !important;
  }
}

/* 2026-07-06 shell-final16: final public shell alignment patch. */
body.nq-member-body.nq-legacy-shell {
  --nq-member-sidebar-width: 220px;
  --nq-member-topbar-height: 50px;
}

body.nq-member-body.nq-legacy-shell #page-topbar {
  height: var(--nq-member-topbar-height) !important;
  left: var(--nq-member-sidebar-width) !important;
  min-height: var(--nq-member-topbar-height) !important;
  right: 0 !important;
  width: auto !important;
}

body.nq-member-body.nq-legacy-shell .navbar-header {
  align-items: center !important;
  display: flex !important;
  gap: 16px !important;
  height: var(--nq-member-topbar-height) !important;
  justify-content: space-between !important;
  min-height: var(--nq-member-topbar-height) !important;
  padding: 0 20px !important;
}

body.nq-member-body.nq-legacy-shell .navbar-header > .d-flex:first-child {
  align-items: center !important;
  flex: 1 1 auto !important;
  min-width: 0 !important;
}

body.nq-member-body.nq-legacy-shell .navbar-header > .d-flex:last-child {
  align-items: center !important;
  flex: 0 0 auto !important;
  gap: 10px !important;
  min-width: 0 !important;
}

body.nq-member-body.nq-legacy-shell .nq-member-quicknav {
  align-items: center !important;
  display: flex !important;
  flex: 0 1 auto !important;
  gap: 24px !important;
  height: var(--nq-member-topbar-height) !important;
  margin: 0 0 0 18px !important;
  min-width: 0 !important;
  position: static !important;
  right: auto !important;
  top: auto !important;
  transform: none !important;
}

body.nq-member-body.nq-legacy-shell .nq-member-quicknav a,
body.nq-member-body.nq-legacy-shell .nq-member-quicknav a[href="/clientarea"] {
  align-items: center !important;
  background: transparent !important;
  border-radius: 0 !important;
  color: #344054 !important;
  display: inline-flex !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  height: var(--nq-member-topbar-height) !important;
  line-height: var(--nq-member-topbar-height) !important;
  padding: 0 !important;
  white-space: nowrap !important;
}

body.nq-member-body.nq-legacy-shell .nq-member-quicknav a:hover,
body.nq-member-body.nq-legacy-shell .nq-member-quicknav a.is-active,
body.nq-member-body.nq-legacy-shell .nq-member-quicknav a[href="/clientarea"].is-active {
  color: #1769ff !important;
  font-weight: 600 !important;
}

body.nq-member-body.nq-legacy-shell .navbar-brand-box,
body[data-sidebar=dark].nq-member-body.nq-legacy-shell .navbar-brand-box {
  height: var(--nq-member-topbar-height) !important;
  min-height: var(--nq-member-topbar-height) !important;
  width: var(--nq-member-sidebar-width) !important;
}

body.nq-member-body.nq-legacy-shell .vertical-menu,
body[data-sidebar=dark].nq-member-body.nq-legacy-shell .vertical-menu {
  bottom: 0 !important;
  top: var(--nq-member-topbar-height) !important;
  width: var(--nq-member-sidebar-width) !important;
}

body.nq-member-body.nq-legacy-shell .vertical-menu .nq-sidebar-inner,
body.nq-member-body.nq-legacy-shell .vertical-menu .simplebar-content,
body.nq-member-body.nq-legacy-shell #sidebar-menu {
  padding-top: 0 !important;
}

body.nq-member-body.nq-legacy-shell .main-content {
  margin-left: var(--nq-member-sidebar-width) !important;
}

body.nq-member-body.nq-legacy-shell .footer.nq-member-footer,
body.nq-member-body.nq-legacy-shell .footer {
  left: var(--nq-member-sidebar-width) !important;
  right: 0 !important;
}

body.nq-member-body.nq-legacy-shell .nq-productdetail-clone ~ .bottom-box {
  display: flex !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

body.nq-member-body.nq-legacy-shell .nq-productdetail-clone ~ .bottom-box > .col-md-9 {
  flex: 0 0 100% !important;
  max-width: 100% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

body.nq-member-body.nq-legacy-shell .nq-productdetail-clone ~ .bottom-box .tab-content {
  padding: 18px !important;
}

body.nq-member-body.nq-legacy-shell .nq-productdetail-clone ~ .bottom-box #home1 > style {
  display: none !important;
}

body.nq-member-body.nq-legacy-shell .nq-productdetail-clone ~ .bottom-box #home1 > .row {
  margin-left: -12px !important;
  margin-right: -12px !important;
}

body.nq-member-body.nq-legacy-shell .nq-productdetail-clone ~ .bottom-box .chartbox {
  padding: 0 12px 20px !important;
}

@media (max-width: 1280px) {
  body.nq-member-body.nq-legacy-shell .nq-member-quicknav {
    display: none !important;
  }
}

@media (max-width: 992px) {
  body.nq-member-body.nq-legacy-shell #page-topbar,
  body.nq-member-body.nq-legacy-shell .footer.nq-member-footer,
  body.nq-member-body.nq-legacy-shell .footer {
    left: 0 !important;
  }

  body.nq-member-body.nq-legacy-shell .main-content {
    margin-left: 0 !important;
  }

  body.nq-member-body.nq-legacy-shell .page-content > .container-fluid {
    max-width: none !important;
  }
}

/* 2026-07-06 shell-final17: match getyun header split layout. */
body.nq-member-body.nq-legacy-shell #page-topbar {
  left: 0 !important;
  width: 100% !important;
}

body.nq-member-body.nq-legacy-shell .navbar-header {
  padding: 0 8px 0 16px !important;
}

body.nq-member-body.nq-legacy-shell .navbar-header > .d-flex:first-child {
  flex: 0 0 220px !important;
  gap: 12px !important;
  width: 220px !important;
}

body.nq-member-body.nq-legacy-shell .navbar-header > .d-flex:last-child {
  align-items: center !important;
  flex: 1 1 auto !important;
  justify-content: flex-end !important;
}

body.nq-member-body.nq-legacy-shell .navbar-brand-box,
body[data-sidebar=dark].nq-member-body.nq-legacy-shell .navbar-brand-box {
  background: transparent !important;
  border-right: 0 !important;
  box-shadow: none !important;
  flex: 0 0 102px !important;
  height: var(--nq-member-topbar-height) !important;
  left: auto !important;
  min-height: var(--nq-member-topbar-height) !important;
  padding: 0 !important;
  position: static !important;
  top: auto !important;
  width: 102px !important;
}

body.nq-member-body.nq-legacy-shell .navbar-brand-box .logo {
  align-items: center !important;
  display: flex !important;
  height: var(--nq-member-topbar-height) !important;
  justify-content: flex-start !important;
  padding: 0 !important;
}

body.nq-member-body.nq-legacy-shell .navbar-brand-box .logo-lg img {
  height: 28px !important;
  max-width: 102px !important;
  width: auto !important;
}

body.nq-member-body.nq-legacy-shell #vertical-menu-btn {
  display: none !important;
}

body.nq-member-body.nq-legacy-shell .nq-member-quicknav {
  flex: 0 0 auto !important;
  gap: 0 !important;
  height: var(--nq-member-topbar-height) !important;
  margin-left: 28px !important;
}

body.nq-member-body.nq-legacy-shell .nq-member-quicknav a:not(:first-child) {
  display: none !important;
}

body.nq-member-body.nq-legacy-shell .nq-member-quicknav a:first-child {
  align-items: center !important;
  background: #edf4ff !important;
  border-radius: 4px !important;
  color: #1769ff !important;
  display: inline-flex !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  gap: 4px !important;
  height: 24px !important;
  line-height: 24px !important;
  padding: 0 8px !important;
}

body.nq-member-body.nq-legacy-shell .nq-member-rightnav {
  align-items: center !important;
  display: flex !important;
  flex: 0 0 auto !important;
  gap: 4px !important;
  height: 36px !important;
  margin-right: 12px !important;
}

body.nq-member-body.nq-legacy-shell .nq-member-rightnav a {
  align-items: center !important;
  color: #344054 !important;
  display: inline-flex !important;
  font-size: 14px !important;
  height: 36px !important;
  line-height: 36px !important;
  padding: 0 10px !important;
  text-decoration: none !important;
  white-space: nowrap !important;
}

body.nq-member-body.nq-legacy-shell .nq-member-rightnav a:hover,
body.nq-member-body.nq-legacy-shell .nq-member-rightnav a.is-active {
  color: #1769ff !important;
}

@media (max-width: 1280px) {
  body.nq-member-body.nq-legacy-shell .nq-member-rightnav {
    display: none !important;
  }
}

/* shell-final38: final authoritative member shell geometry. */
body.nq-member-body.nq-legacy-shell {
  --nq-member-sidebar-width: 176px !important;
  --nq-member-topbar-height: 64px !important;
}

body.nq-member-body.nq-legacy-shell #page-topbar {
  display: block !important;
  height: var(--nq-member-topbar-height) !important;
  left: var(--nq-member-sidebar-width) !important;
  min-height: var(--nq-member-topbar-height) !important;
  right: 0 !important;
  width: auto !important;
}

body.nq-member-body.nq-legacy-shell .navbar-header {
  height: var(--nq-member-topbar-height) !important;
  min-height: var(--nq-member-topbar-height) !important;
  padding: 0 24px !important;
}

body.nq-member-body.nq-legacy-shell .navbar-brand-box,
body[data-sidebar=dark].nq-member-body.nq-legacy-shell .navbar-brand-box {
  flex: 0 0 var(--nq-member-sidebar-width) !important;
  min-width: var(--nq-member-sidebar-width) !important;
  width: var(--nq-member-sidebar-width) !important;
}

body.nq-member-body.nq-legacy-shell .vertical-menu,
body[data-sidebar=dark].nq-member-body.nq-legacy-shell .vertical-menu {
  height: calc(100vh - var(--nq-member-topbar-height)) !important;
  top: var(--nq-member-topbar-height) !important;
  width: var(--nq-member-sidebar-width) !important;
}

body.nq-member-body.nq-legacy-shell .main-content {
  margin-left: var(--nq-member-sidebar-width) !important;
  padding-top: 0 !important;
}

body.nq-member-body.nq-legacy-shell .page-content {
  padding-top: calc(var(--nq-member-topbar-height) + 20px) !important;
}

body.nq-member-body.nq-legacy-shell .footer,
body.nq-member-body.nq-legacy-shell .nq-member-footer {
  display: block !important;
  left: var(--nq-member-sidebar-width) !important;
  margin-left: 0 !important;
  right: 0 !important;
  width: auto !important;
}

body.nq-member-body.nq-legacy-shell #sidebar-menu .has-arrow {
  align-items: center !important;
  display: flex !important;
  padding-right: 32px !important;
}

body.nq-member-body.nq-legacy-shell #sidebar-menu .has-arrow::after {
  align-items: center !important;
  display: inline-flex !important;
  float: none !important;
  height: 16px !important;
  justify-content: center !important;
  line-height: 16px !important;
  margin-top: -8px !important;
  position: absolute !important;
  right: 14px !important;
  top: 50% !important;
  width: 16px !important;
}

@media (max-width: 992px) {
  body.nq-member-body.nq-legacy-shell #page-topbar,
  body.nq-member-body.nq-legacy-shell .footer,
  body.nq-member-body.nq-legacy-shell .nq-member-footer {
    left: 0 !important;
  }

  body.nq-member-body.nq-legacy-shell .main-content {
    margin-left: 0 !important;
  }
}

/* client-home-final43: force reference dashboard layout after shell geometry overrides. */
body.nq-member-body.nq-legacy-shell .nq-client-home-shell .nq-dash-pagebar {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  margin: 0 0 14px !important;
  min-height: 24px !important;
  padding: 0 !important;
}

body.nq-member-body.nq-legacy-shell .nq-client-home-shell .nq-dash-pagebar h2 {
  font-size: 14px !important;
  line-height: 24px !important;
}

body.nq-member-body.nq-legacy-shell .nq-client-home-shell .nq-dash-pagebar h2:before,
body.nq-member-body.nq-legacy-shell .nq-client-home-shell .nq-dash-pagebar p,
body.nq-member-body.nq-legacy-shell .nq-client-home-shell .nq-dash-hero-actions {
  display: none !important;
}

body.nq-member-body.nq-legacy-shell .nq-client-home-shell .nq-dash-grid-unified {
  align-items: start !important;
  display: grid !important;
  gap: 24px !important;
  grid-template-columns: minmax(0, 1fr) 360px !important;
}

body.nq-member-body.nq-legacy-shell .nq-client-home-shell .nq-dash-main,
body.nq-member-body.nq-legacy-shell .nq-client-home-shell .nq-dash-side-unified {
  min-width: 0 !important;
  width: auto !important;
}

body.nq-member-body.nq-legacy-shell .nq-client-home-shell .nq-dash-side-unified {
  display: flex !important;
  flex-direction: column !important;
  gap: 20px !important;
}

body.nq-member-body.nq-legacy-shell .nq-client-home-shell .nq-dash-quick {
  margin-bottom: 20px !important;
  min-height: 216px !important;
}

body.nq-member-body.nq-legacy-shell .nq-client-home-shell .nq-dash-quick-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}

body.nq-member-body.nq-legacy-shell .nq-client-home-shell .nq-dash-stat-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}

body.nq-member-body.nq-legacy-shell .nq-client-home-shell .nq-dash-side-unified .nq-dash-card {
  height: auto !important;
}

@media (max-width: 1680px) {
  body.nq-member-body.nq-legacy-shell .nq-client-home-shell .nq-dash-grid-unified {
    grid-template-columns: minmax(0, 1fr) 320px !important;
  }
}

@media (max-width: 1280px) {
  body.nq-member-body.nq-legacy-shell .nq-client-home-shell .nq-dash-grid-unified,
  body.nq-member-body.nq-legacy-shell .nq-client-home-shell .nq-dash-stat-grid {
    grid-template-columns: 1fr !important;
  }

  body.nq-member-body.nq-legacy-shell .nq-client-home-shell .nq-dash-quick-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

/* client-home-final45: compact right profile card to match reference. */
body.nq-member-body.nq-legacy-shell .nq-client-home-shell .nq-profile-card {
  height: auto !important;
  min-height: 216px !important;
  padding: 0 !important;
}

body.nq-member-body.nq-legacy-shell .nq-client-home-shell .nq-profile-card .card-body {
  height: auto !important;
  min-height: 0 !important;
  padding: 24px 22px !important;
}

body.nq-member-body.nq-legacy-shell .nq-client-home-shell .nq-profile-head {
  margin-bottom: 14px !important;
  padding-bottom: 16px !important;
}

body.nq-member-body.nq-legacy-shell .nq-client-home-shell .nq-profile-lines {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* shell-final48: true final member shell override; keep after all historical shell blocks. */
body.nq-member-body.nq-legacy-shell {
  --nq-member-sidebar-width: 176px !important;
  --nq-member-topbar-height: 50px !important;
}

body.nq-member-body.nq-legacy-shell #page-topbar {
  display: block !important;
  height: var(--nq-member-topbar-height) !important;
  left: 0 !important;
  min-height: var(--nq-member-topbar-height) !important;
  right: 0 !important;
  top: 0 !important;
  width: 100% !important;
}

body.nq-member-body.nq-legacy-shell .navbar-header {
  align-items: center !important;
  display: flex !important;
  height: var(--nq-member-topbar-height) !important;
  min-height: var(--nq-member-topbar-height) !important;
  padding: 0 18px 0 0 !important;
}

body.nq-member-body.nq-legacy-shell .navbar-header > .d-flex:first-child {
  align-items: center !important;
  flex: 1 1 auto !important;
  height: var(--nq-member-topbar-height) !important;
  min-width: 0 !important;
}

body.nq-member-body.nq-legacy-shell .navbar-brand-box,
body[data-sidebar=dark].nq-member-body.nq-legacy-shell .navbar-brand-box {
  align-items: center !important;
  align-self: stretch !important;
  display: flex !important;
  flex: 0 0 118px !important;
  height: var(--nq-member-topbar-height) !important;
  justify-content: flex-start !important;
  max-width: 118px !important;
  min-width: 118px !important;
  padding: 0 0 0 14px !important;
  width: 118px !important;
}

body.nq-member-body.nq-legacy-shell .navbar-brand-box .logo,
body.nq-member-body.nq-legacy-shell .navbar-brand-box .logo-dark,
body.nq-member-body.nq-legacy-shell .navbar-brand-box .logo-light,
body.nq-member-body.nq-legacy-shell .navbar-brand-box .logo-lg {
  align-items: center !important;
  display: flex !important;
  height: var(--nq-member-topbar-height) !important;
  justify-content: flex-start !important;
  line-height: var(--nq-member-topbar-height) !important;
  width: 100% !important;
}

body.nq-member-body.nq-legacy-shell .navbar-brand-box img {
  display: block !important;
  height: auto !important;
  max-height: 32px !important;
  max-width: 98px !important;
  object-fit: contain !important;
}

body.nq-member-body.nq-legacy-shell #vertical-menu-btn {
  display: none !important;
}

body.nq-member-body.nq-legacy-shell .nq-member-quicknav {
  align-items: center !important;
  display: flex !important;
  height: var(--nq-member-topbar-height) !important;
  margin-left: 0 !important;
}

body.nq-member-body.nq-legacy-shell .nq-member-quicknav a {
  align-items: center !important;
  display: inline-flex !important;
  font-size: 13px !important;
  height: var(--nq-member-topbar-height) !important;
  padding: 0 11px !important;
}

body.nq-member-body.nq-legacy-shell .vertical-menu,
body[data-sidebar=dark].nq-member-body.nq-legacy-shell .vertical-menu {
  height: calc(100vh - var(--nq-member-topbar-height)) !important;
  left: 0 !important;
  top: var(--nq-member-topbar-height) !important;
  width: var(--nq-member-sidebar-width) !important;
}

body.nq-member-body.nq-legacy-shell #sidebar-menu ul li a {
  border-radius: 4px !important;
  height: 36px !important;
  margin: 4px 8px !important;
  padding: 0 12px !important;
  width: auto !important;
}

body.nq-member-body.nq-legacy-shell #sidebar-menu ul li a i {
  margin-right: 9px !important;
  min-width: 16px !important;
}

body.nq-member-body.nq-legacy-shell #sidebar-menu .has-arrow::after {
  right: 10px !important;
}

body.nq-member-body.nq-legacy-shell .main-content {
  margin-left: var(--nq-member-sidebar-width) !important;
  padding-top: 0 !important;
}

body.nq-member-body.nq-legacy-shell .page-content {
  padding-top: calc(var(--nq-member-topbar-height) + 8px) !important;
}

body.nq-member-body.nq-legacy-shell .page-content > .container-fluid,
body.nq-member-body.nq-legacy-shell .page-content > .container-fluid > .container-fluid {
  padding-left: 18px !important;
  padding-right: 18px !important;
}

body.nq-member-body.nq-legacy-shell .footer,
body.nq-member-body.nq-legacy-shell .nq-member-footer {
  left: var(--nq-member-sidebar-width) !important;
  margin-left: 0 !important;
  right: 0 !important;
  width: auto !important;
}

@media (max-width: 992px) {
  body.nq-member-body.nq-legacy-shell #page-topbar {
    left: 0 !important;
  }

  body.nq-member-body.nq-legacy-shell .navbar-brand-box,
  body[data-sidebar=dark].nq-member-body.nq-legacy-shell .navbar-brand-box {
    flex-basis: 118px !important;
    max-width: 118px !important;
    min-width: 118px !important;
    width: 118px !important;
  }

  body.nq-member-body.nq-legacy-shell .main-content,
  body.nq-member-body.nq-legacy-shell .footer,
  body.nq-member-body.nq-legacy-shell .nq-member-footer {
    left: 0 !important;
    margin-left: 0 !important;
  }
}

/* shell-final47: align member shell with the reference customer-center frame. */
body.nq-member-body.nq-legacy-shell {
  --nq-member-sidebar-width: 176px !important;
  --nq-member-topbar-height: 50px !important;
}

body.nq-member-body.nq-legacy-shell #page-topbar {
  display: block !important;
  height: var(--nq-member-topbar-height) !important;
  left: 0 !important;
  min-height: var(--nq-member-topbar-height) !important;
  right: 0 !important;
  top: 0 !important;
  width: 100% !important;
}

body.nq-member-body.nq-legacy-shell .navbar-header {
  align-items: center !important;
  display: flex !important;
  height: var(--nq-member-topbar-height) !important;
  min-height: var(--nq-member-topbar-height) !important;
  padding: 0 18px 0 0 !important;
}

body.nq-member-body.nq-legacy-shell .navbar-header > .d-flex:first-child {
  align-items: center !important;
  flex: 1 1 auto !important;
  height: var(--nq-member-topbar-height) !important;
  min-width: 0 !important;
}

body.nq-member-body.nq-legacy-shell .navbar-brand-box,
body[data-sidebar=dark].nq-member-body.nq-legacy-shell .navbar-brand-box {
  align-items: center !important;
  align-self: stretch !important;
  display: flex !important;
  flex: 0 0 118px !important;
  height: var(--nq-member-topbar-height) !important;
  justify-content: flex-start !important;
  max-width: 118px !important;
  min-width: 118px !important;
  padding: 0 0 0 14px !important;
  width: 118px !important;
}

body.nq-member-body.nq-legacy-shell .navbar-brand-box .logo,
body.nq-member-body.nq-legacy-shell .navbar-brand-box .logo-dark,
body.nq-member-body.nq-legacy-shell .navbar-brand-box .logo-light,
body.nq-member-body.nq-legacy-shell .navbar-brand-box .logo-lg {
  align-items: center !important;
  display: flex !important;
  height: var(--nq-member-topbar-height) !important;
  justify-content: flex-start !important;
  line-height: var(--nq-member-topbar-height) !important;
  width: 100% !important;
}

body.nq-member-body.nq-legacy-shell .navbar-brand-box img {
  display: block !important;
  height: auto !important;
  max-height: 32px !important;
  max-width: 98px !important;
  object-fit: contain !important;
}

body.nq-member-body.nq-legacy-shell #vertical-menu-btn {
  display: none !important;
}

body.nq-member-body.nq-legacy-shell .nq-member-quicknav {
  align-items: center !important;
  display: flex !important;
  height: var(--nq-member-topbar-height) !important;
  margin-left: 0 !important;
}

body.nq-member-body.nq-legacy-shell .nq-member-quicknav a {
  align-items: center !important;
  display: inline-flex !important;
  font-size: 13px !important;
  height: var(--nq-member-topbar-height) !important;
  padding: 0 11px !important;
}

body.nq-member-body.nq-legacy-shell .vertical-menu,
body[data-sidebar=dark].nq-member-body.nq-legacy-shell .vertical-menu {
  height: calc(100vh - var(--nq-member-topbar-height)) !important;
  left: 0 !important;
  top: var(--nq-member-topbar-height) !important;
  width: var(--nq-member-sidebar-width) !important;
}

body.nq-member-body.nq-legacy-shell #sidebar-menu ul li a {
  border-radius: 4px !important;
  height: 36px !important;
  margin: 4px 8px !important;
  padding: 0 12px !important;
  width: auto !important;
}

body.nq-member-body.nq-legacy-shell #sidebar-menu ul li a i {
  margin-right: 9px !important;
  min-width: 16px !important;
}

body.nq-member-body.nq-legacy-shell #sidebar-menu .has-arrow::after {
  right: 10px !important;
}

body.nq-member-body.nq-legacy-shell .main-content {
  margin-left: var(--nq-member-sidebar-width) !important;
  padding-top: 0 !important;
}

body.nq-member-body.nq-legacy-shell .page-content {
  padding-top: calc(var(--nq-member-topbar-height) + 8px) !important;
}

body.nq-member-body.nq-legacy-shell .page-content > .container-fluid,
body.nq-member-body.nq-legacy-shell .page-content > .container-fluid > .container-fluid {
  padding-left: 18px !important;
  padding-right: 18px !important;
}

body.nq-member-body.nq-legacy-shell .footer,
body.nq-member-body.nq-legacy-shell .nq-member-footer {
  left: var(--nq-member-sidebar-width) !important;
  margin-left: 0 !important;
  right: 0 !important;
  width: auto !important;
}

@media (max-width: 992px) {
  body.nq-member-body.nq-legacy-shell #page-topbar {
    left: 0 !important;
  }

  body.nq-member-body.nq-legacy-shell .navbar-brand-box,
  body[data-sidebar=dark].nq-member-body.nq-legacy-shell .navbar-brand-box {
    flex-basis: 118px !important;
    max-width: 118px !important;
    min-width: 118px !important;
    width: 118px !important;
  }

  body.nq-member-body.nq-legacy-shell .main-content,
  body.nq-member-body.nq-legacy-shell .footer,
  body.nq-member-body.nq-legacy-shell .nq-member-footer {
    margin-left: 0 !important;
    left: 0 !important;
  }
}

/* client-home-final42: reference two-column dashboard layout. */
body.nq-member-body.nq-legacy-shell .nq-client-home-shell {
  max-width: none !important;
  width: 100% !important;
}

body.nq-member-body.nq-legacy-shell .nq-client-home-shell .nq-dash-pagebar {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  margin: 0 0 14px !important;
  min-height: 24px !important;
  padding: 0 !important;
}

body.nq-member-body.nq-legacy-shell .nq-client-home-shell .nq-dash-pagebar h2 {
  color: #111827 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 24px !important;
}

body.nq-member-body.nq-legacy-shell .nq-client-home-shell .nq-dash-pagebar h2:before,
body.nq-member-body.nq-legacy-shell .nq-client-home-shell .nq-dash-pagebar p,
body.nq-member-body.nq-legacy-shell .nq-client-home-shell .nq-dash-hero-actions {
  display: none !important;
}

body.nq-member-body.nq-legacy-shell .nq-client-home-shell .nq-dash-grid-unified {
  align-items: start !important;
  display: grid !important;
  gap: 24px !important;
  grid-template-columns: minmax(0, 1fr) 360px !important;
}

body.nq-member-body.nq-legacy-shell .nq-client-home-shell .nq-dash-main,
body.nq-member-body.nq-legacy-shell .nq-client-home-shell .nq-dash-side-unified {
  min-width: 0 !important;
  width: auto !important;
}

body.nq-member-body.nq-legacy-shell .nq-client-home-shell .nq-dash-side-unified {
  display: flex !important;
  flex-direction: column !important;
  gap: 20px !important;
}

body.nq-member-body.nq-legacy-shell .nq-client-home-shell .nq-dash-quick {
  margin-bottom: 20px !important;
  min-height: 216px !important;
  padding: 18px 18px 22px !important;
}

body.nq-member-body.nq-legacy-shell .nq-client-home-shell .nq-dash-section-title,
body.nq-member-body.nq-legacy-shell .nq-client-home-shell .nq-dash-card-head .card-title {
  color: #172033 !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  line-height: 22px !important;
}

body.nq-member-body.nq-legacy-shell .nq-client-home-shell .nq-dash-section-title:before,
body.nq-member-body.nq-legacy-shell .nq-client-home-shell .nq-dash-card-head .card-title:before {
  height: 18px !important;
  margin-right: 8px !important;
  width: 3px !important;
}

body.nq-member-body.nq-legacy-shell .nq-client-home-shell .nq-dash-quick-label {
  color: #8b95a5 !important;
  font-size: 12px !important;
  line-height: 20px !important;
  margin: 14px 0 8px !important;
}

body.nq-member-body.nq-legacy-shell .nq-client-home-shell .nq-dash-quick-label-custom {
  margin-top: 16px !important;
}

body.nq-member-body.nq-legacy-shell .nq-client-home-shell .nq-dash-quick-grid {
  display: grid !important;
  gap: 10px !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  margin-top: 0 !important;
  max-width: 1440px !important;
}

body.nq-member-body.nq-legacy-shell .nq-client-home-shell .nq-dash-quick-grid a,
body.nq-member-body.nq-legacy-shell .nq-client-home-shell .nq-dash-quick-add {
  align-items: center !important;
  background: #fff !important;
  border: 1px solid #edf1f7 !important;
  border-radius: 3px !important;
  color: #64748b !important;
  display: flex !important;
  font-size: 13px !important;
  gap: 8px !important;
  height: 36px !important;
  justify-content: flex-start !important;
  padding: 0 14px !important;
  text-decoration: none !important;
}

body.nq-member-body.nq-legacy-shell .nq-client-home-shell .nq-dash-quick-grid a i {
  color: #d0d5dd !important;
  font-size: 12px !important;
}

body.nq-member-body.nq-legacy-shell .nq-client-home-shell .nq-dash-quick-add {
  border-style: dashed !important;
  max-width: 360px !important;
}

body.nq-member-body.nq-legacy-shell .nq-client-home-shell .nq-dash-stat-grid {
  display: grid !important;
  gap: 16px !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  margin-bottom: 20px !important;
}

body.nq-member-body.nq-legacy-shell .nq-client-home-shell .nq-dash-stat-card {
  min-height: 142px !important;
  padding: 18px 20px !important;
}

body.nq-member-body.nq-legacy-shell .nq-client-home-shell .nq-dash-stat-head {
  margin-bottom: 12px !important;
}

body.nq-member-body.nq-legacy-shell .nq-client-home-shell .nq-dash-stat-head span {
  border-top: 3px solid #1769ff !important;
  color: #667085 !important;
  display: inline-block !important;
  padding-top: 8px !important;
}

body.nq-member-body.nq-legacy-shell .nq-client-home-shell .nq-dash-stat-card:nth-child(2) .nq-dash-stat-head span {
  border-top-color: #ff9f1a !important;
}

body.nq-member-body.nq-legacy-shell .nq-client-home-shell .nq-dash-stat-card:nth-child(3) .nq-dash-stat-head span {
  border-top-color: #12b76a !important;
}

body.nq-member-body.nq-legacy-shell .nq-client-home-shell .nq-dash-stat-card:nth-child(4) .nq-dash-stat-head span {
  border-top-color: #f04438 !important;
}

body.nq-member-body.nq-legacy-shell .nq-client-home-shell .nq-dash-stat-card > strong {
  font-size: 28px !important;
  margin-bottom: 16px !important;
}

body.nq-member-body.nq-legacy-shell .nq-client-home-shell .nq-dash-stat-card > strong:after {
  color: #64748b !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  margin-left: 5px !important;
}

body.nq-member-body.nq-legacy-shell .nq-client-home-shell .nq-dash-stat-card:nth-child(2) > strong:after,
body.nq-member-body.nq-legacy-shell .nq-client-home-shell .nq-dash-stat-card:nth-child(4) > strong:after {
  content: "\6761" !important;
}

body.nq-member-body.nq-legacy-shell .nq-client-home-shell .nq-dash-stat-card:nth-child(3) > strong:after {
  content: "\53F0" !important;
}

body.nq-member-body.nq-legacy-shell .nq-client-home-shell .nq-dash-card {
  border-radius: 3px !important;
  margin-bottom: 20px !important;
}

body.nq-member-body.nq-legacy-shell .nq-client-home-shell .nq-dash-card .card-body {
  padding: 18px !important;
}

body.nq-member-body.nq-legacy-shell .nq-client-home-shell .nq-dash-product-grid {
  display: grid !important;
  gap: 10px !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

body.nq-member-body.nq-legacy-shell .nq-client-home-shell .nq-dash-product {
  background: #fff !important;
  height: 42px !important;
}

body.nq-member-body.nq-legacy-shell .nq-client-home-shell .nq-resource-list {
  min-height: 320px !important;
}

body.nq-member-body.nq-legacy-shell .nq-client-home-shell .nq-profile-card .card-body {
  padding: 26px 22px !important;
}

body.nq-member-body.nq-legacy-shell .nq-client-home-shell .nq-profile-head {
  align-items: center !important;
  border-bottom: 1px solid #edf1f7 !important;
  gap: 14px !important;
  padding-bottom: 18px !important;
}

body.nq-member-body.nq-legacy-shell .nq-client-home-shell .nq-profile-avatar {
  border-radius: 3px !important;
  height: 58px !important;
  width: 58px !important;
}

body.nq-member-body.nq-legacy-shell .nq-client-home-shell .nq-profile-sub {
  background: #f3f6fb !important;
  border-radius: 2px !important;
  color: #8b95a5 !important;
  display: inline-block !important;
  font-size: 12px !important;
  margin-top: 6px !important;
  padding: 2px 8px !important;
}

body.nq-member-body.nq-legacy-shell .nq-client-home-shell .nq-profile-sub:before {
  content: "\672A\8BA4\8BC1" !important;
}

body.nq-member-body.nq-legacy-shell .nq-client-home-shell .nq-profile-sub {
  font-size: 0 !important;
}

body.nq-member-body.nq-legacy-shell .nq-client-home-shell .nq-profile-sub:before {
  font-size: 12px !important;
}

body.nq-member-body.nq-legacy-shell .nq-client-home-shell .nq-profile-lines {
  gap: 14px !important;
  margin-top: 18px !important;
}

body.nq-member-body.nq-legacy-shell .nq-client-home-shell .nq-profile-lines div {
  border: 0 !important;
  padding: 0 !important;
}

body.nq-member-body.nq-legacy-shell .nq-client-home-shell .nq-balance-box {
  align-items: flex-start !important;
  display: flex !important;
  justify-content: space-between !important;
}

body.nq-member-body.nq-legacy-shell .nq-client-home-shell .nq-balance-box strong {
  color: #111827 !important;
  font-size: 24px !important;
}

body.nq-member-body.nq-legacy-shell .nq-client-home-shell .nq-finance-row a {
  background: #f7f8fb !important;
  border: 0 !important;
}

body.nq-member-body.nq-legacy-shell .nq-client-home-shell .nq-ticket-line {
  align-items: center !important;
  color: #344054 !important;
  display: flex !important;
  gap: 10px !important;
  min-height: 34px !important;
  text-decoration: none !important;
}

body.nq-member-body.nq-legacy-shell .nq-client-home-shell .nq-ticket-line span {
  background: #eef8cf !important;
  color: #71940f !important;
  font-size: 12px !important;
  padding: 3px 7px !important;
}

body.nq-member-body.nq-legacy-shell .nq-client-home-shell .nq-ticket-line strong {
  font-size: 13px !important;
  font-weight: 500 !important;
}

@media (max-width: 1680px) {
  body.nq-member-body.nq-legacy-shell .nq-client-home-shell .nq-dash-grid-unified {
    grid-template-columns: minmax(0, 1fr) 320px !important;
  }
}

@media (max-width: 1280px) {
  body.nq-member-body.nq-legacy-shell .nq-client-home-shell .nq-dash-grid-unified,
  body.nq-member-body.nq-legacy-shell .nq-client-home-shell .nq-dash-stat-grid,
  body.nq-member-body.nq-legacy-shell .nq-client-home-shell .nq-dash-product-grid {
    grid-template-columns: 1fr !important;
  }

  body.nq-member-body.nq-legacy-shell .nq-client-home-shell .nq-dash-side-unified {
    display: grid !important;
    grid-template-columns: 1fr !important;
  }

  body.nq-member-body.nq-legacy-shell .nq-client-home-shell .nq-dash-quick-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

/* shell-final41: absolute final customer-center shell geometry override. */
body.nq-member-body.nq-legacy-shell {
  --nq-member-sidebar-width: 220px !important;
  --nq-member-topbar-height: 50px !important;
}

body.nq-member-body.nq-legacy-shell #page-topbar {
  height: var(--nq-member-topbar-height) !important;
  left: var(--nq-member-sidebar-width) !important;
  min-height: var(--nq-member-topbar-height) !important;
  right: 0 !important;
  width: auto !important;
}

body.nq-member-body.nq-legacy-shell .navbar-header,
body.nq-member-body.nq-legacy-shell .navbar-header > .d-flex,
body.nq-member-body.nq-legacy-shell .navbar-header .dropdown,
body.nq-member-body.nq-legacy-shell .navbar-header .header-item,
body.nq-member-body.nq-legacy-shell .navbar-header .btn.header-item {
  height: var(--nq-member-topbar-height) !important;
  line-height: var(--nq-member-topbar-height) !important;
  min-height: var(--nq-member-topbar-height) !important;
}

body.nq-member-body.nq-legacy-shell .navbar-header {
  align-items: center !important;
  padding: 0 24px !important;
}

body.nq-member-body.nq-legacy-shell .navbar-brand-box,
body[data-sidebar=dark].nq-member-body.nq-legacy-shell .navbar-brand-box {
  flex: 0 0 var(--nq-member-sidebar-width) !important;
  max-width: var(--nq-member-sidebar-width) !important;
  min-width: var(--nq-member-sidebar-width) !important;
  width: var(--nq-member-sidebar-width) !important;
}

body.nq-member-body.nq-legacy-shell .vertical-menu,
body[data-sidebar=dark].nq-member-body.nq-legacy-shell .vertical-menu {
  height: calc(100vh - var(--nq-member-topbar-height)) !important;
  top: var(--nq-member-topbar-height) !important;
  width: var(--nq-member-sidebar-width) !important;
}

body.nq-member-body.nq-legacy-shell .main-content {
  margin-left: var(--nq-member-sidebar-width) !important;
  padding-top: 0 !important;
}

body.nq-member-body.nq-legacy-shell .page-content {
  padding-top: calc(var(--nq-member-topbar-height) + 20px) !important;
}

body.nq-member-body.nq-legacy-shell .footer,
body.nq-member-body.nq-legacy-shell .nq-member-footer {
  left: var(--nq-member-sidebar-width) !important;
  margin-left: 0 !important;
  right: 0 !important;
  width: auto !important;
}

@media (max-width: 992px) {
  body.nq-member-body.nq-legacy-shell #page-topbar,
  body.nq-member-body.nq-legacy-shell .footer,
  body.nq-member-body.nq-legacy-shell .nq-member-footer {
    left: 0 !important;
  }

  body.nq-member-body.nq-legacy-shell .main-content {
    margin-left: 0 !important;
  }
}

/* shell-final40: restore reference customer-center shell geometry after final39. */
body.nq-member-body.nq-legacy-shell {
  --nq-member-sidebar-width: 220px !important;
  --nq-member-topbar-height: 50px !important;
}

body.nq-member-body.nq-legacy-shell #page-topbar {
  height: var(--nq-member-topbar-height) !important;
  left: var(--nq-member-sidebar-width) !important;
  min-height: var(--nq-member-topbar-height) !important;
  right: 0 !important;
  width: auto !important;
}

body.nq-member-body.nq-legacy-shell .navbar-header,
body.nq-member-body.nq-legacy-shell .navbar-header > .d-flex,
body.nq-member-body.nq-legacy-shell .navbar-header .dropdown,
body.nq-member-body.nq-legacy-shell .navbar-header .header-item,
body.nq-member-body.nq-legacy-shell .navbar-header .btn.header-item {
  height: var(--nq-member-topbar-height) !important;
  line-height: var(--nq-member-topbar-height) !important;
  min-height: var(--nq-member-topbar-height) !important;
}

body.nq-member-body.nq-legacy-shell .navbar-header {
  align-items: center !important;
  padding: 0 24px !important;
}

body.nq-member-body.nq-legacy-shell .navbar-brand-box,
body[data-sidebar=dark].nq-member-body.nq-legacy-shell .navbar-brand-box {
  flex: 0 0 var(--nq-member-sidebar-width) !important;
  max-width: var(--nq-member-sidebar-width) !important;
  min-width: var(--nq-member-sidebar-width) !important;
  width: var(--nq-member-sidebar-width) !important;
}

body.nq-member-body.nq-legacy-shell .vertical-menu,
body[data-sidebar=dark].nq-member-body.nq-legacy-shell .vertical-menu {
  height: calc(100vh - var(--nq-member-topbar-height)) !important;
  top: var(--nq-member-topbar-height) !important;
  width: var(--nq-member-sidebar-width) !important;
}

body.nq-member-body.nq-legacy-shell .main-content {
  margin-left: var(--nq-member-sidebar-width) !important;
  padding-top: 0 !important;
}

body.nq-member-body.nq-legacy-shell .page-content {
  padding-top: calc(var(--nq-member-topbar-height) + 20px) !important;
}

body.nq-member-body.nq-legacy-shell .footer,
body.nq-member-body.nq-legacy-shell .nq-member-footer {
  left: var(--nq-member-sidebar-width) !important;
  margin-left: 0 !important;
  right: 0 !important;
  width: auto !important;
}

@media (max-width: 992px) {
  body.nq-member-body.nq-legacy-shell #page-topbar,
  body.nq-member-body.nq-legacy-shell .footer,
  body.nq-member-body.nq-legacy-shell .nq-member-footer {
    left: 0 !important;
  }

  body.nq-member-body.nq-legacy-shell .main-content {
    margin-left: 0 !important;
  }
}

/* shell-final37: keep the member chrome on one static geometry. */
body.nq-member-body.nq-legacy-shell {
  --nq-member-sidebar-width: 176px;
  --nq-member-topbar-height: 64px;
}

body.nq-member-body.nq-legacy-shell #page-topbar {
  left: var(--nq-member-sidebar-width) !important;
  min-height: var(--nq-member-topbar-height) !important;
}

body.nq-member-body.nq-legacy-shell .navbar-header {
  height: var(--nq-member-topbar-height) !important;
  min-height: var(--nq-member-topbar-height) !important;
  padding-left: 24px !important;
  padding-right: 24px !important;
}

body.nq-member-body.nq-legacy-shell .navbar-brand-box,
body.nq-member-body.nq-legacy-shell .vertical-menu {
  width: var(--nq-member-sidebar-width) !important;
}

body.nq-member-body.nq-legacy-shell .vertical-menu {
  top: var(--nq-member-topbar-height) !important;
}

body.nq-member-body.nq-legacy-shell .main-content {
  margin-left: var(--nq-member-sidebar-width) !important;
}

body.nq-member-body.nq-legacy-shell .page-content {
  padding-top: calc(var(--nq-member-topbar-height) + 20px) !important;
}

body.nq-member-body.nq-legacy-shell .footer {
  left: var(--nq-member-sidebar-width) !important;
  padding-left: 28px !important;
  padding-right: 28px !important;
}

body.nq-member-body.nq-legacy-shell #sidebar-menu .has-arrow {
  align-items: center !important;
  display: flex !important;
  padding-right: 32px !important;
}

body.nq-member-body.nq-legacy-shell #sidebar-menu .has-arrow::after {
  align-items: center !important;
  display: inline-flex !important;
  float: none !important;
  font-size: 16px !important;
  height: 16px !important;
  justify-content: center !important;
  line-height: 16px !important;
  margin-top: -8px !important;
  position: absolute !important;
  right: 14px !important;
  top: 50% !important;
  width: 16px !important;
}

body.nq-member-body.nq-legacy-shell table .bx-caret-up,
body.nq-member-body.nq-legacy-shell table .bx-caret-down,
body.nq-member-body.nq-legacy-shell table .nq-sort-arrow {
  position: static !important;
  transform: none !important;
}

@media (max-width: 991.98px) {
  body.nq-member-body.nq-legacy-shell #page-topbar,
  body.nq-member-body.nq-legacy-shell .footer {
    left: 0 !important;
  }

  body.nq-member-body.nq-legacy-shell .main-content {
    margin-left: 0 !important;
  }
}

/* shell-final37: final member chrome pass for sidebar gap, topbar alignment, and table icons. */
body.nq-member-body.nq-legacy-shell #sidebar-menu,
body.nq-member-body.nq-legacy-shell #side-menu,
body.nq-member-body.nq-legacy-shell .vertical-menu .simplebar-content,
body.nq-member-body.nq-legacy-shell .vertical-menu .simplebar-content-wrapper,
body.nq-member-body.nq-legacy-shell .vertical-menu .simplebar-mask,
body.nq-member-body.nq-legacy-shell .vertical-menu .simplebar-offset,
body.nq-member-body.nq-legacy-shell .vertical-menu .simplebar-wrapper {
  margin-top: 0 !important;
  padding-top: 0 !important;
  top: 0 !important;
}

body.nq-member-body.nq-legacy-shell #side-menu {
  padding: 0 8px 68px !important;
}

body.nq-member-body.nq-legacy-shell .navbar-header {
  align-items: center !important;
  display: flex !important;
  height: var(--nq-member-topbar-height) !important;
  max-height: var(--nq-member-topbar-height) !important;
  min-height: var(--nq-member-topbar-height) !important;
}

body.nq-member-body.nq-legacy-shell .navbar-header .navbar-brand-box,
body.nq-member-body.nq-legacy-shell .navbar-header .nq-member-quicknav,
body.nq-member-body.nq-legacy-shell .navbar-header .nq-member-rightnav,
body.nq-member-body.nq-legacy-shell .navbar-header > .d-flex,
body.nq-member-body.nq-legacy-shell .navbar-header .dropdown,
body.nq-member-body.nq-legacy-shell .navbar-header .header-item,
body.nq-member-body.nq-legacy-shell .navbar-header .btn.header-item {
  align-items: center !important;
  display: inline-flex !important;
  height: var(--nq-member-topbar-height) !important;
  line-height: var(--nq-member-topbar-height) !important;
  max-height: var(--nq-member-topbar-height) !important;
  min-height: var(--nq-member-topbar-height) !important;
}

body.nq-member-body.nq-legacy-shell .navbar-header > .d-flex:last-child {
  flex: 1 1 auto !important;
  justify-content: flex-end !important;
}

body.nq-member-body.nq-legacy-shell table .bx-caret-up,
body.nq-member-body.nq-legacy-shell table .bx-caret-down {
  color: #98a2b3 !important;
  font-family: "remixicon" !important;
  font-size: 12px !important;
  height: 12px !important;
  line-height: 12px !important;
  margin: 0 0 0 2px !important;
  padding: 0 !important;
  text-indent: 0 !important;
  width: 12px !important;
}

body.nq-member-body.nq-legacy-shell table .bx-caret-up::before {
  content: "\ea78" !important;
  font-family: "remixicon" !important;
}

body.nq-member-body.nq-legacy-shell table .bx-caret-down::before {
  content: "\ea4e" !important;
  font-family: "remixicon" !important;
}

body.nq-member-body.nq-legacy-shell table .nq-sort-arrow {
  display: none !important;
}

@media (max-width: 992px) {
  body.nq-member-body.nq-legacy-shell .navbar-header > .d-flex:first-child {
    flex: 1 1 auto !important;
    width: auto !important;
  }

  body.nq-member-body.nq-legacy-shell #vertical-menu-btn {
    display: inline-flex !important;
  }
}

/* 2026-07-06 shell-final18: tighten header parity and remove duplicated legacy chrome. */
body.nq-member-body.nq-legacy-shell .navbar-brand-box,
body[data-sidebar=dark].nq-member-body.nq-legacy-shell .navbar-brand-box {
  flex: 0 0 102px !important;
  min-width: 102px !important;
  width: 102px !important;
}

body.nq-member-body.nq-legacy-shell .navbar-brand-box .logo-light {
  display: none !important;
}

body.nq-member-body.nq-legacy-shell .navbar-brand-box .logo-dark,
body.nq-member-body.nq-legacy-shell .navbar-brand-box .logo-dark .logo-lg {
  align-items: center !important;
  display: flex !important;
  height: var(--nq-member-topbar-height) !important;
  justify-content: flex-start !important;
  width: 102px !important;
}

body.nq-member-body.nq-legacy-shell .navbar-brand-box .logo-dark img {
  display: block !important;
  height: 28px !important;
  max-width: 102px !important;
  object-fit: contain !important;
  width: auto !important;
}

body.nq-member-body.nq-legacy-shell .nq-member-quicknav {
  margin-left: 29px !important;
}

body.nq-member-body.nq-legacy-shell .footer,
body.nq-member-body.nq-legacy-shell .nq-member-footer {
  display: none !important;
}

/* 2026-07-06 shell-final20: keep ajax table icons independent from legacy icon fonts. */
body.nq-member-body.nq-legacy-shell .bg-light th.pointer .text-black-50 {
  align-items: center !important;
  display: inline-flex !important;
  flex-direction: column !important;
  gap: 2px !important;
  height: 14px !important;
  margin-left: 6px !important;
  opacity: 1 !important;
  vertical-align: middle !important;
  width: 8px !important;
}

body.nq-member-body.nq-legacy-shell .bg-light th.pointer .bx-caret-up,
body.nq-member-body.nq-legacy-shell .bg-light th.pointer .bx-caret-down,
body.nq-member-body.nq-legacy-shell .bg-light th.pointer .ri-arrow-up-s-fill,
body.nq-member-body.nq-legacy-shell .bg-light th.pointer .ri-arrow-down-s-fill {
  color: #c4c9d4;
  display: block !important;
  font-family: Arial, sans-serif !important;
  font-size: 0 !important;
  height: 0 !important;
  line-height: 0 !important;
  margin: 0 !important;
  opacity: 1 !important;
  overflow: hidden !important;
  width: 0 !important;
}

body.nq-member-body.nq-legacy-shell .bg-light th.pointer .bx-caret-up::before,
body.nq-member-body.nq-legacy-shell .bg-light th.pointer .ri-arrow-up-s-fill::before {
  border-bottom: 4px solid currentColor;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  content: "" !important;
  display: block;
  height: 0;
  width: 0;
}

body.nq-member-body.nq-legacy-shell .bg-light th.pointer .bx-caret-down::before,
body.nq-member-body.nq-legacy-shell .bg-light th.pointer .ri-arrow-down-s-fill::before {
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid currentColor;
  content: "" !important;
  display: block;
  height: 0;
  width: 0;
}

body.nq-member-body.nq-legacy-shell .navbar-header > .d-flex:last-child {
  min-width: 0 !important;
}

body.nq-member-body.nq-legacy-shell .nq-member-rightnav + .d-flex,
body.nq-member-body.nq-legacy-shell .nq-member-rightnav ~ .d-flex {
  align-items: center !important;
}

/* 2026-07-06 shell-final21: single authoritative legacy shell geometry. */
body.nq-member-body.nq-legacy-shell {
  --nq-member-sidebar-width: 220px;
  --nq-member-topbar-height: 50px;
  background: #f5f7fb !important;
}

body.nq-member-body.nq-legacy-shell #page-topbar {
  background: #fff !important;
  border-bottom: 1px solid #edf1f7 !important;
  box-shadow: none !important;
  height: var(--nq-member-topbar-height) !important;
  left: 0 !important;
  min-height: var(--nq-member-topbar-height) !important;
  position: fixed !important;
  right: 0 !important;
  top: 0 !important;
  width: 100% !important;
  z-index: 1002 !important;
}

body.nq-member-body.nq-legacy-shell .navbar-header {
  align-items: center !important;
  display: flex !important;
  height: var(--nq-member-topbar-height) !important;
  justify-content: space-between !important;
  min-height: var(--nq-member-topbar-height) !important;
  padding: 0 18px !important;
}

body.nq-member-body.nq-legacy-shell .navbar-header > .d-flex:first-child {
  align-items: center !important;
  flex: 0 1 auto !important;
  gap: 18px !important;
  min-width: 0 !important;
  width: auto !important;
}

body.nq-member-body.nq-legacy-shell .navbar-header > .d-flex:last-child {
  align-items: center !important;
  display: flex !important;
  flex: 1 1 auto !important;
  gap: 8px !important;
  justify-content: flex-end !important;
  min-height: var(--nq-member-topbar-height) !important;
  min-width: 0 !important;
}

body.nq-member-body.nq-legacy-shell .navbar-brand-box,
body[data-sidebar=dark].nq-member-body.nq-legacy-shell .navbar-brand-box {
  align-items: center !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  display: flex !important;
  flex: 0 0 112px !important;
  height: var(--nq-member-topbar-height) !important;
  justify-content: flex-start !important;
  min-height: var(--nq-member-topbar-height) !important;
  min-width: 112px !important;
  padding: 0 !important;
  position: static !important;
  width: 112px !important;
}

body.nq-member-body.nq-legacy-shell .navbar-brand-box .logo,
body.nq-member-body.nq-legacy-shell .navbar-brand-box .logo-dark,
body.nq-member-body.nq-legacy-shell .navbar-brand-box .logo-dark .logo-lg {
  align-items: center !important;
  display: flex !important;
  height: var(--nq-member-topbar-height) !important;
  justify-content: flex-start !important;
  padding: 0 !important;
}

body.nq-member-body.nq-legacy-shell .navbar-brand-box .logo-light {
  display: none !important;
}

body.nq-member-body.nq-legacy-shell .navbar-brand-box .logo-dark img {
  display: block !important;
  height: 28px !important;
  max-width: 112px !important;
  object-fit: contain !important;
  width: auto !important;
}

body.nq-member-body.nq-legacy-shell .nq-member-quicknav {
  align-items: center !important;
  display: flex !important;
  flex: 0 1 auto !important;
  gap: 24px !important;
  height: var(--nq-member-topbar-height) !important;
  margin: 0 !important;
  min-width: 0 !important;
}

body.nq-member-body.nq-legacy-shell .nq-member-quicknav a,
body.nq-member-body.nq-legacy-shell .nq-member-quicknav a[href="/clientarea"] {
  align-items: center !important;
  background: transparent !important;
  border-radius: 0 !important;
  color: #344054 !important;
  display: inline-flex !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  height: var(--nq-member-topbar-height) !important;
  line-height: var(--nq-member-topbar-height) !important;
  padding: 0 !important;
  white-space: nowrap !important;
}

body.nq-member-body.nq-legacy-shell .nq-member-quicknav a:hover,
body.nq-member-body.nq-legacy-shell .nq-member-quicknav a.is-active {
  color: #1769ff !important;
  font-weight: 600 !important;
}

body.nq-member-body.nq-legacy-shell .nq-member-rightnav {
  align-items: center !important;
  display: flex !important;
  flex: 0 0 auto !important;
  gap: 2px !important;
  height: 36px !important;
  margin: 0 8px 0 0 !important;
  min-width: 0 !important;
}

body.nq-member-body.nq-legacy-shell .nq-member-rightnav a {
  align-items: center !important;
  color: #344054 !important;
  display: inline-flex !important;
  font-size: 14px !important;
  height: 36px !important;
  line-height: 36px !important;
  padding: 0 9px !important;
  white-space: nowrap !important;
}

body.nq-member-body.nq-legacy-shell .navbar-header .dropdown,
body.nq-member-body.nq-legacy-shell .navbar-header .header-item,
body.nq-member-body.nq-legacy-shell .navbar-header .nq-member-rightnav + .d-flex,
body.nq-member-body.nq-legacy-shell .navbar-header .nq-member-rightnav ~ .d-flex {
  align-items: center !important;
  display: inline-flex !important;
  height: 36px !important;
  line-height: 36px !important;
}

body.nq-member-body.nq-legacy-shell #vertical-menu-btn {
  align-items: center !important;
  display: none !important;
  height: var(--nq-member-topbar-height) !important;
  justify-content: center !important;
}

body.nq-member-body.nq-legacy-shell .vertical-menu,
body[data-sidebar=dark].nq-member-body.nq-legacy-shell .vertical-menu {
  background: #fff !important;
  border-right: 1px solid #edf1f7 !important;
  bottom: 0 !important;
  box-shadow: none !important;
  height: auto !important;
  left: 0 !important;
  margin: 0 !important;
  position: fixed !important;
  top: var(--nq-member-topbar-height) !important;
  width: var(--nq-member-sidebar-width) !important;
  z-index: 1001 !important;
}

body.nq-member-body.nq-legacy-shell .vertical-menu .nq-sidebar-inner,
body.nq-member-body.nq-legacy-shell .vertical-menu .simplebar-content,
body.nq-member-body.nq-legacy-shell #sidebar-menu,
body.nq-member-body.nq-legacy-shell #side-menu {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

body.nq-member-body.nq-legacy-shell #side-menu {
  padding: 16px 18px 68px !important;
}

body.nq-member-body.nq-legacy-shell .main-content {
  margin-left: var(--nq-member-sidebar-width) !important;
  min-height: 100vh !important;
  padding-top: var(--nq-member-topbar-height) !important;
}

body.nq-member-body.nq-legacy-shell .page-content {
  padding: 22px 24px 32px !important;
}

body.nq-member-body.nq-legacy-shell .nq-productdetail-clone ~ .bottom-box #home1 .chartbox {
  box-sizing: border-box !important;
  min-height: 0 !important;
  padding: 0 12px 20px !important;
}

body.nq-member-body.nq-legacy-shell .nq-productdetail-clone ~ .bottom-box #home1 .module_chart {
  background: #fff !important;
  border: 1px solid #edf1f7 !important;
  border-radius: 4px !important;
  box-sizing: border-box !important;
  height: 330px !important;
  min-height: 330px !important;
  overflow: visible !important;
  padding: 16px !important;
}

body.nq-member-body.nq-legacy-shell .nq-productdetail-clone ~ .bottom-box #home1 .chart_content_box[id^="module_chart_"],
body.nq-member-body.nq-legacy-shell .nq-productdetail-clone ~ .bottom-box #home1 .chart_content_box,
body.nq-member-body.nq-legacy-shell .nq-productdetail-clone ~ .bottom-box #home1 canvas {
  height: 260px !important;
  max-height: 260px !important;
  min-height: 260px !important;
}

body.nq-member-body.nq-legacy-shell .footer,
body.nq-member-body.nq-legacy-shell .nq-member-footer {
  display: none !important;
}

body.nq-member-body.nq-legacy-shell .mdi,
body.nq-member-body.nq-legacy-shell .bx,
body.nq-member-body.nq-legacy-shell .fas,
body.nq-member-body.nq-legacy-shell .far,
body.nq-member-body.nq-legacy-shell .fa {
  align-items: center !important;
  display: inline-flex !important;
  justify-content: center !important;
  line-height: 1 !important;
}

@media (max-width: 1280px) {
  body.nq-member-body.nq-legacy-shell .nq-member-rightnav {
    display: none !important;
  }
}

@media (max-width: 992px) {
  body.nq-member-body.nq-legacy-shell #page-topbar {
    left: 0 !important;
  }

  body.nq-member-body.nq-legacy-shell .navbar-header > .d-flex:first-child {
    flex: 1 1 auto !important;
  }

  body.nq-member-body.nq-legacy-shell #vertical-menu-btn {
    display: inline-flex !important;
  }

  body.nq-member-body.nq-legacy-shell .vertical-menu {
    transform: translateX(-100%) !important;
  }

  body.nq-member-body.nq-legacy-shell.sidebar-enable .vertical-menu {
    transform: translateX(0) !important;
  }

  body.nq-member-body.nq-legacy-shell .main-content {
    margin-left: 0 !important;
  }

  body.nq-member-body.nq-legacy-shell .page-content {
    padding: 16px 14px 24px !important;
  }
}

/* shell-final24: compact authoritative member chrome, after all legacy imports. */
body.nq-member-body.nq-legacy-shell {
  --nq-member-sidebar-width: 220px;
  --nq-member-topbar-height: 50px;
}

body.nq-member-body.nq-legacy-shell #page-topbar {
  height: var(--nq-member-topbar-height) !important;
  left: 0 !important;
  min-height: var(--nq-member-topbar-height) !important;
  right: 0 !important;
  top: 0 !important;
}

body.nq-member-body.nq-legacy-shell .navbar-header {
  align-items: center !important;
  display: flex !important;
  height: var(--nq-member-topbar-height) !important;
  min-height: var(--nq-member-topbar-height) !important;
  padding: 0 18px !important;
}

body.nq-member-body.nq-legacy-shell .navbar-brand-box,
body[data-sidebar=dark].nq-member-body.nq-legacy-shell .navbar-brand-box {
  flex: 0 0 112px !important;
  height: var(--nq-member-topbar-height) !important;
  min-height: var(--nq-member-topbar-height) !important;
  min-width: 112px !important;
  position: static !important;
  width: 112px !important;
}

body.nq-member-body.nq-legacy-shell .navbar-brand-box .logo-dark img {
  height: 28px !important;
  max-width: 112px !important;
}

body.nq-member-body.nq-legacy-shell .vertical-menu,
body[data-sidebar=dark].nq-member-body.nq-legacy-shell .vertical-menu {
  height: calc(100vh - var(--nq-member-topbar-height)) !important;
  top: var(--nq-member-topbar-height) !important;
  width: var(--nq-member-sidebar-width) !important;
}

body.nq-member-body.nq-legacy-shell #sidebar-menu,
body.nq-member-body.nq-legacy-shell #side-menu,
body.nq-member-body.nq-legacy-shell .vertical-menu .simplebar-content {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

body.nq-member-body.nq-legacy-shell #side-menu {
  padding: 0 8px 68px !important;
}

body.nq-member-body.nq-legacy-shell #side-menu > li:first-child > a,
body.nq-member-body.nq-legacy-shell #sidebar-menu > ul > li:first-child > a {
  margin-top: 0 !important;
}

body.nq-member-body.nq-legacy-shell .main-content {
  margin-left: var(--nq-member-sidebar-width) !important;
  padding-top: var(--nq-member-topbar-height) !important;
}

body.nq-member-body.nq-legacy-shell .nq-member-rightnav {
  align-items: center !important;
  display: flex !important;
  height: 36px !important;
  margin-top: 0 !important;
}

body.nq-member-body.nq-legacy-shell .navbar-header .dropdown,
body.nq-member-body.nq-legacy-shell .navbar-header .header-item,
body.nq-member-body.nq-legacy-shell .navbar-header .btn.header-item {
  align-items: center !important;
  display: inline-flex !important;
  height: var(--nq-member-topbar-height) !important;
  justify-content: center !important;
  line-height: var(--nq-member-topbar-height) !important;
  margin-top: 0 !important;
}

body.nq-member-body.nq-legacy-shell .footer,
body.nq-member-body.nq-legacy-shell .nq-member-footer {
  display: none !important;
}

@media (max-width: 992px) {
  body.nq-member-body.nq-legacy-shell .vertical-menu {
    transform: translateX(-100%) !important;
  }

  body.nq-member-body.nq-legacy-shell.sidebar-enable .vertical-menu {
    transform: translateX(0) !important;
  }

  body.nq-member-body.nq-legacy-shell .main-content {
    margin-left: 0 !important;
  }
}

/* shell-final25: final unified customer-center chrome. */
body.nq-member-body.nq-legacy-shell {
  --nq-member-sidebar-width: 220px;
  --nq-member-topbar-height: 50px;
  background: #f5f7fb !important;
}

body.nq-member-body.nq-legacy-shell #page-topbar {
  background: #fff !important;
  border-bottom: 1px solid #edf1f7 !important;
  box-shadow: none !important;
  height: var(--nq-member-topbar-height) !important;
  left: 0 !important;
  min-height: var(--nq-member-topbar-height) !important;
  position: fixed !important;
  right: 0 !important;
  top: 0 !important;
  width: 100% !important;
  z-index: 1002 !important;
}

body.nq-member-body.nq-legacy-shell .navbar-header {
  align-items: center !important;
  display: flex !important;
  height: var(--nq-member-topbar-height) !important;
  justify-content: space-between !important;
  min-height: var(--nq-member-topbar-height) !important;
  padding: 0 18px !important;
}

body.nq-member-body.nq-legacy-shell .navbar-header > .d-flex:first-child {
  align-items: center !important;
  flex: 0 1 auto !important;
  gap: 18px !important;
  height: var(--nq-member-topbar-height) !important;
  min-width: 0 !important;
}

body.nq-member-body.nq-legacy-shell .navbar-header > .d-flex:last-child {
  align-items: center !important;
  display: flex !important;
  flex: 1 1 auto !important;
  gap: 8px !important;
  height: var(--nq-member-topbar-height) !important;
  justify-content: flex-end !important;
  min-width: 0 !important;
}

body.nq-member-body.nq-legacy-shell .navbar-brand-box,
body[data-sidebar=dark].nq-member-body.nq-legacy-shell .navbar-brand-box {
  align-items: center !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  display: flex !important;
  flex: 0 0 112px !important;
  height: var(--nq-member-topbar-height) !important;
  justify-content: flex-start !important;
  min-height: var(--nq-member-topbar-height) !important;
  min-width: 112px !important;
  padding: 0 !important;
  position: static !important;
  width: 112px !important;
}

body.nq-member-body.nq-legacy-shell .navbar-brand-box .logo,
body.nq-member-body.nq-legacy-shell .navbar-brand-box .logo-dark,
body.nq-member-body.nq-legacy-shell .navbar-brand-box .logo-dark .logo-lg {
  align-items: center !important;
  display: flex !important;
  height: var(--nq-member-topbar-height) !important;
  justify-content: flex-start !important;
}

body.nq-member-body.nq-legacy-shell .navbar-brand-box .logo-light,
body.nq-member-body.nq-legacy-shell .navbar-brand-box .logo-sm {
  display: none !important;
}

body.nq-member-body.nq-legacy-shell .navbar-brand-box .logo-dark img {
  display: block !important;
  height: 28px !important;
  max-width: 112px !important;
  object-fit: contain !important;
  width: auto !important;
}

body.nq-member-body.nq-legacy-shell .nq-member-quicknav {
  align-items: center !important;
  display: flex !important;
  gap: 24px !important;
  height: var(--nq-member-topbar-height) !important;
  margin: 0 !important;
  min-width: 0 !important;
  position: static !important;
}

body.nq-member-body.nq-legacy-shell .nq-member-quicknav a,
body.nq-member-body.nq-legacy-shell .nq-member-quicknav a[href="/clientarea"],
body.nq-member-body.nq-legacy-shell .nq-member-rightnav a {
  align-items: center !important;
  background: transparent !important;
  border-radius: 0 !important;
  color: #344054 !important;
  display: inline-flex !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  height: var(--nq-member-topbar-height) !important;
  line-height: var(--nq-member-topbar-height) !important;
  padding: 0 !important;
  white-space: nowrap !important;
}

body.nq-member-body.nq-legacy-shell .nq-member-quicknav a:hover,
body.nq-member-body.nq-legacy-shell .nq-member-quicknav a.is-active,
body.nq-member-body.nq-legacy-shell .nq-member-rightnav a:hover {
  color: #1769ff !important;
  font-weight: 600 !important;
}

body.nq-member-body.nq-legacy-shell .nq-member-rightnav {
  align-items: center !important;
  display: flex !important;
  gap: 22px !important;
  height: var(--nq-member-topbar-height) !important;
  margin: 0 12px 0 0 !important;
  min-width: 0 !important;
}

body.nq-member-body.nq-legacy-shell .navbar-header .dropdown,
body.nq-member-body.nq-legacy-shell .navbar-header .header-item,
body.nq-member-body.nq-legacy-shell .navbar-header .btn.header-item {
  align-items: center !important;
  display: inline-flex !important;
  height: var(--nq-member-topbar-height) !important;
  justify-content: center !important;
  line-height: var(--nq-member-topbar-height) !important;
  margin: 0 !important;
  padding-bottom: 0 !important;
  padding-top: 0 !important;
}

body.nq-member-body.nq-legacy-shell .navbar-header .header-item i,
body.nq-member-body.nq-legacy-shell .navbar-header .noti-icon i {
  margin-top: 0 !important;
}

body.nq-member-body.nq-legacy-shell #vertical-menu-btn {
  display: none !important;
}

body.nq-member-body.nq-legacy-shell .vertical-menu,
body[data-sidebar=dark].nq-member-body.nq-legacy-shell .vertical-menu {
  background: #fff !important;
  border-right: 1px solid #edf1f7 !important;
  bottom: 0 !important;
  box-shadow: none !important;
  height: auto !important;
  left: 0 !important;
  margin: 0 !important;
  overflow: hidden auto !important;
  position: fixed !important;
  top: var(--nq-member-topbar-height) !important;
  transform: none !important;
  width: var(--nq-member-sidebar-width) !important;
  z-index: 1001 !important;
}

body.nq-member-body.nq-legacy-shell .vertical-menu .nq-sidebar-inner,
body.nq-member-body.nq-legacy-shell .vertical-menu .simplebar-content,
body.nq-member-body.nq-legacy-shell #sidebar-menu,
body.nq-member-body.nq-legacy-shell #side-menu {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

body.nq-member-body.nq-legacy-shell #side-menu {
  padding: 8px 8px 68px !important;
}

body.nq-member-body.nq-legacy-shell #sidebar-menu ul li a {
  min-height: 36px !important;
}

body.nq-member-body.nq-legacy-shell .main-content {
  margin-left: var(--nq-member-sidebar-width) !important;
  min-height: 100vh !important;
  padding-top: var(--nq-member-topbar-height) !important;
}

body.nq-member-body.nq-legacy-shell .page-content {
  padding: 22px 24px 48px !important;
}

body.nq-member-body.nq-legacy-shell .page-content > .container-fluid,
body.nq-member-body.nq-legacy-shell .page-content > .container-fluid > .container-fluid {
  max-width: 1504px !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  width: 100% !important;
}

body.nq-member-body.nq-legacy-shell .footer,
body.nq-member-body.nq-legacy-shell .nq-member-footer {
  display: none !important;
}

body.nq-member-body.nq-legacy-shell .nq-client-home-shell #sourceListBox h1,
body.nq-member-body.nq-legacy-shell .nq-client-home-shell #sourceListBox h2,
body.nq-member-body.nq-legacy-shell .nq-client-home-shell #sourceListBox h3,
body.nq-member-body.nq-legacy-shell .nq-client-home-shell #sourceListBox h4,
body.nq-member-body.nq-legacy-shell .nq-client-home-shell #sourceListBox h5,
body.nq-member-body.nq-legacy-shell .nq-client-home-shell #sourceListBox .card-title,
body.nq-member-body.nq-legacy-shell .nq-client-home-shell #sourceListBox .table-title,
body.nq-member-body.nq-legacy-shell .nq-client-home-shell #sourceListBox .table-header-title,
body.nq-member-body.nq-legacy-shell .nq-client-home-shell #sourceListBox .table-card-title,
body.nq-member-body.nq-legacy-shell .nq-client-home-shell #sourceListBox [class*="title"] {
  display: none !important;
}

body.nq-member-body.nq-legacy-shell .mdi,
body.nq-member-body.nq-legacy-shell .bx,
body.nq-member-body.nq-legacy-shell .fas,
body.nq-member-body.nq-legacy-shell .far,
body.nq-member-body.nq-legacy-shell .fa {
  align-items: center !important;
  display: inline-flex !important;
  justify-content: center !important;
  line-height: 1 !important;
}

@media (max-width: 1280px) {
  body.nq-member-body.nq-legacy-shell .nq-member-rightnav {
    display: none !important;
  }
}

@media (max-width: 992px) {
  body.nq-member-body.nq-legacy-shell #vertical-menu-btn {
    display: inline-flex !important;
  }

  body.nq-member-body.nq-legacy-shell .vertical-menu {
    transform: translateX(-100%) !important;
  }

  body.nq-member-body.nq-legacy-shell.sidebar-enable .vertical-menu {
    transform: translateX(0) !important;
  }

  body.nq-member-body.nq-legacy-shell .main-content {
    margin-left: 0 !important;
  }

  body.nq-member-body.nq-legacy-shell .page-content {
    padding: 16px 14px 32px !important;
  }
}

/* shell-final27: keep one authoritative customer-center frame after all legacy patches. */
body.nq-member-body.nq-legacy-shell {
  --nq-member-sidebar-width: 220px;
  --nq-member-topbar-height: 50px;
  background: #f6f8fb !important;
}

body.nq-member-body.nq-legacy-shell #page-topbar,
body.nq-member-body.nq-legacy-shell .navbar-header,
body.nq-member-body.nq-legacy-shell .navbar-brand-box {
  height: var(--nq-member-topbar-height) !important;
  min-height: var(--nq-member-topbar-height) !important;
}

body.nq-member-body.nq-legacy-shell .navbar-header {
  align-items: center !important;
  display: flex !important;
  justify-content: space-between !important;
  padding: 0 16px !important;
}

body.nq-member-body.nq-legacy-shell .nq-member-quicknav,
body.nq-member-body.nq-legacy-shell .nq-member-rightnav,
body.nq-member-body.nq-legacy-shell .navbar-header > .d-flex {
  align-items: center !important;
  height: var(--nq-member-topbar-height) !important;
}

body.nq-member-body.nq-legacy-shell .nq-member-quicknav {
  display: flex !important;
  margin-left: 0 !important;
  position: static !important;
}

body.nq-member-body.nq-legacy-shell .nq-member-quicknav a {
  align-items: center !important;
  background: transparent !important;
  color: #1769ff !important;
  display: inline-flex !important;
  gap: 6px !important;
  height: var(--nq-member-topbar-height) !important;
  line-height: var(--nq-member-topbar-height) !important;
  padding: 0 !important;
}

body.nq-member-body.nq-legacy-shell .nq-member-rightnav {
  display: flex !important;
  gap: 22px !important;
  margin-right: 14px !important;
  order: 0 !important;
}

body.nq-member-body.nq-legacy-shell .nq-member-rightnav a {
  align-items: center !important;
  color: #344054 !important;
  display: inline-flex !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  height: var(--nq-member-topbar-height) !important;
  line-height: var(--nq-member-topbar-height) !important;
  white-space: nowrap !important;
}

body.nq-member-body.nq-legacy-shell .nq-member-rightnav a:hover {
  color: #1769ff !important;
}

body.nq-member-body.nq-legacy-shell .vertical-menu {
  bottom: 0 !important;
  height: calc(100vh - var(--nq-member-topbar-height)) !important;
  top: var(--nq-member-topbar-height) !important;
  width: var(--nq-member-sidebar-width) !important;
}

body.nq-member-body.nq-legacy-shell #sidebar-menu,
body.nq-member-body.nq-legacy-shell #side-menu,
body.nq-member-body.nq-legacy-shell .vertical-menu .nq-sidebar-inner {
  padding-top: 0 !important;
}

body.nq-member-body.nq-legacy-shell .vertical-menu .simplebar-content,
body.nq-member-body.nq-legacy-shell .vertical-menu .simplebar-content-wrapper {
  padding-top: 0 !important;
}

body.nq-member-body.nq-legacy-shell .main-content {
  margin-left: var(--nq-member-sidebar-width) !important;
  padding-top: var(--nq-member-topbar-height) !important;
}

body.nq-member-body.nq-legacy-shell .page-content {
  padding: 18px 24px 40px !important;
}

body.nq-member-body.nq-legacy-shell .nq-client-home-shell .nq-dash-pagebar,
body.nq-member-body.nq-legacy-shell .page-title-box {
  margin-top: 0 !important;
}

body.nq-member-body.nq-legacy-shell .footer,
body.nq-member-body.nq-legacy-shell .nq-member-footer {
  display: none !important;
  height: 0 !important;
  min-height: 0 !important;
  padding: 0 !important;
}

@media (max-width: 1280px) {
  body.nq-member-body.nq-legacy-shell .nq-member-rightnav {
    display: none !important;
  }
}

@media (max-width: 992px) {
  body.nq-member-body.nq-legacy-shell #page-topbar,
  body.nq-member-body.nq-legacy-shell .navbar-header {
    width: 100% !important;
  }

  body.nq-member-body.nq-legacy-shell .navbar-header {
    gap: 8px !important;
    padding: 0 12px !important;
  }

  body.nq-member-body.nq-legacy-shell .nq-member-quicknav,
  body.nq-member-body.nq-legacy-shell .nq-member-rightnav {
    display: none !important;
  }

  body.nq-member-body.nq-legacy-shell .navbar-brand-box {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    width: auto !important;
  }

  body.nq-member-body.nq-legacy-shell .navbar-brand-box .logo,
  body.nq-member-body.nq-legacy-shell .navbar-brand-box .logo img {
    max-width: 150px !important;
  }

  body.nq-member-body.nq-legacy-shell .navbar-header > .d-flex {
    flex: 0 0 auto !important;
    min-width: 0 !important;
  }

  body.nq-member-body.nq-legacy-shell #vertical-menu-btn {
    display: inline-flex !important;
  }

  body.nq-member-body.nq-legacy-shell .vertical-menu {
    transform: translateX(-100%) !important;
  }

  body.nq-member-body.nq-legacy-shell.sidebar-enable .vertical-menu {
    transform: translateX(0) !important;
  }

  body.nq-member-body.nq-legacy-shell .main-content {
    margin-left: 0 !important;
  }

  body.nq-member-body.nq-legacy-shell .page-content {
    padding: 14px 12px 28px !important;
  }
}

/* shell-final28: keep customer-center chrome and service charts aligned after all legacy rules. */
body.nq-member-body.nq-legacy-shell {
  --nq-member-sidebar-width: 220px;
  --nq-member-topbar-height: 50px;
}

body.nq-member-body.nq-legacy-shell #page-topbar,
body.nq-member-body.nq-legacy-shell .navbar-header {
  height: var(--nq-member-topbar-height) !important;
  min-height: var(--nq-member-topbar-height) !important;
}

body.nq-member-body.nq-legacy-shell .navbar-header {
  align-items: center !important;
  display: flex !important;
  padding-bottom: 0 !important;
  padding-top: 0 !important;
}

body.nq-member-body.nq-legacy-shell .navbar-header > .d-flex,
body.nq-member-body.nq-legacy-shell .navbar-header .dropdown,
body.nq-member-body.nq-legacy-shell .navbar-header .header-item,
body.nq-member-body.nq-legacy-shell .navbar-header .btn.header-item,
body.nq-member-body.nq-legacy-shell .navbar-header .nq-member-quicknav,
body.nq-member-body.nq-legacy-shell .navbar-header .nq-member-rightnav {
  align-items: center !important;
  height: var(--nq-member-topbar-height) !important;
  min-height: var(--nq-member-topbar-height) !important;
}

body.nq-member-body.nq-legacy-shell .navbar-header .header-item,
body.nq-member-body.nq-legacy-shell .navbar-header .btn.header-item,
body.nq-member-body.nq-legacy-shell .navbar-header .nq-member-quicknav a,
body.nq-member-body.nq-legacy-shell .navbar-header .nq-member-rightnav a {
  line-height: var(--nq-member-topbar-height) !important;
}

body.nq-member-body.nq-legacy-shell .navbar-header .noti-icon .badge,
body.nq-member-body.nq-legacy-shell .navbar-header .noti-dot,
body.nq-member-body.nq-legacy-shell .navbar-header .badge {
  line-height: 1 !important;
}

body.nq-member-body.nq-legacy-shell .vertical-menu,
body[data-sidebar=dark].nq-member-body.nq-legacy-shell .vertical-menu {
  bottom: 0 !important;
  height: calc(100vh - var(--nq-member-topbar-height)) !important;
  top: var(--nq-member-topbar-height) !important;
  width: var(--nq-member-sidebar-width) !important;
}

body.nq-member-body.nq-legacy-shell .vertical-menu .h-100,
body.nq-member-body.nq-legacy-shell .vertical-menu .simplebar-wrapper,
body.nq-member-body.nq-legacy-shell .vertical-menu .simplebar-mask,
body.nq-member-body.nq-legacy-shell .vertical-menu .simplebar-offset,
body.nq-member-body.nq-legacy-shell .vertical-menu .simplebar-content-wrapper,
body.nq-member-body.nq-legacy-shell .vertical-menu .simplebar-content,
body.nq-member-body.nq-legacy-shell #sidebar-menu,
body.nq-member-body.nq-legacy-shell #side-menu {
  margin-top: 0 !important;
  padding-top: 0 !important;
  top: 0 !important;
}

body.nq-member-body.nq-legacy-shell .main-content {
  margin-left: var(--nq-member-sidebar-width) !important;
  padding-top: var(--nq-member-topbar-height) !important;
}

body.nq-member-body.nq-legacy-shell .page-content {
  padding-top: 18px !important;
}

body.nq-member-body.nq-legacy-shell .nq-productdetail-clone ~ .bottom-box .chart_content_box[id^="module_chart_"],
body.nq-member-body.nq-legacy-shell .nq-productdetail-clone ~ .bottom-box #usedChartBox,
body.nq-member-body.nq-legacy-shell #home1 .chart_content_box[id^="module_chart_"],
body.nq-member-body.nq-legacy-shell #home1 #usedChartBox {
  display: block !important;
  height: 340px !important;
  max-height: 340px !important;
  min-height: 340px !important;
  width: 100% !important;
}

body.nq-member-body.nq-legacy-shell .chart_content_box[id^="module_chart_"] > div,
body.nq-member-body.nq-legacy-shell #usedChartBox > div {
  height: 340px !important;
  max-height: 340px !important;
  min-height: 340px !important;
}

body.nq-member-body.nq-legacy-shell #home1 .chart_content_box[id^="module_chart_"] canvas,
body.nq-member-body.nq-legacy-shell #home1 #usedChartBox canvas {
  height: 340px !important;
  max-height: 340px !important;
  min-height: 340px !important;
}

@media (max-width: 992px) {
  body.nq-member-body.nq-legacy-shell .main-content {
    margin-left: 0 !important;
  }

  body.nq-member-body.nq-legacy-shell .page-content {
    padding-top: 14px !important;
  }

  body.nq-member-body.nq-legacy-shell .vertical-menu {
    transform: translateX(-100%) !important;
  }

  body.nq-member-body.nq-legacy-shell.sidebar-enable .vertical-menu {
    transform: translateX(0) !important;
  }
}

/* shell-final30: stabilize late-loaded legacy icons and member chrome. */
body.nq-member-body.nq-legacy-shell #page-topbar {
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
}

body.nq-member-body.nq-legacy-shell .navbar-header {
  box-sizing: border-box !important;
  height: 50px !important;
  max-height: 50px !important;
  min-height: 50px !important;
  overflow: visible !important;
}

body.nq-member-body.nq-legacy-shell .navbar-brand-box,
body[data-sidebar=dark].nq-member-body.nq-legacy-shell .navbar-brand-box {
  flex: 0 0 var(--nq-member-sidebar-width) !important;
  height: 50px !important;
  max-height: 50px !important;
  min-height: 50px !important;
  width: var(--nq-member-sidebar-width) !important;
}

body.nq-member-body.nq-legacy-shell .navbar-header .logo,
body.nq-member-body.nq-legacy-shell .navbar-header .logo span,
body.nq-member-body.nq-legacy-shell .navbar-header .logo img,
body.nq-member-body.nq-legacy-shell .navbar-header .dropdown,
body.nq-member-body.nq-legacy-shell .navbar-header .header-item,
body.nq-member-body.nq-legacy-shell .navbar-header .btn.header-item,
body.nq-member-body.nq-legacy-shell .navbar-header .nq-member-quicknav,
body.nq-member-body.nq-legacy-shell .navbar-header .nq-member-rightnav,
body.nq-member-body.nq-legacy-shell .navbar-header .nq-member-rightnav a {
  align-items: center !important;
  display: inline-flex !important;
  height: 50px !important;
  line-height: 50px !important;
  max-height: 50px !important;
  min-height: 50px !important;
}

body.nq-member-body.nq-legacy-shell .vertical-menu,
body[data-sidebar=dark].nq-member-body.nq-legacy-shell .vertical-menu {
  top: 50px !important;
  height: calc(100vh - 50px) !important;
}

body.nq-member-body.nq-legacy-shell .bx-caret-up,
body.nq-member-body.nq-legacy-shell .bx-caret-down,
body.nq-member-body.nq-legacy-shell .bx-search-alt.search-icon {
  align-items: center !important;
  display: inline-flex !important;
  font-size: 14px !important;
  justify-content: center !important;
  line-height: 1 !important;
}

body.nq-member-body.nq-legacy-shell .bx-caret-up::before,
body.nq-member-body.nq-legacy-shell .bx-caret-down::before,
body.nq-member-body.nq-legacy-shell .bx-search-alt.search-icon::before {
  display: inline-block !important;
  font-family: "remixicon" !important;
  font-style: normal !important;
  font-weight: normal !important;
  line-height: 1 !important;
  opacity: 1 !important;
  text-rendering: auto !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
}

body.nq-member-body.nq-legacy-shell .bx-caret-up::before {
  content: "\ea78" !important;
}

body.nq-member-body.nq-legacy-shell .bx-caret-down::before {
  content: "\ea4e" !important;
}

body.nq-member-body.nq-legacy-shell .bx-search-alt.search-icon::before {
  content: "\f0d1" !important;
}

body.nq-member-body.nq-legacy-shell th.pointer .bx-caret-up,
body.nq-member-body.nq-legacy-shell th.pointer .bx-caret-down,
body.nq-member-body.nq-legacy-shell .bg-light th.pointer .bx-caret-up,
body.nq-member-body.nq-legacy-shell .bg-light th.pointer .bx-caret-down {
  border: 0 !important;
  display: inline-flex !important;
  font-family: "remixicon" !important;
  font-size: 14px !important;
  height: 12px !important;
  line-height: 12px !important;
  margin: 0 !important;
  padding: 0 !important;
  width: 14px !important;
}

body.nq-member-body.nq-legacy-shell th.pointer .bx-caret-up::before,
body.nq-member-body.nq-legacy-shell .bg-light th.pointer .bx-caret-up::before {
  border: 0 !important;
  content: "\ea78" !important;
  display: inline-block !important;
  font-family: "remixicon" !important;
  height: auto !important;
  width: auto !important;
}

body.nq-member-body.nq-legacy-shell th.pointer .bx-caret-down::before,
body.nq-member-body.nq-legacy-shell .bg-light th.pointer .bx-caret-down::before {
  border: 0 !important;
  content: "\ea4e" !important;
  display: inline-block !important;
  font-family: "remixicon" !important;
  height: auto !important;
  width: auto !important;
}

body.nq-member-body.nq-legacy-shell .search-box .bx-search-alt.search-icon::before,
body.nq-member-body.nq-legacy-shell .position-relative > .bx-search-alt.search-icon::before {
  background: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  content: "\f0d1" !important;
  display: inline-block !important;
  font-family: "remixicon" !important;
  height: auto !important;
  left: auto !important;
  position: static !important;
  top: auto !important;
  width: auto !important;
}

body.nq-member-body.nq-legacy-shell .search-box .bx-search-alt.search-icon::after,
body.nq-member-body.nq-legacy-shell .position-relative > .bx-search-alt.search-icon::after {
  display: none !important;
}

body.nq-member-body.nq-legacy-shell .nq-sort-arrow {
  border: 0 !important;
  color: inherit;
  display: block !important;
  font-family: Arial, sans-serif !important;
  font-size: 9px !important;
  height: 8px !important;
  line-height: 8px !important;
  margin: 0 !important;
  padding: 0 !important;
  width: 10px !important;
}

body.nq-member-body.nq-legacy-shell .nq-sort-arrow::before,
body.nq-member-body.nq-legacy-shell .nq-sort-arrow::after {
  content: none !important;
  display: none !important;
}

/* shell-final33: keep topbar, logo block, sidebar, and content on one grid. */
body.nq-member-body.nq-legacy-shell {
  --nq-member-sidebar-width: 220px !important;
  --nq-member-topbar-height: 50px !important;
}

body.nq-member-body.nq-legacy-shell #page-topbar {
  height: var(--nq-member-topbar-height) !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
}

body.nq-member-body.nq-legacy-shell .navbar-brand-box,
body[data-sidebar=dark].nq-member-body.nq-legacy-shell .navbar-brand-box {
  flex: 0 0 var(--nq-member-sidebar-width) !important;
  min-width: var(--nq-member-sidebar-width) !important;
  width: var(--nq-member-sidebar-width) !important;
}

body.nq-member-body.nq-legacy-shell .vertical-menu,
body[data-sidebar=dark].nq-member-body.nq-legacy-shell .vertical-menu {
  top: var(--nq-member-topbar-height) !important;
  height: calc(100vh - var(--nq-member-topbar-height)) !important;
  width: var(--nq-member-sidebar-width) !important;
}

body.nq-member-body.nq-legacy-shell .main-content {
  margin-left: var(--nq-member-sidebar-width) !important;
  padding-top: var(--nq-member-topbar-height) !important;
}

body.nq-member-body.nq-legacy-shell .navbar-header,
body.nq-member-body.nq-legacy-shell .navbar-header > .d-flex,
body.nq-member-body.nq-legacy-shell .navbar-header .dropdown,
body.nq-member-body.nq-legacy-shell .navbar-header .header-item,
body.nq-member-body.nq-legacy-shell .navbar-header .btn.header-item {
  align-items: center !important;
  height: var(--nq-member-topbar-height) !important;
  min-height: var(--nq-member-topbar-height) !important;
}

body.nq-member-body.nq-legacy-shell .navbar-header .noti-icon i,
body.nq-member-body.nq-legacy-shell .navbar-header .header-item i {
  margin-top: 0 !important;
}

@media (max-width: 992px) {
  body.nq-member-body.nq-legacy-shell .navbar-brand-box,
  body[data-sidebar=dark].nq-member-body.nq-legacy-shell .navbar-brand-box {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    width: auto !important;
  }

  body.nq-member-body.nq-legacy-shell .main-content {
    margin-left: 0 !important;
  }
}

/* shell-final34: single authoritative member-center chrome geometry. */
body.nq-member-body.nq-legacy-shell {
  --nq-member-sidebar-width: 220px !important;
  --nq-member-topbar-height: 50px !important;
}

body.nq-member-body.nq-legacy-shell #page-topbar {
  display: block !important;
  height: var(--nq-member-topbar-height) !important;
  left: 0 !important;
  right: 0 !important;
  top: 0 !important;
  width: 100% !important;
  z-index: 1005 !important;
}

body.nq-member-body.nq-legacy-shell .navbar-header {
  display: flex !important;
  align-items: center !important;
  height: var(--nq-member-topbar-height) !important;
  max-width: none !important;
  min-height: var(--nq-member-topbar-height) !important;
  padding: 0 22px 0 0 !important;
}

body.nq-member-body.nq-legacy-shell .navbar-header > .d-flex:first-child {
  align-items: center !important;
  flex: 1 1 auto !important;
  height: var(--nq-member-topbar-height) !important;
  min-width: 0 !important;
}

body.nq-member-body.nq-legacy-shell .navbar-brand-box,
body[data-sidebar=dark].nq-member-body.nq-legacy-shell .navbar-brand-box {
  align-items: center !important;
  align-self: stretch !important;
  display: flex !important;
  flex: 0 0 var(--nq-member-sidebar-width) !important;
  height: var(--nq-member-topbar-height) !important;
  justify-content: center !important;
  max-width: var(--nq-member-sidebar-width) !important;
  min-width: var(--nq-member-sidebar-width) !important;
  padding: 0 18px !important;
  width: var(--nq-member-sidebar-width) !important;
}

body.nq-member-body.nq-legacy-shell .navbar-brand-box .logo,
body.nq-member-body.nq-legacy-shell .navbar-brand-box .logo-light,
body.nq-member-body.nq-legacy-shell .navbar-brand-box .logo-dark,
body.nq-member-body.nq-legacy-shell .navbar-brand-box .logo-lg {
  align-items: center !important;
  display: flex !important;
  height: var(--nq-member-topbar-height) !important;
  justify-content: center !important;
  line-height: var(--nq-member-topbar-height) !important;
  width: 100% !important;
}

body.nq-member-body.nq-legacy-shell .navbar-brand-box img {
  display: block !important;
  max-height: 34px !important;
  max-width: 176px !important;
  object-fit: contain !important;
}

body.nq-member-body.nq-legacy-shell .vertical-menu,
body[data-sidebar=dark].nq-member-body.nq-legacy-shell .vertical-menu {
  bottom: 0 !important;
  height: calc(100vh - var(--nq-member-topbar-height)) !important;
  left: 0 !important;
  top: var(--nq-member-topbar-height) !important;
  width: var(--nq-member-sidebar-width) !important;
  z-index: 1003 !important;
}

body.nq-member-body.nq-legacy-shell .main-content {
  margin-left: var(--nq-member-sidebar-width) !important;
  min-height: 100vh !important;
  padding-top: var(--nq-member-topbar-height) !important;
}

body.nq-member-body.nq-legacy-shell .page-content {
  padding-top: 24px !important;
}

body.nq-member-body.nq-legacy-shell .navbar-header .noti-icon i,
body.nq-member-body.nq-legacy-shell .navbar-header .header-item i,
body.nq-member-body.nq-legacy-shell .navbar-header .ri-shopping-cart-2-line,
body.nq-member-body.nq-legacy-shell .navbar-header .ri-notification-3-line {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 1 !important;
  margin-top: 0 !important;
  vertical-align: middle !important;
}

body.nq-member-body.nq-legacy-shell .footer,
body.nq-member-body.nq-legacy-shell .nq-member-footer {
  left: var(--nq-member-sidebar-width) !important;
  margin-left: 0 !important;
  right: 0 !important;
  width: auto !important;
}

@media (max-width: 992px) {
  body.nq-member-body.nq-legacy-shell #page-topbar {
    height: var(--nq-member-topbar-height) !important;
  }

  body.nq-member-body.nq-legacy-shell .navbar-header {
    padding: 0 12px !important;
  }

  body.nq-member-body.nq-legacy-shell .navbar-brand-box,
  body[data-sidebar=dark].nq-member-body.nq-legacy-shell .navbar-brand-box {
    flex: 1 1 auto !important;
    justify-content: flex-start !important;
    max-width: none !important;
    min-width: 0 !important;
    padding: 0 !important;
    width: auto !important;
  }

  body.nq-member-body.nq-legacy-shell .vertical-menu {
    top: var(--nq-member-topbar-height) !important;
  }

  body.nq-member-body.nq-legacy-shell .main-content,
  body.nq-member-body.nq-legacy-shell .footer,
  body.nq-member-body.nq-legacy-shell .nq-member-footer {
    left: 0 !important;
    margin-left: 0 !important;
  }
}

/* shell-final35: match the reference member shell width on 2K screens. */
body.nq-member-body.nq-legacy-shell .page-content > .container-fluid,
body.nq-member-body.nq-legacy-shell .page-content > .container-fluid > .container-fluid {
  box-sizing: border-box !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  max-width: none !important;
  padding-left: 24px !important;
  padding-right: 24px !important;
  width: 100% !important;
}

body.nq-member-body.nq-legacy-shell .navbar-brand-box .logo-light {
  display: none !important;
}

body.nq-member-body.nq-legacy-shell .navbar-brand-box .logo-dark {
  display: flex !important;
}

body.nq-member-body.nq-legacy-shell .nq-client-home-shell,
body.nq-member-body.nq-legacy-shell .nq-legacy-page,
body.nq-member-body.nq-legacy-shell .nq-finance-table-card,
body.nq-member-body.nq-legacy-shell .nq-productdetail-clone,
body.nq-member-body.nq-legacy-shell .nq-productdetail-clone ~ .bottom-box {
  max-width: none !important;
}

@media (max-width: 992px) {
  body.nq-member-body.nq-legacy-shell .page-content > .container-fluid,
  body.nq-member-body.nq-legacy-shell .page-content > .container-fluid > .container-fluid {
    padding-left: 14px !important;
    padding-right: 14px !important;
  }
}

/* shell-final36: align legacy shell with the reference nq frame. */
body.nq-member-body.nq-legacy-shell .vertical-menu .nq-sidebar-inner,
body.nq-member-body.nq-legacy-shell .vertical-menu .simplebar-content,
body.nq-member-body.nq-legacy-shell #sidebar-menu {
  padding-top: 0 !important;
}

body.nq-member-body.nq-legacy-shell #side-menu,
body.nq-member-body.nq-legacy-shell #sidebar-menu > ul {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

body.nq-member-body.nq-legacy-shell .navbar-header > .d-flex:last-child {
  align-items: center !important;
  display: flex !important;
  height: var(--nq-member-topbar-height) !important;
  justify-content: flex-end !important;
  margin-left: auto !important;
  min-width: 0 !important;
}

body.nq-member-body.nq-legacy-shell .nq-member-rightnav {
  align-items: center !important;
  display: inline-flex !important;
  gap: 22px !important;
  height: var(--nq-member-topbar-height) !important;
  margin: 0 18px 0 0 !important;
}

body.nq-member-body.nq-legacy-shell .nq-member-rightnav a {
  align-items: center !important;
  color: #344054 !important;
  display: inline-flex !important;
  font-size: 14px !important;
  height: var(--nq-member-topbar-height) !important;
  line-height: var(--nq-member-topbar-height) !important;
  padding: 0 !important;
  text-decoration: none !important;
  white-space: nowrap !important;
}

body.nq-member-body.nq-legacy-shell .nq-member-rightnav a:hover {
  color: #1769ff !important;
}

body.nq-member-body.nq-legacy-shell .navbar-header .dropdown,
body.nq-member-body.nq-legacy-shell .navbar-header .d-inline-block,
body.nq-member-body.nq-legacy-shell .navbar-header .d-lg-inline-block {
  align-items: center !important;
  display: inline-flex !important;
  height: var(--nq-member-topbar-height) !important;
  line-height: var(--nq-member-topbar-height) !important;
}

body.nq-member-body.nq-legacy-shell .navbar-header .header-item {
  align-items: center !important;
  display: inline-flex !important;
  height: var(--nq-member-topbar-height) !important;
  justify-content: center !important;
  line-height: var(--nq-member-topbar-height) !important;
  padding-bottom: 0 !important;
  padding-top: 0 !important;
}

body.nq-member-body.nq-legacy-shell table .bx-caret-up,
body.nq-member-body.nq-legacy-shell table .bx-caret-down,
body.nq-member-body.nq-legacy-shell table .nq-sort-arrow {
  align-items: center !important;
  display: inline-flex !important;
  font-family: "remixicon", Arial, sans-serif !important;
  font-size: 12px !important;
  height: 12px !important;
  justify-content: center !important;
  line-height: 12px !important;
  margin-left: 2px !important;
  vertical-align: middle !important;
  width: 12px !important;
}

body.nq-member-body.nq-legacy-shell table .bx-caret-up::before {
  content: "\ea78" !important;
}

body.nq-member-body.nq-legacy-shell table .bx-caret-down::before {
  content: "\ea4e" !important;
}

body.nq-member-body.nq-legacy-shell table .nq-sort-arrow::before,
body.nq-member-body.nq-legacy-shell table .nq-sort-arrow::after {
  content: none !important;
}

@media (max-width: 1280px) {
  body.nq-member-body.nq-legacy-shell .nq-member-rightnav {
    display: none !important;
  }
}

/* shell-final39: last-pass member shell geometry. */
body.nq-member-body.nq-legacy-shell {
  --nq-member-sidebar-width: 220px !important;
  --nq-member-topbar-height: 50px !important;
}

body.nq-member-body.nq-legacy-shell #page-topbar {
  display: block !important;
  height: var(--nq-member-topbar-height) !important;
  left: var(--nq-member-sidebar-width) !important;
  min-height: var(--nq-member-topbar-height) !important;
  right: 0 !important;
  width: auto !important;
}

body.nq-member-body.nq-legacy-shell .navbar-header {
  height: var(--nq-member-topbar-height) !important;
  min-height: var(--nq-member-topbar-height) !important;
  padding: 0 24px !important;
}

body.nq-member-body.nq-legacy-shell .navbar-brand-box,
body[data-sidebar=dark].nq-member-body.nq-legacy-shell .navbar-brand-box {
  flex: 0 0 var(--nq-member-sidebar-width) !important;
  min-width: var(--nq-member-sidebar-width) !important;
  width: var(--nq-member-sidebar-width) !important;
}

body.nq-member-body.nq-legacy-shell .vertical-menu,
body[data-sidebar=dark].nq-member-body.nq-legacy-shell .vertical-menu {
  height: calc(100vh - var(--nq-member-topbar-height)) !important;
  top: var(--nq-member-topbar-height) !important;
  width: var(--nq-member-sidebar-width) !important;
}

body.nq-member-body.nq-legacy-shell .main-content {
  margin-left: var(--nq-member-sidebar-width) !important;
  padding-top: 0 !important;
}

body.nq-member-body.nq-legacy-shell .page-content {
  padding-top: calc(var(--nq-member-topbar-height) + 20px) !important;
}

body.nq-member-body.nq-legacy-shell .footer,
body.nq-member-body.nq-legacy-shell .nq-member-footer {
  display: block !important;
  left: var(--nq-member-sidebar-width) !important;
  margin-left: 0 !important;
  right: 0 !important;
  width: auto !important;
}

body.nq-member-body.nq-legacy-shell #sidebar-menu .has-arrow {
  align-items: center !important;
  display: flex !important;
  padding-right: 32px !important;
}

body.nq-member-body.nq-legacy-shell #sidebar-menu .has-arrow::after {
  align-items: center !important;
  display: inline-flex !important;
  float: none !important;
  height: 16px !important;
  justify-content: center !important;
  line-height: 16px !important;
  margin-top: -8px !important;
  position: absolute !important;
  right: 14px !important;
  top: 50% !important;
  width: 16px !important;
}

@media (max-width: 992px) {
  body.nq-member-body.nq-legacy-shell #page-topbar,
  body.nq-member-body.nq-legacy-shell .footer,
  body.nq-member-body.nq-legacy-shell .nq-member-footer {
    left: 0 !important;
  }

  body.nq-member-body.nq-legacy-shell .main-content {
    margin-left: 0 !important;
  }
}

/* client-home-final44: final reference dashboard layout after shell-final39. */
body.nq-member-body.nq-legacy-shell .nq-client-home-shell .nq-dash-pagebar {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  margin: 0 0 14px !important;
  min-height: 24px !important;
  padding: 0 !important;
}

body.nq-member-body.nq-legacy-shell .nq-client-home-shell .nq-dash-pagebar h2 {
  font-size: 14px !important;
  line-height: 24px !important;
}

body.nq-member-body.nq-legacy-shell .nq-client-home-shell .nq-dash-pagebar h2:before,
body.nq-member-body.nq-legacy-shell .nq-client-home-shell .nq-dash-pagebar p,
body.nq-member-body.nq-legacy-shell .nq-client-home-shell .nq-dash-hero-actions {
  display: none !important;
}

body.nq-member-body.nq-legacy-shell .nq-client-home-shell .nq-dash-grid-unified {
  align-items: start !important;
  display: grid !important;
  gap: 24px !important;
  grid-template-columns: minmax(0, 1fr) 360px !important;
}

body.nq-member-body.nq-legacy-shell .nq-client-home-shell .nq-dash-main,
body.nq-member-body.nq-legacy-shell .nq-client-home-shell .nq-dash-side-unified {
  min-width: 0 !important;
  width: auto !important;
}

body.nq-member-body.nq-legacy-shell .nq-client-home-shell .nq-dash-side-unified {
  display: flex !important;
  flex-direction: column !important;
  gap: 20px !important;
}

body.nq-member-body.nq-legacy-shell .nq-client-home-shell .nq-dash-quick {
  margin-bottom: 20px !important;
  min-height: 216px !important;
}

body.nq-member-body.nq-legacy-shell .nq-client-home-shell .nq-dash-quick-grid,
body.nq-member-body.nq-legacy-shell .nq-client-home-shell .nq-dash-stat-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}

body.nq-member-body.nq-legacy-shell .nq-client-home-shell .nq-dash-side-unified .nq-dash-card {
  height: auto !important;
}

@media (max-width: 1680px) {
  body.nq-member-body.nq-legacy-shell .nq-client-home-shell .nq-dash-grid-unified {
    grid-template-columns: minmax(0, 1fr) 320px !important;
  }
}

@media (max-width: 1280px) {
  body.nq-member-body.nq-legacy-shell .nq-client-home-shell .nq-dash-grid-unified,
  body.nq-member-body.nq-legacy-shell .nq-client-home-shell .nq-dash-stat-grid {
    grid-template-columns: 1fr !important;
  }

  body.nq-member-body.nq-legacy-shell .nq-client-home-shell .nq-dash-quick-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

/* client-home-final46: compact right profile card after final44. */
body.nq-member-body.nq-legacy-shell .nq-client-home-shell .nq-profile-card {
  height: auto !important;
  min-height: 216px !important;
  padding: 0 !important;
}

body.nq-member-body.nq-legacy-shell .nq-client-home-shell .nq-profile-card .card-body {
  height: auto !important;
  min-height: 0 !important;
  padding: 24px 22px !important;
}

body.nq-member-body.nq-legacy-shell .nq-client-home-shell .nq-profile-head {
  margin-bottom: 14px !important;
  padding-bottom: 16px !important;
}

body.nq-member-body.nq-legacy-shell .nq-client-home-shell .nq-profile-lines {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* shell-final49: true final member shell override; keep after all historical shell blocks. */
body.nq-member-body.nq-legacy-shell {
  --nq-member-sidebar-width: 176px !important;
  --nq-member-topbar-height: 50px !important;
}

body.nq-member-body.nq-legacy-shell #page-topbar {
  display: block !important;
  height: var(--nq-member-topbar-height) !important;
  left: 0 !important;
  min-height: var(--nq-member-topbar-height) !important;
  right: 0 !important;
  top: 0 !important;
  width: 100% !important;
}

body.nq-member-body.nq-legacy-shell .navbar-header {
  align-items: center !important;
  display: flex !important;
  height: var(--nq-member-topbar-height) !important;
  min-height: var(--nq-member-topbar-height) !important;
  padding: 0 18px 0 0 !important;
}

body.nq-member-body.nq-legacy-shell .navbar-header > .d-flex:first-child {
  align-items: center !important;
  flex: 1 1 auto !important;
  height: var(--nq-member-topbar-height) !important;
  min-width: 0 !important;
}

body.nq-member-body.nq-legacy-shell .navbar-brand-box,
body[data-sidebar=dark].nq-member-body.nq-legacy-shell .navbar-brand-box {
  align-items: center !important;
  align-self: stretch !important;
  display: flex !important;
  flex: 0 0 118px !important;
  height: var(--nq-member-topbar-height) !important;
  justify-content: flex-start !important;
  max-width: 118px !important;
  min-width: 118px !important;
  padding: 0 0 0 14px !important;
  width: 118px !important;
}

body.nq-member-body.nq-legacy-shell .navbar-brand-box .logo,
body.nq-member-body.nq-legacy-shell .navbar-brand-box .logo-dark,
body.nq-member-body.nq-legacy-shell .navbar-brand-box .logo-light,
body.nq-member-body.nq-legacy-shell .navbar-brand-box .logo-lg {
  align-items: center !important;
  display: flex !important;
  height: var(--nq-member-topbar-height) !important;
  justify-content: flex-start !important;
  line-height: var(--nq-member-topbar-height) !important;
  width: 100% !important;
}

body.nq-member-body.nq-legacy-shell .navbar-brand-box img {
  display: block !important;
  height: auto !important;
  max-height: 32px !important;
  max-width: 98px !important;
  object-fit: contain !important;
}

body.nq-member-body.nq-legacy-shell #vertical-menu-btn {
  display: none !important;
}

body.nq-member-body.nq-legacy-shell .nq-member-quicknav {
  align-items: center !important;
  display: flex !important;
  height: var(--nq-member-topbar-height) !important;
  margin-left: 0 !important;
}

body.nq-member-body.nq-legacy-shell .nq-member-quicknav a {
  align-items: center !important;
  display: inline-flex !important;
  font-size: 13px !important;
  height: var(--nq-member-topbar-height) !important;
  padding: 0 11px !important;
}

body.nq-member-body.nq-legacy-shell .vertical-menu,
body[data-sidebar=dark].nq-member-body.nq-legacy-shell .vertical-menu {
  height: calc(100vh - var(--nq-member-topbar-height)) !important;
  left: 0 !important;
  top: var(--nq-member-topbar-height) !important;
  width: var(--nq-member-sidebar-width) !important;
}

body.nq-member-body.nq-legacy-shell #sidebar-menu ul li a {
  border-radius: 4px !important;
  height: 36px !important;
  margin: 4px 8px !important;
  padding: 0 12px !important;
  width: auto !important;
}

body.nq-member-body.nq-legacy-shell #sidebar-menu ul li a i {
  margin-right: 9px !important;
  min-width: 16px !important;
}

body.nq-member-body.nq-legacy-shell #sidebar-menu .has-arrow::after {
  right: 10px !important;
}

body.nq-member-body.nq-legacy-shell .main-content {
  margin-left: var(--nq-member-sidebar-width) !important;
  padding-top: 0 !important;
}

body.nq-member-body.nq-legacy-shell .page-content {
  padding-top: calc(var(--nq-member-topbar-height) + 8px) !important;
}

body.nq-member-body.nq-legacy-shell .page-content > .container-fluid,
body.nq-member-body.nq-legacy-shell .page-content > .container-fluid > .container-fluid {
  padding-left: 18px !important;
  padding-right: 18px !important;
}

body.nq-member-body.nq-legacy-shell .footer,
body.nq-member-body.nq-legacy-shell .nq-member-footer {
  left: var(--nq-member-sidebar-width) !important;
  margin-left: 0 !important;
  right: 0 !important;
  width: auto !important;
}

@media (max-width: 992px) {
  body.nq-member-body.nq-legacy-shell #page-topbar {
    left: 0 !important;
  }

  body.nq-member-body.nq-legacy-shell .navbar-brand-box,
  body[data-sidebar=dark].nq-member-body.nq-legacy-shell .navbar-brand-box {
    flex-basis: 118px !important;
    max-width: 118px !important;
    min-width: 118px !important;
    width: 118px !important;
  }

  body.nq-member-body.nq-legacy-shell .main-content,
  body.nq-member-body.nq-legacy-shell .footer,
  body.nq-member-body.nq-legacy-shell .nq-member-footer {
    left: 0 !important;
    margin-left: 0 !important;
  }
}

/* shell-final50: tighten logo and sidebar item metrics to the reference frame. */
body.nq-member-body.nq-legacy-shell .navbar-brand-box .logo img,
body.nq-member-body.nq-legacy-shell .navbar-brand-box .logo-dark img,
body.nq-member-body.nq-legacy-shell .navbar-brand-box .logo-light img,
body.nq-member-body.nq-legacy-shell .navbar-brand-box .logo-lg img {
  display: block !important;
  height: 28px !important;
  max-height: 28px !important;
  max-width: 96px !important;
  object-fit: contain !important;
  width: auto !important;
}

body.nq-member-body.nq-legacy-shell .nq-member-quicknav a {
  gap: 4px !important;
  padding-left: 8px !important;
  padding-right: 10px !important;
}

body.nq-member-body.nq-legacy-shell #sidebar-menu ul li a {
  align-items: center !important;
  display: flex !important;
  margin-left: 8px !important;
  margin-right: 8px !important;
  width: calc(100% - 16px) !important;
}

/* shell-final51: release inherited logo min-height and make sidebar rows full-width. */
body.nq-member-body.nq-legacy-shell .navbar-brand-box .logo img,
body.nq-member-body.nq-legacy-shell .navbar-brand-box .logo-dark img,
body.nq-member-body.nq-legacy-shell .navbar-brand-box .logo-light img,
body.nq-member-body.nq-legacy-shell .navbar-brand-box .logo-lg img {
  height: 28px !important;
  line-height: 28px !important;
  min-height: 0 !important;
}

body.nq-member-body.nq-legacy-shell #sidebar-menu,
body.nq-member-body.nq-legacy-shell #side-menu,
body.nq-member-body.nq-legacy-shell #sidebar-menu > ul,
body.nq-member-body.nq-legacy-shell #sidebar-menu ul li {
  box-sizing: border-box !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  width: 100% !important;
}

body.nq-member-body.nq-legacy-shell #sidebar-menu ul li a {
  box-sizing: border-box !important;
  margin-left: 12px !important;
  margin-right: 12px !important;
  width: calc(100% - 24px) !important;
}

/* chart-final52: restore product detail chart cards to a compact reference layout. */
body.nq-member-body.nq-legacy-shell .nq-productdetail-clone ~ .bottom-box #home1 > .row {
  align-items: stretch !important;
  display: flex !important;
  flex-wrap: wrap !important;
  margin-left: -10px !important;
  margin-right: -10px !important;
}

body.nq-member-body.nq-legacy-shell .nq-productdetail-clone ~ .bottom-box #home1 .chartbox {
  box-sizing: border-box !important;
  display: flex !important;
  flex-direction: column !important;
  min-height: 0 !important;
  padding: 0 10px 20px !important;
  width: 50% !important;
}

body.nq-member-body.nq-legacy-shell .nq-productdetail-clone ~ .bottom-box #home1 .module_chart {
  background: #fff !important;
  border: 1px solid #edf1f7 !important;
  border-bottom: 0 !important;
  border-radius: 4px 4px 0 0 !important;
  box-sizing: border-box !important;
  height: auto !important;
  min-height: 112px !important;
  overflow: visible !important;
  padding: 16px !important;
}

body.nq-member-body.nq-legacy-shell .nq-productdetail-clone ~ .bottom-box #home1 .module_chart > div:first-child {
  align-items: center !important;
  display: flex !important;
  height: auto !important;
  justify-content: space-between !important;
  margin: 0 0 14px !important;
  min-height: 24px !important;
}

body.nq-member-body.nq-legacy-shell .nq-productdetail-clone ~ .bottom-box #home1 .module_chart h4 {
  color: #1f2937 !important;
  float: none !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  line-height: 24px !important;
  margin: 0 !important;
}

body.nq-member-body.nq-legacy-shell .nq-productdetail-clone ~ .bottom-box #home1 .module_chart > div:first-child > div {
  float: none !important;
  margin-right: 0 !important;
  width: 180px !important;
}

body.nq-member-body.nq-legacy-shell .nq-productdetail-clone ~ .bottom-box #home1 .module_chart_date {
  align-items: center !important;
  display: grid !important;
  gap: 8px !important;
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr) !important;
  margin: 0 !important;
}

body.nq-member-body.nq-legacy-shell .nq-productdetail-clone ~ .bottom-box #home1 .module_chart_date .form-control,
body.nq-member-body.nq-legacy-shell .nq-productdetail-clone ~ .bottom-box #home1 .module_chart_date input {
  height: 36px !important;
  min-height: 36px !important;
  width: 100% !important;
}

body.nq-member-body.nq-legacy-shell .nq-productdetail-clone ~ .bottom-box #home1 .module_chart_date span {
  color: #86909c !important;
  display: inline-flex !important;
  justify-content: center !important;
  margin: 0 !important;
  min-width: 20px !important;
  white-space: nowrap !important;
}

body.nq-member-body.nq-legacy-shell .nq-productdetail-clone ~ .bottom-box #home1 .chartbox > .w-100.h-100 {
  background: #fff !important;
  border: 1px solid #edf1f7 !important;
  border-radius: 0 0 4px 4px !important;
  border-top: 0 !important;
  box-sizing: border-box !important;
  height: auto !important;
  min-height: 0 !important;
  padding: 0 !important;
}

body.nq-member-body.nq-legacy-shell .nq-productdetail-clone ~ .bottom-box #home1 .chart_content_box[id^="module_chart_"],
body.nq-member-body.nq-legacy-shell .nq-productdetail-clone ~ .bottom-box #home1 .chart_content_box {
  border: 0 !important;
  box-sizing: border-box !important;
  height: 360px !important;
  max-height: none !important;
  min-height: 360px !important;
  padding: 0 !important;
  width: 100% !important;
}

body.nq-member-body.nq-legacy-shell .nq-productdetail-clone ~ .bottom-box #home1 .chart_content_box[id^="module_chart_"] > div,
body.nq-member-body.nq-legacy-shell .nq-productdetail-clone ~ .bottom-box #home1 .chart_content_box[id^="module_chart_"] canvas {
  max-height: none !important;
}

@media (max-width: 1367px) {
  body.nq-member-body.nq-legacy-shell .nq-productdetail-clone ~ .bottom-box #home1 .chartbox {
    width: 100% !important;
  }
}

@media (max-width: 768px) {
  body.nq-member-body.nq-legacy-shell .nq-productdetail-clone ~ .bottom-box #home1 .module_chart_date {
    grid-template-columns: 1fr !important;
  }
}

/* client-home-arrows57: fix screenshot-marked clientarea header, resource pager and ticket row. */
body.nq-member-body.nq-legacy-shell .navbar-brand-box .logo-light {
  display: none !important;
}

body.nq-member-body.nq-legacy-shell .navbar-brand-box .logo-dark {
  display: flex !important;
  flex: 0 0 auto !important;
  max-width: 104px !important;
  overflow: hidden !important;
}

body.nq-member-body.nq-legacy-shell .navbar-brand-box .logo-dark .logo-lg,
body.nq-member-body.nq-legacy-shell .navbar-brand-box .logo-dark .logo-lg img {
  flex: 0 0 auto !important;
}

body.nq-member-body.nq-legacy-shell .nq-client-home-shell .nq-resource-list .table-footer,
body.nq-member-body.nq-legacy-shell .nq-client-home-shell .nq-resource-list .dataTables_wrapper .row:last-child,
body.nq-member-body.nq-legacy-shell .nq-client-home-shell .nq-resource-list .pagination {
  align-items: center !important;
}

body.nq-member-body.nq-legacy-shell .nq-client-home-shell .nq-resource-list select,
body.nq-member-body.nq-legacy-shell .nq-client-home-shell .nq-resource-list .custom-select,
body.nq-member-body.nq-legacy-shell .nq-client-home-shell .nq-resource-list .form-control-sm {
  appearance: auto !important;
  background-color: #fff !important;
  border: 1px solid #cfd7e6 !important;
  border-radius: 2px !important;
  box-sizing: border-box !important;
  color: #1f2937 !important;
  display: inline-block !important;
  font-size: 12px !important;
  height: 24px !important;
  line-height: 22px !important;
  margin: 0 4px !important;
  min-height: 24px !important;
  min-width: 48px !important;
  padding: 0 18px 0 8px !important;
  vertical-align: middle !important;
  width: auto !important;
}

body.nq-member-body.nq-legacy-shell .nq-client-home-shell .nq-recent-ticket-card .card-body {
  padding-bottom: 22px !important;
}

body.nq-member-body.nq-legacy-shell .nq-client-home-shell .nq-ticket-line {
  align-items: center !important;
  background: transparent !important;
  border-radius: 4px !important;
  display: flex !important;
  gap: 10px !important;
  min-height: 28px !important;
  padding: 0 !important;
}

body.nq-member-body.nq-legacy-shell .nq-client-home-shell .nq-ticket-line span {
  align-items: center !important;
  border-radius: 2px !important;
  display: inline-flex !important;
  flex: 0 0 auto !important;
  height: 22px !important;
  justify-content: center !important;
  line-height: 22px !important;
  padding: 0 8px !important;
  white-space: nowrap !important;
}

body.nq-member-body.nq-legacy-shell .nq-client-home-shell .nq-ticket-line strong {
  color: #344054 !important;
  display: inline-flex !important;
  flex: 1 1 auto !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  line-height: 22px !important;
  min-width: 0 !important;
  white-space: nowrap !important;
}

/* shell-final13: keep every logged-in member page on the same reference shell. */
body.nq-member-body.nq-legacy-shell {
  --nq-shell-sidebar: 220px;
  --nq-shell-topbar: 50px;
  background: #f7f8fb !important;
  overflow-x: hidden !important;
}

body.nq-member-body.nq-legacy-shell #layout-wrapper,
body.nq-member-body.nq-legacy-shell .main-content,
body.nq-member-body.nq-legacy-shell .page-content {
  background: #f7f8fb !important;
}

body.nq-member-body.nq-legacy-shell #page-topbar {
  background: #fff !important;
  border-bottom: 1px solid #edf1f7 !important;
  box-shadow: none !important;
  height: var(--nq-shell-topbar) !important;
  left: 0 !important;
  min-height: var(--nq-shell-topbar) !important;
  position: fixed !important;
  right: 0 !important;
  top: 0 !important;
  width: 100% !important;
  z-index: 1003 !important;
}

body.nq-member-body.nq-legacy-shell .navbar-header {
  align-items: center !important;
  display: flex !important;
  gap: 12px !important;
  height: var(--nq-shell-topbar) !important;
  justify-content: space-between !important;
  min-height: var(--nq-shell-topbar) !important;
  padding: 0 16px 0 0 !important;
}

body.nq-member-body.nq-legacy-shell .navbar-header > .d-flex {
  align-items: center !important;
  height: var(--nq-shell-topbar) !important;
  min-height: var(--nq-shell-topbar) !important;
}

body.nq-member-body.nq-legacy-shell .navbar-brand-box {
  align-items: center !important;
  background: #fff !important;
  border-right: 1px solid #edf1f7 !important;
  display: flex !important;
  flex: 0 0 var(--nq-shell-sidebar) !important;
  height: var(--nq-shell-topbar) !important;
  justify-content: center !important;
  min-height: var(--nq-shell-topbar) !important;
  padding: 0 !important;
  width: var(--nq-shell-sidebar) !important;
}

body.nq-member-body.nq-legacy-shell .navbar-brand-box .logo,
body.nq-member-body.nq-legacy-shell .navbar-brand-box .logo-dark {
  align-items: center !important;
  display: inline-flex !important;
  height: var(--nq-shell-topbar) !important;
  justify-content: center !important;
}

body.nq-member-body.nq-legacy-shell .logo-lg img {
  display: block !important;
  height: auto !important;
  max-height: 34px !important;
  max-width: 150px !important;
  object-fit: contain !important;
  width: 128px !important;
}

body.nq-member-body.nq-legacy-shell .vertical-menu {
  background: #fff !important;
  border-right: 1px solid #edf1f7 !important;
  bottom: 0 !important;
  box-shadow: none !important;
  left: 0 !important;
  margin: 0 !important;
  min-height: auto !important;
  padding: 0 !important;
  position: fixed !important;
  top: var(--nq-shell-topbar) !important;
  width: var(--nq-shell-sidebar) !important;
  z-index: 999 !important;
}

body.nq-member-body.nq-legacy-shell .vertical-menu .nq-sidebar-inner,
body.nq-member-body.nq-legacy-shell .vertical-menu [data-simplebar],
body.nq-member-body.nq-legacy-shell .vertical-menu .simplebar-wrapper,
body.nq-member-body.nq-legacy-shell .vertical-menu .simplebar-mask,
body.nq-member-body.nq-legacy-shell .vertical-menu .simplebar-content-wrapper {
  height: calc(100vh - var(--nq-shell-topbar)) !important;
  margin: 0 !important;
  min-height: 0 !important;
}

body.nq-member-body.nq-legacy-shell #sidebar-menu {
  margin: 0 !important;
  padding: 8px 8px 18px !important;
}

body.nq-member-body.nq-legacy-shell #sidebar-menu ul,
body.nq-member-body.nq-legacy-shell #sidebar-menu li {
  margin-top: 0 !important;
}

body.nq-member-body.nq-legacy-shell .main-content {
  margin-left: var(--nq-shell-sidebar) !important;
  min-height: 100vh !important;
}

body.nq-member-body.nq-legacy-shell .page-content {
  min-height: calc(100vh - var(--nq-shell-topbar)) !important;
  padding: calc(var(--nq-shell-topbar) + 16px) 24px 24px !important;
}

body.nq-member-body.nq-legacy-shell .page-content > .container-fluid,
body.nq-member-body.nq-legacy-shell .page-content > .container-fluid > .container-fluid {
  max-width: none !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  width: 100% !important;
}

body.nq-member-body.nq-legacy-shell .footer {
  display: none !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  visibility: hidden !important;
}

@media (max-width: 991.98px) {
  body.nq-member-body.nq-legacy-shell {
    --nq-shell-sidebar: 0px;
  }

  body.nq-member-body.nq-legacy-shell .navbar-brand-box {
    flex: 0 0 176px !important;
    width: 176px !important;
  }

  body.nq-member-body.nq-legacy-shell .main-content {
    margin-left: 0 !important;
  }

  body.nq-member-body.nq-legacy-shell .page-content {
    padding: calc(var(--nq-shell-topbar) + 12px) 14px 20px !important;
  }

  body.nq-member-body.nq-legacy-shell .vertical-menu {
    left: -220px !important;
    width: 220px !important;
  }

body.sidebar-enable.nq-member-body.nq-legacy-shell .vertical-menu {
    left: 0 !important;
  }
}

/* client-shell-reference58: final reference shell and clientarea dashboard geometry. */
body.nq-member-body.nq-legacy-shell {
  --nq-shell-sidebar: 176px !important;
  --nq-member-sidebar-width: 176px !important;
  --nq-shell-topbar: 50px !important;
  --nq-member-topbar-height: 50px !important;
  background: #f7f8fb !important;
  color: #1d2129 !important;
}

body.nq-member-body.nq-legacy-shell #page-topbar {
  background: #fff !important;
  border-bottom: 1px solid #edf1f7 !important;
  box-shadow: none !important;
  height: var(--nq-shell-topbar) !important;
  left: 0 !important;
  min-height: var(--nq-shell-topbar) !important;
  position: fixed !important;
  right: 0 !important;
  top: 0 !important;
  width: 100% !important;
}

body.nq-member-body.nq-legacy-shell .navbar-header {
  align-items: center !important;
  display: flex !important;
  gap: 12px !important;
  height: var(--nq-shell-topbar) !important;
  justify-content: space-between !important;
  min-height: var(--nq-shell-topbar) !important;
  padding: 0 12px 0 0 !important;
}

body.nq-member-body.nq-legacy-shell .navbar-header > .d-flex {
  align-items: center !important;
  height: var(--nq-shell-topbar) !important;
  min-height: var(--nq-shell-topbar) !important;
  min-width: 0 !important;
}

body.nq-member-body.nq-legacy-shell .navbar-brand-box,
body[data-sidebar=dark].nq-member-body.nq-legacy-shell .navbar-brand-box {
  align-items: center !important;
  align-self: stretch !important;
  background: #fff !important;
  border-right: 0 !important;
  display: flex !important;
  flex: 0 0 118px !important;
  height: var(--nq-shell-topbar) !important;
  justify-content: flex-start !important;
  left: auto !important;
  max-width: 118px !important;
  min-height: var(--nq-shell-topbar) !important;
  min-width: 118px !important;
  padding: 0 0 0 16px !important;
  position: relative !important;
  top: auto !important;
  width: 118px !important;
}

body.nq-member-body.nq-legacy-shell .navbar-brand-box .logo-light {
  display: none !important;
}

body.nq-member-body.nq-legacy-shell .navbar-brand-box .logo,
body.nq-member-body.nq-legacy-shell .navbar-brand-box .logo-dark,
body.nq-member-body.nq-legacy-shell .navbar-brand-box .logo-lg {
  align-items: center !important;
  display: flex !important;
  height: var(--nq-shell-topbar) !important;
  justify-content: flex-start !important;
  line-height: var(--nq-shell-topbar) !important;
}

body.nq-member-body.nq-legacy-shell .navbar-brand-box .logo img,
body.nq-member-body.nq-legacy-shell .navbar-brand-box .logo-lg img {
  display: block !important;
  height: 28px !important;
  max-height: 28px !important;
  max-width: 96px !important;
  min-height: 0 !important;
  object-fit: contain !important;
  width: auto !important;
}

body.nq-member-body.nq-legacy-shell #vertical-menu-btn {
  display: none !important;
}

body.nq-member-body.nq-legacy-shell .nq-member-quicknav {
  align-items: center !important;
  display: flex !important;
  gap: 0 !important;
  height: var(--nq-shell-topbar) !important;
  margin: 0 !important;
  position: static !important;
  right: auto !important;
  top: auto !important;
}

body.nq-member-body.nq-legacy-shell .nq-member-quicknav a,
body.nq-member-body.nq-legacy-shell .nq-member-quicknav a[href="/clientarea"] {
  align-items: center !important;
  background: #edf4ff !important;
  border-radius: 4px !important;
  color: #1769ff !important;
  display: inline-flex !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  gap: 5px !important;
  height: 24px !important;
  line-height: 24px !important;
  padding: 0 9px !important;
}

body.nq-member-body.nq-legacy-shell .nq-member-rightnav {
  align-items: center !important;
  display: flex !important;
  gap: 24px !important;
  height: var(--nq-shell-topbar) !important;
  margin-right: 12px !important;
}

body.nq-member-body.nq-legacy-shell .nq-member-rightnav a {
  color: #344054 !important;
  font-size: 13px !important;
  line-height: var(--nq-shell-topbar) !important;
  text-decoration: none !important;
  white-space: nowrap !important;
}

body.nq-member-body.nq-legacy-shell .nq-member-rightnav a:hover {
  color: #1769ff !important;
}

body.nq-member-body.nq-legacy-shell .vertical-menu,
body[data-sidebar=dark].nq-member-body.nq-legacy-shell .vertical-menu {
  background: #fff !important;
  border-right: 1px solid #edf1f7 !important;
  box-shadow: none !important;
  left: 0 !important;
  min-height: calc(100vh - var(--nq-shell-topbar)) !important;
  padding: 0 !important;
  position: fixed !important;
  top: var(--nq-shell-topbar) !important;
  width: var(--nq-shell-sidebar) !important;
}

body.nq-member-body.nq-legacy-shell #sidebar-menu {
  margin: 0 !important;
  padding: 8px 0 18px !important;
}

body.nq-member-body.nq-legacy-shell #sidebar-menu ul li a {
  align-items: center !important;
  border-radius: 4px !important;
  color: #344054 !important;
  display: flex !important;
  font-size: 14px !important;
  gap: 10px !important;
  height: 36px !important;
  margin: 4px 8px !important;
  padding: 0 12px !important;
  width: calc(100% - 16px) !important;
}

body.nq-member-body.nq-legacy-shell #sidebar-menu ul li a i,
body[data-sidebar=dark].nq-member-body.nq-legacy-shell #sidebar-menu ul li a i {
  color: inherit !important;
  display: inline-flex !important;
  flex: 0 0 16px !important;
  font-size: 16px !important;
  justify-content: center !important;
  margin: 0 !important;
  min-width: 16px !important;
  width: 16px !important;
}

body.nq-member-body.nq-legacy-shell #sidebar-menu ul li a:hover,
body.nq-member-body.nq-legacy-shell #sidebar-menu ul li.mm-active > a,
body.nq-member-body.nq-legacy-shell #sidebar-menu ul li a.active {
  background: #edf4ff !important;
  color: #1769ff !important;
  font-weight: 600 !important;
}

body.nq-member-body.nq-legacy-shell .main-content {
  background: #f7f8fb !important;
  margin-left: var(--nq-shell-sidebar) !important;
  min-height: 100vh !important;
  padding-top: 0 !important;
}

body.nq-member-body.nq-legacy-shell .page-content {
  background: #f7f8fb !important;
  min-height: calc(100vh - var(--nq-shell-topbar)) !important;
  padding: calc(var(--nq-shell-topbar) + 8px) 0 24px !important;
}

body.nq-member-body.nq-legacy-shell .page-content > .container-fluid,
body.nq-member-body.nq-legacy-shell .page-content > .container-fluid > .container-fluid {
  box-sizing: border-box !important;
  max-width: none !important;
  padding-left: 18px !important;
  padding-right: 18px !important;
  width: 100% !important;
}

body.nq-member-body.nq-legacy-shell .nq-client-home-shell {
  margin: 0 !important;
  max-width: none !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  width: 100% !important;
}

body.nq-member-body.nq-legacy-shell .nq-client-page-heading {
  align-items: center !important;
  display: flex !important;
  min-height: 20px !important;
  margin: 0 0 12px !important;
}

body.nq-member-body.nq-legacy-shell .nq-client-page-heading h2 {
  color: #1d2129 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 20px !important;
  margin: 0 !important;
}

body.nq-member-body.nq-legacy-shell .nq-client-home-shell .nq-dashboard-grid {
  align-items: start !important;
  display: grid !important;
  gap: 20px !important;
  grid-template-columns: minmax(0, 1fr) 288px !important;
  max-width: none !important;
  width: 100% !important;
}

body.nq-member-body.nq-legacy-shell .nq-client-home-shell .nq-dashboard-main,
body.nq-member-body.nq-legacy-shell .nq-client-home-shell .nq-dashboard-side {
  min-width: 0 !important;
  width: auto !important;
}

body.nq-member-body.nq-legacy-shell .nq-client-home-shell .card,
body.nq-member-body.nq-legacy-shell .nq-client-home-shell .card-body {
  background: #fff !important;
  border: 1px solid #edf1f7 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

body.nq-member-body.nq-legacy-shell .nq-client-home-shell .card.card-body {
  margin-bottom: 20px !important;
  padding: 16px !important;
}

body.nq-member-body.nq-legacy-shell .nq-client-home-shell .card-title {
  color: #1d2129 !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  line-height: 22px !important;
}

body.nq-member-body.nq-legacy-shell .nq-client-home-shell .nq-shortcut-grid {
  display: grid !important;
  gap: 6px !important;
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
}

body.nq-member-body.nq-legacy-shell .nq-client-home-shell .nq-shortcut {
  align-items: center !important;
  border: 1px solid #edf1f7 !important;
  border-radius: 4px !important;
  color: #4e5969 !important;
  display: flex !important;
  font-size: 13px !important;
  gap: 8px !important;
  height: 36px !important;
  line-height: 36px !important;
  min-width: 0 !important;
  padding: 0 12px !important;
  text-decoration: none !important;
}

body.nq-member-body.nq-legacy-shell .nq-client-home-shell .nq-shortcut span {
  display: block !important;
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

body.nq-member-body.nq-legacy-shell .nq-client-home-shell .nq-dash-stats {
  display: grid !important;
  gap: 12px !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}

body.nq-member-body.nq-legacy-shell .nq-client-home-shell .nq-dash-stat {
  border: 1px solid #edf1f7 !important;
  border-radius: 0 !important;
  min-height: 112px !important;
  padding: 16px 18px !important;
}

body.nq-member-body.nq-legacy-shell .nq-client-home-shell .nq-profile-card {
  padding: 20px !important;
}

body.nq-member-body.nq-legacy-shell .nq-client-home-shell .nq-profile-avatar {
  border-radius: 4px !important;
  height: 48px !important;
  width: 48px !important;
}

body.nq-member-body.nq-legacy-shell .nq-client-home-shell .nq-finance-stats {
  display: grid !important;
  gap: 8px !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

body.nq-member-body.nq-legacy-shell .nq-client-home-shell .nq-ticket-line {
  align-items: center !important;
  display: flex !important;
  gap: 10px !important;
  min-height: 28px !important;
}

body.nq-member-body.nq-legacy-shell .nq-client-home-shell .nq-news-list {
  margin: 0 !important;
  padding: 0 !important;
}

body.nq-member-body.nq-legacy-shell .footer,
body.nq-member-body.nq-legacy-shell .nq-member-footer {
  display: none !important;
}

@media (max-width: 1280px) {
  body.nq-member-body.nq-legacy-shell .nq-client-home-shell .nq-dashboard-grid {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 991.98px) {
  body.nq-member-body.nq-legacy-shell {
    --nq-shell-sidebar: 0px !important;
    --nq-member-sidebar-width: 0px !important;
  }

  body.nq-member-body.nq-legacy-shell .navbar-brand-box,
  body[data-sidebar=dark].nq-member-body.nq-legacy-shell .navbar-brand-box {
    flex: 0 0 118px !important;
    min-width: 118px !important;
    width: 118px !important;
  }

  body.nq-member-body.nq-legacy-shell .main-content {
    margin-left: 0 !important;
  }

  body.nq-member-body.nq-legacy-shell .vertical-menu {
    left: -176px !important;
    width: 176px !important;
  }

  body.sidebar-enable.nq-member-body.nq-legacy-shell .vertical-menu {
    left: 0 !important;
  }

  body.nq-member-body.nq-legacy-shell .nq-member-rightnav {
    display: none !important;
  }

  body.nq-member-body.nq-legacy-shell .nq-client-home-shell .nq-shortcut-grid,
  body.nq-member-body.nq-legacy-shell .nq-client-home-shell .nq-dash-stats {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 575.98px) {
  body.nq-member-body.nq-legacy-shell .page-content > .container-fluid,
  body.nq-member-body.nq-legacy-shell .page-content > .container-fluid > .container-fluid {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }

  body.nq-member-body.nq-legacy-shell .nq-client-home-shell .nq-shortcut-grid,
  body.nq-member-body.nq-legacy-shell .nq-client-home-shell .nq-dash-stats,
  body.nq-member-body.nq-legacy-shell .nq-client-home-shell .nq-finance-stats {
    grid-template-columns: 1fr !important;
  }
}


/* shell-final14: one geometry source for the logged-in member shell. */
body.nq-member-body.nq-legacy-shell {
  --nq-shell-sidebar: 220px;
  --nq-shell-topbar: 50px;
}

body.nq-member-body.nq-legacy-shell #page-topbar {
  left: 0 !important;
  right: 0 !important;
  top: 0 !important;
  width: 100% !important;
}

body.nq-member-body.nq-legacy-shell .navbar-header {
  min-height: var(--nq-shell-topbar) !important;
  padding-left: var(--nq-shell-sidebar) !important;
}

body.nq-member-body.nq-legacy-shell .navbar-brand-box {
  left: 0 !important;
  position: fixed !important;
  top: 0 !important;
  z-index: 1006 !important;
}

body.nq-member-body.nq-legacy-shell .vertical-menu {
  left: 0 !important;
  top: var(--nq-shell-topbar) !important;
  width: var(--nq-shell-sidebar) !important;
}

body.nq-member-body.nq-legacy-shell .vertical-menu .nq-sidebar-inner,
body.nq-member-body.nq-legacy-shell .vertical-menu [data-simplebar],
body.nq-member-body.nq-legacy-shell .vertical-menu .simplebar-wrapper,
body.nq-member-body.nq-legacy-shell .vertical-menu .simplebar-mask,
body.nq-member-body.nq-legacy-shell .vertical-menu .simplebar-content-wrapper,
body.nq-member-body.nq-legacy-shell .vertical-menu .simplebar-content {
  padding-top: 0 !important;
}

body.nq-member-body.nq-legacy-shell #sidebar-menu {
  padding-top: 0 !important;
}

body.nq-member-body.nq-legacy-shell .main-content {
  margin-left: var(--nq-shell-sidebar) !important;
}

body.nq-member-body.nq-legacy-shell .footer {
  display: none !important;
}

@media (max-width: 991.98px) {
  body.nq-member-body.nq-legacy-shell {
    --nq-shell-sidebar: 0px;
  }

  body.nq-member-body.nq-legacy-shell .navbar-header {
    padding-left: 0 !important;
  }

  body.nq-member-body.nq-legacy-shell .navbar-brand-box {
    position: static !important;
  }

  body.nq-member-body.nq-legacy-shell .vertical-menu {
    left: -220px !important;
    width: 220px !important;
  }

  body.sidebar-enable.nq-member-body.nq-legacy-shell .vertical-menu {
    left: 0 !important;
  }
}

/* client-shell-reference60: remove duplicate logo and keep dashboard heading compact. */
body.nq-member-body.nq-legacy-shell .navbar-brand-box .logo-dark,
body.nq-member-body.nq-legacy-shell .navbar-brand-box .logo-dark .logo-lg {
  display: none !important;
  height: 0 !important;
  line-height: 0 !important;
  margin: 0 !important;
  min-width: 0 !important;
  overflow: hidden !important;
  padding: 0 !important;
  visibility: hidden !important;
  width: 0 !important;
}

body.nq-member-body.nq-legacy-shell .navbar-brand-box .logo-light {
  align-items: center !important;
  display: flex !important;
  flex: 0 0 auto !important;
  height: var(--nq-shell-topbar) !important;
  line-height: var(--nq-shell-topbar) !important;
  margin: 0 !important;
  min-width: 0 !important;
  padding: 0 !important;
  width: auto !important;
}

body.nq-member-body.nq-legacy-shell .navbar-brand-box .logo-light .logo-lg {
  align-items: center !important;
  display: flex !important;
  height: var(--nq-shell-topbar) !important;
  line-height: var(--nq-shell-topbar) !important;
}

body.nq-member-body.nq-legacy-shell .navbar-brand-box .logo-light .logo-sm {
  display: none !important;
}

body.nq-member-body.nq-legacy-shell .nq-client-page-heading [hidden],
body.nq-member-body.nq-legacy-shell .nq-client-page-heading [data-diy-client-subtitle] {
  display: none !important;
  visibility: hidden !important;
}

/* clientarea-mobile-polish-20260709-after-shell: final mobile-only overrides. */
@media (max-width: 575.98px) {
  body.nq-member-body.nq-legacy-shell {
    --nq-shell-logo-box: 116px !important;
  }

  body.nq-member-body.nq-legacy-shell .navbar-header {
    gap: 6px !important;
    padding-right: 6px !important;
  }

  body.nq-member-body.nq-legacy-shell .navbar-header > .d-flex:first-child {
    flex: 1 1 auto !important;
    min-width: 0 !important;
  }

  body.nq-member-body.nq-legacy-shell .navbar-header > .d-flex:last-child {
    flex: 0 0 auto !important;
    min-width: 0 !important;
  }

  body.nq-member-body.nq-legacy-shell .navbar-brand-box,
  body[data-sidebar=dark].nq-member-body.nq-legacy-shell .navbar-brand-box {
    flex-basis: var(--nq-shell-logo-box) !important;
    min-width: var(--nq-shell-logo-box) !important;
    padding-left: 10px !important;
    padding-right: 8px !important;
    width: var(--nq-shell-logo-box) !important;
  }

  body.nq-member-body.nq-legacy-shell .navbar-brand-box .logo-light .logo-sm,
  body.nq-member-body.nq-legacy-shell .nq-member-quicknav,
  body.nq-member-body.nq-legacy-shell .nq-member-rightnav,
  body.nq-member-body.nq-legacy-shell #page-topbar .dropdown:has(#header-lang-img) {
    display: none !important;
  }

  body.nq-member-body.nq-legacy-shell #page-topbar .header-item {
    height: 50px !important;
    min-width: 38px !important;
    padding-left: 7px !important;
    padding-right: 7px !important;
  }

  body.nq-member-body.nq-legacy-shell .nq-client-home-shell .nq-shortcut-grid,
  body.nq-member-body.nq-legacy-shell .nq-client-home-shell .nq-dash-stats {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

/* clientarea-mobile-polish-20260709-final: must stay after shell reference rules. */
@media (max-width: 575.98px) {
  body.nq-member-body.nq-legacy-shell {
    --nq-shell-logo-box: 116px !important;
  }

  body.nq-member-body.nq-legacy-shell .navbar-header {
    gap: 6px !important;
    padding-right: 6px !important;
  }

  body.nq-member-body.nq-legacy-shell .navbar-header > .d-flex:first-child {
    flex: 1 1 auto !important;
    min-width: 0 !important;
  }

  body.nq-member-body.nq-legacy-shell .navbar-header > .d-flex:last-child {
    flex: 0 0 auto !important;
    min-width: 0 !important;
  }

  body.nq-member-body.nq-legacy-shell .navbar-brand-box,
  body[data-sidebar=dark].nq-member-body.nq-legacy-shell .navbar-brand-box {
    flex-basis: var(--nq-shell-logo-box) !important;
    min-width: var(--nq-shell-logo-box) !important;
    padding-left: 10px !important;
    padding-right: 8px !important;
    width: var(--nq-shell-logo-box) !important;
  }

  body.nq-member-body.nq-legacy-shell .navbar-brand-box .logo-light .logo-sm,
  body.nq-member-body.nq-legacy-shell .nq-member-quicknav,
  body.nq-member-body.nq-legacy-shell .nq-member-rightnav,
  body.nq-member-body.nq-legacy-shell #page-topbar .dropdown:has(#header-lang-img) {
    display: none !important;
  }

  body.nq-member-body.nq-legacy-shell #page-topbar .header-item {
    height: 50px !important;
    min-width: 38px !important;
    padding-left: 7px !important;
    padding-right: 7px !important;
  }

  body.nq-member-body.nq-legacy-shell .nq-client-home-shell .nq-shortcut-grid,
  body.nq-member-body.nq-legacy-shell .nq-client-home-shell .nq-dash-stats {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

/* clientarea-mobile-polish-20260709: mobile-only dashboard refinements. */
@media (max-width: 575.98px) {
  body.nq-member-body.nq-legacy-shell {
    --nq-shell-logo-box: 116px !important;
    --nq-shell-topbar: 50px !important;
  }

  body.nq-member-body.nq-legacy-shell .navbar-header {
    gap: 6px !important;
    padding-right: 6px !important;
  }

  body.nq-member-body.nq-legacy-shell .navbar-header > .d-flex {
    flex: 0 1 auto !important;
    min-width: 0 !important;
  }

  body.nq-member-body.nq-legacy-shell .navbar-header > .d-flex:first-child {
    flex: 1 1 auto !important;
  }

  body.nq-member-body.nq-legacy-shell .navbar-brand-box,
  body[data-sidebar=dark].nq-member-body.nq-legacy-shell .navbar-brand-box {
    border-right-color: #edf1f7 !important;
    flex-basis: var(--nq-shell-logo-box) !important;
    min-width: var(--nq-shell-logo-box) !important;
    padding-left: 10px !important;
    padding-right: 8px !important;
    width: var(--nq-shell-logo-box) !important;
  }

  body.nq-member-body.nq-legacy-shell .navbar-brand-box .logo-light .logo-sm,
  body.nq-member-body.nq-legacy-shell .nq-member-quicknav,
  body.nq-member-body.nq-legacy-shell .nq-member-rightnav,
  body.nq-member-body.nq-legacy-shell #page-topbar .dropdown:has(#header-lang-img) {
    display: none !important;
  }

  body.nq-member-body.nq-legacy-shell #page-topbar .header-item {
    height: 50px !important;
    min-width: 38px !important;
    padding-left: 7px !important;
    padding-right: 7px !important;
  }

  body.nq-member-body.nq-legacy-shell #page-topbar .dropdown,
  body.nq-member-body.nq-legacy-shell #page-topbar .dropdown > button {
    flex: 0 0 auto !important;
  }

  body.nq-member-body.nq-legacy-shell .nq-client-home-shell {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  body.nq-member-body.nq-legacy-shell .nq-client-home-shell .card,
  body.nq-member-body.nq-legacy-shell .nq-client-home-shell .card-body {
    border-radius: 0 !important;
  }

  body.nq-member-body.nq-legacy-shell .nq-client-home-shell .nq-shortcut-grid,
  body.nq-member-body.nq-legacy-shell .nq-client-home-shell .nq-dash-stats {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  body.nq-member-body.nq-legacy-shell .nq-client-home-shell .nq-shortcut-grid {
    gap: 8px !important;
  }

  body.nq-member-body.nq-legacy-shell .nq-client-home-shell .nq-shortcut {
    align-items: center !important;
    background: #f8fbff !important;
    border: 1px solid #e6edf8 !important;
    border-radius: 4px !important;
    color: #344054 !important;
    display: flex !important;
    font-size: 13px !important;
    justify-content: center !important;
    min-height: 42px !important;
    padding: 0 10px !important;
    text-align: center !important;
  }

  body.nq-member-body.nq-legacy-shell .nq-client-home-shell .nq-shortcut:before {
    content: none !important;
    display: none !important;
  }

  body.nq-member-body.nq-legacy-shell .nq-client-home-shell .nq-shortcut span {
    display: block !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  body.nq-member-body.nq-legacy-shell .nq-client-home-shell .nq-dash-stats {
    gap: 10px !important;
  }

  body.nq-member-body.nq-legacy-shell .nq-client-home-shell .nq-dash-stat {
    min-height: 112px !important;
    padding: 12px !important;
  }

  body.nq-member-body.nq-legacy-shell .nq-client-home-shell .nq-dash-stat-header {
    gap: 8px !important;
    min-height: 24px !important;
  }

  body.nq-member-body.nq-legacy-shell .nq-client-home-shell .nq-dash-stat-label {
    font-size: 12px !important;
    line-height: 1.35 !important;
  }

  body.nq-member-body.nq-legacy-shell .nq-client-home-shell .nq-dash-stat-body {
    margin-top: 8px !important;
  }

  body.nq-member-body.nq-legacy-shell .nq-client-home-shell .nq-dash-stat-value {
    font-size: 24px !important;
    line-height: 1.1 !important;
  }

  body.nq-member-body.nq-legacy-shell .nq-client-home-shell .nq-dash-stat-footer {
    align-items: center !important;
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 6px 10px !important;
    margin-top: 8px !important;
  }

  body.nq-member-body.nq-legacy-shell .nq-client-home-shell .nq-dash-stat-footer a {
    font-size: 12px !important;
    line-height: 1.4 !important;
  }

  body.nq-member-body.nq-legacy-shell .nq-client-home-shell #sourceListBox,
  body.nq-member-body.nq-legacy-shell .nq-client-home-shell #sourceListBox.table-responsive,
  body.nq-member-body.nq-legacy-shell .nq-client-home-shell #sourceListBox .user-center_resources {
    border: 0 !important;
    margin: 0 !important;
    overflow: visible !important;
    width: 100% !important;
  }

  body.nq-member-body.nq-legacy-shell .nq-client-home-shell #sourceListBox .user-center_resources {
    height: auto !important;
  }

  body.nq-member-body.nq-legacy-shell .nq-client-home-shell #sourceListBox .table {
    border-collapse: separate !important;
    border-spacing: 0 8px !important;
    display: block !important;
    margin: 0 !important;
    min-width: 0 !important;
    table-layout: fixed !important;
    width: 100% !important;
  }

  body.nq-member-body.nq-legacy-shell .nq-client-home-shell #sourceListBox colgroup,
  body.nq-member-body.nq-legacy-shell .nq-client-home-shell #sourceListBox thead {
    display: none !important;
  }

  body.nq-member-body.nq-legacy-shell .nq-client-home-shell #sourceListBox tbody,
  body.nq-member-body.nq-legacy-shell .nq-client-home-shell #sourceListBox tr,
  body.nq-member-body.nq-legacy-shell .nq-client-home-shell #sourceListBox td {
    display: block !important;
    width: 100% !important;
  }

  body.nq-member-body.nq-legacy-shell .nq-client-home-shell #sourceListBox tbody tr {
    background: #fff !important;
    border: 1px solid #e6edf8 !important;
    border-radius: 4px !important;
    margin: 0 0 8px !important;
    padding: 10px 12px !important;
  }

  body.nq-member-body.nq-legacy-shell .nq-client-home-shell #sourceListBox tbody td {
    align-items: start !important;
    border: 0 !important;
    color: #344054 !important;
    display: grid !important;
    font-size: 13px !important;
    gap: 10px !important;
    grid-template-columns: 72px minmax(0, 1fr) !important;
    line-height: 1.45 !important;
    padding: 5px 0 !important;
    text-align: left !important;
    white-space: normal !important;
  }

  body.nq-member-body.nq-legacy-shell .nq-client-home-shell #sourceListBox tbody td:before {
    color: #86909c !important;
    content: "" !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    line-height: 1.45 !important;
  }

  body.nq-member-body.nq-legacy-shell .nq-client-home-shell #sourceListBox tbody td:nth-child(1):before {
    content: "\673A\5668\72B6\6001" !important;
  }

  body.nq-member-body.nq-legacy-shell .nq-client-home-shell #sourceListBox tbody td:nth-child(2):before {
    content: "\4E3B\673A\540D" !important;
  }

  body.nq-member-body.nq-legacy-shell .nq-client-home-shell #sourceListBox tbody td:nth-child(3):before {
    content: "\5230\671F\65F6\95F4" !important;
  }

  body.nq-member-body.nq-legacy-shell .nq-client-home-shell #sourceListBox tbody td:nth-child(4):before {
    content: "\8D39\7528" !important;
  }

  body.nq-member-body.nq-legacy-shell .nq-client-home-shell #sourceListBox tbody td:nth-child(5):before {
    content: "IP" !important;
  }

  body.nq-member-body.nq-legacy-shell .nq-client-home-shell #sourceListBox tbody td[colspan] {
    display: block !important;
  }

  body.nq-member-body.nq-legacy-shell .nq-client-home-shell #sourceListBox tbody td[colspan]:before {
    content: none !important;
    display: none !important;
  }

  body.nq-member-body.nq-legacy-shell .nq-client-home-shell #sourceListBox tbody td a {
    color: #1d2129 !important;
    display: inline !important;
    line-height: 1.45 !important;
    overflow-wrap: anywhere !important;
    white-space: normal !important;
    word-break: break-word !important;
  }

  body.nq-member-body.nq-legacy-shell .nq-client-home-shell #sourceListBox .table-footer {
    align-items: center !important;
    border-top: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
    padding-top: 8px !important;
  }

  body.nq-member-body.nq-legacy-shell .nq-client-home-shell #sourceListBox .table-pagination {
    justify-content: center !important;
    width: 100% !important;
  }

  body.nq-member-body.nq-legacy-shell .nq-client-home-shell .nq-ticket-line {
    align-items: center !important;
    background: #f8fbff !important;
    border: 1px solid #e6edf8 !important;
    border-radius: 4px !important;
    display: grid !important;
    gap: 5px 8px !important;
    grid-template-columns: auto minmax(0, 1fr) !important;
    min-height: 0 !important;
    padding: 8px 10px !important;
  }

  body.nq-member-body.nq-legacy-shell .nq-client-home-shell .nq-ticket-line .nq-ticket-status {
    grid-column: 1 !important;
    grid-row: 1 / span 2 !important;
    white-space: nowrap !important;
  }

  body.nq-member-body.nq-legacy-shell .nq-client-home-shell .nq-ticket-line .nq-ticket-title {
    display: block !important;
    font-size: 13px !important;
    min-width: 0 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  body.nq-member-body.nq-legacy-shell .nq-client-home-shell .nq-ticket-line .nq-ticket-time {
    background: transparent !important;
    color: #86909c !important;
    display: block !important;
    font-size: 11px !important;
    grid-column: 2 !important;
    line-height: 1.2 !important;
    padding: 0 !important;
    white-space: nowrap !important;
  }
}

/* affiliates-active-dashboard: style the active affiliate page and contain legacy ajax table fragments. */
body.nq-member-body.nq-legacy-shell .nq-affiliates-page {
  box-sizing: border-box !important;
  color: #1d2129 !important;
  padding: 0 !important;
  width: 100% !important;
}

body.nq-member-body.nq-legacy-shell .nq-affiliates-page *,
body.nq-member-body.nq-legacy-shell .nq-affiliates-page *::before,
body.nq-member-body.nq-legacy-shell .nq-affiliates-page *::after {
  box-sizing: border-box !important;
}

body.nq-member-body.nq-legacy-shell .nq-aff-dashboard {
  align-items: stretch !important;
  display: grid !important;
  gap: 16px !important;
  grid-template-columns: minmax(0, 1fr) minmax(360px, 0.92fr) !important;
  width: 100% !important;
}

body.nq-member-body.nq-legacy-shell .nq-aff-panel {
  background: #fff !important;
  border: 1px solid #edf1f7 !important;
  border-radius: 8px !important;
  box-shadow: 0 10px 26px rgba(23, 32, 51, 0.04) !important;
  min-width: 0 !important;
  padding: 18px 20px !important;
}

body.nq-member-body.nq-legacy-shell .nq-aff-section-head {
  align-items: center !important;
  display: flex !important;
  gap: 12px !important;
  justify-content: space-between !important;
  margin-bottom: 14px !important;
}

body.nq-member-body.nq-legacy-shell .nq-aff-section-head h4 {
  color: #1d2129 !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  line-height: 1.4 !important;
  margin: 0 !important;
}

body.nq-member-body.nq-legacy-shell .nq-aff-eyebrow {
  display: none !important;
}

body.nq-member-body.nq-legacy-shell .nq-aff-withdraw-btn,
body.nq-member-body.nq-legacy-shell .nq-aff-copy-btn {
  align-items: center !important;
  background: #1769ff !important;
  border: 1px solid #1769ff !important;
  border-radius: 3px !important;
  color: #fff !important;
  display: inline-flex !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  height: 36px !important;
  justify-content: center !important;
  min-width: 74px !important;
  padding: 0 14px !important;
}

body.nq-member-body.nq-legacy-shell .nq-aff-withdraw-btn:disabled {
  box-shadow: none !important;
  cursor: not-allowed !important;
  opacity: 0.65 !important;
}

body.nq-member-body.nq-legacy-shell .nq-aff-balance-value {
  align-items: baseline !important;
  color: #1769ff !important;
  display: flex !important;
  font-size: 34px !important;
  font-weight: 700 !important;
  gap: 6px !important;
  line-height: 1 !important;
  margin-bottom: 18px !important;
}

body.nq-member-body.nq-legacy-shell .nq-aff-balance-value small {
  color: #667085 !important;
  font-size: 14px !important;
  font-weight: 500 !important;
}

body.nq-member-body.nq-legacy-shell .nq-aff-money-grid {
  display: grid !important;
  gap: 12px !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

body.nq-member-body.nq-legacy-shell .nq-aff-money-item {
  background: #f7faff !important;
  border: 1px solid #edf4ff !important;
  border-radius: 6px !important;
  padding: 12px 14px !important;
}

body.nq-member-body.nq-legacy-shell .nq-aff-money-item span,
body.nq-member-body.nq-legacy-shell .nq-aff-kpi-item span {
  color: #667085 !important;
  display: block !important;
  font-size: 13px !important;
  line-height: 1.4 !important;
  margin-bottom: 6px !important;
}

body.nq-member-body.nq-legacy-shell .nq-aff-money-item strong {
  color: #1d2129 !important;
  font-size: 18px !important;
  font-weight: 600 !important;
}

body.nq-member-body.nq-legacy-shell .nq-aff-money-item small {
  color: #667085 !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  margin-left: 2px !important;
}

body.nq-member-body.nq-legacy-shell .nq-aff-copy-row {
  align-items: center !important;
  display: flex !important;
  gap: 10px !important;
  width: 100% !important;
}

body.nq-member-body.nq-legacy-shell .nq-aff-copy-row .form-control {
  background: #f7f8fa !important;
  border: 1px solid #e5e8ef !important;
  border-radius: 4px !important;
  color: #344054 !important;
  flex: 1 1 auto !important;
  font-size: 13px !important;
  height: 36px !important;
  min-width: 0 !important;
  padding: 0 12px !important;
}

body.nq-member-body.nq-legacy-shell .nq-aff-copy-btn {
  flex: 0 0 42px !important;
  min-width: 42px !important;
  padding: 0 !important;
}

body.nq-member-body.nq-legacy-shell .nq-aff-kpi-panel {
  display: grid !important;
  gap: 14px !important;
  grid-column: 1 / -1 !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

body.nq-member-body.nq-legacy-shell .nq-aff-kpi-item {
  align-items: center !important;
  background: #fbfcff !important;
  border: 1px solid #edf1f7 !important;
  border-radius: 6px !important;
  display: flex !important;
  gap: 12px !important;
  min-height: 76px !important;
  min-width: 0 !important;
  padding: 14px 16px !important;
}

body.nq-member-body.nq-legacy-shell .nq-aff-kpi-icon {
  align-items: center !important;
  background: #edf4ff !important;
  border-radius: 8px !important;
  color: #1769ff !important;
  display: flex !important;
  flex: 0 0 38px !important;
  font-size: 20px !important;
  height: 38px !important;
  justify-content: center !important;
  width: 38px !important;
}

body.nq-member-body.nq-legacy-shell .nq-aff-kpi-item strong {
  color: #1d2129 !important;
  display: block !important;
  font-size: 22px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
}

body.nq-member-body.nq-legacy-shell .nq-aff-rule-panel,
body.nq-member-body.nq-legacy-shell .nq-aff-record-panel {
  grid-column: 1 / -1 !important;
}

body.nq-member-body.nq-legacy-shell .nq-aff-rule-list {
  display: grid !important;
  gap: 12px !important;
}

body.nq-member-body.nq-legacy-shell .nq-aff-rule-item {
  align-items: center !important;
  background: #fbfcff !important;
  border: 1px solid #edf1f7 !important;
  border-radius: 6px !important;
  display: flex !important;
  gap: 14px !important;
  justify-content: space-between !important;
  padding: 14px 16px !important;
}

body.nq-member-body.nq-legacy-shell .nq-aff-rule-item h5 {
  color: #1d2129 !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  margin: 0 0 6px !important;
}

body.nq-member-body.nq-legacy-shell .nq-aff-rule-item p {
  color: #667085 !important;
  font-size: 13px !important;
  line-height: 1.5 !important;
  margin: 0 !important;
}

body.nq-member-body.nq-legacy-shell .nq-aff-rule-item .badge {
  background: #eafaf4 !important;
  border-radius: 999px !important;
  color: #12a56b !important;
  flex: 0 0 auto !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  padding: 5px 10px !important;
}

body.nq-member-body.nq-legacy-shell .nq-aff-record-panel {
  padding-bottom: 12px !important;
}

body.nq-member-body.nq-legacy-shell .nq-aff-record-panel .affs-nav {
  border-bottom: 1px solid #edf1f7 !important;
  display: flex !important;
  gap: 0 !important;
  margin: -2px 0 14px !important;
}

body.nq-member-body.nq-legacy-shell .nq-aff-record-panel .affs-nav .nav-item {
  flex: 1 1 0 !important;
  text-align: center !important;
}

body.nq-member-body.nq-legacy-shell .nq-aff-record-panel .affs-nav .nav-link {
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  color: #344054 !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  line-height: 1.4 !important;
  padding: 10px 12px 12px !important;
  position: relative !important;
}

body.nq-member-body.nq-legacy-shell .nq-aff-record-panel .affs-nav .nav-link.active {
  color: #1769ff !important;
}

body.nq-member-body.nq-legacy-shell .nq-aff-record-panel .affs-nav .nav-link.active::after {
  background: #1769ff !important;
  border-radius: 2px 2px 0 0 !important;
  bottom: -1px !important;
  content: "" !important;
  height: 2px !important;
  left: 0 !important;
  position: absolute !important;
  right: 0 !important;
}

body.nq-member-body.nq-legacy-shell .nq-aff-record-panel .tab-content {
  color: #344054 !important;
  overflow: visible !important;
}

body.nq-member-body.nq-legacy-shell .nq-aff-record-panel .table-container {
  background: transparent !important;
  border: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  width: 100% !important;
}

body.nq-member-body.nq-legacy-shell .nq-aff-record-panel .table-header {
  align-items: center !important;
  display: flex !important;
  justify-content: flex-end !important;
  margin: 0 0 14px !important;
  min-height: 36px !important;
}

body.nq-member-body.nq-legacy-shell .nq-aff-record-panel .table-filter {
  display: none !important;
}

body.nq-member-body.nq-legacy-shell .nq-aff-record-panel .table-search {
  margin-left: auto !important;
  max-width: 480px !important;
  width: 100% !important;
}

body.nq-member-body.nq-legacy-shell .nq-aff-record-panel .table-search .row,
body.nq-member-body.nq-legacy-shell .nq-aff-record-panel .table-search [class*="col-"] {
  display: block !important;
  margin: 0 !important;
  max-width: none !important;
  padding: 0 !important;
  width: 100% !important;
}

body.nq-member-body.nq-legacy-shell .nq-aff-record-panel .search-box .position-relative {
  position: relative !important;
}

body.nq-member-body.nq-legacy-shell .nq-aff-record-panel .search-box .form-control {
  background: #fff !important;
  border: 1px solid #dfe5ef !important;
  border-radius: 2px !important;
  color: #1d2129 !important;
  font-size: 13px !important;
  height: 36px !important;
  padding: 0 34px 0 12px !important;
}

body.nq-member-body.nq-legacy-shell .nq-aff-record-panel .search-box .search-icon {
  color: #98a2b3 !important;
  cursor: pointer !important;
  font-size: 16px !important;
  line-height: 1 !important;
  position: absolute !important;
  right: 12px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
}

body.nq-member-body.nq-legacy-shell .nq-aff-record-panel .table-responsive {
  border: 0 !important;
  margin: 0 !important;
  overflow-x: auto !important;
  width: 100% !important;
}

body.nq-member-body.nq-legacy-shell .nq-aff-record-panel .table {
  background: #fff !important;
  border-collapse: collapse !important;
  margin: 0 !important;
  min-width: 760px !important;
  table-layout: fixed !important;
  width: 100% !important;
}

body.nq-member-body.nq-legacy-shell .nq-aff-record-panel .table thead,
body.nq-member-body.nq-legacy-shell .nq-aff-record-panel .table thead.bg-light {
  background: #f7f9fc !important;
}

body.nq-member-body.nq-legacy-shell .nq-aff-record-panel .table thead th {
  border: 0 !important;
  color: #344054 !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  padding: 13px 14px !important;
  white-space: nowrap !important;
}

body.nq-member-body.nq-legacy-shell .nq-aff-record-panel .table tbody td {
  border-top: 1px solid #edf1f7 !important;
  color: #344054 !important;
  font-size: 13px !important;
  padding: 13px 14px !important;
  vertical-align: middle !important;
}

body.nq-member-body.nq-legacy-shell .nq-aff-record-panel .table-footer {
  align-items: center !important;
  display: flex !important;
  justify-content: flex-end !important;
  margin-top: 14px !important;
  min-height: 30px !important;
}

body.nq-member-body.nq-legacy-shell .nq-aff-record-panel .table-tools {
  display: none !important;
}

body.nq-member-body.nq-legacy-shell .nq-aff-record-panel .table-pagination {
  align-items: center !important;
  color: #667085 !important;
  display: flex !important;
  flex-wrap: wrap !important;
  font-size: 13px !important;
  gap: 8px !important;
  justify-content: flex-end !important;
  margin-left: auto !important;
}

body.nq-member-body.nq-legacy-shell .nq-aff-record-panel .table-pageinfo {
  align-items: center !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 6px !important;
  margin: 0 !important;
}

body.nq-member-body.nq-legacy-shell .nq-aff-record-panel .table-pageinfo select {
  background: #fff !important;
  border: 1px solid #dfe5ef !important;
  border-radius: 2px !important;
  color: #344054 !important;
  font-size: 13px !important;
  height: 26px !important;
  padding: 0 18px 0 6px !important;
}

body.nq-member-body.nq-legacy-shell .nq-aff-record-panel .pagination {
  align-items: center !important;
  display: flex !important;
  gap: 4px !important;
  margin: 0 !important;
}

body.nq-member-body.nq-legacy-shell .nq-aff-record-panel .page-link {
  align-items: center !important;
  border: 1px solid #dfe5ef !important;
  border-radius: 2px !important;
  color: #667085 !important;
  display: inline-flex !important;
  font-size: 13px !important;
  height: 26px !important;
  justify-content: center !important;
  min-width: 28px !important;
  padding: 0 8px !important;
}

body.nq-member-body.nq-legacy-shell .nq-aff-record-panel .page-item.active .page-link,
body.nq-member-body.nq-legacy-shell .nq-aff-record-panel .pagination .active .page-link {
  background: #edf4ff !important;
  border-color: #1769ff !important;
  color: #1769ff !important;
}

@media (max-width: 1200px) {
  body.nq-member-body.nq-legacy-shell .nq-aff-dashboard {
    grid-template-columns: 1fr !important;
  }

  body.nq-member-body.nq-legacy-shell .nq-aff-kpi-panel,
  body.nq-member-body.nq-legacy-shell .nq-aff-rule-panel,
  body.nq-member-body.nq-legacy-shell .nq-aff-record-panel {
    grid-column: auto !important;
  }
}

@media (max-width: 768px) {
  body.nq-member-body.nq-legacy-shell .nq-aff-panel {
    padding: 14px !important;
  }

  body.nq-member-body.nq-legacy-shell .nq-aff-money-grid,
  body.nq-member-body.nq-legacy-shell .nq-aff-kpi-panel {
    grid-template-columns: 1fr !important;
  }

  body.nq-member-body.nq-legacy-shell .nq-aff-rule-item,
  body.nq-member-body.nq-legacy-shell .nq-aff-section-head,
  body.nq-member-body.nq-legacy-shell .nq-aff-record-panel .table-footer,
  body.nq-member-body.nq-legacy-shell .nq-aff-record-panel .table-pagination {
    align-items: stretch !important;
    flex-direction: column !important;
  }

  body.nq-member-body.nq-legacy-shell .nq-aff-record-panel .table-search {
    max-width: none !important;
  }
}

/* client-shell-p1-unified61: shared legacy shell guard for all clientarea pages. */
html,
body.nq-member-body.nq-legacy-shell {
  max-width: 100% !important;
  overflow-x: hidden !important;
}

body.nq-member-body.nq-legacy-shell #layout-wrapper,
body.nq-member-body.nq-legacy-shell .main-content,
body.nq-member-body.nq-legacy-shell .page-content,
body.nq-member-body.nq-legacy-shell .container-fluid {
  max-width: 100% !important;
  min-width: 0 !important;
}

body.nq-member-body.nq-legacy-shell .page-content {
  min-height: calc(100vh - var(--nq-shell-topbar)) !important;
  overflow: visible !important;
}

body.nq-member-body.nq-legacy-shell .vertical-menu,
body[data-sidebar=dark].nq-member-body.nq-legacy-shell .vertical-menu {
  overflow-x: hidden !important;
  overflow-y: auto !important;
}

body.nq-member-body.nq-legacy-shell #sidebar-menu,
body.nq-member-body.nq-legacy-shell #sidebar-menu ul,
body.nq-member-body.nq-legacy-shell #sidebar-menu li {
  max-width: 100% !important;
}

body.nq-member-body.nq-legacy-shell .card,
body.nq-member-body.nq-legacy-shell .table-responsive,
body.nq-member-body.nq-legacy-shell .nq-dashboard-card,
body.nq-member-body.nq-legacy-shell .nq-client-panel {
  min-width: 0 !important;
}

body.nq-member-body.nq-legacy-shell .table-responsive {
  overflow-x: auto !important;
}

body.nq-member-body.nq-legacy-shell .nq-member-rightnav a,
body.nq-member-body.nq-legacy-shell .nq-member-quicknav a {
  flex: 0 0 auto !important;
}

body.nq-member-body.nq-legacy-shell .footer,
body.nq-member-body.nq-legacy-shell footer.footer,
body.nq-member-body.nq-legacy-shell .nq-member-footer {
  display: none !important;
}

@media (min-width: 992px) {
  body.nq-member-body.nq-legacy-shell .page-content {
    padding-left: 24px !important;
    padding-right: 24px !important;
  }
}

/* client-shell-reference59: final compact control-console geometry. */
body.nq-member-body.nq-legacy-shell {
  --nq-shell-sidebar: 176px !important;
  --nq-member-sidebar-width: 176px !important;
  --nq-shell-logo-box: 118px !important;
  --nq-shell-topbar: 50px !important;
}

body.nq-member-body.nq-legacy-shell #page-topbar {
  height: var(--nq-shell-topbar) !important;
  left: 0 !important;
  min-height: var(--nq-shell-topbar) !important;
  right: 0 !important;
  top: 0 !important;
  width: 100% !important;
}

body.nq-member-body.nq-legacy-shell .navbar-header {
  align-items: center !important;
  display: flex !important;
  height: var(--nq-shell-topbar) !important;
  justify-content: space-between !important;
  min-height: var(--nq-shell-topbar) !important;
  padding: 0 10px 0 0 !important;
}

body.nq-member-body.nq-legacy-shell .navbar-header > .d-flex {
  align-items: center !important;
  height: var(--nq-shell-topbar) !important;
  min-width: 0 !important;
}

body.nq-member-body.nq-legacy-shell .navbar-brand-box,
body[data-sidebar=dark].nq-member-body.nq-legacy-shell .navbar-brand-box {
  align-items: center !important;
  background: #fff !important;
  border-right: 1px solid #edf1f7 !important;
  display: flex !important;
  flex: 0 0 var(--nq-shell-logo-box) !important;
  height: var(--nq-shell-topbar) !important;
  justify-content: flex-start !important;
  left: auto !important;
  min-height: var(--nq-shell-topbar) !important;
  min-width: var(--nq-shell-logo-box) !important;
  padding: 0 12px 0 14px !important;
  position: relative !important;
  top: auto !important;
  width: var(--nq-shell-logo-box) !important;
}

body.nq-member-body.nq-legacy-shell .navbar-brand-box .logo,
body.nq-member-body.nq-legacy-shell .navbar-brand-box .logo-lg {
  align-items: center !important;
  display: flex !important;
  height: var(--nq-shell-topbar) !important;
  line-height: var(--nq-shell-topbar) !important;
}

body.nq-member-body.nq-legacy-shell .navbar-brand-box .logo-lg img {
  display: block !important;
  height: auto !important;
  max-height: 28px !important;
  max-width: 92px !important;
  object-fit: contain !important;
  width: auto !important;
}

body.nq-member-body.nq-legacy-shell #vertical-menu-btn {
  display: none !important;
}

body.nq-member-body.nq-legacy-shell .nq-member-quicknav {
  align-items: center !important;
  display: flex !important;
  flex: 0 0 auto !important;
  gap: 18px !important;
  height: var(--nq-shell-topbar) !important;
  margin: 0 0 0 8px !important;
  position: static !important;
  right: auto !important;
  top: auto !important;
  white-space: nowrap !important;
}

body.nq-member-body.nq-legacy-shell .nq-member-quicknav a {
  align-items: center !important;
  color: #344054 !important;
  display: inline-flex !important;
  font-size: 13px !important;
  gap: 4px !important;
  height: var(--nq-shell-topbar) !important;
  line-height: var(--nq-shell-topbar) !important;
  padding: 0 !important;
  text-decoration: none !important;
}

body.nq-member-body.nq-legacy-shell .nq-member-quicknav a[href="/clientarea"],
body.nq-member-body.nq-legacy-shell .nq-member-quicknav a.is-active {
  background: #edf4ff !important;
  border-radius: 4px !important;
  color: #1769ff !important;
  font-weight: 600 !important;
  height: 24px !important;
  line-height: 24px !important;
  padding: 0 8px !important;
}

body.nq-member-body.nq-legacy-shell .nq-member-rightnav {
  align-items: center !important;
  display: flex !important;
  gap: 22px !important;
  height: var(--nq-shell-topbar) !important;
  margin: 0 12px 0 0 !important;
  white-space: nowrap !important;
}

body.nq-member-body.nq-legacy-shell .vertical-menu,
body[data-sidebar=dark].nq-member-body.nq-legacy-shell .vertical-menu {
  background: #fff !important;
  border-right: 1px solid #edf1f7 !important;
  bottom: 0 !important;
  box-shadow: none !important;
  left: 0 !important;
  min-height: calc(100vh - var(--nq-shell-topbar)) !important;
  position: fixed !important;
  top: var(--nq-shell-topbar) !important;
  width: var(--nq-shell-sidebar) !important;
}

body.nq-member-body.nq-legacy-shell .main-content {
  background: #f7f8fb !important;
  margin-left: var(--nq-shell-sidebar) !important;
  min-height: 100vh !important;
  padding-top: 0 !important;
}

body.nq-member-body.nq-legacy-shell .page-content {
  padding-top: 68px !important;
}

body.nq-member-body.nq-legacy-shell .footer,
body.nq-member-body.nq-legacy-shell .nq-member-footer {
  display: none !important;
}

@media (max-width: 1280px) {
  body.nq-member-body.nq-legacy-shell .nq-member-quicknav {
    display: none !important;
  }
}

@media (max-width: 991.98px) {
  body.nq-member-body.nq-legacy-shell {
    --nq-shell-sidebar: 0px !important;
    --nq-member-sidebar-width: 0px !important;
  }

  body.nq-member-body.nq-legacy-shell .navbar-brand-box,
  body[data-sidebar=dark].nq-member-body.nq-legacy-shell .navbar-brand-box {
    flex: 0 0 var(--nq-shell-logo-box) !important;
    min-width: var(--nq-shell-logo-box) !important;
    position: relative !important;
    width: var(--nq-shell-logo-box) !important;
  }

  body.nq-member-body.nq-legacy-shell .main-content {
    margin-left: 0 !important;
  }

  body.nq-member-body.nq-legacy-shell .vertical-menu {
    left: -176px !important;
    width: 176px !important;
  }

  body.sidebar-enable.nq-member-body.nq-legacy-shell .vertical-menu {
    left: 0 !important;
  }
}

/* client-shell-reference60: remove duplicate logo and keep dashboard heading compact. */
body.nq-member-body.nq-legacy-shell .navbar-brand-box .logo-dark,
body.nq-member-body.nq-legacy-shell .navbar-brand-box .logo-dark .logo-lg {
  display: none !important;
  height: 0 !important;
  line-height: 0 !important;
  margin: 0 !important;
  min-width: 0 !important;
  overflow: hidden !important;
  padding: 0 !important;
  visibility: hidden !important;
  width: 0 !important;
}

body.nq-member-body.nq-legacy-shell .navbar-brand-box .logo-light {
  align-items: center !important;
  display: flex !important;
  flex: 0 0 auto !important;
  height: var(--nq-shell-topbar) !important;
  line-height: var(--nq-shell-topbar) !important;
  margin: 0 !important;
  min-width: 0 !important;
  padding: 0 !important;
  width: auto !important;
}

body.nq-member-body.nq-legacy-shell .navbar-brand-box .logo-light .logo-lg {
  align-items: center !important;
  display: flex !important;
  height: var(--nq-shell-topbar) !important;
  line-height: var(--nq-shell-topbar) !important;
}

body.nq-member-body.nq-legacy-shell .nq-client-page-heading [hidden],
body.nq-member-body.nq-legacy-shell .nq-client-page-heading [data-diy-client-subtitle] {
  display: none !important;
  visibility: hidden !important;
}