/* =============================================================
   xobtheme client panel — dark theme overrides (load last)
   ============================================================ */

/* --- buttons: never light text on cyan --- */
body.xob-body a.xob-btn,
body.xob-body a.xob-btn-primary,
body.xob-body .xob-btn,
body.xob-body .xob-btn-primary,
body.xob-body #whmcsx a.xob-btn,
body.xob-body #whmcsx a.xob-btn-primary,
body.xob-body .xob-panel-wrap a.xob-btn,
body.xob-body .xob-dept-card a.xob-btn,
body.xob-body .xob-dept-card a.xob-btn-primary {
  color: #04101d !important;
  background-image: linear-gradient(135deg, #0ea5e9, #22d3ee) !important;
  background-color: #0ea5e9 !important;
  border: none !important;
  text-decoration: none !important;
}
body.xob-body #whmcsx a:not(.btn):not(.label):not(.xob-btn):not(.xob-btn-primary):not(.new-ticket) {
  color: #38bdf8 !important;
}

/* --- clientarea head / menu: flow layout, no clip --- */
body.xob-body .clientarea-head {
  position: relative !important;
  display: flex !important;
  flex-direction: column !important;
  min-height: 0 !important;
  padding: 24px 0 0 !important;
  overflow: visible !important;
  margin: 24px auto 28px !important;
  max-width: var(--xob-container, 1140px);
  border-radius: 16px !important;
  border: 1px solid rgba(255,255,255,.12) !important;
  background:
    radial-gradient(900px 280px at 15% 0%, rgba(14,165,233,.22), transparent 55%),
    linear-gradient(160deg, rgba(14,165,233,.12), rgba(8,18,34,.55)) !important;
}
body.xob-body .clientarea-head > .container {
  position: relative !important;
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 12px !important;
  min-height: 0 !important;
  padding: 8px 24px 20px !important;
  margin: 0 auto !important;
  width: 100% !important;
  max-width: 100% !important;
}
body.xob-body .clientarea-head .user-profile,
body.xob-body .clientarea-head .logout {
  position: static !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  max-width: none !important;
  transform: none !important;
}
body.xob-body .clientarea-head .profile-menu {
  position: relative !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  max-width: none !important;
  transform: none !important;
}
body.xob-body .clientarea-head .user-profile {
  display: inline-flex !important;
  align-items: center !important;
  gap: 12px !important;
  padding: 8px 16px 8px 12px !important;
  margin-right: auto !important;
  background: rgba(0,0,0,.35) !important;
  border: 1px solid rgba(255,255,255,.12) !important;
  border-radius: 12px !important;
  font-size: 16px !important;
  text-indent: 0 !important;
  height: auto !important;
  min-height: 0 !important;
  width: auto !important;
  line-height: 1.3 !important;
}
body.xob-body .clientarea-head .user-profile img {
  position: static !important;
  transform: none !important;
  width: 40px !important;
  height: 40px !important;
  max-width: 40px !important;
  border-radius: 50% !important;
  margin: 0 !important;
}
body.xob-body .clientarea-head .profile-menu {
  width: 220px !important;
  z-index: 40 !important;
}
body.xob-body .clientarea-head .profile-menu > a {
  overflow: hidden !important;
  height: 44px !important;
}
body.xob-body .clientarea-head .profile-menu .dropdown {
  top: 100% !important;
  margin-top: 0 !important;
  transition: opacity .15s ease !important;
}
body.xob-body .clientarea-head .logout {
  display: inline-flex !important;
  height: 44px !important;
  transform: none !important;
}

/* menu bar in normal flow */
body.xob-body .clientarea-head .clientarea-menu {
  position: static !important;
  left: auto !important;
  right: auto !important;
  bottom: auto !important;
  width: 100% !important;
  margin-top: 4px !important;
  padding: 12px 8px !important;
  overflow: visible !important;
  background: rgba(4,10,22,.55) !important;
  border-top: 1px solid rgba(255,255,255,.10) !important;
  border-radius: 0 0 16px 16px !important;
  z-index: 20 !important;
}
body.xob-body .clientarea-head .clientarea-menu .container {
  padding: 0 12px !important;
  max-width: 100% !important;
}
body.xob-body .clientarea-head .clientarea-menu .container > ul {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  margin: 0 !important;
  padding: 4px 0 !important;
  list-style: none !important;
  align-items: stretch !important;
}
body.xob-body .clientarea-head .clientarea-menu .container > ul > li {
  position: relative !important;
  float: none !important;
  margin: 0 !important;
  padding: 0 !important;
  height: auto !important;
  overflow: visible !important;
}
body.xob-body .clientarea-head .clientarea-menu .container > ul > li > a {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  width: 118px !important;
  min-height: 88px !important;
  padding: 10px 8px !important;
  margin: 0 !important;
  border-radius: 10px !important;
  color: #fff !important;
  background: transparent !important;
  border: none !important;
  text-decoration: none !important;
  transform: none !important;
  top: auto !important;
  overflow: visible !important;
}
body.xob-body .clientarea-head .clientarea-menu .container > ul > li > a:hover,
body.xob-body .clientarea-head .clientarea-menu .container > ul > li.active > a {
  background: rgba(14,165,233,.22) !important;
  transform: none !important;
}
/* Submenu hover bridge */
body.xob-body .clientarea-head .clientarea-menu {
  overflow: visible !important;
  z-index: 40 !important;
}
body.xob-body .clientarea-head .clientarea-menu .container > ul > li {
  overflow: visible !important;
}
body.xob-body .clientarea-head .clientarea-menu .container > ul > li > ul {
  position: absolute !important;
  top: 100% !important;
  left: 0 !important;
  margin: 0 !important;
  margin-top: 0 !important;
  padding: 8px !important;
  padding-top: 14px !important;
  z-index: 999 !important;
  transform: none !important;
  background: #0b1a2e !important;
  border: 1px solid rgba(255,255,255,.14) !important;
  border-radius: 10px !important;
  box-shadow: 0 14px 30px rgba(0,0,0,.45) !important;
  width: 230px !important;
  list-style: none !important;
}
body.xob-body .clientarea-head .clientarea-menu .container > ul > li > ul:before {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  top: -12px !important;
  height: 16px !important;
  background: transparent !important;
  border: none !important;
  display: block !important;
}
body.xob-body .clientarea-head .clientarea-menu .container > ul > li:hover,
body.xob-body .clientarea-head .clientarea-menu .container > ul > li:focus-within {
  z-index: 1000 !important;
}
body.xob-body .clientarea-head .clientarea-menu .container > ul > li:hover > ul,
body.xob-body .clientarea-head .clientarea-menu .container > ul > li:focus-within > ul {
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
  top: 100% !important;
  margin-top: 0 !important;
  display: block !important;
}

