:root {
  --premium-font: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --premium-bg: #f5f5f7;
  --premium-surface: #ffffff;
  --premium-surface-soft: #fbfbfd;
  --premium-ink: #1d1d1f;
  --premium-ink-soft: #343438;
  --premium-muted: #6e6e73;
  --premium-line: rgba(0, 0, 0, 0.08);
  --premium-line-strong: rgba(0, 0, 0, 0.14);
  --premium-silver: #a1a1a6;
  --premium-platinum: #e8e8ed;
  --premium-gold: #b89a5f;
  --premium-gold-hover: #9f814c;
  --premium-gold-soft: #d7c39a;
  --premium-gold-tint: #f6f1e7;
  --premium-graphite: #2c2c2e;
  --premium-blue: #007aff;
  --premium-blue-hover: #006edb;
  --premium-blue-soft: #eaf8ff;
  --premium-green: #34c759;
  --premium-green-soft: #e8faf0;
  --premium-green-text: #188038;
  --premium-pink: #ff375f;
  --premium-pink-soft: #fff0f4;
  --premium-pink-text: #d70040;
  --premium-yellow: #ffb800;
  --premium-yellow-soft: #fff7d6;
  --premium-yellow-text: #946200;
  --premium-purple: #7c3aed;
  --premium-purple-soft: #f4eeff;
  --bs-font-sans-serif: var(--premium-font);
  --bs-body-font-family: var(--premium-font);
  --bs-body-font-size: 14px;
  --bs-body-line-height: 1.55;
  --bs-primary: #b89a5f;
  --bs-primary-rgb: 184, 154, 95;
}

html {
  font-size: 14px;
}

body {
  font-family: var(--premium-font);
  font-size: 14px;
  line-height: 1.55;
  letter-spacing: 0;
  color: var(--premium-ink-soft);
  background: var(--premium-bg);
}

body,
button,
input,
textarea,
select,
.card,
.btn,
.menu,
.modal,
.dropdown-menu,
.dataTables_wrapper,
.zero-premium-landing {
  font-family: var(--premium-font) !important;
}

.text-muted,
.text-gray-400,
.text-gray-500,
.text-gray-600,
.menu-link,
.card .text-gray-500,
.card .text-gray-400,
.form-text,
.zero-currency-note {
  font-size: 13px;
  line-height: 1.5;
}

.card-title,
.card-title .fw-bolder,
.card-title .fw-bold,
.modal-title,
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: var(--premium-font) !important;
  font-weight: 650;
  letter-spacing: 0;
}

.btn.btn-primary {
  background-color: var(--premium-gold) !important;
  border-color: var(--premium-gold) !important;
  color: #ffffff !important;
  box-shadow: 0 10px 22px rgba(184, 154, 95, 0.18);
  font-weight: 600;
  letter-spacing: 0;
}

.btn.btn-primary:hover,
.btn.btn-primary:focus {
  background-color: var(--premium-gold-hover) !important;
  border-color: var(--premium-gold-hover) !important;
}

.btn.btn-light-primary {
  background-color: #ffffff !important;
  border-color: #d1d1d6 !important;
  color: var(--premium-ink) !important;
  box-shadow: none !important;
  font-weight: 600;
}

.btn.btn-light-primary:hover,
.btn.btn-light-primary:focus {
  background-color: #f5f5f7 !important;
  border-color: #c7c7cc !important;
  color: var(--premium-ink) !important;
}

.btn.btn-active-light-primary.active,
.btn.btn-active-light-primary:hover {
  background-color: var(--premium-gold-tint) !important;
  border-color: var(--premium-gold-tint) !important;
  color: var(--premium-gold-hover) !important;
  box-shadow: none !important;
}

.text-primary,
.link-primary,
.svg-icon.svg-icon-primary,
.svg-icon.svg-icon-primary svg [fill]:not(.permanent):not(g) {
  color: var(--premium-gold) !important;
}

