/* ============================================================
   Scutex — WHMCS "twenty-one" client-area + order-form theme.
   Dark navy canvas, electric-green accent. Auto-loaded by head.tpl
   ({assetExists file="custom.css"}). Brand-matched to scutex.io.
   ============================================================ */
@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@600;700;800&family=Inter:wght@400;500;600&family=JetBrains+Mono:wght@400;500&display=swap');

:root{
  --sx-bg:#0A0F1C; --sx-deep:#0C1322; --sx-card:#111827; --sx-raised:#161F30;
  --sx-border:#1F2937; --sx-border2:#2B3648;
  --sx-green:#00D97E; --sx-green-h:#2BE89A; --sx-green-d:#00B368; --sx-blue:#2979FF; --sx-amber:#F5A623;
  --sx-t1:#F9FAFB; --sx-t2:#C4CBD6; --sx-t3:#9AA3B2; --sx-t4:#6B7280;
  --sx-ink:#04231A;
  /* override Bootstrap/theme custom-props where used */
  --bs-body-bg:#0A0F1C; --bs-body-color:#C4CBD6; --bs-primary:#00D97E; --bs-link-color:#2BE89A;
  --bs-border-color:#1F2937;
}

html,body{ background:var(--sx-bg)!important; color:var(--sx-t2)!important;
  font-family:'Inter',system-ui,-apple-system,sans-serif!important; -webkit-font-smoothing:antialiased; }
.ecommerce, #main-body, main, .main-content, .content, .container, .container-fluid,
section, .page-content, .body-content{ background:transparent!important; }

h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5{ font-family:'Plus Jakarta Sans','Inter',sans-serif!important;
  color:var(--sx-t1)!important; font-weight:700; letter-spacing:-.01em; }
p,span,li,dd,dt,small,label,.text-muted{ color:var(--sx-t2); }
.text-muted,.help-block,.text-secondary{ color:var(--sx-t4)!important; }
a{ color:var(--sx-green-h); text-decoration:none; }
a:hover{ color:var(--sx-green); }
code,kbd,pre,.mono{ font-family:'JetBrains Mono',monospace; }
hr{ border-color:var(--sx-border)!important; }

/* ---- Top header / nav bars ---- */
#header,header#header,.header-lined,.primary-nav,.navbar,.navbar-default,#main-menu,
.top-bar,.secondary-nav,.navbar-expand-lg{ background:var(--sx-deep)!important;
  border-color:var(--sx-border)!important; box-shadow:none!important; }
#header a,.primary-nav a,.navbar a,#main-menu a,.nav-link,.navbar .nav-link{ color:var(--sx-t2)!important; }
#header a:hover,.navbar a:hover,#main-menu a:hover,.nav-link:hover{ color:var(--sx-t1)!important; }
.navbar-brand,.logo,.navbar-brand a{ color:var(--sx-t1)!important; font-family:'Plus Jakarta Sans',sans-serif!important; font-weight:800; }
.nav-tabs{ border-color:var(--sx-border)!important; }
.nav-tabs .nav-link.active{ background:var(--sx-card)!important; border-color:var(--sx-border)!important; color:var(--sx-green)!important; }
.nav-pills .nav-link.active,.list-group-item.active{ background:var(--sx-green)!important; color:var(--sx-ink)!important; border-color:var(--sx-green)!important; }
.dropdown-menu{ background:var(--sx-card)!important; border:1px solid var(--sx-border)!important; }
.dropdown-item{ color:var(--sx-t2)!important; }
.dropdown-item:hover{ background:var(--sx-raised)!important; color:var(--sx-t1)!important; }

/* ---- Cards / panels / wells ---- */
.card,.panel,.well,.panel-default,.list-group,.list-group-item,.jumbotron,.card-body,
.client-home-panels .panel,.home-panels .panel,.account-overview-card,.sidebar .panel,
.bg-light,.bg-white{ background:var(--sx-card)!important; border-color:var(--sx-border)!important;
  color:var(--sx-t2)!important; box-shadow:0 8px 24px rgba(0,0,0,.45), inset 0 1px 0 rgba(255,255,255,.05); border-radius:12px; }
