/* =========================================================

   Mint Cloud skin for the ZJMF default clientarea theme

   ---------------------------------------------------------

   This is a presentation layer. The native default templates

   and all server-side actions remain unchanged.

   ========================================================= */



:root {

  --mc-blue: #125df5;

  --mc-blue-hover: #2f78ff;

  --mc-blue-dark: #0b4ccc;

  --mc-green: #16b889;

  --mc-navy: #071a33;

  --mc-ink: #172f4a;

  --mc-muted: #74899d;

  --mc-line: #dfe9f3;

  --mc-soft: #f3f7fc;

}



body {

  color: #29435c;

  background: var(--mc-soft);

  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;

  font-size: 14.5px;

  -webkit-font-smoothing: antialiased;

}



a {

  color: #55728d;

}



a:hover {

  color: var(--mc-blue);

  text-decoration: none;

}



/* ---------- square treatment ---------- */

.btn,

.card,

.form-control,

.input-group-text,

.modal-content,

.modal-header,

.modal-footer,

.dropdown-menu,

.page-link,

.badge,

.alert,

.nav-tabs .nav-link,

.nav-pills .nav-link,

.custom-select,

.input-group-append .btn,

.search-box .form-control,

.auth-full-bg::before,

.login_right,

.user-center_header {

  border-radius: 0 !important;

}



/* ---------- topbar ---------- */

#page-topbar {

  background: #fff;

  border-bottom: 1px solid var(--mc-line);

  box-shadow: 0 3px 14px rgba(7, 26, 51, 0.035);

}



.navbar-header {

  height: 70px;

}



.navbar-brand-box {

  background: var(--mc-navy);

}



.logo img {

  max-height: 30px;

  width: auto;

}



body[data-sidebar="dark"] .logo-light {

  display: block;

}



.header-item {

  color: #536d84;

  font-size: 14px;

}



.header-item:hover {

  color: var(--mc-blue);

}



.header-item .badge {

  background: #e74c3c;

}



.user-center_header {

  width: 30px !important;

  height: 30px !important;

  background: linear-gradient(135deg, var(--mc-blue), var(--mc-green)) !important;

  color: #fff;

  font-size: 14px;

}



/* ---------- dark sidebar ---------- */

.vertical-menu {

  background: var(--mc-navy) !important;

  border-right: 0;

  box-shadow: none;

}



body[data-sidebar="dark"] .vertical-menu {

  background: var(--mc-navy);

}



body[data-sidebar="dark"] .navbar-brand-box {

  background: var(--mc-navy);

}



#sidebar-menu {

  padding: 12px 8px 30px;

}



body[data-sidebar="dark"] #sidebar-menu ul li a {

  color: #a5bbcc;

}



#sidebar-menu ul li a {

  display: flex;

  align-items: center;

  min-height: 40px;

  margin: 2px 0;

  padding: 8px 12px;

  color: #a5bbcc;

  font-size: 13.5px;

  line-height: 1.4;

  border-left: 2px solid transparent;

  transition: background .15s, color .15s, border-color .15s;

}



#sidebar-menu ul li a i {

  min-width: 20px;

  margin-right: 7px;

  color: #7f99ad;

  font-size: 16px;

}



body[data-sidebar="dark"] #sidebar-menu ul li a i {

  color: #7f99ad;

}



#sidebar-menu ul li a:hover,

body[data-sidebar="dark"] #sidebar-menu ul li a:hover {

  color: #fff;

  background: rgba(255, 255, 255, 0.065);

}



#sidebar-menu ul li a:hover i,

body[data-sidebar="dark"] #sidebar-menu ul li a:hover i {

  color: #fff;

}



#sidebar-menu ul li.mm-active > a,

#sidebar-menu ul li a.active,

body[data-sidebar="dark"] #sidebar-menu ul li.mm-active > a {

  color: #fff;

  background: rgba(18, 93, 245, 0.28);

  border-left-color: #5b96ff;

}



#sidebar-menu ul li.mm-active > a i {

  color: #8db8ff;

}



#sidebar-menu ul li ul.sub-menu {

  padding: 2px 0 4px;

  background: rgba(0, 0, 0, 0.12);

}



#sidebar-menu ul li ul.sub-menu li a {

  min-height: 34px;

  padding: 6px 12px 6px 42px;

  color: #8098ac;

  font-size: 12.5px;

  border-left: 0;

}



body[data-sidebar="dark"] #sidebar-menu ul li ul.sub-menu li a {

  color: #8098ac;

}



#sidebar-menu ul li ul.sub-menu li a:hover,

body[data-sidebar="dark"] #sidebar-menu ul li ul.sub-menu li a:hover {

  color: #fff;

  background: rgba(255, 255, 255, 0.045);

}



.has-arrow:after {

  color: #70879b;

}



.vertical-menu .simplebar-scrollbar::before {

  background: rgba(255, 255, 255, 0.18);

}



/* ---------- page shell and typography ---------- */

.main-content,

.page-content {

  background: var(--mc-soft);

}



.page-content {

  padding-top: calc(70px + 20px);

}



.container-fluid {

  max-width: 1500px;

  margin-right: auto;

  margin-left: auto;

  padding-right: 18px;

  padding-left: 18px;

}



.page-title-box {

  padding: 4px 0 10px;

}



.page-title-box h4 {

  color: var(--mc-ink);

  font-size: 22px;

  font-weight: 600;

  letter-spacing: -0.02em;

}



.breadcrumb {

  background: transparent;

  font-size: 12px;

}



.breadcrumb-item + .breadcrumb-item::before {

  color: #a4b4c2;

}



/* ---------- cards and content ---------- */

.card {

  border: 1px solid var(--mc-line);

  box-shadow: none;

  background: #fff;

}



.card-body {

  padding: 18px;

}



.card-title {

  color: var(--mc-ink);

  font-size: 17px;

  font-weight: 600;

}



.card-header {

  background: #fbfdff;

  border-bottom: 1px solid var(--mc-line);

}



hr {

  border-color: var(--mc-line);

}



.text-muted {

  color: #8da0b2 !important;

}



.font-size-16 {

  font-size: 16px !important;

}



/* ---------- buttons ---------- */

.btn {

  min-height: 36px;

  padding: 6px 16px;

  color: #35536e;

  font-size: 13px;

  line-height: 1.5;

  border-width: 1px;

}



.btn-sm {

  min-height: 30px;

  padding: 4px 12px;

  font-size: 12px;

}



.btn-primary {

  color: #fff !important;

  background: var(--mc-blue);

  border-color: var(--mc-blue);

}



.btn-primary:hover,

.btn-primary:focus,

.btn-primary:active {

  color: #fff !important;

  background: var(--mc-blue-hover);

  border-color: var(--mc-blue-hover);

}



.btn-outline-primary {

  color: var(--mc-blue);

  border-color: #b7ccee;

}



.btn-outline-primary:hover {

  color: #fff;

  background: var(--mc-blue);

  border-color: var(--mc-blue);

}



.btn-light,

.btn-default {

  background: #f7fafd;

  border-color: var(--mc-line);

}



.btn-link {

  color: var(--mc-blue);

  font-size: 13px;

}



/* ---------- forms ---------- */

.form-control,

.custom-select,

.input-group-text {

  min-height: 40px;

  color: #29435c;

  background-color: #fff;

  border-color: #d9e5f0;

  font-size: 14px;

}



textarea.form-control {

  min-height: 96px;

}



.form-control:focus,

.custom-select:focus {

  border-color: #8db4f5;

  box-shadow: 0 0 0 2px rgba(18, 93, 245, 0.09);

}



.form-group label,

.col-form-label {

  margin-bottom: 6px;

  color: #49637b;

  font-size: 13px;

  font-weight: 500;

}



.form-text,

.text-muted.small {

  color: #8da0b2 !important;

  font-size: 12px;

}



/* ---------- tables ---------- */

.table {

  color: #38536c;

  font-size: 13px;

}



.table th {

  padding: 11px 12px;

  color: #70869a;

  background: #f7fafd;

  border-top: 0;

  border-bottom: 1px solid var(--mc-line);

  font-size: 12px;

  font-weight: 500;

  white-space: nowrap;

}



.table td {

  padding: 12px;

  border-top: 1px solid #edf3f9;

  vertical-align: middle;

}



.table-hover tbody tr:hover {

  background: #f8fbff;

}



/* ---------- tabs, badges, modals ---------- */

.nav-tabs {

  border-bottom-color: var(--mc-line);

}



.nav-tabs .nav-link {

  padding: 8px 14px;

  color: #71879b;

  border: 0;

  border-bottom: 2px solid transparent;

  font-size: 13px;

}



.nav-tabs .nav-link.active {

  color: var(--mc-blue);

  background: transparent;

  border-bottom-color: var(--mc-blue);

}



.badge {

  padding: 3px 7px;

  font-size: 11px;

  font-weight: 500;

}



.page-link {

  color: #607b93;

  border-color: var(--mc-line);

  font-size: 12.5px;

}



.page-item.active .page-link {

  color: #fff;

  background: var(--mc-blue);

  border-color: var(--mc-blue);

}



.modal-content {

  border: 1px solid var(--mc-line);

  box-shadow: 0 18px 50px rgba(7, 26, 51, 0.18);

}



.modal-header,

.modal-footer {

  border-color: var(--mc-line);

}



.modal-title {

  color: var(--mc-ink);

  font-size: 17px;

  font-weight: 600;

}



