/* WHMCS inner pages — same visual as the landing */

html,
body.ps-whmcs,
body.ps-home {
  background: var(--bg, #05070a) !important;
  color: var(--text, #f4f7fa);
}

body.ps-home #main-body {
  display: none;
}

section#main-body,
#main-body {
  position: relative;
  z-index: 1;
  margin: 0;
  padding: 28px 0 56px;
  min-height: 350px;
  background: transparent !important;
  color: var(--text, #f4f7fa);
}

#main-body .container {
  width: min(1160px, calc(100% - 40px));
}

#main-body a {
  color: var(--accent, #03aee1);
}

#main-body .header-lined h1,
#main-body h1,
#main-body h2,
#main-body h3,
#main-body h4,
#main-body .h1,
#main-body .h2,
#main-body .h3 {
  color: var(--text, #f4f7fa) !important;
  font-family: "Outfit", "Segoe UI", sans-serif;
  border-color: rgba(3, 174, 225, 0.18) !important;
}

#main-body .header-lined h1 small,
#main-body h1 small {
  color: var(--muted, #93a4b3);
}

#main-body .panel,
#main-body .panel-default,
#main-body .logincontainer,
#main-body .card,
#main-body .well,
#main-body .list-group-item,
#main-body .popover,
#main-body .dropdown-menu,
#main-body .thumbnail {
  background: rgba(10, 18, 26, 0.9) !important;
  border: 1px solid rgba(3, 174, 225, 0.18) !important;
  color: var(--text, #f4f7fa);
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.35);
}

#main-body .panel-heading,
#main-body .panel-default > .panel-heading,
#main-body .panel-footer,
#main-body .modal-header,
#main-body .modal-footer {
  background: #0c151c !important;
  border-color: rgba(3, 174, 225, 0.18) !important;
  color: var(--text, #f4f7fa) !important;
}

#main-body .panel-title,
#main-body .panel-title a {
  color: var(--text, #f4f7fa) !important;
}

#main-body .form-control,
#main-body input[type="text"],
#main-body input[type="email"],
#main-body input[type="password"],
#main-body input[type="number"],
#main-body select,
#main-body textarea {
  background: #0a141c !important;
  border: 1px solid rgba(3, 174, 225, 0.28) !important;
  color: #f4f7fa !important;
  box-shadow: none;
}

#main-body .form-control:focus {
  border-color: #03aee1 !important;
  box-shadow: 0 0 0 3px rgba(3, 174, 225, 0.15);
}

#main-body .form-control::placeholder {
  color: #6b7c8c;
}

#main-body .table,
#main-body .table > thead > tr > th,
#main-body .table > tbody > tr > td,
#main-body .table > tfoot > tr > td {
  color: #f4f7fa;
  border-color: rgba(3, 174, 225, 0.12) !important;
  background: transparent !important;
}

#main-body .table-striped > tbody > tr:nth-of-type(odd) {
  background: rgba(3, 174, 225, 0.05) !important;
}

#main-body .sidebar .panel-title,
#main-body .list-group-item {
  color: #f4f7fa !important;
}

#main-body .list-group-item.active,
#main-body .list-group-item:hover {
  background: rgba(3, 174, 225, 0.12) !important;
  border-color: rgba(3, 174, 225, 0.38) !important;
  color: #03aee1 !important;
}

#main-body .breadcrumb {
  background: transparent;
  padding-left: 0;
}

#main-body .breadcrumb a,
#main-body .breadcrumb > .active {
  color: #93a4b3 !important;
}

#main-body .alert {
  border: 1px solid rgba(3, 174, 225, 0.25);
}

#main-body .label-default,
#main-body .badge {
  background: rgba(3, 174, 225, 0.16);
  color: #03aee1;
}

#main-body .label-success,
#main-body .badge-success {
  background: rgba(61, 220, 151, 0.18);
  color: #3ddc97;
}

#main-body .pagination > li > a,
#main-body .pagination > li > span {
  background: #0c151c;
  border-color: rgba(3, 174, 225, 0.18);
  color: #f4f7fa;
}

#main-body .pagination > .active > a {
  background: #03aee1;
  border-color: #03aee1;
  color: #031018;
}