.card-header,.panel-heading,.card-footer,.panel-footer,.list-group-item-heading{
  background:var(--sx-deep)!important; border-color:var(--sx-border)!important; color:var(--sx-t1)!important; }
.list-group-item{ box-shadow:none; border-radius:0; }
.sidebar .list-group-item{ background:transparent!important; }
.panel-title,.card-title{ color:var(--sx-t1)!important; }

/* ---- Buttons ---- */
.btn{ font-family:'Inter',sans-serif!important; font-weight:600; letter-spacing:.01em; border-radius:8px; }
.btn-primary,.btn-success,.btn-info.btn-checkout,.btn-order{ background:var(--sx-green)!important; border-color:var(--sx-green)!important; color:var(--sx-ink)!important; }
.btn-primary:hover,.btn-success:hover{ background:var(--sx-green-h)!important; border-color:var(--sx-green-h)!important; color:var(--sx-ink)!important;
  box-shadow:0 0 0 1px rgba(0,217,126,.24),0 12px 40px rgba(0,217,126,.22); }
.btn-secondary,.btn-default,.btn-light,.btn-outline-secondary{ background:rgba(255,255,255,.04)!important; border-color:var(--sx-border2)!important; color:var(--sx-t1)!important; }
.btn-secondary:hover,.btn-default:hover,.btn-outline-secondary:hover{ background:rgba(255,255,255,.08)!important; border-color:var(--sx-green)!important; color:var(--sx-t1)!important; }
.btn-info{ background:var(--sx-blue)!important; border-color:var(--sx-blue)!important; color:#fff!important; }
.btn-link{ color:var(--sx-green-h)!important; }
.btn-danger{ background:#FF5C5C!important; border-color:#FF5C5C!important; }

/* ---- Forms ---- */
.form-control,.form-select,input[type=text],input[type=email],input[type=password],
input[type=number],input[type=tel],input[type=search],select,textarea,.input-group-text{
  background:var(--sx-deep)!important; border:1px solid var(--sx-border2)!important; color:var(--sx-t1)!important; border-radius:8px; }
.form-control:focus,.form-select:focus,input:focus,select:focus,textarea:focus{
  border-color:var(--sx-green)!important; box-shadow:0 0 0 3px rgba(0,217,126,.14)!important; background:var(--sx-bg)!important; }
::placeholder{ color:var(--sx-t4)!important; }
.input-group-text{ color:var(--sx-t3)!important; }
label,.control-label{ color:var(--sx-t2)!important; font-weight:500; }

/* ---- Tables ---- */
.table,.table-bordered{ color:var(--sx-t2)!important; border-color:var(--sx-border)!important; }
.table thead th,.table th{ color:var(--sx-t1)!important; border-color:var(--sx-border)!important; background:var(--sx-deep)!important; }
.table td,.table-bordered td,.table-bordered th{ border-color:var(--sx-border)!important; }
.table-striped tbody tr:nth-of-type(odd),.table-hover tbody tr:hover{ background:rgba(255,255,255,.03)!important; }

/* ---- Alerts / labels / badges ---- */
.alert{ border-radius:10px; }
.alert-success{ background:rgba(0,217,126,.12)!important; border-color:rgba(0,217,126,.28)!important; color:var(--sx-green-h)!important; }
.alert-info{ background:rgba(41,121,255,.12)!important; border-color:rgba(41,121,255,.28)!important; color:#7FB0FF!important; }
.alert-warning{ background:rgba(245,166,35,.12)!important; border-color:rgba(245,166,35,.28)!important; color:var(--sx-amber)!important; }
.alert-danger{ background:rgba(255,92,92,.12)!important; border-color:rgba(255,92,92,.28)!important; color:#FF8A8A!important; }
.badge,.label{ font-weight:600; }
.badge-success,.bg-success{ background:var(--sx-green)!important; color:var(--sx-ink)!important; }
.badge-primary,.bg-primary{ background:var(--sx-green)!important; color:var(--sx-ink)!important; }

/* ---- Modals / popovers ---- */
.modal-content,.popover{ background:var(--sx-card)!important; border:1px solid var(--sx-border)!important; color:var(--sx-t2)!important; }
.modal-header,.modal-footer{ border-color:var(--sx-border)!important; }

/* ---- Login / register / pwreset cards ---- */
.login,.register,.signup,#frmLogin,#frmCheckout{ color:var(--sx-t2); }
body.is-page-login,body.is-page-register{ background:radial-gradient(60% 60% at 50% 0%, rgba(0,217,126,.10), transparent 70%), var(--sx-bg)!important; }

/* ---- Footer ---- */
#footer,footer,.footer,.marketing-footer,.footer-bottom{ background:var(--sx-deep)!important;
  border-top:1px solid var(--sx-border)!important; color:var(--sx-t4)!important; }
#footer a,footer a,.footer a{ color:var(--sx-t3)!important; }
#footer a:hover,footer a:hover{ color:var(--sx-green)!important; }
.powered-by,.credits{ color:var(--sx-t4)!important; }

/* ---- Order form (standard_cart) ---- */
#order-standard_cart .panel,.cart-items,.order-summary,.product,.cartitem,
#productConfigurableOptions,.summary-container,.checkout{ background:var(--sx-card)!important; border-color:var(--sx-border)!important; }
.order-summary,.summary-container{ box-shadow:0 0 0 1px rgba(0,217,126,.18),0 12px 40px rgba(0,217,126,.10)!important; }
.cycle-selector .btn.active,.term-selector .active{ background:var(--sx-green)!important; color:var(--sx-ink)!important; }
.product .price,.cart .price,.summary .total,.amount{ color:var(--sx-green)!important; font-family:'Plus Jakarta Sans',sans-serif; }
.progress-bar{ background:var(--sx-green)!important; }
.progress{ background:var(--sx-deep)!important; }

/* ---- Misc ---- */
.breadcrumb{ background:transparent!important; }
.master-breadcrumb{ background:var(--sx-deep)!important; border-bottom:1px solid var(--sx-border)!important; }
.master-breadcrumb a,.master-breadcrumb li,.master-breadcrumb .breadcrumb-item{ color:var(--sx-t3)!important; }
.master-breadcrumb .breadcrumb-item.active,.master-breadcrumb .active{ color:var(--sx-t2)!important; }
.breadcrumb a{ color:var(--sx-t3)!important; }
.pagination .page-link{ background:var(--sx-card)!important; border-color:var(--sx-border)!important; color:var(--sx-t2)!important; }
.pagination .page-item.active .page-link{ background:var(--sx-green)!important; border-color:var(--sx-green)!important; color:var(--sx-ink)!important; }
.text-primary{ color:var(--sx-green)!important; }
.bg-primary-subtle,.bg-success-subtle{ background:rgba(0,217,126,.10)!important; }
::selection{ background:rgba(0,217,126,.24); color:var(--sx-t1); }

/* ---- order-form product cards (standard_cart) ---- */
.products .product{ background:var(--sx-card)!important; border:1px solid var(--sx-border)!important; border-radius:12px; overflow:hidden; box-shadow:var(--inset-hairline); }
.products .product header{ background:var(--sx-deep)!important; color:var(--sx-t1)!important; border-bottom:1px solid var(--sx-border)!important; }
.products .product header span, .products .product header h3{ color:var(--sx-t1)!important; font-family:'Plus Jakarta Sans',sans-serif!important; font-weight:700; }
.products .product-desc, .products .product-desc p{ color:var(--sx-t2)!important; }
.products .product-price, .products .product .price{ color:var(--sx-green)!important; }
.products .product .cycle, .products .product small, .products .product .term{ color:var(--sx-t4)!important; }
.sidebar .list-group-item:empty{ display:none!important; }

/* ============================================================
   v2 — Scutex header chrome (replaces default WHMCS navbar),
   mobile/responsive, and remaining light-surface fixes.
   ============================================================ */
.sx-head{ position:sticky; top:0; z-index:1030; }
.sx-head__bar{ background:rgba(10,15,28,.92)!important; backdrop-filter:saturate(140%) blur(10px);
  border-bottom:1px solid var(--sx-border)!important; padding:.55rem 0; }
.sx-head__brand{ display:inline-flex!important; align-items:center; gap:.55rem;
  font-family:'Plus Jakarta Sans',sans-serif!important; font-weight:800!important; font-size:1.25rem; color:var(--sx-t1)!important; }
.sx-head__logo{ width:30px; height:30px; }
.sx-head__nav .nav-link,.sx-head__right .nav-link{ color:var(--sx-t2)!important; font-weight:500; padding:.5rem .9rem!important; border-radius:8px; }
.sx-head__nav .nav-link:hover,.sx-head__right .nav-link:hover{ color:var(--sx-t1)!important; background:rgba(255,255,255,.05); }
.sx-head__nav .active>.nav-link,.sx-head__nav .nav-item.active .nav-link{ color:var(--sx-green-h)!important; }
.sx-head__cart{ position:relative; color:var(--sx-t2)!important; display:inline-flex; align-items:center; gap:.35rem; }
.sx-head__cart .badge{ background:var(--sx-green)!important; color:var(--sx-ink)!important; font-weight:700; }
.sx-head__cart--m{ font-size:1.1rem; }
.navbar-toggler.sx-head__burger{ border:1px solid var(--sx-border2)!important; color:var(--sx-t1)!important; padding:.4rem .65rem; border-radius:8px; }
.navbar-toggler.sx-head__burger:focus{ box-shadow:none; outline:none; }
.sx-head__right .dropdown-menu{ background:var(--sx-card)!important; border:1px solid var(--sx-border)!important; }
.logo-img{ max-height:34px; }

/* ---- Mobile / responsive ---- */
@media (max-width:991.98px){
  .sx-head__bar .navbar-collapse{ margin-top:.6rem; padding:.4rem 0; border-top:1px solid var(--sx-border); }
  .sx-head__nav .nav-link,.sx-head__right .nav-link{ padding:.7rem .25rem!important; }
  .sx-head__right{ margin-top:.35rem; }
  #order-standard_cart .row > [class*="col-"]{ flex:0 0 100%; max-width:100%; }
  .summary-container,.order-summary{ margin-top:1rem; }
  .sidebar{ margin-bottom:1.25rem; }
}
@media (max-width:767.98px){
  .table-responsive,.table-container{ overflow-x:auto; -webkit-overflow-scrolling:touch; }
  .card,.panel{ border-radius:10px; }
  h1,.h1{ font-size:1.55rem!important; } h2,.h2{ font-size:1.3rem!important; }
  .master-breadcrumb{ font-size:.85rem; }
  #main-body{ padding-top:1rem; }
}
/* let any wide raw table scroll instead of breaking layout */
.primary-content .table{ min-width:0; }

/* ---- Fix remaining light / unstyled surfaces (e.g. promo-code box) ---- */
.bg-light,.bg-white,.card.bg-white,.panel-body.bg-white,.well-light,.alert-light,
[style*="background:#fff"],[style*="background-color:#fff"],[style*="background: #fff"],
[style*="background-color: #fff"],[style*="background:white"],[style*="background-color:white"]{
  background:var(--sx-card)!important; color:var(--sx-t2)!important; }
.promotioncode,.promo-code,#promo,.apply-promo,.cart-promo,.promobox,.promo,.summary-promo,
#order-standard_cart .panel,#order-standard_cart .panel-body,#frmCheckout .panel{
  background:var(--sx-card)!important; border-color:var(--sx-border)!important; color:var(--sx-t2)!important; }
input.promocode,input#promocode,input[name="promocode"],input[name="promo"]{
  background:var(--sx-deep)!important; color:var(--sx-t1)!important; border-color:var(--sx-border2)!important; }
.content-inner,.main-content-inner,.account-overview-card,.client-home-panels{ background:transparent!important; }
/* login / register: center card, comfortable width */
.is-page-login .primary-content,.is-page-register .primary-content{ max-width:760px; margin:0 auto; }

/* ---- standard_cart order form: kill its own white/blue surfaces (matches its specificity) ---- */
#order-standard_cart .tab-content,
#order-standard_cart .tab-pane,
#order-standard_cart .promo,
#order-standard_cart .view-cart-items,
#order-standard_cart .view-cart-items .item,
#order-standard_cart .view-cart-items .item:nth-child(even){
  background:var(--sx-card)!important; background-color:var(--sx-card)!important; color:var(--sx-t2)!important; border-color:var(--sx-border)!important; }
