:root {
  --dh-primary: #1C244B;
  --dh-primary-2: #2f3a7a;
  --dh-deep: #0c1330;
  --dh-deep-2: #111936;
  --dh-ink: #101827;
  --dh-muted: #64748b;
  --dh-border: rgba(28,36,75,.12);
  --dh-shadow: 0 18px 48px rgba(12,19,48,.12);
  --dh-shadow-soft: 0 10px 28px rgba(12,19,48,.08);
}

html,
body {
  max-width: 100%;
  overflow-x: hidden;
}

body,
body.whmcs,
body.dh-pro-ready {
  background:
    radial-gradient(circle at top left, rgba(47,58,122,.13), transparent 34%),
    linear-gradient(180deg, #f8faff 0%, #eef2ff 100%) !important;
  color: var(--dh-ink) !important;
}

/* Hide default WHMCS header/footer */
body.dh-pro-ready #header,
body.dh-pro-ready .navbar-main,
body.dh-pro-ready .main-navbar-wrapper,
body.dh-pro-ready .topbar,
body.dh-pro-ready header.header,
body.dh-pro-ready #footer,
body.dh-pro-ready footer.footer {
  display: none !important;
}

/* Main body */
#main-body,
section#main-body,
.main-content,
.main-body,
.client-home-panels,
.tiles,
.container-fluid,
.app-main,
.dh-page-wrap {
  background: transparent !important;
}

body.dh-pro-ready #main-body,
body.dh-pro-ready section#main-body {
  padding-top: 22px !important;
}

#main-body > .container,
section#main-body > .container,
.main-content > .container {
  max-width: 1180px !important;
}

/* Top bar */
.dh-brand-topbar {
  width: 100%;
  background: #080d22;
  color: rgba(255,255,255,.82);
  font-size: 13px;
  border-bottom: 1px solid rgba(255,255,255,.08);
}

.dh-brand-topbar-inner {
  max-width: 1180px;
  margin: 0 auto;
  padding: 8px 18px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
}

.dh-brand-topbar strong,
.dh-brand-topbar a {
  color: #fff !important;
}

.dh-topbar-credit {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 5px 10px;
  border-radius: 999px;
  background: rgba(255,255,255,.08);
  border: 1px solid rgba(255,255,255,.10);
  color: rgba(255,255,255,.82);
  white-space: nowrap;
}

/* Header */
.dh-brand-header {
  position: sticky;
  top: 0;
  z-index: 9999;
  background: rgba(12,19,48,.97);
  backdrop-filter: blur(14px);
  border-bottom: 1px solid rgba(255,255,255,.10);
  box-shadow: 0 14px 42px rgba(12,19,48,.22);
}

.dh-brand-nav {
  max-width: 1180px;
  width: 100%;
  margin: 0 auto;
  padding: 14px 18px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  box-sizing: border-box;
}

.dh-brand-logo {
  display: flex;
  align-items: center;
  gap: 11px;
  color: #fff !important;
  text-decoration: none !important;
  flex: 0 0 auto;
}

.dh-brand-mark {
  width: 40px;
  height: 40px;
  border-radius: 14px;
  background: linear-gradient(135deg,#fff,#dbe4ff);
  color: var(--dh-primary);
  display: grid;
  place-items: center;
  font-weight: 900;
  letter-spacing: -1px;
  box-shadow: 0 10px 24px rgba(0,0,0,.22);
}

.dh-brand-logo-text {
  display: flex;
  flex-direction: column;
  line-height: 1.05;
}

.dh-brand-logo-text strong {
  font-size: 18px;
  color: #fff;
}

.dh-brand-logo-text span {
  margin-top: 4px;
  font-size: 12px;
  color: rgba(255,255,255,.64);
}

.dh-brand-menu {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 2px;
  min-width: 0;
  flex: 1 1 auto;
}

.dh-brand-menu a {
  color: rgba(255,255,255,.82) !important;
  text-decoration: none !important;
  padding: 9px 10px;
  border-radius: 999px;
  font-size: 14px;
  font-weight: 650;
  white-space: nowrap;
}

.dh-brand-menu a:hover {
  color: #fff !important;
  background: rgba(255,255,255,.10);
}

.dh-brand-actions {
  display: flex;
  align-items: center;
  gap: 8px;
  flex: 0 0 auto;
}

/* Brand buttons */
.dh-brand-btn,
.dh-dashboard-actions a,
.dh-support-actions a,
.dh-cart-actions a,
.dh-care-inner a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 40px;
  padding: 0 15px;
  border-radius: 999px;
  font-size: 13px;
  font-weight: 800;
  text-decoration: none !important;
  white-space: nowrap;
}