#main-body .nav-tabs {
  border-bottom-color: rgba(3, 174, 225, 0.18);
}

#main-body .nav-tabs > li > a {
  color: #93a4b3;
}

#main-body .nav-tabs > li.active > a,
#main-body .nav-tabs > li.active > a:hover,
#main-body .nav-tabs > li.active > a:focus {
  background: #0c151c;
  border-color: rgba(3, 174, 225, 0.18);
  color: #f4f7fa;
}

/* Client home tiles */
#main-body .tiles {
  margin: 0 0 18px;
}

#main-body .tiles .tile {
  background: rgba(10, 18, 26, 0.9) !important;
  border-right: 1px solid rgba(3, 174, 225, 0.18) !important;
  border-radius: 14px;
  margin-bottom: 12px;
}

#main-body .tiles .tile:hover {
  background: rgba(12, 28, 38, 0.96) !important;
}

#main-body .tile .stat {
  background: transparent !important;
  padding: 0 !important;
  margin-top: 20px;
  font-size: 40px;
  line-height: 1;
  color: #f4f7fa;
}

#main-body .tile .title {
  color: #93a4b3 !important;
  font-weight: 600;
}

#main-body .tile .icon {
  color: rgba(3, 174, 225, 0.35);
}

#main-body .home-kb-search .form-control {
  background: rgba(10, 18, 26, 0.9) !important;
  border-radius: 12px;
}

#main-body .client-home-panels .panel {
  overflow: visible;
}

#main-body .client-home-panels .panel > .panel-heading {
  display: flex;
  align-items: center;
  background: #0c151c !important;
  border-bottom: 1px solid rgba(3, 174, 225, 0.18) !important;
  padding: 10px 14px;
  min-height: 48px;
}

#main-body .panel-heading .panel-title,
#main-body .client-home-panels .panel-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  width: 100%;
  margin: 0;
  font-size: 16px;
  line-height: 1.3;
}

#main-body .panel-heading .panel-title .pull-right,
#main-body .client-home-panels .panel-title .panel-title-btn {
  float: none !important;
  margin-left: auto;
  flex-shrink: 0;
  order: 2;
}

#main-body .client-home-panels .panel-title .btn,
#main-body .client-home-panels .panel-title .btn-xs,
#main-body .panel-heading .panel-title .btn {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 4px 10px !important;
  font-size: 12px !important;
  line-height: 1.2 !important;
  height: auto;
  border-radius: 999px;
  transform: none !important;
}

#main-body .client-home-panels .panel > .panel-body,
#main-body .client-home-panels .panel > .panel-footer,
#main-body .client-home-panels .panel > .list-group {
  background: #0a141c !important;
  color: #f4f7fa;
  border-color: rgba(3, 174, 225, 0.18) !important;
  scrollbar-width: thin;
  scrollbar-color: #03aee1 #0a141c;
}

#main-body .client-home-panels .panel > .list-group::-webkit-scrollbar,
#main-body .client-home-panels .panel > .panel-body::-webkit-scrollbar {
  width: 8px;
}

#main-body .client-home-panels .panel > .list-group::-webkit-scrollbar-thumb,
#main-body .client-home-panels .panel > .panel-body::-webkit-scrollbar-thumb {
  background: #03aee1;
  border-radius: 8px;
}

#main-body .client-home-panels .list-group-item,
#main-body .client-home-panels a.list-group-item {
  background: #0a141c !important;
  border-color: rgba(3, 174, 225, 0.12) !important;
  color: #f4f7fa !important;
}

#main-body .client-home-panels .list-group-item small,
#main-body .text-domain {
  color: #93a4b3 !important;
}

#main-body .btn-default,
#main-body .btn-xs.btn-default {
  background: rgba(255, 255, 255, 0.04);
  border-color: rgba(3, 174, 225, 0.28);
  color: #f4f7fa;
}

#main-body .btn-success {
  background: #1aa36a;
  border-color: #1aa36a;
  color: #041016;
}

#main-body .btn-primary {
  background: linear-gradient(180deg, #2bc4ee, #0090b8);
  border-color: transparent;
  color: #031018;
}

#main-body .bg-color-gold,
#main-body .btn.bg-color-gold {
  background: #be7b2e;
  border-color: #be7b2e;
  color: #fff;
}