/* --- home tickets: kill white bleed --- */
body.xob-body .tickets-content,
body.xob-body .tickets-content .ticket-table,
body.xob-body .tickets-content .pb-inner,
body.xob-body .tickets-content .whmcsx-scope,
body.xob-body .tickets-content #whmcsx,
body.xob-body .tickets-content .panel,
body.xob-body .tickets-content .panel-default,
body.xob-body .tickets-content .panel-body {
  background: #0b1524 !important;
  background-color: #0b1524 !important;
  color: #e8eef7 !important;
  border-color: rgba(255,255,255,.10) !important;
  box-shadow: none !important;
}
body.xob-body .tickets-content {
  border: 1px solid rgba(255,255,255,.12) !important;
  border-radius: 16px !important;
  overflow: hidden !important;
  padding: 18px 20px 24px !important;
  margin: 0 auto 40px !important;
  max-width: var(--xob-container, 1140px);
}
body.xob-body .tickets-content .panel {
  border-radius: 12px !important;
  overflow: hidden !important;
  margin: 0 0 8px !important;
}
body.xob-body .tickets-content h3 {
  color: #fff !important;
  border-bottom-color: rgba(255,255,255,.10) !important;
}
body.xob-body .tickets-content .table,
body.xob-body .tickets-content .table > thead > tr > th,
body.xob-body .tickets-content .table > tbody > tr > td,
body.xob-body .tickets-content .table > tfoot > tr > td {
  background-color: transparent !important;
  color: #e8eef7 !important;
  border-color: rgba(255,255,255,.10) !important;
}
body.xob-body .tickets-content .table > thead > tr > th {
  background: #122033 !important;
  color: #fff !important;
}
body.xob-body .tickets-content .table > thead > tr > th a { color: #fff !important; }
body.xob-body .tickets-content .table-striped > tbody > tr:nth-of-type(odd) {
  background-color: rgba(255,255,255,.04) !important;
}
body.xob-body .tickets-content .alert,
body.xob-body .tickets-content .alert-success {
  background: rgba(22,163,74,.18) !important;
  border-color: rgba(22,163,74,.35) !important;
  color: #bbf7d0 !important;
}
body.xob-body .tickets-content .new-ticket {
  color: #22d3ee !important;
  background: rgba(14,165,233,.16) !important;
}

/* --- generic #whmcsx / panel wrap --- */
body.xob-body #whmcsx .panel,
body.xob-body #whmcsx .panel-default,
body.xob-body #whmcsx .panel-body,
body.xob-body #whmcsx .well,
body.xob-body #whmcsx .well-sm,
body.xob-body .whmcsx-scope .panel,
body.xob-body .whmcsx-scope .panel-default,
body.xob-body .xob-panel-wrap .panel,
body.xob-body .xob-panel-wrap .panel-default {
  background: #0b1524 !important;
  background-color: #0b1524 !important;
  color: #e8eef7 !important;
  border-color: rgba(255,255,255,.12) !important;
  box-shadow: none !important;
}
body.xob-body #whmcsx .panel,
body.xob-body .xob-panel-wrap .panel {
  border-radius: 12px !important;
  overflow: hidden !important;
}

body.xob-body #whmcsx .table,
body.xob-body #whmcsx #resultslist,
body.xob-body .xob-panel-wrap .table {
  background: transparent !important;
  color: #e8eef7 !important;
}
body.xob-body #whmcsx .table > thead > tr > th,
body.xob-body #whmcsx #resultslist > thead > tr > th,
body.xob-body .xob-panel-wrap .table > thead > tr > th {
  background: #122033 !important;
  color: #fff !important;
  border-color: rgba(255,255,255,.12) !important;
}
body.xob-body #whmcsx .table > thead > tr > th a { color: #fff !important; }
body.xob-body #whmcsx .table > tbody > tr,
body.xob-body #whmcsx #resultslist > tbody > tr {
  background: transparent !important;
}
body.xob-body #whmcsx .table-striped > tbody > tr:nth-of-type(odd) {
  background-color: rgba(255,255,255,.045) !important;
}
body.xob-body #whmcsx .table > tbody > tr > td,
body.xob-body #whmcsx .table > tbody > tr > th,
body.xob-body #whmcsx .table > tfoot > tr > td,
body.xob-body .xob-panel-wrap .table td,
body.xob-body .xob-panel-wrap .table th {
  background: transparent !important;
  color: #e8eef7 !important;
  border-color: rgba(255,255,255,.10) !important;
}
body.xob-body #whmcsx .table-hover > tbody > tr:hover {
  background-color: rgba(14,165,233,.14) !important;
}

body.xob-body #whmcsx .form-control,
body.xob-body #whmcsx select,
body.xob-body #whmcsx input[type="text"],
body.xob-body #whmcsx #resultslimit select,
body.xob-body .xob-panel-wrap .form-control,
body.xob-body .xob-panel-wrap select {
  background: #0f1c2e !important;
  color: #e8eef7 !important;
  border: 1px solid rgba(255,255,255,.14) !important;
}
body.xob-body #whmcsx .btn,
body.xob-body #whmcsx .btn-primary,
body.xob-body #whmcsx .btn-success,
body.xob-body #whmcsx .btn-default,
body.xob-body .xob-panel-wrap .btn {
  background-image: linear-gradient(135deg,#0ea5e9,#22d3ee) !important;
  background-color: #0ea5e9 !important;
  border: 0 !important;
  color: #04101d !important;
}
body.xob-body #whmcsx .pagination > li > a,
body.xob-body #whmcsx #resultsfound,
body.xob-body #whmcsx label,
body.xob-body #whmcsx p,
body.xob-body #whmcsx h1,
body.xob-body #whmcsx h1 small,
body.xob-body .xob-panel-wrap h1,
body.xob-body .xob-panel-wrap h1 small,
body.xob-body .xob-panel-wrap p,
body.xob-body .xob-panel-wrap label {
  color: #e8eef7 !important;
}
body.xob-body #whmcsx h1 small,
body.xob-body .xob-panel-wrap h1 small {
  color: #94a3b8 !important;
}
body.xob-body #whmcsx .pagination > li > a {
  background: #0b1524 !important;
  border-color: rgba(255,255,255,.12) !important;
}
body.xob-body #whmcsx .alert-success {
  background: rgba(22,163,74,.18) !important;
  border-color: rgba(22,163,74,.35) !important;
  color: #bbf7d0 !important;
}
body.xob-body #whmcsx .alert-danger {
  background: rgba(239,68,68,.15) !important;
  border-color: rgba(239,68,68,.35) !important;
  color: #fecaca !important;
}
body.xob-body #whmcsx .label { color: #fff !important; }

