/* IDC client area visual compatibility layer. Business templates remain untouched. */
:root {
  --client-ink: #101828;
  --client-ink-soft: #344054;
  --client-muted: #1f2937;
  --client-line: #dfe4ec;
  --client-line-soft: #edf0f5;
  --client-surface: #ffffff;
  --client-surface-soft: #f6f8fb;
  --client-blue: var(--theme-color-3, #155eef);
  --client-blue-dark: var(--theme-color-5, #0b4bd4);
  --client-teal: #0e9384;
  --client-amber: #f79009;
  --client-danger: #d92d20;
  --client-shadow-sm: 0 7px 22px rgba(16, 24, 40, 0.07);
  --client-shadow-md: 0 18px 48px rgba(16, 24, 40, 0.12);
}

html,
body {
  min-height: 100%;
  background: var(--client-surface-soft) !important;
  color: var(--client-ink);
  font-family: "PingFang SC", "Microsoft YaHei", Arial, sans-serif;
  letter-spacing: 0;
}

body *,
body *::before,
body *::after {
  box-sizing: border-box;
  letter-spacing: 0;
}

a {
  color: var(--client-blue);
}

a:hover {
  color: var(--client-blue-dark);
  text-decoration: none;
}

/* Top work bar */
#page-topbar {
  z-index: 1100 !important;
  min-height: var(--topbar-height, 48px);
  background: rgba(255, 255, 255, 0.92) !important;
  border-bottom: 1px solid rgba(223, 228, 236, 0.9) !important;
  box-shadow: 0 7px 24px rgba(16, 24, 40, 0.06) !important;
  -webkit-backdrop-filter: saturate(150%) blur(18px);
  backdrop-filter: saturate(150%) blur(18px);
}

#page-topbar .navbar-header {
  min-height: var(--topbar-height, 48px);
  padding: 0 16px 0 0;
}

#page-topbar .navbar-header > .d-flex:first-child {
  min-height: var(--topbar-height, 48px);
  align-items: center;
}

.navbar-brand-box {
  background: #ffffff !important;
  border-right: 1px solid var(--client-line-soft);
}

.navbar-brand-box .logo {
  display: flex !important;
  height: 100%;
  align-items: center;
}

.navbar-brand-box .logo-lg img {
  width: auto;
  max-width: 150px;
  max-height: 34px;
  object-fit: contain;
}

#page-topbar .header-item {
  min-width: 38px;
  height: 36px !important;
  padding: 0 10px !important;
  border: 0 !important;
  border-radius: 6px !important;
  background: transparent !important;
  color: var(--client-ink-soft) !important;
  line-height: 36px !important;
  box-shadow: none !important;
}

#page-topbar .btn.btn-sm.ml-3.px-3.font-size-16.header-item {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px;
  min-height: 30px !important;
  height: calc(var(--topbar-height, 48px) - 16px) !important;
  max-height: 34px !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding: 0 10px !important;
  border-radius: 5px !important;
  font-size: 13px !important;
  line-height: 1 !important;
  vertical-align: middle;
}

#page-topbar .btn.btn-sm.ml-3.px-3.font-size-16.header-item i {
  margin: 0 !important;
  line-height: 1 !important;
}

#page-topbar .header-item:hover,
#page-topbar .header-item:focus,
#page-topbar .dropdown.show .header-item {
  background: #eef4ff !important;
  color: var(--client-blue) !important;
}

#page-topbar .dropdown > a,
#page-topbar .dropdown-trigger-container > button > a {
  color: var(--client-ink-soft) !important;
}

#page-topbar .noti-icon .badge {
  min-width: 16px;
  height: 16px;
  padding: 0 4px;
  border: 2px solid #ffffff;
  border-radius: 8px;
  background: var(--client-danger) !important;
  font-size: 9px;
  line-height: 12px;
}

.header-profile-user {
  width: 30px !important;
  height: 30px !important;
  border: 2px solid #ffffff;
  box-shadow: 0 0 0 1px var(--client-line);
  object-fit: cover;
}

#page-topbar .dropdown-menu {
  margin-top: 7px !important;
  padding: 6px !important;
  border: 1px solid var(--client-line-soft) !important;
  border-radius: 8px !important;
  background: #ffffff !important;
  box-shadow: var(--client-shadow-md) !important;
}

#page-topbar .dropdown-item {
  min-height: 36px;
  padding: 8px 10px !important;
  border-radius: 5px;
  color: var(--client-ink-soft) !important;
}

#page-topbar .dropdown-item:hover,
#page-topbar .dropdown-item:focus {
  background: var(--client-surface-soft) !important;
  color: var(--client-blue) !important;
}

/* Side navigation */
.vertical-menu {
  top: var(--topbar-height, 48px) !important;
  left: 0 !important;
  width: var(--sidebar-width, 230px) !important;
  background: #ffffff !important;
  border-right: 1px solid var(--client-line) !important;
  box-shadow: 5px 0 20px rgba(16, 24, 40, 0.03) !important;
}

#sidebar-menu {
  margin-left: 0 !important;
  padding: 14px 8px 24px 0 !important;
  text-align: left !important;
}

#sidebar-menu > ul,
#sidebar-menu #side-menu {
  width: 100%;
  margin-left: 0 !important;
  padding-left: 0 !important;
}

#sidebar-menu .menu-title,
#sidebar-menu .nav-title,
#sidebar-menu li.menu-title {
  padding-left: 12px !important;
  text-align: left !important;
  justify-content: flex-start !important;
}

#sidebar-menu ul li a {
  display: flex !important;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  min-height: 42px;
  margin: 2px 0;
  padding: 10px 12px !important;
  border-radius: 0 6px 6px 0;
  color: var(--client-muted) !important;
  font-size: 13px;
  font-weight: 500;
  line-height: 22px;
  text-align: left;
}

#sidebar-menu ul li a i {
  color: #6b6b6b !important;
  font-size: 17px;
}

/* change.25y.css hides icons inside expandable links; restore configured group icons. */
#sidebar-menu ul li.idc-sidebar-group > a.has-arrow > i {
  display: inline-flex !important;
  color: #6b6b6b !important;
  flex: 0 0 20px;
  width: 20px;
  min-width: 20px;
  height: 20px;
  margin-right: 8px;
  padding-bottom: 0;
  align-items: center;
  justify-content: center;
  line-height: 20px;
}

#sidebar-menu ul li a:hover,
#sidebar-menu ul li.mm-active > a,
#sidebar-menu ul li a.active {
  background: #eef4ff !important;
  color: var(--client-blue) !important;
}

#sidebar-menu ul li a:hover i,
#sidebar-menu ul li.mm-active > a i,
#sidebar-menu ul li a.active i {
  color: var(--client-blue) !important;
}