.dropdown-menu {

  border-color: var(--mc-line);

  box-shadow: 0 10px 30px rgba(7, 26, 51, 0.12);

  font-size: 13px;

}



.dropdown-item {

  padding: 8px 14px;

  font-size: 13px;

}



.alert {

  border-width: 1px;

  font-size: 13px;

}



.footer {

  color: #8da0b2;

  background: transparent;

  font-size: 12px;

}



/* =========================================================

   Login / registration (default theme has a split layout)

   ========================================================= */

.bglogo .auth-full-bg {

  position: relative;

  min-height: 100vh;

  overflow: hidden;

  background:

    radial-gradient(circle at 18% 20%, rgba(18, 93, 245, 0.33), transparent 34%),

    radial-gradient(circle at 82% 80%, rgba(22, 184, 137, 0.16), transparent 34%),

    linear-gradient(135deg, #071a33 0%, #0b2442 55%, #071a33 100%) !important;

}



.bglogo .auth-full-bg::before {

  content: "MINT CLOUD";

  position: absolute;

  top: 42px;

  left: 48px;

  width: auto;

  height: auto;

  color: #fff;

  background: transparent;

  font-size: 19px;

  font-weight: 600;

  letter-spacing: 0.18em;

  line-height: 1.2;

}



.bglogo .auth-full-bg::after {

  content: "薄荷云计算 · 会员中心";

  position: absolute;

  top: 72px;

  left: 50px;

  color: rgba(255, 255, 255, 0.56);

  font-size: 12px;

  letter-spacing: 0.08em;

}



.bglogo .auth-full-bg .bg-overlay {

  display: none !important;

}



.auth-full-page-content {

  align-items: center;

  justify-content: center;

  min-height: 100vh;

  padding: 48px 42px !important;

  background: #fff;

}



.login_right {

  width: 100%;

  max-width: 420px;

  margin: 0 auto;

}



.login_right .logo img {

  height: 36px !important;

  max-width: 190px;

  object-fit: contain;

}



.login_right .affs-nav {

  display: flex;

  margin: 28px 0 0;

  border-bottom: 1px solid var(--mc-line);

}



.login_right .affs-nav .nav-item {

  flex: 0 0 auto;

}



.login_right .affs-nav .nav-link {

  margin: 0 22px 0 0;

  padding: 8px 1px;

  color: #8095a8;

  background: transparent !important;

  border: 0;

  border-bottom: 2px solid transparent;

  font-size: 14px;

}



.login_right .affs-nav .nav-link.active {

  color: var(--mc-blue);

  border-bottom-color: var(--mc-blue);

}



.login_right .tab-content {

  margin-top: 22px !important;

}



.login_right .form-group {

  margin-bottom: 17px;

}



.login_right .form-group label {

  color: #456078;

  font-size: 13px;

  font-weight: 500;

}



.login_right .form-control {

  height: 44px !important;

  border-color: #d8e4ef;

  font-size: 14px;

}



.login_right .btn-primary {

  height: 44px !important;

  color: #fff;

  background: var(--mc-blue);

  border-color: var(--mc-blue);

  font-size: 14px;

  line-height: 32px !important;

}



.login_right .btn-primary:hover {

  background: var(--mc-blue-hover);

  border-color: var(--mc-blue-hover);

}



.login_right .text-primary,

.login_right a.text-primary {

  color: var(--mc-blue) !important;

}



.login_right .text-muted,

.login_right .text-black-50 {

  color: #8da0b2 !important;

}



.auth-full-bg .text-white {

  font-size: 30px;

  font-weight: 600;

  letter-spacing: -0.025em;

}



.auth-full-bg .text-white-50 {

  color: rgba(255, 255, 255, 0.58) !important;

  font-size: 13px;

}



/* =========================================================

   Mint Cloud dashboard

   ========================================================= */

.mc-dashboard {

  max-width: 1320px;

  margin: 0 auto;

  padding: 2px 4px 28px;

}



.mc-head {

  display: flex;

  align-items: flex-end;

  justify-content: space-between;

  gap: 20px;

  margin-bottom: 16px;

}



.mc-eyebrow {

  display: block;

  margin-bottom: 5px;

  color: #93a6b7;

  font-size: 9px;

  font-weight: 600;

  letter-spacing: 0.12em;

}



.mc-head h1 {

  margin: 0;

  color: var(--mc-ink);

  font-size: 28px;

  font-weight: 600;

  letter-spacing: -0.025em;

  line-height: 1.25;

}



.mc-head p {

  margin: 6px 0 0;

  color: #7c91a4;

  font-size: 13px;

}



.mc-head-actions {

  display: flex;

  gap: 8px;

  flex-shrink: 0;

}



.mc-btn {

  display: inline-flex;

  align-items: center;

  justify-content: center;

  min-height: 36px;

  padding: 0 16px;

  border: 1px solid transparent;

  font-size: 13px;

  line-height: 1.2;

  transition: background .15s, border-color .15s, color .15s;

}



.mc-btn--primary {

  color: #fff;

  background: var(--mc-blue);

  border-color: var(--mc-blue);

}



.mc-btn--primary:hover {

  color: #fff;

  background: var(--mc-blue-hover);

  border-color: var(--mc-blue-hover);

}



.mc-btn--ghost {

  color: #35536e;

  background: #fff;

  border-color: #d8e4ef;

}



.mc-btn--ghost:hover {

  color: var(--mc-blue);

  border-color: #a8c3e7;

}



.mc-btn--sm {

  min-height: 30px;

  padding: 0 10px;

  font-size: 12px;

}



.mc-card {

  padding: 16px 18px;

  margin-bottom: 14px;

  background: #fff;

  border: 1px solid var(--mc-line);

}



.mc-account {

  padding-bottom: 0;

}



.mc-account-head {

  display: flex;

  align-items: center;

  gap: 12px;

}



.mc-avatar {

  display: flex;

  align-items: center;

  justify-content: center;

  width: 52px;

  height: 52px;

  flex: 0 0 auto;

  color: #fff;

  background: linear-gradient(135deg, var(--mc-blue), var(--mc-green));

  font-size: 18px;

  font-weight: 600;

}



.mc-identity {

  min-width: 0;

  flex: 1;

}



.mc-identity strong {

  display: block;

  color: var(--mc-ink);

  font-size: 18px;

  font-weight: 600;

  line-height: 1.4;

}



.mc-identity span {

  display: block;

  margin-top: 2px;

  color: #91a4b5;

  font-size: 12px;

}



.mc-badges {

  display: flex;

  align-items: center;

  justify-content: flex-end;

  flex-wrap: wrap;

  gap: 7px;

}



.mc-badge {

  display: inline-flex;

  align-items: center;

  gap: 2px;

  min-height: 24px;

  padding: 3px 8px;

  color: #71879a;

  background: #f8fbfe;

  border: 1px solid var(--mc-line);

  font-size: 11.5px;

  line-height: 1.4;

  white-space: nowrap;

}



.mc-badge.is-success {

  color: #16785d;

  background: #f1faf6;

  border-color: #d2eae0;

}



.mc-badge.is-warning {

  color: #8b5b27;

  background: #fff9ec;

  border-color: #f0e2c8;

}



.mc-finance-grid {

  display: grid;

  grid-template-columns: minmax(0, 1.45fr) minmax(0, 1.1fr) minmax(140px, 0.72fr) minmax(140px, 0.72fr);

  margin-top: 14px;

  padding-top: 13px;

  border-top: 1px solid #edf3f9;

}



.mc-finance-main,

.mc-finance-stat {

  min-width: 0;

  padding: 0 18px;

  border-left: 1px solid #edf3f9;

}



.mc-finance-main {

  padding-left: 0;

  border-left: 0;

}



.mc-finance-stat:last-child {

  padding-right: 0;

}



.mc-label {

  display: flex;

  align-items: center;

  justify-content: space-between;

  gap: 8px;

  color: #72889c;

  font-size: 12px;

  line-height: 1.5;

}



.mc-value-row {

  display: flex;

  align-items: center;

  gap: 12px;

  margin-top: 4px;

}



.mc-amount {

  color: #162f4b;

  font-size: 30px;

  font-weight: 600;

  letter-spacing: -0.03em;

  line-height: 1.1;

}



.mc-stat-amount {

  display: block;

  margin-top: 8px;

  color: #213d59;

  font-size: 24px;

  font-weight: 600;

  line-height: 1.1;

}



.mc-note {

  display: flex;

  align-items: center;

  gap: 2px;

  margin-top: 5px;

  color: #98a8b7;

  font-size: 11px;

}



.mc-finance-stat:hover .mc-note {

  color: var(--mc-blue);

}



.mc-links {

  display: flex;

  align-items: center;

  flex-wrap: wrap;

  margin-top: 8px;

}



.mc-links a {

  padding: 0 9px;

  color: #6f8599;

  border-right: 1px solid #e0e9f2;

  font-size: 11.5px;

  line-height: 1.5;

}



.mc-links a:first-child {

  padding-left: 0;

}



.mc-links a:last-child {

  padding-right: 0;

  border-right: 0;

}



.mc-links a:hover {

  color: var(--mc-blue);

}



.mc-stats {

  display: grid;

  grid-template-columns: repeat(4, minmax(0, 1fr));

  gap: 10px;

  margin-bottom: 14px;

}



.mc-stat {

  display: flex;

  flex-direction: column;

  min-height: 112px;

  padding: 15px 18px;

  background: #fff;

  border: 1px solid var(--mc-line);

  transition: border-color .15s, box-shadow .15s;

}



.mc-stat:hover {

  border-color: #b7d0eb;

  box-shadow: 0 4px 16px rgba(12, 42, 77, 0.06);

}



.mc-stat-label {

  color: #73899d;

  font-size: 12px;

}



.mc-stat strong {

  display: block;

  margin-top: 8px;

  color: #1b3753;

  font-size: 30px;

  font-weight: 600;

  line-height: 1;

}



.mc-stat small {

  display: flex;

  align-items: center;

  gap: 1px;

  margin-top: auto;

  padding-top: 12px;

  color: #8aa0b3;

  font-size: 11.5px;

}



.mc-stat:hover small {

  color: var(--mc-blue);

}



.mc-grid {

  display: grid;

  grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr);

  gap: 14px;

  margin-bottom: 14px;

}



