/* ==========================================================================
   Falcon Internet — dark portal theme (matches falconinternet.net)
   Re-skins the WHMCS "six" theme. Invoices/quotes stay light & printable
   (see invoice.css / quote.css — intentionally untouched).
   ========================================================================== */

:root {
    --ink-950: #070b14;
    --ink-900: #0b1220;
    --ink-850: #0f1729;
    --ink-800: #141e33;
    --ink-700: #1e2a45;
    --ink-600: #2c3b5c;
    --ink-400: #5a6b8c;
    --ink-300: #8593ad;
    --ink-200: #b3bdd1;
    --ink-100: #d8deea;
    --ink-50:  #eef1f7;
    --amber-glow: #ffb224;
    --falcon-400: #ffa216;
    --falcon-500: #f28c0f;
    --falcon-600: #d97a06;
    --uptime: #34d399;
}

/* ---------- base ---------- */
body {
    background-color: var(--ink-950);
    color: var(--ink-100);
    font-family: 'Archivo', system-ui, sans-serif;
    -webkit-font-smoothing: antialiased;
}
body.has-shadow { background-color: var(--ink-950); }

h1, h2, h3, h4, h5, h6 { font-family: 'Archivo', system-ui, sans-serif; color: var(--ink-50); font-weight: 700; }
a { color: var(--falcon-400); }
a:hover, a:focus { color: var(--amber-glow); }
hr { border-top-color: var(--ink-700); }
code, kbd, pre, samp { font-family: 'JetBrains Mono', monospace; }
::selection { background: var(--falcon-500); color: var(--ink-950); }

/* ---------- top header / nav (six uses specific IDs + compiled colors) ---------- */
#header { background-color: var(--ink-950) !important; border-radius: 0; border-bottom: 1px solid var(--ink-700); }
#main-body { background-color: var(--ink-950) !important; }
#main-menu { background-color: var(--ink-900) !important; border-bottom: 1px solid var(--ink-700); }
.header-lined, #top-search-box-modal { background-color: var(--ink-950); }
.navbar { background-color: transparent; border: 0; }

/* logo text readable on dark + brand font */
.logo-text { font-family: 'Archivo', sans-serif !important; color: var(--ink-50) !important; font-weight: 800; }

#main-menu .navbar-nav > li > a,
.navbar-default .navbar-nav > li > a {
    color: var(--ink-200);
    font-weight: 500;
}
#main-menu .navbar-nav > li > a:hover,
#main-menu .navbar-nav > li.active > a,
.navbar-default .navbar-nav > li > a:hover {
    color: var(--falcon-400);
    background-color: transparent;
}
.navbar-default .navbar-toggle { border-color: var(--ink-600); }
.navbar-default .navbar-toggle .icon-bar { background-color: var(--ink-200); }

/* secondary / account nav dropdowns */
.dropdown-menu {
    background-color: var(--ink-900);
    border: 1px solid var(--ink-700);
    box-shadow: 0 12px 30px rgba(0,0,0,.5);
}
.dropdown-menu > li > a { color: var(--ink-200); }
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus { background-color: var(--ink-800); color: var(--falcon-400); }
.dropdown-menu .divider { background-color: var(--ink-700); }
.dropdown-header { color: var(--ink-400); }

/* primary nav account area */
.primary-nav, #top-bar { background-color: var(--ink-950); }
#top-bar .top-nav a { color: var(--ink-200); }

/* ---------- hero / jumbotron (homepage search) ---------- */
.jumbotron, #home-banner, .home-banner {
    background-color: var(--ink-900) !important;
    background-image:
        linear-gradient(to right, rgba(44,59,92,.18) 1px, transparent 1px),
        linear-gradient(to bottom, rgba(44,59,92,.18) 1px, transparent 1px);
    background-size: 56px 56px;
    color: var(--ink-100);
    border-bottom: 1px solid var(--ink-800);
}
.jumbotron h1, .jumbotron h2 { color: var(--ink-50); }

/* homepage shortcut bar (Buy a Domain / Order Hosting / etc.) */
.home-shortcuts { background-color: var(--ink-850) !important; border-bottom: 1px solid var(--ink-700); }
.home-shortcuts a, .home-shortcuts .shortcut-text, .home-shortcuts h3 { color: var(--ink-100) !important; }
.home-shortcuts i, .home-shortcuts .fa { color: var(--falcon-400) !important; }
.home-shortcuts > .container > * { border-color: var(--ink-700) !important; }

/* falcon logo mark in header */
.logo img.falcon-mark { max-height: 38px; vertical-align: middle; margin-right: 10px; }
.logo .falcon-word { font-family: 'Archivo', sans-serif; font-weight: 800; font-size: 22px; letter-spacing: -.01em; color: var(--ink-50); vertical-align: middle; }
.logo .falcon-word .dim { font-weight: 300; color: var(--ink-300); }