#sidebar-menu .sub-menu {
  margin-left: 0 !important;
  padding-left: 0 !important;
  text-align: left !important;
}

#sidebar-menu .sub-menu li a {
  min-height: 36px;
  padding: 7px 10px 7px 24px !important;
  font-size: 12px;
  font-weight: 400;
  text-align: left !important;
  justify-content: flex-start !important;
}

body.vertical-collpsed .vertical-menu #sidebar-menu > ul > li > a {
  border-radius: 6px;
}

/* Main workspace */
.main-content {
  margin-left: var(--sidebar-width, 230px) !important;
  background: var(--client-surface-soft) !important;
}

.page-content {
  min-height: calc(100vh - var(--topbar-height, 48px));
  padding: calc(var(--topbar-height, 48px) + 22px) 24px 36px !important;
}

.page-content > .container-fluid,
.page-content > form > .container-fluid {
  max-width: 1500px;
  margin: 0 auto;
}

.page-content > .container-fluid.idc-page-title-wrap {
  width: 100%;
  max-width: none !important;
  margin-right: 0 !important;
  margin-left: 0 !important;
  padding-right: 0 !important;
  padding-left: 0 !important;
}

.idc-page-title-wrap > .row {
  margin-right: 0 !important;
  margin-left: 0 !important;
}

.idc-page-title-wrap > .row > .col-12 {
  padding-right: 0 !important;
  padding-left: 0 !important;
}

.idc-page-title-wrap .page-title-box {
  display: flex !important;
  width: 100% !important;
}

.idc-page-title-wrap .page-title-box h4 {
  margin-left: 0 !important;
  text-align: left !important;
}

.idc-page-title-wrap .page-title-right {
  flex: 0 0 auto;
  margin-right: 0 !important;
  margin-left: auto !important;
  text-align: right !important;
}

.idc-page-title-wrap .page-title-right .breadcrumb {
  justify-content: flex-end !important;
  margin-right: 0 !important;
  margin-left: auto !important;
  text-align: right !important;
}

.page-title-box {
  min-height: 42px;
  margin: 0 0 18px !important;
  padding: 0 !important;
  justify-content: flex-start !important;
  text-align: left !important;
}

.page-title-box h4,
.page-title-box .font-size-18 {
  color: var(--client-ink) !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  margin-left: 0 !important;
  text-align: left !important;
}

.page-title-box > :first-child {
  min-width: 0;
  margin-right: auto !important;
  justify-content: flex-start !important;
  text-align: left !important;
}

.page-title-box .page-title-right {
  margin-left: auto !important;
  text-align: right !important;
}

.breadcrumb {
  background: transparent !important;
}

.breadcrumb-item,
.breadcrumb-item a {
  color: var(--client-muted) !important;
  font-size: 12px;
}

.breadcrumb-item.active {
  color: var(--client-ink-soft) !important;
}

/* Cards and panels */
.card,
.modal-content,
.jconfirm-box,
.user-center_product,
.app-expense-card,
.split_bill_unit {
  border: 1px solid var(--client-line-soft) !important;
  border-radius: 8px !important;
  background: #ffffff !important;
  box-shadow: 0 2px 8px rgba(16, 24, 40, 0.04) !important;
}

.app-overview-grid__item-6,
.app-overview-grid__box {
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.app-overview-grid__box {
  padding: 0 !important;
}

._ov-block-item {
  border: 1px solid var(--client-line-soft) !important;
  border-radius: 6px !important;
  background: var(--client-surface-soft) !important;
  box-shadow: none !important;
  transition: border-color 0.18s ease, background-color 0.18s ease;
}

._ov-block-item--hover:hover,
._ov-block-itemm._ov-block-item--hover:hover {
  border-color: #cfe0ff !important;
  background: #eef4ff !important;
}

.card {
  margin-bottom: 18px !important;
}

.card:hover {
  border-color: #d8e0eb !important;
}

.card-header,
.modal-header,
.table-header,
.app-expense-card__header {
  background: #ffffff !important;
  border-bottom: 1px solid var(--client-line-soft) !important;
}

.card-header,
.modal-header {
  padding: 16px 18px !important;
}

.card-body {
  padding: 18px !important;
}

.card-title,
.modal-title,
.table-header h4,
.app-expense-card__title,
.app-expense-card__header h3 {
  color: var(--client-ink) !important;
  font-weight: 700 !important;
  text-align: left !important;
}

.text-muted,
.color-999,
.app-expense-text-weak {
  color: var(--client-muted) !important;
}

/* Tables */
.table-responsive {
  border: 1px solid var(--client-line-soft);
  border-radius: 8px;
  background: #ffffff;
  overflow: auto;
}

.table {
  margin-bottom: 0 !important;
  color: var(--client-ink-soft);
}

.table thead th {
  padding: 12px 14px !important;
  border-top: 0 !important;
  border-bottom: 1px solid var(--client-line) !important;
  background: var(--client-surface-soft) !important;
  color: var(--client-muted) !important;
  font-size: 12px;
  font-weight: 600 !important;
}

.table tbody td {
  padding: 13px 14px !important;
  border-top: 1px solid var(--client-line-soft) !important;
  vertical-align: middle !important;
}

.table tbody tr:hover {
  background: #fafcff !important;
}

.table-header,
.table-footer {
  padding: 14px 16px !important;
}

.pagination .page-link {
  min-width: 32px;
  height: 32px;
  margin: 0 2px;
  padding: 6px 9px;
  border: 1px solid var(--client-line) !important;
  border-radius: 5px !important;
  color: var(--client-muted);
  text-align: center;
}

.pagination .page-item.active .page-link {
  border-color: var(--client-blue) !important;
  background: var(--client-blue) !important;
  color: #ffffff !important;
}

/* Forms and controls */
.form-control,
.custom-select,
.bootstrap-select > .dropdown-toggle,
.select2-container .select2-selection,
.app-expense-input,
.app-expense-select {
  min-height: 38px;
  border: 1px solid var(--client-line) !important;
  border-radius: 6px !important;
  background-color: #ffffff !important;
  color: var(--client-ink-soft) !important;
  box-shadow: none !important;
}

.form-control:focus,
.custom-select:focus,
.bootstrap-select.show > .dropdown-toggle,
.select2-container--focus .select2-selection {
  border-color: var(--client-blue) !important;
  box-shadow: 0 0 0 3px rgba(21, 94, 239, 0.12) !important;
}

.form-control::placeholder {
  color: #98a2b3 !important;
}

label,
.col-form-label {
  color: var(--client-ink-soft);
  font-weight: 500;
}

.custom-control-input:checked ~ .custom-control-label::before {
  border-color: var(--client-blue) !important;
  background: var(--client-blue) !important;
}

/* Buttons */
.btn {
  min-height: 34px;
  border-radius: 6px !important;
  font-weight: 500;
  box-shadow: none !important;
}

.btn-primary,
.btn-success {
  border-color: var(--client-blue) !important;
  background: var(--client-blue) !important;
  color: #ffffff !important;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-success:hover,
.btn-success:focus {
  border-color: var(--client-blue-dark) !important;
  background: var(--client-blue-dark) !important;
}

.btn-outline-primary {
  border-color: var(--client-blue) !important;
  background: #ffffff !important;
  color: var(--client-blue) !important;
}

.btn-outline-primary:hover {
  background: #eef4ff !important;
  color: var(--client-blue-dark) !important;
}

.btn-secondary,
.btn-light,
.btn-outline-light,
.btn-default {
  border-color: var(--client-line) !important;
  background: #ffffff !important;
  color: var(--client-ink-soft) !important;
}

.btn-danger {
  border-color: var(--client-danger) !important;
  background: var(--client-danger) !important;
}

/* Alerts, labels and business states */
.alert,
.app-expense-alert {
  border: 1px solid var(--client-line) !important;
  border-radius: 6px !important;
  box-shadow: none !important;
}

.alert-info,
.app-expense-alert--info {
  border-color: #cfe0ff !important;
  background: #edf4ff !important;
  color: #1849a9 !important;
}

.alert-warning,
.app-expense-alert--warning {
  border-color: #fedf89 !important;
  background: #fffaeb !important;
  color: #93370d !important;
}

.alert-success,
.app-expense-alert--success {
  border-color: #abefc6 !important;
  background: #ecfdf3 !important;
  color: #067647 !important;
}

.alert-danger,
.app-expense-alert--error {
  border-color: #fecdca !important;
  background: #fef3f2 !important;
  color: #b42318 !important;
}

.badge,
.status {
  border-radius: 4px !important;
  font-weight: 600;
}

.status-active,
.status-paid,
.status-success,
.badge-success {
  background: #dcfae6 !important;
  color: #067647 !important;
}

.status-unpaid,
.status-pending,
.badge-warning {
  background: #fef0c7 !important;
  color: #b54708 !important;
}

.status-suspended,
.badge-danger {
  background: #fee4e2 !important;
  color: #b42318 !important;
}

.progress {
  height: 7px;
  border-radius: 4px;
  background: var(--client-line-soft);
}

.progress-bar {
  border-radius: 4px;
  background: var(--client-blue);
}

/* Modal and menus */
.modal-backdrop.show {
  opacity: 0.34;
}

.modal-content {
  overflow: hidden;
}

#moduleReinstall .modal-dialog,
#moduleReinstall .modal-content,
#moduleReinstall .modal-body {
  overflow: visible !important;
}

#moduleReinstall .bootstrap-select.configoption_os_group {
  position: relative;
}