/* dept cards */
body.xob-body .xob-dept-card {
  background: #0b1524 !important;
  border: 1px solid rgba(255,255,255,.12) !important;
}
body.xob-body .xob-dept-card .xob-btn { margin-top: auto; }

/* ripple safe */
.ripple { position: relative; overflow: hidden; }
.ink {
  position: absolute !important;
  pointer-events: none !important;
  border-radius: 100%;
  background: rgba(255,255,255,.3);
  transform: scale(0);
  z-index: 0;
}
.ink.animate { animation: xob-ripple .65s linear; }
@keyframes xob-ripple { to { transform: scale(2.5); opacity: 0; } }

@media (max-width: 991px) {
  body.xob-body .clientarea-head > .container {
    flex-direction: column !important;
    align-items: stretch !important;
  }
  body.xob-body .clientarea-head .user-profile,
  body.xob-body .clientarea-head .profile-menu,
  body.xob-body .clientarea-head .logout {
    width: 100% !important;
    margin: 0 !important;
  }
  body.xob-body .clientarea-head .clientarea-menu .container > ul {
    justify-content: center !important;
  }
}

/* ===== v5: tables must be real tables + breadcrumb dark ===== */
body.xob-body .tickets-content .table,
body.xob-body .whmcsx-scope .table,
body.xob-body #whmcsx .table,
body.xob-body .xob-panel-wrap .table,
body.xob-body #resultslist {
  display: table !important;
  width: 100% !important;
  max-width: 100% !important;
  border-collapse: collapse !important;
  table-layout: auto !important;
}
body.xob-body .tickets-content .table > thead,
body.xob-body #whmcsx .table > thead,
body.xob-body .xob-panel-wrap .table > thead { display: table-header-group !important; }
body.xob-body .tickets-content .table > tbody,
body.xob-body #whmcsx .table > tbody,
body.xob-body .xob-panel-wrap .table > tbody { display: table-row-group !important; }
body.xob-body .tickets-content .table > thead > tr,
body.xob-body .tickets-content .table > tbody > tr,
body.xob-body .tickets-content .table > tfoot > tr,
body.xob-body #whmcsx .table > thead > tr,
body.xob-body #whmcsx .table > tbody > tr,
body.xob-body #whmcsx .table > tfoot > tr,
body.xob-body .xob-panel-wrap .table > tr,
body.xob-body .xob-panel-wrap .table > thead > tr,
body.xob-body .xob-panel-wrap .table > tbody > tr {
  display: table-row !important;
}
body.xob-body .tickets-content .table > thead > tr > th,
body.xob-body .tickets-content .table > tbody > tr > td,
body.xob-body .tickets-content .table > tfoot > tr > td,
body.xob-body #whmcsx .table > thead > tr > th,
body.xob-body #whmcsx .table > tbody > tr > td,
body.xob-body #whmcsx .table > tfoot > tr > td,
body.xob-body .xob-panel-wrap .table > thead > tr > th,
body.xob-body .xob-panel-wrap .table > tbody > tr > td,
body.xob-body .xob-panel-wrap .table th,
body.xob-body .xob-panel-wrap .table td,
body.xob-body #resultslist > thead > tr > th,
body.xob-body #resultslist > tbody > tr > td {
  display: table-cell !important;
  padding: 12px 14px !important;
  vertical-align: middle !important;
  float: none !important;
  width: auto !important;
  white-space: nowrap !important;
}

/* breadcrumb */
body.xob-body .breadcrumb,
body.xob-body p.breadcrumb,
body.xob-body #whmcsx .breadcrumb,
body.xob-body .xob-panel-wrap .breadcrumb {
  background: #122033 !important;
  background-color: #122033 !important;
  color: #e8eef7 !important;
  border: 1px solid rgba(255,255,255,.12) !important;
  border-radius: 10px !important;
  padding: 10px 14px !important;
  margin: 0 0 18px !important;
}
body.xob-body .breadcrumb a,
body.xob-body p.breadcrumb a,
body.xob-body #whmcsx .breadcrumb a {
  color: #38bdf8 !important;
}
body.xob-body .breadcrumb > li + li:before,
body.xob-body #whmcsx .breadcrumb > li + li:before {
  color: #64748b !important;
}

/* header row order already fixed in HTML; ensure profile left */
body.xob-body .clientarea-head > .container {
  justify-content: flex-end !important;
}
body.xob-body .clientarea-head .user-profile {
  margin-right: auto !important;
  margin-left: 0 !important;
}

/* ===== v6: KB container + wells + header buttons ===== */
body.xob-body .containerx.xob-panel-wrap,
body.xob-body .xob-panel-wrap.containerx,
body.xob-body #whmcsx.containerx {
  max-width: var(--xob-container, 1140px) !important;
  margin: 0 auto 40px !important;
  padding: 22px 24px 28px !important;
  background: #0b1524 !important;
  border: 1px solid rgba(255,255,255,.12) !important;
  border-radius: 16px !important;
  color: #e8eef7 !important;
  overflow: visible !important;
}
body.xob-body .containerx.xob-panel-wrap .well,
body.xob-body #whmcsx .well,
body.xob-body .xob-panel-wrap .well {
  background: #122033 !important;
  border: 1px solid rgba(255,255,255,.12) !important;
  color: #e8eef7 !important;
  border-radius: 12px !important;
}
body.xob-body .containerx.xob-panel-wrap h2,
body.xob-body .containerx.xob-panel-wrap h3,
body.xob-body #whmcsx h2 {
  color: #fff !important;
}
body.xob-body .containerx.xob-panel-wrap .pull-right,
body.xob-body #whmcsx .pull-right {
  float: none !important;
  display: flex !important;
  gap: 16px !important;
  flex-wrap: wrap !important;
  margin: 0 0 16px !important;
  align-items: center !important;
}
body.xob-body .clientarea-head .profile-menu > a,
body.xob-body .clientarea-head .logout {
  height: 40px !important;
  min-height: 40px !important;
  line-height: 40px !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  box-sizing: border-box !important;
}