.dh-brand-btn-secondary,
.dh-dash-secondary {
  color: #fff !important;
  border: 1px solid rgba(255,255,255,.14);
  background: rgba(255,255,255,.08);
}

.dh-brand-btn-secondary:hover,
.dh-dash-secondary:hover {
  color: #fff !important;
  background: rgba(255,255,255,.18) !important;
}

.dh-brand-btn-primary,
.dh-dash-primary {
  color: var(--dh-primary) !important;
  background: #fff !important;
  box-shadow: 0 10px 24px rgba(0,0,0,.20);
}

.dh-brand-btn-primary:hover,
.dh-dash-primary:hover {
  color: var(--dh-primary) !important;
  background: #eef2ff !important;
}

/* Account dropdown */
.dh-account-menu {
  position: relative;
  display: inline-flex;
  align-items: center;
  padding-bottom: 14px;
  margin-bottom: -14px;
}

.dh-account-toggle {
  border: 0 !important;
  cursor: pointer;
  font-family: inherit;
}

.dh-account-menu::after {
  content: "";
  position: absolute;
  left: -10px;
  right: -10px;
  top: 100%;
  height: 18px;
  background: transparent;
  pointer-events: auto;
}

.dh-account-dropdown {
  position: absolute;
  right: 0;
  top: calc(100% + 2px);
  width: 250px;
  background: #fff;
  border: 1px solid rgba(28,36,75,.12);
  border-radius: 18px;
  box-shadow: 0 24px 70px rgba(12,19,48,.22);
  padding: 10px 8px 8px;
  display: none;
  z-index: 10050;
}

.dh-account-menu:hover .dh-account-dropdown,
.dh-account-menu:focus-within .dh-account-dropdown,
.dh-account-menu.is-open .dh-account-dropdown {
  display: block !important;
}

.dh-account-dropdown::before {
  content: "";
  position: absolute;
  right: 24px;
  top: -7px;
  width: 14px;
  height: 14px;
  background: #fff;
  border-left: 1px solid rgba(28,36,75,.12);
  border-top: 1px solid rgba(28,36,75,.12);
  transform: rotate(45deg);
}

.dh-account-dropdown a {
  display: block;
  padding: 11px 12px;
  border-radius: 12px;
  color: var(--dh-primary) !important;
  background: transparent !important;
  text-decoration: none !important;
  font-size: 13px;
  font-weight: 800;
  line-height: 1.25;
}

.dh-account-dropdown a:hover {
  background: #eef2ff !important;
  color: var(--dh-primary) !important;
}

/* Breadcrumb */
.dh-breadcrumb-wrap {
  max-width: 1180px;
  margin: 0 auto 18px;
  padding: 0;
}

.dh-breadcrumb {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  padding: 12px 16px;
  border: 1px solid rgba(28,36,75,.10);
  border-radius: 999px;
  background: rgba(255,255,255,.92);
  box-shadow: var(--dh-shadow-soft);
  width: fit-content;
  max-width: 100%;
}

.dh-breadcrumb a,
.dh-breadcrumb span {
  font-size: 13px;
  font-weight: 800;
  text-decoration: none !important;
}

.dh-breadcrumb a {
  color: var(--dh-primary) !important;
}

.dh-breadcrumb .dh-sep {
  color: rgba(28,36,75,.35);
}

.dh-breadcrumb .dh-current {
  color: var(--dh-muted);
}

body.dh-pro-ready .breadcrumb,
body.dh-pro-ready ol.breadcrumb,
body.dh-pro-ready ul.breadcrumb {
  display: none !important;
}