#moduleReinstall .bootstrap-select.configoption_os_group.show {
  z-index: 1070;
}

#moduleReinstall .bootstrap-select.configoption_os_group > .dropdown-menu {
  width: 100% !important;
  max-width: 100% !important;
  max-height: min(320px, calc(100vh - 240px)) !important;
  overflow: visible !important;
  z-index: 1075 !important;
}

#moduleReinstall .bootstrap-select.configoption_os_group > .dropdown-menu > .inner {
  max-height: min(318px, calc(100vh - 242px)) !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
}

.modal-footer {
  border-top: 1px solid var(--client-line-soft) !important;
}

.dropdown-menu {
  border: 1px solid var(--client-line-soft) !important;
  border-radius: 8px !important;
  box-shadow: var(--client-shadow-md) !important;
}

/* Dashboard-specific sections */
.clientarea-home .card,
.clientarea-home .app-expense-alert,
.funds-items,
.user-info-container {
  color: var(--client-ink-soft);
}

.funds-item {
  border-left-color: var(--client-line-soft) !important;
  color: var(--client-ink) !important;
}

.funds-item-header {
  color: var(--client-muted) !important;
}

.funds-item .funds-num,
.amount-number-main,
.text-primary {
  color: var(--client-blue) !important;
}

/* Client area home workspace */
.idc-client-dashboard {
  display: grid !important;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  grid-template-areas:
    "alert alert alert alert alert alert alert alert alert alert alert alert"
    "profile profile profile profile profile profile stats stats stats stats stats stats"
    "security security security security security security security security security security security security"
    "products products products products products products products products products products products products"
    "resources resources resources resources resources resources resources resources resources resources resources resources"
    "affiliate affiliate affiliate affiliate quick quick quick quick quick quick quick quick"
    "wallet wallet wallet wallet finance finance finance finance access access access access"
    "renewals renewals renewals renewals news news news news news news news news";
  gap: 18px;
  width: 100%;
  margin: 0 !important;
  align-items: stretch;
}

.idc-client-dashboard > .idc-dashboard__main,
.idc-client-dashboard > .idc-dashboard__aside,
.idc-dashboard__main-grid,
.idc-dashboard__aside-grid {
  display: contents !important;
}

.idc-dashboard__alert {
  display: block !important;
  grid-area: alert;
  width: auto !important;
  max-width: none !important;
  padding: 0 !important;
}

.idc-dashboard__profile { grid-area: profile; }
.idc-dashboard__stats { grid-area: stats; }
.idc-dashboard__products { grid-area: products; }
.idc-dashboard__wallet { grid-area: wallet; }
.idc-dashboard__resources { grid-area: resources; }
.idc-dashboard__security { grid-area: security; }
.idc-dashboard__news { grid-area: news; }
.idc-dashboard__affiliate { grid-area: affiliate; }
.idc-dashboard__quick { grid-area: quick; }
.idc-dashboard__finance { grid-area: finance; }
.idc-dashboard__access { grid-area: access; }
.idc-dashboard__renewals { grid-area: renewals; }
.idc-dashboard__billing-chart { display: none !important; }

.idc-dashboard__main-grid > section,
.idc-dashboard__aside-grid > section {
  width: auto !important;
  max-width: none !important;
  min-width: 0;
  padding: 0 !important;
}

.idc-client-dashboard section > .card {
  height: 100%;
  margin-bottom: 0 !important;
  border-color: var(--client-line-soft) !important;
  border-radius: 8px !important;
  box-shadow: 0 5px 18px rgba(16, 24, 40, 0.055) !important;
}

.idc-client-dashboard .card-title {
  min-height: 22px;
  margin: 0 0 16px !important;
  padding-bottom: 13px;
  border-bottom: 1px solid var(--client-line-soft);
  font-size: 14px !important;
  line-height: 22px;
}