/* ===== v7: hard table padding + header layout + KB links ===== */
body.xob-body #whmcsx .table > thead > tr > th,
body.xob-body #whmcsx .table > tbody > tr > td,
body.xob-body #whmcsx .table > tfoot > tr > td,
body.xob-body .tickets-content .table > thead > tr > th,
body.xob-body .tickets-content .table > tbody > tr > td,
body.xob-body .tickets-content .table > tfoot > tr > td {
  padding: 12px 16px !important;
  display: table-cell !important;
  float: none !important;
  width: auto !important;
  white-space: nowrap !important;
}
body.xob-body #whmcsx .table > thead > tr > th + th,
body.xob-body .tickets-content .table > thead > tr > th + th {
  padding-left: 20px !important;
}
body.xob-body #whmcsx .breadcrumb,
body.xob-body p.breadcrumb,
body.xob-body .breadcrumb {
  background: #122033 !important;
  background-color: #122033 !important;
  color: #cbd5e1 !important;
  border: 1px solid rgba(255,255,255,.12) !important;
}
body.xob-body #whmcsx .breadcrumb a,
body.xob-body p.breadcrumb a,
body.xob-body .breadcrumb a,
body.xob-body #whmcsx .pull-right a,
body.xob-body #whmcsx a:not(.btn):not(.xob-btn):not(.xob-btn-primary):not(.logout):not(.new-ticket) {
  color: #38bdf8 !important;
}
body.xob-body .clientarea-head > .container {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 10px !important;
}
body.xob-body .clientarea-head .user-profile {
  order: 1 !important;
  margin-right: auto !important;
}
body.xob-body .clientarea-head .profile-menu { order: 2 !important; }
body.xob-body .clientarea-head .logout { order: 3 !important; }
body.xob-body .clientarea-head .clientarea-menu {
  order: 4 !important;
  flex: 0 0 100% !important;
  width: 100% !important;
}

/* ===== v8: restore Bootstrap grid + product details ===== */
body.xob-body #whmcsx .row,
body.xob-body .xob-panel-wrap .row {
  display: block !important;
  flex-wrap: unset !important;
  align-items: stretch !important;
  justify-content: unset !important;
  gap: 0 !important;
  margin-left: -15px !important;
  margin-right: -15px !important;
  margin-bottom: 0 !important;
}
body.xob-body #whmcsx .row:before,
body.xob-body #whmcsx .row:after,
body.xob-body .xob-panel-wrap .row:before,
body.xob-body .xob-panel-wrap .row:after {
  display: table !important;
  content: " " !important;
}
body.xob-body #whmcsx .row:after,
body.xob-body .xob-panel-wrap .row:after {
  clear: both !important;
}
@media (min-width: 992px) {
  body.xob-body #whmcsx .col-md-1,
  body.xob-body #whmcsx .col-md-2,
  body.xob-body #whmcsx .col-md-3,
  body.xob-body #whmcsx .col-md-4,
  body.xob-body #whmcsx .col-md-5,
  body.xob-body #whmcsx .col-md-6,
  body.xob-body #whmcsx .col-md-7,
  body.xob-body #whmcsx .col-md-8,
  body.xob-body #whmcsx .col-md-9,
  body.xob-body #whmcsx .col-md-10,
  body.xob-body #whmcsx .col-md-11,
  body.xob-body #whmcsx .col-md-12,
  body.xob-body .xob-panel-wrap .col-md-1,
  body.xob-body .xob-panel-wrap .col-md-2,
  body.xob-body .xob-panel-wrap .col-md-3,
  body.xob-body .xob-panel-wrap .col-md-4,
  body.xob-body .xob-panel-wrap .col-md-5,
  body.xob-body .xob-panel-wrap .col-md-6,
  body.xob-body .xob-panel-wrap .col-md-7,
  body.xob-body .xob-panel-wrap .col-md-8,
  body.xob-body .xob-panel-wrap .col-md-9,
  body.xob-body .xob-panel-wrap .col-md-10,
  body.xob-body .xob-panel-wrap .col-md-11,
  body.xob-body .xob-panel-wrap .col-md-12 {
    float: left !important;
    position: relative !important;
    min-height: 1px !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
  body.xob-body #whmcsx .col-md-3,
  body.xob-body .xob-panel-wrap .col-md-3 { width: 25% !important; }
  body.xob-body #whmcsx .col-md-4,
  body.xob-body .xob-panel-wrap .col-md-4 { width: 33.33333333% !important; }
  body.xob-body #whmcsx .col-md-5,
  body.xob-body .xob-panel-wrap .col-md-5 { width: 41.66666667% !important; margin-left: 0 !important; }
  body.xob-body #whmcsx .col-md-6,
  body.xob-body .xob-panel-wrap .col-md-6 { width: 50% !important; }
  body.xob-body #whmcsx .col-md-7,
  body.xob-body .xob-panel-wrap .col-md-7 { width: 58.33333333% !important; flex: none !important; }
  body.xob-body #whmcsx .col-md-8,
  body.xob-body .xob-panel-wrap .col-md-8 { width: 66.66666667% !important; }
  body.xob-body #whmcsx .col-md-9,
  body.xob-body .xob-panel-wrap .col-md-9 { width: 75% !important; }
  body.xob-body #whmcsx .col-md-12,
  body.xob-body .xob-panel-wrap .col-md-12 { width: 100% !important; }
}

/* panel headings must beat whmcsx white */
body.xob-body #whmcsx .panel-default > .panel-heading,
body.xob-body #whmcsx .panel-heading,
body.xob-body .xob-panel-wrap .panel-default > .panel-heading,
body.xob-body .xob-panel-wrap .panel-heading {
  background: #122033 !important;
  background-color: #122033 !important;
  color: #ffffff !important;
  border-color: rgba(255,255,255,.12) !important;
}
body.xob-body #whmcsx .panel-heading a,
body.xob-body #whmcsx .panel-heading .pull-right a {
  color: #38bdf8 !important;
}
body.xob-body #whmcsx .panel-footer {
  background: #0f1c2e !important;
  border-color: rgba(255,255,255,.12) !important;
  color: #e8eef7 !important;
}
body.xob-body #whmcsx .label-active,
body.xob-body #whmcsx .label-Active,
body.xob-body .label.label-active {
  background: #16a34a !important;
  color: #fff !important;
}
body.xob-body #whmcsx hr {
  border-top-color: rgba(255,255,255,.12) !important;
}