/* Hero sections */
.dh-dashboard-hero,
.dh-quick-actions,
.dh-care-strip,
.dh-tools-panel,
.dh-empty-upsell,
.dh-support-hero,
.dh-cart-hero {
  max-width: 1180px;
  margin-left: auto;
  margin-right: auto;
}

.dh-dashboard-hero {
  margin-bottom: 20px;
}

.dh-dashboard-card,
.dh-support-card,
.dh-cart-card {
  position: relative;
  overflow: hidden;
  border-radius: 24px;
  background:
    radial-gradient(circle at top right, rgba(255,255,255,.20), transparent 32%),
    linear-gradient(135deg,#0c1330,#1C244B 54%,#2f3a7a);
  color: #fff;
  box-shadow: 0 24px 70px rgba(12,19,48,.22);
  border: 1px solid rgba(255,255,255,.12);
  padding: 30px 34px;
}

.dh-dashboard-eyebrow,
.dh-support-eyebrow,
.dh-cart-eyebrow {
  display: inline-flex;
  background: rgba(255,255,255,.12);
  color: #fff;
  padding: 7px 12px;
  border-radius: 999px;
  font-size: 13px;
  font-weight: 800;
  margin-bottom: 14px;
}

.dh-dashboard-title,
.dh-support-title,
.dh-cart-title {
  margin: 0;
  color: #fff;
  font-size: clamp(30px,3.6vw,44px);
  line-height: 1.05;
  letter-spacing: -1.1px;
}

.dh-dashboard-copy,
.dh-support-copy,
.dh-cart-copy {
  margin: 13px 0 0;
  max-width: 780px;
  color: rgba(255,255,255,.82);
  font-size: 16px;
  line-height: 1.65;
}

.dh-dashboard-actions,
.dh-support-actions,
.dh-cart-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 11px;
  margin-top: 22px;
}

/* Quick cards */
.dh-quick-actions {
  margin-bottom: 20px;
  display: grid;
  grid-template-columns: repeat(5,minmax(0,1fr));
  gap: 16px;
}

.dh-quick-card {
  background: rgba(255,255,255,.98);
  border: 1px solid rgba(28,36,75,.10);
  border-radius: 20px;
  box-shadow: var(--dh-shadow-soft);
  padding: 20px;
  text-decoration: none !important;
  color: var(--dh-ink) !important;
  transition: .18s ease;
  min-height: 152px;
}

.dh-quick-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 22px 55px rgba(12,19,48,.13);
  color: var(--dh-ink) !important;
  background: #fff !important;
}