.idc-client-dashboard .app-expense-alert {
  min-height: 48px;
  margin: 0 !important;
  padding: 11px 14px !important;
  border-color: #cfe0ff !important;
  border-radius: 7px !important;
  background: #edf4ff !important;
  color: #1849a9 !important;
  box-shadow: none !important;
}

.idc-client-dashboard .app-expense-alert__info {
  width: 100%;
  line-height: 24px;
}

.idc-client-dashboard .app-expense-alert__info .btn {
  min-height: 28px;
  margin-left: 10px;
  padding: 4px 10px !important;
  font-size: 12px !important;
}

.idc-dashboard__profile .user-info-container {
  display: grid !important;
  grid-template-columns: 72px minmax(0, 1fr);
  gap: 18px;
  margin-top: 0 !important;
  align-items: center;
}

.idc-dashboard__profile .avatar-container {
  display: block !important;
  width: 72px;
  margin: 0 !important;
}

.idc-dashboard__profile .user-info-container .avatar {
  display: flex;
  width: 72px !important;
  min-width: 72px !important;
  max-width: 72px !important;
  height: 72px !important;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  border: 1px solid #cfe0ff;
  border-radius: 8px !important;
  background: #eef4ff;
  color: var(--client-blue);
  font-size: 24px;
  font-weight: 700;
}

.idc-dashboard__profile .user-info-content {
  width: 100% !important;
  min-width: 0;
}

.idc-dashboard__profile .user-info-items {
  display: grid !important;
  width: 100% !important;
  margin: 0 !important;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px 14px;
}

.idc-dashboard__profile .user-info-item {
  display: flex;
  width: auto !important;
  max-width: none !important;
  min-width: 0;
  min-height: 34px;
  margin: 0 !important;
  padding: 7px 9px;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  border-radius: 5px;
  background: var(--client-surface-soft);
}

.idc-dashboard__profile .userInformation-itme-name {
  flex: none;
  color: var(--client-muted);
  font-size: 12px;
}

.idc-dashboard__profile .userInformation-itme-email {
  min-width: 0;
  overflow: hidden;
  color: var(--client-ink);
  font-size: 12px;
  font-weight: 600;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.idc-dashboard__profile .user-info-actions {
  margin-top: 12px;
}

.idc-dashboard__profile .binding {
  display: flex;
  align-items: center;
  gap: 9px;
}

.idc-dashboard__profile .binding > i {
  display: inline-flex;
  width: 30px;
  height: 30px;
  margin: 0 !important;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--client-line-soft);
  border-radius: 6px;
  background: #ffffff;
  color: #444950;
  font-size: 16px;
}

.idc-dashboard__stats .app-overview-grid,
.idc-dashboard__security .app-overview-grid,
.idc-dashboard__wallet .app-overview-grid,
.idc-dashboard__quick .app-overview-grid,
.idc-dashboard__access .app-overview-grid {
  display: grid !important;
  gap: 10px;
  margin: 0 !important;
}

.idc-dashboard__stats .app-overview-grid,
.idc-dashboard__security .app-overview-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.idc-dashboard__stats .app-overview-grid [class*="app-overview-grid__item"],
.idc-dashboard__security .app-overview-grid [class*="app-overview-grid__item"],
.idc-dashboard__wallet .app-overview-grid [class*="app-overview-grid__item"],
.idc-dashboard__quick .app-overview-grid [class*="app-overview-grid__item"],
.idc-dashboard__access .app-overview-grid [class*="app-overview-grid__item"] {
  width: auto !important;
  padding: 0 !important;
}

.idc-client-dashboard .app-overview-grid__box {
  height: 100%;
}

.idc-dashboard__stats ._ov-block-item {
  min-height: 86px;
  padding: 12px !important;
  align-items: center;
  border: 0 !important;
  background: var(--client-surface-soft) !important;
}

.idc-dashboard__stats .app-overview-grid__box-title,
.idc-dashboard__wallet .app-overview-grid__box-title {
  margin-bottom: 8px;
  color: var(--client-muted) !important;
  font-size: 12px;
}

.idc-dashboard__stats .app-overview-grid__box-title .bx,
.idc-dashboard__wallet .app-overview-grid__box-title .bx {
  display: inline-flex;
  width: 26px;
  height: 26px;
  margin-right: 7px;
  align-items: center;
  justify-content: center;
  border-radius: 5px;
  background: #e4edff;
  color: var(--client-blue) !important;
}

.idc-dashboard__stats .app-overview-grid__box-desc,
.idc-dashboard__wallet .app-overview-grid__box-desc {
  color: var(--client-ink) !important;
  font-size: 23px;
  line-height: 1.15;
}

.idc-dashboard__products .user-center_product_grid,
.idc-dashboard__resources .user-center_product_grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 9px !important;
  max-height: 220px;
  margin: 0 !important;
  padding-right: 2px;
}

.idc-dashboard__products .user-center_product,
.idc-dashboard__resources .user-center_product {
  display: flex;
  min-width: 0;
  min-height: 44px;
  padding: 10px 12px;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  border: 1px solid var(--client-line-soft) !important;
  border-radius: 6px !important;
  background: #ffffff !important;
  color: var(--client-ink-soft) !important;
  box-shadow: none !important;
}

.idc-dashboard__products .user-center_product:hover,
.idc-dashboard__resources .user-center_product:hover {
  border-color: #cfe0ff !important;
  background: #f7faff !important;
  color: var(--client-blue) !important;
}

.idc-dashboard__products .user-center_product > span:first-child,
.idc-dashboard__resources .user-center_product > span:first-child {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.idc-dashboard__resources .card {
  min-height: 150px;
}

#sourceListBox .user-center_resources {
  width: 100%;
  overflow: auto;
}

#sourceListBox .table {
  min-width: 680px;
}

#sourceListBox .table th,
#sourceListBox .table td {
  white-space: nowrap;
}

.idc-dashboard__security ._ov-block-item,
.idc-dashboard__quick ._ov-block-item,
.idc-dashboard__access ._ov-block-item {
  min-height: 44px;
  padding: 10px 12px !important;
  justify-content: flex-start;
  border: 0 !important;
  background: var(--client-surface-soft) !important;
  color: var(--client-ink-soft) !important;
}

.idc-dashboard__security ._ov-block-item > .bx {
  margin-right: 8px;
  color: var(--client-teal);
  font-size: 17px;
}

.idc-dashboard__quick .app-overview-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.idc-dashboard__quick .app-overview-grid__item-24 {
  grid-column: span 1;
}

.idc-dashboard__affiliate ._ov-disk-snapshot {
  min-height: 142px;
  padding: 17px !important;
  border-radius: 7px;
  background-color: #f6f8fb;
  background-position: right -16px bottom -10px;
}

