/* ============================================================
   GEARS TV RELOADED — Red & Black theme (clean, deduplicated)
   Single source of truth. Replaces all previous custom.css.
   ============================================================ */

:root{
  --gtr-red:#e30613;
  --gtr-red-bright:#ff3b3b;
  --gtr-black:#0d0d0d;
  --gtr-panel:#161616;
  --gtr-panel-2:#1e1e1e;
  --gtr-border:#2a2a2a;
  --gtr-text:#e8e8e8;
  --gtr-muted:#9a9a9a;
}

/* ---- Base ---- */
body, body.primary-bg-color, html{ background:var(--gtr-black) !important; color:var(--gtr-text); }
h1,h2,h3,h4,h5,h6{ color:#fff; }
a{ color:var(--gtr-red-bright); }
a:hover{ color:#fff; }
hr{ border-color:var(--gtr-border); }
.text-muted,small{ color:var(--gtr-muted) !important; }

/* ---- Header ---- */
#header, .header, .header .navbar, .navbar.navbar-light, .header > div{
  background-color:#0d0d0d !important; background-image:none !important;
}
.header{ border-bottom:2px solid var(--gtr-red) !important; }
.header .topbar{ background:#000 !important; }
.main-navbar-wrapper{ background:#141414 !important; border-bottom:2px solid var(--gtr-red) !important; }
.navbar-nav .nav-link, .navbar-light .navbar-nav .nav-link{ color:var(--gtr-text) !important; }
.navbar-nav .nav-link:hover{ color:var(--gtr-red-bright) !important; }
.badge-info,.cart-btn .badge{ background:var(--gtr-red) !important; color:#fff !important; }
.header .form-control, .input-group.search .form-control{ background:#1a1a1a !important; border:1px solid var(--gtr-border) !important; color:#fff !important; }
.input-group.search .btn-default{ background:var(--gtr-red) !important; border:none !important; color:#fff !important; }

/* ---- Breadcrumb ---- */
.master-breadcrumb, nav.master-breadcrumb, .master-breadcrumb .container, .breadcrumb, ol.breadcrumb{
  background-color:#141414 !important; background-image:none !important;
}
.master-breadcrumb, .master-breadcrumb a, .breadcrumb-item, .breadcrumb-item a, .breadcrumb-item.active{ color:#e8e8e8 !important; }
.master-breadcrumb a:hover{ color:var(--gtr-red-bright) !important; }

/* ---- Cards / panels ---- */
.card,.panel,.well{ background:var(--gtr-panel) !important; border:1px solid var(--gtr-border) !important; color:var(--gtr-text) !important; }
.card-header,.panel-heading{ background:var(--gtr-panel-2) !important; border-bottom:1px solid var(--gtr-border) !important; color:#fff !important; }
.card-body,.panel-body{ background:var(--gtr-panel) !important; color:var(--gtr-text) !important; }
.card-title,.pricing-card-title{ color:#fff !important; }

/* ---- Buttons ---- */
.btn-primary,.btn-info,.btn-success{ background:var(--gtr-red) !important; border-color:var(--gtr-red) !important; color:#fff !important; }
.btn-primary:hover,.btn-info:hover,.btn-success:hover{ background:#c00510 !important; border-color:#c00510 !important; color:#fff !important; }
.btn-outline-primary{ color:var(--gtr-red-bright) !important; border-color:var(--gtr-red) !important; background:transparent !important; }
.btn-outline-primary:hover{ background:var(--gtr-red) !important; color:#fff !important; }
.btn-default,.btn-secondary{ background:var(--gtr-panel-2) !important; border:1px solid var(--gtr-border) !important; color:var(--gtr-text) !important; }

/* ---- Forms ---- */
.form-control,select,textarea,.custom-select,input{ background:var(--gtr-panel) !important; border:1px solid var(--gtr-border) !important; color:#fff !important; }
.form-control:focus{ border-color:var(--gtr-red) !important; box-shadow:0 0 0 .15rem rgba(227,6,19,.25) !important; }
.input-group-text{ background:var(--gtr-panel-2) !important; border:1px solid var(--gtr-border) !important; color:var(--gtr-muted) !important; }

/* ---- Tables ---- */
.table{ color:var(--gtr-text) !important; }
.table thead th{ background:var(--gtr-panel-2) !important; color:#fff !important; border-bottom:2px solid var(--gtr-red) !important; }
.table td,.table th{ border-color:var(--gtr-border) !important; }
.table-hover tbody tr:hover{ background:rgba(227,6,19,.08) !important; }

/* ---- Alerts ---- */
.alert{ background:var(--gtr-panel-2); border:1px solid var(--gtr-border); color:var(--gtr-text); }
.alert-danger{ border-left:4px solid var(--gtr-red); }
.alert-success{ border-left:4px solid #28a745; }

/* ---- Sidebar / list groups ---- */
.list-group-item{ background:var(--gtr-panel) !important; border-color:var(--gtr-border) !important; color:var(--gtr-text) !important; }
.list-group-item.active{ background:var(--gtr-red) !important; border-color:var(--gtr-red) !important; color:#fff !important; }

/* ---- Tabs ---- */
.nav-tabs{ border-bottom:1px solid var(--gtr-border); }
.nav-tabs .nav-link.active{ color:#fff !important; background:transparent !important; border-bottom:2px solid var(--gtr-red) !important; }

/* ---- Dropdown menus ---- */
.dropdown-menu{ background-color:#161616 !important; border:1px solid var(--gtr-border) !important; box-shadow:0 8px 24px rgba(0,0,0,.6) !important; }
.dropdown-menu .dropdown-item, .dropdown-menu a{ color:#e8e8e8 !important; }
.dropdown-menu .dropdown-item:hover, .dropdown-menu a:hover{ background-color:var(--gtr-red) !important; color:#fff !important; }
.dropdown-divider{ border-color:var(--gtr-border) !important; }

/* ---- Footer ---- */
#footer,.footer{ background:#000 !important; border-top:2px solid var(--gtr-red); color:var(--gtr-muted) !important; }
#footer a,.footer a{ color:var(--gtr-muted) !important; }
#footer a:hover,.footer a:hover{ color:var(--gtr-red-bright) !important; }

/* ---- Modals ---- */
.modal-content{ background:var(--gtr-panel) !important; border:1px solid var(--gtr-border) !important; color:var(--gtr-text); }
.modal-header,.modal-footer{ border-color:var(--gtr-border) !important; }
.close{ color:#fff !important; }

/* ---- Containers ---- */
#main-body, section#main-body, .primary-content{ background-color:var(--gtr-black) !important; }

/* ============================================================
   STORE / ORDER FORM (standard_cart)  — must use #order-standard_cart
   prefix to beat the order-form stylesheet that loads after us.
   ============================================================ */
#order-standard_cart{ background:var(--gtr-black) !important; }
#order-standard_cart .products .product{
  background:var(--gtr-panel) !important;
  border:1px solid var(--gtr-border) !important;
  border-radius:12px !important;
}
#order-standard_cart .products .product header{
  background:var(--gtr-panel) !important;
  border-bottom:1px solid var(--gtr-border) !important;
  border-radius:12px 12px 0 0 !important;
}
#order-standard_cart .products .product header span{ color:#fff !important; }
#order-standard_cart .products .product header .qty{ color:var(--gtr-muted) !important; }
#order-standard_cart .products .product .product-desc,
#order-standard_cart .products .product .product-desc p,
#order-standard_cart .products .product .product-desc ul,
#order-standard_cart .products .product .product-desc li{ color:#d2d2d2 !important; }
#order-standard_cart .products .product span.feature-value{ color:#fff !important; }
#order-standard_cart .products .product footer{ background:transparent !important; }
#order-standard_cart .products .product .product-pricing,
#order-standard_cart .products .product .product-pricing span{ color:#fff !important; }
#order-standard_cart .products .product .product-pricing .cycle{ color:var(--gtr-muted) !important; }
#order-standard_cart .products .product .btn,
#order-standard_cart .products .product a.btn{ background:var(--gtr-red) !important; color:#fff !important; border-color:var(--gtr-red) !important; }

/* order-form other surfaces */
#order-standard_cart .product-info,
#order-standard_cart .summary-container,
#order-standard_cart .view-cart-items .item,
#order-standard_cart .field,
#order-standard_cart .form-control{ background-color:var(--gtr-panel) !important; color:var(--gtr-text) !important; border-color:var(--gtr-border) !important; }
#order-standard_cart .order-summary{ background-color:var(--gtr-panel-2) !important; }
#order-standard_cart label, #order-standard_cart p{ color:var(--gtr-text) !important; }
#order-standard_cart .sub-heading span{ color:var(--gtr-red-bright) !important; background:var(--gtr-black) !important; }

/* store category/product single-page (non-order-form) */
.products .product{ background:var(--gtr-panel) !important; border:1px solid var(--gtr-border) !important; }
.products .product header{ background:var(--gtr-panel) !important; }
.products .product header span{ color:#fff !important; }
.products .product .product-desc, .products .product .product-desc *{ color:#d2d2d2 !important; }
.products .product .product-pricing, .products .product .product-pricing span{ color:#fff !important; }

/* store sidebar panels */
.panel-sidebar, .sidebar .panel, .sidebar .list-group{ background-color:var(--gtr-panel) !important; border-color:var(--gtr-border) !important; }
.panel-sidebar .panel-heading, .sidebar .panel-heading{ background-color:var(--gtr-panel-2) !important; color:#fff !important; }

/* invoices / client area */
.invoice, .invoice-container, #invoice, .invoice-items{ background-color:var(--gtr-panel) !important; color:var(--gtr-text) !important; }
.client-home-panels .panel, .clientareahome .panel{ background-color:var(--gtr-panel) !important; color:var(--gtr-text) !important; }

/* ============================================================
   v-final2: stronger dropdown + product header overrides
   ============================================================ */
/* Dropdown menu - higher specificity to beat theme.min.css */
#main-menu .dropdown-menu,
ul#nav .dropdown-menu,
.navbar-nav .dropdown-menu,
.navbar .dropdown-menu,
header .dropdown-menu,
.dropdown-menu{
  background-color:#0d0d0d !important;
  background:#0d0d0d !important;
  border:1px solid var(--gtr-border) !important;
}
#main-menu .dropdown-menu a,
ul#nav .dropdown-menu a,
.navbar-nav .dropdown-menu a,
.navbar .dropdown-menu li a,
.dropdown-menu li a,
.dropdown-menu .dropdown-item{
  color:#e8e8e8 !important; background:transparent !important;
}
#main-menu .dropdown-menu a:hover,
.navbar-nav .dropdown-menu a:hover,
.dropdown-menu li a:hover,
.dropdown-menu .dropdown-item:hover{
  background-color:var(--gtr-red) !important; color:#fff !important;
}

/* Product card title header - force pure black bar */
#order-standard_cart .products .product header,
.products .product header{
  background:#0d0d0d !important;
  background-color:#0d0d0d !important;
}
#order-standard_cart .products .product header span,
.products .product header span{ color:#ffffff !important; }

/* ============================================================
   v-final3: SWEEP all remaining white/light backgrounds dark
   (announcement body, content boxes, any leftover .bg-white etc)
   ============================================================ */
/* announcement + generic content blocks */
.announcement, .announcement-body, .announcement-content,
.kbarticle, .kbarticle-body, .article, .article-body,
.content-box, .content-wrapper, .panel-body, .card-body,
.well, .box, .module-content, .widget-content,
blockquote, .blockquote{
  background-color:var(--gtr-panel) !important;
  color:var(--gtr-text) !important;
  border-color:var(--gtr-border) !important;
}
.announcement *, .kbarticle *, .article *{ color:var(--gtr-text) !important; }

/* utility white backgrounds Bootstrap/WHMCS apply inline-ish */
.bg-white, .bg-light, .bg-body, [class*="bg-white"], [class*="bg-light"]{
  background-color:var(--gtr-panel) !important; color:var(--gtr-text) !important;
}

/* any element whose inline style sets white bg (common in WHMCS content) */
[style*="background:#fff"], [style*="background: #fff"],
[style*="background-color:#fff"], [style*="background-color: #fff"],
[style*="background:#ffffff"], [style*="background-color:#ffffff"],
[style*="background:white"], [style*="background-color:white"]{
  background-color:var(--gtr-panel) !important; color:var(--gtr-text) !important;
}

/* the main content/primary column should never be white */
.primary-content, #main-body .primary-content, .primary-content > div,
.content, #content, .page-content{
  background-color:transparent !important; color:var(--gtr-text) !important;
}

/* ============================================================
   v-final4: announcement <article> box + nuclear content sweep
   ============================================================ */
/* the announcement/kb body is a bare <article> styled white by theme */
article, .announcement article, .announcement, .announcements article,
.kbarticle article, #main-body article{
  background:var(--gtr-panel) !important;
  background-color:var(--gtr-panel) !important;
  color:var(--gtr-text) !important;
  border-color:var(--gtr-border) !important;
}
article *, .announcement *{ color:var(--gtr-text) !important; }
article a, .announcement a{ color:var(--gtr-red-bright) !important; }

/* NUCLEAR: any element inside the primary content with a white/near-white
   background gets forced dark. Scoped to content so it can't hurt header etc. */
.primary-content article,
.primary-content .well,
.primary-content [class*="bg-white"],
.primary-content [class*="bg-light"],
.primary-content > div,
#main-body article,
#main-body .well{
  background-color:var(--gtr-panel) !important;
  color:var(--gtr-text) !important;
}

/* ============================================================
   v-final5: Client Area tables (My Products & Services etc.)
   white rows -> dark, faint text -> readable
   ============================================================ */
/* all table rows/cells dark */
.table, .table tbody, .table tr, .table td, .table th,
table.dataTable, table.dataTable tbody, table.dataTable tr,
table.dataTable td, table.dataTable th,
#tableServicesList, #tableServicesList tr, #tableServicesList td,
.clientarea-table, .table-list, .table-list tr, .table-list td{
  background-color:var(--gtr-panel) !important;
  color:var(--gtr-text) !important;
  border-color:var(--gtr-border) !important;
}
/* striped/odd rows slightly different so they're distinguishable but still dark */
.table-striped tbody tr:nth-of-type(odd),
table.dataTable tbody tr:nth-of-type(odd),
.table tbody tr:nth-of-type(odd){
  background-color:#121212 !important;
}
.table tbody tr:hover, table.dataTable tbody tr:hover{
  background-color:rgba(227,6,19,.10) !important;
}
/* header row */
.table thead th, table.dataTable thead th{
  background-color:var(--gtr-panel-2) !important; color:#fff !important;
  border-bottom:2px solid var(--gtr-red) !important;
}
/* make the product/service name + all cell text readable */
.table td, .table td a, .table td span, .table th,
table.dataTable td, table.dataTable td a{ color:#e8e8e8 !important; }
.table td a:hover{ color:var(--gtr-red-bright) !important; }
/* status labels keep their colour but text white */
.label, .badge{ color:#fff !important; }

/* DataTables wrapper + search/length controls */
.dataTables_wrapper, .dataTables_filter, .dataTables_length,
.dataTables_info, .dataTables_paginate{ color:var(--gtr-text) !important; }
.dataTables_filter input, .dataTables_length select{
  background-color:var(--gtr-panel) !important; color:#fff !important; border:1px solid var(--gtr-border) !important;
}
.dataTables_paginate .paginate_button{ color:var(--gtr-text) !important; }
.dataTables_paginate .paginate_button.current{ background:var(--gtr-red) !important; color:#fff !important; border-color:var(--gtr-red) !important; }

/* generic: any leftover white table container in client area */
.clientarea-content, .clientareacontent, #tableServicesList_wrapper{
  background-color:transparent !important;
}

/* ============================================================
   v-final6: Client Area dashboard (clientarea.php) full dark
   ============================================================ */
/* dashboard home panels (Active Products, Tickets, Invoices, etc.) */
.client-home-panels .panel,
.client-home-panels .card,
.clientareahome .panel,
.clientareahome .card,
.home-panels .panel,
.panel-group .panel,
.account-overview .panel,
.dashboard .panel, .dashboard .card{
  background-color:var(--gtr-panel) !important;
  border:1px solid var(--gtr-border) !important;
  color:var(--gtr-text) !important;
}
.client-home-panels .panel-heading,
.clientareahome .panel-heading,
.home-panels .panel-heading,
.panel-group .panel-heading{
  background-color:var(--gtr-panel-2) !important;
  color:#fff !important;
  border-bottom:1px solid var(--gtr-border) !important;
}
/* the big stat/summary tiles on dashboard */
.stat-tile, .stats-tile, .panel-stat, .summary-box, .info-box, .metric,
.client-home-panels .list-group-item{
  background-color:var(--gtr-panel) !important; color:var(--gtr-text) !important; border-color:var(--gtr-border) !important;
}
/* profile / details forms */
#frmClientAreaDetails, .account-details, .profile-card, .clientareadetails{
  background-color:var(--gtr-panel) !important; color:var(--gtr-text) !important;
}
/* notification / alert banners on dashboard */
.account-overview .alert, .clientareahome .alert{ background-color:var(--gtr-panel-2) !important; color:var(--gtr-text) !important; }
/* any white well/jumbotron in client area */
.clientarea .well, .clientarea .jumbotron, .client-area .well{
  background-color:var(--gtr-panel) !important; color:var(--gtr-text) !important;
}
/* generic: contentbox / sub-panels in client area */
.contentpadded, .content-box, .clientarea-section{
  background-color:transparent !important; color:var(--gtr-text) !important;
}
/* ensure any list-group across client area is dark */
.list-group{ background-color:transparent !important; }

/* ============================================================
   v-final7: dashboard stat tiles dark + hide Domains everywhere
   ============================================================ */
/* The white summary stat tiles (Services/Domains/Tickets/Invoices) */
.panel-stats, .stats-panel, .client-home-panels,
.client-home-panels .panel, .client-home-panels .row,
.client-home-panels [class*="col-"],
#homeContainer .panel, #homeContainer .row > div,
.summary-overview, .summary-overview .item,
.stats .stat, .stats-row, .stats-row > div{
  background-color:var(--gtr-panel) !important;
  color:var(--gtr-text) !important;
  border-color:var(--gtr-border) !important;
}
/* the big number tiles specifically (the row of 4 across the top) */
.row.client-home-panels-row > div, .home-panels .panel,
.account-overview-stats, .account-overview-stats > div{
  background-color:var(--gtr-panel) !important;
}
/* the stat number tile container in twenty-one dashboard */
.stat-block, .stat-card, .stats-box, .panel.text-center,
a.panel, .panel-link{
  background-color:var(--gtr-panel) !important; color:var(--gtr-text) !important; border-color:var(--gtr-border) !important;
}
.stat-block .h1, .stat-card .stat-number{ color:var(--gtr-red-bright) !important; }

/* ---- HIDE DOMAINS everywhere ---- */
/* nav menu Domains dropdown */
#Primary_Navbar-Domains,
.navbar-nav .nav-item a[href*="domain"],
li.nav-item > a.nav-link[href*="/domain"],
#Secondary_Sidebar-Domains{
  display:none !important;
}
/* dashboard Domains stat tile (2nd tile) + Register a New Domain box */
.client-home-panels .domains, .domains-stat,
#Panel_Domains, .panel-domains,
.register-domain, #domainRegisterPanel,
.client-home-domains, .domain-registration-panel{
  display:none !important;
}

/* ============================================================
   v-final8: strong dashboard tile dark + Domains hide (Twenty-One)
   ============================================================ */
/* Twenty-One dashboard summary tiles are <a>/<div> with white bg.
   Cover the whole top stat row and any white card/anchor in client home. */
.clientareahome .panel,
.clientareahome a.panel,
.clientareahome .row > div > .panel,
.client-home-panels-row > div,
#main-body .panel,
#main-body a.panel,
#main-body .well,
.primary-content .panel,
.primary-content a.panel,
.primary-content .card{
  background-color:var(--gtr-panel) !important;
  color:var(--gtr-text) !important;
  border:1px solid var(--gtr-border) !important;
}
/* tile numbers/labels readable */
.panel .h1, .panel .stat, .panel .number, .panel-stat .h1{ color:var(--gtr-red-bright) !important; }
.panel .text-muted, .panel small{ color:var(--gtr-muted) !important; }

/* the 4-up stat tiles specifically use bg-white in twenty-one */
.bg-white, a.bg-white, div.bg-white{
  background-color:var(--gtr-panel) !important; color:var(--gtr-text) !important;
}

/* ---- HIDE DOMAINS (menu + dashboard) - broad, reliable ---- */
/* nav: any menu item linking to domains */
#Primary_Navbar-Domains,
#Primary_Sidebar-Domains,
li[id*="Domains"],
.navbar-nav li a[href*="domainchecker"],
.navbar-nav li a[href*="/domain"],
.navbar-nav li a[href*="cart.php?a=add&domain"],
.nav-item a[href*="register-domain"]{
  display:none !important;
}
/* hide the parent <li> of a Domains link in main nav */
.navbar-nav .nav-item:has(> a[href*="/domain"]){ display:none !important; }
.navbar-nav .nav-item:has(> a.nav-link[href*="domain"]){ display:none !important; }

/* dashboard: domains stat tile + register-a-domain box */
.panel:has(a[href*="domain"]),
.panel:has(.fa-globe),
#frmDomainHomepage, .domain-checker-home{
  display:none !important;
}

/* ============================================================
   v-final9: the top stat strip (Services/Quotes/Tickets/Invoices)
   This is Twenty-One's "highlights" row - white band. Force dark.
   ============================================================ */
.client-home-panels,
.client-home-panels .row,
.client-home-panels > .row,
.highlights, .highlights .row, .highlights > div,
.account-highlights, .account-highlights .row,
.stats-highlights, .panel-highlights,
.summary, .summary .row, .summary > div,
.client-home-stats, .client-home-stats > div{
  background-color:var(--gtr-black) !important;
  background-image:none !important;
}
/* each individual tile cell (number + label + icon) */
.client-home-panels .col, .client-home-panels [class*="col-"],
.highlights [class*="col-"], .summary [class*="col-"],
.client-home-stats [class*="col-"]{
  background-color:var(--gtr-panel) !important;
  border-color:var(--gtr-border) !important;
}
/* labels under numbers */
.client-home-panels .text-uppercase, .highlights .text-uppercase,
.summary .text-uppercase{ color:var(--gtr-muted) !important; }
/* numbers stay red */
.client-home-panels .h1, .highlights .h1, .summary .h1,
.client-home-panels .stat-value, .highlights .stat-value{ color:var(--gtr-red-bright) !important; }

/* Catch-all: ANY direct white background block inside primary content */
.primary-content > .row,
.primary-content > .row > [class*="col-"]{
  background-color:transparent !important;
}

/* ============================================================
   CHECKOUT / VIEW CART  (standard_cart)  — kill blue + white
   ============================================================ */
/* blue "Product/Options | Price/Cycle" header bar */
.view-cart-items-header{
  background:#111 !important; background-image:none !important;
  color:#fff !important; border-bottom:2px solid var(--gtr-red) !important;
}
.view-cart-items-header *{ color:#fff !important; }

/* promo-code tab panel (was white #f8f8f8) */
.tab-content{
  background:#000 !important; color:var(--gtr-text) !important;
  border:1px solid var(--gtr-border) !important;
}
.tab-content .field, .tab-content .form-control{
  background:var(--gtr-panel) !important; border:1px solid var(--gtr-border) !important; color:#fff !important;
}
.nav-tabs{ border-bottom:1px solid var(--gtr-border) !important; }
.nav-tabs .nav-link{
  background:var(--gtr-panel-2) !important; border:1px solid var(--gtr-border) !important; color:var(--gtr-text) !important;
}
.nav-tabs .nav-link.active{
  background:#000 !important; color:#fff !important;
  border-color:var(--gtr-border) var(--gtr-border) var(--gtr-red) !important;
  border-bottom:2px solid var(--gtr-red) !important;
}

/* any leftover blue accents in the cart (bootstrap primary/info) */
.view-cart .bg-primary, .secondary-cart-body .bg-primary,
.checkout .bg-primary, .modal-header.bg-primary{
  background:var(--gtr-red) !important; color:#fff !important;
}

/* empty-cart button + ID-specificity overrides (beats standard_cart all.min.css) */
#btnEmptyCart, .btn-link.btn-xs,
#order-standard_cart .empty-cart .btn,
#order-standard_cart .view-cart-items-header .btn{
  background:var(--gtr-red) !important; color:#fff !important; border-radius:4px !important;
}
#btnEmptyCart:hover, .btn-link.btn-xs:hover{ background:#c00510 !important; color:#fff !important; }
#order-standard_cart .view-cart-items-header{
  background:#111 !important; background-image:none !important; color:#fff !important;
  border-bottom:2px solid var(--gtr-red) !important;
}
#order-standard_cart .tab-content{ background:#000 !important; border:1px solid var(--gtr-border) !important; }

/* ============================================================
   CHECKOUT — account selection boxes (were white)
   ============================================================ */
.account{ background:var(--gtr-panel) !important; border:1px solid var(--gtr-border) !important; color:var(--gtr-text) !important; }
.account.active{ background:var(--gtr-panel-2) !important; border:1px solid var(--gtr-red) !important; }
.account.border-bottom{ background:var(--gtr-panel) !important; border:1px solid var(--gtr-border) !important; }
.account *{ color:var(--gtr-text) !important; }
.account .badge, .account .label{ background:var(--gtr-red) !important; color:#fff !important; }
.account .btn-radio, .account .fa-check-circle{ color:var(--gtr-red) !important; }
/* checkout section titles already red via h/legend; keep dividers subtle */
.checkout-heading, .checkout legend, #frmCheckout legend{ color:var(--gtr-red-bright) !important; border-color:var(--gtr-border) !important; }

/* ============================================================
   SERVICES SIDEBAR — status count badges (were white-on-white)
   ============================================================ */
.sidebar .list-group-item .badge,
.sidebar .list-group-item .badge.float-right,
.sidebar .list-group .badge{
  background-color:var(--gtr-red) !important; color:#fff !important; border:none !important;
}
.sidebar .list-group-item .far.fa-circle,
.sidebar .list-group-item .fa-circle{ color:var(--gtr-muted) !important; }

/* ============================================================
   PRODUCT DETAILS — widen M3U link box + field (easy to read)
   ============================================================ */
.item_new{ flex:1 1 100% !important; max-width:100% !important; width:100% !important; }
.item_new .list-group-item{ width:100% !important; max-width:100% !important; }
#m3ulinks{ width:100% !important; min-width:0 !important; font-size:14px !important; }

/* ============================================================
   PRODUCT DETAILS — Xtream API box + M3U copy button
   ============================================================ */
#xtreamApiSection h2{ color:#fff !important; }
#xtreamApiSection .item_new.xtream-box{
  background:var(--gtr-panel) !important; border:1px solid var(--gtr-border) !important;
  border-radius:10px !important; width:100% !important; max-width:100% !important; flex:1 1 100% !important;
}
.xtream-grid{ display:flex; flex-direction:column; gap:14px; padding:6px 2px; }
.xtream-grid .xf label{ display:block; color:var(--gtr-red-bright) !important; font-weight:700; margin-bottom:5px; letter-spacing:.3px; }
.xtream-grid .xrow{ display:flex; gap:8px; }
.xtream-grid input.xt{ background:var(--gtr-black) !important; border:1px solid var(--gtr-border) !important; color:var(--gtr-text) !important; width:100% !important; font-size:14px; }
.xt-copy{ background:var(--gtr-red) !important; color:#fff !important; border:none !important; white-space:nowrap; padding:0 16px !important; border-radius:6px !important; }
.xt-copy:hover{ background:#c00510 !important; color:#fff !important; }
.xt-apps{ display:inline-block; background:var(--gtr-red) !important; color:#fff !important; border:none !important; font-weight:700; padding:11px 22px !important; border-radius:8px !important; text-decoration:none; }
.xt-apps:hover{ background:#c00510 !important; color:#fff !important; }

/* ============================================================
   CLIENT AREA DASHBOARD — stat tiles (Services/Quotes/Tickets/Invoices)
   were white -> black with red accents
   ============================================================ */
.tiles{ background:transparent !important; }
.tiles .tile{
  background:var(--gtr-panel) !important; border:1px solid var(--gtr-border) !important;
  border-radius:12px !important; color:var(--gtr-text) !important; margin:6px !important; transition:.2s ease;
}
.tiles .tile:hover{ border-color:var(--gtr-red) !important; transform:translateY(-3px); }
.tiles .tile .stat{ color:#fff !important; }
.tiles .tile .title{ color:var(--gtr-muted) !important; }
.tiles .tile i{ color:var(--gtr-red-bright) !important; }
.tiles .tile .highlight,
.tiles .tile .highlight[class*="bg-color-"],
.tiles [class*="bg-color-"]{ background:var(--gtr-red) !important; }

/* ============================================================
   SUPPORT TICKET — markdown message editor (was white)
   theme forces .md-editor > textarea white !important; match specificity
   ============================================================ */
.md-editor > textarea.markdown-editor,
.md-editor > textarea,
.md-editor > .md-preview{
  background:var(--gtr-black) !important; color:var(--gtr-text) !important; border-color:var(--gtr-border) !important;
}
.md-editor{ border-color:var(--gtr-border) !important; }
.md-editor > .md-header, .md-editor .md-footer{ background:var(--gtr-panel) !important; color:var(--gtr-muted) !important; border-color:var(--gtr-border) !important; }