/* ===== v13: view ticket cards ===== */
body.xob-body #whmcsx.xob-panel-wrap,
body.xob-body .xob-panel-wrap {
  /* card shell set in v17 */
}
body.xob-body #whmcsx .ticket-page,
body.xob-body #whmcsx section.ticket-page {
  display: block !important;
  overflow: visible !important;
  padding: 8px 0 24px !important;
  margin: 0 !important;
}
body.xob-body #whmcsx .ticket-page .containerx,
body.xob-body #whmcsx section.ticket-page > .containerx {
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
body.xob-body #whmcsx .ticket-head {
  margin: 0 0 16px !important;
  padding: 0 !important;
  border: none !important;
}
body.xob-body #whmcsx .ticket-kicker {
  margin: 0 0 6px !important;
  color: #94a3b8 !important;
  font-size: 13px !important;
  font-weight: 600 !important;
}
body.xob-body #whmcsx .ticket-head h1,
body.xob-body #whmcsx .ticket-page h1 {
  margin: 0 !important;
  padding: 0 !important;
  font-size: 26px !important;
  line-height: 1.25 !important;
  color: #fff !important;
}
body.xob-body #whmcsx .page-header {
  margin: 0 0 8px !important;
  padding: 0 !important;
  border: none !important;
}
body.xob-body #whmcsx .ticket-meta {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 12px !important;
  margin: 0 0 16px !important;
}
body.xob-body #whmcsx .ticket-meta-item {
  background: #122033 !important;
  border: 1px solid rgba(255,255,255,.12) !important;
  border-radius: 12px !important;
  padding: 14px 12px !important;
  text-align: center !important;
  color: #e8eef7 !important;
}
body.xob-body #whmcsx .ticket-meta-item .lead {
  display: block !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  color: #94a3b8 !important;
  margin: 0 0 6px !important;
}
body.xob-body #whmcsx .ticket-actions {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
  width: 100% !important;
  margin: 0 0 20px !important;
  clear: both !important;
}
body.xob-body #whmcsx .ticket-actions .btn {
  float: none !important;
  margin: 0 !important;
}
body.xob-body #whmcsx .ticket-thread {
  display: flex !important;
  flex-direction: column !important;
  gap: 14px !important;
  margin: 0 0 24px !important;
  overflow: visible !important;
  width: 100% !important;
}
body.xob-body #whmcsx .ticket-card {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  background: #122033 !important;
  border: 1px solid rgba(255,255,255,.12) !important;
  border-radius: 14px !important;
  overflow: visible !important;
  float: none !important;
}
body.xob-body #whmcsx .ticket-card.is-staff {
  border-left: 3px solid #38bdf8 !important;
}
body.xob-body #whmcsx .ticket-card.is-client {
  border-left: 3px solid #22d3ee !important;
}
body.xob-body #whmcsx .ticket-card-head {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 8px 16px !important;
  padding: 12px 16px !important;
  background: rgba(0,0,0,.22) !important;
  border-bottom: 1px solid rgba(255,255,255,.08) !important;
}
body.xob-body #whmcsx .ticket-card-who {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 8px !important;
  color: #fff !important;
}
body.xob-body #whmcsx .ticket-badge {
  display: inline-block !important;
  padding: 2px 8px !important;
  border-radius: 999px !important;
  background: rgba(56,189,248,.16) !important;
  color: #7dd3fc !important;
  font-size: 11px !important;
  font-weight: 700 !important;
}
body.xob-body #whmcsx .ticket-card.is-client .ticket-badge {
  background: rgba(34,211,238,.16) !important;
  color: #67e8f9 !important;
}
body.xob-body #whmcsx .ticket-card-date {
  color: #94a3b8 !important;
  font-size: 12px !important;
}
body.xob-body #whmcsx .ticket-card-body {
  padding: 16px 18px 18px !important;
  color: #e8eef7 !important;
  line-height: 1.6 !important;
  word-wrap: break-word !important;
  overflow-wrap: anywhere !important;
  font-size: 14px !important;
}
body.xob-body #whmcsx .ticket-card-body a {
  color: #38bdf8 !important;
}
body.xob-body #whmcsx .ticket-card-body .attachments {
  margin-top: 12px !important;
  padding-top: 12px !important;
  border-top: 1px solid rgba(255,255,255,.10) !important;
}
@media (max-width: 991px) {
  body.xob-body #whmcsx .ticket-meta {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}
@media (max-width: 575px) {
  body.xob-body #whmcsx .ticket-meta {
    grid-template-columns: 1fr !important;
  }
}

/* ===== v14: services list + product details ===== */
body.xob-body #whmcsx .services-page .containerx,
body.xob-body #whmcsx .product-page .containerx {
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: none !important;
}

body.xob-body #whmcsx .xob-toolbar {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px 16px !important;
  margin: 0 0 16px !important;
  padding: 0 !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
body.xob-body #whmcsx .xob-toolbar #resultsfound,
body.xob-body #whmcsx #resultsfound {
  padding: 0 !important;
  margin: 0 !important;
  color: #94a3b8 !important;
  font-size: 13px !important;
  font-weight: 600 !important;
}
body.xob-body #whmcsx .xob-filter,
body.xob-body #whmcsx .form-inline.xob-filter {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 8px !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  float: none !important;
}
body.xob-body #whmcsx .xob-filter .form-control {
  min-width: 220px !important;
  width: 260px !important;
  height: 38px !important;
  margin: 0 !important;
}
body.xob-body #whmcsx .xob-filter .btn {
  height: 38px !important;
  padding: 0 16px !important;
  margin: 0 !important;
  line-height: 38px !important;
}

body.xob-body #whmcsx #resultslist > tbody > tr > td {
  vertical-align: middle !important;
  padding: 14px 14px !important;
}
body.xob-body #whmcsx #resultslist .svc-domain {
  margin-top: 4px !important;
  font-size: 12px !important;
}
body.xob-body #whmcsx #resultslist .svc-domain a {
  color: #38bdf8 !important;
}
body.xob-body #whmcsx #resultslist .btn-sm,
body.xob-body #whmcsx .table .btn-sm,
body.xob-body #whmcsx .table .btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: 34px !important;
  min-height: 34px !important;
  padding: 0 14px !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  border-radius: 8px !important;
  white-space: nowrap !important;
}

body.xob-body #whmcsx .xob-list-footer {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  margin: 14px 0 8px !important;
  clear: both !important;
}
body.xob-body #whmcsx .xob-list-footer #resultslimit,
body.xob-body #whmcsx #resultslimit {
  float: none !important;
  margin: 0 !important;
  width: auto !important;
}
body.xob-body #whmcsx .xob-list-footer #resultslimit select,
body.xob-body #whmcsx #resultslimit select {
  width: 140px !important;
  height: 36px !important;
  min-height: 36px !important;
  padding: 6px 10px !important;
}
body.xob-body #whmcsx .xob-list-footer .pagination,
body.xob-body #whmcsx .pagination {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  margin: 0 !important;
  padding: 0 !important;
  float: none !important;
  background: transparent !important;
  list-style: none !important;
}
body.xob-body #whmcsx .pagination > li > a {
  display: inline-flex !important;
  align-items: center !important;
  height: 36px !important;
  padding: 0 14px !important;
  border-radius: 8px !important;
  background: #122033 !important;
  border: 1px solid rgba(255,255,255,.12) !important;
  color: #e8eef7 !important;
  text-decoration: none !important;
}
body.xob-body #whmcsx .pagination > li.disabled > a {
  opacity: .45 !important;
  pointer-events: none !important;
}
body.xob-body #whmcsx .pagination > li:not(.disabled) > a:hover {
  background: rgba(14,165,233,.18) !important;
  color: #fff !important;
}