.idc-dashboard__affiliate ._ov-disk-snapshot__info {
  max-width: 70%;
  color: var(--client-muted);
  line-height: 1.7;
}

.idc-dashboard__wallet .info-container {
  margin-bottom: 12px !important;
  padding: 16px;
  border-radius: 7px;
  background: #172033;
}

.idc-dashboard__wallet .balance-info span {
  color: #cbd5e1 !important;
  font-size: 12px !important;
}

.idc-dashboard__wallet .balance-info h1 {
  color: #ffffff !important;
  font-size: 30px !important;
}

.idc-dashboard__wallet .info-container .btn-primary {
  border-color: #ffffff !important;
  background: #ffffff !important;
  color: var(--client-blue) !important;
}

.idc-dashboard__wallet .app-overview-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.idc-dashboard__wallet ._ov-block-item {
  min-height: 76px;
  padding: 10px !important;
  border: 0 !important;
  background: var(--client-surface-soft) !important;
}

.idc-dashboard__finance .card {
  justify-content: space-between;
  border-left: 3px solid var(--client-amber) !important;
  color: var(--client-ink-soft);
  font-size: 15px;
  line-height: 1.8;
}

.idc-dashboard__access .app-overview-grid {
  grid-template-columns: 1fr;
}

.idc-dashboard__access ._ov-block-item {
  display: flex;
  justify-content: space-between;
}

.idc-dashboard__access .app-overview-grid__box-status {
  color: var(--client-muted);
  font-size: 12px;
}

.idc-dashboard__access ._ov-block-item.success .app-overview-grid__box-status {
  color: #067647;
}

.idc-dashboard__renewals .user-center_product_grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 8px;
  margin: 0 !important;
}

.idc-dashboard__renewals .zddbsx a {
  width: auto !important;
  min-width: 0;
  padding: 10px 6px;
  border: 0 !important;
  border-radius: 6px !important;
  background: #fffaeb;
  color: #93370d;
  box-shadow: none !important;
}

.idc-dashboard__renewals .zddbsx a:hover {
  background: #fef0c7;
  color: #7a2e0e;
}

.idc-dashboard__renewals .zddbsx a div {
  color: #b54708 !important;
  font-size: 21px;
  font-weight: 700;
}

.idc-dashboard__renewals .zddbsx a span {
  display: block;
  font-size: 12px;
  line-height: 1.4;
  text-align: center;
  white-space: nowrap;
}

.idc-dashboard__news .news-card {
  min-height: 100%;
}

.idc-dashboard__news .verti-timeline {
  max-height: 405px;
  margin: 0;
  padding-right: 4px;
  overflow-y: auto;
}

.idc-dashboard__news .event-list {
  min-height: 58px;
  margin: 0 !important;
  padding: 10px 0 10px 22px !important;
  border-bottom: 1px solid var(--client-line-soft);
}

.idc-dashboard__news .event-list > .d-flex {
  display: grid !important;
  grid-template-columns: 106px minmax(0, 1fr);
  gap: 8px;
  width: 100%;
  min-width: 0;
  align-items: center;
}

.idc-dashboard__news .event-list .flex-shrink-0,
.idc-dashboard__news .event-list .flex-grow-1,
.idc-dashboard__news .event-list .flex-grow-1 > div {
  min-width: 0;
}

.idc-dashboard__news .event-list:last-child {
  border-bottom: 0;
}

.idc-dashboard__news .event-list h5 {
  min-width: 0;
  margin: 0 !important;
  color: var(--client-muted);
  font-size: 11px !important;
}