.bg-light-primary,
.badge-light-primary {
  background-color: var(--premium-gold-tint) !important;
  color: var(--premium-gold-hover) !important;
}

.badge-light-success {
  background-color: var(--premium-green-soft) !important;
  color: var(--premium-green-text) !important;
}

.badge-light-warning {
  background-color: var(--premium-yellow-soft) !important;
  color: var(--premium-yellow-text) !important;
}

.badge-light-danger {
  background-color: var(--premium-pink-soft) !important;
  color: var(--premium-pink-text) !important;
}

.app-sidebar,
.app-sidebar .app-sidebar-logo {
  background: rgba(255, 255, 255, 0.84) !important;
  backdrop-filter: blur(20px);
}

.app-sidebar {
  border-right: 1px solid var(--premium-line);
}

.app-sidebar,
.app-sidebar .menu,
.app-sidebar .menu .menu-link,
.app-sidebar .menu .menu-title,
.app-sidebar .btn-label,
.app-header,
.app-navbar,
.menu-sub-dropdown {
  font-family: var(--premium-font) !important;
  letter-spacing: 0;
}

.app-sidebar .menu .menu-link {
  min-height: 42px;
  border-radius: 8px;
  color: var(--premium-muted) !important;
}

.app-sidebar .menu .menu-title {
  font-size: 14px !important;
  font-weight: 500 !important;
  line-height: 1.45 !important;
  color: inherit !important;
}

.app-sidebar .menu .menu-icon,
.app-sidebar .menu .menu-icon i,
.app-sidebar .menu .menu-icon .svg-icon {
  font-size: 16px;
  color: inherit !important;
}

.app-sidebar .app-sidebar-logo a,
.app-sidebar .app-sidebar-logo .text-white {
  color: var(--premium-ink) !important;
}

.app-sidebar .app-sidebar-footer .btn-label {
  font-size: 13px;
  font-weight: 600;
}

.menu-sub-dropdown .menu-title,
.menu-sub-dropdown .menu-link,
.menu-sub-dropdown .menu-content {
  font-size: 13px !important;
  line-height: 1.5;
}

.app-sidebar .menu .menu-link.active,
.app-sidebar .menu .menu-link:hover {
  background: rgba(0, 0, 0, 0.055) !important;
  color: var(--premium-ink) !important;
}

.app-sidebar .menu .menu-link.active .menu-title,
.app-sidebar .menu .menu-link:hover .menu-title,
.app-sidebar .menu .menu-link.active .menu-icon,
.app-sidebar .menu .menu-link:hover .menu-icon {
  color: var(--premium-ink) !important;
}

.app-header {
  border-bottom: 1px solid var(--premium-line);
  background: rgba(255, 255, 255, 0.78);
  backdrop-filter: blur(20px);
}

.card,
.modal-content,
.menu-sub-dropdown {
  border: 1px solid var(--premium-line) !important;
  box-shadow: 0 18px 45px rgba(0, 0, 0, 0.045) !important;
}

.card,
.card.card-flush,
.modal-content,
.menu-sub-dropdown {
  border-radius: 8px;
}

.card-header {
  border-bottom-color: var(--premium-line) !important;
}

.card-title,
.card-title .text-dark,
.card-title .fw-bolder,
.card-title .fw-bold {
  color: var(--premium-ink) !important;
}

.premium-money {
  font-family: var(--premium-font);
  white-space: nowrap;
  font-variant-numeric: tabular-nums;
}

.premium-kpi-row {
  border: 1px solid var(--premium-line);
  background: var(--premium-surface-soft) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.82);
}

.premium-kpi-row .svg-icon,
.premium-kpi-row i {
  color: var(--premium-graphite) !important;
}

.premium-kpi-row.bg-light-warning {
  background: var(--premium-yellow-soft) !important;
}

.premium-kpi-row.bg-light-warning .svg-icon,
.premium-kpi-row.bg-light-warning i {
  color: var(--premium-yellow) !important;
}