/* ---------- cards / panels ---------- */
.panel, .card, .well, .home-shortcut, .panel-sidebar {
    background-color: var(--ink-900);
    border: 1px solid var(--ink-700);
    color: var(--ink-100);
    box-shadow: none;
}
.panel-default > .panel-heading,
.panel-heading,
.card-header,
.panel-heading.card-header {
    background-color: var(--ink-850) !important;
    border-bottom: 1px solid var(--ink-700) !important;
    color: var(--ink-50) !important;
}
.card-header .panel-title, .card-header h3, .card-header h4 { color: var(--ink-50) !important; }
.card-header i, .panel-heading i { color: var(--falcon-400); }
/* collapse caret on sidebar panels */
.card-header .fa-chevron-up, .card-header .fa-chevron-down, .card-header [class*="chevron"] { color: var(--ink-400) !important; }

/* sidebar menu items — readable contrast + amber hover */
.card-sidebar .list-group-item, .panel-sidebar .list-group-item {
    background-color: var(--ink-900);
    color: var(--ink-100) !important;
    border-color: var(--ink-700);
}
.card-sidebar .list-group-item:hover, .panel-sidebar .list-group-item:hover {
    background-color: var(--ink-800);
    color: var(--falcon-400) !important;
}
.card-sidebar .list-group-item i, .panel-sidebar .list-group-item i { color: var(--ink-300); }
.panel-body { color: var(--ink-100); }
.panel-footer { background-color: var(--ink-850); border-top-color: var(--ink-700); color: var(--ink-300); }
.well { background-color: var(--ink-850); }
.list-group-item { background-color: var(--ink-900); border-color: var(--ink-700); color: var(--ink-100); }
.list-group-item:hover { background-color: var(--ink-800); }

/* home page service/shortcut tiles */
.home-shortcut-icon, .panel-feature i { color: var(--falcon-400); }

/* ---------- buttons ---------- */
.btn-primary {
    background-color: var(--falcon-500);
    border-color: var(--falcon-500);
    color: var(--ink-950);
    font-weight: 600;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active {
    background-color: var(--amber-glow);
    border-color: var(--amber-glow);
    color: var(--ink-950);
}
.btn-default {
    background-color: transparent;
    border-color: var(--ink-600);
    color: var(--ink-100);
}
.btn-default:hover, .btn-default:focus {
    border-color: var(--falcon-400);
    color: var(--falcon-400);
    background-color: transparent;
}
.btn-success { background-color: var(--uptime); border-color: var(--uptime); color: var(--ink-950); }
.btn-link { color: var(--falcon-400); }

/* ---------- forms ---------- */
.form-control, .input-group-addon, select, textarea, input[type="text"],
input[type="email"], input[type="password"], input[type="number"],
input.form-control, select.form-control, textarea.form-control {
    background-color: var(--ink-950) !important;
    border: 1px solid var(--ink-600) !important;
    color: var(--ink-100) !important;
}

/* ---------- cart: configure-product + order summary ---------- */
.product-info, .summary-container, .order-summary, .clientarea-summary {
    background-color: var(--ink-900) !important;
    border: 1px solid var(--ink-700) !important;
    color: var(--ink-100) !important;
}
.product-info *, .summary-container *, .order-summary * { color: var(--ink-100) !important; }
.summary-container .summary-header, .order-summary .panel-heading, .summary-container h3 {
    background-color: var(--ink-850) !important;
    color: var(--ink-50) !important;
    border-bottom: 1px solid var(--ink-700) !important;
}
.summary-container .text-muted, .summary-container small { color: var(--ink-400) !important; }
.summary-container .total, .summary-container .summary-total, .order-summary .total {
    color: var(--falcon-400) !important;
}
.summary-container hr { border-top-color: var(--ink-700) !important; }
.form-control:focus { border-color: var(--falcon-400); box-shadow: 0 0 0 2px rgba(255,162,22,.15); }
.form-control::placeholder { color: var(--ink-400); }
.input-group-addon { background-color: var(--ink-800); color: var(--ink-300); }
label, .control-label { color: var(--ink-200); }
.help-block, .text-muted, small { color: var(--ink-400) !important; }

/* ---------- tables (general client area) ---------- */
.table { color: var(--ink-100); }
.table > thead > tr > th {
    background-color: var(--ink-850);
    border-bottom: 2px solid var(--ink-700);
    color: var(--ink-200);
}
.table > tbody > tr > td,
.table > tbody > tr > th { border-top-color: var(--ink-700); }
.table-striped > tbody > tr:nth-of-type(odd) { background-color: var(--ink-900); }
.table-striped > tbody > tr:nth-of-type(even) { background-color: var(--ink-850); }
.table-hover > tbody > tr:hover { background-color: var(--ink-800); }
.table-bordered, .table-bordered > tbody > tr > td, .table-bordered > thead > tr > th { border-color: var(--ink-700); }

/* ---------- alerts / labels / badges ---------- */
.alert-info { background-color: rgba(255,162,22,.08); border-color: rgba(255,162,22,.3); color: var(--ink-100); }
.alert-success { background-color: rgba(52,211,153,.1); border-color: rgba(52,211,153,.35); color: var(--ink-100); }
.alert-warning { background-color: rgba(255,178,36,.1); border-color: rgba(255,178,36,.35); color: var(--ink-100); }
.alert-danger { background-color: rgba(239,68,68,.1); border-color: rgba(239,68,68,.35); color: var(--ink-100); }
.label-default { background-color: var(--ink-600); }
.badge { background-color: var(--ink-700); color: var(--ink-100); }

/* status colors keep meaning */
.label-success, .badge-active { background-color: var(--uptime) !important; color: var(--ink-950); }

/* ---------- breadcrumb / pagination ---------- */
.breadcrumb { background-color: var(--ink-850); border: 1px solid var(--ink-700); }
.breadcrumb > .active { color: var(--ink-300); }
.pagination > li > a { background-color: var(--ink-900); border-color: var(--ink-700); color: var(--ink-200); }
.pagination > .active > a { background-color: var(--falcon-500); border-color: var(--falcon-500); color: var(--ink-950); }

/* ---------- sidebars (client area left nav) ---------- */
.sidebar .panel, .primary-sidebar .panel { background-color: var(--ink-900); }
.list-group .list-group-item.active {
    background-color: var(--falcon-500);
    border-color: var(--falcon-500);
    color: var(--ink-950);
}

/* ---------- footer (six uses section#footer — match specificity) ---------- */
section#footer, #footer, .footer, footer {
    background-color: var(--ink-900) !important;
    border-top: 1px solid var(--ink-700) !important;
    color: var(--ink-400);
    line-height: 1.6;
}
section#footer .back-to-top i { background-color: var(--ink-800) !important; color: var(--ink-300) !important; }
#footer a, .footer a { color: var(--ink-300); }
#footer a:hover { color: var(--falcon-400); }