.mc-grid > .mc-card {

  margin-bottom: 0;

}



.mc-card-head {

  display: flex;

  align-items: flex-end;

  justify-content: space-between;

  gap: 12px;

  margin-bottom: 12px;

}



.mc-card-head h2 {

  margin: 0;

  color: var(--mc-ink);

  font-size: 17px;

  font-weight: 600;

}



.mc-link {

  color: var(--mc-blue);

  font-size: 12px;

}



.mc-quick-grid {

  display: grid;

  grid-template-columns: repeat(2, minmax(0, 1fr));

  gap: 8px;

}



.mc-quick {

  display: flex;

  flex-direction: column;

  min-height: 92px;

  padding: 12px;

  background: #fbfdff;

  border: 1px solid #e5eef7;

  transition: border-color .15s, background .15s;

}



.mc-quick:hover {

  background: #f6faff;

  border-color: #b9d3eb;

}



.mc-quick > i {

  color: #5c86b5;

  font-size: 18px;

}



.mc-quick strong {

  margin-top: 7px;

  color: #29445e;

  font-size: 13px;

  font-weight: 500;

}



.mc-quick small {

  margin-top: 2px;

  color: #8a9eb0;

  font-size: 11px;

  line-height: 1.5;

}



.mc-product-list {

  border-top: 1px solid #edf3f9;

}



.mc-product {

  display: flex;

  align-items: center;

  gap: 9px;

  min-height: 43px;

  color: #38546d;

  border-bottom: 1px solid #edf3f9;

  font-size: 13px;

}



.mc-product:last-child {

  border-bottom: 0;

}



.mc-product > i:first-child {

  color: #6c8ba6;

  font-size: 16px;

}



.mc-product > span {

  min-width: 0;

  flex: 1;

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

}



.mc-product em {

  color: #8b9fb1;

  font-size: 12px;

  font-style: normal;

}



.mc-product:hover {

  color: var(--mc-blue);

}



.mc-list {

  margin: 0;

  padding: 0;

  list-style: none;

}



.mc-list li {

  display: flex;

  align-items: center;

  gap: 7px;

  min-height: 37px;

  border-bottom: 1px solid #edf3f9;

  font-size: 12.5px;

}



.mc-list li:last-child {

  border-bottom: 0;

}



.mc-list a {

  min-width: 0;

  flex: 1;

  overflow: hidden;

  color: #3d5871;

  text-overflow: ellipsis;

  white-space: nowrap;

}



.mc-list a:hover {

  color: var(--mc-blue);

}



.mc-date {

  flex: 0 0 auto;

  color: #9aacbb;

  font-size: 11px;

}



.mc-empty,

.mc-empty-row {

  padding: 18px 0;

  color: #8fa2b3;

  font-size: 12.5px;

}



.mc-empty a {

  color: var(--mc-blue);

}



.mc-support-links {

  display: flex;

  flex-direction: column;

  gap: 1px;

}



.mc-support-links a {

  display: flex;

  align-items: center;

  gap: 11px;

  min-height: 56px;

  padding: 8px 0;

  border-bottom: 1px solid #edf3f9;

}



.mc-support-links a:last-child {

  border-bottom: 0;

}



.mc-support-links > a > i {

  display: grid;

  place-items: center;

  width: 32px;

  height: 32px;

  color: var(--mc-blue);

  background: #f2f7ff;

  font-size: 17px;

}



.mc-support-links strong {

  display: block;

  color: #38546d;

  font-size: 13px;

  font-weight: 500;

}



.mc-support-links small {

  display: block;

  margin-top: 2px;

  color: #8da0b2;

  font-size: 11px;

}



/* ---------- responsive ---------- */

@media (max-width: 1100px) {

  .mc-finance-grid {

    grid-template-columns: repeat(2, minmax(0, 1fr));

  }



  .mc-finance-main,

  .mc-finance-stat {

    padding: 12px 14px;

    border-top: 1px solid #edf3f9;

  }



  .mc-finance-main,

  .mc-finance-stat:nth-child(2) {

    border-top: 0;

  }



  .mc-finance-main {

    padding-left: 0;

  }



  .mc-finance-stat:nth-child(odd) {

    padding-left: 0;

    border-left: 0;

  }



  .mc-finance-stat:nth-child(even) {

    padding-right: 0;

  }

}



@media (max-width: 991px) {

  .mc-stats {

    grid-template-columns: repeat(2, minmax(0, 1fr));

  }



  .mc-grid {

    grid-template-columns: minmax(0, 1fr);

  }



  .page-title-box h4 {

    font-size: 20px;

  }

}



@media (max-width: 767px) {

  .mc-dashboard {

    padding: 0 0 24px;

  }



  .mc-head {

    align-items: flex-start;

    flex-direction: column;

    gap: 12px;

  }



  .mc-head h1 {

    font-size: 25px;

  }



  .mc-head-actions {

    width: 100%;

  }



  .mc-head-actions .mc-btn {

    flex: 1;

  }



  .mc-account-head {

    align-items: flex-start;

    flex-wrap: wrap;

  }



  .mc-badges {

    width: 100%;

    justify-content: flex-start;

    padding-left: 64px;

  }



  .mc-finance-grid {

    grid-template-columns: repeat(2, minmax(0, 1fr));

  }



  .mc-finance-main {

    grid-column: 1 / -1;

    border-top: 0;

    border-left: 0;

    padding-left: 0;

  }



  .mc-finance-stat {

    padding: 11px 12px;

  }



  .mc-amount {

    font-size: 25px;

  }



  .mc-stat-amount {

    font-size: 20px;

  }



  .mc-stats {

    grid-template-columns: repeat(2, minmax(0, 1fr));

  }



  .mc-stat {

    min-height: 100px;

    padding: 12px;

  }



  .mc-stat strong {

    font-size: 24px;

  }



  .mc-quick-grid {

    grid-template-columns: minmax(0, 1fr);

  }



  .mc-card {

    padding: 14px;

  }



  .bglogo {

    display: none;

  }



  .auth-full-page-content {

    min-height: 100vh;

    padding: 24px 20px !important;

  }



  .login_right {

    max-width: 100%;

  }



  .login_right .logo img {

    height: 32px !important;

  }



  .container-fluid {

    padding-right: 12px;

    padding-left: 12px;

  }

}



@media (max-width: 380px) {

  .mc-badges {

    padding-left: 0;

  }



  .mc-finance-stat {

    padding-inline: 9px;

  }



  .mc-amount {

    font-size: 22px;

  }

}



/* ---------- custom console sidebar identity ---------- */

#sidebar-menu {

  padding: 10px 8px 22px;

}



.mc-sidebar-user {

  display: flex;

  align-items: center;

  gap: 10px;

  margin: 6px 2px 14px;

  padding: 10px 9px;

  background: rgba(255, 255, 255, 0.055);

  border: 1px solid rgba(255, 255, 255, 0.08);

}



.mc-sidebar-user:hover {

  background: rgba(255, 255, 255, 0.085);

}



.mc-sidebar-avatar {

  display: flex;

  align-items: center;

  justify-content: center;

  width: 36px;

  height: 36px;

  flex: 0 0 auto;

  color: #fff;

  background: linear-gradient(135deg, var(--mc-blue), var(--mc-green));

  font-size: 13px;

  font-weight: 600;

}



.mc-sidebar-userinfo {

  min-width: 0;

  flex: 1;

}



.mc-sidebar-userinfo strong {

  display: block;

  overflow: hidden;

  color: #f4f9ff;

  font-size: 12.5px;

  font-weight: 500;

  text-overflow: ellipsis;

  white-space: nowrap;

}



.mc-sidebar-userinfo small {

  display: block;

  margin-top: 2px;

  overflow: hidden;

  color: #7890a4;

  font-size: 9.5px;

  text-overflow: ellipsis;

  white-space: nowrap;

}



.mc-sidebar-user > i {

  color: #678197;

  font-size: 14px;

}



.mc-sidebar-guest {

  padding: 14px 10px 16px;

  border-bottom: 1px solid rgba(255, 255, 255, 0.08);

}



.mc-sidebar-guest strong {

  display: block;

  color: #fff;

  font-size: 15px;

  font-weight: 600;

  letter-spacing: 0.06em;

}



.mc-sidebar-guest span {

  display: block;

  margin: 5px 0 10px;

  color: #8fa7bb;

  font-size: 11px;

}



.mc-sidebar-guest .mc-btn {

  width: 100%;

  min-height: 32px;

  font-size: 12px;

}