.idc-dashboard__news .event-list a {
  display: block;
  min-width: 0;
  width: 100%;
  overflow: hidden;
  color: var(--client-ink-soft);
  font-size: 13px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.idc-dashboard__news .event-timeline-dot {
  left: 2px;
  color: var(--client-blue);
}

@media (max-width: 1199px) {
  .idc-client-dashboard {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-template-areas:
      "alert alert"
      "profile stats"
      "security security"
      "products products"
      "resources resources"
      "affiliate quick"
      "wallet finance"
      "access renewals"
      "news news";
  }

  .idc-dashboard__profile .user-info-items {
    grid-template-columns: 1fr;
  }

  .idc-dashboard__products .user-center_product_grid,
  .idc-dashboard__resources .user-center_product_grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 995px) {
  .idc-client-dashboard {
    grid-template-columns: minmax(0, 1fr);
    grid-template-areas:
      "alert"
      "profile"
      "stats"
      "security"
      "products"
      "resources"
      "affiliate"
      "quick"
      "wallet"
      "finance"
      "access"
      "renewals"
      "news";
    gap: 14px;
  }

  .idc-dashboard__profile .user-info-items {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .idc-dashboard__news .verti-timeline {
    max-height: 300px;
  }
}

@media (max-width: 576px) {
  .idc-client-dashboard {
    grid-template-areas:
      "profile"
      "stats"
      "security"
      "products"
      "resources"
      "affiliate"
      "quick"
      "wallet"
      "finance"
      "access"
      "renewals"
      "news";
    gap: 10px;
  }

  .idc-dashboard__alert {
    display: none !important;
  }

  .idc-dashboard__profile .user-info-container {
    grid-template-columns: 1fr;
  }

  .idc-dashboard__profile .avatar-container {
    display: block !important;
  }

  .idc-dashboard__profile .user-info-items,
  .idc-dashboard__products .user-center_product_grid,
  .idc-dashboard__resources .user-center_product_grid {
    grid-template-columns: 1fr !important;
  }

  .idc-dashboard__stats .app-overview-grid,
  .idc-dashboard__security .app-overview-grid,
  .idc-dashboard__quick .app-overview-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .idc-dashboard__quick .app-overview-grid__item-24 {
    grid-column: 1 / -1;
  }

  .idc-dashboard__stats ._ov-block-item {
    min-height: 80px;
    padding: 10px !important;
  }

  .idc-dashboard__stats .app-overview-grid__box-desc {
    font-size: 20px;
  }

  .idc-dashboard__affiliate ._ov-disk-snapshot__info {
    max-width: 100%;
  }

  .idc-dashboard__affiliate ._ov-disk-snapshot {
    background-image: none !important;
  }

  .idc-dashboard__wallet .info-container {
    gap: 10px;
  }
}

/* Final layout normalization for the inherited client-area rules. */
.idc-dashboard__profile .user-info-container {
  display: flex !important;
  flex: 1 1 auto;
  width: 100% !important;
  flex-direction: row;
  align-items: flex-start;
  gap: 16px;
}

.idc-dashboard__profile .avatar-container {
  display: block !important;
  flex: 0 0 72px;
  width: 72px !important;
}

.idc-dashboard__profile .user-info-content {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  width: auto !important;
  max-width: none !important;
  min-width: 0;
}

.idc-dashboard__profile .user-info-items {
  display: grid !important;
  width: 100% !important;
  margin: 0 !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 8px 14px !important;
}

.idc-dashboard__profile .user-info-item {
  width: auto !important;
  max-width: none !important;
  min-width: 0;
  margin: 0 !important;
}

.idc-dashboard__profile .userInformation-itme-name {
  flex: 0 0 auto;
  white-space: nowrap;
}

.idc-dashboard__profile .userInformation-itme-email {
  flex: 1 1 auto;
  min-width: 0;
}

.idc-dashboard__profile .user-info-actions {
  margin-top: auto !important;
  padding-top: 10px;
}

@media (min-width: 996px) and (max-width: 1199px) {
  .idc-dashboard__profile .user-info-items {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 576px) {
  .idc-dashboard__profile .user-info-container {
    flex-direction: column;
    gap: 12px;
  }

  .idc-dashboard__profile .user-info-content {
    width: 100% !important;
  }

  .idc-dashboard__profile .user-info-items {
    grid-template-columns: 1fr !important;
  }
}

.security-header {
  overflow: hidden;
  border: 0 !important;
  border-radius: 8px !important;
  background-color: #3565f1 !important;
  background-image: none !important;
  color: #ffffff !important;
  box-shadow: 0 12px 30px rgba(24, 73, 178, 0.18) !important;
}

.security-header .card-body {
  padding: 22px 24px !important;
}

.security-header .card-body > .row {
  color: #ffffff !important;
}

.security-header .security-logo {
  overflow: hidden;
  padding: 0 !important;
  background: #ffffff !important;
}

.security-header .security-avatar-image {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  object-fit: cover;
}

.security-header .security-info {
  width: 100%;
  min-width: 0;
  padding: 16px 18px !important;
  border: 1px solid rgba(255, 255, 255, 0.22) !important;
  border-radius: 8px !important;
  background-color: rgba(12, 45, 142, 0.28) !important;
  background-image: none !important;
  color: #ffffff !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1) !important;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
}

.security-header .security-username {
  gap: 10px;
  color: #ffffff !important;
  font-weight: 600;
}

.security-header .security-label {
  color: rgba(255, 255, 255, 0.78) !important;
  opacity: 1 !important;
}

.security-header .security-text,
.security-header .security-meta,
.security-header .security-meta label {
  color: #ffffff !important;
}

.security-header .security-meta label {
  color: rgba(255, 255, 255, 0.7) !important;
}

.security-header .security-text .progress {
  overflow: hidden;
  background: rgba(255, 255, 255, 0.24) !important;
}

.security-header .security-text .progress-bar {
  background: #5ed6a7 !important;
}

@media (min-width: 996px) {
  .security-header .card-body > .row {
    display: grid !important;
    grid-template-columns: 100px minmax(220px, 0.8fr) minmax(0, 1.4fr);
    gap: 24px;
    padding-left: 12px !important;
  }

  .security-header .card-body > .row > [class*="col-"] {
    width: 100% !important;
    max-width: none !important;
    margin-left: 0 !important;
  }
}

@media (min-width: 577px) and (max-width: 995px) {
  .security-header .phonehide {
    display: none !important;
  }

  .security-header .card-body > .row {
    display: grid !important;
    grid-template-columns: minmax(190px, 0.8fr) minmax(0, 1.4fr);
    gap: 20px;
    padding-left: 0 !important;
  }

  .security-header .card-body > .row > [class*="col-"] {
    width: 100% !important;
    max-width: none !important;
    margin-left: 0 !important;
  }
}

@media (max-width: 576px) {
  .security-header .phonehide {
    display: none !important;
  }

  .security-header .card-body {
    padding: 18px !important;
  }

  .security-header .card-body > .row {
    margin: 0 !important;
    padding-left: 0 !important;
  }

  .security-header .card-body > .row > [class*="col-"] {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }

  .security-header .security-info {
    margin-bottom: 16px;
  }
}

.security-item:hover {
  background: var(--client-surface-soft);
  box-shadow: none !important;
}

.footer {
  border-top: 1px solid var(--client-line-soft);
  background: #ffffff !important;
  color: var(--client-muted);
}

.pls-back2top {
  border-radius: 6px !important;
  background: var(--client-ink) !important;
  color: #ffffff !important;
  box-shadow: var(--client-shadow-sm);
}

/* Login, registration and password reset */
.login-container {
  background-color: var(--client-surface-soft) !important;
  background-image: none !important;
}

.login-container .login-head {
  background: rgba(255, 255, 255, 0.92) !important;
  border-bottom: 1px solid var(--client-line) !important;
  -webkit-backdrop-filter: blur(18px);
  backdrop-filter: blur(18px);
}

.login-container .login-main-bg {
  border-radius: 8px 0 0 8px !important;
  background-color: #eef4ff !important;
  background-size: cover !important;
}

.login-container .login-main-form {
  border: 1px solid var(--client-line-soft) !important;
  border-radius: 0 8px 8px 0 !important;
  background: #ffffff !important;
  box-shadow: var(--client-shadow-md) !important;
}

.login-main .login-tab {
  border-bottom-color: var(--client-line-soft) !important;
}

.login-main .login-tab .login-tab-item {
  color: var(--client-muted) !important;
  font-weight: 600;
}

.login-main .login-tab .login-tab-item.active {
  color: var(--client-blue) !important;
}

.login-main .login-tab .transitionSwitching {
  background: var(--client-blue) !important;
}

.login-container .login-footer {
  color: var(--client-muted) !important;
}

@media (max-width: 995px) {
  #page-topbar .navbar-header {
    padding-left: 8px;
  }

  #page-topbar .navbar-header .header-item,
  #page-topbar .navbar-header .header-item i {
    color: #ffffff !important;
  }

  .main-content {
    margin-left: 0 !important;
  }

  .page-content {
    padding: calc(var(--topbar-height, 48px) + 16px) 14px 28px !important;
  }

  .page-title-box {
    margin-bottom: 14px !important;
  }

  .card-body {
    padding: 15px !important;
  }

  .table-header,
  .table-footer {
    gap: 10px;
  }

  .login-container .login-main-bg {
    display: none !important;
  }

  .login-container .login-main-form {
    width: min(100%, 520px) !important;
    margin: 0 auto;
    border-radius: 8px !important;
  }
}

@media (max-width: 576px) {
  #page-topbar .navbar-header {
    padding-right: 8px;
  }

  #page-topbar .header-item {
    padding: 0 8px !important;
  }

  .page-content {
    padding-right: 10px !important;
    padding-left: 10px !important;
  }

  .page-title-right,
  .breadcrumb {
    display: none !important;
  }

  .card,
  .table-responsive,
  .modal-content {
    border-radius: 6px !important;
  }

  .login-container .max-login {
    width: 100% !important;
    padding-right: 14px;
    padding-left: 14px;
  }
}