/* ---- full site footer ported into portal ---- */
.falcon-footer { padding: 28px 0 8px; }
.falcon-foot-logo { display: inline-flex; align-items: center; gap: 8px; margin-bottom: 14px; }
.falcon-foot-logo img { height: 30px; }
.falcon-foot-logo span { font-family: 'Archivo', sans-serif; font-weight: 800; font-size: 17px; color: var(--ink-50); }
.falcon-foot-logo .dim { font-weight: 300; color: var(--ink-300); }
.falcon-foot-blurb { color: var(--ink-400); font-size: 14px; line-height: 1.6; margin: 0 0 12px; }
.falcon-foot-addr { font-family: 'JetBrains Mono', monospace; font-size: 12px; color: var(--ink-400); line-height: 1.7; margin: 0 0 8px; }
.falcon-foot-phone { font-family: 'JetBrains Mono', monospace; font-size: 14px; color: var(--falcon-400) !important; }
.falcon-foot-head {
    font-family: 'JetBrains Mono', monospace;
    font-size: 11px; font-weight: 500; letter-spacing: .18em; text-transform: uppercase;
    color: var(--falcon-400); margin: 0 0 14px;
}
.falcon-foot-links { list-style: none; padding: 0; margin: 0; line-height: 1.5; }
.falcon-foot-links li { margin-bottom: 8px; line-height: 1.4; }
.falcon-foot-links a { color: var(--ink-300) !important; font-size: 14px; line-height: 1.4; }
.falcon-foot-links a:hover { color: var(--falcon-400) !important; }
.falcon-footer, .falcon-footer * { line-height: 1.5; }
.falcon-foot-blurb { line-height: 1.6 !important; }
.falcon-foot-bottom {
    display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 10px;
    border-top: 1px solid var(--ink-700); margin-top: 18px; padding-top: 18px;
}
.falcon-foot-bottom p { margin: 0; font-family: 'JetBrains Mono', monospace; font-size: 12px; color: var(--ink-400); }
.falcon-foot-status { display: inline-flex; align-items: center; gap: 8px; }
.falcon-dot { width: 8px; height: 8px; border-radius: 50%; background: var(--uptime); box-shadow: 0 0 0 3px rgba(52,211,153,.22); display: inline-block; }

/* ---------- misc legibility ---------- */
.text-domain, .clientareahome i { color: var(--falcon-400); }
.loader, .modal-content { background-color: var(--ink-900); color: var(--ink-100); }
.modal-header, .modal-footer { border-color: var(--ink-700); }
.close { color: var(--ink-100); opacity: .8; text-shadow: none; }
.panel-title { color: var(--ink-50); }

/* ==========================================================================
   Order form — premium_comparison pricing cards (public store)
   ========================================================================== */