.mc-sidebar-label {

  margin: 2px 10px 7px;

  color: #60798e;

  font-size: 9px;

  font-weight: 600;

  letter-spacing: 0.12em;

}



.mc-sidebar-footer {

  margin-top: 16px;

  padding: 11px 9px 0;

  border-top: 1px solid rgba(255, 255, 255, 0.075);

}



.mc-sidebar-footer a {

  display: flex;

  align-items: center;

  gap: 7px;

  min-height: 30px;

  color: #6f879b;

  font-size: 11.5px;

}



.mc-sidebar-footer a:hover {

  color: #fff;

}



.mc-sidebar-footer i {

  font-size: 13px;

}



/* ---------- page title used by every business page ---------- */

.mc-page-head {

  display: flex;

  align-items: flex-end;

  justify-content: space-between;

  gap: 20px;

  padding: 3px 0 15px;

  margin-bottom: 14px;

  border-bottom: 1px solid var(--mc-line);

}



.mc-page-head-main {

  min-width: 0;

}



.mc-page-head h1 {

  display: flex;

  align-items: baseline;

  gap: 8px;

  margin: 0;

  color: var(--mc-ink);

  font-size: 27px;

  font-weight: 600;

  letter-spacing: -0.025em;

  line-height: 1.25;

}



.mc-page-id {

  color: #8da2b4;

  font-size: 13px;

  font-style: normal;

  font-weight: 400;

  letter-spacing: 0;

}



.mc-page-head-side {

  flex: 0 0 auto;

  padding-bottom: 2px;

}



.mc-page-head-side .breadcrumb {

  margin: 0;

  padding: 0;

  background: transparent;

  font-size: 11.5px;

}



.mc-page-head-side .breadcrumb-item,

.mc-page-head-side .breadcrumb-item a {

  color: #879bae;

}



.mc-page-head-side .breadcrumb-item.active {

  color: #697f93;

}



.mc-page-head-side .breadcrumb-item + .breadcrumb-item::before {

  color: #b0bfcc;

}



@media (max-width: 767px) {

  .mc-page-head {

    align-items: flex-start;

    flex-direction: column;

    gap: 8px;

    padding-bottom: 12px;

  }



  .mc-page-head h1 {

    font-size: 23px;

  }



  .mc-page-head-side {

    width: 100%;

  }



  .mc-sidebar-user {

    margin-top: 8px;

  }

}



/* ---------- custom auth brand panel and form heading ---------- */

.bglogo .auth-full-bg::before,

.bglogo .auth-full-bg::after {

  content: none !important;

  display: none !important;

}



.mc-auth-brand {

  position: relative;

  z-index: 2;

  display: flex;

  flex-direction: column;

  justify-content: center;

  width: 100%;

  max-width: 680px;

  min-height: 100vh;

  margin: 0 auto;

  padding: 64px 48px;

  box-sizing: border-box;

}



.mc-auth-brand-mark {

  display: block;

  margin-bottom: 28px;

  color: rgba(255, 255, 255, 0.58);

  font-size: 11px;

  font-weight: 600;

  letter-spacing: 0.2em;

}



.mc-auth-brand h2 {

  margin: 0;

  color: #fff;

  font-size: 38px;

  font-weight: 600;

  letter-spacing: -0.035em;

  line-height: 1.35;

}



.mc-auth-brand p {

  max-width: 380px;

  margin: 18px 0 0;

  color: rgba(255, 255, 255, 0.58);

  font-size: 13px;

  line-height: 1.9;

}



.mc-auth-points {

  display: flex;

  flex-direction: column;

  gap: 11px;

  margin-top: 36px;

  padding-top: 24px;

  border-top: 1px solid rgba(255, 255, 255, 0.12);

}



.mc-auth-points span {

  display: flex;

  align-items: center;

  gap: 8px;

  color: rgba(255, 255, 255, 0.72);

  font-size: 12px;

}



.mc-auth-points i {

  color: #54d7b2;

  font-size: 15px;

}



.mc-auth-heading {

  margin: 24px 0 16px;

}



.mc-auth-heading h2 {

  margin: 0;

  color: var(--mc-ink);

  font-size: 25px;

  font-weight: 600;

  letter-spacing: -0.025em;

}



.mc-auth-heading p {

  margin: 6px 0 0;

  color: #879bae;

  font-size: 12.5px;

  line-height: 1.6;

}



@media (max-width: 1199px) {

  .mc-auth-brand {

    padding: 48px 8%;

  }



  .mc-auth-brand h2 {

    font-size: 32px;

  }

}



@media (max-width: 767px) {

  .mc-auth-brand {

    display: none;

  }



  .mc-auth-heading {

    margin-top: 22px;

  }

}



@media (max-width: 1199px) {

  .bglogo {

    display: none !important;

  }



  .auth-full-page-content {

    min-height: 100vh;

    padding: 36px 24px !important;

  }

}



/* ---------- list pages: filters, table shell, selects ---------- */

.table-container {

  padding: 0;

  border: 0;

  background: transparent;

}



.table-header {

  padding: 0 0 13px;

  margin: 0;

  background: transparent;

  border: 0;

}



.table-search .form-control,

.table-filter .form-control {

  min-width: 130px;

  height: 38px;

  border-color: var(--mc-line);

  font-size: 13px;

}



.search-box .form-control {

  height: 40px;

  padding-left: 38px;

  border-color: var(--mc-line);

}



.search-box .search-icon {

  top: 50%;

  color: #8fa2b3;

  transform: translateY(-50%);

}



.bootstrap-select .dropdown-toggle {

  min-height: 38px;

  padding: 6px 12px;

  color: #4c657c;

  background: #fff;

  border: 1px solid var(--mc-line) !important;

  border-radius: 0 !important;

  font-size: 13px;

}



.bootstrap-select .dropdown-toggle:focus {

  outline: 0 !important;

  border-color: #8db4f5 !important;

  box-shadow: 0 0 0 2px rgba(18, 93, 245, 0.09);

}



.bootstrap-select .dropdown-menu {

  border-color: var(--mc-line);

  border-radius: 0;

  box-shadow: 0 10px 30px rgba(7, 26, 51, 0.12);

  font-size: 13px;

}



.bootstrap-select .dropdown-item {

  padding: 7px 12px;

}



.status {

  display: inline-flex;

  align-items: center;

  min-height: 23px;

  padding: 2px 8px;

  border-radius: 0;

  font-size: 11px;

  line-height: 1.5;

}



.status:before {

  width: 5px;

  height: 5px;

  margin-right: 5px;

}



.custom-control-label::before,

.custom-control-label::after {

  border-radius: 0;

}



.custom-control-input:checked ~ .custom-control-label::before {

  background-color: var(--mc-blue);

  border-color: var(--mc-blue);

}



.table-responsive {

  padding-bottom: 2px;

}



.table-responsive::-webkit-scrollbar {

  height: 6px;

}



.table-responsive::-webkit-scrollbar-thumb {

  background: #cdddea;

}



/* common page action rows */

.page-title-right .btn,

.table-header .btn {

  min-height: 37px;

}



.text-success {

  color: var(--mc-green) !important;

}



.text-primary {

  color: var(--mc-blue) !important;

}



/* ---------- console topbar breadcrumb ---------- */

.navbar-header {

  padding: 0 18px 0 16px;

}



.mc-menu-toggle {

  width: 38px;

  height: 38px;

  min-height: 38px;

  margin-right: 6px;

  padding: 0 !important;

  color: #607b93;

  background: transparent;

  border: 0;

  font-size: 18px;

}



.mc-menu-toggle:hover {

  color: var(--mc-blue);

  background: #f7fafd;

}



.mc-topbar-crumb {

  display: flex;

  align-items: center;

  min-width: 0;

  gap: 8px;

  color: #9aacbb;

  font-size: 12px;

}



.mc-topbar-crumb a {

  color: #8da0b2;

}



.mc-topbar-crumb a:hover {

  color: var(--mc-blue);

}



.mc-topbar-crumb span {

  color: #c0ced9;

}



.mc-topbar-crumb strong {

  overflow: hidden;

  max-width: 520px;

  color: #29435c;

  font-size: 12.5px;

  font-weight: 500;

  text-overflow: ellipsis;

  white-space: nowrap;

}



.mc-sidebar-brand {

  display: block;

  margin: 0 4px 12px;

  padding: 12px 10px 13px;

  border-bottom: 1px solid rgba(255, 255, 255, 0.08);

}



.mc-sidebar-brand img {

  display: block;

  width: auto;

  max-width: 132px;

  max-height: 27px;

  object-fit: contain;

  filter: brightness(0) invert(1);

  opacity: 0.92;

}



.mc-sidebar-brand strong {

  display: block;

  color: #fff;

  font-size: 16px;

  font-weight: 600;

  letter-spacing: 0.06em;

}



.mc-sidebar-brand em {

  display: block;

  margin-top: 4px;

  color: #6e879b;

  font-size: 9px;

  font-style: normal;

  letter-spacing: 0.06em;

}



@media (max-width: 767px) {

  .mc-topbar-crumb {

    font-size: 11px;

  }



  .mc-topbar-crumb strong {

    max-width: 42vw;

    font-size: 11.5px;

  }



  .mc-menu-toggle {

    width: 34px;

    height: 34px;

    min-height: 34px;

    margin-right: 2px;

  }

}



/* ---------- console footer ---------- */

.mc-footer {

  margin-left: 250px;

  padding: 0;

  color: #8ba0b2;

  background: #071a33;

  border-top: 0;

  font-size: 11.5px;

}