.premium-kpi-row.bg-light-success {
  background: var(--premium-green-soft) !important;
}

.premium-kpi-row.bg-light-success .svg-icon,
.premium-kpi-row.bg-light-success i {
  color: var(--premium-green) !important;
}

.premium-kpi-row.bg-light-danger {
  background: var(--premium-pink-soft) !important;
}

.premium-kpi-row.bg-light-danger .svg-icon,
.premium-kpi-row.bg-light-danger i {
  color: var(--premium-pink) !important;
}

.premium-kpi-row.bg-light-info {
  background: var(--premium-purple-soft) !important;
}

.premium-kpi-row.bg-light-info .svg-icon,
.premium-kpi-row.bg-light-info i {
  color: var(--premium-purple) !important;
}

.premium-kpi-row.bg-light-primary {
  background: var(--premium-blue-soft) !important;
}

.premium-kpi-row.bg-light-primary .svg-icon,
.premium-kpi-row.bg-light-primary i {
  color: #0a84ff !important;
}

.premium-kpi-row.bg-light-primary .btn.btn-primary {
  background-color: #0a84ff !important;
  border-color: #0a84ff !important;
  box-shadow: 0 10px 22px rgba(10, 132, 255, 0.14);
}

.premium-kpi-row.bg-light-primary .btn.btn-primary:hover {
  background-color: var(--premium-blue-hover) !important;
  border-color: var(--premium-blue-hover) !important;
}

.premium-kpi-row .counter {
  display: inline-flex;
  align-items: baseline;
  gap: 6px;
  flex-wrap: wrap;
}