.price-table {
    background-color: var(--ink-900) !important;
    border: 1px solid var(--ink-700) !important;
    border-radius: 14px !important;
    overflow: hidden;
    box-shadow: 0 0 0 1px rgba(255,162,22,.08), 0 18px 40px -12px rgba(0,0,0,.7), 0 0 36px -6px rgba(255,162,22,.18) !important;
    transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}
.price-table:hover {
    transform: translateY(-4px);
    border-color: rgba(255,162,22,.55) !important;
    box-shadow: 0 0 0 1px rgba(255,162,22,.25), 0 26px 60px -14px rgba(0,0,0,.8), 0 0 56px -4px rgba(255,162,22,.4) !important;
}
/* round the inner header so it follows the card radius */
.price-table .top-head { border-radius: 14px 14px 0 0 !important; }
.price-table .top-head {
    background: var(--ink-850) !important;
    border-bottom: 1px solid var(--ink-700) !important;
}
.price-table .top-head h4, .price-table h4 { color: var(--ink-50) !important; }
.price-table .price, .price-table .price-area, .price-table .price * { color: var(--falcon-400) !important; }
.price-table ul li { color: var(--ink-100) !important; border-color: var(--ink-700) !important; }
.price-table .order-button {
    background: var(--falcon-500) !important;
    color: var(--ink-950) !important;
    border: 0 !important;
    font-weight: 600;
    text-shadow: none !important;
}
.price-table .order-button:hover { background: var(--amber-glow) !important; }
.price-table.recommended, .price-table.featured { border-color: var(--falcon-500) !important; }

/* ---- slider order form (cloud-servers / configurable) ---- */
.striped-container { background-color: var(--ink-950) !important; }
.product-container {
    background-color: var(--ink-900) !important;
    border: 1px solid var(--ink-700) !important;
    color: var(--ink-100) !important;
    box-shadow: none !important;
}
.product-container, .product-container p, .product-container span, .product-container div,
.product-container h1, .product-container h2, .product-container h3, .product-container h4, .product-container h5 {
    color: var(--ink-100);
}
.product-container .feature-container .text-center > div:first-child,
.product-container small, .product-container .text-muted { color: var(--ink-300) !important; }
/* big spec numbers + price to white */
.product-container h2, .product-container h3, .product-container .price,
.product-container .product-price, .product-container strong { color: var(--ink-50) !important; }
/* setup fee accent */
.product-container .text-primary, .product-container .setup-fee { color: var(--falcon-400) !important; }
/* progress bar tracks dark, fill stays green */
.product-container .progress { background-color: var(--ink-800) !important; box-shadow: none; }
.product-container .progress-bar { background-color: var(--uptime) !important; }
/* slider price text + the "Included With Every Plan" .title pill */
.product-container .price-cont, .price-container .price-cont { color: var(--falcon-400) !important; }
.product-container .price-container, .product-container .price-container * { color: var(--ink-50) !important; }
.product-container .price-container .price-cont { color: var(--falcon-400) !important; }
.group-features .title, .striped-container .title, .product-container .title {
    background-color: var(--ink-950) !important;
    border: 1px solid var(--ink-700) !important;
    color: var(--ink-200) !important;
    font-family: 'JetBrains Mono', monospace;
    font-size: 12px; letter-spacing: .1em; text-transform: uppercase;
}

/* slider order button → amber */
.product-container .order-button, .striped-container .order-button {
    background: var(--falcon-500) !important;
    color: var(--ink-950) !important;
    border: 0 !important; text-shadow: none !important; font-weight: 600;
}
.product-container .order-button:hover { background: var(--amber-glow) !important; }

/* "Included With Every Plan" section divider (.head-area) */
.head-area {
    background: transparent !important;
    border: 0 !important;
    border-top: 1px solid var(--ink-700) !important;
    color: var(--ink-300) !important;
    text-align: center;
}
.head-area span, .head-area .title {
    background-color: var(--ink-950) !important;
    color: var(--ink-200) !important;
    border: 1px solid var(--ink-700) !important;
    font-family: 'JetBrains Mono', monospace;
    font-size: 12px;
    letter-spacing: .1em;
    text-transform: uppercase;
}

/* cart feature checks */
.cart-features i, .fa-check, .text-success { color: var(--uptime) !important; }

/* page-header titles (e.g. "Login") to brand white */
.page-header h1, .page-header h1 small { color: var(--ink-50) !important; }

/* order-form product-group title + subtitle (were #333 / #666 on dark) */
.txt-center h1, .txt-center h2, .txt-center h3, .txt-center h4,
.font-size-24, .order-template-header h1, .order-template-header h2 {
    color: var(--ink-50) !important;
}
.txt-center h5, .txt-center p, .order-template-header h5 { color: var(--ink-300) !important; }

/* ==========================================================================
   MASTER DARK-SURFACE PASS — every light background in the six theme
   (from a full sweep of all.min.css). Status colors (alerts/badges/btn-
   warning/labels) intentionally left alone. Invoice exception is below.
   ========================================================================== */