#main-body .bg-color-blue,
#main-body .btn.bg-color-blue {
  background: #03aee1;
  border-color: #03aee1;
  color: #031018;
}

.logincontainer {
  max-width: 460px;
  margin: 40px auto;
  padding: 28px;
  border-radius: 18px;
}

#main-body .logincontainer .login-actions,
#main-body .logincontainer [align="center"] {
  display: flex !important;
  align-items: center !important;
  justify-content: center;
  flex-wrap: wrap;
  gap: 10px;
}

#main-body .logincontainer .login-actions .btn,
#main-body .logincontainer input.btn,
#main-body .logincontainer a.btn,
#main-body .logincontainer button.btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: 42px !important;
  min-height: 42px !important;
  max-height: 42px !important;
  padding: 0 18px !important;
  margin: 0 !important;
  line-height: 1 !important;
  float: none !important;
  position: static !important;
  box-sizing: border-box !important;
  border-radius: 999px !important;
  border-width: 1px !important;
  border-style: solid !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
}

#main-body .logincontainer input.btn {
  -webkit-appearance: none;
  appearance: none;
}

.modal-content {
  background: #0c151c;
  color: #f4f7fa;
  border: 1px solid rgba(3, 174, 225, 0.18);
}

.modal-content .close {
  color: #fff;
  opacity: 0.7;
}

.dataTables_wrapper,
.tab-content {
  color: #f4f7fa;
}

/* Cart / store / checkout — override Six + leftover Bluerack (#243155 / #4270e4) */
#order-standard_cart,
#order-standard_cart .row,
.landing-page {
  color: var(--text, #f4f7fa);
}

#order-standard_cart .products .product,
#order-standard_cart .product,
#order-standard_cart .product-info,
.product-info,
#order-standard_cart .product-desc,
#order-standard_cart .product-pricing {
  background: #0c151c !important;
  border-color: rgba(3, 174, 225, 0.18) !important;
  color: #f4f7fa !important;
}

#order-standard_cart .products .product:hover,
#order-standard_cart .product:hover {
  border-color: rgba(3, 174, 225, 0.38) !important;
}

#order-standard_cart .products .product header,
#order-standard_cart .products .product .product-title,
#order-standard_cart .products .product span.title,
#order-standard_cart h2,
#order-standard_cart h3,
#order-standard_cart h4,
#order-standard_cart .product-info h3,
.product-info h3,
.product-info p,
.product-info span {
  color: #f4f7fa !important;
}

#order-standard_cart .products .product .btn-success,
#order-standard_cart .products .product .btn-primary,
#order-standard_cart .btn-checkout,
#order-standard_cart .btn-complete-order {
  background: linear-gradient(180deg, #2bc4ee, #0090b8) !important;
  border-color: transparent !important;
  color: #031018 !important;
}

.summary-container,
#order-standard_cart .summary-container,
#order-standard_cart .order-summary,
#order-standard_cart .cart-sidebar,
#order-standard_cart .view-cart-items,
#order-standard_cart .view-cart-items-header {
  background: #0c151c !important;
  border-color: rgba(3, 174, 225, 0.18) !important;
  color: #f4f7fa !important;
}

.summary-container *,
#order-standard_cart .summary-container *,
#order-standard_cart .order-summary * {
  color: #f4f7fa;
}

.view-cart-tabs,
#order-standard_cart .view-cart-tabs,
#order-standard_cart .view-cart-tabs .tab-content,
#order-standard_cart .view-cart-tabs .nav-tabs > li > a,
#order-standard_cart .view-cart-tabs .nav-tabs > li.active > a {
  background: #0c151c !important;
  border-color: rgba(3, 174, 225, 0.18) !important;
  color: #f4f7fa !important;
}

.secondary-cart-sidebar,
#order-standard_cart .secondary-cart-sidebar,
.secondary-cart-sideba {
  background: #0c151c !important;
  border-color: rgba(3, 174, 225, 0.18) !important;
  color: #f4f7fa !important;
}

.applyCreditContainer,
#applyCreditContainer,
.apply-credit-container,
#order-standard_cart .apply-credit-container {
  background: #0c151c !important;
  border: 1px solid rgba(3, 174, 225, 0.18) !important;
  color: #f4f7fa !important;
}