/* product details */
body.xob-body #whmcsx .product-head {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  margin: 0 0 18px !important;
  padding: 0 0 14px !important;
  border-bottom: 1px solid rgba(255,255,255,.10) !important;
}
body.xob-body #whmcsx .product-head h1 {
  margin: 0 !important;
  font-size: 24px !important;
  color: #fff !important;
}
body.xob-body #whmcsx .product-head .label,
body.xob-body #whmcsx .label-active,
body.xob-body #whmcsx .label-Active {
  display: inline-flex !important;
  align-items: center !important;
  height: 28px !important;
  padding: 0 12px !important;
  border-radius: 999px !important;
  font-size: 12px !important;
  font-weight: 700 !important;
}
body.xob-body #whmcsx .label-active,
body.xob-body #whmcsx .label-Active,
body.xob-body #whmcsx .label.label-active {
  background: #16a34a !important;
  color: #fff !important;
}
body.xob-body #whmcsx .product-page .panel {
  margin-bottom: 16px !important;
}
body.xob-body #whmcsx .product-page .panel-body p {
  margin: 0 0 12px !important;
}
body.xob-body #whmcsx .product-page .panel-body p:last-child {
  margin-bottom: 0 !important;
}
body.xob-body #whmcsx .product-page .panel-heading .pull-right {
  float: right !important;
}
body.xob-body #whmcsx .product-page hr {
  display: none !important;
}

@media (max-width: 767px) {
  body.xob-body #whmcsx .xob-filter .form-control {
    width: 100% !important;
    min-width: 0 !important;
  }
  body.xob-body #whmcsx .xob-list-footer {
    flex-direction: column !important;
    align-items: stretch !important;
  }
}

/* ===== v15: cyan button text must stay dark ===== */
body.xob-body a.xob-btn,
body.xob-body a.xob-btn-primary,
body.xob-body .xob-btn,
body.xob-body .xob-btn-primary,
body.xob-body .xob-dept-card a,
body.xob-body .xob-dept-card a.xob-btn,
body.xob-body .xob-dept-card a.xob-btn-primary,
body.xob-body #whmcsx a.xob-btn,
body.xob-body #whmcsx a.xob-btn-primary,
body.xob-body #whmcsx .xob-dept-card a.xob-btn,
body.xob-body #whmcsx .btn,
body.xob-body #whmcsx .btn-primary,
body.xob-body #whmcsx .btn-success,
body.xob-body #whmcsx .btn-info {
  color: #04101d !important;
  -webkit-text-fill-color: #04101d !important;
}
body.xob-body .xob-dept-card a.xob-btn:hover,
body.xob-body .xob-dept-card a.xob-btn-primary:hover,
body.xob-body a.xob-btn:hover,
body.xob-body #whmcsx .btn-primary:hover {
  color: #04101d !important;
  -webkit-text-fill-color: #04101d !important;
  filter: brightness(1.06);
}

/* ===== v16: product details + list polish ===== */
body.xob-body .clientarea-head .profile-menu {
  width: 240px !important;
}
body.xob-body .clientarea-head .profile-menu > a {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 46px 0 46px !important;
  text-align: center !important;
  font-size: 12.5px !important;
  letter-spacing: 0 !important;
  line-height: 1.2 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
}

body.xob-body #whmcsx .xob-pagesize {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
}
body.xob-body #whmcsx .xob-pagesize label {
  margin: 0 !important;
  color: #94a3b8 !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  white-space: nowrap !important;
}
body.xob-body #whmcsx .xob-pagesize #resultslimit,
body.xob-body #whmcsx .xob-pagesize .form-control {
  margin: 0 !important;
  width: 90px !important;
}

body.xob-body #whmcsx .pagination > li > a,
body.xob-body #whmcsx .pagination > li > a:link,
body.xob-body #whmcsx .pagination > li > a:visited {
  color: #f8fafc !important;
  -webkit-text-fill-color: #f8fafc !important;
  background: #1a2b42 !important;
  border: 1px solid rgba(255,255,255,.18) !important;
  opacity: 1 !important;
}
body.xob-body #whmcsx .pagination > li.disabled > a,
body.xob-body #whmcsx .pagination > li.disabled > a:link,
body.xob-body #whmcsx .pagination > li.disabled > a:visited {
  color: #cbd5e1 !important;
  -webkit-text-fill-color: #cbd5e1 !important;
  background: #122033 !important;
  border-color: rgba(255,255,255,.10) !important;
  opacity: 1 !important;
}

body.xob-body #whmcsx .product-layout {
  display: grid !important;
  grid-template-columns: minmax(0, 1.7fr) minmax(280px, 1fr) !important;
  gap: 18px !important;
  align-items: start !important;
  margin: 0 !important;
}
body.xob-body #whmcsx .product-main,
body.xob-body #whmcsx .product-side {
  min-width: 0 !important;
  float: none !important;
  width: auto !important;
  padding: 0 !important;
}
body.xob-body #whmcsx .product-kicker {
  margin: 0 0 4px !important;
  color: #94a3b8 !important;
  font-size: 12px !important;
  font-weight: 600 !important;
}
body.xob-body #whmcsx .product-head {
  align-items: flex-start !important;
}
body.xob-body #whmcsx .panel-heading {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
}
body.xob-body #whmcsx .panel-action {
  color: #38bdf8 !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  text-decoration: none !important;
  float: none !important;
}
body.xob-body #whmcsx .product-dl {
  margin: 0 !important;
  padding: 0 !important;
}
body.xob-body #whmcsx .product-dl-row {
  display: grid !important;
  grid-template-columns: minmax(120px, 42%) 1fr !important;
  gap: 8px 16px !important;
  padding: 10px 0 !important;
  border-bottom: 1px solid rgba(255,255,255,.08) !important;
  margin: 0 !important;
}
body.xob-body #whmcsx .product-dl-row:last-child {
  border-bottom: none !important;
  padding-bottom: 0 !important;
}
body.xob-body #whmcsx .product-dl-row:first-child {
  padding-top: 0 !important;
}
body.xob-body #whmcsx .product-dl-row dt {
  margin: 0 !important;
  color: #94a3b8 !important;
  font-size: 12px !important;
  font-weight: 600 !important;
}
body.xob-body #whmcsx .product-dl-row dd {
  margin: 0 !important;
  color: #f1f5f9 !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  word-break: break-word !important;
}
body.xob-body #whmcsx .product-usage {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 14px !important;
  margin-top: 16px !important;
  padding-top: 14px !important;
  border-top: 1px solid rgba(255,255,255,.08) !important;
}
body.xob-body #whmcsx .product-usage-label {
  color: #94a3b8 !important;
  font-size: 12px !important;
  margin-bottom: 4px !important;
}
body.xob-body #whmcsx .product-usage-val {
  color: #fff !important;
  font-size: 13px !important;
  margin-bottom: 8px !important;
}
body.xob-body #whmcsx .product-actions {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
}
body.xob-body #whmcsx .product-page .progress {
  height: 10px !important;
  background: rgba(255,255,255,.08) !important;
  border-radius: 999px !important;
  overflow: hidden !important;
  margin: 0 !important;
  box-shadow: none !important;
}
body.xob-body #whmcsx .product-page .progress-bar {
  background: linear-gradient(135deg, #0ea5e9, #22d3ee) !important;
  color: #04101d !important;
  font-size: 10px !important;
  line-height: 10px !important;
  box-shadow: none !important;
}