/* Client area v3: conventional main workspace with an account side rail. */
.idc-client-dashboard {
  display: grid !important;
  grid-template-columns: minmax(0, 2fr) minmax(320px, 1fr) !important;
  grid-template-areas:
    "alert alert"
    "main aside" !important;
  gap: 20px !important;
  align-items: start !important;
}

.idc-client-dashboard > .idc-dashboard__alert {
  grid-area: alert !important;
}

.idc-client-dashboard > .idc-dashboard__main {
  display: block !important;
  grid-area: main !important;
  width: auto !important;
  max-width: none !important;
  padding: 0 !important;
}

.idc-client-dashboard > .idc-dashboard__aside {
  display: block !important;
  grid-area: aside !important;
  width: auto !important;
  max-width: none !important;
  padding: 0 !important;
}

.idc-dashboard__main-grid {
  display: grid !important;
  width: 100% !important;
  margin: 0 !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 18px !important;
}

.idc-dashboard__aside-grid {
  display: grid !important;
  width: 100% !important;
  margin: 0 !important;
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 18px !important;
}

.idc-dashboard__main-grid > section,
.idc-dashboard__aside-grid > section {
  grid-area: auto !important;
  width: auto !important;
  max-width: none !important;
  min-width: 0;
  padding: 0 !important;
}

.idc-dashboard__main-grid > .idc-dashboard__profile,
.idc-dashboard__main-grid > .idc-dashboard__stats,
.idc-dashboard__main-grid > .idc-dashboard__security,
.idc-dashboard__main-grid > .idc-dashboard__products,
.idc-dashboard__main-grid > .idc-dashboard__resources {
  grid-column: 1 / -1 !important;
}

.idc-dashboard__main-grid > .idc-dashboard__affiliate,
.idc-dashboard__main-grid > .idc-dashboard__quick {
  grid-column: span 1 !important;
}

@media (max-width: 1199px) {
  .idc-client-dashboard {
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-areas:
      "alert"
      "main"
      "aside" !important;
    gap: 14px !important;
  }

  .idc-dashboard__main-grid {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 14px !important;
  }

  .idc-dashboard__main-grid > section {
    grid-column: 1 / -1 !important;
  }

  .idc-dashboard__aside-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 14px !important;
  }

  .idc-dashboard__aside-grid > .idc-dashboard__news {
    grid-column: 1 / -1 !important;
  }
}

@media (max-width: 576px) {
  .idc-dashboard__aside-grid {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 10px !important;
  }

  .idc-dashboard__aside-grid > section {
    grid-column: 1 / -1 !important;
  }
}

/* Collapsible sidebar groups. These rules override legacy theme defaults. */
#sidebar-menu ul li > ul.sub-menu.mm-collapse:not(.mm-show) {
  display: none !important;
}

#sidebar-menu ul li > ul.sub-menu.mm-collapse.mm-show,
#sidebar-menu ul li > ul.sub-menu.mm-collapsing {
  display: block !important;
}

#sidebar-menu ul li > a.has-arrow {
  position: relative;
  padding-right: 38px !important;
}

#sidebar-menu ul li > a.has-arrow::after {
  content: "" !important;
  position: absolute !important;
  display: block !important;
  top: 50% !important;
  right: 15px !important;
  float: none !important;
  width: 6px !important;
  height: 6px !important;
  margin: 0 !important;
  border: solid currentColor !important;
  border-width: 0 1.5px 1.5px 0 !important;
  font-family: inherit !important;
  font-size: 0 !important;
  line-height: 0 !important;
  transform: translateY(-65%) rotate(45deg) !important;
  transform-origin: center !important;
  opacity: 0.58;
  transition: transform 0.2s ease, opacity 0.2s ease;
}

#sidebar-menu ul li.mm-active > a.has-arrow::after,
#sidebar-menu ul li > a.has-arrow[aria-expanded="true"]::after {
  transform: translateY(-35%) rotate(225deg) !important;
  opacity: 0.82;
}

#sidebar-menu ul li.idc-sidebar-group > a.has-arrow {
  min-height: 40px;
  margin-top: 4px;
  border: 0 !important;
  border-radius: 7px;
  background: #ffffff !important;
  color: #1f2937 !important;
  font-size: 14px !important;
  font-weight: 600;
  line-height: 21px;
  letter-spacing: 0;
  box-shadow: none !important;
}

#sidebar-menu > ul > li.idc-sidebar-group:first-child > a.has-arrow {
  margin-top: 0;
}

#sidebar-menu ul li.idc-sidebar-group.mm-active > a.has-arrow,
#sidebar-menu ul li.idc-sidebar-group > a.has-arrow[aria-expanded="true"] {
  border: 0 !important;
  background: #ffffff !important;
  color: #1f2937 !important;
  box-shadow: none !important;
}

#sidebar-menu ul li.idc-sidebar-group > a.has-arrow:hover {
  border: 0 !important;
  background: #f1f3f5 !important;
  color: #1f2937 !important;
}

#sidebar-menu .sub-menu li.idc-sidebar-group > a.has-arrow {
  min-height: 34px;
  margin-top: 3px;
  border: 0 !important;
  border-radius: 6px;
  background: #ffffff !important;
  font-size: 13px !important;
  font-weight: 500;
  line-height: 20px;
}

#sidebar-menu .sub-menu li.idc-sidebar-group.mm-active > a.has-arrow,
#sidebar-menu .sub-menu li.idc-sidebar-group > a.has-arrow[aria-expanded="true"] {
  border: 0 !important;
  background: #ffffff !important;
  color: #1f2937 !important;
}

#sidebar-menu .sub-menu li.idc-sidebar-group > a.has-arrow:hover {
  border: 0 !important;
  background: #f1f3f5 !important;
}

#sidebar-menu .sub-menu {
  margin-left: 0 !important;
  padding: 3px 0 4px 12px !important;
  border-left: 1px solid #edf0f3 !important;
}

#sidebar-menu .sub-menu .sub-menu {
  padding-left: 8px !important;
  border-left: 0 !important;
}

#sidebar-menu .sub-menu li a {
  min-height: 34px;
  padding: 6px 10px 6px 18px !important;
  border-radius: 5px;
  font-size: 12px;
  line-height: 20px;
}

@media (max-width: 991.98px) {
  #sidebar-menu {
    padding-right: 10px !important;
  }

  #sidebar-menu > ul > li.idc-sidebar-group > a.has-arrow {
    margin-top: 6px;
  }
}