.mc-footer .container-fluid {

  max-width: 1500px;

  padding-right: 22px;

  padding-left: 22px;

}



.mc-footer-inner {

  display: flex;

  align-items: center;

  justify-content: space-between;

  gap: 20px;

  min-height: 62px;

}



.mc-footer-brand strong {

  display: block;

  color: #dce9f5;

  font-size: 12px;

  font-weight: 600;

  letter-spacing: 0.12em;

}



.mc-footer-brand span {

  display: block;

  margin-top: 2px;

  color: #627d92;

  font-size: 10px;

}



.mc-footer-links {

  display: flex;

  align-items: center;

  gap: 16px;

}



.mc-footer-links a {

  color: #8ba0b2;

  font-size: 11px;

}



.mc-footer-links a:hover {

  color: #fff;

}



.mc-footer-copy {

  color: #5f788c;

  font-size: 10.5px;

}



.vertical-collpsed .mc-footer,

body.vertical-collpsed .mc-footer {

  margin-left: 70px;

}



@media (max-width: 991px) {

  .mc-footer {

    margin-left: 0;

  }



  .mc-footer-inner {

    align-items: flex-start;

    flex-direction: column;

    gap: 9px;

    padding: 16px 0;

  }



  .mc-footer-links {

    gap: 13px;

  }

}



/* ---------- console section tabs and content shell ---------- */

.mc-content {

  min-height: 320px;

}



.mc-section-tabs {

  display: flex;

  align-items: center;

  flex-wrap: nowrap;

  gap: 0;

  margin: 0 0 16px;

  padding: 0;

  overflow-x: auto;

  border-bottom: 1px solid var(--mc-line);

  scrollbar-width: none;

}



.mc-section-tabs::-webkit-scrollbar {

  display: none;

}



.mc-section-tab {

  display: inline-flex;

  align-items: center;

  flex: 0 0 auto;

  min-height: 42px;

  padding: 0 17px;

  color: #71879b;

  border-bottom: 2px solid transparent;

  font-size: 13px;

  line-height: 1.4;

  white-space: nowrap;

  transition: color .15s, border-color .15s;

}



.mc-section-tab:first-child {

  padding-left: 2px;

}



.mc-section-tab:hover {

  color: var(--mc-blue);

}



.mc-section-tab.is-active {

  color: var(--mc-blue);

  border-bottom-color: var(--mc-blue);

  font-weight: 500;

}



@media (max-width: 767px) {

  .mc-section-tabs {

    margin-bottom: 12px;

  }



  .mc-section-tab {

    min-height: 38px;

    padding: 0 12px;

    font-size: 12px;

  }



  .mc-section-tab:first-child {

    padding-left: 0;

  }

}



.mc-auth-mobile-mark {

  display: none;

}



@media (max-width: 1199px) {

  .mc-auth-mobile-mark {

    display: block;

    margin-bottom: 26px;

    color: var(--mc-blue);

    font-size: 14px;

    font-weight: 600;

    letter-spacing: 0.16em;

    line-height: 1.4;

  }



  .mc-auth-mobile-mark span {

    display: block;

    margin-top: 3px;

    color: #8da0b2;

    font-size: 10px;

    font-weight: 400;

    letter-spacing: 0.06em;

  }

}



/* ---------- page summary strip ---------- */

.mc-list-summary {

  display: grid;

  grid-template-columns: repeat(3, minmax(0, 1fr));

  gap: 10px;

  margin: 0 0 14px;

}



.mc-list-summary > div {

  min-height: 84px;

  padding: 13px 15px;

  background: #fff;

  border: 1px solid var(--mc-line);

}



.mc-list-summary span {

  display: block;

  color: #73899d;

  font-size: 11.5px;

}



.mc-list-summary strong {

  display: block;

  margin-top: 6px;

  color: #1b3753;

  font-size: 23px;

  font-weight: 600;

  line-height: 1.15;

}



.mc-list-summary small {

  display: block;

  margin-top: 5px;

  color: #93a6b7;

  font-size: 10.5px;

}



.btn-rounded {

  border-radius: 0 !important;

}



.btn-success {

  color: #fff !important;

  background: var(--mc-blue);

  border-color: var(--mc-blue);

}



.btn-success:hover {

  background: var(--mc-blue-hover);

  border-color: var(--mc-blue-hover);

}



.mc-footer {

  position: absolute !important;

  right: 0 !important;

  bottom: 0 !important;

  left: 250px !important;

  width: auto !important;

  margin-left: 0 !important;

}



body.vertical-collpsed .mc-footer {

  left: 70px !important;

}



@media (max-width: 991px) {

  .mc-list-summary {

    grid-template-columns: 1fr;

  }



  .mc-footer {

    left: 0 !important;

  }

}



/* ---------- add funds console layout ---------- */

.mc-addfunds-grid {

  display: grid;

  grid-template-columns: minmax(0, 1.35fr) minmax(300px, 0.65fr);

  gap: 14px;

  align-items: start;

}



.mc-addfunds-grid > .mc-card {

  margin-bottom: 0;

}



.mc-form-row {

  display: grid;

  grid-template-columns: 110px minmax(0, 1fr);

  gap: 18px;

  align-items: center;

  margin-bottom: 20px;

}



.mc-form-row > label {

  margin: 0;

  color: #49637b;

  font-size: 13px;

  font-weight: 500;

}



.mc-form-row--top {

  align-items: flex-start;

}



.mc-amount-input {

  display: flex;

  align-items: center;

  gap: 10px;

}



.mc-amount-input .form-control {

  width: 190px;

  max-width: 100%;

  text-align: left;

}



.mc-amount-input > span {

  color: #72889c;

  font-size: 13px;

}



.mc-payment-grid {

  display: grid;

  grid-template-columns: repeat(2, minmax(0, 1fr));

  gap: 8px;

  width: 100%;

}



.addfunds {

  min-width: 0;

}



.mc-payment-option {

  display: flex;

  align-items: center;

  gap: 10px;

  min-height: 54px;

  padding: 9px 12px;

  background: #fbfdff;

  border: 1px solid var(--mc-line);

  cursor: pointer;

  transition: border-color .15s, background .15s;

}



.mc-payment-option:hover {

  border-color: #b6d2ee;

  background: #f7fbff;

}



.mc-payment-option.active {

  background: #f2f7ff;

  border-color: var(--mc-blue);

  box-shadow: inset 0 0 0 1px var(--mc-blue);

}



.mc-payment-option-icon {

  display: grid;

  place-items: center;

  width: 30px;

  height: 30px;

  flex: 0 0 auto;

  color: var(--mc-blue);

  background: #eaf2ff;

  font-size: 17px;

}



.mc-payment-option-name {

  min-width: 0;

  color: #35536e;

  font-size: 12.5px;

  line-height: 1.5;

}



.mc-payment-option-name img {

  display: block;

  width: auto;

  max-width: 100%;

  max-height: 24px;

  object-fit: contain;

}



.mc-form-actions {

  display: flex;

  align-items: center;

  justify-content: flex-end;

  gap: 8px;

  margin-top: 20px;

  padding-top: 16px;

  border-top: 1px solid #edf3f9;

}



.mc-balance-card strong {

  display: block;

  margin-top: 7px;

  color: var(--mc-ink);

  font-size: 33px;

  font-weight: 600;

  letter-spacing: -0.03em;

  line-height: 1.1;

}



.mc-balance-card strong small {

  margin-left: 3px;

  color: #8da0b2;

  font-size: 13px;

  font-weight: 400;

}



.mc-balance-card p {

  margin: 10px 0 0;

  color: #8da0b2;

  font-size: 12px;

  line-height: 1.7;

}



.mc-balance-note {

  margin-top: 16px;

  padding-top: 12px;

  color: #6f8599;

  border-top: 1px solid #edf3f9;

  font-size: 11.5px;

}



.mc-note-list {

  margin: 0;

  padding: 0;

  list-style: none;

}



.mc-note-list li {

  position: relative;

  padding: 7px 0 7px 14px;

  color: #72889c;

  border-bottom: 1px solid #edf3f9;

  font-size: 11.5px;

  line-height: 1.7;

}



.mc-note-list li:last-child {

  border-bottom: 0;

}



.mc-note-list li::before {

  position: absolute;

  top: 14px;

  left: 0;

  width: 4px;

  height: 4px;

  background: var(--mc-blue);

  content: "";

}



.footer a[href*="idcsmart"] {

  display: none !important;

}



@media (max-width: 991px) {

  .mc-addfunds-grid {

    grid-template-columns: 1fr;

  }



  .mc-form-row {

    grid-template-columns: 1fr;

    gap: 7px;

  }



  .mc-payment-grid {

    grid-template-columns: 1fr;

  }

}





a[href="https://www.idcsmart.com"] {

  display: none !important;

}





/* Auth pages need the full viewport, not the console container cap. */

body.mc-auth-page,

body:has(.auth-full-bg) {

  overflow-x: hidden;

}



body.mc-auth-page > .container-fluid,

body:has(.auth-full-bg) > .container-fluid {

  width: 100% !important;

  max-width: none !important;

  margin-right: 0 !important;

  margin-left: 0 !important;

  padding-right: 0 !important;

  padding-left: 0 !important;

}



body.mc-auth-page .auth-full-bg,

body:has(.auth-full-bg) .auth-full-bg {

  width: 100%;

}



body.mc-auth-page .auth-full-page-content,