@media (max-width: 991px) {
  body.xob-body #whmcsx .product-layout {
    grid-template-columns: 1fr !important;
  }
  body.xob-body #whmcsx .product-usage {
    grid-template-columns: 1fr !important;
  }
}

/* ===== v17: all client pages use same rounded card as home ===== */
body.xob-body #whmcsx.xob-panel-wrap,
body.xob-body .xob-panel-wrap {
  max-width: var(--xob-container, 1140px) !important;
  margin: 0 auto 40px !important;
  padding: 18px 20px 24px !important;
  background: #0b1524 !important;
  background-color: #0b1524 !important;
  border: 1px solid rgba(255,255,255,.12) !important;
  border-radius: 16px !important;
  overflow: hidden !important;
  box-shadow: none !important;
  color: #e8eef7 !important;
}

/* inner sections should not create a second flat box */
body.xob-body #whmcsx .services-page,
body.xob-body #whmcsx .product-page,
body.xob-body #whmcsx .ticket-page,
body.xob-body #whmcsx section {
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  box-shadow: none !important;
}
body.xob-body #whmcsx .services-page .containerx,
body.xob-body #whmcsx .product-page .containerx,
body.xob-body #whmcsx .ticket-page .containerx,
body.xob-body #whmcsx section > .containerx,
body.xob-body #whmcsx > section > .containerx,
body.xob-body #whmcsx .containerx {
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

/* tables/panels inside match home rounding */
body.xob-body #whmcsx .panel.panel-default,
body.xob-body #whmcsx .panel {
  border-radius: 12px !important;
  overflow: hidden !important;
  border: 1px solid rgba(255,255,255,.12) !important;
  background: #0b1524 !important;
}
body.xob-body #whmcsx .panel > .table,
body.xob-body #whmcsx .panel > #resultslist,
body.xob-body #whmcsx #resultslist {
  border-radius: 0 !important;
  margin-bottom: 0 !important;
}
body.xob-body #whmcsx .panel > .table > thead > tr:first-child > th:first-child,
body.xob-body #whmcsx #resultslist > thead > tr:first-child > th:first-child {
  border-top-left-radius: 12px !important;
}
body.xob-body #whmcsx .panel > .table > thead > tr:first-child > th:last-child,
body.xob-body #whmcsx #resultslist > thead > tr:first-child > th:last-child {
  border-top-right-radius: 12px !important;
}

/* form controls / filter / pagination same radius language */
body.xob-body #whmcsx .form-control,
body.xob-body #whmcsx select.form-control,
body.xob-body #whmcsx #resultslimit select {
  border-radius: 10px !important;
}
body.xob-body #whmcsx .btn,
body.xob-body #whmcsx .btn-sm,
body.xob-body #whmcsx .btn-primary,
body.xob-body #whmcsx .btn-success,
body.xob-body #whmcsx .btn-default {
  border-radius: 10px !important;
}
body.xob-body #whmcsx .pagination > li > a {
  border-radius: 10px !important;
}
body.xob-body #whmcsx .label {
  border-radius: 999px !important;
}

/* dropdown menus must escape card clip */
body.xob-body .clientarea-head {
  overflow: visible !important;
}
body.xob-body #whmcsx.xob-panel-wrap {
  /* keep card clip; menus live outside this wrap in header */
}

/* ===== home order new services ===== */
body.xob-body .tickets-content .home-order-services {
  margin: 0 0 8px !important;
}
body.xob-body .tickets-content .home-order-body {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 14px 18px !important;
  padding: 18px 20px !important;
}
body.xob-body .tickets-content .home-order-body p {
  margin: 0 !important;
  color: #cbd5e1 !important;
  font-size: 14px !important;
  flex: 1 1 240px !important;
}
body.xob-body .tickets-content .home-order-body .btn {
  margin: 0 !important;
  height: 40px !important;
  padding: 0 18px !important;
  display: inline-flex !important;
  align-items: center !important;
  border-radius: 10px !important;
  color: #04101d !important;
  font-weight: 700 !important;
}

/* ===== v19: knowledgebase article ===== */
body.xob-body #whmcsx .kb-article-page,
body.xob-body #whmcsx section.kb-article-page {
  padding: 0 !important;
  margin: 0 !important;
}
body.xob-body #whmcsx .kb-article-page .containerx {
  padding: 0 !important;
  background: transparent !important;
  border: none !important;
}

body.xob-body #whmcsx .kb-breadcrumb,
body.xob-body #whmcsx .breadcrumb,
body.xob-body #whmcsx p.breadcrumb,
body.xob-body #whmcsx nav.kb-breadcrumb {
  display: block !important;
  margin: 0 0 16px !important;
  padding: 12px 16px !important;
  background: #122033 !important;
  border: 1px solid rgba(255,255,255,.12) !important;
  border-radius: 12px !important;
  color: #94a3b8 !important;
  font-size: 13px !important;
  line-height: 1.45 !important;
  float: none !important;
}
body.xob-body #whmcsx .kb-breadcrumb a,
body.xob-body #whmcsx .breadcrumb a,
body.xob-body #whmcsx nav.kb-breadcrumb a {
  color: #38bdf8 !important;
  text-decoration: none !important;
}
body.xob-body #whmcsx .kb-breadcrumb a:hover,
body.xob-body #whmcsx .breadcrumb a:hover {
  color: #7dd3fc !important;
  text-decoration: underline !important;
}

body.xob-body #whmcsx .kb-article-toolbar {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 10px 16px !important;
  margin: 0 0 18px !important;
  float: none !important;
  clear: both !important;
}
body.xob-body #whmcsx .kb-tool {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 8px 12px !important;
  background: rgba(255,255,255,.04) !important;
  border: 1px solid rgba(255,255,255,.10) !important;
  border-radius: 10px !important;
  color: #e8eef7 !important;
  text-decoration: none !important;
  font-size: 13px !important;
  font-weight: 600 !important;
}
body.xob-body #whmcsx .kb-tool img {
  width: 16px !important;
  height: 16px !important;
  display: block !important;
}
body.xob-body #whmcsx .kb-tool:hover {
  background: rgba(14,165,233,.14) !important;
  color: #fff !important;
}