.zero-empty-state {
  min-height: 132px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 22px;
  text-align: center;
  color: var(--premium-muted);
  background: linear-gradient(135deg, #ffffff 0%, #f8fafc 100%);
  border: 1px dashed var(--premium-line-strong);
  border-radius: 8px;
}

.zero-empty-state i {
  color: var(--premium-gold);
  font-size: 28px;
}

.zero-empty-title {
  color: var(--premium-ink);
  font-weight: 700;
}

.zero-ticket-card .dataTables_wrapper .dataTables_empty {
  padding: 38px 12px !important;
  color: var(--premium-muted) !important;
  background: #ffffff;
}

.zero-ticket-card table {
  min-width: 760px;
}

.zero-ticket-modal-body .ck.ck-editor__main > .ck-editor__editable {
  min-height: 168px;
  border-color: var(--premium-line) !important;
}

.zero-ticket-modal-body .ck.ck-toolbar {
  border-color: var(--premium-line) !important;
  background: var(--premium-surface-soft) !important;
}

.zero-dashboard {
  color: var(--premium-ink-soft);
}

.zero-dashboard .row {
  --bs-gutter-x: 1.5rem;
}

.zero-dashboard-card > .card-header {
  min-height: auto;
  padding-top: 24px;
  padding-bottom: 16px;
}

.zero-dashboard-card > .card-body {
  padding-bottom: 24px;
}

.zero-dashboard-card .card-title,
.zero-dashboard-card .fs-3 {
  font-size: 18px !important;
  line-height: 1.25;
}

.zero-traffic-card #zero_user_traffic_chart {
  border: 1px solid var(--premium-line);
  border-radius: 8px;
  background: linear-gradient(180deg, #ffffff 0%, #f7f7fa 100%);
  padding: 8px;
}

.zero-subscription-card .alert-warning {
  border: 1px solid rgba(184, 154, 95, 0.24);
  background: var(--premium-gold-tint);
  color: var(--premium-ink);
  border-radius: 8px;
}

.zero-subscription-card .btn-success,
.zero-subscription-card .btn.btn-success {
  background-color: #0a84ff !important;
  border-color: #0a84ff !important;
  color: #ffffff !important;
  box-shadow: 0 10px 22px rgba(10, 132, 255, 0.14);
}

.zero-subscription-card .btn-success:hover,
.zero-subscription-card .btn.btn-success:hover {
  background-color: var(--premium-blue-hover) !important;
  border-color: var(--premium-blue-hover) !important;
}

.zero-subscription-card .btn-dark {
  background-color: #ffffff !important;
  border-color: #d1d1d6 !important;
  color: var(--premium-ink) !important;
  box-shadow: none !important;
}

.zero-subscription-card .btn-dark:hover {
  background-color: #f5f5f7 !important;
  border-color: #c7c7cc !important;
  color: var(--premium-ink) !important;
}

.zero-referral-card {
  overflow: hidden;
  background: linear-gradient(135deg, #fdfdfd 0%, #efeff4 54%, #f6f1e7 100%) !important;
}

.zero-referral-card::before {
  content: "";
  position: absolute;
  inset: 0;
  border-left: 4px solid var(--premium-gold);
  pointer-events: none;
}

.zero-referral-card .text-white {
  color: var(--premium-ink) !important;
}

.zero-referral-card .opacity-75 {
  opacity: 1 !important;
  color: var(--premium-muted) !important;
}

.zero-referral-card .bgi-no-repeat {
  filter: grayscale(1) contrast(0.92);
  opacity: 0.2;
}

.zero-product-card {
  font-family: var(--premium-font) !important;
  background: linear-gradient(180deg, #ffffff 0%, #f7f7fa 100%) !important;
  border: 1px solid var(--premium-line);
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.045);
}

.zero-product-card,
.zero-product-card * {
  font-family: inherit !important;
  letter-spacing: 0 !important;
}

.zero-product-card h1[id^="zero_product_name_"] {
  font-size: 20px !important;
  font-weight: 650 !important;
  line-height: 1.25 !important;
  color: var(--premium-ink) !important;
}

.zero-product-card span[id^="zero_product_price_"] {
  font-size: 38px !important;
  font-weight: 650 !important;
  line-height: 1 !important;
  color: var(--premium-gold) !important;
  font-variant-numeric: tabular-nums;
}

.zero-product-card .badge {
  font-size: 13px !important;
  font-weight: 600 !important;
  line-height: 1.35 !important;
  border-radius: 6px;
}

.zero-product-card .badge-success,
.zero-product-card .badge.badge-success {
  background-color: var(--premium-green-soft) !important;
  color: var(--premium-green-text) !important;
}

.zero-product-card .svg-icon-success,
.zero-product-card .svg-icon-success svg [fill]:not(.permanent):not(g) {
  color: var(--premium-green) !important;
}

.zero-product-card .svg-icon-warning {
  color: var(--premium-gold) !important;
}

.zero-product-card .fw-semibold,
.zero-product-card .fs-6 {
  font-size: 14px !important;
  line-height: 1.5;
}

.zero-product-card .text-primary {
  color: var(--premium-gold) !important;
}

.zero-currency-note {
  color: var(--premium-muted);
  font-size: 13px !important;
  font-weight: 500;
  line-height: 1.5;
}

.zero-order-mobile-cards {
  display: none;
}

.zero-order-mobile-card {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 12px;
  margin-bottom: 10px;
  border: 1px solid var(--premium-line);
  border-radius: 8px;
  background: var(--premium-surface-soft);
}

.zero-order-mobile-top {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}

.zero-order-mobile-label,
.zero-order-mobile-grid span,
.zero-order-mobile-action span {
  display: block;
  margin-bottom: 2px;
  color: var(--premium-muted);
  font-size: 11px;
  font-weight: 600;
  line-height: 1.25;
  text-transform: uppercase;
}

.zero-order-mobile-amount {
  color: var(--premium-ink);
  font-size: 18px;
  font-weight: 650;
  line-height: 1.2;
  font-variant-numeric: tabular-nums;
}

.zero-order-mobile-status {
  flex-shrink: 0;
  text-align: right;
}

.zero-order-mobile-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 7px;
}

.zero-order-mobile-grid strong {
  display: block;
  color: var(--premium-ink-soft);
  font-size: 12px;
  font-weight: 600;
  line-height: 1.35;
  word-break: break-word;
}

.zero-order-mobile-action {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding-top: 8px;
  border-top: 1px solid var(--premium-line);
}

.zero-order-mobile-action span {
  margin-bottom: 0;
}

@media (max-width: 767.98px) {
  body {
    padding-bottom: 84px;
  }

  #kt_app_content_container {
    padding-left: 14px;
    padding-right: 14px;
  }

  .card-body {
    padding-left: 1.15rem !important;
    padding-right: 1.15rem !important;
  }

  .premium-kpi-row {
    align-items: flex-start !important;
    gap: 12px;
  }

  .premium-kpi-row > .d-flex.flex-column {
    min-width: 0;
  }

  .premium-kpi-row .text-end,
  .premium-kpi-row .btn {
    flex-shrink: 0;
  }

  .premium-kpi-row .btn {
    min-width: 72px;
  }

  .zero-order-mobile-cards {
    display: block;
  }

  .zero-order-card #zero_order_table,
  .zero-order-card #zero_order_table_wrapper .dataTables_scroll,
  .zero-order-card #zero_order_table_wrapper table {
    display: none !important;
  }

  .zero-order-card #zero_order_table_wrapper .row:first-child,
  .zero-order-card #zero_order_table_wrapper .row:last-child {
    display: flex !important;
  }

  .zero-order-card #zero_order_table_wrapper .dataTables_info {
    padding-top: 12px;
    color: var(--premium-muted);
    font-size: 12px;
  }

  .zero-order-mobile-action .btn {
    min-width: 96px;
  }

  .zero-ticket-card .card-header {
    align-items: flex-start !important;
  }

  .zero-ticket-card .card-toolbar,
  .zero-ticket-card .card-toolbar .btn {
    width: 100%;
  }

  .zero-ticket-card .card-toolbar .btn {
    justify-content: center;
  }

  .zero-ticket-modal-body {
    padding-bottom: 2rem !important;
  }

  #fb-root,
  .fb_dialog,
  iframe[title*="chat" i],
  iframe[src*="customerchat"] {
    bottom: 78px !important;
  }

  .crisp-client .cc-1brb6,
  .crisp-client .cc-tlyw {
    bottom: 78px !important;
  }
}