#order-standard_cart .view-cart-items-header{
  background:var(--sx-deep)!important; background-color:var(--sx-deep)!important; color:var(--sx-t1)!important; border-color:var(--sx-border)!important; background-image:none!important; }
#order-standard_cart .nav-tabs{ border-color:var(--sx-border)!important; }
#order-standard_cart .nav-tabs .nav-link{ color:var(--sx-t2)!important; background:transparent!important; border-color:transparent!important; }
#order-standard_cart .nav-tabs .nav-link.active{ background:var(--sx-card)!important; color:var(--sx-green)!important; border-color:var(--sx-border) var(--sx-border) var(--sx-card)!important; }
#order-standard_cart .order-summary,#order-standard_cart .summary-container{ background:var(--sx-card)!important; background-color:var(--sx-card)!important; }
#order-standard_cart .order-summary h2,#order-standard_cart .order-summary .product-name,#order-standard_cart .summary-totals .amt{ color:var(--sx-t1)!important; }
#order-standard_cart .view-cart-items .item-name,#order-standard_cart .view-cart-items .item a{ color:var(--sx-t1)!important; }

/* ---- client dashboard stat tiles (.tiles) — was a white card ---- */
.tiles{ background:var(--sx-card)!important; border:1px solid var(--sx-border)!important; border-radius:12px!important; overflow:hidden; box-shadow:0 8px 24px rgba(0,0,0,.45); }
.tiles .tile{ background:transparent!important; color:var(--sx-t2)!important; }
.tiles [class*="col-"]+[class*="col-"] .tile{ border-left:1px solid var(--sx-border); }
.tiles .tile:hover{ background:rgba(255,255,255,.03)!important; }
.tiles .tile .stat{ color:var(--sx-t1)!important; font-family:'Plus Jakarta Sans',sans-serif!important; font-weight:800; }
.tiles .tile .title{ color:var(--sx-t3)!important; }
.tiles .tile > i{ color:var(--sx-t4)!important; }
@media(max-width:767.98px){ .tiles [class*="col-"]:nth-child(odd) .tile{ border-left:0; } }

