/**
 * VolyxHost — site-wide dark surfaces
 * Kills Bootstrap/twenty-one white panels, cards, product boxes, tabs, forms.
 */

/* ---------- Universal white killers ---------- */
.bg-white,
.bg-light,
.bg-default,
.text-bg-light,
.text-bg-white {
  background-color: #121821 !important;
  background: #121821 !important;
  color: #e8edf5 !important;
}

.card,
.card-body,
.card-header,
.card-footer,
.panel,
.panel-body,
.panel-heading,
.panel-footer,
.panel-default,
.modal-content,
.popover,
.dropdown-menu,
.list-group-item,
.well,
.thumbnail,
.jumbotron {
  background-color: #121821 !important;
  background: #121821 !important;
  color: #e8edf5 !important;
  border-color: rgba(232, 237, 245, 0.1) !important;
}

.card-header,
.panel-heading {
  background: #1a2230 !important;
  color: #9aa6bb !important;
}

/* ---------- Product details (the white box) ---------- */
div.product-details div.product-icon,
.product-details .product-icon,
.product-icon {
  background-color: #1a2230 !important;
  background: #1a2230 !important;
  color: #e8edf5 !important;
  border: 1px solid rgba(232, 237, 245, 0.1) !important;
}

.product-details .product-icon h3,
.product-details .product-icon h4,
.product-icon h3,
.product-icon h4 {
  color: #ffffff !important;
}

.product-details .product-icon .fa-circle {
  color: rgba(57, 255, 140, 0.25) !important;
}

.product-details,
.product-details .row,
.product-details .col-md-6 {
  color: #e8edf5 !important;
}

.product-details h4 {
  color: #9aa6bb !important;
  font-size: 0.85rem !important;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  margin-top: 1rem !important;
}

div.product-details-tab-container,
.product-details-tab-container,
.tab-content.bg-white,
.tab-content.product-details-tab-container {
  background-color: #121821 !important;
  background: #121821 !important;
  color: #e8edf5 !important;
  border-color: rgba(232, 237, 245, 0.12) !important;
}

.module-client-area,
.module-client-area * {
  color: #e8edf5;
}

/* ---------- Tabs ---------- */
.nav-tabs {
  border-bottom-color: rgba(232, 237, 245, 0.12) !important;
}
.nav-tabs .nav-link,
.nav-tabs > li > a {
  color: #9aa6bb !important;
  background: transparent !important;
  border-color: transparent !important;
}
.nav-tabs .nav-link.active,
.nav-tabs > li.active > a,
.nav-tabs .nav-item.show .nav-link {
  color: #39ff8c !important;
  background: #121821 !important;
  border-color: rgba(232, 237, 245, 0.12) rgba(232, 237, 245, 0.12) #121821 !important;
}

/* ---------- Forms everywhere ---------- */
.form-control,
.custom-select,
select.form-control,
input.form-control,
textarea.form-control,
.input-group-text,
.form-control:focus {
  background-color: #0b0f16 !important;
  background: #0b0f16 !important;
  color: #e8edf5 !important;
  border-color: rgba(232, 237, 245, 0.14) !important;
}
.form-control::placeholder {
  color: #667086 !important;
}
.form-control:disabled,
.form-control[readonly] {
  background: #161d28 !important;
  color: #9aa6bb !important;
}

/* ---------- Tables (all pages) ---------- */
.table,
.table-list,
table.dataTable,
.table > :not(caption) > * > * {
  background-color: #121821 !important;
  color: #e8edf5 !important;
  border-color: rgba(232, 237, 245, 0.08) !important;
}
.table thead th,
.table-list thead th,
table.dataTable thead th {
  background-color: #1a2230 !important;
  color: #9aa6bb !important;
}
.table-list > tbody > tr > td,
table.table-list > tbody > tr > td,
.table > tbody > tr > td {
  background-color: #121821 !important;
  color: #e8edf5 !important;
}
.table-list > tbody > tr:nth-child(even) > td,
.table > tbody > tr:nth-child(even) > td {
  background-color: #161d28 !important;
}
.table a,
.table-list a {
  color: #39ff8c !important;
}

/* Mass pay / misc light rows */
tr.masspay-total td,
.table > tbody > tr.masspay-total > td {
  background-color: #1a2230 !important;
  color: #fff !important;
}

/* ---------- Client home tiles ---------- */
.tiles,
.tile,
.client-home-panels .panel,
.client-home-panels .card {
  background: #121821 !important;
  color: #e8edf5 !important;
  border-color: rgba(232, 237, 245, 0.1) !important;
}

/* ---------- Ticket / KB / Announcements ---------- */
.ticket-reply,
.ticket-reply.staff,
.markdown-content,
.kb-article,
pre,
code,
.highlight {
  background-color: #0b0f16 !important;
  color: #e8edf5 !important;
  border-color: rgba(232, 237, 245, 0.1) !important;
}

/* ---------- Domain / register / misc panels ---------- */
.domain-lookup-result,
.domain-pricing,
.promo-container,
.feature-container,
.logincontainer,
.registration-container {
  background: #121821 !important;
  color: #e8edf5 !important;
}

/* ---------- Breadcrumb ---------- */
.master-breadcrumb,
.breadcrumb {
  background: transparent !important;
  color: #9aa6bb !important;
}
.breadcrumb a {
  color: #39ff8c !important;
}
.breadcrumb-item.active {
  color: #e8edf5 !important;
}

/* ---------- Text helpers that go light on white ---------- */
.primary-content,
.primary-content p,
.primary-content li,
.secondary-content {
  color: #e8edf5;
}
.text-dark,
.text-body,
.text-black {
  color: #e8edf5 !important;
}
.text-muted {
  color: #9aa6bb !important;
}

/* ---------- Buttons keep readable ---------- */
.btn-default,
.btn-light,
.btn-secondary {
  background: #1a2230 !important;
  border-color: rgba(232, 237, 245, 0.18) !important;
  color: #e8edf5 !important;
}
.btn-default:hover,
.btn-light:hover,
.btn-secondary:hover {
  background: #222b3a !important;
  color: #fff !important;
}

/* ---------- Pagination ---------- */
.pagination .page-link,
.page-link {
  background: #121821 !important;
  border-color: rgba(232, 237, 245, 0.12) !important;
  color: #9aa6bb !important;
}
.page-item.active .page-link {
  background: #39ff8c !important;
  border-color: #39ff8c !important;
  color: #041016 !important;
}