body:has(.auth-full-bg) .auth-full-page-content {

  width: 100%;

}





@media (min-width: 1600px) {

  .mc-auth-brand {

    max-width: 780px;

    padding: 80px 64px;

  }



  .mc-auth-brand h2 {

    font-size: 46px;

  }



  .mc-auth-brand p {

    max-width: 440px;

    font-size: 14px;

  }



  .mc-auth-brand-mark {

    font-size: 12px;

  }



  .mc-auth-points span {

    font-size: 13px;

  }

}



@media (max-width: 767px) {

  .auth-full-page-content {

    align-items: flex-start;

    justify-content: flex-start;

    padding-top: 40px !important;

  }

}





a[href*="idcsmart.com"] {

  display: none !important;

}


/* ---------- product / service detail console ---------- */
.server_header_box {
  color: var(--mc-ink) !important;
  background: #fff !important;
  border: 1px solid var(--mc-line) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 18px 20px !important;
}

.server_header_box h4,
.server_header_box h5,
.server_header_box .text-white,
.server_header_box .text-white-50 {
  color: var(--mc-ink) !important;
}

.server_header_box .text-white-50,
.server_header_box .box_left_wrap > span,
.server_header_box .box_left_wrap .text-white-50 {
  color: #7d92a5 !important;
}

.server_header_box .box_left_wrap {
  border-left-color: var(--mc-line) !important;
}

.server_header_box .left_wrap_btn,
.server_header_box .custom-button,
.server_header_box .btn-primary {
  color: #fff !important;
  background: var(--mc-blue) !important;
  border-color: var(--mc-blue) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

.server_header_box .left_wrap_btn:hover,
.server_header_box .custom-button:hover,
.server_header_box .btn-primary:hover {
  background: var(--mc-blue-hover) !important;
  border-color: var(--mc-blue-hover) !important;
}

.server_header_box .badge-pill {
  border-radius: 0 !important;
}

.server_header_box .powerimg {
  border-radius: 0 !important;
  background: #eef5ff !important;
}

.server_header_box .service_module_button {
  border-radius: 0 !important;
}

.server_header_box .pre-money-box {
  background-color: #f8fbff;
}

.bottom-box .card,
.chartbox,
.chart_content_box {
  border: 1px solid var(--mc-line) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

.bottom-box {
  margin-top: 0 !important;
}

.bottom-box .card-body {
  padding: 16px;
}

.bottom-box .card-title {
  font-size: 16px;
}

.chart_content_box {
  background: #fff;
}

.tabs_wrap .nav-tabs,
.service_tabs .nav-tabs {
  border-bottom-color: var(--mc-line);
}

@media (max-width: 991px) {
  .server_header_box {
    padding: 14px !important;
  }

  .server_header_box .box_left_wrap {
    border-left: 0 !important;
  }
}


/* ---------- service list target layout ---------- */
.mc-service-lead {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 20px;
  margin: 0 0 14px;
}

.mc-service-lead p {
  margin: 0;
  color: #7c91a4;
  font-size: 12.5px;
  line-height: 1.6;
}

.mc-service-lead-actions {
  display: flex;
  gap: 8px;
  flex-shrink: 0;
}

.mc-service-summary {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin-bottom: 14px;
}

.mc-service-summary > div {
  min-height: 104px;
  padding: 15px 18px;
  background: #fff;
  border: 1px solid var(--mc-line);
}

.mc-service-summary span {
  display: block;
  color: #73899d;
  font-size: 12px;
}

.mc-service-summary strong {
  display: block;
  margin-top: 8px;
  color: #1b3753;
  font-size: 30px;
  font-weight: 600;
  line-height: 1;
}

.mc-service-summary small {
  display: block;
  margin-top: 10px;
  color: #93a6b7;
  font-size: 10.5px;
}

.mc-service-filterbar {
  margin-bottom: 12px;
}

.mc-service-filters {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 5px;
}

.mc-service-filters button {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  min-height: 32px;
  padding: 0 12px;
  color: #6f8599;
  background: #fff;
  border: 1px solid var(--mc-line);
  font-size: 11.5px;
  cursor: pointer;
}

.mc-service-filters button span {
  color: #9aacbb;
  font-size: 10px;
}

.mc-service-filters button:hover {
  color: var(--mc-blue);
  border-color: #b9d2ea;
}

.mc-service-filters button.is-active {
  color: #fff;
  background: var(--mc-blue);
  border-color: var(--mc-blue);
}

.mc-service-filters button.is-active span {
  color: rgba(255, 255, 255, 0.75);
}

@media (max-width: 767px) {
  .mc-service-lead {
    align-items: flex-start;
    flex-direction: column;
    gap: 10px;
  }

  .mc-service-lead-actions {
    width: 100%;
  }

  .mc-service-lead-actions .mc-btn {
    flex: 1;
  }

  .mc-service-summary {
    grid-template-columns: 1fr;
  }

  .mc-service-summary > div {
    min-height: 84px;
  }

  .mc-service-summary strong {
    font-size: 25px;
  }
}


/* ---------- service detail modal ---------- */
html.mc-svc-open,
body.mc-svc-open {
  overflow: hidden;
}

.mc-svc-overlay {
  position: fixed;
  inset: 0;
  z-index: 3000;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 28px;
  background: rgba(7, 26, 51, 0.58);
}

.mc-svc-modal {
  width: min(980px, 100%);
  max-height: calc(100vh - 56px);
  overflow: auto;
  background: #fff;
  border: 1px solid rgba(255, 255, 255, 0.2);
  box-shadow: 0 28px 80px rgba(0, 10, 25, 0.35);
}

.mc-svc-modal-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 20px;
  padding: 20px 24px 16px;
}

.mc-svc-modal-head h2 {
  margin: 0;
  color: var(--mc-ink);
  font-size: 23px;
  font-weight: 600;
  letter-spacing: -0.02em;
}

.mc-svc-close {
  display: grid;
  place-items: center;
  width: 28px;
  height: 28px;
  padding: 0;
  color: #8195a8;
  background: transparent;
  border: 0;
  font-size: 25px;
  font-weight: 300;
  line-height: 1;
  cursor: pointer;
}

.mc-svc-close:hover {
  color: var(--mc-blue);
}

.mc-svc-tabs {
  display: flex;
  align-items: center;
  gap: 0;
  padding: 0 24px;
  border-bottom: 1px solid var(--mc-line);
}

.mc-svc-tabs button {
  min-height: 42px;
  padding: 0 15px;
  color: #71879b;
  background: transparent;
  border: 0;
  border-bottom: 2px solid transparent;
  font-size: 12.5px;
  cursor: pointer;
}

.mc-svc-tabs button:first-child {
  padding-left: 0;
}

.mc-svc-tabs button.is-active {
  color: var(--mc-blue);
  border-bottom-color: var(--mc-blue);
}

.mc-svc-modal-body {
  padding: 20px 24px 24px;
}

.mc-svc-hero {
  display: flex;
  align-items: center;
  gap: 11px;
  padding: 13px 14px;
  background: #f8fbff;
  border: 1px solid var(--mc-line);
}

.mc-svc-hero-icon {
  display: grid;
  place-items: center;
  width: 42px;
  height: 42px;
  flex: 0 0 auto;
  color: var(--mc-blue);
  background: #eaf2ff;
  font-size: 21px;
}

.mc-svc-hero-copy {
  min-width: 0;
  flex: 1;
}

.mc-svc-hero-copy span {
  display: block;
  color: #8da0b2;
  font-size: 10px;
}

.mc-svc-hero-copy strong {
  display: block;
  margin-top: 2px;
  color: var(--mc-ink);
  font-size: 15px;
  font-weight: 600;
}

.mc-svc-hero-copy small {
  display: block;
  margin-top: 2px;
  color: #9aacbb;
  font-size: 10px;
}

.mc-svc-status {
  flex: 0 0 auto;
  padding: 3px 8px;
  color: #16785d;
  background: #f1faf6;
  border: 1px solid #d2eae0;
  font-size: 10.5px;
}

.mc-svc-summary {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
  margin-top: 14px;
}

.mc-svc-summary > div {
  min-width: 0;
  padding: 10px 12px;
  border: 1px solid var(--mc-line);
}

.mc-svc-summary span {
  display: block;
  color: #8da0b2;
  font-size: 10px;
}

.mc-svc-summary strong {
  display: block;
  margin-top: 5px;
  color: #29445e;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.4;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.mc-svc-section {
  margin-top: 20px;
}

.mc-svc-section h3 {
  margin: 0 0 9px;
  color: var(--mc-ink);
  font-size: 14px;
  font-weight: 600;
}

.mc-svc-info {
  margin: 0;
  border-top: 1px solid #edf3f9;
}

.mc-svc-info > div {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 20px;
  min-height: 37px;
  padding: 9px 0;
  border-bottom: 1px solid #edf3f9;
  font-size: 11.5px;
}

.mc-svc-info dt {
  flex: 0 0 auto;
  color: #8498aa;
  font-weight: 400;
}

.mc-svc-info dd {
  margin: 0;
  color: #38546d;
  text-align: right;
  word-break: break-all;
}

.mc-svc-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  padding-top: 4px;
}

.mc-svc-loading {
  min-height: 180px;
  display: grid;
  place-items: center;
}

.mc-svc-loading-text {
  color: #7d92a5;
  font-size: 12px;
}