/* section divider chips ("Configure Server", "Additional Information", etc.) */
.primary-bg-color { background-color: var(--ink-850) !important; color: var(--ink-50) !important; }

/* generic light panels / containers / boxes */
.panel, .well, .thumbnail, .img-thumbnail, .modal-content, .product-info,
.summary-container, .order-summary, .invoice-summary, .continue-container,
.tiles .tile, div.credit-card, .product-details-tab-container,
.store-domain-tab-content, .div-service-item, .invite-box,
.marketing-email-optin, .option, .verification-banner,
.ticket-reply, .ticket-reply .user, .ticket-reply .attachments,
.client-home-panels .panel > .panel-heading {
    background-color: var(--ink-900) !important;
    border-color: var(--ink-700) !important;
    color: var(--ink-100) !important;
}
.continue-container { background-color: var(--ink-850) !important; }
.option:hover, .tiles .tile:hover { background-color: var(--ink-800) !important; }

/* card footers (client-area sidebar panels: Update / New Contact buttons) */
.card-footer, .panel-footer, .panel-sidebar .panel-footer, .card-sidebar .card-footer {
    background-color: var(--ink-850) !important;
    border-top: 1px solid var(--ink-700) !important;
    color: var(--ink-300) !important;
}

/* tabs (promo code / domain selection / product tabs) */
.nav-tabs { border-bottom-color: var(--ink-700) !important; }
.nav-tabs > li > a {
    color: var(--ink-300) !important;
    background-color: transparent !important;
    border-color: transparent !important;
}
.nav-tabs > li > a:hover { background-color: var(--ink-800) !important; border-color: var(--ink-700) !important; color: var(--falcon-400) !important; }
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
    background-color: var(--ink-900) !important;
    color: var(--ink-50) !important;
    border-color: var(--ink-700) var(--ink-700) transparent !important;
}
.tab-content { background-color: var(--ink-900) !important; }

/* cart review table body + any cart/order container */
.review-checkout, .table-container, .cart-data,
#order-standard-product, #frmCheckout, .store-order-container .table {
    background-color: var(--ink-900) !important;
}

/* DataTables / client-area list tables (services, domains, invoices, tickets) */
.dataTables_wrapper { background-color: transparent !important; color: var(--ink-200) !important; }
table.table-list, table.table-list > tbody, .dataTables_wrapper .table { background-color: var(--ink-900) !important; }
table.table-list > tbody > tr { background-color: var(--ink-900) !important; }
table.table-list > tbody > tr:nth-child(even) { background-color: var(--ink-850) !important; }
table.table-list > tbody > tr:hover { background-color: var(--ink-800) !important; }
table.table-list > tbody > tr > td { color: var(--ink-100) !important; border-color: var(--ink-700) !important; background-color: transparent !important; }
table.table-list thead th,
.dataTables_wrapper table.table-list thead th.sorting,
.dataTables_wrapper table.table-list thead th.sorting_asc,
.dataTables_wrapper table.table-list thead th.sorting_desc {
    background-color: var(--ink-850) !important;
    color: var(--ink-200) !important;
    border-color: var(--ink-700) !important;
}
.dataTables_wrapper .dataTables_length,
.dataTables_wrapper .dataTables_filter,
.dataTables_wrapper .dataTables_info,
.dataTables_wrapper .dataTables_paginate,
.dataTables_wrapper .dataTables_length label,
.dataTables_wrapper .dataTables_filter label { color: var(--ink-300) !important; }
.dataTables_wrapper .dataTables_paginate .paginate_button {
    background: var(--ink-900) !important; border-color: var(--ink-700) !important; color: var(--ink-200) !important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    background: var(--falcon-500) !important; color: var(--ink-950) !important; border-color: var(--falcon-500) !important;
}
/* status chips in list cells (Active / Pending) — dark bg, keep colored text */
table.table-list td .label, table.table-list td .btn-default,
table.table-list td span[class*="status"] {
    background-color: var(--ink-950) !important; border-color: var(--ink-600) !important;
}

/* DataTables search box: drop the white-bg icon image for a clean dark field */
.dataTables_filter input[type="search"], .dataTables_filter input {
    background-image: none !important;
    padding-left: 12px !important;
}

/* code / pre blocks */
code { background-color: var(--ink-850) !important; color: var(--falcon-400) !important; }
pre { background-color: var(--ink-900) !important; color: var(--ink-100) !important; border-color: var(--ink-700) !important; }

/* registration / json-form fields */
#registration .field, #registration .form-control { background-color: var(--ink-950) !important; color: var(--ink-100) !important; border-color: var(--ink-600) !important; }

/* product details: icon circle (product-status bars keep their green/orange) */
.product-details div.product-icon, .product-icon { background-color: var(--ink-800) !important; color: var(--ink-300) !important; }
.product-icon img, .product-icon i { opacity: .9; }

/* remaining theme surfaces (full sweep): phone-input dropdown, markdown
   editor (ticket replies), lightbox, captcha popup, thumbnails */