/* Landing page polish */
body.zero-premium-landing {
  font-family: var(--premium-font) !important;
  font-size: 14px;
  line-height: 1.55;
  background: #ffffff;
}

.zero-premium-landing .navbar {
  background: rgba(255, 255, 255, 0.9);
  border-bottom: 1px solid rgba(203, 213, 225, 0.62);
  backdrop-filter: blur(14px);
}

.zero-premium-landing .logo-dark,
.zero-premium-landing .nav-link {
  color: var(--premium-ink) !important;
}

.zero-premium-landing .nav-btn {
  background: var(--premium-ink) !important;
  color: #ffffff !important;
  border-color: var(--premium-ink) !important;
  font-weight: 600;
}

.zero-premium-landing .hero-1 .btn.btn-light {
  background: var(--premium-gold) !important;
  border-color: var(--premium-gold) !important;
  color: #ffffff !important;
  box-shadow: 0 16px 38px rgba(201, 162, 39, 0.25);
}

.zero-premium-landing .hero-1 .btn.btn-light strong,
.zero-premium-landing .hero-1 .btn.btn-light i {
  color: inherit !important;
}

.zero-premium-landing .hero-1 {
  min-height: 760px;
  padding-top: 158px;
  background-color: #111827 !important;
  background-blend-mode: multiply;
}

.zero-premium-landing .hero-1::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(112deg, rgba(17, 24, 39, 0.94) 0%, rgba(31, 41, 55, 0.82) 48%, rgba(201, 162, 39, 0.2) 100%);
}