/* ============ Bespoke dashboard (scutex theme) ============ */
.sx-head__deploy{ display:inline-flex; align-items:center; gap:.4rem; background:var(--sx-green)!important; color:var(--sx-ink)!important; font-weight:700; font-size:13px; padding:.5rem .9rem; border-radius:8px; white-space:nowrap; }
.sx-head__deploy:hover{ background:var(--sx-green-h)!important; color:var(--sx-ink)!important; }
.sx-dash-welcome{ display:flex; align-items:flex-end; justify-content:space-between; gap:1rem; margin:.25rem 0 1.35rem; flex-wrap:wrap; }
.sx-dash-hi{ font-family:'Plus Jakarta Sans',sans-serif!important; font-size:1.6rem!important; font-weight:800; color:var(--sx-t1)!important; margin:0; letter-spacing:-.01em; }
.sx-dash-sub{ color:var(--sx-t3)!important; margin:.2rem 0 0; font-size:.95rem; }
.sx-dash-deploy{ font-size:14px!important; padding:.6rem 1.1rem!important; }
.client-home-cards .card.sx-panel{ background:var(--sx-card)!important; border:1px solid var(--sx-border)!important; border-radius:14px!important; margin-bottom:1.25rem; overflow:hidden; box-shadow:0 8px 24px rgba(0,0,0,.4); }
.sx-panel .card-header{ background:transparent!important; border-bottom:1px solid var(--sx-border)!important; padding:.95rem 1.25rem; }
.sx-panel .card-title{ font-family:'Plus Jakarta Sans',sans-serif!important; font-size:1rem!important; color:var(--sx-t1)!important; font-weight:700; }
.sx-panel .card-title i{ color:var(--sx-green)!important; }
.sx-panel .card-body{ padding:1.25rem; color:var(--sx-t2)!important; }
.sx-panel .list-group-item{ background:transparent!important; border-color:var(--sx-border)!important; color:var(--sx-t2)!important; padding:.85rem 1.25rem; }
.sx-panel .list-group-item-action:hover{ background:rgba(255,255,255,.03)!important; color:var(--sx-t1)!important; }
.sx-panel .list-group-item i{ color:var(--sx-t3)!important; }
.sx-panel .card-footer{ background:transparent!important; border-top:1px solid var(--sx-border)!important; padding:.7rem 1.25rem; }
.sx-panel .card-footer a,.sx-panel .card-footer .btn{ color:var(--sx-green-h)!important; }
.sx-qa-card .list-group-item{ display:flex; align-items:center; }
.sx-qa-card .list-group-item > i:first-child{ color:var(--sx-green)!important; width:22px; }
.sx-qa-chev{ margin-left:auto; color:var(--sx-t4)!important; font-size:.72rem; }
@media(max-width:991.98px){ .sx-dash-hi{ font-size:1.4rem!important; } }