.dh-quick-icon {
  width: 56px !important;
  height: 56px !important;
  border-radius: 18px;
  background: linear-gradient(135deg,#121b44,#1C244B);
  color: #fff;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin-bottom: 14px;
  box-shadow: 0 14px 30px rgba(28,36,75,.22);
}

.dh-quick-icon svg {
  display: block !important;
  width: 30px !important;
  height: 30px !important;
  stroke: #fff !important;
  fill: none !important;
  stroke-width: 2.2 !important;
}

.dh-quick-card strong {
  display: block;
  color: var(--dh-primary);
  font-size: 16px;
  margin-bottom: 5px;
}

.dh-quick-card span,
.dh-credit-card small {
  display: block;
  color: var(--dh-muted);
  font-size: 13px;
  line-height: 1.45;
}

.dh-credit-card {
  background:
    radial-gradient(circle at top right, rgba(47,58,122,.10), transparent 38%),
    #fff !important;
}

.dh-credit-icon {
  font-size: 26px !important;
  font-weight: 950 !important;
  line-height: 1 !important;
}

.dh-credit-balance {
  display: block !important;
  color: var(--dh-primary) !important;
  font-size: 22px !important;
  line-height: 1.15 !important;
  font-weight: 950 !important;
  margin: 3px 0 5px !important;
}

/* Panels */
.dh-tools-panel,
.dh-empty-upsell,
.dh-support-hero,
.dh-cart-hero {
  margin-bottom: 26px;
}

.dh-tools-inner,
.dh-empty-inner {
  border-radius: 22px;
  background: rgba(255,255,255,.98);
  border: 1px solid rgba(28,36,75,.10);
  box-shadow: var(--dh-shadow-soft);
  padding: 22px;
}

.dh-tools-head,
.dh-empty-head {
  display: flex;
  justify-content: space-between;
  gap: 18px;
  align-items: flex-end;
  margin-bottom: 16px;
}

.dh-tools-head h3,
.dh-empty-head h3 {
  margin: 0 0 4px;
  color: var(--dh-primary);
}

.dh-tools-head p,
.dh-empty-head p {
  margin: 0;
  color: var(--dh-muted);
}

.dh-tools-grid,
.dh-empty-grid {
  display: grid;
  grid-template-columns: repeat(4,minmax(0,1fr));
  gap: 12px;
}

.dh-tool-link,
.dh-empty-card {
  border: 1px solid rgba(28,36,75,.10);
  border-radius: 16px;
  padding: 16px;
  text-decoration: none !important;
  color: var(--dh-primary) !important;
  background: #f8faff;
  font-weight: 850;
}

.dh-tool-link:hover,
.dh-empty-card:hover {
  background: #eef2ff !important;
  color: var(--dh-primary) !important;
}

/* Help strip */
.dh-care-strip {
  margin-top: 6px;
  margin-bottom: 26px;
}

.dh-care-inner {
  border-radius: 20px;
  padding: 22px 24px;
  background: rgba(255,255,255,.98);
  border: 1px solid rgba(28,36,75,.10);
  box-shadow: var(--dh-shadow-soft);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 22px;
}

.dh-care-inner h3 {
  margin: 0 0 5px;
  color: var(--dh-primary);
  font-size: 20px;
}

.dh-care-inner p {
  margin: 0;
  color: var(--dh-muted);
  line-height: 1.55;
}

/* WHMCS cards - IMPORTANT: list-group-item removed from here */
.card,
.panel,
.client-home-panels .panel,
.home-shortcuts li,
.tiles .tile {
  border: 1px solid rgba(28,36,75,.10) !important;
  border-radius: 18px !important;
  box-shadow: var(--dh-shadow-soft) !important;
  overflow: hidden;
  background: rgba(255,255,255,.98) !important;
}

.card-header,
.panel-heading {
  background: linear-gradient(135deg,#fff,#f6f8ff) !important;
  border-bottom: 1px solid rgba(28,36,75,.10) !important;
  color: var(--dh-primary) !important;
  font-weight: 850 !important;
}

.tiles .tile {
  min-height: 104px;
  transition: .18s ease;
}

.tiles .tile:hover {
  transform: translateY(-2px);
}

.tiles .tile .icon,
.tiles .tile i {
  color: rgba(28,36,75,.30) !important;
}

.tiles .tile .stat {
  color: var(--dh-primary) !important;
}

/* Sidebar cleanup */
body.dh-pro-ready .sidebar,
body.dh-pro-ready .sidebar-primary,
body.dh-pro-ready .primary-sidebar,
body.dh-pro-ready .panel-sidebar,
body.dh-pro-ready .dh-nexus-sidebar {
  background: transparent !important;
  box-shadow: none !important;
  border: 0 !important;
}

body.dh-pro-ready .sidebar .card,
body.dh-pro-ready .sidebar-primary .card,
body.dh-pro-ready .primary-sidebar .card,
body.dh-pro-ready .panel-sidebar .card,
body.dh-pro-ready .dh-nexus-sidebar .card,
body.dh-pro-ready .sidebar .panel,
body.dh-pro-ready .sidebar-primary .panel,
body.dh-pro-ready .primary-sidebar .panel,
body.dh-pro-ready .panel-sidebar .panel {
  background: #fff !important;
  border-radius: 22px !important;
  border: 1px solid rgba(28,36,75,.10) !important;
  box-shadow: 0 14px 35px rgba(28,36,75,.08) !important;
  margin-bottom: 18px !important;
  overflow: hidden !important;
}

body.dh-pro-ready .sidebar .list-group,
body.dh-pro-ready .sidebar-primary .list-group,
body.dh-pro-ready .primary-sidebar .list-group,
body.dh-pro-ready .panel-sidebar .list-group,
body.dh-pro-ready .dh-nexus-sidebar .list-group {
  padding: 8px 12px 14px !important;
  margin: 0 !important;
  background: #fff !important;
}

body.dh-pro-ready .sidebar .list-group-item,
body.dh-pro-ready .sidebar-primary .list-group-item,
body.dh-pro-ready .primary-sidebar .list-group-item,
body.dh-pro-ready .panel-sidebar .list-group-item,
body.dh-pro-ready .dh-nexus-sidebar .list-group-item {
  display: flex !important;
  align-items: center !important;
  gap: 9px !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 12px !important;
  box-shadow: none !important;
  padding: 9px 12px !important;
  margin: 1px 0 !important;
  min-height: 0 !important;
  height: auto !important;
  line-height: 1.35 !important;
  color: var(--dh-primary) !important;
}

body.dh-pro-ready .sidebar .list-group-item:hover,
body.dh-pro-ready .sidebar-primary .list-group-item:hover,
body.dh-pro-ready .primary-sidebar .list-group-item:hover,
body.dh-pro-ready .panel-sidebar .list-group-item:hover,
body.dh-pro-ready .dh-nexus-sidebar .list-group-item:hover {
  background: rgba(28,36,75,.06) !important;
  color: var(--dh-primary) !important;
}

body.dh-pro-ready .sidebar .list-group-item:empty,
body.dh-pro-ready .sidebar-primary .list-group-item:empty,
body.dh-pro-ready .primary-sidebar .list-group-item:empty,
body.dh-pro-ready .panel-sidebar .list-group-item:empty,
body.dh-pro-ready .dh-nexus-sidebar .list-group-item:empty {
  display: none !important;
}

/* Remove grey left column background */
body.dh-pro-ready #main-body .row,
body.dh-pro-ready section#main-body .row,
body.dh-pro-ready .main-content .row,
body.dh-pro-ready .col-md-3,
body.dh-pro-ready .col-sm-3,
body.dh-pro-ready .col-lg-3 {
  background: transparent !important;
}

/* Buttons */
body.dh-pro-ready .btn,
body.dh-pro-ready a.btn,
body.dh-pro-ready button.btn,
body.dh-pro-ready input[type="submit"],
body.dh-pro-ready input[type="button"],
body.dh-pro-ready #order-standard_cart .btn,
body.dh-pro-ready #order-standard_cart button,
body.dh-pro-ready .btn-default,
body.dh-pro-ready .btn-secondary,
body.dh-pro-ready .btn-light {
  background: linear-gradient(135deg, var(--dh-primary), var(--dh-primary-2)) !important;
  color: #fff !important;
  border: 1px solid rgba(255,255,255,.08) !important;
  border-radius: 999px !important;
  box-shadow: 0 12px 28px rgba(28,36,75,.20) !important;
  font-weight: 800 !important;
  text-decoration: none !important;
  text-shadow: none !important;
}

body.dh-pro-ready .btn:hover,
body.dh-pro-ready a.btn:hover,
body.dh-pro-ready button.btn:hover,
body.dh-pro-ready input[type="submit"]:hover,
body.dh-pro-ready input[type="button"]:hover,
body.dh-pro-ready .btn:focus,
body.dh-pro-ready a.btn:focus,
body.dh-pro-ready button.btn:focus,
body.dh-pro-ready .btn:active,
body.dh-pro-ready a.btn:active,
body.dh-pro-ready button.btn:active {
  background: linear-gradient(135deg, var(--dh-primary-2), #111936) !important;
  color: #fff !important;
  border-color: rgba(255,255,255,.16) !important;
  text-shadow: none !important;
  box-shadow: 0 16px 34px rgba(28,36,75,.26) !important;
}

body.dh-pro-ready .btn *,
body.dh-pro-ready button.btn *,
body.dh-pro-ready a.btn *,
body.dh-pro-ready .btn:hover *,
body.dh-pro-ready button.btn:hover *,
body.dh-pro-ready a.btn:hover * {
  color: #fff !important;
  text-shadow: none !important;
}

/* Links */
body.dh-pro-ready .card a:not(.btn):hover,
body.dh-pro-ready .panel a:not(.btn):hover,
body.dh-pro-ready .list-group-item a:not(.btn):hover,
body.dh-pro-ready table a:not(.btn):hover {
  color: var(--dh-primary-2) !important;
  background: transparent !important;
}

/* Dropdowns */
body.dh-pro-ready .dropdown-menu a,
body.dh-pro-ready .dropdown-item {
  color: var(--dh-primary) !important;
}

body.dh-pro-ready .dropdown-menu a:hover,
body.dh-pro-ready .dropdown-item:hover {
  color: var(--dh-primary) !important;
  background: #eef2ff !important;
}

/* Forms and tables */
.form-control,
.input-group-text,
select.form-control,
textarea.form-control {
  border-radius: 13px !important;
  border-color: rgba(28,36,75,.16) !important;
}

.table thead th {
  color: var(--dh-primary) !important;
  background: #f7f9ff !important;
}

/* Order form */
#order-standard_cart .products {
  display: grid;
  grid-template-columns: repeat(auto-fit,minmax(250px,1fr));
  gap: 18px;
}

#order-standard_cart .products .product {
  border-radius: 22px !important;
  border: 1px solid rgba(28,36,75,.10) !important;
  box-shadow: var(--dh-shadow-soft) !important;
  overflow: hidden !important;
  background: #fff !important;
  transition: .18s ease;
}

#order-standard_cart .products .product:hover {
  transform: translateY(-3px);
  box-shadow: 0 24px 58px rgba(12,19,48,.14) !important;
}