.intl-tel-input .country-list { background-color: var(--ink-900) !important; color: var(--ink-100) !important; border-color: var(--ink-700) !important; }
.intl-tel-input .country-list .country.highlight { background-color: var(--ink-800) !important; }
.intl-tel-input .country-list .country .dial-code { color: var(--ink-400) !important; }
.md-editor, .md-editor > .md-header, .md-editor > .md-footer, .md-editor > textarea,
.md-editor > .md-preview { background-color: var(--ink-900) !important; color: var(--ink-100) !important; border-color: var(--ink-700) !important; }
.lb-outerContainer, .captcha-overlay-popup, .markdown-content table { background-color: var(--ink-900) !important; color: var(--ink-100) !important; }
.markdown-content table > thead > tr > th { background-color: var(--ink-850) !important; color: var(--ink-100) !important; }




/* ===== AUTO-GENERATED comprehensive light-surface override =====
   Scanned: falconsix + order-form stylesheets (standard_cart,
   premium_comparison, sliders). 299 selectors. Status/brand/invoice excluded.
   Regenerate via the python sweep if the theme/order form changes. ===== */
#domainresults,
#order-cart .cartbox,
#order-cart .errorbox,
#order-cart table.carttable tr td,
#order-cart table.carttable tr th,
#order-cart table.carttable tr.config td,
#order-cart table.carttable tr.summary td,
#order-cart table.domains tr td,
#order-cart table.domains tr th,
#order-cloud_slider .includes-container .head-area span,
#order-comparison .addon:hover,
#order-comparison .cartcontainer,
#order-comparison .configtable td.fieldarea,
#order-comparison .errorbox,
#order-comparison .prodtablecol .divider,
#order-comparison .prodtablecol div.bfeature1,
#order-comparison .prodtablecol div.bfeaturedesc1,
#order-comparison table tr th,
#order-comparison table.carttable,
#order-comparison table.carttable tr td,
#order-comparison table.carttable tr.summary td,
#order-slider #currencychooser,
#order-slider .cartcontent,
#order-slider .cartprods,
#order-slider .cartwarningbox,
#order-slider .checkoutbuttons input,
#order-slider .configtable td.fieldarea,
#order-slider .domainbox,
#order-slider .domainoptions,
#order-slider .errorbox,
#order-slider .ordernow,
#order-slider .prodcats div,
#order-slider .product .prodfeature,
#order-slider .signuptype.active,
#order-slider table.cart td,
#order-slider table.cart tr.promotion td,
#order-slider table.cart tr.promotion:hover td,
#order-slider table.cart tr.recurring td,
#order-slider table.cart tr.recurring:hover td,
#order-slider table.cart tr.subtotal td,
#order-slider table.cart tr.subtotal:hover td,
#order-slider table.domainsuggestions td,
#order-slider table.renewals td,
#order-standard_cart .account-select-container div.account,
#order-standard_cart .account-select-container div.account.active,
#order-standard_cart .apply-credit-container,
#order-standard_cart .cc-input-container,
#order-standard_cart .default-captcha,
#order-standard_cart .domain-selection-options .option,
#order-standard_cart .domain-selection-options .option-selected,
#order-standard_cart .field,
#order-standard_cart .field[disabled],
#order-standard_cart .field[readonly],
#order-standard_cart .form-control,
#order-standard_cart .form-control[disabled],
#order-standard_cart .form-control[readonly],
#order-standard_cart .mc-promo,
#order-standard_cart .mc-promo .body,
#order-standard_cart .mc-promo.sitelock .arrow,
#order-standard_cart .products .product,
#order-standard_cart .products .product header,
#order-standard_cart .sub-heading span,
#order-standard_cart .summary-container,
#order-standard_cart .transfer-not-eligible,
#order-standard_cart .view-cart-items .item,
#order-standard_cart .view-cart-items .item:nth-child(even),
#order-standard_cart .view-cart-promotion-code,
#order-standard_cart .view-cart-tabs .nav-tabs > li.active > a,
#order-standard_cart .view-cart-tabs .nav-tabs a[aria-expanded="true"],
#order-standard_cart .view-cart-tabs .nav-tabs a[aria-expanded=true],
#order-standard_cart .view-cart-tabs .nav-tabs a[aria-selected="true"],
#order-standard_cart .view-cart-tabs .nav-tabs a[aria-selected=true],
#order-standard_cart .view-cart-tabs .tab-content,
#order-universal_slider .feature-container .progress.small-progress,
#order-universal_slider .product-container,
#order-universal_slider .product-selector .irs-from,
#order-universal_slider .product-selector .irs-single,
#order-universal_slider .product-selector .irs-to,
#order-universal_slider .striped-container,
#registration .field,
#registration .field[disabled],
#registration .field[readonly],
#registration .form-control,
#registration .form-control[disabled],
#registration .form-control[readonly],
#registration .sub-heading span,
.addon-renewals .service-renewal,
.addon-renewals .service-renewal:nth-child(even),
.breadcrumb,
.captcha-overlay-popup,
.client-home-panels .panel>.panel-heading,
.compact-control-bar,
.continue-container,
.dataTables_wrapper .dataTables_filter label .form-control,
.dataTables_wrapper .dataTables_length,
.dataTables_wrapper table.table-list thead th.sorting_asc,
.dataTables_wrapper table.table-list thead th.sorting_desc,
.div-service-item .dropdown-menu>li:focus,
.div-service-item .dropdown-menu>li:hover,
.domain-checker-container,
.domain-checker-container .input-group-box,
.domain-promo-box,
.domain-renewals,
.domain-renewals .domain-renewal:nth-child(even),
.dropdown-menu,
.dropdown-menu>li>a:focus,
.dropdown-menu>li>a:hover,
.form-control,
.form-control.domain-renewals-filter,
.form-control.service-renewals-filter,
.form-control[disabled],
.form-control[readonly],
.has-error .input-group-addon,
.home-kb-search .form-control,
.img-thumbnail,
.input-group-addon,
.intl-tel-input .country-list,
.invite-box,
.irs-from,
.irs-single,
.irs-to,
.jumbotron,
.lb-outerContainer,
.list-group-item,
.list-group-item.disabled,
.list-group-item.disabled:focus,
.list-group-item.disabled:hover,
.markdown-content table,
.markdown-content table>thead>tr>th,
.marketing-email-optin,
.md-editor .md-footer,
.md-editor.md-fullscreen-mode,
.md-editor.md-fullscreen-mode .md-input,
.md-editor.md-fullscreen-mode .md-input:focus,
.md-editor.md-fullscreen-mode .md-input:hover,
.md-editor.md-fullscreen-mode .md-preview,
.md-editor>.md-header,
.md-editor>.md-preview,
.md-editor>textarea,
.md-editor>textarea.markdown-editor,
.md-editor>textarea:focus,
.modal-content,
.nav .open>a,
.nav .open>a:focus,
.nav .open>a:hover,
.nav-tabs>li.active>a,
.nav-tabs>li.active>a:focus,
.nav-tabs>li.active>a:hover,
.nav>li>a:focus,
.nav>li>a:hover,
.navbar-default,
.navbar-inverse .navbar-toggle .icon-bar,
.navbar-main .navbar-nav .dropdown-menu>.active>a,
.navbar-main .navbar-nav .dropdown-menu>.active>a:focus,
.navbar-main .navbar-nav .dropdown-menu>.active>a:hover,
.navbar-main .navbar-nav .dropdown-menu>.open>a,
.navbar-main .navbar-nav .dropdown-menu>.open>a:focus,
.navbar-main .navbar-nav .dropdown-menu>.open>a:hover,
.navbar-main .navbar-nav .dropdown-menu>li>a:focus,
.navbar-main .navbar-nav .dropdown-menu>li>a:hover,
.navbar-main .navbar-toggle .icon-bar,
.pager .disabled>a,
.pager .disabled>a:focus,
.pager .disabled>a:hover,
.pager .disabled>span,
.pager li>a,
.pager li>a:focus,
.pager li>a:hover,
.pager li>span,
.pagination>.disabled>a,
.pagination>.disabled>a:focus,
.pagination>.disabled>a:hover,
.pagination>.disabled>span,
.pagination>.disabled>span:focus,
.pagination>.disabled>span:hover,
.pagination>li>a,
.pagination>li>a:focus,
.pagination>li>a:hover,
.pagination>li>span,
.pagination>li>span:focus,
.pagination>li>span:hover,
.panel,
.panel-default>.panel-heading,
.panel-footer,
.panel-sidebar.view-filter-btns .list-group-item.active,
.panel-sidebar.view-filter-btns .list-group-item.active:focus,
.panel-sidebar.view-filter-btns .list-group-item.active:hover,
.panel-sidebar>.panel-footer,
.panel-sidebar>.panel-heading,
.popover,
.popover-title,
.popover-user-notifications ul li a:hover,
.product-recommendations .product-recommendation,
.product-recommendations .product-recommendation .body,
.progress,
.promo-banner,
.promo-banner .btn,
.promo-banner.sitebuilder .btn,
.promo-banner.sitelock .btn,
.requestor-type-registereduser,
.select-account a:hover,
.service-renewals,
.service-renewals .service-renewal:nth-child(even),
.spotlight-tld,
.spotlight-tld .invalid,
.spotlight-tld .unavailable,
.spotlight-tlds,
.status,
.status-custom,
.store-order-container .store-domain-tabs li a,
.store-order-container .store-domain-tabs li.active a,
.store-promoted-product,
.suggested-domains .domain-lookup-suggestions-loader,
.suggested-domains .promo.hot,
.suggested-domains .promo.sale,
.table .table,
.table td,
.table th,
.table-hover>tbody>tr:hover,
.table-list>tbody>tr:nth-child(even)>td,
.table-list>tbody>tr>td,
.table-striped>tbody>tr:nth-of-type(odd),
.table>tbody>tr.active>td,
.table>tbody>tr.active>th,
.table>tbody>tr>td.active,
.table>tbody>tr>th.active,
.table>tfoot>tr.active>td,
.table>tfoot>tr.active>th,
.table>tfoot>tr>td.active,
.table>tfoot>tr>th.active,
.table>thead>tr.active>td,
.table>thead>tr.active>th,
.table>thead>tr>td.active,
.table>thead>tr>th.active,
.thumbnail,
.ticket-reply,
.ticket-reply .attachments,
.ticket-reply .user,
.ticket-reply.staff .user,
.ticketfeedbackstaffcont,
.tiles .tile,
.tiles .tile:hover,
.twofa-setup .backup-code,
.ui-state-active,
.ui-state-focus,
.ui-state-hover,
.ui-widget-content,
.ui-widget-content .ui-state-active,
.ui-widget-content .ui-state-default,
.ui-widget-content .ui-state-focus,
.ui-widget-content .ui-state-highlight,
.ui-widget-content .ui-state-hover,
.ui-widget-header,
.ui-widget-header .ui-state-active,
.ui-widget-header .ui-state-default,
.ui-widget-header .ui-state-focus,
.ui-widget-header .ui-state-highlight,
.ui-widget-header .ui-state-hover,
.upgrade .product-to-be-upgraded,
.upgrade .products .product,
.upgrade .products .product .current,
.upgrade .products .product .recommended,
.verification-banner,
.verification-banner.failed,
.well,
/*
Addons
*/