@media (max-width: 720px) {
  .mc-svc-overlay {
    align-items: flex-end;
    padding: 0;
  }

  .mc-svc-modal {
    width: 100%;
    max-height: 92vh;
  }

  .mc-svc-modal-head,
  .mc-svc-modal-body {
    padding-right: 16px;
    padding-left: 16px;
  }

  .mc-svc-tabs {
    padding: 0 16px;
    overflow-x: auto;
  }

  .mc-svc-tabs button {
    flex: 0 0 auto;
    padding: 0 11px;
  }

  .mc-svc-summary {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .mc-svc-section {
    margin-top: 16px;
  }

  .mc-svc-info > div {
    font-size: 11px;
  }
}


.mc-svc-overlay {
  -webkit-backdrop-filter: blur(2px);
  backdrop-filter: blur(2px);
}


/* ---------- product management target layout ---------- */
body.mc-product-detail .mc-page-head,
body.mc-product-detail .mc-section-tabs {
  display: none !important;
}

body.mc-product-detail .page-content {
  padding-top: calc(70px + 18px);
}

body.mc-product-detail .mc-content {
  background: #f3f7fc;
}

.mc-product-back {
  display: inline-flex;
  align-items: center;
  margin: 0 0 10px;
  color: #6f8599;
  font-size: 11.5px;
}

.mc-product-back:hover {
  color: var(--mc-blue);
}

.mc-product-console .bottom-box > .col-md-3 {
  display: none !important;
}

.mc-product-console .bottom-box > .col-md-9 {
  flex: 0 0 100% !important;
  max-width: 100% !important;
}

.mc-product-console .bottom-box {
  margin-top: 14px !important;
}

.mc-product-console .nav-tabs {
  padding: 0 4px;
  border-bottom-color: var(--mc-line);
}

.mc-product-console .nav-tabs .nav-link {
  padding: 10px 15px;
  color: #667e93;
  font-size: 12.5px;
}

.mc-product-console .nav-tabs .nav-link.active {
  color: var(--mc-blue);
  border-bottom-color: var(--mc-blue);
}

.mc-product-console .tab-content {
  padding: 16px 0 0 !important;
  background: transparent !important;
}

.mc-pd-overview {
  display: grid;
  grid-template-columns: minmax(0, 1.5fr) minmax(320px, 0.8fr);
  gap: 14px;
  align-items: start;
}

.mc-pd-col {
  min-width: 0;
}

.mc-pd-card {
  margin-bottom: 14px;
  padding: 16px 18px;
  background: #fff;
  border: 1px solid var(--mc-line);
}

.mc-pd-card h3 {
  display: flex;
  align-items: center;
  gap: 7px;
  margin: 0 0 12px;
  padding-left: 9px;
  color: var(--mc-ink);
  border-left: 3px solid var(--mc-blue);
  font-size: 13.5px;
  font-weight: 600;
  line-height: 1.4;
}

.mc-pd-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  column-gap: 30px;
  margin: 0;
}

.mc-pd-list--2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.mc-pd-list > div {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 14px;
  min-height: 32px;
  padding: 7px 0;
  border-bottom: 1px solid #edf3f9;
  font-size: 11.5px;
}

.mc-pd-list dt {
  flex: 0 0 auto;
  color: #8498aa;
  font-weight: 400;
}

.mc-pd-list dd {
  margin: 0;
  color: #38546d;
  text-align: right;
  word-break: break-all;
}

.mc-pd-status {
  display: inline-flex;
  align-items: center;
  min-height: 20px;
  padding: 1px 7px;
  color: #16785d;
  background: #f1faf6;
  border: 1px solid #d2eae0;
  font-size: 10px;
}

.mc-pd-muted {
  color: #9aacbb;
  font-size: 9.5px;
}

.mc-pd-badge {
  margin-left: auto;
  padding: 2px 7px;
  color: #16785d;
  background: #f1faf6;
  border: 1px solid #d2eae0;
  font-size: 9px;
  font-weight: 400;
}

.mc-pd-os {
  display: block;
  margin-bottom: 8px;
  color: #436079;
  font-size: 12px;
}

.mc-pd-system .mc-pd-list {
  grid-template-columns: 1fr;
}

.mc-pd-system .mc-pd-card h3 {
  margin-bottom: 6px;
}

.mc-pd-reinstall {
  margin-top: 8px;
  min-height: 28px;
  font-size: 10.5px;
}

.mc-pd-actions {
  display: flex;
  justify-content: flex-end;
  gap: 7px;
  margin-top: 12px;
}

.mc-pd-actions .mc-btn {
  min-height: 30px;
  font-size: 11px;
}

.mc-pd-security {
  padding: 16px 18px;
  background: #fff;
  border: 1px solid var(--mc-line);
}

.mc-pd-security-head {
  margin-bottom: 12px;
}

.mc-pd-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 11.5px;
}

.mc-pd-table th,
.mc-pd-table td {
  padding: 10px 12px;
  border-bottom: 1px solid #edf3f9;
  text-align: left;
}

.mc-pd-table th {
  color: #70869a;
  background: #f7fafd;
  font-size: 10.5px;
  font-weight: 500;
}

.mc-pd-empty {
  padding: 24px !important;
  color: #9aacbb;
  text-align: center !important;
}

@media (max-width: 991px) {
  .mc-pd-overview {
    grid-template-columns: 1fr;
  }

  .mc-pd-list {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 767px) {
  .mc-pd-card {
    padding: 13px;
  }

  .mc-product-console .nav-tabs {
    overflow-x: auto;
    flex-wrap: nowrap;
  }

  .mc-product-console .nav-tabs .nav-link {
    white-space: nowrap;
    font-size: 11.5px;
  }
}


.mc-pd-list dd {
  white-space: nowrap;
}

@media (max-width: 767px) {
  .mc-pd-list dd {
    white-space: normal;
  }
}


/* ---------- reference Mint Cloud light console ---------- */
body[data-sidebar="light"] {
  background: #f5f8fc;
}

body[data-sidebar="light"] #page-topbar,
body[data-sidebar="light"] .navbar-header {
  background: #fff !important;
  border-bottom: 1px solid #e7eef7 !important;
  box-shadow: 0 1px 0 rgba(16, 42, 67, 0.03) !important;
}

body[data-sidebar="light"] .mc-topbar-crumb a,
body[data-sidebar="light"] .mc-topbar-crumb span {
  color: #8599aa;
}

body[data-sidebar="light"] .mc-topbar-crumb strong {
  color: #29445e;
}

body[data-sidebar="light"] .header-item,
body[data-sidebar="light"] .mc-menu-toggle {
  color: #5f7589 !important;
}

body[data-sidebar="light"] .vertical-menu {
  background: #fff !important;
  border-right: 1px solid #e7eef7 !important;
}

body[data-sidebar="light"] .mc-sidebar-brand {
  color: #203b55 !important;
  border-bottom-color: #edf3f9 !important;
}

body[data-sidebar="light"] .mc-sidebar-brand em {
  color: #91a3b3 !important;
}

body[data-sidebar="light"] #sidebar-menu ul li a {
  color: #5c7287 !important;
}

body[data-sidebar="light"] #sidebar-menu ul li a i {
  color: #7d92a5 !important;
}

body[data-sidebar="light"] #sidebar-menu ul li a:hover {
  color: var(--mc-blue) !important;
  background: #f4f8ff !important;
}

body[data-sidebar="light"] #sidebar-menu ul li a:hover i {
  color: var(--mc-blue) !important;
}

body[data-sidebar="light"] #sidebar-menu ul li.mm-active > a {
  color: var(--mc-blue) !important;
  background: #eef4ff !important;
}

body[data-sidebar="light"] #sidebar-menu ul li.mm-active > a i {
  color: var(--mc-blue) !important;
}

body[data-sidebar="light"] #sidebar-menu ul li ul.sub-menu li a {
  color: #70869a !important;
}

body[data-sidebar="light"] #sidebar-menu ul li ul.sub-menu li a:hover {
  color: var(--mc-blue) !important;
}

body[data-sidebar="light"] .mc-sidebar-user {
  background: #f7faff !important;
  border-color: #e7eef7 !important;
}

body[data-sidebar="light"] .mc-sidebar-user:hover {
  border-color: #cfe0f3 !important;
}

body[data-sidebar="light"] .mc-sidebar-userinfo strong {
  color: #29445e !important;
}

body[data-sidebar="light"] .mc-sidebar-userinfo small {
  color: #93a6b7 !important;
}

body[data-sidebar="light"] .mc-sidebar-label {
  color: #9aacbb !important;
}

body[data-sidebar="light"] .mc-sidebar-footer {
  border-top-color: #edf3f9 !important;
}

body[data-sidebar="light"] .mc-sidebar-footer a,
body[data-sidebar="light"] .mc-support-links a {
  color: #70869a !important;
}

body[data-sidebar="light"] .mc-sidebar-footer a:hover,
body[data-sidebar="light"] .mc-support-links a:hover {
  color: var(--mc-blue) !important;
}

body[data-sidebar="light"] .mc-support-links strong {
  color: #3f5a73 !important;
}

body[data-sidebar="light"] .mc-support-links small {
  color: #9aacbb !important;
}

body[data-sidebar="light"] .mc-footer {
  background: #fff !important;
  border-top: 1px solid #e7eef7 !important;
  color: #8da0b2 !important;
}

body[data-sidebar="light"] .mc-footer-brand strong {
  color: #29445e !important;
}

body[data-sidebar="light"] .mc-footer-links a {
  color: #70869a !important;
}