.zero-premium-landing .hero-content,
.zero-premium-landing .hero-bottom-shape {
  position: relative;
  z-index: 1;
}

.zero-premium-landing .hero-1-title {
  font-family: var(--premium-font) !important;
  font-size: 46px;
  font-weight: 650 !important;
  letter-spacing: 0;
  line-height: 1.1;
}

.zero-premium-landing .hero-copy-list {
  list-style: none;
  padding-left: 0;
  margin: 0 0 24px;
}

.zero-premium-landing .hero-copy-list li {
  position: relative;
  padding-left: 24px;
  margin-bottom: 12px;
  color: rgba(255, 255, 255, 0.78);
}

.zero-premium-landing .hero-copy-list li::before {
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 10px;
  background: var(--premium-gold-soft);
}

.zero-trust-row {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin-top: 26px;
}

.zero-trust-item {
  font-size: 13px;
  line-height: 1.5;
  border: 1px solid rgba(255, 255, 255, 0.16);
  background: rgba(255, 255, 255, 0.08);
  border-radius: 8px;
  padding: 14px;
  color: rgba(255, 255, 255, 0.74);
}

.zero-trust-item strong {
  display: block;
  color: #ffffff;
  font-size: 14px;
  font-weight: 650;
  line-height: 1.35;
}

.zero-premium-landing .swiper-container {
  border: 1px solid rgba(255, 255, 255, 0.22);
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 28px 80px rgba(0, 0, 0, 0.28);
}

.zero-premium-landing .swiper-slide img {
  aspect-ratio: 16 / 9;
  object-fit: cover;
  filter: saturate(0.78) contrast(0.92) brightness(0.9);
}

.zero-premium-landing .service-box,
.zero-premium-landing .pricing,
.zero-premium-landing .bg-light {
  border-radius: 8px;
  border: 1px solid rgba(203, 213, 225, 0.78);
  box-shadow: 0 18px 45px rgba(17, 24, 39, 0.05);
}