#order-slider .addoncontainer,
/*
Categories
*/

#order-comparison .cartcats,
/*
Domain Registrations
*/

#order-slider .domainreg,
/*
Product Listing
*/

#order-comparison .currencychooser,
/*
Product Listing
*/

#order-slider .cartslider,
/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
/* Interaction states
----------------------------------*/
.ui-state-default,
/**
 * -------------------------
 * Domain Checker Captchas
 * -------------------------
 */

#order-standard_cart .default-captcha,
/**
 * Cloud Slider order form style sheet
 *
 * Contains styling specific to the Cloud Slider order form template.
 *
 * @project   WHMCS
 * @version   1.0
 * @author    WHMCS Limited <development@whmcs.com>
 * @copyright Copyright (c) WHMCS Limited 2005-2015
 * @license   http://www.whmcs.com/license/
 * @link      http://www.whmcs.com/
 *
 */

/* General Layout */

div#order-cloud_slider,
/**
 * Domain Renewals
 */

.form-control.domain-renewals-filter,
/**
 * Responsive Categories
 */

#order-standard_cart .categories-collapsed,
a.list-group-item:focus,
a.list-group-item:hover,
button.list-group-item:focus,
button.list-group-item:hover,
code,
div.credit-card,
div.dtr-modal div.dtr-modal-close,
div.dtr-modal div.dtr-modal-display,
div.product-details div.product-icon,
div.product-details-tab-container,
fieldset[disabled] .form-control,
form[data-role=json-form] .has-error input.form-control,
form[data-role=json-form] .has-error select.form-control,
form[data-role=json-form] .has-error textarea.form-control,
h3.kb-alsoread,
mark,
pre,
section#footer,
section#header,
section#header .search .btn,
section#main-body,
table.table-list thead th,
tr.masspay-total td {
    background-color: var(--ink-900) !important;
    background-image: none !important;
    border-color: var(--ink-700) !important;
    color: var(--ink-100) !important;
}

/* ==========================================================================
   EXCEPTION: keep invoice & quote views light and printable.
   These pages carry the .invoice-container / printable wrappers.
   ========================================================================== */
.invoice-container,
.invoice-container .panel,
.quote-container,
.quote-container .panel,
body.invoice-print,
.print-only,
#invoice, #quote {
    background-color: #ffffff !important;
    color: #1a1a1a !important;
    border-color: #dddddd !important;
}
.invoice-container .table,
.quote-container .table,
#invoice .table, #quote .table { color: #1a1a1a !important; }
.invoice-container .table > thead > tr > th,
#invoice .table > thead > tr > th {
    background-color: #f5f5f5 !important;
    color: #1a1a1a !important;
    border-color: #ddd !important;
}
.invoice-container .table > tbody > tr > td,
#invoice .table > tbody > tr > td { border-color: #eee !important; }
.invoice-container h1, .invoice-container h2, .invoice-container h3,
#invoice h1, #invoice h2, #invoice h3 { color: #1a1a1a !important; }
.invoice-container a, #invoice a { color: var(--falcon-600) !important; }

@media print {
    body, .invoice-container, #invoice { background: #fff !important; color: #000 !important; }
}