/* ============================================================
   BAGFUL v4 — NUCLEAR DARK v2 (Lighter Palette)
   Load in templates/eight/css/nuclear-dark.css
   Catches anything whmcs-style.css misses via html body prefix
   Matched tokens: bg #1e2636, surface #253040, card #2c3a4d
   ============================================================ */

/* ── Foundation ── */
html body {
    background: #1e2636 !important;
    color: #e2e6f0 !important;
}
html body #main-body,
html body .body-content,
html body .main-content,
html body .container-fluid,
html body .container,
html body section,
html body #order-standard_cart,
html body #order-boxes,
html body [class*="order-"],
html body .row {
    background: #1e2636 !important;
    color: #e2e6f0 !important;
}

/* ── Headings ── */
html body h1, html body h2, html body h3,
html body h4, html body h5, html body h6 {
    color: #e2e6f0 !important;
}

/* ── Text ── */
html body p { color: #8fa0b8 !important; }
html body strong, html body b { color: #e2e6f0 !important; }
html body a { color: #4a8db5 !important; }
html body a:hover { color: #5aa3cf !important; }
html body .text-muted, html body small, html body .help-block {
    color: #687d96 !important;
}

/* ── Panels / Cards / Product boxes ── */
html body .product,
html body .product-item,
html body .product-card,
html body [class*="product"],
html body .panel,
html body .panel-default,
html body .panel-primary,
html body .panel-info,
html body .panel-success,
html body .panel-warning,
html body .panel-danger,
html body .card,
html body .well,
html body .thumbnail,
html body .list-group,
html body .box {
    background: #2c3a4d !important;
    border: 1px solid #3d5068 !important;
    color: #e2e6f0 !important;
    box-shadow: 0 2px 12px rgba(0,0,0,.25) !important;
}
html body .panel-heading {
    background: #344558 !important;
    border-bottom: 1px solid #3d5068 !important;
    color: #e2e6f0 !important;
}
html body .panel-body {
    background: #2c3a4d !important;
    color: #e2e6f0 !important;
}
html body .panel-footer {
    background: #344558 !important;
    border-top: 1px solid #3d5068 !important;
    color: #8fa0b8 !important;
}

/* ── Tables ── */
html body table, html body .table {
    color: #e2e6f0 !important;
}
html body .table thead th,
html body .table > thead > tr > th {
    background: #344558 !important;
    color: #8fa0b8 !important;
    border-bottom: 2px solid #3d5068 !important;
}
html body .table > tbody > tr > td {
    border-top: 1px solid #334460 !important;
    color: #e2e6f0 !important;
    background: transparent !important;
}
html body .table-striped > tbody > tr:nth-child(odd) > td {
    background: rgba(255,255,255,.02) !important;
}
html body .table > tbody > tr:hover > td {
    background: #344558 !important;
}
html body .table td a { color: #4a8db5 !important; }

/* ── DataTables ── */
html body .dataTables_wrapper { color: #687d96 !important; }
html body .dataTables_length select,
html body .dataTables_filter input {
    background: #253040 !important;
    border: 1px solid #3d5068 !important;
    color: #e2e6f0 !important;
}
html body .dataTables_paginate .paginate_button {
    background: #2c3a4d !important;
    border: 1px solid #3d5068 !important;
    color: #687d96 !important;
}
html body .dataTables_paginate .paginate_button.current,
html body .dataTables_paginate .paginate_button:hover {
    background: #4a8db5 !important;
    border-color: #4a8db5 !important;
    color: #fff !important;
}

/* ── Forms ── */
html body .form-control,
html body input[type="text"],
html body input[type="email"],
html body input[type="password"],
html body input[type="number"],
html body input[type="tel"],
html body input[type="url"],
html body input[type="search"],
html body select,
html body textarea {
    background: #253040 !important;
    border: 1px solid #3d5068 !important;
    color: #e2e6f0 !important;
}
html body .form-control:focus,
html body input:focus,
html body select:focus {
    border-color: #4a8db5 !important;
    box-shadow: 0 0 0 3px rgba(74,141,181,.15) !important;
}
html body select.form-control option {
    background: #2c3a4d !important;
    color: #e2e6f0 !important;
}
html body label, html body .control-label {
    color: #8fa0b8 !important;
}

/* ── Buttons ── */
html body .btn-default {
    background: transparent !important;
    border: 1px solid #3d5068 !important;
    color: #8fa0b8 !important;
}
html body .btn-default:hover {
    background: #344558 !important;
    color: #e2e6f0 !important;
}
html body .btn-primary {
    background: #4a8db5 !important;
    border-color: #4a8db5 !important;
    color: #fff !important;
}
html body .btn-primary:hover {
    background: #5aa3cf !important;
}
html body .btn-success {
    background: #27ae60 !important;
    border-color: #27ae60 !important;
    color: #fff !important;
}
html body .btn-danger {
    background: #c0392b !important;
    border-color: #c0392b !important;
    color: #fff !important;
}
html body .btn-info {
    background: #4a8db5 !important;
    border-color: #4a8db5 !important;
    color: #fff !important;
}
html body .table .btn,
html body .btn-group .btn {
    background: #2c3a4d !important;
    border: 1px solid #3d5068 !important;
    color: #687d96 !important;
}
html body .table .btn:hover,
html body .btn-group .btn:hover {
    background: #344558 !important;
    color: #4a8db5 !important;
}

/* ── Badges ── */
html body .label-danger  { background: rgba(192,57,43,.20) !important; color: #e88a80 !important; }
html body .label-success { background: rgba(39,174,96,.20) !important; color: #5cd68c !important; }
html body .label-warning { background: rgba(230,126,34,.20) !important; color: #f0a869 !important; }
html body .label-info    { background: rgba(74,141,181,.20) !important; color: #7eb8d9 !important; }
html body .label-default { background: #344558 !important; color: #8fa0b8 !important; }
html body .text-danger { color: #e88a80 !important; }
html body .text-success { color: #5cd68c !important; }
html body .text-warning { color: #f0a869 !important; }
html body .text-info { color: #4a8db5 !important; }
html body .text-muted { color: #687d96 !important; }

/* ── Sidebar ── */
html body .sidebar .panel { background: #2c3a4d !important; }
html body .sidebar .panel-heading {
    background: #344558 !important;
    color: #8fa0b8 !important;
}
html body .sidebar .list-group-item {
    background: #2c3a4d !important;
    border-color: #334460 !important;
    color: #8fa0b8 !important;
}
html body .sidebar .list-group-item:hover {
    background: #344558 !important;
    color: #e2e6f0 !important;
}
html body .sidebar .list-group-item.active {
    background: #344558 !important;
    border-left: 2px solid #4a8db5 !important;
    color: #4a8db5 !important;
}

/* ── Alerts ── */
html body .alert-info    { background: rgba(74,141,181,.15) !important; border-left: 3px solid #4a8db5 !important; color: #7eb8d9 !important; }
html body .alert-success { background: rgba(39,174,96,.15) !important; border-left: 3px solid #27ae60 !important; color: #7dd4a0 !important; }
html body .alert-warning { background: rgba(230,126,34,.15) !important; border-left: 3px solid #e67e22 !important; color: #f0a869 !important; }
html body .alert-danger  { background: rgba(192,57,43,.15) !important; border-left: 3px solid #c0392b !important; color: #e88a80 !important; }
html body .alert a { color: #4a8db5 !important; }

/* ── Tabs ── */
html body .nav-tabs { border-bottom: 1px solid #3d5068 !important; }
html body .nav-tabs > li > a { color: #687d96 !important; }
html body .nav-tabs > li > a:hover { color: #e2e6f0 !important; }
html body .nav-tabs > li.active > a {
    background: #2c3a4d !important;
    border-color: #3d5068 !important;
    border-bottom-color: #2c3a4d !important;
    color: #4a8db5 !important;
}
html body .tab-content {
    background: #2c3a4d !important;
    border: 1px solid #3d5068 !important;
    border-top: none !important;
    color: #e2e6f0 !important;
}

/* ── Modals ── */
html body .modal-content { background: #2c3a4d !important; border: 1px solid #3d5068 !important; color: #e2e6f0 !important; }
html body .modal-header { background: #344558 !important; border-bottom: 1px solid #3d5068 !important; }
html body .modal-title { color: #e2e6f0 !important; }
html body .modal-header .close { color: #687d96 !important; text-shadow: none !important; }
html body .modal-footer { background: #344558 !important; border-top: 1px solid #3d5068 !important; }

/* ── Dropdowns ── */
html body .dropdown-menu { background: #2c3a4d !important; border: 1px solid #3d5068 !important; box-shadow: 0 8px 32px rgba(0,0,0,.35) !important; }
html body .dropdown-menu > li > a { color: #8fa0b8 !important; }
html body .dropdown-menu > li > a:hover { background: #344558 !important; color: #e2e6f0 !important; }
html body .dropdown-menu .divider { background: #3d5068 !important; }

/* ── Pagination ── */
html body .pagination > li > a { background: #2c3a4d !important; border: 1px solid #3d5068 !important; color: #687d96 !important; }
html body .pagination > li > a:hover { background: #344558 !important; color: #4a8db5 !important; }
html body .pagination > .active > a { background: #4a8db5 !important; border-color: #4a8db5 !important; color: #fff !important; }

/* ── Order summary / Cart ── */
html body .order-summary,
html body #orderSummary,
html body .cart-sidebar { background: #2c3a4d !important; border: 1px solid #3d5068 !important; color: #e2e6f0 !important; }

/* ── Login / Register ── */
html body .login-container,
html body .register-container,
html body .logincontainer { background: #2c3a4d !important; border: 1px solid #3d5068 !important; border-radius: 8px; }

/* ── Misc ── */
html body hr { border-color: #3d5068 !important; }
html body .page-header { border-bottom: 1px solid #3d5068 !important; }
html body .breadcrumb { background: transparent !important; }
html body .breadcrumb a { color: #8fa0b8 !important; }
html body .breadcrumb > .active { color: #687d96 !important; }
html body .progress { background: #253040 !important; }
html body .progress-bar { background: #4a8db5 !important; }
html body .tooltip-inner { background: #344558 !important; color: #e2e6f0 !important; }
html body .bg-white, html body .bg-light { background: #2c3a4d !important; }
html body [class*="col-"] { background: transparent; }

/* ── Scrollbar ── */
::-webkit-scrollbar { width: 6px; }
::-webkit-scrollbar-track { background: #1e2636; }
::-webkit-scrollbar-thumb { background: #3d5068; border-radius: 3px; }
::-webkit-scrollbar-thumb:hover { background: #687d96; }