body.xob-body #whmcsx .kb-article {
  margin: 0 0 22px !important;
}
body.xob-body #whmcsx .kb-article-title,
body.xob-body #whmcsx .kb-article h1 {
  margin: 0 0 14px !important;
  padding: 0 0 12px !important;
  border-bottom: 1px solid rgba(255,255,255,.10) !important;
  color: #fff !important;
  font-size: 26px !important;
  line-height: 1.3 !important;
  font-weight: 700 !important;
}
body.xob-body #whmcsx .kb-article-body {
  color: #e8eef7 !important;
  font-size: 15px !important;
  line-height: 1.7 !important;
}
body.xob-body #whmcsx .kb-article-body p {
  margin: 0 0 14px !important;
  color: #e8eef7 !important;
}
body.xob-body #whmcsx .kb-article-body a {
  color: #38bdf8 !important;
}
body.xob-body #whmcsx .kb-article-body img {
  display: block !important;
  max-width: 100% !important;
  height: auto !important;
  margin: 16px 0 !important;
  border-radius: 12px !important;
  border: 1px solid rgba(255,255,255,.12) !important;
  background: #020617 !important;
}
body.xob-body #whmcsx .kb-article-body ul,
body.xob-body #whmcsx .kb-article-body ol {
  margin: 0 0 14px 1.2em !important;
  padding: 0 !important;
}
body.xob-body #whmcsx .kb-article-body pre,
body.xob-body #whmcsx .kb-article-body code {
  background: #0a1628 !important;
  border: 1px solid rgba(255,255,255,.10) !important;
  border-radius: 8px !important;
  color: #e2e8f0 !important;
}
body.xob-body #whmcsx .kb-article-body pre {
  padding: 12px 14px !important;
  overflow-x: auto !important;
}

body.xob-body #whmcsx .kb-vote {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px 12px !important;
  margin: 0 0 22px !important;
  padding: 16px 18px !important;
  background: #122033 !important;
  border: 1px solid rgba(255,255,255,.12) !important;
  border-radius: 12px !important;
  color: #e8eef7 !important;
  text-align: center !important;
}
body.xob-body #whmcsx .kb-vote .form-control,
body.xob-body #whmcsx .kb-vote select {
  width: auto !important;
  min-width: 110px !important;
  height: 38px !important;
  margin: 0 !important;
  display: inline-block !important;
}
body.xob-body #whmcsx .kb-vote .btn {
  height: 38px !important;
  padding: 0 16px !important;
  margin: 0 !important;
  color: #04101d !important;
  border-radius: 10px !important;
}

body.xob-body #whmcsx .kb-related {
  margin: 0 !important;
  padding: 18px 0 0 !important;
  border-top: 1px solid rgba(255,255,255,.10) !important;
}
body.xob-body #whmcsx .kb-related h3 {
  margin: 0 0 12px !important;
  color: #fff !important;
  font-size: 18px !important;
}
body.xob-body #whmcsx .kb-related ul {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
}
body.xob-body #whmcsx .kb-related li a {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 8px 10px !important;
  padding: 12px 14px !important;
  background: #122033 !important;
  border: 1px solid rgba(255,255,255,.10) !important;
  border-radius: 10px !important;
  color: #e8eef7 !important;
  text-decoration: none !important;
}
body.xob-body #whmcsx .kb-related li a:hover {
  border-color: rgba(56,189,248,.35) !important;
  background: rgba(14,165,233,.10) !important;
}
body.xob-body #whmcsx .kb-related li a span {
  flex: 1 1 auto !important;
  color: #38bdf8 !important;
  font-weight: 600 !important;
}
body.xob-body #whmcsx .kb-related li a small {
  color: #94a3b8 !important;
  font-size: 12px !important;
}

/* kill old pull-right float on kb pages */
body.xob-body #whmcsx .kb-article-page .pull-right {
  float: none !important;
}

/* home services table */
body.xob-body .tickets-content .home-services .svc-domain {
  margin-top: 4px !important;
  font-size: 12px !important;
}
body.xob-body .tickets-content .home-services .svc-domain a {
  color: #38bdf8 !important;
}
body.xob-body .tickets-content .home-services .btn-sm {
  height: 34px !important;
  padding: 0 14px !important;
  font-size: 12px !important;
  color: #04101d !important;
  border-radius: 10px !important;
}

/* ===== v22: profile dropdown above clientarea menu bar ===== */
body.xob-body .clientarea-head > .container {
  position: relative !important;
  z-index: 80 !important;
  overflow: visible !important;
}
body.xob-body .clientarea-head .profile-menu {
  position: relative !important;
  z-index: 90 !important;
}
body.xob-body .clientarea-head .profile-menu .dropdown {
  position: absolute !important;
  z-index: 100 !important;
  top: 100% !important;
}
body.xob-body .clientarea-head .clientarea-menu {
  position: relative !important;
  z-index: 40 !important;
}

/* ===== v23: profile dropdown rounded card (not square attached) ===== */
body.xob-body .clientarea-head .profile-menu > a {
  border-radius: 999px !important;
}
body.xob-body .clientarea-head .logout {
  border-radius: 999px !important;
}
body.xob-body .clientarea-head .profile-menu .dropdown {
  margin-top: 8px !important;
  border-radius: 14px !important;
  overflow: hidden !important;
  box-shadow: 0 14px 32px rgba(0,0,0,.45) !important;
}
body.xob-body .clientarea-head .profile-menu .dropdown ul li a {
  border-radius: 10px !important;
}

/* ===== v24: profile dropdown hover bridge (no gap close) ===== */
body.xob-body .clientarea-head .profile-menu .dropdown {
  margin-top: 0 !important;
  padding-top: 8px !important;
  top: 100% !important;
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  overflow: visible !important;
}
body.xob-body .clientarea-head .profile-menu .dropdown:before {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  top: 0 !important;
  height: 10px !important;
  background: transparent !important;
  display: block !important;
}
body.xob-body .clientarea-head .profile-menu .dropdown ul {
  margin: 0 !important;
  padding: 8px !important;
  background: #0b1a2e !important;
  border: 1px solid rgba(255,255,255,.14) !important;
  border-radius: 14px !important;
  box-shadow: 0 14px 32px rgba(0,0,0,.45) !important;
}

/* ===== v25: profile dropdown flush (no gap) ===== */
body.xob-body .clientarea-head .profile-menu .dropdown {
  margin-top: 0 !important;
  padding-top: 0 !important;
  top: 100% !important;
  background: #0b1a2e !important;
  border: 1px solid rgba(255,255,255,.14) !important;
  border-radius: 14px !important;
  box-shadow: 0 14px 32px rgba(0,0,0,.45) !important;
  overflow: hidden !important;
}
body.xob-body .clientarea-head .profile-menu .dropdown:before {
  display: none !important;
  content: none !important;
}
body.xob-body .clientarea-head .profile-menu .dropdown ul {
  margin: 0 !important;
  padding: 8px !important;
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}