/* =========================================
   Ultra Dark Mode — WHMCS Overrides
   /templates/ultra4/css/ultra-dark.css
   Version: 2.0.0
   Date: 2026-04-14

   Light is default (existing WHMCS styles).
   Dark mode only applies when html lacks data-theme="light".
   ========================================= */

/* ==========================================================
   DARK MODE — only when toggle is set to dark
   ========================================================== */

/* Admin return button — visible in light mode */
[data-theme="light"] .ultra-nav .ultra-nav-right .ultra-admin-btn {
  background: rgba(0,0,0,0.06) !important;
  color: #4a4a5a !important;
}
[data-theme="light"] .ultra-nav .ultra-nav-right .ultra-admin-btn:hover {
  background: rgba(0,0,0,0.1) !important;
  color: #1a1a2e !important;
}

/* Logo swap */
.ultra-logo img.ultra-logo-light { display: none; }
[data-theme="light"] .ultra-logo img.ultra-logo-dark { display: none !important; }
[data-theme="light"] .ultra-logo img.ultra-logo-light { display: block !important; }

/* Base */
html:not([data-theme="light"]) body { background-color: #0c1929 !important; color: rgba(255,255,255,0.85) !important; }
html:not([data-theme="light"]) section#main-body a:not([style*="background"]) { color: #4da6e8; }
html:not([data-theme="light"]) section#main-body a:hover:not([style*="background"]) { color: #6dc0f7; }
html:not([data-theme="light"]) section#main-body a[style*="background"] { color: #fff !important; }

/* Buttons with colored backgrounds — always white text */
html:not([data-theme="light"]) .ul-hero-btn,
html:not([data-theme="light"]) .ul-hero-btn-primary,
html:not([data-theme="light"]) .ul-hero-btn-outline,
html:not([data-theme="light"]) .ul-cta-btn,
html:not([data-theme="light"]) a.ul-hero-btn,
html:not([data-theme="light"]) a.ul-cta-btn,
html:not([data-theme="light"]) section#main-body .btn-success,
html:not([data-theme="light"]) section#main-body .btn-primary,
html:not([data-theme="light"]) section#main-body .btn-warning,
html:not([data-theme="light"]) section#main-body .btn-info,
html:not([data-theme="light"]) section#main-body .btn-danger,
html:not([data-theme="light"]) section#main-body a.btn,
html:not([data-theme="light"]) section#main-body .ultra-btn,
html:not([data-theme="light"]) section#main-body .ultra-btn-gold,
html:not([data-theme="light"]) section#main-body .ultra-btn-light,
html:not([data-theme="light"]) .ultra-promo-btn-gold,
html:not([data-theme="light"]) .ultra-promo-btn-outline { color: #fff !important; }
html:not([data-theme="light"]) h1, html:not([data-theme="light"]) h2,
html:not([data-theme="light"]) h3, html:not([data-theme="light"]) h4,
html:not([data-theme="light"]) h5, html:not([data-theme="light"]) h6 { color: #fff !important; }
html:not([data-theme="light"]) hr { border-top-color: rgba(255,255,255,0.08) !important; }

/* Layout */
html:not([data-theme="light"]) section#main-body { background-color: #0f1c2e !important; color: rgba(255,255,255,0.85) !important; }
html:not([data-theme="light"]) section#footer { background-color: #0c1929 !important; border-top-color: rgba(255,255,255,0.08) !important; color: rgba(255,255,255,0.5) !important; }
html:not([data-theme="light"]) section#footer .back-to-top i { background-color: rgba(255,255,255,0.08) !important; color: rgba(255,255,255,0.5) !important; }

/* Breadcrumb */
html:not([data-theme="light"]) div.header-lined h1 { color: #fff !important; border-bottom-color: rgba(255,255,255,0.08) !important; }
html:not([data-theme="light"]) div.header-lined .breadcrumb { background: transparent !important; }
html:not([data-theme="light"]) div.header-lined .breadcrumb li a,
html:not([data-theme="light"]) .breadcrumb > li + li::before { color: rgba(255,255,255,0.5) !important; }
html:not([data-theme="light"]) .breadcrumb > .active { color: rgba(255,255,255,0.85) !important; }

/* Panels */
html:not([data-theme="light"]) .panel { background-color: #0f1c2e !important; border-color: rgba(255,255,255,0.08) !important; }
html:not([data-theme="light"]) .panel-default > .panel-heading { background-color: #0c1929 !important; border-bottom-color: rgba(255,255,255,0.08) !important; color: #fff !important; }
html:not([data-theme="light"]) .panel-body { color: rgba(255,255,255,0.85) !important; }
html:not([data-theme="light"]) .panel-footer { background-color: #0c1929 !important; border-top-color: rgba(255,255,255,0.08) !important; }

/* Tables */
html:not([data-theme="light"]) .table { color: rgba(255,255,255,0.85) !important; }
html:not([data-theme="light"]) .table > thead > tr > th { background-color: #0c1929 !important; border-bottom-color: rgba(255,255,255,0.08) !important; color: #fff !important; }
html:not([data-theme="light"]) .table > tbody > tr > td,
html:not([data-theme="light"]) .table > tbody > tr > th { border-top-color: rgba(255,255,255,0.08) !important; }
html:not([data-theme="light"]) .table-striped > tbody > tr:nth-of-type(odd) { background-color: rgba(255,255,255,0.02) !important; }
html:not([data-theme="light"]) .table-hover > tbody > tr:hover { background-color: rgba(255,255,255,0.04) !important; }
html:not([data-theme="light"]) .table-bordered { border-color: rgba(255,255,255,0.08) !important; }
html:not([data-theme="light"]) .table-bordered > thead > tr > th,
html:not([data-theme="light"]) .table-bordered > tbody > tr > td,
html:not([data-theme="light"]) .table-bordered > tfoot > tr > td { border-color: rgba(255,255,255,0.08) !important; }

/* Forms */
html:not([data-theme="light"]) .form-control { background-color: rgba(255,255,255,0.06) !important; border-color: rgba(255,255,255,0.12) !important; color: rgba(255,255,255,0.85) !important; }
html:not([data-theme="light"]) [id$="_filter"] input.form-control { background-color: #fff !important; color: #333 !important; border-color: #ccc !important; }
html:not([data-theme="light"]) #tableServicesList_filter input,
html:not([data-theme="light"]) #tableDomainsList_filter input,
html:not([data-theme="light"]) #tableInvoicesList_filter input,
html:not([data-theme="light"]) #tableTicketsList_filter input,
html:not([data-theme="light"]) div[id$="_filter"] input.form-control.input-sm { background-color: #fff !important; color: #333 !important; border-color: #ccc !important; }
html:not([data-theme="light"]) .form-control:focus { border-color: #1a7fd4 !important; box-shadow: 0 0 0 2px rgba(26,127,212,0.2) !important; }
html:not([data-theme="light"]) .form-control::placeholder { color: rgba(255,255,255,0.5) !important; }
html:not([data-theme="light"]) .input-group-addon { background-color: #0c1929 !important; border-color: rgba(255,255,255,0.12) !important; color: rgba(255,255,255,0.5) !important; }
html:not([data-theme="light"]) label { color: rgba(255,255,255,0.85) !important; }
html:not([data-theme="light"]) select.form-control { background-color: rgba(255,255,255,0.06) !important; }
html:not([data-theme="light"]) select.form-control option { background-color: #0f1c2e; color: rgba(255,255,255,0.85); }

/* Buttons */
html:not([data-theme="light"]) .btn-default { background-color: rgba(255,255,255,0.06) !important; border-color: rgba(255,255,255,0.12) !important; color: rgba(255,255,255,0.85) !important; }
html:not([data-theme="light"]) .btn-default:hover { background-color: rgba(255,255,255,0.1) !important; color: #fff !important; }
html:not([data-theme="light"]) .btn-link { color: #4da6e8 !important; }
html:not([data-theme="light"]) .btn-link:hover { color: #6dc0f7 !important; }

/* Alerts */
html:not([data-theme="light"]) .alert-info { background-color: rgba(41,128,185,0.15) !important; border-color: rgba(41,128,185,0.3) !important; color: #6dc0f7 !important; }
html:not([data-theme="light"]) .alert-success { background-color: rgba(39,174,96,0.15) !important; border-color: rgba(39,174,96,0.3) !important; color: #5dde9e !important; }
html:not([data-theme="light"]) .alert-success * { color: #5dde9e !important; }
html:not([data-theme="light"]) .alert-warning { background-color: rgba(243,156,18,0.15) !important; border-color: rgba(243,156,18,0.3) !important; color: #f7c948 !important; }
html:not([data-theme="light"]) .alert-danger { background-color: rgba(231,76,60,0.15) !important; border-color: rgba(231,76,60,0.3) !important; color: #f1948a !important; }
html:not([data-theme="light"]) .alert a { color: inherit !important; text-decoration: underline !important; }
html:not([data-theme="light"]) .alert-info * { color: #6dc0f7 !important; }
html:not([data-theme="light"]) .alert-warning * { color: #f7c948 !important; }
html:not([data-theme="light"]) .alert-danger * { color: #f1948a !important; }

/* List Groups & Sidebar */
html:not([data-theme="light"]) .list-group-item { background-color: #0f1c2e !important; border-color: rgba(255,255,255,0.08) !important; color: rgba(255,255,255,0.85) !important; }
html:not([data-theme="light"]) .list-group-item:hover { background-color: rgba(255,255,255,0.04) !important; }
html:not([data-theme="light"]) a.list-group-item { color: #4da6e8 !important; }
html:not([data-theme="light"]) a.list-group-item.active { background-color: #1a7fd4 !important; border-color: #1a7fd4 !important; color: #fff !important; }
html:not([data-theme="light"]) .list-group-item .badge { background-color: transparent !important; color: rgba(255,255,255,0.5) !important; }
html:not([data-theme="light"]) .sidebar .panel { background-color: #0f1c2e !important; }
html:not([data-theme="light"]) .sidebar .panel-heading { background-color: #0c1929 !important; color: #fff !important; }

/* Knowledgebase */
html:not([data-theme="light"]) .article-content, html:not([data-theme="light"]) .kb-article-content { color: rgba(255,255,255,0.85) !important; }
html:not([data-theme="light"]) .article-content p, html:not([data-theme="light"]) .kb-article-content p { color: rgba(255,255,255,0.85) !important; }
html:not([data-theme="light"]) .article-content code, html:not([data-theme="light"]) .kb-article-content code { background-color: rgba(255,255,255,0.06) !important; color: #e06c75 !important; border-color: rgba(255,255,255,0.08) !important; }
html:not([data-theme="light"]) .article-content pre, html:not([data-theme="light"]) .kb-article-content pre { background-color: #0c1929 !important; border-color: rgba(255,255,255,0.08) !important; color: rgba(255,255,255,0.85) !important; }
html:not([data-theme="light"]) .article-content blockquote { border-left-color: #1a7fd4 !important; color: rgba(255,255,255,0.5) !important; }
html:not([data-theme="light"]) .article-rating { border-top-color: rgba(255,255,255,0.08) !important; }
html:not([data-theme="light"]) .related-articles a { color: #4da6e8 !important; }

/* Pagination */
html:not([data-theme="light"]) .pagination > li > a,
html:not([data-theme="light"]) .pagination > li > span { background-color: #0f1c2e !important; border-color: rgba(255,255,255,0.08) !important; color: #4da6e8 !important; }
html:not([data-theme="light"]) .pagination > li > a:hover { background-color: rgba(255,255,255,0.04) !important; }
html:not([data-theme="light"]) .pagination > .active > a { background-color: #1a7fd4 !important; border-color: #1a7fd4 !important; color: #fff !important; }
html:not([data-theme="light"]) .pagination > .disabled > a { background-color: #0c1929 !important; color: rgba(255,255,255,0.5) !important; }

/* Tabs */
html:not([data-theme="light"]) .nav-tabs { border-bottom-color: rgba(255,255,255,0.08) !important; }
html:not([data-theme="light"]) .nav-tabs > li > a { color: rgba(255,255,255,0.5) !important; }
html:not([data-theme="light"]) .nav-tabs > li > a:hover { border-color: rgba(255,255,255,0.08) !important; background-color: rgba(255,255,255,0.04) !important; }
html:not([data-theme="light"]) .nav-tabs > li.active > a { background-color: #0f1c2e !important; border-color: rgba(255,255,255,0.08) !important; border-bottom-color: #0f1c2e !important; color: #fff !important; }
html:not([data-theme="light"]) .tab-content { background-color: #0f1c2e !important; }

/* Modals */
html:not([data-theme="light"]) .modal-content { background-color: #0f1c2e !important; border-color: rgba(255,255,255,0.08) !important; }
html:not([data-theme="light"]) .modal-content * { color: rgba(255,255,255,0.85) !important; }
html:not([data-theme="light"]) .modal-content h1,
html:not([data-theme="light"]) .modal-content h2,
html:not([data-theme="light"]) .modal-content h3,
html:not([data-theme="light"]) .modal-content h4 { color: #fff !important; }
html:not([data-theme="light"]) .modal-content a { color: #4da6e8 !important; }
html:not([data-theme="light"]) .modal-content code { background: rgba(255,255,255,0.06) !important; color: #e06c75 !important; }
html:not([data-theme="light"]) .modal-content pre { background: #0c1929 !important; border-color: rgba(255,255,255,0.08) !important; }
html:not([data-theme="light"]) .modal-content table { border-color: rgba(255,255,255,0.08) !important; }
html:not([data-theme="light"]) .modal-content table td,
html:not([data-theme="light"]) .modal-content table th { border-color: rgba(255,255,255,0.08) !important; color: rgba(255,255,255,0.85) !important; }
html:not([data-theme="light"]) .modal-header { border-bottom-color: rgba(255,255,255,0.08) !important; }
html:not([data-theme="light"]) .modal-header .close { color: rgba(255,255,255,0.5) !important; }
html:not([data-theme="light"]) .modal-footer { border-top-color: rgba(255,255,255,0.08) !important; }
html:not([data-theme="light"]) .modal-body { background-color: #0f1c2e !important; }

/* Dropdowns */
html:not([data-theme="light"]) .dropdown-menu { background-color: #0f1c2e !important; border-color: rgba(255,255,255,0.08) !important; }
html:not([data-theme="light"]) .dropdown-menu > li > a { color: rgba(255,255,255,0.85) !important; }
html:not([data-theme="light"]) .dropdown-menu > li > a:hover { background-color: rgba(255,255,255,0.04) !important; color: #fff !important; }
html:not([data-theme="light"]) .dropdown-menu .divider { background-color: rgba(255,255,255,0.08) !important; }

/* Wells */
html:not([data-theme="light"]) .well { background-color: #0c1929 !important; border-color: rgba(255,255,255,0.08) !important; color: rgba(255,255,255,0.85) !important; }
html:not([data-theme="light"]) .jumbotron { background-color: #0c1929 !important; color: rgba(255,255,255,0.85) !important; }
html:not([data-theme="light"]) .progress { background-color: rgba(255,255,255,0.08) !important; }
html:not([data-theme="light"]) .label-default { background-color: rgba(255,255,255,0.1) !important; color: rgba(255,255,255,0.85) !important; }

/* Client area */
html:not([data-theme="light"]) .invoice-container { background-color: #0f1c2e !important; }
html:not([data-theme="light"]) .invoice-header { border-bottom-color: rgba(255,255,255,0.08) !important; }
html:not([data-theme="light"]) .domain-lookup-result { border-color: rgba(255,255,255,0.08) !important; }
html:not([data-theme="light"]) .ticket-reply { border-color: rgba(255,255,255,0.08) !important; background-color: #0f1c2e !important; }
html:not([data-theme="light"]) .ticket-reply-staff { background-color: #0f1c2e !important; }
html:not([data-theme="light"]) .ticket-reply .ticket-meta { color: rgba(255,255,255,0.5) !important; border-bottom-color: rgba(255,255,255,0.08) !important; }

/* Landing page (logged-out homepage) */
html:not([data-theme="light"]) .ul-section-title { color: #fff !important; }
html:not([data-theme="light"]) .ul-section-sub { color: rgba(255,255,255,0.5) !important; }
html:not([data-theme="light"]) .ul-plan { background: rgba(255,255,255,0.04) !important; border-color: rgba(255,255,255,0.08) !important; }
html:not([data-theme="light"]) .ul-plan:hover { border-color: rgba(26,127,212,0.3) !important; box-shadow: 0 4px 16px rgba(0,0,0,0.2) !important; }
html:not([data-theme="light"]) .ul-plan-name { color: #fff !important; }
html:not([data-theme="light"]) .ul-plan-desc { color: rgba(255,255,255,0.5) !important; }
html:not([data-theme="light"]) .ul-plan-icon.blue { background: rgba(59,130,246,0.12) !important; }
html:not([data-theme="light"]) .ul-plan-icon.orange { background: rgba(254,159,13,0.12) !important; }
html:not([data-theme="light"]) .ul-plan-icon.green { background: rgba(34,197,94,0.12) !important; }
html:not([data-theme="light"]) .ul-plan-icon.purple { background: rgba(139,92,246,0.12) !important; }
html:not([data-theme="light"]) .ul-plan-icon.teal { background: rgba(6,182,212,0.12) !important; }
html:not([data-theme="light"]) .ul-plan-icon.red { background: rgba(239,68,68,0.12) !important; }
html:not([data-theme="light"]) .ul-kb-item { background: rgba(255,255,255,0.04) !important; border-color: rgba(255,255,255,0.08) !important; }
html:not([data-theme="light"]) .ul-kb-item:hover { background: rgba(255,255,255,0.06) !important; border-color: rgba(255,255,255,0.12) !important; }
html:not([data-theme="light"]) .ul-kb-item-text { color: rgba(255,255,255,0.85) !important; }
html:not([data-theme="light"]) .ul-kb-cat { color: rgba(255,255,255,0.3) !important; }
html:not([data-theme="light"]) .ul-card-group-title { color: #fff !important; }
html:not([data-theme="light"]) .ul-tool { background: rgba(255,255,255,0.04) !important; border-color: rgba(255,255,255,0.08) !important; }
html:not([data-theme="light"]) .ul-tool:hover { background: rgba(255,255,255,0.06) !important; border-color: rgba(255,255,255,0.12) !important; }
html:not([data-theme="light"]) .ul-tool-name { color: #fff !important; }
html:not([data-theme="light"]) .ul-tool-desc { color: rgba(255,255,255,0.5) !important; }
html:not([data-theme="light"]) .ul-tool-icon { background: rgba(59,130,246,0.12) !important; }

/* ==========================================================
   Ultra Custom Homepage (logged-in client area)
   ========================================================== */

/* KB Search */
html:not([data-theme="light"]) .ultra-kb-input { background: rgba(255,255,255,0.06) !important; border-color: rgba(255,255,255,0.12) !important; color: #fff !important; box-shadow: none !important; }
html:not([data-theme="light"]) .ultra-kb-input::placeholder { color: rgba(255,255,255,0.4) !important; }
html:not([data-theme="light"]) .ultra-kb-input:focus { border-color: #1b79cf !important; box-shadow: 0 0 0 3px rgba(27,121,207,0.15) !important; }

/* Section labels */
html:not([data-theme="light"]) .ultra-section-label { color: rgba(255,255,255,0.4) !important; }

/* Quick Actions */
html:not([data-theme="light"]) .ultra-qa { background: rgba(255,255,255,0.04) !important; border-color: rgba(255,255,255,0.08) !important; color: #fff !important; box-shadow: none !important; }
html:not([data-theme="light"]) .ultra-qa:hover { border-color: #1b79cf !important; box-shadow: 0 4px 12px rgba(0,0,0,0.2) !important; color: #fff !important; }
html:not([data-theme="light"]) .ultra-qa-text { color: #fff !important; }
html:not([data-theme="light"]) .ultra-qa-desc { color: rgba(255,255,255,0.5) !important; }

/* Panels (custom ultra-panel) */
html:not([data-theme="light"]) .ultra-panel { background: #0f1c2e !important; border-color: rgba(255,255,255,0.08) !important; box-shadow: none !important; }
html:not([data-theme="light"]) .ultra-panel .panel-heading { background: #0c1929 !important; border-bottom-color: rgba(255,255,255,0.08) !important; }
html:not([data-theme="light"]) .ultra-panel .panel-title { color: #fff !important; }
html:not([data-theme="light"]) .ultra-panel .panel-title i { color: rgba(255,255,255,0.5) !important; }
html:not([data-theme="light"]) .ultra-panel .panel-body { color: rgba(255,255,255,0.85) !important; }
html:not([data-theme="light"]) .ultra-panel .panel-footer { background: #0f1c2e !important; }
html:not([data-theme="light"]) .ultra-panel .list-group-item { color: rgba(255,255,255,0.85) !important; border-bottom-color: rgba(255,255,255,0.06) !important; }
html:not([data-theme="light"]) .ultra-panel .list-group-item:hover { background: rgba(255,255,255,0.04) !important; }
html:not([data-theme="light"]) .ultra-panel .list-group-item small,
html:not([data-theme="light"]) .ultra-panel .list-group-item .text-last-updated { color: rgba(255,255,255,0.4) !important; }
html:not([data-theme="light"]) .ultra-panel .list-group-item .text-domain { color: #4da6e8 !important; }
html:not([data-theme="light"]) .ultra-panel .label-success { background: rgba(34,197,94,0.15) !important; color: #5dde9e !important; }

/* Addon panels */
html:not([data-theme="light"]) .ultra-addon-panel .panel { background: #0f1c2e !important; border-color: rgba(255,255,255,0.08) !important; box-shadow: none !important; }
html:not([data-theme="light"]) .ultra-addon-panel .panel-heading { background: #0c1929 !important; border-bottom-color: rgba(255,255,255,0.08) !important; }
html:not([data-theme="light"]) .ultra-addon-panel .panel-title { color: #fff !important; }
html:not([data-theme="light"]) .ultra-addon-panel .panel-body { color: rgba(255,255,255,0.85) !important; }
html:not([data-theme="light"]) .ultra-addon-panel .panel-footer { background: #0f1c2e !important; }

/* Card action links */
html:not([data-theme="light"]) .ultra-card-action { color: #4da6e8 !important; }
html:not([data-theme="light"]) .ultra-card-action:hover { background: rgba(77,166,232,0.1) !important; }
html:not([data-theme="light"]) .ultra-card-action i { color: #4da6e8 !important; }

/* Quick links / quick tabs */
html:not([data-theme="light"]) .ultra-ql-card { border-color: rgba(255,255,255,0.08) !important; background: rgba(255,255,255,0.04) !important; }
html:not([data-theme="light"]) .ultra-qt-tabs .nav-tabs > li > a { color: rgba(255,255,255,0.5) !important; }

/* Sidebar panels (WHMCS default) */
html:not([data-theme="light"]) .col-md-3.sidebar .panel { background: #0f1c2e !important; border-color: rgba(255,255,255,0.08) !important; }
html:not([data-theme="light"]) .col-md-3.sidebar .panel-heading { background: #0c1929 !important; border-bottom-color: rgba(255,255,255,0.08) !important; }
html:not([data-theme="light"]) .col-md-3.sidebar .panel-body { color: rgba(255,255,255,0.85) !important; }
html:not([data-theme="light"]) .col-md-3.sidebar .list-group-item { background: #0f1c2e !important; border-color: rgba(255,255,255,0.06) !important; color: rgba(255,255,255,0.85) !important; }
html:not([data-theme="light"]) .col-md-3.sidebar .list-group-item:hover { background: rgba(255,255,255,0.04) !important; }
html:not([data-theme="light"]) .col-md-3.sidebar a.list-group-item { color: #4da6e8 !important; }
html:not([data-theme="light"]) .col-md-3.sidebar a.list-group-item.active { background: #1a7fd4 !important; border-color: #1a7fd4 !important; color: #fff !important; }

/* General text in main content */
html:not([data-theme="light"]) .main-content p { color: rgba(255,255,255,0.7) !important; }
html:not([data-theme="light"]) .main-content strong { color: rgba(255,255,255,0.9) !important; }
html:not([data-theme="light"]) .main-content .text-muted { color: rgba(255,255,255,0.5) !important; }

/* Domain search Transfer button */
html:not([data-theme="light"]) [id="btnTransfer"],
html:not([data-theme="light"]) [value="Transfer"],
html:not([data-theme="light"]) input[class*="transfer"] {
  background-color: rgba(255,255,255,0.1) !important;
  border: 1px solid rgba(255,255,255,0.2) !important;
  color: #fff !important;
}
html:not([data-theme="light"]) [id="btnTransfer"]:hover,
html:not([data-theme="light"]) [value="Transfer"]:hover,
html:not([data-theme="light"]) input[class*="transfer"]:hover {
  background-color: rgba(255,255,255,0.18) !important;
  border-color: rgba(255,255,255,0.35) !important;
  color: #fff !important;
}
html:not([data-theme="light"]) section#home-banner {
  background-color: #0f1c2e !important;
  color: #fff !important;
}
html:not([data-theme="light"]) section#home-banner h2 {
  color: #fff !important;
}
html:not([data-theme="light"]) section#home-banner .form-control {
  background: rgba(255,255,255,0.06) !important;
  border-color: rgba(255,255,255,0.12) !important;
  color: #fff !important;
}

/* Welcome hero buttons */
html:not([data-theme="light"]) .ultra-welcome a.ultra-btn-light { color: #fff !important; }
html:not([data-theme="light"]) .ultra-welcome a.ultra-btn-gold { color: #1a2332 !important; }

/* Info banner (cPanel/Webmail link) */
html:not([data-theme="light"]) .alert-bordered-left { background: rgba(41,128,185,0.1) !important; border-color: rgba(41,128,185,0.3) !important; color: rgba(255,255,255,0.85) !important; }
html:not([data-theme="light"]) .alert-bordered-left a { color: #4da6e8 !important; }

/* ==========================================================
   WHMCS Homepage Widgets (domain search, store, shortcuts)
   ========================================================== */

/* Home banner (domain search) */
html:not([data-theme="light"]) section#home-banner { background-color: #0f1c2e !important; }
html:not([data-theme="light"]) section#home-banner h2 { color: #fff !important; }
html:not([data-theme="light"]) section#home-banner .form-control { background: rgba(255,255,255,0.06) !important; border-color: rgba(255,255,255,0.12) !important; color: #fff !important; }

/* Home shortcuts */
html:not([data-theme="light"]) .home-shortcuts { background: #0c1929 !important; }
html:not([data-theme="light"]) .home-shortcuts .lead { color: rgba(255,255,255,0.7) !important; }
html:not([data-theme="light"]) .home-shortcuts ul li a { color: rgba(255,255,255,0.85) !important; }
html:not([data-theme="light"]) .home-shortcuts ul li a i { color: rgba(255,255,255,0.5) !important; }
html:not([data-theme="light"]) .home-shortcuts ul li a p { color: rgba(255,255,255,0.7) !important; }

/* Store / marketplace panels (domain registration, Weebly, etc.) */
html:not([data-theme="light"]) .store-panel,
html:not([data-theme="light"]) .panel.panel-default,
html:not([data-theme="light"]) .panel.panel-primary { background: #0f1c2e !important; border-color: rgba(255,255,255,0.08) !important; }
html:not([data-theme="light"]) .panel.panel-default > .panel-heading,
html:not([data-theme="light"]) .panel.panel-primary > .panel-heading { background: #0c1929 !important; color: #fff !important; border-bottom-color: rgba(255,255,255,0.08) !important; }
html:not([data-theme="light"]) .panel.panel-default > .panel-body,
html:not([data-theme="light"]) .panel.panel-primary > .panel-body { background: #0f1c2e !important; color: rgba(255,255,255,0.85) !important; }
html:not([data-theme="light"]) .panel.panel-default > .panel-footer,
html:not([data-theme="light"]) .panel.panel-primary > .panel-footer { background: #0c1929 !important; border-top-color: rgba(255,255,255,0.08) !important; }

/* Ticket reply panel (panel-info) — only the heading is blue */
html:not([data-theme="light"]) .panel.panel-info { background: #0f1c2e !important; border-color: rgba(255,255,255,0.08) !important; }
html:not([data-theme="light"]) .panel.panel-info > .panel-heading { background: #1a7fd4 !important; color: #fff !important; border-bottom-color: rgba(255,255,255,0.15) !important; }
html:not([data-theme="light"]) .panel.panel-info > .panel-heading,
html:not([data-theme="light"]) .panel.panel-info > .panel-heading * { color: #fff !important; }
html:not([data-theme="light"]) .panel.panel-info > .panel-body { background: #0f1c2e !important; color: rgba(255,255,255,0.85) !important; }
html:not([data-theme="light"]) .panel.panel-info > .panel-footer { background: #0c1929 !important; border-top-color: rgba(255,255,255,0.08) !important; }
html:not([data-theme="light"]) .panel.panel-info > .panel-body .btn-primary { background: #1a7fd4 !important; color: #fff !important; border-color: #1a7fd4 !important; }
html:not([data-theme="light"]) .panel.panel-info > .panel-body .btn-primary:hover { background: #156bb3 !important; color: #fff !important; border-color: #156bb3 !important; }

/* Store product cards */
html:not([data-theme="light"]) .store-product { background: #0f1c2e !important; border-color: rgba(255,255,255,0.08) !important; }
html:not([data-theme="light"]) .store-product h3 { color: #fff !important; }
html:not([data-theme="light"]) .store-product p { color: rgba(255,255,255,0.6) !important; }

/* Page header */
html:not([data-theme="light"]) .header-lined h1 { color: #fff !important; }
html:not([data-theme="light"]) .header-lined { border-bottom-color: rgba(255,255,255,0.08) !important; }

/* Containers that might have white bg */
html:not([data-theme="light"]) .container .row .col-md-9,
html:not([data-theme="light"]) .container .row .col-xs-12 { color: rgba(255,255,255,0.85) !important; }

/* Generic white bg overrides for any remaining elements */
html:not([data-theme="light"]) .bg-white { background: #0f1c2e !important; }
html:not([data-theme="light"]) .well { background: #0c1929 !important; border-color: rgba(255,255,255,0.08) !important; }

/* Store promo banners within panels */
html:not([data-theme="light"]) .store-promo,
html:not([data-theme="light"]) .weebly-promo { background: #0f1c2e !important; }

/* Domain checker results */
html:not([data-theme="light"]) #domainSearchResults .domain-available { color: #5dde9e !important; }
html:not([data-theme="light"]) #domainSearchResults .domain-unavailable { color: #f1948a !important; }
html:not([data-theme="light"]) #domainSearchResults .result-row { border-color: rgba(255,255,255,0.08) !important; }

/* Marketplace/store page sections */
html:not([data-theme="light"]) .market-connect-btn { background: rgba(255,255,255,0.06) !important; border-color: rgba(255,255,255,0.12) !important; color: #fff !important; }

/* Text colors for general content areas */
html:not([data-theme="light"]) p, html:not([data-theme="light"]) li { color: rgba(255,255,255,0.7); }
html:not([data-theme="light"]) strong, html:not([data-theme="light"]) b { color: rgba(255,255,255,0.9); }
html:not([data-theme="light"]) small, html:not([data-theme="light"]) .text-muted { color: rgba(255,255,255,0.5) !important; }

/* Logged-in store widget overrides (Weebly banner, etc) */
html:not([data-theme="light"]) .order-homepage .panel { background: #0f1c2e !important; border-color: rgba(255,255,255,0.08) !important; }
html:not([data-theme="light"]) .order-homepage .panel-heading { background: #0c1929 !important; border-bottom-color: rgba(255,255,255,0.08) !important; color: #fff !important; }
html:not([data-theme="light"]) .order-homepage .panel-body { color: rgba(255,255,255,0.85) !important; }

/* Page header / breadcrumb on inner pages */
html:not([data-theme="light"]) .page-header { border-bottom-color: rgba(255,255,255,0.08) !important; }
html:not([data-theme="light"]) .page-header h1 { color: #fff !important; }

/* ==========================================================
   Client Area Tables (Products, Invoices, Domains, etc.)
   ========================================================== */
/* Table rows — dark bg instead of white */
html:not([data-theme="light"]) .table > tbody > tr { background-color: #0f1c2e !important; }
html:not([data-theme="light"]) .table > tbody > tr > td { color: rgba(255,255,255,0.85) !important; border-top-color: rgba(255,255,255,0.06) !important; }
html:not([data-theme="light"]) .table-striped > tbody > tr:nth-of-type(even) { background-color: rgba(255,255,255,0.02) !important; }
html:not([data-theme="light"]) .table-striped > tbody > tr:nth-of-type(odd) { background-color: #0f1c2e !important; }
html:not([data-theme="light"]) .table > thead > tr { background-color: #0c1929 !important; }

/* DataTables wrapper (search box, entries info, pagination) */
html:not([data-theme="light"]) .dataTables_wrapper .dataTables_info { color: rgba(255,255,255,0.5) !important; }
html:not([data-theme="light"]) .dataTables_wrapper .dataTables_length label,
html:not([data-theme="light"]) .dataTables_wrapper .dataTables_filter label { color: rgba(255,255,255,0.7) !important; }
html:not([data-theme="light"]) .dataTables_wrapper .dataTables_length select,
html:not([data-theme="light"]) .dataTables_wrapper .dataTables_length select { background: rgba(255,255,255,0.06) !important; border-color: rgba(255,255,255,0.12) !important; color: #fff !important; }
/* DataTables paginate renders the visible button as <a> inside <li.paginate_button>.
   Style the <a>, not the <li>, or you get empty <li> shells next to floated text. */
html:not([data-theme="light"]) .dataTables_wrapper .dataTables_paginate .paginate_button { background: transparent !important; border: 0 !important; }
html:not([data-theme="light"]) .dataTables_wrapper .dataTables_paginate .paginate_button > a,
html:not([data-theme="light"]) .dataTables_wrapper .dataTables_paginate .paginate_button > span { color: rgba(255,255,255,0.7) !important; background: transparent !important; border-color: rgba(255,255,255,0.08) !important; }
html:not([data-theme="light"]) .dataTables_wrapper .dataTables_paginate .paginate_button.current > a,
html:not([data-theme="light"]) .dataTables_wrapper .dataTables_paginate .paginate_button.active > a { background: #1a7fd4 !important; color: #fff !important; border-color: #1a7fd4 !important; }
html:not([data-theme="light"]) .dataTables_wrapper .dataTables_paginate .paginate_button:hover:not(.current):not(.active):not(.disabled) > a { background: rgba(255,255,255,0.06) !important; color: #fff !important; }
html:not([data-theme="light"]) .dataTables_wrapper .dataTables_paginate .paginate_button.disabled > a { color: rgba(255,255,255,0.3) !important; }

/* Table header bar (blue "Showing X entries" bar) */
html:not([data-theme="light"]) .table-container .dataTables_wrapper > div:first-child { background: #0c1929 !important; }

/* Status labels */
html:not([data-theme="light"]) .label-success { background: rgba(34,197,94,0.15) !important; color: #5dde9e !important; }
html:not([data-theme="light"]) .label-danger { background: rgba(231,76,60,0.15) !important; color: #f1948a !important; }
html:not([data-theme="light"]) .label-warning { background: rgba(243,156,18,0.15) !important; color: #f7c948 !important; }
html:not([data-theme="light"]) .label-info { background: rgba(41,128,185,0.15) !important; color: #6dc0f7 !important; }
html:not([data-theme="light"]) .label-default { background: rgba(255,255,255,0.1) !important; color: rgba(255,255,255,0.7) !important; }
html:not([data-theme="light"]) .label-primary { background: rgba(26,127,212,0.2) !important; color: #4da6e8 !important; }

/* "Cancelled" status — muted */
html:not([data-theme="light"]) .label-status-cancelled,
html:not([data-theme="light"]) span.label[class*="Cancelled"] { background: rgba(255,255,255,0.08) !important; color: rgba(255,255,255,0.5) !important; }

/* Manage Product / Action buttons in tables */
html:not([data-theme="light"]) .table .btn-primary { background: #1a7fd4 !important; border-color: #1a7fd4 !important; color: #fff !important; }
html:not([data-theme="light"]) .table .btn-primary:hover { background: #2196f3 !important; border-color: #2196f3 !important; }
html:not([data-theme="light"]) .table .btn-default { background: rgba(255,255,255,0.06) !important; border-color: rgba(255,255,255,0.12) !important; color: rgba(255,255,255,0.85) !important; }

/* Table links (domain names, product names) */
html:not([data-theme="light"]) .table a { color: #4da6e8 !important; }
html:not([data-theme="light"]) .table a:hover { color: #6dc0f7 !important; }

/* Table sort icons */
html:not([data-theme="light"]) .table thead .sorting::after,
html:not([data-theme="light"]) .table thead .sorting_asc::after,
html:not([data-theme="light"]) .table thead .sorting_desc::after { color: rgba(255,255,255,0.4) !important; }

/* Table checkboxes / icons */
html:not([data-theme="light"]) .table td i { color: rgba(255,255,255,0.5) !important; }
html:not([data-theme="light"]) .table td i.text-success,
html:not([data-theme="light"]) .table td .fa-check-square { color: #5dde9e !important; }

/* Ultra-custom DataTable overrides (match .main-content specificity) */
html:not([data-theme="light"]) .main-content table.dataTable thead th { color: rgba(255,255,255,0.5) !important; border-bottom-color: rgba(255,255,255,0.08) !important; }
html:not([data-theme="light"]) .main-content table.dataTable tbody td { color: rgba(255,255,255,0.85) !important; border-bottom-color: rgba(255,255,255,0.06) !important; }
html:not([data-theme="light"]) .main-content table.dataTable tbody tr { background: #0f1c2e !important; }
html:not([data-theme="light"]) .main-content table.dataTable tbody tr:hover td { background: rgba(255,255,255,0.04) !important; }
html:not([data-theme="light"]) .main-content table.dataTable tbody td a { color: #4da6e8 !important; }
html:not([data-theme="light"]) .main-content .dataTables_length,
html:not([data-theme="light"]) .main-content .dataTables_info { color: rgba(255,255,255,0.5) !important; }
html:not([data-theme="light"]) .main-content .dataTables_length label { color: rgba(255,255,255,0.5) !important; }
html:not([data-theme="light"]) .main-content .dataTables_length select { background: rgba(255,255,255,0.06) !important; border-color: rgba(255,255,255,0.12) !important; color: #fff !important; }
html:not([data-theme="light"]) .main-content .dataTables_paginate .paginate_button { background: rgba(255,255,255,0.04) !important; border-color: rgba(255,255,255,0.1) !important; color: rgba(255,255,255,0.7) !important; }
html:not([data-theme="light"]) .main-content .dataTables_paginate .paginate_button.current { background: #1a7fd4 !important; border-color: #1a7fd4 !important; color: #fff !important; }
html:not([data-theme="light"]) .main-content .dataTables_paginate .paginate_button:hover:not(.current) { background: rgba(255,255,255,0.08) !important; border-color: #4da6e8 !important; color: #4da6e8 !important; }

/* DataTables search/filter input */
/* dataTables_filter input — white bg for search icon visibility, rule in ultra-custom.css */
html:not([data-theme="light"]) .main-content .dataTables_filter label { color: rgba(255,255,255,0.7) !important; }

/* Kill white cell backgrounds */
html:not([data-theme="light"]) .table-list > tbody > tr > td { background-color: #0f1c2e !important; }
html:not([data-theme="light"]) .table-list > tbody > tr:nth-of-type(even) > td { background-color: rgba(255,255,255,0.02) !important; }
html:not([data-theme="light"]) .table > tbody > tr > td { background-color: transparent !important; }

/* Nuclear: force ALL table cell text white in dark mode */
html:not([data-theme="light"]) table td,
html:not([data-theme="light"]) table th,
html:not([data-theme="light"]) table td *,
html:not([data-theme="light"]) table th *,
html:not([data-theme="light"]) .main-content table td,
html:not([data-theme="light"]) .main-content table th,
html:not([data-theme="light"]) .main-content table.dataTable td,
html:not([data-theme="light"]) .main-content table.dataTable th,
html:not([data-theme="light"]) .main-content table.dataTable tbody td,
html:not([data-theme="light"]) .main-content table.dataTable thead th { color: rgba(255,255,255,0.85) !important; }

/* Pagination at bottom */
html:not([data-theme="light"]) .pagination > li > a { background: #0f1c2e !important; border-color: rgba(255,255,255,0.08) !important; color: rgba(255,255,255,0.7) !important; }
html:not([data-theme="light"]) .pagination > li > a:hover { background: rgba(255,255,255,0.06) !important; color: #fff !important; }
html:not([data-theme="light"]) .pagination > .active > a { background: #1a7fd4 !important; border-color: #1a7fd4 !important; color: #fff !important; }
html:not([data-theme="light"]) .pagination > .disabled > a,
html:not([data-theme="light"]) .pagination > .disabled > span { background: rgba(255,255,255,0.03) !important; border-color: rgba(255,255,255,0.06) !important; color: rgba(255,255,255,0.3) !important; }

/* ==========================================================
   Sidebar — match ultra-custom.css specificity to override
   ========================================================== */
html:not([data-theme="light"]) .sidebar .panel,
html:not([data-theme="light"]) .sidebar .panel-sidebar,
html:not([data-theme="light"]) .sidebar .panel-default { background: #0f1c2e !important; border-color: rgba(255,255,255,0.08) !important; box-shadow: none !important; }
html:not([data-theme="light"]) .sidebar .panel .panel-heading,
html:not([data-theme="light"]) .sidebar .panel-sidebar .panel-heading,
html:not([data-theme="light"]) .sidebar .panel-default .panel-heading { background: #0c1929 !important; border-bottom-color: rgba(255,255,255,0.08) !important; }
html:not([data-theme="light"]) .sidebar .panel .panel-title,
html:not([data-theme="light"]) .sidebar .panel-sidebar .panel-title,
html:not([data-theme="light"]) .sidebar .panel-default .panel-title { color: #fff !important; }
html:not([data-theme="light"]) .sidebar .panel .panel-title i { color: rgba(255,255,255,0.5) !important; }
html:not([data-theme="light"]) .sidebar .panel .panel-body,
html:not([data-theme="light"]) .sidebar .panel-default .panel-body { color: rgba(255,255,255,0.85) !important; background: #0f1c2e !important; }
html:not([data-theme="light"]) .sidebar .panel-sidebar .panel-body strong { color: #fff !important; }
html:not([data-theme="light"]) .sidebar .panel-sidebar .panel-body em { color: rgba(255,255,255,0.6) !important; }
html:not([data-theme="light"]) .sidebar .panel .panel-body a { color: #4da6e8 !important; }
html:not([data-theme="light"]) .sidebar .panel .panel-body label { color: rgba(255,255,255,0.85) !important; }
html:not([data-theme="light"]) .sidebar .panel .panel-footer { background: #0f1c2e !important; border-top-color: rgba(255,255,255,0.08) !important; }
html:not([data-theme="light"]) .sidebar .panel .btn { color: rgba(255,255,255,0.85) !important; border-color: rgba(255,255,255,0.12) !important; background: rgba(255,255,255,0.06) !important; }
html:not([data-theme="light"]) .sidebar .panel .btn-success { background: rgba(255,255,255,0.06) !important; color: rgba(255,255,255,0.85) !important; border-color: rgba(255,255,255,0.12) !important; }
html:not([data-theme="light"]) .sidebar .panel .btn-success:hover { border-color: #4da6e8 !important; color: #4da6e8 !important; background: rgba(77,166,232,0.08) !important; }
html:not([data-theme="light"]) .sidebar .panel .list-group-item { color: rgba(255,255,255,0.85) !important; border-bottom-color: rgba(255,255,255,0.06) !important; background: #0f1c2e !important; }
html:not([data-theme="light"]) .sidebar .panel .list-group-item:hover { background: rgba(255,255,255,0.04) !important; color: #4da6e8 !important; }
html:not([data-theme="light"]) .sidebar .panel .list-group-item i { color: rgba(255,255,255,0.4) !important; }
html:not([data-theme="light"]) .sidebar .panel .list-group-item:hover i { color: #4da6e8 !important; }
html:not([data-theme="light"]) .sidebar .panel .list-group-item.active { background: #1a7fd4 !important; color: #fff !important; border-color: #1a7fd4 !important; }
html:not([data-theme="light"]) .sidebar .panel .list-group-item.active i { color: #fff !important; }

/* ==========================================================
   Weebly / Store promo widget — ALL panel body content
   ========================================================== */
html:not([data-theme="light"]) .panel-body,
html:not([data-theme="light"]) .panel-body *,
html:not([data-theme="light"]) .panel-body p,
html:not([data-theme="light"]) .panel-body span,
html:not([data-theme="light"]) .panel-body div,
html:not([data-theme="light"]) .panel-body li,
html:not([data-theme="light"]) .panel-body td,
html:not([data-theme="light"]) .panel-body label { color: rgba(255,255,255,0.85) !important; }
html:not([data-theme="light"]) .panel-body a { color: #4da6e8 !important; }
html:not([data-theme="light"]) .panel-body a:hover { color: #6dc0f7 !important; }
html:not([data-theme="light"]) .panel-body h1,
html:not([data-theme="light"]) .panel-body h2,
html:not([data-theme="light"]) .panel-body h3,
html:not([data-theme="light"]) .panel-body h4 { color: #fff !important; }
html:not([data-theme="light"]) .panel-body .text-muted,
html:not([data-theme="light"]) .panel-body small { color: rgba(255,255,255,0.5) !important; }
/* MarketConnect store widgets (Weebly, etc.) — override white inner bg */
html:not([data-theme="light"]) .marketconnect-promo,
html:not([data-theme="light"]) .marketconnect-promo * { color: rgba(255,255,255,0.85) !important; }
html:not([data-theme="light"]) .marketconnect-promo a { color: #4da6e8 !important; }
html:not([data-theme="light"]) .panel-body [style*="background"],
html:not([data-theme="light"]) .panel-body .promo-body,
html:not([data-theme="light"]) .panel-body .mc-promo-body,
html:not([data-theme="light"]) .panel-body > div { background: transparent !important; }
html:not([data-theme="light"]) .panel-body > div *,
html:not([data-theme="light"]) .panel-body > div p,
html:not([data-theme="light"]) .panel-body > div a { color: rgba(255,255,255,0.85) !important; }
html:not([data-theme="light"]) .panel-body > div a:hover { color: #6dc0f7 !important; }

/* Store/MarketConnect landing pages & promo widgets (Weebly, etc.) */
html:not([data-theme="light"]) .landing-page .hero { color: #fff !important; background: transparent !important; }
html:not([data-theme="light"]) .landing-page .hero h2,
html:not([data-theme="light"]) .landing-page .hero h3 { color: #fff !important; }
html:not([data-theme="light"]) .landing-page .product-options { background-color: #0f1c2e !important; color: rgba(255,255,255,0.85) !important; }
html:not([data-theme="light"]) .landing-page .content-block { background: #0f1c2e !important; color: rgba(255,255,255,0.85) !important; }
html:not([data-theme="light"]) .landing-page .content-block h3 { color: #fff !important; }
html:not([data-theme="light"]) .landing-page .content-block p { color: rgba(255,255,255,0.7) !important; }

/* Homepage MarketConnect promo cards — kill white inner bg */
html:not([data-theme="light"]) .order-homepage .panel .panel-body { background: #0f1c2e !important; }
html:not([data-theme="light"]) .order-homepage .panel .panel-body * { color: rgba(255,255,255,0.85) !important; }
html:not([data-theme="light"]) .order-homepage .panel .panel-body a { color: #4da6e8 !important; }
html:not([data-theme="light"]) .order-homepage .panel .panel-body img { background: transparent !important; }
/* Any nested div with white bg inside panel-body */
html:not([data-theme="light"]) .panel .panel-body div[style*="background-color: rgb(255, 255, 255)"],
html:not([data-theme="light"]) .panel .panel-body div[style*="background:#fff"],
html:not([data-theme="light"]) .panel .panel-body div[style*="background: #fff"],
html:not([data-theme="light"]) .panel .panel-body div[style*="background-color:#fff"],
html:not([data-theme="light"]) .panel .panel-body div[style*="background-color: #fff"],
html:not([data-theme="light"]) .panel .panel-body div[style*="background-color:#ffffff"],
html:not([data-theme="light"]) .panel .panel-body div[style*="background-color: #ffffff"],
html:not([data-theme="light"]) .panel .panel-body div[style*="background: white"] { background: transparent !important; }

/* ==========================================================
   Promo card buttons — blue/green text on blue/green bg = unreadable
   ========================================================== */
html:not([data-theme="light"]) .ultra-promo-review a,
html:not([data-theme="light"]) .ultra-promo-review .btn,
html:not([data-theme="light"]) .ultra-promo-attracta a,
html:not([data-theme="light"]) .ultra-promo-attracta .btn { color: #fff !important; }
html:not([data-theme="light"]) .panel-body a.btn,
html:not([data-theme="light"]) .panel-body .btn-link { color: #fff !important; }
html:not([data-theme="light"]) .panel-body a[href*="get-started"],
html:not([data-theme="light"]) .panel-body a[href*="review"],
html:not([data-theme="light"]) .panel-body a[href*="weebly"] { color: #fff !important; }

/* Generic: any link styled as a button inside a colored panel */
html:not([data-theme="light"]) .panel-body .btn-success,
html:not([data-theme="light"]) .panel-body .btn-info,
html:not([data-theme="light"]) .panel-body .btn-warning { color: #fff !important; }

/* "Get Started" and "Leave a Review" links in promo cards */
html:not([data-theme="light"]) .ultra-promo-card a { color: #fff !important; }
html:not([data-theme="light"]) .ultra-promo-card .ultra-promo-header a { color: #fff !important; }

/* ==========================================================
   Server Status page — clip white edges on status GIFs
   ========================================================== */
html:not([data-theme="light"]) img[src*="assets/img/status"],
html:not([data-theme="light"]) .table img[src$=".gif"],
html:not([data-theme="light"]) .table td img[src$=".gif"] { filter: invert(1) hue-rotate(180deg) brightness(1.5) !important; }

/* ==========================================================
   Modals — push below sticky nav
   ========================================================== */
.modal-dialog { margin-top: 130px !important; }

/* ==========================================================
   Product Details Page
   ========================================================== */
html:not([data-theme="light"]) div.product-details div.product-icon { background-color: #0c1929 !important; }
html:not([data-theme="light"]) div.product-details h3,
html:not([data-theme="light"]) div.product-details h4 { color: #fff !important; }
html:not([data-theme="light"]) div.product-details-tab-container { border-color: rgba(255,255,255,0.08) !important; background: #0f1c2e !important; }
html:not([data-theme="light"]) .product-details .col-md-6 h4 { color: rgba(255,255,255,0.5) !important; }
html:not([data-theme="light"]) .product-details .col-md-6 { color: rgba(255,255,255,0.85) !important; }
html:not([data-theme="light"]) .tab-content { background: transparent !important; }
html:not([data-theme="light"]) .tab-content h4,
html:not([data-theme="light"]) .tab-content h3 { color: #fff !important; }
html:not([data-theme="light"]) .tab-content p,
html:not([data-theme="light"]) .tab-content span,
html:not([data-theme="light"]) .tab-content div { color: rgba(255,255,255,0.85); }
html:not([data-theme="light"]) .tab-content a { color: #4da6e8 !important; }

/* Product info rows (Registration Date, Recurring Amount, etc.) */
html:not([data-theme="light"]) .product-details .row { color: rgba(255,255,255,0.85) !important; }

/* Domain info, IP, nameservers */
html:not([data-theme="light"]) .domain-details h4,
html:not([data-theme="light"]) .server-details h4 { color: rgba(255,255,255,0.5) !important; }
html:not([data-theme="light"]) .domain-details p,
html:not([data-theme="light"]) .server-details p { color: rgba(255,255,255,0.85) !important; }

/* Product management actions */
html:not([data-theme="light"]) .product-details-tab-container { background: #0f1c2e !important; border-color: rgba(255,255,255,0.08) !important; }
html:not([data-theme="light"]) .product-details-tab-container h3,
html:not([data-theme="light"]) .product-details-tab-container h4 { color: #fff !important; }
html:not([data-theme="light"]) .product-details-tab-container p { color: rgba(255,255,255,0.7) !important; }

/* cPanel/Webmail login links */
html:not([data-theme="light"]) .login-container { background: #0f1c2e !important; border-color: rgba(255,255,255,0.08) !important; }
html:not([data-theme="light"]) .login-container h4 { color: #fff !important; }

/* Nav tabs on product page */
html:not([data-theme="light"]) .product-details .nav-tabs > li > a { color: rgba(255,255,255,0.5) !important; }
html:not([data-theme="light"]) .product-details .nav-tabs > li.active > a { color: #fff !important; }

/* ==========================================================
   Cart / Order Form — Domain Pricing + All Cart Pages
   ========================================================== */
html:not([data-theme="light"]) .domain-pricing { color: rgba(255,255,255,0.85) !important; }
html:not([data-theme="light"]) .domain-pricing .two-row-center { border-right-color: rgba(255,255,255,0.1) !important; color: rgba(255,255,255,0.85) !important; }
html:not([data-theme="light"]) .domain-pricing strong { color: #fff !important; }
html:not([data-theme="light"]) .domain-pricing .row { border-bottom-color: rgba(255,255,255,0.06) !important; }
html:not([data-theme="light"]) .domain-pricing .domain-pricing-row,
html:not([data-theme="light"]) .domain-pricing .row { background: transparent !important; }
html:not([data-theme="light"]) .domain-pricing .col-sm-4,
html:not([data-theme="light"]) .domain-pricing .col-sm-3,
html:not([data-theme="light"]) .domain-pricing .col-sm-6,
html:not([data-theme="light"]) .domain-pricing td,
html:not([data-theme="light"]) .domain-pricing th { background-color: transparent !important; color: rgba(255,255,255,0.85) !important; }
html:not([data-theme="light"]) .domain-pricing thead,
html:not([data-theme="light"]) .domain-pricing .tld-pricing-header { color: #fff !important; }

/* Cart/order — kill ALL white backgrounds on rows and cells */
html:not([data-theme="light"]) #order-standard_cart .row,
html:not([data-theme="light"]) #order-standard_cart .col-sm-3,
html:not([data-theme="light"]) #order-standard_cart .col-sm-4,
html:not([data-theme="light"]) #order-standard_cart .col-sm-6,
html:not([data-theme="light"]) #order-standard_cart .col-md-4,
html:not([data-theme="light"]) #order-standard_cart .col-md-6,
html:not([data-theme="light"]) #order-standard_cart .col-md-8,
html:not([data-theme="light"]) #order-standard_cart .col-xs-12 { background-color: transparent !important; }

/* Email verification bar — force dark on ALL pages */
html:not([data-theme="light"]) .email-verification,
html:not([data-theme="light"]) div.email-verification { background: #0c1929 !important; color: rgba(255,255,255,0.85) !important; border-color: rgba(255,255,255,0.08) !important; }
html:not([data-theme="light"]) .email-verification *,
html:not([data-theme="light"]) div.email-verification * { color: rgba(255,255,255,0.85) !important; }
html:not([data-theme="light"]) .email-verification .btn,
html:not([data-theme="light"]) div.email-verification .btn { background: #1a7fd4 !important; border-color: #1a7fd4 !important; color: #fff !important; }
html:not([data-theme="light"]) .domain-pricing .domain-pricing-row:hover,
html:not([data-theme="light"]) .domain-pricing .row:hover { background: rgba(255,255,255,0.04) !important; }

/* Email verification bar */
html:not([data-theme="light"]) .email-verification { background: #0c1929 !important; color: rgba(255,255,255,0.85) !important; border-color: rgba(255,255,255,0.08) !important; }
html:not([data-theme="light"]) .email-verification .text { color: rgba(255,255,255,0.85) !important; }
html:not([data-theme="light"]) .email-verification .btn { background: #1a7fd4 !important; border-color: #1a7fd4 !important; color: #fff !important; }
html:not([data-theme="light"]) .email-verification .btn:hover { background: #2196f3 !important; }
html:not([data-theme="light"]) .email-verification .close { color: rgba(255,255,255,0.5) !important; }
html:not([data-theme="light"]) .email-verification i { color: rgba(255,255,255,0.7) !important; }

/* Cart — kill ALL white backgrounds on form areas, options, panels */
html:not([data-theme="light"]) #order-standard_cart .domain-selection-options,
html:not([data-theme="light"]) #order-standard_cart .domain-selection-options .option,
html:not([data-theme="light"]) #order-standard_cart .domain-selection-options label,
html:not([data-theme="light"]) #order-standard_cart .domain-input-group,
html:not([data-theme="light"]) #order-standard_cart .domains-row,
html:not([data-theme="light"]) #order-standard_cart .sub-heading,
html:not([data-theme="light"]) #order-standard_cart .product-config,
html:not([data-theme="light"]) #order-standard_cart .order-summary,
html:not([data-theme="light"]) #order-standard_cart .sidebar-box,
html:not([data-theme="light"]) #order-standard_cart .addon-products,
html:not([data-theme="light"]) #order-standard_cart .checkout-step,
html:not([data-theme="light"]) #order-standard_cart .view-cart-items,
html:not([data-theme="light"]) #order-standard_cart .view-cart-items-header {
  background-color: #0f1c2e !important;
  border-color: rgba(255,255,255,0.08) !important;
}
html:not([data-theme="light"]) #order-standard_cart .option {
  border-bottom-color: rgba(255,255,255,0.06) !important;
}
/* Hosting status text on domain config */
[data-theme="light"] #order-standard_cart .text-hosting-yes { color: #009900 !important; }
[data-theme="light"] #order-standard_cart .text-hosting-no { color: #cc0000 !important; }

/* Domain renewal page */
html:not([data-theme="light"]) .domain-renewals {
  background-color: #0f1c2e !important;
  border-top-color: rgba(255,255,255,0.1) !important;
}
html:not([data-theme="light"]) .domain-renewals .domain-renewal {
  border-bottom-color: rgba(255,255,255,0.08) !important;
}
html:not([data-theme="light"]) .domain-renewals .domain-renewal:nth-child(even) {
  background-color: rgba(255,255,255,0.03) !important;
}
html:not([data-theme="light"]) .domain-renewals .domain-renewal h3 {
  color: #fff !important;
}
[data-theme="light"] .domain-renewals .domain-renewal h3 {
  color: #1a1a2e !important;
}
html:not([data-theme="light"]) .domain-renewals .domain-renewal p {
  color: rgba(255,255,255,0.6) !important;
}
html:not([data-theme="light"]) .domain-renewals .domain-renewal .form-control {
  background-color: #132337 !important;
  border-color: rgba(255,255,255,0.1) !important;
  color: rgba(255,255,255,0.85) !important;
}
html:not([data-theme="light"]) .domain-renewals .domain-renewal .control-label {
  color: rgba(255,255,255,0.7) !important;
}
html:not([data-theme="light"]) .domain-renewals .domain-renewal .btn-default {
  background-color: #1a7fd4 !important;
  border-color: #1a7fd4 !important;
  color: #fff !important;
}

/* Domain config addon panels (ID Protection, DNS Management, Email Forwarding) */
html:not([data-theme="light"]) #order-standard_cart .panel-addon {
  background-color: #0f1c2e !important;
  border-color: rgba(255,255,255,0.1) !important;
}
html:not([data-theme="light"]) #order-standard_cart .panel-addon .panel-body {
  background-color: #0f1c2e !important;
  color: rgba(255,255,255,0.8) !important;
}
html:not([data-theme="light"]) #order-standard_cart .panel-addon .panel-body label {
  color: #fff !important;
}
html:not([data-theme="light"]) #order-standard_cart .panel-addon .panel-price {
  background-color: #132337 !important;
  color: rgba(255,255,255,0.6) !important;
  border-top-color: rgba(255,255,255,0.06) !important;
}
html:not([data-theme="light"]) #order-standard_cart .panel-addon .panel-add {
  color: #fff !important;
}
html:not([data-theme="light"]) #order-standard_cart .option.selected,
html:not([data-theme="light"]) #order-standard_cart .option:hover {
  background-color: rgba(255,255,255,0.04) !important;
}
/* Cart form inputs */
html:not([data-theme="light"]) #order-standard_cart input.form-control:not(#inputDomain),
html:not([data-theme="light"]) #order-standard_cart select.form-control,
html:not([data-theme="light"]) #order-standard_cart textarea.form-control {
  background-color: rgba(255,255,255,0.06) !important;
  border-color: rgba(255,255,255,0.12) !important;
  color: #fff !important;
}

/* Cart — product info, order summary, sub-headings, alerts */
html:not([data-theme="light"]) #order-standard_cart .product-info {
  background: #0c1929 !important;
  border-color: rgba(255,255,255,0.08) !important;
  color: rgba(255,255,255,0.85) !important;
}
html:not([data-theme="light"]) #order-standard_cart .product-info .product-title { color: #fff !important; }
html:not([data-theme="light"]) #order-standard_cart .product-info p { color: rgba(255,255,255,0.7) !important; }
html:not([data-theme="light"]) #order-standard_cart .order-summary {
  background: #0f1c2e !important;
  border-color: rgba(255,255,255,0.08) !important;
  color: rgba(255,255,255,0.85) !important;
}
html:not([data-theme="light"]) #order-standard_cart .order-summary * { color: rgba(255,255,255,0.85) !important; }
html:not([data-theme="light"]) #order-standard_cart .order-summary h2 { color: #fff !important; border-bottom-color: rgba(255,255,255,0.08) !important; }
html:not([data-theme="light"]) #order-standard_cart .order-summary .summary-totals { border-top-color: rgba(255,255,255,0.08) !important; }
html:not([data-theme="light"]) #order-standard_cart .order-summary .total-due-today { color: #fff !important; }
html:not([data-theme="light"]) #order-standard_cart .order-summary .total-due-today .amt { color: #fff !important; }
html:not([data-theme="light"]) #order-standard_cart .summary-container { border-color: rgba(255,255,255,0.08) !important; }
html:not([data-theme="light"]) #order-standard_cart .sub-heading {
  background: #0c1929 !important;
  border-color: rgba(255,255,255,0.08) !important;
  color: #fff !important;
}
html:not([data-theme="light"]) #order-standard_cart .sub-heading span { color: rgba(255,255,255,0.5) !important; }

/* Domain transfer eligibility banner */
html:not([data-theme="light"]) #order-standard_cart .transfer-eligible {
  background-color: rgba(39,174,96,0.15) !important;
  border-color: rgba(39,174,96,0.3) !important;
  color: #5dde9e !important;
}
html:not([data-theme="light"]) #order-standard_cart .transfer-eligible * { color: #5dde9e !important; }

/* Cart alerts — light pastel backgrounds need dark treatment */
html:not([data-theme="light"]) #order-standard_cart .alert-info { background: rgba(41,128,185,0.12) !important; border-color: rgba(41,128,185,0.25) !important; color: #6dc0f7 !important; }
html:not([data-theme="light"]) #order-standard_cart .alert-success { background: rgba(39,174,96,0.12) !important; border-color: rgba(39,174,96,0.25) !important; color: #5dde9e !important; }
html:not([data-theme="light"]) #order-standard_cart .alert-warning { background: rgba(243,156,18,0.12) !important; border-color: rgba(243,156,18,0.25) !important; color: #f7c948 !important; }
html:not([data-theme="light"]) #order-standard_cart .alert-danger { background: rgba(231,76,60,0.12) !important; border-color: rgba(231,76,60,0.25) !important; color: #f1948a !important; }

/* Cart page general overrides */
html:not([data-theme="light"]) #order-standard_cart *,
html:not([data-theme="light"]) .order-form * { color: rgba(255,255,255,0.85); }
html:not([data-theme="light"]) #order-standard_cart h1,
html:not([data-theme="light"]) #order-standard_cart h2,
html:not([data-theme="light"]) #order-standard_cart h3,
html:not([data-theme="light"]) #order-standard_cart h4,
html:not([data-theme="light"]) .order-form h1,
html:not([data-theme="light"]) .order-form h2,
html:not([data-theme="light"]) .order-form h3,
html:not([data-theme="light"]) .order-form h4 { color: #fff !important; }
html:not([data-theme="light"]) #order-standard_cart a,
html:not([data-theme="light"]) .order-form a { color: #4da6e8 !important; }
/* Buttons must always be white text — never inherit link blue */
html:not([data-theme="light"]) #order-standard_cart .btn,
html:not([data-theme="light"]) #order-standard_cart a.btn,
html:not([data-theme="light"]) .order-form .btn,
html:not([data-theme="light"]) .order-form a.btn { color: #fff !important; }
/* Cart search inputs — white bg, dark text */
html:not([data-theme="light"]) #order-standard_cart input#inputDomain { background-color: #fff !important; color: #333 !important; border-color: #ccc !important; }

/* ==========================================================
   Knowledgebase — category cards, article lists, article content
   ========================================================== */
/* Category cards */
html:not([data-theme="light"]) .uwh-kb-cat-card { background: #0f1c2e !important; border-color: rgba(255,255,255,0.08) !important; }
html:not([data-theme="light"]) .uwh-kb-cat-card:hover { border-color: #0066cc !important; box-shadow: 0 2px 12px rgba(0,102,204,0.15) !important; }
html:not([data-theme="light"]) .uwh-kb-cat-name { color: #fff !important; }
html:not([data-theme="light"]) .uwh-kb-cat-count { color: rgba(255,255,255,0.45) !important; }
html:not([data-theme="light"]) .uwh-kb-cat-desc { color: rgba(255,255,255,0.6) !important; }
html:not([data-theme="light"]) .uwh-kb-cat-icon { background: rgba(0,102,204,0.15) !important; }

/* Article list */
html:not([data-theme="light"]) .uwh-kb-article-card { border-bottom-color: rgba(255,255,255,0.06) !important; }
html:not([data-theme="light"]) .uwh-kb-article-card:first-child { border-top-color: rgba(255,255,255,0.06) !important; }
html:not([data-theme="light"]) .uwh-kb-article-card:hover { background: rgba(255,255,255,0.03) !important; }
html:not([data-theme="light"]) .uwh-kb-article-title { color: #4da6e8 !important; }
html:not([data-theme="light"]) .uwh-kb-article-preview { color: rgba(255,255,255,0.7) !important; }
html:not([data-theme="light"]) .uwh-kb-article-meta { color: rgba(255,255,255,0.4) !important; }
html:not([data-theme="light"]) .uwh-kb-heading { color: #fff !important; border-bottom-color: rgba(255,255,255,0.08) !important; }

/* Article content */
html:not([data-theme="light"]) .uwh-kb { color: rgba(255,255,255,0.85) !important; }
html:not([data-theme="light"]) .uwh-kb h2 { color: #fff !important; border-bottom-color: rgba(255,255,255,0.08) !important; }
html:not([data-theme="light"]) .uwh-kb h3 { color: #fff !important; }
html:not([data-theme="light"]) .uwh-kb p { color: rgba(255,255,255,0.7) !important; }
html:not([data-theme="light"]) .uwh-kb ul, html:not([data-theme="light"]) .uwh-kb ol { color: rgba(255,255,255,0.7) !important; }
html:not([data-theme="light"]) .uwh-kb a:not([style*="background"]) { color: #4da6e8 !important; }
html:not([data-theme="light"]) .uwh-kb a[style*="background"] { color: #fff !important; }
html:not([data-theme="light"]) .uwh-kb .toc { background: #0c1929 !important; border-color: rgba(255,255,255,0.08) !important; }
html:not([data-theme="light"]) .uwh-kb .toc a { color: rgba(255,255,255,0.85) !important; }
html:not([data-theme="light"]) .uwh-kb .toc a:hover { color: #4da6e8 !important; }
html:not([data-theme="light"]) .uwh-kb .toc-title { color: rgba(255,255,255,0.4) !important; }
html:not([data-theme="light"]) .uwh-kb .callout { background: #0c1929 !important; }
html:not([data-theme="light"]) .uwh-kb .versus-col { background: #0c1929 !important; border-color: rgba(255,255,255,0.08) !important; }
html:not([data-theme="light"]) .uwh-kb .versus-col h4 { color: #fff !important; }
html:not([data-theme="light"]) .uwh-kb .cta-box { background: #0c1929 !important; border-color: #0066cc !important; }
html:not([data-theme="light"]) .uwh-kb .intro-text { color: rgba(255,255,255,0.7) !important; }
html:not([data-theme="light"]) .uwh-kb .kb-badge { background: rgba(0,102,204,0.15) !important; color: #4da6e8 !important; }
html:not([data-theme="light"]) .uwh-kb .cta-btn { color: #fff !important; }
html:not([data-theme="light"]) .uwh-kb .steps li { color: rgba(255,255,255,0.7) !important; border-bottom-color: rgba(255,255,255,0.06) !important; }
html:not([data-theme="light"]) .uwh-kb code { background: rgba(0,102,204,0.12) !important; color: #6dc0f7 !important; }
html:not([data-theme="light"]) .uwh-kb .featured-card code { background: rgba(255,255,255,0.15) !important; color: #fff !important; }
html:not([data-theme="light"]) .uwh-kb .featured-card a { color: #fff !important; }
html:not([data-theme="light"]) .uwh-kb .premium-card code { background: rgba(255,255,255,0.15) !important; color: #fff !important; }
html:not([data-theme="light"]) .uwh-kb .premium-card a { color: #fff !important; }

/* KB search */
html:not([data-theme="light"]) .uwh-kb-search .form-control { background: rgba(255,255,255,0.06) !important; border-color: rgba(255,255,255,0.12) !important; color: #fff !important; }
html:not([data-theme="light"]) .uwh-kb-search .form-control:focus { border-color: #0066cc !important; }

/* KB also-read section */
html:not([data-theme="light"]) h3.kb-alsoread { background-color: #0c1929 !important; color: #fff !important; }

/* KB article — nuclear: kill ALL white/light backgrounds */
html:not([data-theme="light"]) .uwh-kb .toc,
html:not([data-theme="light"]) .uwh-kb .callout,
html:not([data-theme="light"]) .uwh-kb .callout.tip,
html:not([data-theme="light"]) .uwh-kb .callout.warning,
html:not([data-theme="light"]) .uwh-kb .versus-col,
html:not([data-theme="light"]) .uwh-kb .cta-box,
html:not([data-theme="light"]) .uwh-kb .versus-col.recommended { background: #0c1929 !important; border-color: rgba(255,255,255,0.08) !important; }
html:not([data-theme="light"]) .uwh-kb .callout p,
html:not([data-theme="light"]) .uwh-kb .versus-col p,
html:not([data-theme="light"]) .uwh-kb .cta-box p { color: rgba(255,255,255,0.7) !important; }
html:not([data-theme="light"]) .uwh-kb .versus-col .verdict { color: rgba(255,255,255,0.5) !important; }
html:not([data-theme="light"]) .uwh-kb .versus-col.recommended .verdict { color: #4da6e8 !important; }
html:not([data-theme="light"]) .uwh-kb .callout.warning .callout-label { color: #f7c948 !important; }
html:not([data-theme="light"]) .uwh-kb .callout.tip .callout-label { color: #5dde9e !important; }
html:not([data-theme="light"]) .uwh-kb .callout .callout-label { color: #4da6e8 !important; }

/* Article rating, sidebar, related articles */
html:not([data-theme="light"]) .article-rating { background: transparent !important; }
html:not([data-theme="light"]) .kb-article-title { color: #fff !important; }
html:not([data-theme="light"]) .article-content { color: rgba(255,255,255,0.85) !important; }
html:not([data-theme="light"]) .article-content * { color: rgba(255,255,255,0.85); }
html:not([data-theme="light"]) .article-content h1,
html:not([data-theme="light"]) .article-content h2,
html:not([data-theme="light"]) .article-content h3 { color: #fff !important; }
html:not([data-theme="light"]) .article-content a { color: #4da6e8 !important; }

/* MUST come after article-content a — white text on colored backgrounds */
html:not([data-theme="light"]) .uwh-kb .featured-card a,
html:not([data-theme="light"]) .uwh-kb .featured-card *,
html:not([data-theme="light"]) .uwh-kb .premium-card a,
html:not([data-theme="light"]) .uwh-kb .premium-card *,
html:not([data-theme="light"]) .uwh-kb .cta-btn,
html:not([data-theme="light"]) .uwh-kb a.cta-btn,
html:not([data-theme="light"]) .article-content .featured-card a,
html:not([data-theme="light"]) .article-content .premium-card a,
html:not([data-theme="light"]) .article-content .cta-btn,
html:not([data-theme="light"]) .kb-article-content .featured-card a,
html:not([data-theme="light"]) .kb-article-content .premium-card a,
html:not([data-theme="light"]) .kb-article-content .cta-btn { color: #fff !important; }

/* Nuclear: kill ALL white/light backgrounds inside KB article content */
html:not([data-theme="light"]) .kb-article-content div,
html:not([data-theme="light"]) .kb-article-content section,
html:not([data-theme="light"]) .kb-article-content table,
html:not([data-theme="light"]) .kb-article-content td,
html:not([data-theme="light"]) .kb-article-content th,
html:not([data-theme="light"]) .kb-article-content blockquote { background-color: transparent !important; }
html:not([data-theme="light"]) .kb-article-content div[style*="background"],
html:not([data-theme="light"]) .kb-article-content tr[style*="background"],
html:not([data-theme="light"]) .kb-article-content td[style*="background"],
html:not([data-theme="light"]) .kb-article-content th[style*="background"] { background: #0c1929 !important; }
html:not([data-theme="light"]) .kb-article-content th[style*="color"],
html:not([data-theme="light"]) .kb-article-content td[style*="color"] { color: rgba(255,255,255,0.85) !important; }
html:not([data-theme="light"]) .kb-article-content tr[style*="border"] { border-color: rgba(255,255,255,0.08) !important; }
html:not([data-theme="light"]) .kb-article-content table { border-color: rgba(255,255,255,0.08) !important; }
html:not([data-theme="light"]) .kb-article-content td,
html:not([data-theme="light"]) .kb-article-content th { border-color: rgba(255,255,255,0.08) !important; color: rgba(255,255,255,0.85) !important; }
html:not([data-theme="light"]) .kb-article-content img { border-radius: 6px; }
html:not([data-theme="light"]) .kb-article-content hr { border-color: rgba(255,255,255,0.08) !important; }

/* KB article details + comments */
html:not([data-theme="light"]) .kb-article-details { color: rgba(255,255,255,0.5) !important; }
html:not([data-theme="light"]) .kb-article-details li { color: rgba(255,255,255,0.5) !important; }
html:not([data-theme="light"]) .comments-block button { background: rgba(255,255,255,0.06) !important; border-color: rgba(255,255,255,0.12) !important; color: rgba(255,255,255,0.85) !important; }

/* "Was this answer helpful?" rating */
html:not([data-theme="light"]) .kb-rate-article { background-color: #0c1929 !important; border: 1px solid rgba(255,255,255,0.08) !important; border-radius: 8px !important; color: rgba(255,255,255,0.7) !important; }
html:not([data-theme="light"]) .kb-rate-article .btn-link { color: #4da6e8 !important; }
html:not([data-theme="light"]) .kb-rate-article .btn-link:hover { color: #6dc0f7 !important; }
html:not([data-theme="light"]) .kb-rate-article .btn-link i { color: inherit !important; }

/* Related articles */
html:not([data-theme="light"]) .kb-also-read h3 { background-color: #0c1929 !important; color: #fff !important; }
html:not([data-theme="light"]) .kb-also-read .kbarticles a { color: #4da6e8 !important; }
html:not([data-theme="light"]) .kb-also-read .kbarticles a .glyphicon { color: #4da6e8 !important; }

/* ==========================================================
   Addon modules / nested panels — force dark on ALL panels
   ========================================================== */
html:not([data-theme="light"]) .panel .panel-body .panel { background: #0c1929 !important; border-color: rgba(255,255,255,0.08) !important; }
html:not([data-theme="light"]) .panel .panel-body .panel .panel-heading { background: rgba(255,255,255,0.04) !important; border-bottom-color: rgba(255,255,255,0.08) !important; color: #fff !important; }
html:not([data-theme="light"]) .panel .panel-body .panel .panel-body { background: #0f1c2e !important; color: rgba(255,255,255,0.85) !important; }
html:not([data-theme="light"]) .panel .panel-body .panel .panel-body * { color: rgba(255,255,255,0.85) !important; }
html:not([data-theme="light"]) .panel-success > .panel-heading { background: rgba(39,174,96,0.2) !important; border-color: rgba(39,174,96,0.3) !important; color: #5dde9e !important; }
html:not([data-theme="light"]) .panel-danger > .panel-heading { background: rgba(231,76,60,0.2) !important; border-color: rgba(231,76,60,0.3) !important; color: #f1948a !important; }
html:not([data-theme="light"]) .panel-warning > .panel-heading { background: rgba(243,156,18,0.2) !important; border-color: rgba(243,156,18,0.3) !important; color: #f7c948 !important; }
html:not([data-theme="light"]) .panel-info > .panel-heading { background: rgba(41,128,185,0.2) !important; border-color: rgba(41,128,185,0.3) !important; color: #6dc0f7 !important; }
html:not([data-theme="light"]) .panel-primary > .panel-heading { background: #0c1929 !important; border-bottom-color: rgba(255,255,255,0.08) !important; color: #fff !important; }

/* ==========================================================
   Submit Ticket / Ticket Pages
   ========================================================== */
/* Markdown editor toolbar + textarea */
html:not([data-theme="light"]) .md-editor,
html:not([data-theme="light"]) .md-editor * { border-color: rgba(255,255,255,0.08) !important; }
html:not([data-theme="light"]) .md-editor > .md-header { background: #0c1929 !important; }
html:not([data-theme="light"]) .md-editor > .md-header .btn-default { background: transparent !important; border-color: transparent !important; color: rgba(255,255,255,0.6) !important; }
html:not([data-theme="light"]) .md-editor > .md-header .btn-default:hover { color: #fff !important; }
html:not([data-theme="light"]) .md-editor > textarea,
html:not([data-theme="light"]) .md-editor .md-preview { background: rgba(255,255,255,0.04) !important; color: rgba(255,255,255,0.85) !important; }
html:not([data-theme="light"]) .md-editor > .md-footer { background: #0c1929 !important; color: rgba(255,255,255,0.4) !important; }
html:not([data-theme="light"]) .md-editor > .md-footer * { color: rgba(255,255,255,0.4) !important; }

/* Textarea (non-markdown) */
html:not([data-theme="light"]) textarea.form-control { background: rgba(255,255,255,0.04) !important; color: rgba(255,255,255,0.85) !important; border-color: rgba(255,255,255,0.08) !important; }

/* File upload area */
html:not([data-theme="light"]) .file-upload,
html:not([data-theme="light"]) input[type="file"] { color: rgba(255,255,255,0.7) !important; }

/* Ticket reply/view — body stays dark grey; user bar is colored (blue client, orange staff) */
html:not([data-theme="light"]) .ticket-reply { background: #0f1c2e !important; border-color: rgba(255,255,255,0.08) !important; border-left: 3px solid #1a7fd4 !important; }
html:not([data-theme="light"]) .ticket-reply .date { color: #fff !important; }
html:not([data-theme="light"]) .ticket-reply .user { background: #1a7fd4 !important; border-bottom-color: rgba(255,255,255,0.08) !important; }
html:not([data-theme="light"]) .ticket-reply .user,
html:not([data-theme="light"]) .ticket-reply .user .name,
html:not([data-theme="light"]) .ticket-reply .user span { color: #fff !important; }
html:not([data-theme="light"]) .ticket-reply .user i.fa-user,
html:not([data-theme="light"]) .ticket-reply .user .fas.fa-user { background: #fff !important; color: #1a7fd4 !important; }
html:not([data-theme="light"]) .ticket-reply:not(.staff) .user .type { background: rgba(21,101,168,0.55) !important; color: #fff !important; }
html:not([data-theme="light"]) .ticket-reply .message,
html:not([data-theme="light"]) .ticket-reply .message * { color: rgba(255,255,255,0.85) !important; }
html:not([data-theme="light"]) .ticket-reply .attachments,
html:not([data-theme="light"]) .ticket-reply .attachments * { color: rgba(255,255,255,0.85) !important; }
html:not([data-theme="light"]) .ticket-reply .attachments a { color: #4da6e8 !important; }

/* Staff reply — orange user bar, dark grey body */
html:not([data-theme="light"]) .ticket-reply.staff,
html:not([data-theme="light"]) .ticket-reply-staff { background: #0f1c2e !important; border-color: rgba(255,255,255,0.08) !important; border-left: 3px solid #ffa00e !important; }
html:not([data-theme="light"]) .ticket-reply.staff .date,
html:not([data-theme="light"]) .ticket-reply-staff .date { color: #fff !important; }
html:not([data-theme="light"]) .ticket-reply.staff .user,
html:not([data-theme="light"]) .ticket-reply-staff .user { background: #ffa00e !important; border-bottom-color: rgba(255,255,255,0.08) !important; }
html:not([data-theme="light"]) .ticket-reply.staff .user,
html:not([data-theme="light"]) .ticket-reply.staff .user .name,
html:not([data-theme="light"]) .ticket-reply.staff .user span,
html:not([data-theme="light"]) .ticket-reply-staff .user,
html:not([data-theme="light"]) .ticket-reply-staff .user span { color: #fff !important; }
html:not([data-theme="light"]) .ticket-reply.staff .user i.fa-user,
html:not([data-theme="light"]) .ticket-reply.staff .user .fas.fa-user,
html:not([data-theme="light"]) .ticket-reply-staff .user i.fa-user,
html:not([data-theme="light"]) .ticket-reply-staff .user .fas.fa-user { background: #fff !important; color: #ffa00e !important; }
html:not([data-theme="light"]) .ticket-reply.staff .user .type,
html:not([data-theme="light"]) .ticket-reply-staff .user .type { background: rgba(204,125,8,0.55) !important; color: #fff !important; }
html:not([data-theme="light"]) .ticket-reply.staff .message,
html:not([data-theme="light"]) .ticket-reply.staff .message *,
html:not([data-theme="light"]) .ticket-reply-staff .message,
html:not([data-theme="light"]) .ticket-reply-staff .message * { color: rgba(255,255,255,0.85) !important; }
html:not([data-theme="light"]) .ticket-reply .ticket-meta { color: rgba(255,255,255,0.5) !important; border-bottom-color: rgba(255,255,255,0.08) !important; }
html:not([data-theme="light"]) .ticket-reply .ticket-meta * { color: rgba(255,255,255,0.5) !important; }

/* Global form field styling — both modes */
.main-content .form-control,
.main-content .field {
  font-size: 14px !important;
  font-weight: 600 !important;
}

/* WHMCS main menu navbar — override all.min.css teal color */
.navbar-main li.account { background-color: #155fa3 !important; }
.navbar-main .navbar-nav > li > a:hover,
.navbar-main .navbar-nav > li > a:focus,
.navbar-main .navbar-nav > .active > a,
.navbar-main .navbar-nav > .active > a:hover,
.navbar-main .navbar-nav > .active > a:focus,
.navbar-main .navbar-nav > .open > a,
.navbar-main .navbar-nav > .open > a:hover,
.navbar-main .navbar-nav > .open > a:focus { background-color: #155fa3 !important; color: #fff !important; }

/* WHMCS navbar dropdown */
html:not([data-theme="light"]) .navbar-main .dropdown-menu { background-color: #0f1c2e !important; }

/* ==========================================================
   Theme Toggle Button (copied from ultra-style.css since
   ultra-style.css is not loaded on WHMCS pages)
   ========================================================== */
.ultra-theme-toggle {
  position: fixed !important; bottom: 24px !important; left: 24px !important; z-index: 9998 !important;
  width: 72px !important; height: 36px !important; border-radius: 18px !important;
  cursor: pointer !important; user-select: none;
  transition: background 0.4s ease, border-color 0.4s ease;
  border: 1px solid rgba(255,255,255,0.1) !important; padding: 0 !important;
  background: #0c1929 !important;
  margin: 0 !important; box-sizing: border-box !important;
}
.ultra-theme-toggle .toggle-label {
  position: absolute !important; top: 50% !important; transform: translateY(-50%) !important;
  font-size: 13px !important;
  transition: all 0.35s ease;
  right: 12px !important; left: auto !important;
  color: rgba(255,255,255,0.2) !important;
  margin: 0 !important; padding: 0 !important;
}
.ultra-theme-toggle .toggle-knob {
  position: absolute !important; top: 3px !important; left: 4px !important;
  width: 28px !important; height: 28px !important; border-radius: 50% !important;
  display: flex !important; align-items: center !important; justify-content: center !important;
  transition: all 0.4s cubic-bezier(0.68, -0.15, 0.27, 1.15);
  font-size: 13px !important;
  background: #1a7fd4 !important;
  color: #fff !important;
  box-shadow: 0 2px 8px rgba(26,127,212,0.4) !important;
  margin: 0 !important; padding: 0 !important;
}
[data-theme="light"] .ultra-theme-toggle {
  background: #f0f2f5 !important;
  border-color: #d0d5dc !important;
}
[data-theme="light"] .ultra-theme-toggle .toggle-label {
  right: auto !important; left: 12px !important;
  color: #ccc !important;
}
[data-theme="light"] .ultra-theme-toggle .toggle-knob {
  left: calc(100% - 34px) !important;
  background: #fff !important;
  color: #ffa00e !important;
  box-shadow: 0 2px 6px rgba(0,0,0,0.12) !important;
}
@media print { .ultra-theme-toggle { display: none !important; } }
@media (max-width: 480px) {
  .ultra-theme-toggle { bottom: 16px !important; left: 16px !important; width: 64px !important; height: 32px !important; border-radius: 16px !important; }
  .ultra-theme-toggle .toggle-knob { width: 24px !important; height: 24px !important; font-size: 11px !important; top: 3px !important; left: 4px !important; }
  .ultra-theme-toggle .toggle-label { font-size: 11px !important; }
  [data-theme="light"] .ultra-theme-toggle .toggle-knob { left: calc(100% - 28px) !important; }
}

/* First-visit onboarding bubble (copied from ultra-style.css for the
   same reason as the toggle above — WHMCS doesn't load that file). The
   bubble's show/dismiss logic lives in ultra-theme.js loaded from the
   CDN, which is shared with the marketing site. */
.ultra-theme-bubble {
  position: fixed !important; bottom: 70px !important; left: 24px !important; z-index: 9997 !important;
  max-width: 180px !important; padding: 10px 32px 10px 14px !important;
  border-radius: 10px !important;
  font-family: inherit !important; font-size: 13px !important; line-height: 1.35 !important;
  background: #0c1929 !important; color: #fff !important;
  border: 1px solid rgba(255,255,255,0.1) !important;
  box-shadow: 0 4px 14px rgba(0,0,0,0.35) !important;
  transition: opacity .4s ease, transform .4s ease, background .5s ease, color .5s ease !important;
  margin: 0 !important; box-sizing: border-box !important;
}
.ultra-theme-bubble--entering,
.ultra-theme-bubble--hiding { opacity: 0 !important; transform: translateY(6px) !important; }
.ultra-theme-bubble__tail {
  position: absolute !important; bottom: -7px !important; left: 32px !important;
  width: 0 !important; height: 0 !important;
  border: 7px solid transparent !important; border-bottom: 0 !important;
  border-top-color: #0c1929 !important;
}
.ultra-theme-bubble__close {
  position: absolute !important; top: 4px !important; right: 4px !important;
  background: transparent !important; border: 0 !important; padding: 4px 8px !important;
  cursor: pointer !important; font-size: 16px !important; line-height: 1 !important;
  color: inherit !important; opacity: .7 !important;
}
.ultra-theme-bubble__close:hover { opacity: 1 !important; }
.ultra-theme-bubble__close:focus-visible {
  outline: 2px solid #1a7fd4 !important; outline-offset: 2px !important;
}
[data-theme="light"] .ultra-theme-bubble {
  background: #fff !important; color: #2a363f !important;
  border-color: #d0d5dc !important;
  box-shadow: 0 4px 14px rgba(0,0,0,0.12) !important;
}
[data-theme="light"] .ultra-theme-bubble__tail { border-top-color: #fff !important; }
@media (max-width: 480px) {
  .ultra-theme-bubble { bottom: 56px !important; left: 16px !important; }
  .ultra-theme-bubble__tail { left: 28px !important; }
}
@media print { .ultra-theme-bubble { display: none !important; } }
@media (prefers-reduced-motion: reduce) {
  .ultra-theme-bubble { transition: none !important; }
}