.containerExistingAccountSelect,
#containerExistingAccountSelect,
.already-registered,
#order-standard_cart .already-registered,
#order-standard_cart .checkout-security-msg,
#order-standard_cart .sub-heading,
#order-standard_cart .field-container {
  background: #0c151c !important;
  border-color: rgba(3, 174, 225, 0.18) !important;
  color: #f4f7fa !important;
}

#order-standard_cart .form-control,
#order-standard_cart select,
#order-standard_cart textarea,
#order-standard_cart input[type="text"],
#order-standard_cart input[type="email"],
#order-standard_cart input[type="password"] {
  background: #0a141c !important;
  border-color: rgba(3, 174, 225, 0.28) !important;
  color: #f4f7fa !important;
}

#order-standard_cart label,
#order-standard_cart .total-due-today,
#order-standard_cart .total-due-today .amt {
  color: #f4f7fa !important;
}

#order-standard_cart .btn-remove-from-cart,
#order-standard_cart .btn-default {
  background: rgba(255, 255, 255, 0.04) !important;
  border-color: rgba(3, 174, 225, 0.28) !important;
  color: #f4f7fa !important;
}

.landing-page .hero,
.landing-page .product-options .item,
.landing-page .plans,
.landing-page .content-block,
.store-order-container {
  background: #0c151c !important;
  color: #f4f7fa !important;
  border-color: rgba(3, 174, 225, 0.18) !important;
}

.landing-page .hero h2,
.landing-page .hero h3,
.landing-page .product-options h4,
.store-order-container h2,
.store-order-container h4 {
  color: #f4f7fa !important;
}

.panel-sidebar > .panel-heading {
  background: #0c151c !important;
}

#main-body .panel-sidebar .panel-title,
#main-body .sidebar .panel-title {
  font-size: 16px !important;
  font-weight: 600;
  letter-spacing: 0;
  margin: 0;
}

/* DataTables */
.dataTables_wrapper .dataTables_length,
.dataTables_wrapper .dataTables_filter,
div.dataTables_wrapper div.dataTables_length,
div.dataTables_wrapper div.dataTables_filter {
  background: #0c151c !important;
  color: #93a4b3 !important;
  border: 0;
}

.dataTables_wrapper .dataTables_length label,
.dataTables_wrapper .dataTables_filter label {
  color: #93a4b3 !important;
}

.dataTables_wrapper .dataTables_info,
div.dataTables_wrapper div.dataTables_info {
  background: #0c151c !important;
  border: 0 !important;
  color: #93a4b3 !important;
  font-weight: 400;
}

.dataTables_wrapper table.table-list thead th,
.dataTables_wrapper table.table-list thead th.sorting_asc,
.dataTables_wrapper table.table-list thead th.sorting_desc {
  background-color: #0a141c !important;
  color: #f4f7fa !important;
  border-bottom: 3px solid #03aee1 !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
  background: #0c151c !important;
  color: #f4f7fa !important;
  border-color: rgba(3, 174, 225, 0.18) !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current {
  background: #03aee1 !important;
  color: #031018 !important;
  border-color: #03aee1 !important;
}

/* Markdown editor (tickets) */
.md-editor {
  border: 1px solid rgba(3, 174, 225, 0.18) !important;
  background: #0c151c !important;
}

.md-header,
.md-header.btn-toolbar,
.md-editor > .md-header,
.md-editor > .btn-toolbar,
.md-editor .md-footer,
.md-editor > .md-footer,
.md-footer {
  background: #0c151c !important;
  border-color: rgba(3, 174, 225, 0.18) !important;
  color: #f4f7fa !important;
}

.md-editor > textarea.markdown-editor,
.md-editor > .md-preview {
  background: #0a141c !important;
  border-color: rgba(3, 174, 225, 0.18) !important;
  color: #f4f7fa !important;
}

.md-editor .md-controls .md-control,
.markdown-editor-status {
  background: transparent !important;
  color: #93a4b3 !important;
}

.md-editor .btn-group .btn {
  background: #0a141c;
  border-color: rgba(3, 174, 225, 0.28);
  color: #f4f7fa;
}