/* Keep tagged sidebar items visually consistent with their dark label text. */
#sidebar-menu ul li > a.idc-menu-has-tag,
#sidebar-menu ul li > a.idc-menu-has-tag > span,
#sidebar-menu ul li > a.idc-menu-has-tag .badge,
#sidebar-menu ul li > a.idc-menu-has-tag .tag,
#sidebar-menu ul li > a.idc-menu-has-tag [class*="badge"],
#sidebar-menu ul li > a.idc-menu-has-tag [class*="tag"] {
  color: #1f2937 !important;
}

#sidebar-menu ul li > a.idc-menu-has-tag > i {
  color: #1f2937 !important;
}

/* Guanxing-inspired sidebar treatment. */
.navbar-brand-box {
  width: var(--sidebar-width, 230px) !important;
}

.vertical-menu {
  background: #ffffff !important;
  border-right: 1px solid #e5e7eb !important;
  box-shadow: none !important;
}

#sidebar-menu {
  padding: 12px 8px 24px 0 !important;
}

#sidebar-menu ul li > a {
  width: calc(100% - 8px) !important;
  height: 42px !important;
  min-height: 42px !important;
  margin: 0 0 4px 8px !important;
  padding: 0 20px !important;
  border-radius: 6px !important;
  background: #ffffff !important;
  color: #29343d !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 42px !important;
}

#sidebar-menu ul li > a.has-arrow {
  padding-right: 44px !important;
}

#sidebar-menu ul li > a > i {
  display: inline-flex !important;
  flex: 0 0 20px;
  width: 20px;
  min-width: 20px;
  height: 20px;
  margin: 0 8px 0 -7px !important;
  padding: 0 !important;
  align-items: center;
  justify-content: center;
  color: #6b6b6b !important;
  font-size: 20px !important;
  line-height: 20px !important;
}

#sidebar-menu ul li > a.has-arrow::after {
  right: 20px !important;
  width: 6px !important;
  height: 6px !important;
  border-color: #6b6b6b !important;
  transform: translateY(-50%) rotate(-45deg) !important;
  opacity: 0.9;
}

#sidebar-menu ul li > a:hover,
#sidebar-menu ul li > a:focus {
  background: #f5f7fb !important;
  color: #29343d !important;
}

#sidebar-menu ul li.mm-active > a,
#sidebar-menu ul li > a.active,
#sidebar-menu ul li > a.has-arrow[aria-expanded="true"] {
  background: #eef3ff !important;
  color: var(--client-blue) !important;
}

#sidebar-menu ul li > a:hover > i,
#sidebar-menu ul li.mm-active > a > i,
#sidebar-menu ul li > a.active > i,
#sidebar-menu ul li > a.has-arrow[aria-expanded="true"] > i {
  color: #6b6b6b !important;
}

#sidebar-menu ul li.idc-sidebar-group > a.has-arrow,
#sidebar-menu ul li.idc-sidebar-group > a.has-arrow:hover,
#sidebar-menu ul li.idc-sidebar-group > a.has-arrow[aria-expanded="true"],
#sidebar-menu ul li.idc-sidebar-group.mm-active > a.has-arrow {
  color: #1f2937 !important;
}

#sidebar-menu ul li.mm-active > a.has-arrow::after,
#sidebar-menu ul li > a.has-arrow[aria-expanded="true"]::after {
  border-color: #6b6b6b !important;
  transform: translateY(-50%) rotate(45deg) !important;
}

#sidebar-menu .sub-menu {
  margin-left: 0 !important;
  padding: 0 0 4px 12px !important;
  border-left: 0 !important;
}

#sidebar-menu .sub-menu li > a {
  width: calc(100% - 8px) !important;
  height: 38px !important;
  min-height: 38px !important;
  margin: 0 0 3px 8px !important;
  padding: 0 16px 0 20px !important;
  border-radius: 6px !important;
  font-size: 13px !important;
  line-height: 38px !important;
}

#sidebar-menu .sub-menu li > a.has-arrow {
  padding-right: 44px !important;
}

/* Match Guanxing's system UI typography and regular-weight icon treatment. */
#sidebar-menu,
#sidebar-menu a,
#sidebar-menu span,
#sidebar-menu .badge,
#sidebar-menu .tag {
  font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;
  font-weight: 400 !important;
  letter-spacing: normal !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

#sidebar-menu ul li > a,
#sidebar-menu .sub-menu li > a {
  font-size: 14px !important;
  font-weight: 400 !important;
  color: #29343d !important;
}

#sidebar-menu ul li > a > i {
  display: inline-flex !important;
  font-size: 20px !important;
  font-style: normal !important;
  font-weight: 400 !important;
  line-height: 20px !important;
  color: #6b6b6b !important;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

#sidebar-menu ul li > a > i.bx,
#sidebar-menu ul li > a > i[class^="bx-"],
#sidebar-menu ul li > a > i[class*=" bx-"] {
  font-family: boxicons !important;
  font-weight: 400 !important;
}

#sidebar-menu ul li > a > i.fas,
#sidebar-menu ul li > a > i.fa-solid {
  font-weight: 900 !important;
}

#sidebar-menu ul li > a > i.far,
#sidebar-menu ul li > a > i.fa-regular {
  font-weight: 400 !important;
}

#sidebar-menu ul li > a.has-arrow::after,
#sidebar-menu ul li.mm-active > a.has-arrow::after,
#sidebar-menu ul li > a.has-arrow[aria-expanded="true"]::after {
  border-color: #7987a1 !important;
}

#sidebar-menu ul li > a.active,
#sidebar-menu ul li:not(.idc-sidebar-group).mm-active > a {
  color: #5d87ff !important;
}

#sidebar-menu ul li > a.active > i,
#sidebar-menu ul li:not(.idc-sidebar-group).mm-active > a > i {
  color: #5d87ff !important;
}

#sidebar-menu ul li.idc-sidebar-group > a.has-arrow > i,
#sidebar-menu ul li.idc-sidebar-group.mm-active > a.has-arrow > i,
#sidebar-menu ul li.idc-sidebar-group > a.has-arrow[aria-expanded="true"] > i {
  color: #6b6b6b !important;
  font-weight: 400 !important;
}

/* Keep tagged product icons on the same neutral Guanxing gray as other menu icons. */
#sidebar-menu ul li > a.idc-menu-has-tag > i {
  color: #6b6b6b !important;
  font-weight: 400 !important;
}

@media (max-width: 991.98px) {
  .navbar-brand-box {
    width: auto !important;
  }
}

@media (max-width: 379.98px) {
  .navbar-brand-box {
    display: none !important;
  }
}