body[data-sidebar="light"] .mc-footer-links a:hover {
  color: var(--mc-blue) !important;
}

body[data-sidebar="light"] .mc-footer-copy {
  color: #9aacbb !important;
}


body[data-sidebar="light"] .mc-sidebar-brand img {
  filter: brightness(0) saturate(100%) opacity(0.78);
}


/* ---------- service list: white canvas, outlined controls ---------- */
body[data-sidebar="light"] #sidebar-menu ul li ul.sub-menu,
body[data-sidebar="light"] #sidebar-menu ul li ul.sub-menu li {
  background: #fff !important;
}

body[data-sidebar="light"] #sidebar-menu ul li ul.sub-menu li a {
  background: #fff !important;
  border: 1px solid #edf3f9 !important;
}

body[data-sidebar="light"] #sidebar-menu ul li ul.sub-menu li a:hover {
  background: #f5f9ff !important;
  border-color: #dbe8f7 !important;
}

body[data-sidebar="light"] #sidebar-menu ul li ul.sub-menu li.mm-active > a,
body[data-sidebar="light"] #sidebar-menu ul li ul.sub-menu li a.active {
  color: var(--mc-blue) !important;
  background: #eef4ff !important;
  border-color: #d8e6f8 !important;
}

body.mc-service-page,
body.mc-service-page .page-content,
body.mc-service-page .mc-content,
body.mc-service-page .content-page {
  background: #fff !important;
}

body.mc-service-page .card,
body.mc-service-page .mc-service-summary > div {
  background: #fff;
  border: 1px solid #e5edf5;
}

body.mc-service-page .btn,
body.mc-service-page .mc-btn,
body.mc-service-page .mc-service-filters button,
body.mc-service-page .page-link,
body.mc-service-page .dropdown-toggle {
  border: 1px solid #d8e4f0 !important;
}

body.mc-service-page .btn-primary,
body.mc-service-page .mc-btn--primary,
body.mc-service-page .mc-service-filters button.is-active {
  border-color: #0d4fd8 !important;
}

body.mc-service-page .btn-secondary,
body.mc-service-page .btn-default,
body.mc-service-page .btn-light {
  border-color: #d8e4f0 !important;
}

body.mc-service-page .table-filter .bootstrap-select > .dropdown-toggle {
  border: 1px solid #d8e4f0 !important;
}


/* ---------- mobile auth hero and form card ---------- */
.mc-auth-mobile-hero {
  display: none;
}

@media (max-width: 1199px) {
  body.mc-auth-page {
    background:
      radial-gradient(circle at 12% 4%, #eaf3ff 0, rgba(234, 243, 255, 0) 38%),
      #f5f9fd !important;
  }

  .auth-full-page-content {
    width: 100% !important;
    max-width: 760px !important;
    margin: 0 auto !important;
    padding: 24px 22px 42px !important;
  }

  .mc-auth-mobile-hero {
    position: relative;
    display: block;
    overflow: hidden;
    margin-bottom: 16px;
    padding: 27px 25px 25px;
    color: #fff;
    background:
      radial-gradient(circle at 100% 0, rgba(22, 184, 137, 0.2), transparent 34%),
      radial-gradient(circle at 0 100%, rgba(18, 93, 245, 0.34), transparent 42%),
      linear-gradient(135deg, #061a33 0%, #0b2e54 55%, #0a5360 100%);
    border: 1px solid #123a5d;
    box-shadow: 0 18px 44px rgba(7, 26, 51, 0.2);
  }

  .mc-auth-mobile-hero::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background-image:
      linear-gradient(rgba(255, 255, 255, 0.045) 1px, transparent 1px),
      linear-gradient(90deg, rgba(255, 255, 255, 0.045) 1px, transparent 1px);
    background-size: 34px 34px;
    mask-image: linear-gradient(to bottom right, #000, transparent 70%);
    -webkit-mask-image: linear-gradient(to bottom right, #000, transparent 70%);
  }

  .mc-auth-mobile-hero::after {
    content: "";
    position: absolute;
    right: -40px;
    bottom: -70px;
    width: 190px;
    height: 190px;
    border: 1px solid rgba(84, 215, 178, 0.35);
    border-radius: 50%;
    box-shadow: 0 0 0 24px rgba(84, 215, 178, 0.045), 0 0 0 52px rgba(84, 215, 178, 0.03);
    pointer-events: none;
  }

  .mc-auth-mobile-badge {
    position: relative;
    z-index: 1;
    display: inline-block;
    margin-bottom: 18px;
    color: #8edcc8;
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 0.2em;
  }

  .mc-auth-mobile-hero h2 {
    position: relative;
    z-index: 1;
    margin: 0;
    color: #fff;
    font-size: clamp(25px, 4.2vw, 32px);
    font-weight: 600;
    letter-spacing: -0.035em;
    line-height: 1.35;
  }

  .mc-auth-mobile-hero p {
    position: relative;
    z-index: 1;
    max-width: 520px;
    margin: 12px 0 0;
    color: rgba(255, 255, 255, 0.66);
    font-size: 11.5px;
    line-height: 1.8;
  }

  .mc-auth-mobile-points {
    position: relative;
    z-index: 1;
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-top: 17px;
  }

  .mc-auth-mobile-points span {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    min-height: 24px;
    padding: 3px 8px;
    color: rgba(255, 255, 255, 0.78);
    background: rgba(255, 255, 255, 0.075);
    border: 1px solid rgba(255, 255, 255, 0.13);
    font-size: 9.5px;
  }

  .mc-auth-mobile-points i {
    color: #63dbbd;
    font-size: 12px;
  }

  .mc-auth-mobile-hero ~ .login_right {
    width: 100% !important;
    max-width: 760px !important;
    margin: 0 auto !important;
    padding: 24px 22px 22px !important;
    background: #fff;
    border: 1px solid #e1ebf5;
    border-top: 3px solid var(--mc-blue);
    box-shadow: 0 14px 34px rgba(15, 45, 73, 0.08);
  }

  .mc-auth-mobile-hero ~ .login_right .mc-auth-mobile-mark,
  .mc-auth-mobile-hero ~ .login_right .logo {
    display: none !important;
  }

  .mc-auth-mobile-hero ~ .login_right .mc-auth-heading {
    margin-top: 0;
  }

  .mc-auth-mobile-hero ~ .login_right::after {
    content: "SSL 加密保护 · 账号信息仅用于登录";
    display: block;
    margin-top: 22px;
    padding-top: 13px;
    color: #9aacbb;
    border-top: 1px dashed #e7eef7;
    font-size: 9.5px;
    letter-spacing: 0.02em;
    text-align: center;
  }
}

@media (max-width: 575px) {
  .auth-full-page-content {
    padding: 14px 14px 28px !important;
  }

  .mc-auth-mobile-hero {
    padding: 22px 18px;
    margin-bottom: 12px;
  }

  .mc-auth-mobile-hero h2 {
    font-size: 27px;
  }

  .mc-auth-mobile-hero p {
    font-size: 10.5px;
  }

  .mc-auth-mobile-hero ~ .login_right {
    padding: 20px 16px 18px !important;
  }
}


@media (max-width: 1199px) {
  .auth-full-page-content {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
  }

  .mc-auth-mobile-hero {
    width: 100% !important;
    flex: 0 0 auto !important;
  }

  .mc-auth-mobile-hero ~ .login_right {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 auto !important;
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
}

/* ---------- clean console footer ---------- */
a[href*="idcsmart"]{display:none!important;}
body[data-sidebar="light"] .mc-footer{
  position:relative!important;
  right:auto!important;
  bottom:auto!important;
  left:auto!important;
  width:calc(100% - 250px)!important;
  margin-left:250px!important;
  padding:0!important;
  background:#fff!important;
  border-top:1px solid #e7eef7!important;
  box-shadow:none!important;
}
body[data-sidebar="light"] .mc-footer .container-fluid{
  width:100%!important;
  max-width:none!important;
  padding:0 22px!important;
}
body[data-sidebar="light"] .mc-footer-inner{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:16px!important;
  min-height:58px!important;
  flex-wrap:wrap!important;
}
body[data-sidebar="light"] .mc-footer-brand strong{color:#29445e!important;}
body[data-sidebar="light"] .mc-footer-brand span{color:#8da0b2!important;}
body[data-sidebar="light"] .mc-footer-links{gap:18px!important;}
body[data-sidebar="light"] .mc-footer-links a{color:#70869a!important;font-size:11px!important;}
body[data-sidebar="light"] .mc-footer-links a:hover{color:#2e5bff!important;}
body[data-sidebar="light"] .mc-footer-copy{color:#9aacbb!important;font-size:10.5px!important;}
@media(max-width:991px){
  body[data-sidebar="light"] .mc-footer{width:100%!important;margin-left:0!important;}
  body[data-sidebar="light"] .mc-footer .container-fluid{padding:0 16px!important;}
}
@media(max-width:640px){
  body[data-sidebar="light"] .mc-footer-inner{display:block!important;padding:14px 0!important;text-align:center!important;}
  body[data-sidebar="light"] .mc-footer-brand{margin-bottom:8px!important;}
  body[data-sidebar="light"] .mc-footer-brand span{display:block!important;}
  body[data-sidebar="light"] .mc-footer-links{justify-content:center!important;gap:14px!important;margin-bottom:8px!important;}
  body[data-sidebar="light"] .mc-footer-copy{text-align:center!important;}
}