/* ---- bespoke services list + empty state + status badges ---- */
.sx-srv-table{ color:var(--sx-t2)!important; margin:0!important; }
.sx-srv-table thead th{ background:transparent!important; border:0!important; border-bottom:1px solid var(--sx-border)!important; color:var(--sx-t3)!important; font-size:.72rem; text-transform:uppercase; letter-spacing:.05em; font-weight:600; padding:.85rem 1.25rem; }
.sx-srv-table td{ border:0!important; border-bottom:1px solid var(--sx-border)!important; padding:.95rem 1.25rem; vertical-align:middle; }
.sx-srv-table tbody tr:last-child td{ border-bottom:0!important; }
.sx-srv-row{ cursor:pointer; transition:background .12s; }
.sx-srv-row:hover{ background:rgba(255,255,255,.03)!important; }
.sx-srv-row strong{ color:var(--sx-t1)!important; }
.sx-srv-ico{ display:inline-flex; width:32px; height:32px; border-radius:8px; background:var(--sx-deep); border:1px solid var(--sx-border); align-items:center; justify-content:center; color:var(--sx-green); margin-right:10px; vertical-align:middle; }
.sx-srv-chev{ color:var(--sx-t4)!important; margin-left:8px; font-size:.7rem; }
.sx-status{ font-size:.72rem; font-weight:700; padding:.25rem .65rem; border-radius:999px; text-transform:capitalize; white-space:nowrap; }
.sx-status-active{ background:rgba(0,217,126,.14); color:var(--sx-green-h); }
.sx-status-pending{ background:rgba(245,166,35,.14); color:var(--sx-amber); }
.sx-status-suspended,.sx-status-terminated,.sx-status-cancelled,.sx-status-fraud{ background:rgba(255,92,92,.14); color:#FF8A8A; }
.sx-empty{ text-align:center; padding:3rem 1.5rem; }
.sx-empty-ico{ display:inline-flex; width:56px; height:56px; border-radius:14px; background:var(--sx-deep); border:1px solid var(--sx-border); align-items:center; justify-content:center; color:var(--sx-green); font-size:1.5rem; margin-bottom:1rem; }
.sx-empty h3{ color:var(--sx-t1)!important; font-family:'Plus Jakarta Sans',sans-serif!important; margin:0 0 .35rem; }
.sx-empty p{ color:var(--sx-t3)!important; margin:0 0 1.25rem; }
.sx-status-paid,.sx-status-open,.sx-status-answered{ background:rgba(0,217,126,.14); color:var(--sx-green-h); }
.sx-status-unpaid,.sx-status-customer-reply,.sx-status-on-hold,.sx-status-overdue{ background:rgba(245,166,35,.14); color:var(--sx-amber); }
.sx-status-cancelled,.sx-status-refunded,.sx-status-closed,.sx-status-draft,.sx-status-collections{ background:rgba(255,255,255,.07); color:var(--sx-t3); }
.sx-status-in-progress{ background:rgba(41,121,255,.14); color:#7FB0FF; }
.sx-srv-table strong.sx-unread{ color:var(--sx-green-h)!important; }
/* fix populated table rows showing white (Bootstrap .table default bg) */
.sx-srv-table,.sx-srv-table tbody,.sx-srv-table tbody tr,.sx-srv-table td{ background:transparent!important; background-color:transparent!important; }
.sx-srv-table td{ color:var(--sx-t2)!important; }
.sx-srv-table tbody tr:hover,.sx-srv-table tbody tr:hover td{ background:rgba(255,255,255,.03)!important; }
/* productdetails: kill the white product box + theme the card */
.product-details-tab-container,.product-details-tab-container.bg-white,.product-details{ background:var(--sx-card)!important; color:var(--sx-t2)!important; border-color:var(--sx-border)!important; }
.product-details .product-status-text,.product-details h1,.product-details h2,.product-details .domain,.product-details strong{ color:var(--sx-t1)!important; }
.module-client-area{ color:var(--sx-t2)!important; }
.product-status{ background:var(--sx-deep)!important; border:1px solid var(--sx-border)!important; border-radius:12px!important; overflow:hidden; }
.product-icon{ padding:1.6rem 1rem .6rem!important; background:var(--sx-deep)!important; background-image:none!important; }
.product-icon h3{ color:var(--sx-t1)!important; font-family:'Plus Jakarta Sans',sans-serif!important; margin-top:.6rem!important; }
.product-icon h4{ color:var(--sx-t3)!important; font-size:.85rem!important; }
.product-icon .fa-circle{ color:rgba(255,255,255,.06)!important; }
.product-icon .fa-inverse{ color:var(--sx-green)!important; }
.product-status-text{ font-weight:700; }
.product-status-suspended .product-status-text,.product-status-terminated .product-status-text,.product-status-cancelled .product-status-text{ background:rgba(255,92,92,.16)!important; color:#fff!important; }
.product-details .col-md-6.text-center h4{ font-size:.78rem!important; color:var(--sx-t3)!important; text-transform:uppercase; letter-spacing:.04em; font-weight:600; margin-top:1rem; }

/* ---- invoice view (viewinvoice) — theme the "paper" invoice dark ---- */
.invoice-container{ background:transparent!important; color:var(--sx-t2)!important; }
.invoice-container .card,.card.bg-default,.bg-default{ background:var(--sx-card)!important; border-color:var(--sx-border)!important; }
.invoice-container .table,.invoice-container .table td,.invoice-container .table th{ color:var(--sx-t2)!important; border-color:var(--sx-border)!important; background:transparent!important; }
.invoice-container .table thead th,.invoice-container .table thead td{ color:var(--sx-t1)!important; background:var(--sx-deep)!important; }
.invoice-container .total-row,.invoice-container strong{ color:var(--sx-t1)!important; }
.invoice-header,.invoice-col{ color:var(--sx-t2)!important; }
.invoice-col strong,.invoice-col b{ color:var(--sx-t1)!important; }
.invoice-status .paid{ color:var(--sx-green-h)!important; }
.invoice-status .unpaid,.invoice-status .draft{ color:var(--sx-amber)!important; }
.invoice-status .cancelled,.invoice-status .refunded,.invoice-status .collections{ color:#FF8A8A!important; }

/* ---- generic defensive sweep for remaining form/content pages ---- */
.tab-content{ background:transparent!important; }
.well,.panel,.panel-body{ background:var(--sx-card)!important; border-color:var(--sx-border)!important; color:var(--sx-t2)!important; }
.primary-content .table tbody tr{ background:transparent!important; }
fieldset{ border-color:var(--sx-border)!important; }
legend{ color:var(--sx-t1)!important; }
.list-group-item.active{ background:rgba(0,217,126,.14)!important; border-color:var(--sx-border)!important; color:var(--sx-green-h)!important; }