/* ==========================================================================
   KBilling Client Theme — kb-deai.css
   --------------------------------------------------------------------------
   A proper, branded business-software UI (dense like WHMCS, but with real
   color). Replaces the earlier "modern SaaS" gradient/glow aesthetic.

   Design language:
     - Solid deep-navy header, white content canvas
     - Corporate blue primary (#1364fc) for actions, links, accents
     - Colored status system: green / amber / red / blue
     - 6px cards with hairline borders and soft 1-2px shadows (no glow)
     - System font stack, 13px base, compact spacing
     - No gradients, no hover-lift animations
   ========================================================================== */

:root {
    --kb-navy: #122b42;
    --kb-navy-2: #0f2338;
    --kb-navy-mid: #1b3a59;
    --kb-primary: #1364fc;
    --kb-primary-dark: #115ae3;
    --kb-primary-light: #eff6fe;
    --kb-primary-border: #c0d3fb;
    --kb-accent: #3898f6;
    --kb-body-bg: #edf1f5;
    --kb-surface: #ffffff;
    --kb-border: #d8dee7;
    --kb-border-light: #e7ebf1;
    --kb-heading-bg: #f6f8fb;
    --kb-text: #1a2733;
    --kb-text-secondary: #384958;
    --kb-text-muted: #66788a;
    --kb-success: #1d8a4e;
    --kb-success-light: #e6f4ec;
    --kb-warning: #b37513;
    --kb-warning-light: #faf1e2;
    --kb-danger: #c23b3b;
    --kb-danger-light: #faeaea;
    --kb-info: #1364fc;
    --kb-radius: 10px;
    --kb-radius-sm: 6px;
    --kb-shadow-xs: 0 1px 2px rgba(18, 43, 66, 0.06);
    --kb-shadow-sm: 0 1px 2px rgba(18, 43, 66, 0.05), 0 2px 6px rgba(18, 43, 66, 0.06);
    --kb-shadow-md: 0 2px 6px rgba(18, 43, 66, 0.07), 0 6px 18px rgba(18, 43, 66, 0.07);

    --bs-primary: #1364fc;
    --bs-primary-rgb: 19, 100, 252;
    --bs-link-color: #1364fc;
    --bs-link-color-rgb: 19, 100, 252;
    --bs-link-hover-color: #115ae3;
    --bs-link-hover-color-rgb: 17, 90, 227;
    --bs-body-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    --bs-body-font-size: 13px;
    --bs-body-color: #1a2733;
    --bs-border-color: #d8dee7;
    --bs-border-radius: 10px;
}

/* Unified layer tokens */
:root {
    --kbu-ink: #122b42;
    --kbu-copy: #384958;
    --kbu-muted: #66788a;
    --kbu-faint: #8fa0b2;
    --kbu-page: #edf1f5;
    --kbu-surface: #ffffff;
    --kbu-soft: #f6f8fb;
    --kbu-line: #d8dee7;
    --kbu-line-strong: #c6d0dc;
    --kbu-brand: #1364fc;
    --kbu-brand-hover: #115ae3;
    --kbu-brand-soft: #eff6fe;
    --kbu-navy: #122b42;
    --kbu-navy-2: #1b3a59;
    --kbu-success: #1d8a4e;
    --kbu-warning: #b37513;
    --kbu-danger: #c23b3b;
    --kbu-info: #1364fc;
    --kbu-radius-sm: 6px;
    --kbu-radius: 10px;
    --kbu-radius-lg: 12px;
    --kbu-shadow: 0 1px 2px rgba(18, 43, 66, 0.06);
    --kbu-shadow-raised: 0 6px 18px rgba(18, 43, 66, 0.10);
}

/* Checkout layer tokens */
:root {
    --kbc-primary: #1364fc;
    --kbc-primary-hover: #115ae3;
    --kbc-primary-light: #eff6fe;
    --kbc-primary-border: #c0d3fb;
    --kbc-success: #1d8a4e;
    --kbc-success-hover: #17753f;
    --kbc-success-light: #e6f4ec;
    --kbc-danger: #c23b3b;
    --kbc-warning: #b37513;
    --kbc-border: #d8dee7;
    --kbc-border-light: #e7ebf1;
    --kbc-bg: #ffffff;
    --kbc-bg-alt: #f6f8fb;
    --kbc-text: #1a2733;
    --kbc-text-secondary: #384958;
    --kbc-muted: #66788a;
    --kbc-radius: 10px;
    --kbc-radius-sm: 6px;
}

/* --------------------------------------------------------------------------
   Base typography
   -------------------------------------------------------------------------- */
html, body { font-size: 13px; }
body.kb-body {
    background: #edf1f5;
    color: #1a2733;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    line-height: 1.5;
}
body.kb-body .kb-mono,
body.kb-body .font-mono,
body.kb-body code, body.kb-body kbd, body.kb-body pre, body.kb-body samp,
body.kb-body .kbc-item-domain {
    font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace !important;
}

body.kb-body h1, body.kb-body h2, body.kb-body h3,
body.kb-body h4, body.kb-body h5, body.kb-body h6 {
    font-weight: 600;
    letter-spacing: normal;
    color: #122b42;
}
body.kb-body h1 { font-size: 22px; }
body.kb-body h2 { font-size: 18px; }
body.kb-body h3 { font-size: 15px; }
body.kb-body h4 { font-size: 14px; }
body.kb-body h5 { font-size: 13px; }
body.kb-body h6 { font-size: 12px; }

/* --------------------------------------------------------------------------
   Header — light, logo left, icon nav links, account right (Twenty-One style)
   -------------------------------------------------------------------------- */