#order-standard_cart .products .product header {
  background: linear-gradient(135deg,var(--dh-primary),var(--dh-primary-2)) !important;
  color: #fff !important;
  padding: 22px !important;
}

#order-standard_cart .products .product header * {
  color: #fff !important;
}

#order-standard_cart .products .product .price {
  color: var(--dh-primary) !important;
  font-weight: 900 !important;
}

#order-standard_cart .products .product a:not(.btn):not([class*="btn"]) {
  color: var(--dh-primary) !important;
}

#order-standard_cart .products .product a:not(.btn):not([class*="btn"]):hover {
  color: var(--dh-primary-2) !important;
  background: transparent !important;
}

#order-standard_cart .view-cart-items .item,
#order-standard_cart .summary-container,
.cart-sidebar,
.summary-container {
  border-radius: 20px !important;
  border: 1px solid rgba(28,36,75,.10) !important;
  box-shadow: var(--dh-shadow-soft) !important;
  background: #fff !important;
}

#order-standard_cart .domain-checker-container,
#order-standard_cart .domain-checker-bg {
  border-radius: 24px !important;
  background: linear-gradient(135deg,#0c1330,#1C244B) !important;
  box-shadow: 0 24px 70px rgba(12,19,48,.22) !important;
  overflow: hidden;
}