.zero-premium-landing .service-box.active,
.zero-premium-landing .bg-gradient-primary {
  background: linear-gradient(135deg, #14161f 0%, #2b3140 62%, var(--premium-gold) 170%) !important;
}

@media (max-width: 767.98px) {
  .zero-premium-landing .hero-1 {
    min-height: auto;
    padding-top: 132px;
    padding-bottom: 76px;
  }

  .zero-premium-landing .hero-1-title {
    font-size: 34px;
    line-height: 1.12;
  }

  .zero-premium-landing .hero-content {
    gap: 28px;
  }

  .zero-product-card span[id^="zero_product_price_"] {
    font-size: 34px !important;
  }

  .zero-trust-row {
    grid-template-columns: 1fr;
  }
}

/* Dark mode — align premium layer with Metronic data-bs-theme=dark */
[data-bs-theme=dark] {
  --premium-bg: #151521;
  --premium-surface: #1e1e2d;
  --premium-surface-soft: #2b2b40;
  --premium-ink: #e1e3ea;
  --premium-ink-soft: #cdcdde;
  --premium-muted: #7e8299;
  --premium-line: rgba(255, 255, 255, 0.08);
  --premium-line-strong: rgba(255, 255, 255, 0.14);
  --premium-gold-tint: rgba(184, 154, 95, 0.18);
  --premium-yellow-soft: rgba(255, 184, 0, 0.14);
  --premium-green-soft: rgba(52, 199, 89, 0.14);
  --premium-pink-soft: rgba(255, 55, 95, 0.14);
  --premium-purple-soft: rgba(124, 58, 237, 0.14);
  --premium-blue-soft: rgba(10, 132, 255, 0.14);
}

[data-bs-theme=dark] body {
  color: var(--premium-ink-soft);
  background: var(--premium-bg);
}

[data-bs-theme=dark] .app-sidebar,
[data-bs-theme=dark] .app-sidebar .app-sidebar-logo {
  background: rgba(30, 30, 45, 0.94) !important;
  border-right-color: var(--premium-line);
}

[data-bs-theme=dark] .app-sidebar .menu .menu-link {
  color: var(--premium-muted) !important;
}

[data-bs-theme=dark] .app-sidebar .app-sidebar-logo a,
[data-bs-theme=dark] .app-sidebar .app-sidebar-logo .text-white {
  color: var(--premium-ink) !important;
}

[data-bs-theme=dark] .app-sidebar .menu .menu-link.active,
[data-bs-theme=dark] .app-sidebar .menu .menu-link:hover {
  background: rgba(255, 255, 255, 0.06) !important;
  color: var(--premium-ink) !important;
}

[data-bs-theme=dark] .app-header {
  background: rgba(21, 21, 33, 0.9);
  border-bottom-color: var(--premium-line);
}

[data-bs-theme=dark] .btn.btn-light-primary {
  background-color: var(--premium-surface-soft) !important;
  border-color: var(--premium-line-strong) !important;
  color: var(--premium-ink) !important;
}

[data-bs-theme=dark] .btn.btn-light-primary:hover,
[data-bs-theme=dark] .btn.btn-light-primary:focus {
  background-color: #36364a !important;
  border-color: rgba(255, 255, 255, 0.18) !important;
  color: var(--premium-ink) !important;
}

[data-bs-theme=dark] .card,
[data-bs-theme=dark] .modal-content,
[data-bs-theme=dark] .menu-sub-dropdown {
  box-shadow: 0 18px 45px rgba(0, 0, 0, 0.28) !important;
}

[data-bs-theme=dark] .card-title,
[data-bs-theme=dark] .card-title .text-dark,
[data-bs-theme=dark] .card-title .fw-bolder,
[data-bs-theme=dark] .card-title .fw-bold {
  color: var(--premium-ink) !important;
}

[data-bs-theme=dark] .premium-kpi-row {
  border-color: var(--premium-line);
  background: var(--premium-surface-soft) !important;
  box-shadow: none;
}

[data-bs-theme=dark] .premium-kpi-row.bg-light-warning {
  background: var(--premium-yellow-soft) !important;
}

[data-bs-theme=dark] .premium-kpi-row.bg-light-success {
  background: var(--premium-green-soft) !important;
}

[data-bs-theme=dark] .premium-kpi-row.bg-light-danger {
  background: var(--premium-pink-soft) !important;
}

[data-bs-theme=dark] .premium-kpi-row.bg-light-info {
  background: var(--premium-purple-soft) !important;
}

[data-bs-theme=dark] .premium-kpi-row.bg-light-primary {
  background: var(--premium-blue-soft) !important;
}

[data-bs-theme=dark] .zero-traffic-card #zero_user_traffic_chart {
  background: linear-gradient(180deg, #1e1e2d 0%, #2b2b40 100%);
  border-color: var(--premium-line);
}

[data-bs-theme=dark] .zero-subscription-card .alert-warning {
  background: rgba(184, 154, 95, 0.16);
  border-color: rgba(184, 154, 95, 0.32);
  color: var(--premium-ink);
}

[data-bs-theme=dark] .zero-subscription-card .btn-dark {
  background-color: #3a3a4a !important;
  border-color: rgba(255, 255, 255, 0.16) !important;
  color: var(--premium-ink) !important;
}

[data-bs-theme=dark] .zero-subscription-card .btn-dark:hover {
  background-color: #45455a !important;
  border-color: rgba(255, 255, 255, 0.22) !important;
  color: #ffffff !important;
}

[data-bs-theme=dark] .zero-empty-state {
  background: linear-gradient(135deg, #1e1e2d 0%, #252535 100%);
  border-color: var(--premium-line-strong);
}

[data-bs-theme=dark] .zero-empty-title {
  color: var(--premium-ink);
}

[data-bs-theme=dark] .zero-ticket-card .dataTables_wrapper .dataTables_empty {
  background: var(--premium-surface);
}

[data-bs-theme=dark] .zero-referral-card {
  background: linear-gradient(135deg, #1e1e2d 0%, #2b2b40 54%, #2e2a1f 100%) !important;
}

[data-bs-theme=dark] .zero-referral-card .text-white {
  color: var(--premium-ink) !important;
}

[data-bs-theme=dark] .zero-product-card {
  background: linear-gradient(180deg, #1e1e2d 0%, #2b2b40 100%) !important;
  border-color: var(--premium-line);
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.28);
}

[data-bs-theme=dark] .zero-product-card h1[id^="zero_product_name_"] {
  color: var(--premium-ink) !important;
}

[data-bs-theme=dark] .zero-order-mobile-card {
  background: var(--premium-surface-soft);
  border-color: var(--premium-line);
}

[data-bs-theme=dark] .zero-order-mobile-amount {
  color: var(--premium-ink);
}

[data-bs-theme=dark] .zero-ticket-modal-body .ck.ck-toolbar {
  background: #32324a !important;
  border-color: rgba(255, 255, 255, 0.18) !important;
  color: var(--premium-ink) !important;
}

[data-bs-theme=dark] .zero-ticket-modal-body .ck.ck-editor__main > .ck-editor__editable {
  background: #202033 !important;
  color: #f1f2f7;
  border-color: rgba(255, 255, 255, 0.18) !important;
}

[data-bs-theme=dark] .zero-ticket-modal-body .ck.ck-editor__editable.ck-placeholder::before {
  color: #a7acc1;
}

[data-bs-theme=dark] .zero-ticket-modal-body .ck.ck-button {
  color: #dfe3ee;
}

[data-bs-theme=dark] .zero-ticket-modal-body .ck.ck-button:hover,
[data-bs-theme=dark] .zero-ticket-modal-body .ck.ck-button.ck-on {
  background: rgba(255, 255, 255, 0.12);
  color: #ffffff;
}

[data-bs-theme=dark] .zero-dashboard {
  color: var(--premium-ink-soft);
}

.zero-brand-logo-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  max-width: 100%;
  text-decoration: none;
  line-height: 0;
}

.zero-brand-logo {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  max-width: 100%;
}

.zero-brand-logo img {
  display: block;
  height: auto;
  width: auto;
  max-width: 100%;
  object-fit: contain;
}

.zero-brand-logo--horizontal img {
  width: 156px;
  max-height: 46px;
}

.zero-brand-logo--vertical img {
  width: min(320px, 42vw);
  max-height: 225px;
}

.zero-brand-logo--vertical_compact img {
  width: min(270px, 72vw);
  max-height: 215px;
}

.app-sidebar-logo .zero-brand-logo--horizontal img {
  width: 164px;
  max-height: 52px;
}

[data-kt-app-sidebar-minimize="on"] .app-sidebar-logo .zero-brand-logo--horizontal img {
  width: 46px;
  max-height: 28px;
}

.zero-premium-landing .navbar .zero-brand-logo--horizontal img {
  width: 178px;
  max-height: 56px;
}

.zero-premium-landing .footer .zero-brand-logo--horizontal img {
  width: 190px;
  max-height: 58px;
}

.zero-auth-logo-compact {
  display: none;
}

@media (max-width: 991.98px) {
  .zero-brand-logo--vertical img {
    width: min(250px, 72vw);
    max-height: 190px;
  }

  .zero-auth-logo-full {
    display: none;
  }

  .zero-auth-logo-compact {
    display: inline-flex;
  }

  .zero-brand-logo--vertical_compact img {
    width: min(205px, 66vw);
    max-height: 155px;
  }
}

@media (max-width: 575.98px) {
  .zero-premium-landing .navbar .zero-brand-logo--horizontal img {
    width: 168px;
    max-height: 52px;
  }
}