body.kb-body .kb-header {
    background: #ffffff;
    color: #122b42;
    border-bottom: 1px solid #d8dee7;
    box-shadow: 0 1px 0 rgba(23, 34, 56, 0.03);
}
body.kb-body .kb-navbar {
    background: #ffffff;
    border-bottom: 1px solid #e7ebf1;
    padding: 0;
    min-height: 64px;
}
body.kb-body .kb-navbar > .container-fluid,
body.kb-body .kb-navbar > .container {
    min-height: 64px;
}
body.kb-body .kb-brand { color: #122b42; text-decoration: none; }
body.kb-body .kb-brand:hover { color: #122b42; }
body.kb-body .kb-brand-mark {
    border-radius: 10px;
    background: #1364fc;
    color: #ffffff;
    box-shadow: none;
    border: 0;
}
body.kb-body .kb-brand-name { color: #122b42; font-size: 17px; letter-spacing: normal; font-weight: 700; }
body.kb-body .kb-brand-sub { color: #66788a; text-transform: none; letter-spacing: 0; font-size: 11px; }

/* Primary nav — light, dark text, blue active underline, visible icons */
body.kb-body .kb-navbar .nav-link {
    color: #384958 !important;
    font-size: 13px;
    font-weight: 500;
    min-height: 44px;
    padding: 11px 13px !important;
    border-bottom: 2px solid transparent;
    background: transparent !important;
    display: inline-flex;
    align-items: center;
    gap: 7px;
}
body.kb-body .kb-navbar .nav-link i {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    color: #1364fc;
    font-size: 13px;
}
body.kb-body .kb-navbar .nav-link.dropdown-toggle::after {
    margin-left: 2px;
    vertical-align: middle;
    opacity: 0.7;
}
body.kb-body .kb-navbar .nav-link:hover,
body.kb-body .kb-navbar .nav-link:focus {
    color: #115ae3 !important;
    background: #f6f8fb !important;
    border-bottom-color: #1364fc;
}
body.kb-body .kb-navbar .nav-link.active,
body.kb-body .kb-navbar .show > .nav-link {
    color: #115ae3 !important;
    background: #eff6fe !important;
    border-bottom-color: #1364fc;
    font-weight: 600;
}
body.kb-body .kb-navbar .navbar-toggler { border-color: #d8dee7; }
body.kb-body .kb-navbar .navbar-toggler-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='%23384958' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); }

/* Header tools — cart button with badge + account toggle */
body.kb-body .kb-cart-btn {
    color: #384958;
    background: #ffffff;
    border: 1px solid #c6d0dc;
    border-radius: 10px;
    min-height: 38px;
    padding: 6px 12px;
    font-size: 13px;
    font-weight: 500;
}
body.kb-body .kb-cart-btn:hover { background: #eff6fe; border-color: #c0d3fb; color: #115ae3; }
body.kb-body .kb-cart-btn i { color: #1364fc; font-size: 14px; }
body.kb-body .kb-cart-badge {
    background: #e8eef5;
    color: #384958;
    border-radius: 999px !important;
    font-size: 11px;
    font-weight: 600;
    padding: 2px 8px;
    line-height: 1.4;
}
body.kb-body .kb-cart-badge.has-items { background: #1364fc; color: #ffffff; }
body.kb-body .kb-navbar .dropdown-menu {
    border: 1px solid #d8dee7;
    border-radius: 10px;
    box-shadow: 0 6px 18px rgba(18, 43, 66, 0.14);
    padding: 5px;
}
body.kb-body .kb-navbar .dropdown-item { border-radius: 6px; }
body.kb-body .kb-navbar .kb-account-header {
    padding: 8px 12px 6px;
    white-space: normal;
}


/* Dropdowns */
body.kb-body .kb-dropdown,
body.kb-body .dropdown-menu {
    border: 1px solid #d8dee7;
    border-radius: 10px;
    box-shadow: 0 6px 18px rgba(18, 43, 66, 0.14);
    padding: 5px;
}
body.kb-body .dropdown-item {
    padding: 7px 10px;
    color: #384958;
    border-radius: 6px;
    font-size: 13px;
    font-weight: 500;
    gap: 7px;
}
body.kb-body .dropdown-item i { color: #1364fc; font-size: 13px; width: 15px; }
body.kb-body .dropdown-item:hover,
body.kb-body .dropdown-item:focus { background: #eff6fe; color: #115ae3; }
body.kb-body .dropdown-header { padding: 7px 10px; }

/* Breadcrumb */
body.kb-body .kb-breadcrumb { background: #ffffff; border-bottom: 1px solid #e7ebf1; box-shadow: none; }
body.kb-body .kb-breadcrumb .breadcrumb { min-height: 40px; font-size: 12px; }
body.kb-body .kb-breadcrumb .breadcrumb-item a { color: #66788a; }
body.kb-body .kb-breadcrumb .breadcrumb-item a:hover { color: #1364fc; }

/* --------------------------------------------------------------------------
   Page headers
   -------------------------------------------------------------------------- */
body.kb-body .kb-page-header { margin-bottom: 16px; padding-bottom: 10px; border-bottom: 1px solid #d8dee7; }
body.kb-body .kb-page-title,
body.kb-body .kb-page-header h1 { font-size: 20px; font-weight: 600; letter-spacing: normal; color: #122b42; }
body.kb-body .kb-page-subtitle { font-size: 12.5px; color: #66788a; }

/* --------------------------------------------------------------------------
   Panels / cards — white, soft shadow, blue accents
   -------------------------------------------------------------------------- */
body.kb-body .kb-panel,
body.kb-body .ks-panel,
body.kb-body .kbc-panel,
body.kb-body .card {
    background: #ffffff;
    border: 1px solid #d8dee7;
    border-radius: 12px;
    box-shadow: 0 3px 14px rgba(23, 34, 56, 0.035), 0 1px 2px rgba(23, 34, 56, 0.018);
}
body.kb-body .kb-panel-heading,
body.kb-body .ks-panel-heading,
body.kb-body .kbc-panel-heading,
body.kb-body .card-header {
    min-height: 42px;
    padding: 9px 14px;
    background: #f6f8fb;
    border-bottom: 1px solid #d8dee7;
}
body.kb-body .kb-panel-title,
body.kb-body .ks-panel-heading,
body.kb-body .kbc-panel-heading {
    color: #122b42;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: normal;
    text-transform: none;
}
body.kb-body .kb-panel-title i,
body.kb-body .ks-panel-heading i,
body.kb-body .kbc-panel-heading i { color: #1364fc; font-size: 13px; }
body.kb-body .kb-panel-body,
body.kb-body .ks-panel-body,
body.kb-body .kbc-panel-body,
body.kb-body .card-body { padding: 14px; }
body.kb-body .kb-panel-footer,
body.kb-body .ks-panel-footer,
body.kb-body .kbc-panel-footer,
body.kb-body .card-footer { padding: 9px 14px; background: #f6f8fb; border-top: 1px solid #e7ebf1; }
body.kb-body .kb-panel-accent-primary { border-top: 3px solid #1364fc; }
body.kb-body .kb-panel-accent-success { border-top: 3px solid #1d8a4e; }
body.kb-body .kb-panel-accent-warning { border-top: 3px solid #b37513; }
body.kb-body .kb-panel-accent-danger { border-top: 3px solid #c23b3b; }

body.kb-body .kb-panel-list-item,
body.kb-body .ks-list-item,
body.kb-body .kbc-list-item,
body.kb-body .list-group-item {
    min-height: 38px;
    padding: 8px 14px;
    font-size: 13px;
    font-weight: 500;
    border-color: #e7ebf1;
    color: #384958;
}
body.kb-body .kb-panel-list-item:hover,
body.kb-body .ks-list-item:hover,
body.kb-body .kbc-list-item:hover,
body.kb-body .list-group-item-action:hover { background: #f6f8fb; color: #115ae3; }
body.kb-body .kb-panel-list-item.active,
body.kb-body .ks-list-item.is-active,
body.kb-body .ks-list-item.active,
body.kb-body .kbc-list-item.is-active {
    background: #eff6fe;
    color: #115ae3;
    font-weight: 600;
    box-shadow: inset 3px 0 0 #1364fc;
}
body.kb-body .kb-panel-list-item i,
body.kb-body .ks-list-icon { color: #1364fc; }
body.kb-body .kb-count,
body.kb-body .ks-count {
    background: #e8eef5;
    color: #384958;
    border-radius: 6px;
    padding: 1px 7px;
    font-size: 11px;
}
body.kb-body .ks-list-item.active .ks-count,
body.kb-body .kb-panel-list-item.active .kb-count { background: #1364fc; color: #ffffff; }

/* Sidebar */
body.kb-body .kb-sidebar .kb-panel { border-radius: 12px; box-shadow: 0 3px 14px rgba(23, 34, 56, 0.035), 0 1px 2px rgba(23, 34, 56, 0.018); }
body.kb-body .kb-sidebar-profile-card { border-top: 3px solid #1364fc; }
body.kb-body .kb-sidebar-profile-top { background: #f6f8fb; }
body.kb-body .kb-sidebar-avatar {
    border-radius: 10px;
    background: #1364fc;
    box-shadow: none;
}
body.kb-body .kb-sidebar .kb-panel-list-item i {
    background: transparent;
    color: #1364fc;
    width: 18px;
    height: 18px;
    flex-basis: 18px;
    border-radius: 0;
    margin-right: 8px;
}
body.kb-body .kb-sidebar .kb-panel-list-item:hover i { background: transparent; color: #115ae3; transform: none; }

/* --------------------------------------------------------------------------
   Status labels — flat tinted chips
   -------------------------------------------------------------------------- */
body.kb-body .kb-label,
body.kb-body .badge {
    border-radius: 6px;
    padding: 2px 8px;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0;
}
body.kb-body .kb-label::before { display: none; }
body.kb-body .kb-label { border: 1px solid transparent; }
body.kb-body .kb-label-active { background: #e6f4ec; color: #17753f; border-color: #c5e4d0; }
body.kb-body .kb-label-pending { background: #faf1e2; color: #8a5a10; border-color: #edd7ae; }
body.kb-body .kb-label-danger { background: #faeaea; color: #a02a2a; border-color: #ecc7c7; }
body.kb-body .kb-label-muted { background: #eef1f5; color: #66788a; border-color: #d8dee7; }
body.kb-body .kb-label-info { background: #eff6fe; color: #115ae3; border-color: #c0d3fb; }

/* --------------------------------------------------------------------------
   Dashboard tiles & KPIs — colored accents
   -------------------------------------------------------------------------- */
body.kb-body .kb-tile {
    border: 1px solid #d8dee7;
    border-top: 3px solid #1364fc;
    border-radius: 12px;
    padding: 12px 14px;
    box-shadow: 0 3px 14px rgba(23, 34, 56, 0.035), 0 1px 2px rgba(23, 34, 56, 0.018);
}
body.kb-body .kb-tile:hover { box-shadow: 0 5px 18px rgba(23, 34, 56, 0.055); transform: none; border-color: #c6d0dc; }
body.kb-body .kb-tile-icon {
    background: #eff6fe;
    color: #1364fc;
    border-radius: 8px;
    width: 32px;
    height: 32px;
    font-size: 15px;
}
body.kb-body .kb-tile-stat { font-size: 22px; font-weight: 600; color: #122b42; }
body.kb-body .kb-tile-title { text-transform: none; letter-spacing: 0; font-size: 11px; color: #66788a; }

body.kb-body .kb-dash-kpi {
    border: 1px solid #d8dee7;
    border-radius: 12px;
    padding: 12px 14px;
    min-height: 0;
    box-shadow: 0 3px 14px rgba(23, 34, 56, 0.035), 0 1px 2px rgba(23, 34, 56, 0.018);
    background: #ffffff;
}
body.kb-body .kb-dash-kpi::before { width: 3px; background: #1364fc; }
body.kb-body .kb-dash-kpi.kpi-green::before { background: #1d8a4e; }
body.kb-body .kb-dash-kpi.kpi-orange::before { background: #b37513; }
body.kb-body .kb-dash-kpi.kpi-red::before { background: #c23b3b; }
body.kb-body .kb-dash-kpi:hover { transform: none; box-shadow: 0 5px 18px rgba(23, 34, 56, 0.055); border-color: #c6d0dc; }
body.kb-body .kb-dash-kpi:hover::before { width: 3px; }
body.kb-body .kb-dash-kpi-value { font-size: 22px; font-weight: 600; color: #122b42; letter-spacing: 0; }
body.kb-body .kb-dash-kpi-label { font-size: 12px; color: #66788a; font-weight: 500; }
body.kb-body .kb-dash-kpi-icon {
    width: 30px;
    height: 30px;
    border-radius: 8px;
    font-size: 14px;
    background: #eff6fe;
    color: #1364fc;
    box-shadow: none;
}
body.kb-body .kb-dash-kpi:hover .kb-dash-kpi-icon { transform: none; box-shadow: none; }
body.kb-body .kb-dash-kpi.kpi-green .kb-dash-kpi-icon { background: #e6f4ec; color: #1d8a4e; }
body.kb-body .kb-dash-kpi.kpi-orange .kb-dash-kpi-icon { background: #faf1e2; color: #b37513; }
body.kb-body .kb-dash-kpi.kpi-red .kb-dash-kpi-icon { background: #faeaea; color: #c23b3b; }
body.kb-body .kb-dash-kpi-foot { padding-top: 6px; border-top: 1px solid #e7ebf1; font-size: 11px; color: #66788a; }
body.kb-body .kb-dash-kpi:hover .kb-dash-kpi-foot { color: #66788a; }

/* Dashboard hero — navy panel with white text */
body.kb-body .kb-dash-hero {
    background: #122b42;
    border: 1px solid #1b3a59;
    border-radius: 12px;
    padding: 16px 18px;
    color: #d4dfe9;
    box-shadow: none;
}
body.kb-body .kb-dash-hero::after { display: none; }
body.kb-body .kb-dash-hero-title { font-size: 17px; font-weight: 600; color: #ffffff; letter-spacing: normal; }
body.kb-body .kb-dash-hero-meta { color: #9db4c8; }
body.kb-body .kb-dash-pill { background: rgba(255, 255, 255, 0.10); border-color: rgba(255, 255, 255, 0.16); color: #d4dfe9; }
body.kb-body .kb-dash-pill-success { background: rgba(29, 138, 78, 0.25); border-color: rgba(29, 138, 78, 0.5); color: #a8e3c0; }
body.kb-body .kb-dash-pill-warning { background: rgba(179, 117, 19, 0.25); border-color: rgba(179, 117, 19, 0.5); color: #f2d28b; }
body.kb-body .kb-dash-hero-btn { border-radius: 6px; padding: 6px 12px; font-size: 12.5px; }
body.kb-body .kb-dash-hero-btn-primary { background: #1364fc; border-color: #1364fc; box-shadow: none; color: #fff; }
body.kb-body .kb-dash-hero-btn-primary:hover { background: #115ae3; transform: none; }
body.kb-body .kb-dash-hero-btn-ghost { background: transparent; border-color: rgba(255, 255, 255, 0.35); color: #d4dfe9; }
body.kb-body .kb-dash-hero-btn-ghost:hover { background: rgba(255, 255, 255, 0.08); transform: none; }

/* --------------------------------------------------------------------------
   Tables — dense, tinted header
   -------------------------------------------------------------------------- */
body.kb-body .kb-table-wrap,
body.kb-body .table-responsive { border: 1px solid #d8dee7; border-radius: 10px; box-shadow: 0 3px 14px rgba(23, 34, 56, 0.035), 0 1px 2px rgba(23, 34, 56, 0.018); }
body.kb-body .kb-table { font-size: 13px; }
body.kb-body .kb-table thead th {
    background: #f6f8fb;
    color: #66788a;
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .04em;
    padding: 8px 12px;
    border-bottom: 1px solid #d8dee7;
}
body.kb-body .kb-table tbody td { padding: 9px 12px; border-color: #e7ebf1; color: #384958; }
body.kb-body .kb-table tbody tr:hover td,
body.kb-body .kb-table tbody tr:hover { background: #f6f8fb; }
body.kb-body .kb-table-toolbar { border: 1px solid #d8dee7; border-radius: 10px; padding: 8px 12px; box-shadow: none; }
body.kb-body .table > thead > tr > th {
    background: #f6f8fb;
    font-weight: 600;
    font-size: 11px;
    text-transform: uppercase;
    color: #66788a;
}
body.kb-body .table > tbody > tr > td,
body.kb-body .table > tbody > tr > th { background: #ffffff; border-color: #e7ebf1; }
body.kb-body .table > tbody > tr:nth-child(even) > td { background: #fbfcfd; }

/* --------------------------------------------------------------------------
   Buttons & forms — colored, rounded
   -------------------------------------------------------------------------- */
body.kb-body .btn {
    border-radius: 10px;
    font-size: 13px;
    font-weight: 500;
    padding: 6px 12px;
    min-height: 38px;
    box-shadow: none !important;
    background-image: none;
    transition: color .15s ease, background-color .15s ease, border-color .15s ease, box-shadow .15s ease;
}
body.kb-body .btn-sm { min-height: 30px; padding: 4px 10px; font-size: 12px; }
body.kb-body .btn-lg { font-size: 16px; padding: 10px 22px; min-height: 44px; border-radius: 10px; }
body.kb-body .btn-primary { background: #1364fc; border-color: #1364fc; color: #fff; }
body.kb-body .btn-primary:hover, body.kb-body .btn-primary:focus,
body.kb-body .btn-primary:active, body.kb-body .btn-primary.active {
    background: #115ae3 !important;
    border-color: #115ae3 !important;
    color: #fff;
    box-shadow: 0 6px 16px rgba(19, 100, 252, 0.22) !important;
    transform: none;
}
body.kb-body .btn-outline-primary { color: #1364fc; border-color: #1364fc; }
body.kb-body .btn-outline-primary:hover { background: #1364fc; border-color: #1364fc; color: #fff; }
body.kb-body .btn-default,
body.kb-body .btn-outline-secondary {
    background: #ffffff;
    color: #384958;
    border: 1px solid #c6d0dc;
}
body.kb-body .btn-default:hover,
body.kb-body .btn-outline-secondary:hover { background: #eff6fe; border-color: #c0d3fb; color: #115ae3; }
body.kb-body .btn-success { background: #1d8a4e; border-color: #1d8a4e; }
body.kb-body .btn-success:hover { background: #17753f; border-color: #17753f; }
body.kb-body .btn-danger { background: #c23b3b; border-color: #c23b3b; }
body.kb-body .btn-danger:hover { background: #a02a2a; border-color: #a02a2a; }
body.kb-body .btn-warning { background: #b37513; border-color: #b37513; color: #fff; }
body.kb-body .btn-warning:hover { background: #8a5a10; border-color: #8a5a10; color: #fff; }

body.kb-body .form-control,
body.kb-body .form-select,
body.kb-body .input-group-text {
    border-radius: 6px;
    border-color: #c6d0dc;
    font-size: 13px;
    min-height: 38px;
    padding: 6px 12px;
}
body.kb-body .form-control:focus,
body.kb-body .form-select:focus {
    border-color: #1364fc;
    box-shadow: 0 0 0 3px rgba(19, 100, 252, 0.15);
}
body.kb-body .form-label { font-size: 12.5px; font-weight: 600; color: #384958; }

body.kb-body .card { border: 1px solid #d8dee7; border-radius: 12px; box-shadow: 0 3px 14px rgba(23, 34, 56, 0.035), 0 1px 2px rgba(23, 34, 56, 0.018); }
body.kb-body .card-header { background: #f6f8fb; border-bottom: 1px solid #d8dee7; padding: 9px 14px; font-size: 13px; color: #122b42; }
body.kb-body .card-footer { background: #f6f8fb; border-top: 1px solid #d8dee7; }

body.kb-body .alert { border-radius: 10px; font-size: 13px; padding: 10px 14px; }
body.kb-body .nav-tabs .nav-link { border-radius: 6px 6px 0 0; padding: 7px 14px; font-size: 13px; color: #384958; }
body.kb-body .nav-tabs .nav-link.active { border-color: #d8dee7 #d8dee7 #fff; color: #1364fc; }
body.kb-body .pagination .page-link { color: #1364fc; border-radius: 6px !important; }
body.kb-body .pagination .page-item.active .page-link { background: #1364fc; border-color: #1364fc; }

/* --------------------------------------------------------------------------
   Auth / invoice documents
   -------------------------------------------------------------------------- */
body.kb-body .kb-auth-card { border-radius: 12px; border-top: 3px solid #1364fc; box-shadow: 0 12px 32px rgba(23, 34, 56, 0.08); }
body.kb-body .kb-auth-card .kb-auth-header { padding: 18px 22px 8px; }
body.kb-body .kb-auth-card .kb-auth-header h1 { font-size: 20px; }
body.kb-body .kb-auth-card .kb-auth-body { padding: 14px 22px 18px; }
body.kb-body .kb-auth-card .kb-auth-footer { padding: 10px 22px; }
body.kb-body .kb-form-section-title { text-transform: none; letter-spacing: 0; font-size: 12px; color: #66788a; }

body.kb-body .kb-invoice { border-radius: 12px; border-top: 3px solid #122b42; box-shadow: 0 3px 14px rgba(23, 34, 56, 0.035), 0 1px 2px rgba(23, 34, 56, 0.018); padding: 24px 28px; }
body.kb-body .kb-invoice-company { font-size: 18px; }
body.kb-body .kb-invoice-number { font-size: 17px; color: #1364fc; }

/* --------------------------------------------------------------------------
   Storefront — white cards, blue featured, colored prices
   -------------------------------------------------------------------------- */
body.kb-body .ks-header { margin-bottom: 16px; padding-bottom: 10px; border-bottom: 1px solid #d8dee7; }
body.kb-body .ks-title { font-size: 20px; font-weight: 600; letter-spacing: normal; color: #122b42; }
body.kb-body .ks-subtitle { font-size: 12.5px; color: #66788a; }
body.kb-body .ks-header--catalogue .ks-title { font-size: 18px; font-weight: 600; letter-spacing: normal; max-width: none; }

body.kb-body .ks-card,
body.kb-body .ks-group-card,
body.kb-body .kbc-product-card,
body.kb-body .kbc-summary-card {
    border: 1px solid #d8dee7;
    border-radius: 16px;
    box-shadow: 0 3px 14px rgba(23, 34, 56, 0.035), 0 1px 2px rgba(23, 34, 56, 0.018);
}
body.kb-body .ks-card:hover,
body.kb-body .ks-group-card:hover,
body.kb-body .kbc-product-card:hover { border-color: #c6d0dc; box-shadow: 0 5px 18px rgba(23, 34, 56, 0.055); transform: none; }
body.kb-body .ks-card::before { display: none; }
body.kb-body .ks-card-featured { border-color: #1364fc; box-shadow: 0 2px 8px rgba(19, 100, 252, 0.15); }
body.kb-body .ks-card--hosting.ks-card-featured,
body.kb-body .ks-card--hosting.ks-card--featured { border: 2px solid #1364fc; box-shadow: 0 2px 8px rgba(19, 100, 252, 0.15); }
body.kb-body .ks-card--hosting.ks-card-featured:hover,
body.kb-body .ks-card--hosting.ks-card--featured:hover { transform: none; box-shadow: 0 4px 14px rgba(19, 100, 252, 0.20); }
body.kb-body .ks-popular-ribbon {
    background: #1364fc;
    color: #fff;
    border-radius: 6px;
    padding: 3px 8px;
    font-size: 10px;
    letter-spacing: .04em;
    box-shadow: none;
}
body.kb-body .ks-card--hosting .ks-popular-ribbon,
body.kb-body .ks-card--hosting .ks-card-badge {
    top: 12px; left: auto; right: 12px; transform: none;
    background: #1364fc; color: #fff;
    border-radius: 6px; padding: 3px 9px; box-shadow: none;
}
body.kb-body .ks-plan-grid .ks-popular-ribbon { position: absolute; top: 12px; right: 12px; left: auto; transform: none; border-radius: 6px; padding: 3px 9px; background: #1364fc; box-shadow: none; }
body.kb-body .ks-group-icon,
body.kb-body .ks-plan-icon,
body.kb-body .ks-help-tile-icon,
body.kb-body .kbc-gateway-icon {
    border-radius: 8px;
    background: #eff6fe;
    color: #1364fc;
    box-shadow: none;
    border: 0;
}
body.kb-body .ks-card--vps .ks-plan-icon { background: #eff6fe; color: #1364fc; box-shadow: none; }
body.kb-body .ks-card-body { padding: 14px 16px; }
body.kb-body .ks-card-footer { padding: 10px 16px; background: #f6f8fb; border-radius: 0; }
body.kb-body .ks-card-title { font-size: 15px; font-weight: 600; color: #122b42; }
body.kb-body .ks-card-text { font-size: 12.5px; color: #66788a; }
body.kb-body .ks-card-cta { font-size: 12.5px; color: #1364fc; }
body.kb-body .ks-card:hover .ks-card-cta .bi { transform: none; }
body.kb-body .ks-price-amount { font-size: 24px; font-weight: 600; letter-spacing: 0; color: #122b42; }
body.kb-body .ks-price-period { color: #66788a; }
body.kb-body .ks-product-header h3,
body.kb-body .ks-plan-grid .ks-product-header h3 { font-size: 16px; font-weight: 600; letter-spacing: normal; color: #122b42; }
body.kb-body .ks-price-banner { background: #f6f8fb; }
body.kb-body .ks-card-featured .ks-price-banner,
body.kb-body .ks-plan-grid .ks-card-featured .ks-price-banner { background: #f6f8fb; }
body.kb-body .ks-btn-order,
body.kb-body .ks-vps-btn-deploy.btn-primary,
body.kb-body .ks-btn-cart-checkout {
    border-radius: 10px;
    font-weight: 500;
    box-shadow: none;
}
body.kb-body .ks-btn-order:hover,
body.kb-body .ks-vps-btn-deploy.btn-primary:hover,
body.kb-body .ks-btn-cart-checkout:hover { transform: none; box-shadow: none; }
body.kb-body .ks-plan-grid .ks-btn-order { background: #1364fc; border-color: #1364fc; box-shadow: none; }
body.kb-body .ks-plan-grid .ks-btn-order:hover { background: #115ae3; border-color: #115ae3; transform: none; }
body.kb-body .ks-plan-grid .ks-features .bi-check-circle-fill { color: #1d8a4e; background: #e6f4ec; border-radius: 50%; }
body.kb-body .ks-product-group-tag { color: #66788a; }
body.kb-body .ks-card-meta { border-radius: 6px; }

/* Store sidebar — cart & quick actions */
body.kb-body .ks-cart-heading { background: #122b42; border-bottom: 1px solid #1b3a59; color: #ffffff; }
body.kb-body .ks-cart-heading i { color: #7db4fb; }
body.kb-body .ks-panel-cart { border: 1px solid #d8dee7; box-shadow: 0 3px 14px rgba(23, 34, 56, 0.035), 0 1px 2px rgba(23, 34, 56, 0.018); }
body.kb-body .ks-panel-cart::before { background: #1364fc; }
body.kb-body .ks-cart-total-amount { color: #122b42; }
body.kb-body .ks-qa-item:hover { background: #eff6fe; color: #115ae3; padding-left: 18px; }
body.kb-body .ks-qa-item:hover .ks-qa-icon { color: #1364fc; }
body.kb-body .ks-mobile-chip { border-radius: 6px; }
body.kb-body .ks-mobile-chip:hover { color: #115ae3; border-color: #c0d3fb; background: #eff6fe; }
body.kb-body .ks-mobile-chip.active { background: #1364fc; color: #ffffff; border-color: #1364fc; box-shadow: none; }
body.kb-body .ks-mobile-chip.active .ks-chip-badge { background: rgba(255, 255, 255, 0.22); color: #ffffff; }

/* Store trust icon chips */
body.kb-body .ks-trust-icon-box { border-radius: 8px; border: 0; }
body.kb-body .ks-trust-icon-uptime { background: #e6f4ec; color: #1d8a4e; }
body.kb-body .ks-trust-icon-ddos { background: #eff6fe; color: #1364fc; }
body.kb-body .ks-trust-icon-speed { background: #faf1e2; color: #b37513; }
body.kb-body .ks-trust-icon-tier { background: #ede9f6; color: #6746a8; }
body.kb-body .ks-trust-icon-support { background: #e6f4ec; color: #1d8a4e; }

/* Store hero — flat navy, white text */
body.kb-body .ks-hero {
    background: #122b42;
    background-image: none;
    border-bottom: 1px solid #1b3a59;
    padding: 24px 0 22px;
    color: #d4dfe9;
}
body.kb-body .ks-hero-eyebrow { background: rgba(19, 100, 252, 0.22); border-color: rgba(111, 179, 232, 0.4); color: #a8d1f0; border-radius: 4px; }
body.kb-body .ks-hero-title { font-size: 22px; font-weight: 600; color: #ffffff; letter-spacing: normal; }
body.kb-body .ks-hero-subtitle { color: #9db4c8; font-size: 13px; }
body.kb-body .ks-domain-input { border: 1px solid rgba(255, 255, 255, 0.25); border-radius: 10px; box-shadow: none; }
body.kb-body .ks-domain-input:focus-within { border-color: #3898f6; box-shadow: 0 0 0 3px rgba(56, 152, 246, 0.25); }
body.kb-body .ks-domain-input .btn { border-radius: 8px; }
body.kb-body .ks-tld-chip { background: rgba(255, 255, 255, 0.08); border-color: rgba(255, 255, 255, 0.18); color: #d4dfe9; border-radius: 6px; }
body.kb-body .ks-tld-chip:hover { background: rgba(19, 100, 252, 0.25); border-color: rgba(111, 179, 232, 0.5); color: #ffffff; }
body.kb-body .ks-tld-chip strong { color: #7db4fb; }
body.kb-body .ks-trust-strip { color: #9db4c8; }
body.kb-body .ks-trust-item i { color: #7db4fb; }

body.kb-body .ks-domain-banner { background: #eff6fe; border: 1px solid #c0d3fb; border-radius: 10px; color: #1a2733; }
body.kb-body .ks-domain-banner h4 { color: #122b42; }
body.kb-body .ks-domain-banner p { color: #384958; }

/* VPS / hosting cards */
body.kb-body .ks-vps-card,
body.kb-body .ks-card--hosting {
    border: 1px solid #d8dee7;
    border-radius: 16px;
    box-shadow: 0 3px 14px rgba(23, 34, 56, 0.035), 0 1px 2px rgba(23, 34, 56, 0.018);
}
body.kb-body .ks-vps-card:hover,
body.kb-body .ks-card--hosting:hover { transform: none; box-shadow: 0 5px 18px rgba(23, 34, 56, 0.055); border-color: #c6d0dc; }
body.kb-body .ks-vps-card--featured { border: 2px solid #1364fc; box-shadow: 0 2px 8px rgba(19, 100, 252, 0.15); }
body.kb-body .ks-vps-card--featured:hover { box-shadow: 0 4px 14px rgba(19, 100, 252, 0.20); }
body.kb-body .ks-vps-popular-badge { background: #1364fc; border-bottom-left-radius: 6px; }
body.kb-body .ks-vps-card--featured .ks-vps-price-box { background: #eff6fe; }
body.kb-body .ks-vps-card--featured .ks-vps-price-val { color: #122b42; }
body.kb-body .ks-vps-plan-title { font-size: 16px; font-weight: 600; letter-spacing: normal; color: #122b42; }
body.kb-body .ks-vps-price-val { font-size: 26px; font-weight: 600; letter-spacing: normal; color: #122b42; }
body.kb-body .ks-vps-trust-grid { background: #f6f8fb; border: 1px solid #d8dee7; border-radius: 10px; color: #1a2733; }
body.kb-body .ks-vps-trust-title { color: #122b42; font-size: 15px; }
body.kb-body .ks-vps-trust-sub { color: #66788a; }
body.kb-body .ks-vps-trust-card { background: #ffffff; border-color: #d8dee7; }
body.kb-body .ks-vps-trust-card-icon { background: #eff6fe; border: 0; color: #1364fc; border-radius: 8px; }
body.kb-body .ks-vps-trust-card h5 { color: #122b42; }
body.kb-body .ks-vps-trust-card p { color: #66788a; }
body.kb-body .ks-vps-table th { background: #122b42; }
body.kb-body .ks-vps-table-row--featured td { background: #eff6fe !important; }
body.kb-body .ks-hosting-toolbar,
body.kb-body .ks-vps-toolbar { border-radius: 10px; box-shadow: none; }
body.kb-body .ks-hosting-infra-badge,
body.kb-body .ks-vps-infra-badge { background: #122b42; border-color: #122b42; }
body.kb-body .ks-hosting-infra-badge i,
body.kb-body .ks-vps-infra-badge i { color: #7db4fb; }

/* Cart / checkout */
body.kb-body .kbc-checkout-hero,
body.kb-body .kbd-hero {
    background: #ffffff;
    border: 1px solid #d8dee7;
    border-radius: 12px;
    padding: 14px 16px;
    color: #1a2733;
    box-shadow: 0 3px 14px rgba(23, 34, 56, 0.035), 0 1px 2px rgba(23, 34, 56, 0.018);
}
body.kb-body .kbc-checkout-hero-title { color: #122b42; font-size: 18px; font-weight: 600; letter-spacing: normal; }
body.kb-body .kbc-checkout-hero-sub { color: #66788a; }
body.kb-body .kbc-trust-pill { background: #ffffff; border-color: #c6d0dc; color: #384958; border-radius: 6px; }
body.kb-body .kbc-trust-pill i { color: #1d8a4e; }
body.kb-body .kbc-steps { border-radius: 10px; box-shadow: none; }
body.kb-body .kbc-step { background: #f6f8fb; font-size: 12.5px; font-weight: 500; color: #384958; }
body.kb-body .kbc-step.is-active { background: #ffffff; font-weight: 600; box-shadow: inset 0 -2px 0 #1364fc; color: #115ae3; }
body.kb-body .kbc-step.is-done { color: #17753f; background: #e6f4ec; }
body.kb-body .kbc-step-num { border-radius: 6px; background: #e8eef5; color: #384958; width: 24px; height: 24px; font-size: 12px; }
body.kb-body .kbc-step.is-active .kbc-step-num { background: #1364fc; color: #fff; box-shadow: none; }
body.kb-body .kbc-summary { border-radius: 12px; box-shadow: 0 3px 14px rgba(23, 34, 56, 0.035), 0 1px 2px rgba(23, 34, 56, 0.018); }
body.kb-body .kbc-summary .kbc-panel-heading { background: #122b42; color: #ffffff; border-bottom-color: #1b3a59; }
body.kb-body .kbc-summary .kbc-panel-heading i { color: #7db4fb; }
body.kb-body .kbc-summary-total {
    background: #eff6fe;
    color: #122b42;
    border-radius: 6px;
    box-shadow: none;
}
body.kb-body .kbc-summary-total strong { color: #1364fc; }
body.kb-body .kbc-cycle-card,
body.kb-body .kbc-domain-option,
body.kb-body .kbc-gateway-card,
body.kb-body .kbc-os-card { border-radius: 6px; border-color: #d8dee7; }
body.kb-body .kbc-cycle-card.is-selected,
body.kb-body .kbc-domain-option.is-selected,
body.kb-body .kbc-gateway-card.is-selected,
body.kb-body .kbc-os-card.is-selected {
    border-color: #1364fc;
    background: #eff6fe;
    box-shadow: none;
}
body.kb-body .kbc-cycle-price { font-size: 18px; font-weight: 600; color: #122b42; }
body.kb-body .kbc-os-icon { border-radius: 6px; }
body.kb-body .kbc-btn-success { background: #1d8a4e; border-radius: 10px; box-shadow: none !important; font-weight: 600; }
body.kb-body .kbc-btn-success:hover, body.kb-body .kbc-btn-success:focus { background: #17753f; transform: none; }
body.kb-body .kbc-badge,
body.kb-body .kbc-item-group { border-radius: 6px; }
body.kb-body .kbc-item-group { background: #eff6fe; color: #115ae3; border-color: #c0d3fb; }
body.kb-body .kbc-table th { background: #f6f8fb; }
body.kb-body .kbc-quantity-input,
body.kb-body .kbc-quantity-price { border-radius: 6px; }
body.kb-body .kbc-quantity-price { background: #f6f8fb; }

/* Help tiles */
body.kb-body .ks-help-tile {
    flex-direction: row;
    justify-content: flex-start;
    text-align: left;
    gap: 10px;
    min-height: 0;
    padding: 10px 14px;
    border-radius: 10px;
    box-shadow: none;
}
body.kb-body .ks-help-tile:hover { transform: none; box-shadow: 0 5px 18px rgba(23, 34, 56, 0.055); }
body.kb-body .ks-help-tile:hover .ks-help-tile-icon { background: #1364fc; color: #ffffff; }
body.kb-body .ks-help-tile-icon { width: 30px; height: 30px; font-size: 15px; }

/* --------------------------------------------------------------------------
   Footer — white with colored headings
   -------------------------------------------------------------------------- */
body.kb-body .kb-footer {
    background: #ffffff;
    border-top: 1px solid #d8dee7;
    color: #66788a;
}
body.kb-body .kb-footer-grid { border-bottom: 1px solid #e7ebf1; }
body.kb-body .kb-footer-col h6 { color: #122b42; letter-spacing: 0; text-transform: none; font-size: 12.5px; }
body.kb-body .kb-footer .kb-brand-name { color: #122b42; }
body.kb-body .kb-footer .kb-brand-mark { background: #1364fc; }
body.kb-body .kb-footer-nav a { color: #66788a; }
body.kb-body .kb-footer-nav a:hover { color: #1364fc; }
body.kb-body .kb-footer-copy { color: #66788a; }

/* Centered "Powered by KBilling" line, sits just above the footer (WHMCS-style) */
body.kb-body .kb-powered-by {
    text-align: center;
    padding: 22px 16px 18px;
    margin: 0;
    font-size: 12.5px;
    color: #66788a;
    letter-spacing: 0.01em;
}
body.kb-body .kb-powered-by a {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    color: #1364fc;
    font-weight: 700;
    text-decoration: none;
    padding: 2px 4px;
    border-radius: 4px;
}
body.kb-body .kb-powered-by a:hover,
body.kb-body .kb-powered-by a:focus-visible { color: #115ae3; text-decoration: underline; }
@media (max-width: 767.98px) {
    body.kb-body .kb-powered-by { padding: 18px 16px 14px; }
}
body.kb-body .kb-footer a[style*="color:#cbd5e1"] { color: #66788a !important; }

/* --------------------------------------------------------------------------
   Mobile collapse — navy, white links
   -------------------------------------------------------------------------- */
@media (max-width: 1199.98px) {
    body.kb-body .kb-navbar .navbar-collapse {
        background: #ffffff !important;
        border: 1px solid #d8dee7 !important;
        border-radius: 10px !important;
        padding: 6px;
        margin-top: 4px;
    }
    body.kb-body .kb-navbar .nav-link {
        border-bottom: 0 !important;
        border-radius: 6px;
    }
    body.kb-body .kb-navbar .dropdown-menu {
        background: #f6f8fb !important;
        border-color: #e7ebf1 !important;
        box-shadow: none !important;
    }
    body.kb-body .kb-navbar .dropdown-menu .dropdown-item { color: #384958 !important; border-radius: 6px !important; }
    body.kb-body .kb-navbar .dropdown-menu .dropdown-item:hover { background: #eff6fe !important; color: #115ae3 !important; }
    body.kb-body .kb-navbar .navbar-toggler { border-color: #d8dee7 !important; }
    body.kb-body .kb-navbar .navbar-toggler-icon { filter: none !important; }
}

/* --------------------------------------------------------------------------
   Global: kill residual gradients, glow and lift animations
   -------------------------------------------------------------------------- */
body.kb-body .kb-not-found { background: #edf1f5; }
body.kb-body .kb-brand-mark,
body.kb-body .kb-sidebar-avatar,
body.kb-body .kb-sidebar-profile-top,
body.kb-body .kb-dash-hero,
body.kb-body .ks-hero,
body.kb-body .ks-popular-ribbon,
body.kb-body .kbc-checkout-hero,
body.kb-body .kbc-summary .kbc-panel-heading,
body.kb-body .kbc-summary-total,
body.kb-body .kbc-btn-success,
body.kb-body .kbc-step.is-active .kbc-step-num {
    background-image: none !important;
}

body.kb-body .kb-tile:hover,
body.kb-body .kb-dash-kpi:hover,
body.kb-body .ks-card:hover,
body.kb-body .ks-vps-card:hover,
body.kb-body .ks-card--hosting:hover,
body.kb-body .ks-group-card:hover,
body.kb-body .kbc-product-card:hover,
body.kb-body .ks-help-tile:hover,
body.kb-body .kb-shortcut:hover,
body.kb-body .kb-dash-hero-btn:hover {
    transform: none !important;
}

/* --------------------------------------------------------------------------
   Unified buttons — every action button shares one colour and style
   -------------------------------------------------------------------------- */
body.kb-body .btn-primary,
body.kb-body .btn-success,
body.kb-body .btn-info,
body.kb-body .btn-warning,
body.kb-body .btn-danger,
body.kb-body .btn-secondary,
body.kb-body .btn-outline-primary,
body.kb-body .kbc-btn-success,
body.kb-body .kbc-btn-danger,
body.kb-body .ks-btn-order,
body.kb-body .ks-vps-btn-deploy.btn-primary,
body.kb-body .ks-btn-cart-checkout,
body.kb-body .kb-dash-hero-btn-primary {
    background: #1364fc !important;
    border-color: #1364fc !important;
    color: #ffffff !important;
    border-radius: 10px;
    font-weight: 500;
}
body.kb-body .btn-primary:hover, body.kb-body .btn-primary:focus, body.kb-body .btn-primary:active,
body.kb-body .btn-success:hover, body.kb-body .btn-success:focus, body.kb-body .btn-success:active,
body.kb-body .btn-info:hover, body.kb-body .btn-info:focus, body.kb-body .btn-info:active,
body.kb-body .btn-warning:hover, body.kb-body .btn-warning:focus, body.kb-body .btn-warning:active,
body.kb-body .btn-danger:hover, body.kb-body .btn-danger:focus, body.kb-body .btn-danger:active,
body.kb-body .btn-secondary:hover, body.kb-body .btn-secondary:focus, body.kb-body .btn-secondary:active,
body.kb-body .btn-outline-primary:hover, body.kb-body .btn-outline-primary:focus, body.kb-body .btn-outline-primary:active,
body.kb-body .kbc-btn-success:hover, body.kb-body .kbc-btn-success:focus,
body.kb-body .kbc-btn-danger:hover, body.kb-body .kbc-btn-danger:focus,
body.kb-body .ks-btn-order:hover, body.kb-body .ks-vps-btn-deploy.btn-primary:hover,
body.kb-body .ks-btn-cart-checkout:hover, body.kb-body .kb-dash-hero-btn-primary:hover {
    background: #115ae3 !important;
    border-color: #115ae3 !important;
    color: #ffffff !important;
    box-shadow: 0 6px 16px rgba(19, 100, 252, 0.22) !important;
    transform: none !important;
}

/* Secondary buttons — one neutral style */
body.kb-body .btn-default,
body.kb-body .btn-outline-secondary,
body.kb-body .btn-outline-success,
body.kb-body .btn-outline-danger,
body.kb-body .btn-outline-warning,
body.kb-body .btn-outline-info,
body.kb-body .btn-light {
    background: #ffffff !important;
    color: #384958 !important;
    border: 1px solid #c6d0dc !important;
    border-radius: 10px;
    font-weight: 500;
}
body.kb-body .btn-default:hover, body.kb-body .btn-default:focus,
body.kb-body .btn-outline-secondary:hover, body.kb-body .btn-outline-secondary:focus,
body.kb-body .btn-outline-success:hover, body.kb-body .btn-outline-success:focus,
body.kb-body .btn-outline-danger:hover, body.kb-body .btn-outline-danger:focus,
body.kb-body .btn-outline-warning:hover, body.kb-body .btn-outline-warning:focus,
body.kb-body .btn-outline-info:hover, body.kb-body .btn-outline-info:focus,
body.kb-body .btn-light:hover, body.kb-body .btn-light:focus {
    background: #eff6fe !important;
    border-color: #c0d3fb !important;
    color: #115ae3 !important;
    transform: none !important;
}

/* Radio/checkbox toggle buttons keep an obvious selected state */
body.kb-body .btn-check + .btn.btn-outline-primary,
body.kb-body .btn-check + .btn.btn-outline-secondary {
    background: #ffffff !important;
    color: #384958 !important;
    border-color: #c6d0dc !important;
}
body.kb-body .btn-check:checked + .btn.btn-outline-primary,
body.kb-body .btn-check:checked + .btn.btn-outline-secondary {
    background: #1364fc !important;
    border-color: #1364fc !important;
    color: #ffffff !important;
}

/* --------------------------------------------------------------------------
   Appearance switcher button
   -------------------------------------------------------------------------- */
body.kb-body .kb-color-mode-btn {
    min-height: 32px;
    padding: 4px 10px;
    color: #384958;
}
body.kb-body .kb-color-mode-btn .kb-color-mode-icon { color: #1364fc; font-size: 14px; }
body.kb-body [data-kb-color-mode] .kb-color-check { display: none; }

/* --------------------------------------------------------------------------
   Dark mode — data-theme="dark" on <html>
   -------------------------------------------------------------------------- */
[data-theme="dark"] {
    --kb-body-bg: #0d1520;
    --kb-surface: #141f2c;
    --kb-border: #243447;
    --kb-border-light: #1c2836;
    --kb-heading-bg: #101a26;
    --kb-text: #e7eef6;
    --kb-text-secondary: #c7d2de;
    --kb-text-muted: #93a6ba;
    --kb-primary-light: #12243f;
    --kb-success-light: #0f2b1d;
    --kb-warning-light: #2c2310;
    --kb-danger-light: #33141a;
    --kb-shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.4);
    --kb-shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.45);
    --kb-shadow-md: 0 6px 18px rgba(0, 0, 0, 0.45);
    --bs-body-color: #c7d2de;
    --bs-border-color: #243447;
    --bs-body-bg: #0d1520;
    color-scheme: dark;
    /* unified layer tokens */
    --kbu-ink: #e7eef6;
    --kbu-copy: #c7d2de;
    --kbu-muted: #93a6ba;
    --kbu-faint: #7f93a8;
    --kbu-page: #0d1520;
    --kbu-surface: #141f2c;
    --kbu-soft: #101a26;
    --kbu-line: #243447;
    --kbu-line-strong: #2f4257;
    --kbu-brand-soft: #12243f;
}
[data-theme="dark"] body.kb-body {
    background: #0d1520;
    color: #c7d2de;
}
[data-theme="dark"] body.kb-body h1,
[data-theme="dark"] body.kb-body h2,
[data-theme="dark"] body.kb-body h3,
[data-theme="dark"] body.kb-body h4,
[data-theme="dark"] body.kb-body h5,
[data-theme="dark"] body.kb-body h6,
[data-theme="dark"] body.kb-body .kb-page-title,
[data-theme="dark"] body.kb-body .kb-panel-title,
[data-theme="dark"] body.kb-body .text-dark {
    color: #e7eef6 !important;
}
[data-theme="dark"] body.kb-body .text-muted,
[data-theme="dark"] body.kb-body .kb-muted { color: #8fa3b8 !important; }

/* Header & nav */
[data-theme="dark"] body.kb-body .kb-header,
[data-theme="dark"] body.kb-body .kb-navbar {
    background: #111c29 !important;
    border-bottom-color: #22303f !important;
    box-shadow: none !important;
}
[data-theme="dark"] body.kb-body .kb-brand,
[data-theme="dark"] body.kb-body .kb-brand:hover,
[data-theme="dark"] body.kb-body .kb-brand-name { color: #e7eef6 !important; }
[data-theme="dark"] body.kb-body .kb-brand-sub { color: #8fa3b8 !important; }
[data-theme="dark"] body.kb-body .kb-navbar .nav-link { color: #c7d2de !important; }
[data-theme="dark"] body.kb-body .kb-navbar .nav-link:hover,
[data-theme="dark"] body.kb-body .kb-navbar .nav-link:focus { background: rgba(255, 255, 255, 0.06) !important; color: #ffffff !important; }
[data-theme="dark"] body.kb-body .kb-navbar .nav-link.active,
[data-theme="dark"] body.kb-body .kb-navbar .show > .nav-link { background: rgba(19, 100, 252, 0.20) !important; color: #ffffff !important; }
[data-theme="dark"] body.kb-body .kb-navbar .navbar-toggler { border-color: #2c3d52 !important; }
[data-theme="dark"] body.kb-body .kb-navbar .navbar-toggler-icon { filter: invert(1) !important; }
[data-theme="dark"] body.kb-body .kb-cart-btn { background: #162331 !important; border-color: #2c3d52 !important; color: #c7d2de !important; }
[data-theme="dark"] body.kb-body .kb-cart-btn:hover { background: #1d2c40 !important; color: #ffffff !important; }
[data-theme="dark"] body.kb-body .kb-cart-badge { background: #243447 !important; color: #c7d2de !important; }
[data-theme="dark"] body.kb-body .kb-cart-badge.has-items { background: #1364fc !important; color: #ffffff !important; }

/* Dropdowns */
[data-theme="dark"] body.kb-body .dropdown-menu,
[data-theme="dark"] body.kb-body .kb-navbar .dropdown-menu {
    background: #162331 !important;
    border-color: #243447 !important;
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.45) !important;
}
[data-theme="dark"] body.kb-body .dropdown-item { color: #c7d2de !important; }
[data-theme="dark"] body.kb-body .dropdown-item:hover,
[data-theme="dark"] body.kb-body .dropdown-item:focus { background: rgba(19, 100, 252, 0.16) !important; color: #ffffff !important; }
[data-theme="dark"] body.kb-body .dropdown-divider { border-color: #243447 !important; }
[data-theme="dark"] body.kb-body .dropdown-header { color: #8fa3b8 !important; }

/* Breadcrumb */
[data-theme="dark"] body.kb-body .kb-breadcrumb {
    background: #111c29 !important;
    border-color: #22303f !important;
}
[data-theme="dark"] body.kb-body .kb-breadcrumb .breadcrumb-item { color: #8fa3b8; }
[data-theme="dark"] body.kb-body .kb-breadcrumb a { color: #7db4fb; }

/* Cards, panels, tiles, KPIs */
[data-theme="dark"] body.kb-body .card,
[data-theme="dark"] body.kb-body .kb-panel,
[data-theme="dark"] body.kb-body .kb-tile,
[data-theme="dark"] body.kb-body .kb-dash-kpi,
[data-theme="dark"] body.kb-body .kb-shortcut,
[data-theme="dark"] body.kb-body .ks-card,
[data-theme="dark"] body.kb-body .ks-group-card,
[data-theme="dark"] body.kb-body .ks-vps-card,
[data-theme="dark"] body.kb-body .ks-card--hosting,
[data-theme="dark"] body.kb-body .kbc-product-card,
[data-theme="dark"] body.kb-body .ks-help-tile,
[data-theme="dark"] body.kb-body .list-group-item {
    background: #141f2c !important;
    border-color: #243447 !important;
    box-shadow: none !important;
}
[data-theme="dark"] body.kb-body .card-header,
[data-theme="dark"] body.kb-body .kb-panel-heading,
[data-theme="dark"] body.kb-body .kb-panel-list,
[data-theme="dark"] body.kb-body .kbc-panel-heading,
[data-theme="dark"] body.kb-body .kbc-summary .kbc-panel-heading {
    background: #101a26 !important;
    border-color: #243447 !important;
    color: #e7eef6 !important;
}
[data-theme="dark"] body.kb-body .kb-panel-body,
[data-theme="dark"] body.kb-body .kb-panel-list-item { color: #c7d2de; border-color: #22303f; }
[data-theme="dark"] body.kb-body .kb-panel-list-item:hover { background: rgba(19, 100, 252, 0.14) !important; }
[data-theme="dark"] body.kb-body .kb-panel-list-item.active { background: rgba(19, 100, 252, 0.20) !important; color: #ffffff !important; }
[data-theme="dark"] body.kb-body .kb-panel-footer { background: #101a26 !important; border-top-color: #243447 !important; color: #c7d2de !important; }
[data-theme="dark"] body.kb-body .kb-panel-heading { border-bottom-color: #243447 !important; }
[data-theme="dark"] body.kb-body .kb-tile-icon { background: #1b2735 !important; color: #7db4fb !important; }
[data-theme="dark"] body.kb-body .kb-dash-kpi-value { color: #e7eef6 !important; }
[data-theme="dark"] body.kb-body .kb-dash-kpi-label { color: #93a6ba !important; }
[data-theme="dark"] body.kb-body .kb-shortcut .kb-shortcut-icon,
[data-theme="dark"] body.kb-body .kb-dash-kpi-icon { background: #1b2735 !important; }
[data-theme="dark"] body.kb-body .kb-table-wrap,
[data-theme="dark"] body.kb-body .kb-table-toolbar { background: #141f2c !important; border-color: #243447 !important; box-shadow: none !important; }
[data-theme="dark"] body.kb-body .kb-table thead th { background: #101a26 !important; color: #93a6ba !important; border-bottom-color: #243447 !important; }
[data-theme="dark"] body.kb-body .kb-table tbody td { color: #c7d2de !important; border-top-color: #1c2836 !important; }
[data-theme="dark"] body.kb-body .kb-table tbody tr:hover td { background: rgba(19, 100, 252, 0.10) !important; }
[data-theme="dark"] body.kb-body .kb-info-row { border-bottom-color: #1c2836 !important; }
[data-theme="dark"] body.kb-body .kb-invoice { background: #141f2c !important; border-color: #243447 !important; }
[data-theme="dark"] body.kb-body .kb-invoice-top { border-bottom-color: #243447 !important; }
[data-theme="dark"] body.kb-body .kb-invoice-items { border-color: #243447 !important; }
[data-theme="dark"] body.kb-body .kb-invoice-items th { background: #101a26 !important; border-bottom-color: #243447 !important; color: #93a6ba !important; }
[data-theme="dark"] body.kb-body .kb-invoice-items td { border-top-color: #1c2836 !important; color: #c7d2de !important; }
[data-theme="dark"] body.kb-body .kb-invoice-items tfoot td { background: #101a26 !important; border-top-color: #243447 !important; }
[data-theme="dark"] body.kb-body .kb-invoice-items tfoot tr.kb-total td { background: #101a26 !important; border-top-color: #243447 !important; color: #e7eef6 !important; }
[data-theme="dark"] body.kb-body .kb-invoice-pay { background: #101a26 !important; border-color: #243447 !important; }
[data-theme="dark"] body.kb-body .kb-invoice-stamp.other { background: #1f2d3d !important; color: #93a6ba !important; }
[data-theme="dark"] body.kb-body .kb-page-header { border-bottom-color: #22303f !important; }
[data-theme="dark"] body.kb-body .kb-count { background: #1f2d3d !important; color: #c7d2de !important; }
[data-theme="dark"] body.kb-body .kb-breadcrumb { background: #111c29 !important; }

/* Info cards & labels (viewservice / viewdomain / addfunds detail rows) */
[data-theme="dark"] body.kb-body .kb-info-card { background: #101a26 !important; border-color: #243447 !important; }
[data-theme="dark"] body.kb-body .kb-info-label { color: #93a6ba !important; }
[data-theme="dark"] body.kb-body .kb-usage-meter { background: #101a26 !important; border-color: #243447 !important; }
[data-theme="dark"] body.kb-body .kb-managed-summary { color: #93a6ba !important; }
[data-theme="dark"] body.kb-body .kb-feature-strip { background: #101a26 !important; border-color: #243447 !important; }

/* Bootstrap tabs & pills (client area forms, detail pages, ticket views) */
[data-theme="dark"] body.kb-body .nav-tabs {
    border-bottom-color: #243447 !important;
}
[data-theme="dark"] body.kb-body .nav-tabs .nav-link {
    color: #93a6ba !important;
    border-color: transparent !important;
    background: transparent !important;
}
[data-theme="dark"] body.kb-body .nav-tabs .nav-link:hover,
[data-theme="dark"] body.kb-body .nav-tabs .nav-link:focus {
    color: #7db4fb !important;
    border-color: transparent !important;
}
[data-theme="dark"] body.kb-body .nav-tabs .nav-link.active,
[data-theme="dark"] body.kb-body .nav-tabs .nav-item.show .nav-link {
    background: #141f2c !important;
    border-color: #2c3d52 #2c3d52 #141f2c !important;
    color: #7db4fb !important;
}
[data-theme="dark"] body.kb-body .nav-tabs .nav-link.disabled { color: #5f7488 !important; }
[data-theme="dark"] body.kb-body .nav-pills .nav-link {
    color: #93a6ba !important;
    background: transparent !important;
}
[data-theme="dark"] body.kb-body .nav-pills .nav-link:hover { color: #7db4fb !important; background: rgba(19, 100, 252, 0.12) !important; }
[data-theme="dark"] body.kb-body .nav-pills .nav-link.active,
[data-theme="dark"] body.kb-body .nav-pills .show > .nav-link {
    background: #1364fc !important;
    color: #ffffff !important;
}
[data-theme="dark"] body.kb-body .tab-content > .tab-pane { color: #c7d2de; }

/* Modern tab nav (viewdomain) */
[data-theme="dark"] body.kb-body .kb-nav-tabs-modern {
    background: #101a26 !important;
    border-bottom-color: #243447 !important;
}
[data-theme="dark"] body.kb-body .kb-nav-tabs-modern .nav-link {
    color: #93a6ba !important;
}
[data-theme="dark"] body.kb-body .kb-nav-tabs-modern .nav-link:hover {
    color: #7db4fb !important;
}
[data-theme="dark"] body.kb-body .kb-nav-tabs-modern .nav-link.active {
    border-bottom-color: #1364fc !important;
    color: #7db4fb !important;
}

/* Domain hero (viewdomain — already dark navy, just ensure meta is visible) */
[data-theme="dark"] body.kb-body .kb-domain-hero-meta { color: #93a6ba !important; }

/* Preset chips (addfunds) */
[data-theme="dark"] body.kb-body .kb-preset-chip {
    background: #141f2c !important;
    border-color: #243447 !important;
    color: #c7d2de !important;
}
[data-theme="dark"] body.kb-body .kb-preset-chip:hover {
    border-color: #1364fc !important;
    background: #12243f !important;
    color: #7db4fb !important;
}
[data-theme="dark"] body.kb-body .kb-preset-chip.active {
    background: #1364fc !important;
    border-color: #1364fc !important;
    color: #ffffff !important;
}

/* Tables */
[data-theme="dark"] body.kb-body .table {
    --bs-table-bg: transparent;
    --bs-table-color: #c7d2de;
    --bs-table-striped-bg: rgba(255, 255, 255, 0.02);
    --bs-table-hover-bg: rgba(19, 100, 252, 0.08);
    border-color: #243447;
}
[data-theme="dark"] body.kb-body .table-light,
[data-theme="dark"] body.kb-body thead.table-light,
[data-theme="dark"] body.kb-body .table > thead.table-light > tr > *,
[data-theme="dark"] body.kb-body .table > thead > tr > th,
[data-theme="dark"] body.kb-body .table > thead > tr > td {
    --bs-table-bg: #101a26;
    --bs-table-color: #93a6ba;
    background-color: #101a26 !important;
    color: #93a6ba !important;
    border-color: #243447 !important;
}
[data-theme="dark"] body.kb-body .table > tbody > tr > td,
[data-theme="dark"] body.kb-body .table > tbody > tr > th {
    --bs-table-bg: #141f2c;
    background-color: #141f2c !important;
    border-color: #243447 !important;
    color: #c7d2de !important;
}
[data-theme="dark"] body.kb-body .table-striped > tbody > tr:nth-of-type(odd) > *,
[data-theme="dark"] body.kb-body .table > tbody > tr:nth-child(even) > td {
    --bs-table-bg: #16222f;
    background-color: #16222f !important;
}
[data-theme="dark"] body.kb-body .table-hover > tbody > tr:hover > * {
    --bs-table-hover-bg: rgba(19, 100, 252, 0.10);
    color: #e7eef6 !important;
}
[data-theme="dark"] body.kb-body .table-responsive { background: transparent; }

/* Bootstrap utility surfaces used across the portal */
[data-theme="dark"] body.kb-body .bg-light,
[data-theme="dark"] body.kb-body .bg-white,
[data-theme="dark"] body.kb-body .bg-body,
[data-theme="dark"] body.kb-body .bg-body-tertiary,
[data-theme="dark"] body.kb-body .bg-light-subtle {
    background-color: #101a26 !important;
    color: #e7eef6 !important;
}
[data-theme="dark"] body.kb-body .bg-white.p-5,
[data-theme="dark"] body.kb-body .bg-white.rounded-3 { border-color: #243447 !important; }
[data-theme="dark"] body.kb-body .bg-success-subtle { background-color: rgba(16, 185, 129, 0.16) !important; color: #34d399 !important; }
[data-theme="dark"] body.kb-body .bg-danger-subtle { background-color: rgba(220, 38, 38, 0.16) !important; color: #f87171 !important; }
[data-theme="dark"] body.kb-body .bg-warning-subtle { background-color: rgba(245, 158, 11, 0.16) !important; color: #fbbf24 !important; }
[data-theme="dark"] body.kb-body .bg-info-subtle { background-color: rgba(19, 100, 252, 0.16) !important; color: #7db4fb !important; }
[data-theme="dark"] body.kb-body .bg-primary-subtle { background-color: rgba(19, 100, 252, 0.18) !important; color: #7db4fb !important; }
[data-theme="dark"] body.kb-body .bg-secondary-subtle { background-color: #1f2d3d !important; color: #c7d2de !important; }
[data-theme="dark"] body.kb-body .border,
[data-theme="dark"] body.kb-body .border-top,
[data-theme="dark"] body.kb-body .border-bottom,
[data-theme="dark"] body.kb-body .border-start,
[data-theme="dark"] body.kb-body .border-end,
[data-theme="dark"] body.kb-body .border-light { border-color: #243447 !important; }
[data-theme="dark"] body.kb-body .border-success-subtle { border-color: rgba(16, 185, 129, 0.35) !important; }
[data-theme="dark"] body.kb-body .border-danger-subtle { border-color: rgba(220, 38, 38, 0.35) !important; }
[data-theme="dark"] body.kb-body .text-secondary { color: #a9bacd !important; }
[data-theme="dark"] body.kb-body .text-success { color: #34d399 !important; }
[data-theme="dark"] body.kb-body .text-danger { color: #f87171 !important; }
[data-theme="dark"] body.kb-body .text-warning { color: #fbbf24 !important; }
[data-theme="dark"] body.kb-body .text-primary { color: #7db4fb !important; }
[data-theme="dark"] body.kb-body .text-info { color: #67e8f9 !important; }
[data-theme="dark"] body.kb-body .btn-close { filter: invert(1) grayscale(1) brightness(1.8); }
[data-theme="dark"] body.kb-body .modal-content { background: #141f2c !important; border-color: #243447 !important; color: #c7d2de !important; }
[data-theme="dark"] body.kb-body .modal-header,
[data-theme="dark"] body.kb-body .modal-footer { background: #101a26 !important; border-color: #243447 !important; }
[data-theme="dark"] body.kb-body .modal-body { color: #c7d2de !important; }
/* viewservice.php paints its custom modal footers light */
[data-theme="dark"] body.kb-body .modal-body .form-control,
[data-theme="dark"] body.kb-body .modal-body .form-select { background: #101a26 !important; border-color: #2c3d52 !important; color: #e7eef6 !important; }

/* Native file inputs (submit-ticket attachments) */
[data-theme="dark"] body.kb-body input[type="file"] { background: #101a26 !important; border-color: #2c3d52 !important; color: #c7d2de !important; }
[data-theme="dark"] body.kb-body input[type="file"]::file-selector-button {
    background: #1f2d3d !important;
    border: 1px solid #2c3d52 !important;
    color: #c7d2de !important;
    margin-right: 12px;
}
[data-theme="dark"] body.kb-body input[type="file"]::file-selector-button:hover { background: #243447 !important; color: #e7eef6 !important; }

/* Inline code chips (e.g. allowed file extensions) */
[data-theme="dark"] body.kb-body code {
    background: #1f2d3d !important;
    color: #7db4fb !important;
}

/* ==========================================================================
   Client area: list pages (services / domains / invoices) KPI cards, filter
   pills, toolbars and search inputs
   ========================================================================== */
[data-theme="dark"] body.kb-body .kb-dom-kpi,
[data-theme="dark"] body.kb-body .kb-svc-kpi,
[data-theme="dark"] body.kb-body .kb-inv-kpi {
    background: #141f2c !important;
    border-color: #243447 !important;
    box-shadow: none !important;
}
[data-theme="dark"] body.kb-body .kb-dom-kpi:hover,
[data-theme="dark"] body.kb-body .kb-svc-kpi:hover,
[data-theme="dark"] body.kb-body .kb-inv-kpi:hover {
    border-color: #2f4257 !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.4) !important;
    transform: none !important;
}
[data-theme="dark"] body.kb-body .kb-dom-kpi-label,
[data-theme="dark"] body.kb-body .kb-svc-kpi-label,
[data-theme="dark"] body.kb-body .kb-inv-kpi-label { color: #93a6ba !important; }
[data-theme="dark"] body.kb-body .kb-dom-kpi-val,
[data-theme="dark"] body.kb-body .kb-svc-kpi-val,
[data-theme="dark"] body.kb-body .kb-inv-kpi-val { color: #e7eef6 !important; }
[data-theme="dark"] body.kb-body .kb-dom-kpi-sub,
[data-theme="dark"] body.kb-body .kb-svc-kpi-sub,
[data-theme="dark"] body.kb-body .kb-inv-kpi-sub { color: #93a6ba !important; }

/* Filter pills */
[data-theme="dark"] body.kb-body .kb-filter-pill {
    background: #141f2c !important;
    border-color: #2c3d52 !important;
    color: #c7d2de !important;
}
[data-theme="dark"] body.kb-body .kb-filter-pill:hover {
    background: #16222f !important;
    border-color: #1364fc !important;
    color: #7db4fb !important;
}
[data-theme="dark"] body.kb-body .kb-filter-pill.active {
    background: #1364fc !important;
    border-color: #1364fc !important;
    color: #ffffff !important;
}
[data-theme="dark"] body.kb-body .kb-filter-pill.active .badge {
    background: rgba(255, 255, 255, 0.25) !important;
    color: #ffffff !important;
}
[data-theme="dark"] body.kb-body .kb-filter-pill .badge { background: #1f2d3d !important; color: #c7d2de !important; }

/* List toolbars + search inputs */
[data-theme="dark"] body.kb-body .kb-domains-toolbar,
[data-theme="dark"] body.kb-body .kb-services-toolbar {
    background: #141f2c !important;
    border-color: #243447 !important;
}
[data-theme="dark"] body.kb-body .kb-domains-search .bi-search,
[data-theme="dark"] body.kb-body .kb-services-search .bi-search { color: #5f7488 !important; }
[data-theme="dark"] body.kb-body .kb-domains-search input,
[data-theme="dark"] body.kb-body .kb-services-search input {
    background: #101a26 !important;
    border-color: #2c3d52 !important;
    color: #e7eef6 !important;
}
[data-theme="dark"] body.kb-body .kb-domains-search input::placeholder,
[data-theme="dark"] body.kb-body .kb-services-search input::placeholder { color: #6f849a !important; }

/* Per-page table heads (these set their own #f6f8fb) */
[data-theme="dark"] body.kb-body .kb-table-wrap .kb-table th,
[data-theme="dark"] body.kb-body .kb-table-wrap .kb-table thead th { background: #101a26 !important; color: #93a6ba !important; }
[data-theme="dark"] body.kb-body .kb-table-wrap { background: #141f2c !important; border-color: #243447 !important; }
[data-theme="dark"] body.kb-body .kb-table-wrap .kb-table tbody tr:hover td,
[data-theme="dark"] body.kb-body .kb-table-wrap .kb-table tbody tr:hover { background: rgba(19, 100, 252, 0.10) !important; }

/* Dashboard KPI footer strip */
[data-theme="dark"] body.kb-body .kb-dash-kpi-foot {
    border-top-color: #1c2836 !important;
    color: #93a6ba !important;
}
[data-theme="dark"] body.kb-body .kb-dash-kpi:hover .kb-dash-kpi-foot { color: #c7d2de !important; }
[data-theme="dark"] body.kb-body .kb-dash-kpi.kpi-green .kb-dash-kpi-icon { background: rgba(16, 185, 129, 0.16) !important; color: #34d399 !important; }
[data-theme="dark"] body.kb-body .kb-dash-kpi.kpi-orange .kb-dash-kpi-icon { background: rgba(245, 158, 11, 0.16) !important; color: #fbbf24 !important; }
[data-theme="dark"] body.kb-body .kb-dash-kpi.kpi-red .kb-dash-kpi-icon { background: rgba(239, 68, 68, 0.16) !important; color: #f87171 !important; }
[data-theme="dark"] body.kb-body .kb-tile-blue .kb-tile-icon { background: rgba(19, 100, 252, 0.16) !important; color: #7db4fb !important; }
[data-theme="dark"] body.kb-body .kb-tile-green .kb-tile-icon { background: rgba(16, 185, 129, 0.16) !important; color: #34d399 !important; }
[data-theme="dark"] body.kb-body .kb-tile-orange .kb-tile-icon { background: rgba(245, 158, 11, 0.16) !important; color: #fbbf24 !important; }
[data-theme="dark"] body.kb-body .kb-tile-red .kb-tile-icon { background: rgba(239, 68, 68, 0.16) !important; color: #f87171 !important; }

/* ==========================================================================
   Knowledge base
   ========================================================================== */
[data-theme="dark"] body.kb-body .whmcs-kb-cat-card {
    background: #141f2c !important;
    border-color: #243447 !important;
    box-shadow: none !important;
}
[data-theme="dark"] body.kb-body .whmcs-kb-cat-card:hover { border-color: #1364fc !important; box-shadow: 0 8px 20px -4px rgba(0, 0, 0, 0.5) !important; transform: none !important; }
[data-theme="dark"] body.kb-body .whmcs-kb-cat-icon { background: rgba(19, 100, 252, 0.16) !important; color: #7db4fb !important; }
[data-theme="dark"] body.kb-body .whmcs-kb-article-row { border-bottom-color: #1c2836 !important; }
[data-theme="dark"] body.kb-body .whmcs-kb-article-row:hover { background: rgba(19, 100, 252, 0.10) !important; }
[data-theme="dark"] body.kb-body .whmcs-kb-article-title { color: #7db4fb !important; }
[data-theme="dark"] body.kb-body .whmcs-kb-article-excerpt { color: #93a6ba !important; }
[data-theme="dark"] body.kb-body .whmcs-kb-search-hero .form-control { background: #101a26 !important; color: #e7eef6 !important; }
[data-theme="dark"] body.kb-body .kb-article-content code { background: #1f2d3d !important; color: #7db4fb !important; }
[data-theme="dark"] body.kb-body .kb-article-content pre { background: #101a26 !important; border-color: #243447 !important; color: #c7d2de !important; }
[data-theme="dark"] body.kb-body .kb-managed-summary { color: #93a6ba !important; }

/* ==========================================================================
   Invoice & quote documents
   ========================================================================== */
[data-theme="dark"] body.kb-body .kb-inv-sheet {
    background: #141f2c !important;
    border-color: #243447 !important;
    box-shadow: none !important;
}
[data-theme="dark"] body.kb-body .kb-inv-meta-strip {
    background: #101a26 !important;
    border-color: #243447 !important;
}
[data-theme="dark"] body.kb-body .kb-inv-meta-label { color: #93a6ba !important; }
[data-theme="dark"] body.kb-body .kb-inv-meta-val { color: #e7eef6 !important; }
[data-theme="dark"] body.kb-body .kb-inv-table { border-color: #243447 !important; }
[data-theme="dark"] body.kb-body .kb-inv-table thead th {
    background: #101a26 !important;
    color: #93a6ba !important;
    border-bottom-color: #243447 !important;
}
[data-theme="dark"] body.kb-body .kb-inv-table tbody td {
    color: #c7d2de !important;
    border-bottom-color: #1c2836 !important;
}
[data-theme="dark"] body.kb-body .kb-inv-badge.paid { background: rgba(16, 185, 129, 0.16) !important; color: #34d399 !important; border-color: rgba(16, 185, 129, 0.4) !important; }
[data-theme="dark"] body.kb-body .kb-inv-badge.unpaid { background: rgba(239, 68, 68, 0.16) !important; color: #f87171 !important; border-color: rgba(239, 68, 68, 0.4) !important; }
[data-theme="dark"] body.kb-body .kb-inv-badge.other { background: #1f2d3d !important; color: #c7d2de !important; border-color: #2c3d52 !important; }
[data-theme="dark"] body.kb-body .kb-inv-party-card { background: #101a26 !important; border-color: #243447 !important; }
[data-theme="dark"] body.kb-body .kb-inv-party-label { color: #93a6ba !important; }
[data-theme="dark"] body.kb-body .kb-inv-party-name { color: #e7eef6 !important; }
[data-theme="dark"] body.kb-body .kb-inv-pay-card { background: #141f2c !important; border-color: #243447 !important; }
[data-theme="dark"] body.kb-body .kb-inv-pay-amount-box { background: #101a26 !important; border-color: #2b4a7a !important; }
[data-theme="dark"] body.kb-body .kb-inv-pay-amount-val { color: #e7eef6 !important; }
[data-theme="dark"] body.kb-body .kb-inv-ribbon { color: #e7eef6 !important; }
[data-theme="dark"] body.kb-body .kb-quote-page { background: transparent !important; }
[data-theme="dark"] body.kb-inv-body { background: #0d1520 !important; color: #c7d2de !important; }
[data-theme="dark"] .kb-quote-stamp.paid { background-color: rgba(16, 185, 129, 0.16) !important; border-color: rgba(16, 185, 129, 0.4) !important; color: #34d399 !important; }
[data-theme="dark"] .kb-quote-stamp.info { background-color: rgba(19, 100, 252, 0.16) !important; border-color: rgba(19, 100, 252, 0.4) !important; color: #7db4fb !important; }
[data-theme="dark"] .kb-quote-stamp.unpaid { background-color: rgba(239, 68, 68, 0.16) !important; border-color: rgba(239, 68, 68, 0.4) !important; color: #f87171 !important; }
[data-theme="dark"] .kb-quote-stamp.other { background-color: #1f2d3d !important; border-color: #2c3d52 !important; color: #c7d2de !important; }
[data-theme="dark"] .kb-acceptance-panel { background: rgba(16, 185, 129, 0.12) !important; border-color: rgba(16, 185, 129, 0.35) !important; }
[data-theme="dark"] .kb-quote-terms, [data-theme="dark"] .kb-quote-modal .modal-content { background: #141f2c !important; color: #c7d2de !important; }
[data-theme="dark"] body.kb-body .kb-quote-card { background: #141f2c !important; border-color: #243447 !important; }
[data-theme="dark"] body.kb-body .kb-terms-box { background: #101a26 !important; border-color: #243447 !important; color: #93a6ba !important; }
[data-theme="dark"] body.kb-body .kb-quote-toolbar { color: #c7d2de !important; }

/* ==========================================================================
   Auth pages: lost-password reset card + 2FA challenge box
   ========================================================================== */
[data-theme="dark"] body.kb-body .whmcs-pw-card {
    background: #141f2c !important;
    border-color: #243447 !important;
    box-shadow: 0 2px 14px rgba(0, 0, 0, 0.4) !important;
}
[data-theme="dark"] body.kb-body .whmcs-pw-head,
[data-theme="dark"] body.kb-body .whmcs-pw-foot {
    background: #101a26 !important;
    border-color: #243447 !important;
}
[data-theme="dark"] body.kb-body .whmcs-pw-head h1 { color: #e7eef6 !important; }
[data-theme="dark"] body.kb-body .whmcs-pw-head p,
[data-theme="dark"] body.kb-body .whmcs-pw-foot { color: #8fa3b8 !important; }
[data-theme="dark"] body.kb-body .kb-challenge-account {
    background: #101a26 !important;
    border: 1px solid #243447 !important;
    color: #c7d2de !important;
}
[data-theme="dark"] body.kb-body .kb-challenge-account strong { color: #e7eef6 !important; }
[data-theme="dark"] body.kb-body .kb-code-help,
[data-theme="dark"] body.kb-body .kb-location-help { color: #93a6ba !important; }

/* ==========================================================================
   Sidebar panel family (shared by announcements / support / status / ticket)
   — page-level dark rules inlined in each template cover the rest
   ========================================================================== */
[data-theme="dark"] body.kb-body .whm-side-panel {
    background: #141f2c !important;
    border-color: #243447 !important;
    box-shadow: none !important;
}
[data-theme="dark"] body.kb-body .whm-side-head {
    background: #101a26 !important;
    border-color: #243447 !important;
    color: #e7eef6 !important;
}
[data-theme="dark"] body.kb-body .whm-side-head i { color: #7db4fb !important; }
[data-theme="dark"] body.kb-body .whm-side-item,
[data-theme="dark"] body.kb-body .whm-side-link {
    color: #c7d2de !important;
    border-color: #1c2836 !important;
}
[data-theme="dark"] body.kb-body .whm-side-item:hover,
[data-theme="dark"] body.kb-body .whm-side-link:hover { background: #16222f !important; color: #7db4fb !important; }
[data-theme="dark"] body.kb-body .whm-side-item.active,
[data-theme="dark"] body.kb-body .whm-side-link.active {
    background: #12243f !important;
    color: #7db4fb !important;
    box-shadow: inset 3px 0 0 #1364fc !important;
}
[data-theme="dark"] body.kb-body .whm-side-badge { background: #1f2d3d !important; color: #c7d2de !important; }
[data-theme="dark"] body.kb-body .whm-side-item.active .whm-side-badge { background: #1364fc !important; color: #ffffff !important; }
[data-theme="dark"] body.kb-body .whm-share-btn { background: #141f2c !important; border-color: #243447 !important; color: #c7d2de !important; }
[data-theme="dark"] body.kb-body .whm-share-btn:hover { background: rgba(19, 100, 252, 0.16) !important; border-color: #1364fc !important; color: #7db4fb !important; }

/* ==========================================================================
   Announcements, knowledge base breadcrumbs, domain hero/meta, invoice totals
   ========================================================================== */
[data-theme="dark"] body.kb-body .whmcs-ann-card {
    background: #141f2c !important;
    border-color: #243447 !important;
    box-shadow: none !important;
}
[data-theme="dark"] body.kb-body .whmcs-ann-card:hover { border-color: #2f4257 !important; transform: none !important; }
[data-theme="dark"] body.kb-body .whmcs-ann-date-box { background: #101a26 !important; border-color: #243447 !important; }
[data-theme="dark"] body.kb-body .whmcs-ann-date-box .y,
[data-theme="dark"] body.kb-body .whmcs-ann-meta,
[data-theme="dark"] body.kb-body .whmcs-ann-breadcrumb,
[data-theme="dark"] body.kb-body .whmcs-kb-breadcrumb { color: #93a6ba !important; }
[data-theme="dark"] body.kb-body .whmcs-ann-breadcrumb a,
[data-theme="dark"] body.kb-body .whmcs-kb-breadcrumb a { color: #7db4fb !important; }
[data-theme="dark"] body.kb-body .kb-domain-hero-title { color: #ffffff !important; }
[data-theme="dark"] body.kb-body .kb-info-card-label { color: #93a6ba !important; }
[data-theme="dark"] body.kb-body .kb-inv-totals-card {
    background: #101a26 !important;
    border-color: #243447 !important;
}
[data-theme="dark"] body.kb-body .kb-inv-totals-row { color: #c7d2de !important; border-bottom-color: #1c2836 !important; }
[data-theme="dark"] body.kb-body .kb-inv-totals-row span,
[data-theme="dark"] body.kb-body .kb-inv-totals-row strong,
[data-theme="dark"] body.kb-body .kb-inv-totals-row .text-dark { color: #e7eef6 !important; }
[data-theme="dark"] body.kb-body .kb-inv-totals-row.grand-total {
    background: transparent !important;
    border-top-color: #2c3d52 !important;
}
[data-theme="dark"] body.kb-body .kb-inv-totals-row.grand-total span,
[data-theme="dark"] body.kb-body .kb-inv-totals-row.grand-total strong { color: #e7eef6 !important; }
[data-theme="dark"] body.kb-body .kb-inv-totals-row.text-success span,
[data-theme="dark"] body.kb-body .kb-inv-totals-row.text-success strong { color: #34d399 !important; }
[data-theme="dark"] body.kb-body .kb-inv-totals-row .text-danger { color: #f87171 !important; }
[data-theme="dark"] body.kb-body .kb-inv-totals-row .text-success { color: #34d399 !important; }

/* Homepage icons / notes */
[data-theme="dark"] body.kb-body .kb-home-plan-icon,
[data-theme="dark"] body.kb-body .kb-home-download-icon { background: rgba(19, 100, 252, 0.16) !important; color: #7db4fb !important; }
[data-theme="dark"] body.kb-body .kb-home-hero-note { color: #93a6ba !important; }

/* ==========================================================================
   Misc client-area components with hard-coded light colours
   ========================================================================== */
[data-theme="dark"] body.kb-body .kb-not-found {
    background: #0d1520 !important;
    color: #e7eef6 !important;
}
[data-theme="dark"] body.kb-body .kb-not-found-code { color: #e7eef6 !important; }
[data-theme="dark"] body.kb-body .kb-not-found-copy h1,
[data-theme="dark"] body.kb-body .kb-not-found-title { color: #e7eef6 !important; }
[data-theme="dark"] body.kb-body .kb-not-found-copy p,
[data-theme="dark"] body.kb-body .kb-not-found-text { color: #93a6ba !important; }
[data-theme="dark"] body.kb-body .kb-not-found-links a { color: #7db4fb !important; }
[data-theme="dark"] body.kb-body .kb-not-found-links a:hover { color: #a8cdff !important; }
[data-theme="dark"] body.kb-body .kb-not-found-links span { background: #3b4d60 !important; }

[data-theme="dark"] body.kb-body .kb-invoice-stamp.other {
    background: #1f2d3d !important;
    color: #c7d2de !important;
    border-color: #2c3d52 !important;
}
[data-theme="dark"] body.kb-body .kb-invoice-stamp.paid {
    background: rgba(16, 185, 129, 0.14) !important;
    color: #34d399 !important;
}
[data-theme="dark"] body.kb-body .kb-invoice-stamp.unpaid {
    background: rgba(220, 38, 38, 0.14) !important;
    color: #f87171 !important;
}

[data-theme="dark"] body.kb-body .kb-shortcut-title { color: #e7eef6 !important; }
[data-theme="dark"] body.kb-body .kb-shortcut-desc { color: #93a6ba !important; }
[data-theme="dark"] body.kb-body .kb-shortcut:hover { border-color: #2f4257 !important; }
[data-theme="dark"] body.kb-body .kb-shortcut:hover .kb-shortcut-title { color: #7db4fb !important; }

[data-theme="dark"] body.kb-body .kb-dropdown,
[data-theme="dark"] body.kb-body .dropdown-menu {
    background: #141f2c !important;
    border-color: #243447 !important;
    box-shadow: 0 10px 28px rgba(0, 0, 0, 0.5) !important;
}
[data-theme="dark"] body.kb-body .dropdown-item { color: #c7d2de !important; }
[data-theme="dark"] body.kb-body .dropdown-item:hover,
[data-theme="dark"] body.kb-body .dropdown-item:focus { background: rgba(19, 100, 252, 0.16) !important; color: #7db4fb !important; }
[data-theme="dark"] body.kb-body .dropdown-divider { border-top-color: #243447 !important; }
[data-theme="dark"] body.kb-body .dropdown-header { color: #93a6ba !important; }

/* Client sidebar profile card top strip */
[data-theme="dark"] body.kb-body .kb-sidebar-profile-top { background: #101a26 !important; border-bottom-color: #243447 !important; }

/* Service detail values (viewservice) — labels muted, values bright */
[data-theme="dark"] body.kb-body .kb-info-value { color: #e7eef6 !important; }

/* Product overview visual box (viewservice inline #fafbfc) */
[data-theme="dark"] body.kb-body #kb-overview div[style*="#fafbfc"] {
    background: #101a26 !important;
    border-color: #243447 !important;
}
[data-theme="dark"] body.kb-body #kb-overview h4 { color: #e7eef6 !important; }

/* Domain checker hero — kb-deai/kb-unified light rules have higher specificity
   than domainchecker.php's own dark block, so re-assert here with !important */
[data-theme="dark"] body.kb-body .kbd-hero {
    background: #141f2c !important;
    border-color: #243447 !important;
    color: #c7d2de !important;
    box-shadow: none !important;
}
[data-theme="dark"] body.kb-body .kbd-hero-title { color: #e7eef6 !important; }
[data-theme="dark"] body.kb-body .kbd-hero-sub { color: #93a6ba !important; }
[data-theme="dark"] body.kb-body .btn-dark { background: #e7eef6 !important; border-color: #e7eef6 !important; color: #0d1520 !important; }
[data-theme="dark"] body.kb-body .btn-outline-dark { color: #e7eef6 !important; border-color: #4a5f78 !important; }
[data-theme="dark"] body.kb-body .btn-outline-dark:hover { background: #e7eef6 !important; color: #0d1520 !important; }
[data-theme="dark"] body.kb-body .kbc-steps { background: #141f2c !important; border-color: #243447 !important; }
[data-theme="dark"] body.kb-body .kbc-step { background: #101a26 !important; border-color: #243447 !important; color: #93a6ba !important; }
[data-theme="dark"] body.kb-body .kbc-step.is-active,
[data-theme="dark"] body.kb-body .kbc-step.active { background: rgba(19, 100, 252, 0.20) !important; color: #7db4fb !important; }
[data-theme="dark"] body.kb-body .kbc-summary-head,
[data-theme="dark"] body.kb-body .ks-price-banner { background: #101a26 !important; border-color: #243447 !important; }
[data-theme="dark"] body.kb-body .kbc-empty { background: #141f2c !important; border-color: #2f4257 !important; color: #93a6ba !important; }

/* Forms */
[data-theme="dark"] body.kb-body .form-control,
[data-theme="dark"] body.kb-body .form-select,
[data-theme="dark"] body.kb-body .input-group-text {
    background: #101a26 !important;
    border-color: #2c3d52 !important;
    color: #e7eef6 !important;
}
[data-theme="dark"] body.kb-body .form-control::placeholder { color: #66788a; }
[data-theme="dark"] body.kb-body .form-label { color: #c7d2de; }
[data-theme="dark"] body.kb-body .form-check-input { background-color: #101a26; border-color: #2c3d52; }
[data-theme="dark"] body.kb-body .form-check-input:checked { background-color: #1364fc; border-color: #1364fc; }
[data-theme="dark"] body.kb-body .progress { background: #22303f; }

/* Secondary buttons */
[data-theme="dark"] body.kb-body .btn-default,
[data-theme="dark"] body.kb-body .btn-outline-secondary,
[data-theme="dark"] body.kb-body .btn-outline-success,
[data-theme="dark"] body.kb-body .btn-outline-danger,
[data-theme="dark"] body.kb-body .btn-outline-warning,
[data-theme="dark"] body.kb-body .btn-outline-info,
[data-theme="dark"] body.kb-body .btn-light {
    background: #162331 !important;
    color: #c7d2de !important;
    border-color: #2c3d52 !important;
}
[data-theme="dark"] body.kb-body .btn-default:hover,
[data-theme="dark"] body.kb-body .btn-outline-secondary:hover,
[data-theme="dark"] body.kb-body .btn-outline-success:hover,
[data-theme="dark"] body.kb-body .btn-outline-danger:hover,
[data-theme="dark"] body.kb-body .btn-outline-warning:hover,
[data-theme="dark"] body.kb-body .btn-outline-info:hover,
[data-theme="dark"] body.kb-body .btn-light:hover {
    background: #1d2c40 !important;
    border-color: #3a5070 !important;
    color: #ffffff !important;
}

/* Footer */
[data-theme="dark"] body.kb-body .kb-footer {
    background: #0f1823 !important;
    border-color: #22303f !important;
    color: #8fa3b8 !important;
}
[data-theme="dark"] body.kb-body .kb-footer-grid { border-color: #22303f !important; }
[data-theme="dark"] body.kb-body .kb-footer-col h6,
[data-theme="dark"] body.kb-body .kb-footer .kb-brand-name { color: #e7eef6 !important; }
[data-theme="dark"] body.kb-body .kb-footer-nav a,
[data-theme="dark"] body.kb-body .kb-footer-copy { color: #8fa3b8 !important; }
[data-theme="dark"] body.kb-body .kb-footer-nav a:hover { color: #7db4fb !important; }

/* Homepage */
/* Hero is a plain layout wrapper (no surface in light mode) — keep it transparent so it blends with the page */
[data-theme="dark"] body.kb-body .kb-home-hero {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}
[data-theme="dark"] body.kb-body .kb-home-steps,
[data-theme="dark"] body.kb-body .kb-home-account,
[data-theme="dark"] body.kb-body .kb-home-download,
[data-theme="dark"] body.kb-body .kb-home-plan,
[data-theme="dark"] body.kb-body .kb-home-help-item {
    background: #141f2c !important;
    border-color: #243447 !important;
    box-shadow: none !important;
}
/* Account banner head strip (welcome bar) */
[data-theme="dark"] body.kb-body .kb-home-account-head {
    background: #101a26 !important;
    border-bottom-color: #243447 !important;
}
[data-theme="dark"] body.kb-body .kb-home-eyebrow {
    background: #12243f !important;
    border-color: #2b4a7a !important;
    color: #7db4fb !important;
}
[data-theme="dark"] body.kb-body .kb-home-step-num {
    background: #12243f !important;
    color: #7db4fb !important;
    box-shadow: inset 0 0 0 1px rgba(19, 100, 252, 0.35) !important;
}
[data-theme="dark"] body.kb-body .kb-home-hero-title,
[data-theme="dark"] body.kb-body .kb-home-steps-title,
[data-theme="dark"] body.kb-body .kb-home-account-title,
[data-theme="dark"] body.kb-body .kb-home-section-title,
[data-theme="dark"] body.kb-body .kb-home-plan-title,
[data-theme="dark"] body.kb-body .kb-home-download-copy h3 {
    color: #e7eef6 !important;
}
[data-theme="dark"] body.kb-body .kb-home-hero-desc,
[data-theme="dark"] body.kb-body .kb-home-section-desc,
[data-theme="dark"] body.kb-body .kb-home-plan-desc,
[data-theme="dark"] body.kb-body .kb-home-steps-list span:not(.kb-home-step-num),
[data-theme="dark"] body.kb-body .kb-home-download-copy p,
[data-theme="dark"] body.kb-body .kb-home-download-features p,
[data-theme="dark"] body.kb-body .kb-home-help-item p,
[data-theme="dark"] body.kb-body .kb-home-account-desc {
    color: #8fa3b8 !important;
}
[data-theme="dark"] body.kb-body .kb-home-steps-list strong,
[data-theme="dark"] body.kb-body .kb-home-download-features strong,
[data-theme="dark"] body.kb-body .kb-home-help-item strong,
[data-theme="dark"] body.kb-body .kb-home-links b { color: #e7eef6 !important; }
[data-theme="dark"] body.kb-body .kb-home-links a { color: #c7d2de !important; border-color: #243447 !important; }
[data-theme="dark"] body.kb-body .kb-home-links a:hover { background: rgba(19, 100, 252, 0.16) !important; color: #ffffff !important; }
[data-theme="dark"] body.kb-body .kb-home-download-features li + li { border-color: #243447 !important; }

/* Login / register cards */
[data-theme="dark"] body.kb-body .whmcs-login-card { background: #141f2c !important; border-color: #243447 !important; }
[data-theme="dark"] body.kb-body .whmcs-login-head,
[data-theme="dark"] body.kb-body .whmcs-login-foot { background: #101a26 !important; border-color: #243447 !important; }
[data-theme="dark"] body.kb-body .whmcs-login-head h1 { color: #e7eef6 !important; }
[data-theme="dark"] body.kb-body .whmcs-login-head p,
[data-theme="dark"] body.kb-body .whmcs-login-intro,
[data-theme="dark"] body.kb-body .whmcs-login-foot { color: #8fa3b8 !important; }
[data-theme="dark"] body.kb-body .whmcs-login-security { background: rgba(19, 100, 252, 0.16) !important; color: #7db4fb !important; }
[data-theme="dark"] body.kb-body .whmcs-reg-breadcrumb,
[data-theme="dark"] body.kb-body .whmcs-reg-breadcrumb span,
[data-theme="dark"] body.kb-body .whmcs-reg-subhead { color: #8fa3b8 !important; }
[data-theme="dark"] body.kb-body .whmcs-reg-subhead { border-color: #243447 !important; }

/* Alerts sit on dark nicely with existing tints */
[data-theme="dark"] body.kb-body .alert {
    border-color: rgba(255, 255, 255, 0.12) !important;
    color: #dbe4ee;
}
[data-theme="dark"] body.kb-body .alert-info { background: #10263f; }
[data-theme="dark"] body.kb-body .alert-warning { background: #2c2310; }
[data-theme="dark"] body.kb-body .alert-danger { background: #33141a; }
[data-theme="dark"] body.kb-body .alert-success { background: #0f2b1d; }

/* Powered by (above footer) */
[data-theme="dark"] body.kb-body .kb-powered-by { color: #93a6ba !important; }
[data-theme="dark"] body.kb-body .kb-powered-by a { color: #7db4fb !important; }
[data-theme="dark"] body.kb-body .kb-powered-by a:hover,
[data-theme="dark"] body.kb-body .kb-powered-by a:focus-visible { color: #a8cdff !important; }

/* Status labels + helper text (cart, domain checker, order forms) */
[data-theme="dark"] body.kb-body .kb-label-active { background: rgba(16, 185, 129, 0.16) !important; color: #34d399 !important; border-color: rgba(16, 185, 129, 0.35) !important; }
[data-theme="dark"] body.kb-body .kb-label-pending { background: rgba(245, 158, 11, 0.16) !important; color: #fbbf24 !important; border-color: rgba(245, 158, 11, 0.35) !important; }
[data-theme="dark"] body.kb-body .kb-label-danger { background: rgba(220, 38, 38, 0.16) !important; color: #f87171 !important; border-color: rgba(220, 38, 38, 0.35) !important; }
[data-theme="dark"] body.kb-body .kb-label-muted { background: #1f2d3d !important; color: #c7d2de !important; border-color: #243447 !important; }
[data-theme="dark"] body.kb-body .kb-label-info { background: rgba(19, 100, 252, 0.18) !important; color: #7db4fb !important; border-color: #2b4a7a !important; }
[data-theme="dark"] body.kb-body .form-text { color: #93a6ba !important; }
[data-theme="dark"] body.kb-body .kbc-small,
[data-theme="dark"] body.kb-body .kbc-muted { color: #93a6ba !important; }

/* --------------------------------------------------------------------------
   Dark mode — cart & order form (templates/orderforms/standard_cart/*)
   -------------------------------------------------------------------------- */
[data-theme="dark"] {
    --kbc-navy: #0f1d2c;
    --kbc-primary: #4d8bff;
    --kbc-primary-hover: #7db4fb;
    --kbc-primary-light: #12243f;
    --kbc-primary-border: #2b4a7a;
    --kbc-success: #34d399;
    --kbc-success-hover: #6ee7b7;
    --kbc-success-light: #0f2b1d;
    --kbc-danger: #f87171;
    --kbc-warning: #fbbf24;
    --kbc-border: #243447;
    --kbc-border-light: #1c2836;
    --kbc-bg: #141f2c;
    --kbc-bg-alt: #101a26;
    --kbc-text: #e7eef6;
    --kbc-text-secondary: #c7d2de;
    --kbc-muted: #93a6ba;
    --kbc-focus: rgba(77, 139, 255, 0.35);
    --kbc-border-strong: #34506e;
    --kbc-success-border: #1e5c46;
    --kbc-heading: #e7eef6;
    --kbc-on-muted: #c7d2de;
    --kbc-disabled: #5f7488;
    --kbc-success-btn: #17753f;
    --kbc-success-btn-hover: #1d8a4e;
}

/* Checkout hero + progress steps */
[data-theme="dark"] body.kb-body .kbc-checkout-hero { background: #0b1420 !important; border-color: #243447 !important; box-shadow: none !important; }
[data-theme="dark"] body.kb-body .kbc-trust-pill { background: rgba(255, 255, 255, 0.06) !important; border-color: rgba(255, 255, 255, 0.12) !important; color: #c7d2de !important; }
[data-theme="dark"] body.kb-body .kbc-steps { background: #141f2c !important; border-color: #243447 !important; box-shadow: none !important; }
[data-theme="dark"] body.kb-body .kbc-step { background: #101a26 !important; color: #93a6ba !important; border-color: #243447 !important; }
[data-theme="dark"] body.kb-body .kbc-step.is-active { background: rgba(19, 100, 252, 0.18) !important; color: #7db4fb !important; }
[data-theme="dark"] body.kb-body .kbc-step.is-done { background: rgba(16, 185, 129, 0.14) !important; color: #34d399 !important; }
[data-theme="dark"] body.kb-body .kbc-step-num { background: #22303f !important; color: #c7d2de !important; }
[data-theme="dark"] body.kb-body .kbc-step.is-active .kbc-step-num { background: #1364fc !important; color: #ffffff !important; }
[data-theme="dark"] body.kb-body .kbc-step.is-done .kbc-step-num { background: #059669 !important; color: #ffffff !important; }
[data-theme="dark"] body.kb-body .kbc-step-sub { color: #7f93a8 !important; }

/* Panels */
[data-theme="dark"] body.kb-body .kbc-panel { background: #141f2c !important; border-color: #243447 !important; box-shadow: none !important; }
[data-theme="dark"] body.kb-body .kbc-panel-heading { background: #101a26 !important; border-bottom-color: #243447 !important; color: #e7eef6 !important; }
[data-theme="dark"] body.kb-body .kbc-panel-body { color: #c7d2de; }
[data-theme="dark"] body.kb-body .kbc-panel-footer { background: #101a26 !important; border-top-color: #243447 !important; color: #c7d2de !important; }
[data-theme="dark"] body.kb-body .kbc-list-item { color: #c7d2de !important; border-bottom-color: #1c2836 !important; }
[data-theme="dark"] body.kb-body .kbc-list-item:hover { background: rgba(19, 100, 252, 0.12) !important; color: #7db4fb !important; }
[data-theme="dark"] body.kb-body .kbc-list-item.is-active { background: rgba(19, 100, 252, 0.20) !important; color: #ffffff !important; }

/* Cart table */
[data-theme="dark"] body.kb-body .kbc-table { color: #c7d2de; }
[data-theme="dark"] body.kb-body .kbc-table th { background: #101a26 !important; color: #93a6ba !important; border-bottom-color: #243447 !important; }
[data-theme="dark"] body.kb-body .kbc-table td { color: #c7d2de !important; border-bottom-color: #1c2836 !important; }
[data-theme="dark"] body.kb-body .kbc-table tbody tr[style*="#f6f8fb"] { background: #101a26 !important; }

/* Order summary */
[data-theme="dark"] body.kb-body .kbc-summary { border-color: #243447 !important; box-shadow: none !important; }
[data-theme="dark"] body.kb-body .kbc-summary .kbc-panel-heading { background: #0b1420 !important; color: #ffffff !important; border-bottom-color: #243447 !important; }
[data-theme="dark"] body.kb-body .kbc-summary-items li { border-bottom-color: #243447 !important; color: #c7d2de !important; }
[data-theme="dark"] body.kb-body .kbc-summary-item-name { color: #e7eef6 !important; }
[data-theme="dark"] body.kb-body .kbc-summary-item-name small { color: #93a6ba !important; }
[data-theme="dark"] body.kb-body .kbc-summary-row { color: #c7d2de !important; }
[data-theme="dark"] body.kb-body .kbc-summary-divider { border-top-color: #243447 !important; }
[data-theme="dark"] body.kb-body .kbc-summary-total { background: rgba(19, 100, 252, 0.14) !important; color: #e7eef6 !important; }
[data-theme="dark"] body.kb-body .kbc-summary-total strong { color: #7db4fb !important; }
[data-theme="dark"] body.kb-body .kbc-badge { background: #22303f !important; color: #c7d2de !important; }
[data-theme="dark"] body.kb-body .kbc-summary .kbc-badge { background: #1364fc !important; color: #ffffff !important; }

/* Billing cycle / OS / quantity selectors */
[data-theme="dark"] body.kb-body .kbc-cycle-card { background: #141f2c !important; border-color: #243447 !important; }
[data-theme="dark"] body.kb-body .kbc-cycle-card:hover { background: #1a2736 !important; border-color: #34506e !important; }
[data-theme="dark"] body.kb-body .kbc-cycle-card.is-selected { background: rgba(19, 100, 252, 0.16) !important; border-color: #1364fc !important; }
[data-theme="dark"] body.kb-body .kbc-cycle-name,
[data-theme="dark"] body.kb-body .kbc-cycle-price { color: #e7eef6 !important; }
[data-theme="dark"] body.kb-body .kbc-cycle-card.is-selected .kbc-cycle-price { color: #7db4fb !important; }
[data-theme="dark"] body.kb-body .kbc-cycle-meta { color: #93a6ba !important; }
[data-theme="dark"] body.kb-body .kbc-cycle-badge { background: rgba(16, 185, 129, 0.16) !important; color: #34d399 !important; border-color: rgba(16, 185, 129, 0.35) !important; }
[data-theme="dark"] body.kb-body .kbc-os-card { background: #141f2c !important; border-color: #243447 !important; }
[data-theme="dark"] body.kb-body .kbc-os-card:hover { background: #1a2736 !important; border-color: #34506e !important; }
[data-theme="dark"] body.kb-body .kbc-os-card.is-selected { background: rgba(19, 100, 252, 0.16) !important; border-color: #1364fc !important; }
[data-theme="dark"] body.kb-body .kbc-os-card-head { color: #e7eef6 !important; }
[data-theme="dark"] body.kb-body .kbc-os-check { color: #5f7488 !important; }
[data-theme="dark"] body.kb-body .kbc-os-card.is-selected .kbc-os-check { color: #7db4fb !important; }
[data-theme="dark"] body.kb-body .kbc-os-version { background-color: #101a26 !important; border-color: #2c3d52 !important; color: #e7eef6 !important; }
[data-theme="dark"] body.kb-body .kbc-quantity-input { background: #101a26 !important; border-color: #2c3d52 !important; }
[data-theme="dark"] body.kb-body .kbc-quantity-input .form-control { background: #101a26 !important; border-left-color: #243447 !important; border-right-color: #243447 !important; color: #e7eef6 !important; }
[data-theme="dark"] body.kb-body .kbc-quantity-step { background: #162331 !important; color: #7db4fb !important; }
[data-theme="dark"] body.kb-body .kbc-quantity-step:hover { background: #1d2c40 !important; color: #a8cdff !important; }
[data-theme="dark"] body.kb-body .kbc-quantity-price { background: #101a26 !important; border-color: #243447 !important; }
[data-theme="dark"] body.kb-body .kbc-quantity-price strong { color: #e7eef6 !important; }
[data-theme="dark"] body.kb-body .kbc-quantity-price span { color: #93a6ba !important; }

/* Domain options */
[data-theme="dark"] body.kb-body .kbc-domain-option { background: #141f2c !important; border-color: #243447 !important; }
[data-theme="dark"] body.kb-body .kbc-domain-option-head { background: #141f2c !important; color: #e7eef6 !important; }
[data-theme="dark"] body.kb-body .kbc-domain-option.is-selected .kbc-domain-option-head { background: rgba(19, 100, 252, 0.16) !important; color: #7db4fb !important; border-bottom-color: #2b4a7a !important; }
[data-theme="dark"] body.kb-body .kbc-domain-option-body { background: #141f2c !important; }

/* Item rows */
[data-theme="dark"] body.kb-body .kbc-item-title { color: #e7eef6 !important; }
[data-theme="dark"] body.kb-body .kbc-item-group { background: rgba(19, 100, 252, 0.16) !important; color: #7db4fb !important; border-color: #2b4a7a !important; }
[data-theme="dark"] body.kb-body .kbc-item-configs li { background: #1a2736 !important; border-color: #243447 !important; color: #c7d2de !important; }

/* Gateway selector */
[data-theme="dark"] body.kb-body .kbc-gateway-card { background: #141f2c !important; border-color: #243447 !important; }
[data-theme="dark"] body.kb-body .kbc-gateway-card:hover { background: #1a2736 !important; border-color: #34506e !important; }
[data-theme="dark"] body.kb-body .kbc-gateway-card.is-selected { background: rgba(19, 100, 252, 0.16) !important; border-color: #1364fc !important; }
[data-theme="dark"] body.kb-body .kbc-gateway-icon { background: #1a2736 !important; color: #93a6ba !important; }
[data-theme="dark"] body.kb-body .kbc-gateway-card.is-selected .kbc-gateway-icon { background: #1364fc !important; color: #ffffff !important; }

/* Inline light surfaces inside the checkout (billing block, bundled rows, promo) */
[data-theme="dark"] body.kb-body #kbc-account [style*="#f6f8fb"],
[data-theme="dark"] body.kb-body #section_existing_customer [style*="#f6f8fb"],
[data-theme="dark"] body.kb-body .kbc-panel-body [style*="background:#f6f8fb"],
[data-theme="dark"] body.kb-body .kbc-summary [style*="background:#f6f8fb"] {
    background: #101a26 !important;
    border-color: #243447 !important;
}

/* --------------------------------------------------------------------------
   Dark mode — storefront (store.php / cart catalogue)
   -------------------------------------------------------------------------- */

/* Page chrome */
[data-theme="dark"] body.kb-body .ks-store,
[data-theme="dark"] body.kb-body .ks-home {
    --ks-border: #243447;
    --ks-heading-bg: #101a26;
    --ks-text: #e7eef6;
    --ks-text-secondary: #c7d2de;
    --ks-muted: #93a6ba;
    color: #c7d2de;
}
[data-theme="dark"] body.kb-body .ks-store .ks-header { border-bottom-color: #22303f !important; }
[data-theme="dark"] body.kb-body .ks-store .ks-title,
[data-theme="dark"] body.kb-body .ks-section-title { color: #e7eef6 !important; }
[data-theme="dark"] body.kb-body .ks-store .ks-subtitle,
[data-theme="dark"] body.kb-body .ks-section-subtitle { color: #93a6ba !important; }

/* Sidebar panels */
[data-theme="dark"] body.kb-body .ks-panel,
[data-theme="dark"] body.kb-body .ks-panel-trust,
[data-theme="dark"] body.kb-body .ks-sidebar-sticky .ks-panel {
    background: #141f2c !important;
    border-color: #243447 !important;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.35) !important;
}
[data-theme="dark"] body.kb-body .ks-panel:hover { border-color: #2f4257 !important; box-shadow: 0 4px 16px rgba(0, 0, 0, 0.4) !important; }
[data-theme="dark"] body.kb-body .ks-panel-heading,
[data-theme="dark"] body.kb-body .ks-trust-heading {
    background: #101a26 !important;
    border-bottom-color: #243447 !important;
    color: #c7d2de !important;
}
[data-theme="dark"] body.kb-body .ks-panel-cart { border-color: #2b4a7a !important; }
[data-theme="dark"] body.kb-body .ks-panel-cart::before { background: #1364fc !important; }
[data-theme="dark"] body.kb-body .ks-cart-heading {
    background: rgba(19, 100, 252, 0.16) !important;
    border-bottom-color: #243447 !important;
    color: #7db4fb !important;
}
[data-theme="dark"] body.kb-body .ks-cart-body { color: #c7d2de; }
[data-theme="dark"] body.kb-body .ks-cart-row { color: #93a6ba !important; }
[data-theme="dark"] body.kb-body .ks-cart-row strong { color: #e7eef6 !important; }
[data-theme="dark"] body.kb-body .ks-cart-total-row { border-top-color: #243447 !important; }

/* Category list */
[data-theme="dark"] body.kb-body .ks-list-item {
    color: #c7d2de !important;
    border-bottom-color: #1c2836 !important;
    border-top-color: #1c2836 !important;
}
[data-theme="dark"] body.kb-body .ks-list-item:hover { background: rgba(19, 100, 252, 0.12) !important; color: #7db4fb !important; }
[data-theme="dark"] body.kb-body .ks-list-item.active { background: rgba(19, 100, 252, 0.20) !important; color: #ffffff !important; }
[data-theme="dark"] body.kb-body .ks-list-icon { color: #7f93a8 !important; }
[data-theme="dark"] body.kb-body .ks-list-item:hover .ks-list-icon,
[data-theme="dark"] body.kb-body .ks-list-item.active .ks-list-icon { color: #7db4fb !important; }
[data-theme="dark"] body.kb-body .ks-count { background: #1f2d3d !important; color: #c7d2de !important; }
[data-theme="dark"] body.kb-body .ks-list-item.active .ks-count { background: #1364fc !important; color: #ffffff !important; }

/* Quick actions */
[data-theme="dark"] body.kb-body .ks-qa-item { color: #c7d2de !important; border-bottom-color: #1c2836 !important; }
[data-theme="dark"] body.kb-body .ks-qa-item:hover { background: rgba(19, 100, 252, 0.12) !important; color: #7db4fb !important; }
[data-theme="dark"] body.kb-body .ks-qa-icon { color: #7f93a8 !important; }
[data-theme="dark"] body.kb-body .ks-qa-item:hover .ks-qa-icon { color: #7db4fb !important; }
[data-theme="dark"] body.kb-body .ks-qa-pill { background: #1f2d3d !important; color: #c7d2de !important; }

/* Trust panel */
[data-theme="dark"] body.kb-body .ks-trust-title { color: #e7eef6 !important; }
[data-theme="dark"] body.kb-body .ks-trust-desc { color: #93a6ba !important; }
[data-theme="dark"] body.kb-body .ks-trust-icon-uptime { background: rgba(16, 185, 129, 0.14) !important; border-color: rgba(16, 185, 129, 0.35) !important; }
[data-theme="dark"] body.kb-body .ks-trust-icon-ddos { background: rgba(19, 100, 252, 0.14) !important; border-color: rgba(19, 100, 252, 0.35) !important; }
[data-theme="dark"] body.kb-body .ks-trust-icon-speed { background: rgba(245, 158, 11, 0.14) !important; border-color: rgba(245, 158, 11, 0.35) !important; }
[data-theme="dark"] body.kb-body .ks-trust-icon-tier { background: rgba(124, 58, 237, 0.16) !important; border-color: rgba(124, 58, 237, 0.35) !important; }
[data-theme="dark"] body.kb-body .ks-trust-icon-support { background: rgba(22, 163, 74, 0.14) !important; border-color: rgba(22, 163, 74, 0.35) !important; }

/* Cycle switcher */
[data-theme="dark"] body.kb-body .ks-cycle-switcher { background: #101a26 !important; }
[data-theme="dark"] body.kb-body .ks-cycle-btn { color: #93a6ba !important; }
[data-theme="dark"] body.kb-body .ks-cycle-btn:hover { color: #e7eef6 !important; }
[data-theme="dark"] body.kb-body .ks-cycle-btn.is-active { background: #1f2d3d !important; color: #7db4fb !important; box-shadow: none !important; }
[data-theme="dark"] body.kb-body .ks-cycle-save { background: rgba(16, 185, 129, 0.16) !important; color: #34d399 !important; border-color: rgba(16, 185, 129, 0.35) !important; }

/* Product cards */
[data-theme="dark"] body.kb-body .ks-store .ks-card {
    background: #141f2c !important;
    border-color: #243447 !important;
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.35) !important;
}
[data-theme="dark"] body.kb-body .ks-store .ks-card:hover { border-color: #34506e !important; box-shadow: 0 14px 30px rgba(0, 0, 0, 0.45) !important; }
[data-theme="dark"] body.kb-body .ks-store .ks-card-featured { border-color: #2f63b8 !important; }
[data-theme="dark"] body.kb-body .ks-store .ks-product-header,
[data-theme="dark"] body.kb-body .ks-store .ks-card-header,
[data-theme="dark"] body.kb-body .ks-store .ks-card-body { border-bottom-color: #1c2836 !important; }
/* kb-store.css paints .ks-product-header white — let the dark card surface show through */
[data-theme="dark"] body.kb-body .ks-store .ks-product-header { background: transparent !important; }
[data-theme="dark"] body.kb-body .ks-store .ks-product-header h3,
[data-theme="dark"] body.kb-body .ks-store .ks-plan-title,
[data-theme="dark"] body.kb-body .ks-store .ks-price-amount,
[data-theme="dark"] body.kb-body .ks-store .ks-hosting-currency,
[data-theme="dark"] body.kb-body .ks-store .ks-amount,
[data-theme="dark"] body.kb-body .ks-store .ks-price-val,
[data-theme="dark"] body.kb-body .ks-store .ks-spec-val { color: #e7eef6 !important; }
[data-theme="dark"] body.kb-body .ks-store .ks-price-banner,
[data-theme="dark"] body.kb-body .ks-store .ks-card-pricing,
[data-theme="dark"] body.kb-body .ks-store .ks-price-box { background: #101a26 !important; border-bottom-color: #1c2836 !important; }
[data-theme="dark"] body.kb-body .ks-store .ks-card-featured .ks-price-banner,
[data-theme="dark"] body.kb-body .ks-store .ks-card--hosting.ks-card-featured .ks-card-pricing,
[data-theme="dark"] body.kb-body .ks-store .ks-vps-card--featured .ks-vps-price-box { background: rgba(19, 100, 252, 0.12) !important; }
[data-theme="dark"] body.kb-body .ks-store .ks-price-cycle,
[data-theme="dark"] body.kb-body .ks-store .ks-price-note,
[data-theme="dark"] body.kb-body .ks-store .ks-period,
[data-theme="dark"] body.kb-body .ks-store .ks-plan-desc,
[data-theme="dark"] body.kb-body .ks-store .ks-vps-plan-summary,
[data-theme="dark"] body.kb-body .ks-store .ks-vps-price-period,
[data-theme="dark"] body.kb-body .ks-store .ks-vps-price-sub,
[data-theme="dark"] body.kb-body .ks-store .ks-vps-deploy-time,
[data-theme="dark"] body.kb-body .ks-store .ks-hosting-term-note,
[data-theme="dark"] body.kb-body .ks-store .ks-guarantee-micro { color: #93a6ba !important; }
[data-theme="dark"] body.kb-body .ks-store .ks-product-group-tag { color: #7f93a8 !important; }
[data-theme="dark"] body.kb-body .ks-store .ks-plan-icon { background: rgba(19, 100, 252, 0.16) !important; color: #7db4fb !important; box-shadow: inset 0 0 0 1px rgba(19, 100, 252, 0.35) !important; }
[data-theme="dark"] body.kb-body .ks-store .ks-card--vps .ks-plan-icon { background: rgba(124, 58, 237, 0.18) !important; color: #b9a7ff !important; box-shadow: inset 0 0 0 1px rgba(124, 58, 237, 0.35) !important; }

/* Feature lists inside cards */
[data-theme="dark"] body.kb-body .ks-store .ks-features li,
[data-theme="dark"] body.kb-body .ks-store .ks-vps-perk-item {
    color: #c7d2de !important;
    border-bottom-color: #1c2836 !important;
}
[data-theme="dark"] body.kb-body .ks-store .ks-features .ks-features-more { color: #93a6ba !important; }
[data-theme="dark"] body.kb-body .ks-store .ks-features-label,
[data-theme="dark"] body.kb-body .ks-store .ks-vps-spec-label { color: #93a6ba !important; }

/* Remaining store surfaces: product footer, plan-grid pricing, banners, news, meta chips */
[data-theme="dark"] body.kb-body .ks-store .ks-product-footer { background: #141f2c !important; }
[data-theme="dark"] body.kb-body .ks-store .ks-plan-grid .ks-price-banner,
[data-theme="dark"] body.kb-body .ks-store .ks-plan-grid .ks-card-featured .ks-price-banner { background: #101a26 !important; border-bottom-color: #1c2836 !important; }
[data-theme="dark"] body.kb-body .ks-store .ks-plan-grid .ks-product-header h3,
[data-theme="dark"] body.kb-body .ks-store .ks-plan-grid .ks-price-amount { color: #e7eef6 !important; }
[data-theme="dark"] body.kb-body .ks-store .ks-plan-summary,
[data-theme="dark"] body.kb-body .ks-store .ks-plan-grid .ks-price-cycle,
[data-theme="dark"] body.kb-body .ks-store .ks-plan-grid .ks-price-note,
[data-theme="dark"] body.kb-body .ks-store .ks-plan-grid .ks-setup-badge,
[data-theme="dark"] body.kb-body .ks-store .ks-from-label,
[data-theme="dark"] body.kb-body .ks-store .ks-card-text { color: #93a6ba !important; }
[data-theme="dark"] body.kb-body .ks-store .ks-from-price { color: #e7eef6 !important; }
[data-theme="dark"] body.kb-body .ks-store .ks-card-footer { background: #101a26 !important; border-top-color: #243447 !important; }
[data-theme="dark"] body.kb-body .ks-store .ks-card-meta { background: #1f2d3d !important; color: #c7d2de !important; }
[data-theme="dark"] body.kb-body .ks-store .ks-card-ribbon { background: rgba(19, 100, 252, 0.18) !important; color: #7db4fb !important; border-color: rgba(19, 100, 252, 0.35) !important; }
[data-theme="dark"] body.kb-body .ks-store .ks-group-icon,
[data-theme="dark"] body.kb-body .ks-store .ks-help-tile-icon { background: rgba(19, 100, 252, 0.16) !important; border-color: rgba(19, 100, 252, 0.35) !important; color: #7db4fb !important; }
[data-theme="dark"] body.kb-body .ks-store .ks-news-item { border-top-color: #243447 !important; }
[data-theme="dark"] body.kb-body .ks-store .ks-news-title { color: #e7eef6 !important; }
[data-theme="dark"] body.kb-body .ks-store .ks-news-date { color: #93a6ba !important; }
[data-theme="dark"] body.kb-body .ks-store .ks-news-body { color: #c7d2de !important; }
[data-theme="dark"] body.kb-body .ks-store .ks-domain-banner { background: rgba(19, 100, 252, 0.14) !important; border-color: rgba(19, 100, 252, 0.3) !important; color: #c7d2de !important; }
[data-theme="dark"] body.kb-body .ks-store .ks-domain-banner h4 { color: #e7eef6 !important; }
[data-theme="dark"] body.kb-body .ks-store .ks-domain-banner p { color: #93a6ba !important; }
[data-theme="dark"] body.kb-body .ks-store .ks-stock,
[data-theme="dark"] body.kb-body .ks-store .ks-setup-badge { background: rgba(16, 185, 129, 0.14) !important; color: #34d399 !important; border-color: rgba(16, 185, 129, 0.35) !important; }
[data-theme="dark"] body.kb-body .ks-store .ks-stock.is-out { background: rgba(220, 38, 38, 0.16) !important; color: #f87171 !important; border-color: rgba(220, 38, 38, 0.35) !important; }

/* Spec boxes / meters */
[data-theme="dark"] body.kb-body .ks-store .ks-card--hosting .ks-card-specs { background: #101a26 !important; border-color: #243447 !important; }
[data-theme="dark"] body.kb-body .ks-store .ks-card--hosting.ks-card-featured .ks-card-specs { background: rgba(19, 100, 252, 0.12) !important; border-color: rgba(19, 100, 252, 0.28) !important; }
[data-theme="dark"] body.kb-body .ks-store .ks-spec-icon { background: #1a2736 !important; border-color: #243447 !important; color: #7db4fb !important; box-shadow: none !important; }
[data-theme="dark"] body.kb-body .ks-store .ks-spec-lbl { color: #93a6ba !important; }
[data-theme="dark"] body.kb-body .ks-store .ks-vps-meter { background: #22303f !important; }
[data-theme="dark"] body.kb-body .ks-sidebar-sticky::-webkit-scrollbar-thumb,
[data-theme="dark"] body.kb-body .ks-sidebar-sticky::-webkit-scrollbar-thumb:hover { background: #2c3d52 !important; }

/* Toolbars */
[data-theme="dark"] body.kb-body .ks-store .ks-vps-toolbar,
[data-theme="dark"] body.kb-body .ks-store .ks-hosting-toolbar { background: #141f2c !important; border-color: #243447 !important; box-shadow: none !important; }
[data-theme="dark"] body.kb-body .ks-store .ks-vps-view-toggle { background: #101a26 !important; border-color: #243447 !important; }
[data-theme="dark"] body.kb-body .ks-store .ks-vps-view-btn { color: #93a6ba !important; }
[data-theme="dark"] body.kb-body .ks-store .ks-vps-view-btn:hover { color: #e7eef6 !important; }
[data-theme="dark"] body.kb-body .ks-store .ks-vps-view-btn.is-active { background: #1f2d3d !important; color: #7db4fb !important; box-shadow: none !important; }
[data-theme="dark"] body.kb-body .ks-store .ks-vps-arch-chip { background: #1a2736 !important; border-color: #243447 !important; color: #93a6ba !important; }
[data-theme="dark"] body.kb-body .ks-store .ks-hosting-guarantee-pill { background: rgba(16, 185, 129, 0.14) !important; color: #34d399 !important; border-color: rgba(16, 185, 129, 0.35) !important; }
[data-theme="dark"] body.kb-body .ks-store .ks-hosting-stock-tag,
[data-theme="dark"] body.kb-body .ks-store .ks-hosting-setup-tag { background: rgba(16, 185, 129, 0.14) !important; color: #34d399 !important; border-color: rgba(16, 185, 129, 0.35) !important; }
[data-theme="dark"] body.kb-body .ks-store .ks-hosting-stock-tag.is-out { background: rgba(220, 38, 38, 0.16) !important; color: #f87171 !important; border-color: rgba(220, 38, 38, 0.35) !important; }

/* Comparison table */
[data-theme="dark"] body.kb-body .ks-store .ks-vps-table-wrapper { background: #141f2c !important; border-color: #243447 !important; box-shadow: none !important; }
[data-theme="dark"] body.kb-body .ks-store .ks-vps-table th { background: #101a26 !important; color: #93a6ba !important; }
[data-theme="dark"] body.kb-body .ks-store .ks-vps-table td { color: #c7d2de !important; border-bottom-color: #1c2836 !important; border-right-color: #1c2836 !important; }
[data-theme="dark"] body.kb-body .ks-store .ks-vps-table tr:hover td { background: rgba(19, 100, 252, 0.10) !important; }
[data-theme="dark"] body.kb-body .ks-store .ks-vps-table-row--featured td { background: rgba(19, 100, 252, 0.14) !important; }
[data-theme="dark"] body.kb-body .ks-store .ks-vps-tbl-plan-name,
[data-theme="dark"] body.kb-body .ks-store .ks-vps-tbl-price { color: #e7eef6 !important; }

/* Trust strips below cards */
[data-theme="dark"] body.kb-body .ks-store .ks-hosting-trust-strip { background: #141f2c !important; border-color: #243447 !important; box-shadow: none !important; }
[data-theme="dark"] body.kb-body .ks-store .ks-hosting-trust-icon { background: rgba(19, 100, 252, 0.16) !important; border-color: rgba(19, 100, 252, 0.35) !important; color: #7db4fb !important; }
[data-theme="dark"] body.kb-body .ks-store .ks-hosting-trust-heading { color: #e7eef6 !important; }
[data-theme="dark"] body.kb-body .ks-store .ks-hosting-trust-text { color: #93a6ba !important; }

/* Client welcome bar + pills */
[data-theme="dark"] body.kb-body .ks-client-bar { background: #111c29 !important; border-bottom-color: #22303f !important; box-shadow: none !important; }
[data-theme="dark"] body.kb-body .ks-client-pill { background: #162331 !important; border-color: #243447 !important; color: #c7d2de !important; }
[data-theme="dark"] body.kb-body .ks-client-pill strong { color: #e7eef6 !important; }
[data-theme="dark"] body.kb-body .ks-client-pill:hover { border-color: #1364fc !important; color: #7db4fb !important; background: rgba(19, 100, 252, 0.16) !important; }

/* Help tiles + sections */
[data-theme="dark"] body.kb-body .ks-section-alt { background: #111c29 !important; border-color: #22303f !important; }
[data-theme="dark"] body.kb-body .ks-help-tile { background: #141f2c !important; border-color: #243447 !important; }
[data-theme="dark"] body.kb-body .ks-help-tile p { color: #93a6ba !important; }

[data-theme="dark"] body.kb-body .ks-store .ks-popular-ribbon,
[data-theme="dark"] body.kb-body .ks-store .ks-card-badge {
    background: rgba(19, 100, 252, 0.18) !important;
    color: #7db4fb !important;
    border-color: rgba(19, 100, 252, 0.4) !important;
}
[data-theme="dark"] body.kb-body .ks-store .ks-popular-ribbon i,
[data-theme="dark"] body.kb-body .ks-store .ks-card-badge i { color: #fbbf24 !important; }

/* Mobile category chips */
[data-theme="dark"] body.kb-body .ks-mobile-chip { background: #141f2c !important; border-color: #243447 !important; color: #c7d2de !important; box-shadow: none !important; }
[data-theme="dark"] body.kb-body .ks-mobile-chip:hover { background: rgba(19, 100, 252, 0.16) !important; border-color: #1364fc !important; color: #7db4fb !important; }
[data-theme="dark"] body.kb-body .ks-mobile-chip.active { background: #1364fc !important; border-color: #1364fc !important; color: #ffffff !important; }
[data-theme="dark"] body.kb-body .ks-chip-badge { background: #1f2d3d !important; color: #c7d2de !important; }
[data-theme="dark"] body.kb-body .ks-mobile-chip.active .ks-chip-badge { background: rgba(255, 255, 255, 0.25) !important; color: #ffffff !important; }

/* Empty states */
[data-theme="dark"] body.kb-body .ks-empty { background: #141f2c !important; border-color: #243447 !important; color: #93a6ba !important; }
[data-theme="dark"] body.kb-body .ks-empty .bi { color: #5f7488 !important; }

/* Hero (store index) */
[data-theme="dark"] body.kb-body .ks-hero { background: #0b1420 !important; border-bottom-color: #1c2836 !important; }
[data-theme="dark"] body.kb-body .ks-domain-input { background: #141f2c !important; border-color: #2c3d52 !important; }
[data-theme="dark"] body.kb-body .ks-domain-input .form-control { background: transparent !important; color: #e7eef6 !important; }

/* Mobile: sticky first table column must follow the dark surface */
@media (max-width: 991.98px) {
    [data-theme="dark"] body.kb-body .table-responsive table th:first-child,
    [data-theme="dark"] body.kb-body .table-responsive table td:first-child {
        background: #141f2c !important;
        box-shadow: 2px 0 4px rgba(0, 0, 0, 0.4) !important;
    }
}