#order-standard_cart .domain-checker-container *,
#order-standard_cart .domain-checker-bg * {
  color: #fff;
}

#order-standard_cart .domain-checker-container input,
#order-standard_cart .domain-checker-bg input,
.domain-checker-container input,
.domain-checker-bg input {
  color: var(--dh-ink) !important;
  background: #fff !important;
  border-color: rgba(255,255,255,.35) !important;
}

#order-standard_cart .domain-selection-options .option,
#order-standard_cart .domain-selection-options label,
#order-standard_cart .domain-selection-options .option span,
#order-standard_cart .domain-selection-options .option strong {
  color: var(--dh-primary) !important;
}

#order-standard_cart .domain-selection-options .option:hover,
#order-standard_cart .domain-selection-options label:hover {
  background: #eef2ff !important;
  color: var(--dh-primary) !important;
}

/* Support */
body.dh-pro-ready .ticket-reply,
body.dh-pro-ready .ticket-details,
body.dh-pro-ready .ticket-message,
body.dh-pro-ready .ticket-reply .message,
body.dh-pro-ready .ticket-message .message {
  border-radius: 18px !important;
  border: 1px solid rgba(28,36,75,.10) !important;
  box-shadow: var(--dh-shadow-soft) !important;
  background: #fff !important;
}

body.dh-pro-ready textarea[name="message"],
body.dh-pro-ready textarea[name="reply"] {
  min-height: 170px !important;
}

/* Login */
body.dh-pro-ready form[action*="dologin"],
.logincontainer,
.login-container {
  border-radius: 22px !important;
  box-shadow: var(--dh-shadow) !important;
}

.dh-login-panel {
  max-width: 1180px;
  margin: 0 auto 22px;
  border-radius: 24px;
  background:
    radial-gradient(circle at top right,rgba(255,255,255,.18),transparent 30%),
    linear-gradient(135deg,#0c1330,#1C244B);
  color: #fff;
  padding: 26px 30px;
  box-shadow: 0 24px 70px rgba(12,19,48,.22);
}

.dh-login-panel h1 {
  color: #fff;
  margin: 0 0 8px;
  font-size: clamp(28px,3vw,42px);
}

.dh-login-panel p {
  margin: 0;
  color: rgba(255,255,255,.78);
  line-height: 1.6;
}

/* Footer */
.dh-brand-footer {
  margin-top: 50px;
  background:
    radial-gradient(circle at top right,rgba(96,113,255,.18),transparent 30%),
    linear-gradient(135deg,#080d22,#111936);
  color: rgba(255,255,255,.78);
  border-top: 1px solid rgba(255,255,255,.10);
}

.dh-brand-footer-inner {
  max-width: 1180px;
  margin: 0 auto;
  padding: 46px 18px 26px;
}

.dh-footer-grid {
  display: grid;
  grid-template-columns: 1.4fr repeat(3,1fr);
  gap: 28px;
}

.dh-brand-footer h3,
.dh-brand-footer h4 {
  color: #fff;
  margin: 0 0 13px;
}

.dh-brand-footer p {
  margin: 0;
  line-height: 1.65;
}

.dh-brand-footer a {
  display: block;
  color: rgba(255,255,255,.78) !important;
  text-decoration: none !important;
  margin: 8px 0;
}

.dh-brand-footer a:hover {
  color: #fff !important;
}

.dh-footer-bottom {
  margin-top: 30px;
  padding-top: 20px;
  border-top: 1px solid rgba(255,255,255,.10);
  display: flex;
  justify-content: space-between;
  gap: 18px;
  flex-wrap: wrap;
  font-size: 13px;
}

/* Responsive */
@media (max-width: 1180px) {
  .dh-quick-actions {
    grid-template-columns: repeat(3,minmax(0,1fr));
  }
}

@media (max-width: 1120px) {
  .dh-brand-menu a {
    font-size: 13px;
    padding: 8px 8px;
  }

  .dh-brand-btn {
    padding: 0 12px;
  }
}

@media (max-width: 980px) {
  .dh-brand-menu {
    display: none;
  }

  .dh-tools-grid,
  .dh-empty-grid {
    grid-template-columns: repeat(2,minmax(0,1fr));
  }

  .dh-footer-grid {
    grid-template-columns: 1fr 1fr;
  }

  .dh-care-inner,
  .dh-tools-head,
  .dh-empty-head {
    align-items: flex-start;
    flex-direction: column;
  }
}

@media (max-width: 860px) {
  .dh-topbar-credit {
    display: none;
  }
}

@media (max-width: 760px) {
  .dh-quick-actions {
    grid-template-columns: repeat(2,minmax(0,1fr));
  }
}

@media (max-width: 640px) {
  .dh-brand-topbar-inner {
    justify-content: center;
    text-align: center;
  }

  .dh-brand-topbar-inner > span:last-child {
    display: none;
  }

  .dh-brand-nav {
    padding: 12px 14px;
  }

  .dh-brand-logo-text span {
    display: none;
  }

  .dh-brand-actions .dh-brand-btn-secondary {
    display: none;
  }

  .dh-brand-btn {
    min-height: 38px;
    padding: 0 13px;
  }

  .dh-dashboard-card,
  .dh-support-card,
  .dh-cart-card {
    padding: 24px;
    border-radius: 22px;
  }

  .dh-dashboard-actions a,
  .dh-support-actions a,
  .dh-cart-actions a {
    width: 100%;
  }

  .dh-quick-actions,
  .dh-tools-grid,
  .dh-empty-grid,
  .dh-footer-grid {
    grid-template-columns: 1fr;
  }

  .dh-breadcrumb {
    border-radius: 18px;
    width: 100%;
  }

  .dh-account-dropdown {
    right: -4px;
    width: 230px;
  }
}