/*
 * Secrets Host - Brand Identity CSS
 * Primary Color: #5AEACF (Light Cyan/Turquoise)
 * Secondary Color: #03395F (Dark Navy)
 * Created: 2026-02-18
 */

/* ==========================================
   CSS VARIABLES - BRAND COLORS
   ========================================== */
:root {
    /* Primary Brand Colors */
    --brand-primary: #5AEACF;
    --brand-primary-rgb: 90, 234, 207;
    --brand-primary-dark: #1B7A6B;
    --brand-primary-light: #7FFFEE;
    
    /* Secondary Brand Colors */
    --brand-secondary: #03395F;
    --brand-secondary-rgb: 3, 57, 95;
    --brand-secondary-dark: #022642;
    --brand-secondary-light: #054B7D;
    
    /* Background Colors */
    --bg-dark: #060606;
    --bg-darker: #030303;
    --bg-card: rgba(3, 57, 95, 0.15);
    --bg-glass: rgba(3, 57, 95, 0.2);
    
    /* Text Colors */
    --text-primary: #ffffff;
    --text-secondary: rgba(255, 255, 255, 0.85);
    --text-muted: rgba(255, 255, 255, 0.6);
    
    /* Gradients */
    --gradient-primary: linear-gradient(135deg, #5AEACF 0%, #03395F 100%);
    --gradient-button: linear-gradient(135deg, #5AEACF 0%, #1B7A6B 100%);
    --gradient-header: linear-gradient(180deg, #03395F 0%, #060606 100%);
    --gradient-sidebar: linear-gradient(180deg, #000000 0%, #011827 20%, #03395F 50%, #022642 100%);
    
    /* Shadows */
    --shadow-primary: 0 4px 15px rgba(90, 234, 207, 0.3);
    --shadow-primary-hover: 0 8px 25px rgba(90, 234, 207, 0.5);
    --shadow-secondary: 0 4px 15px rgba(3, 57, 95, 0.3);
    --shadow-card: 0 10px 30px rgba(0, 0, 0, 0.4);
    
    /* Borders */
    --border-primary: rgba(90, 234, 207, 0.3);
    --border-secondary: rgba(3, 57, 95, 0.5);
    --border-subtle: rgba(255, 255, 255, 0.08);
}

/* ==========================================
   GLOBAL STYLES
   ========================================== */
body, html, .bg-twelve, .main-page-wrapper {
    background: var(--bg-dark) !important;
    background-color: var(--bg-dark) !important;
    color: var(--text-secondary) !important;
}

/* ==========================================
   HEADER & NAVIGATION
   ========================================== */
.theme-main-menu, 
.theme-main-menu.sticky-menu, 
.theme-main-menu.fixed {
    background: var(--gradient-header) !important;
    backdrop-filter: blur(8px) !important;
    -webkit-backdrop-filter: blur(8px) !important;
    border-bottom: 1px solid var(--border-primary) !important;
    box-shadow: 0 10px 30px rgba(3, 57, 95, 0.3) !important;
    will-change: transform;
    transform: translateZ(0);
}

/* Navigation Links */
.navbar-nav .nav-link {
    color: var(--text-primary) !important;
    font-weight: 600 !important;
    transition: color 0.15s ease-out, background 0.15s ease-out !important;
}

.navbar-nav .nav-link:hover, 
.navbar-nav .active .nav-link {
    color: var(--brand-primary) !important;
    text-shadow: 0 0 10px rgba(var(--brand-primary-rgb), 0.4);
    background: rgba(var(--brand-secondary-rgb), 0.3);
    border-radius: 8px;
}

/* Dropdown Menus */
.dropdown-menu {
    background: var(--brand-secondary) !important;
    border: 1px solid var(--border-primary) !important;
    border-radius: 15px !important;
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.5) !important;
}

.dropdown-item {
    color: rgba(255, 255, 255, 0.8) !important;
    transition: color 0.1s ease, background 0.1s ease, border-color 0.1s ease !important;
}

.dropdown-item:hover, 
.dropdown-item:focus {
    background: rgba(var(--brand-primary-rgb), 0.15) !important;
    color: var(--text-primary) !important;
}

/* ==========================================
   HEADER BUTTONS
   ========================================== */
.btn-header-unified {
    background: rgba(var(--brand-secondary-rgb), 0.4) !important;
    border: 1px solid var(--border-primary) !important;
    color: var(--text-primary) !important;
    padding: 6px 14px !important;
    border-radius: 50px !important;
    transition: color 0.15s ease, background 0.15s ease, border-color 0.15s ease !important;
    box-shadow: 0 2px 5px rgba(var(--brand-secondary-rgb), 0.3) !important;
}

.btn-header-unified:hover, 
.btn-header-unified[aria-expanded="true"] {
    background: rgba(var(--brand-primary-rgb), 0.2) !important;
    border-color: var(--brand-primary) !important;
    transform: translateY(-1px) !important;
    box-shadow: var(--shadow-primary) !important;
}

.btn-header-unified i {
    color: var(--brand-primary) !important;
}

/* ==========================================
   SIDEBAR
   ========================================== */
.sidebar .panel-sidebar {
    background: var(--bg-glass) !important;
    border: 1px solid var(--border-primary) !important;
    border-radius: 16px !important;
    box-shadow: 0 8px 32px rgba(3, 57, 95, 0.2) !important;
    overflow: hidden !important;
}

.sidebar .panel-sidebar:hover {
    border-color: var(--brand-primary) !important;
    box-shadow: 0 12px 40px rgba(var(--brand-primary-rgb), 0.15) !important;
}

.sidebar .panel-heading {
    background: rgba(var(--brand-secondary-rgb), 0.3) !important;
    border-bottom: 1px solid var(--border-primary) !important;
}

.sidebar .panel-title {
    color: var(--text-primary) !important;
}

.sidebar .panel-title i {
    color: var(--brand-primary) !important;
}

.sidebar .list-group-item {
    background: transparent !important;
    color: var(--text-secondary) !important;
    border: none !important;
    border-left: 3px solid transparent !important;
}

.sidebar .list-group-item:hover {
    background: linear-gradient(90deg, rgba(var(--brand-primary-rgb), 0.1), transparent) !important;
    color: var(--text-primary) !important;
    border-left-color: var(--brand-primary) !important;
}

.sidebar .list-group-item:hover i {
    color: var(--brand-primary) !important;
}

.sidebar .list-group-item.active {
    background: linear-gradient(90deg, rgba(var(--brand-primary-rgb), 0.2), transparent) !important;
    border-left-color: var(--brand-primary) !important;
}

.sidebar .badge {
    background: rgba(var(--brand-primary-rgb), 0.2) !important;
    color: var(--brand-primary) !important;
    border: 1px solid var(--border-primary) !important;
}

/* ==========================================
   CARDS & PANELS
   ========================================== */
.panel, 
.card,
.tile,
.well,
.home-shortcuts,
.kb-recent,
.client-home-panels .panel {
    background: var(--bg-glass) !important;
    border: 1px solid var(--border-secondary) !important;
    border-radius: 20px !important;
    box-shadow: var(--shadow-card) !important;
}

.panel:hover,
.card:hover,
.tile:hover {
    border-color: var(--border-primary) !important;
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.5), 0 0 20px rgba(var(--brand-primary-rgb), 0.1) !important;
}

.panel-heading, 
.card-header {
    background: rgba(var(--brand-secondary-rgb), 0.3) !important;
    border-bottom: 1px solid var(--border-primary) !important;
}

.panel-title, 
.card-title {
    color: var(--text-primary) !important;
}

/* ==========================================
   BUTTONS
   ========================================== */
.btn-primary, 
.btn-order, 
.order-button {
    background: var(--gradient-button) !important;
    border: none !important;
    box-shadow: var(--shadow-primary) !important;
    color: var(--text-primary) !important;
    border-radius: 50px !important;
    font-weight: 600 !important;
}

.btn-primary:hover, 
.btn-order:hover, 
.order-button:hover {
    transform: translateY(-2px) !important;
    box-shadow: var(--shadow-primary-hover) !important;
}

.btn-secondary {
    background: var(--brand-secondary) !important;
    border: 1px solid var(--border-primary) !important;
    color: var(--text-primary) !important;
}

.btn-secondary:hover {
    background: var(--brand-secondary-light) !important;
    box-shadow: var(--shadow-secondary) !important;
}

.btn-glassy-purple {
    background: var(--gradient-button) !important;
    border: none !important;
    box-shadow: var(--shadow-primary) !important;
}

.btn-glassy-purple:hover {
    box-shadow: var(--shadow-primary-hover) !important;
}

/* ==========================================
   FORMS & INPUTS
   ========================================== */
.form-control, 
input[type="text"], 
input[type="password"], 
input[type="email"], 
select, 
textarea {
    background: rgba(var(--brand-secondary-rgb), 0.3) !important;
    border: 1px solid var(--border-secondary) !important;
    border-radius: 12px !important;
    color: var(--text-primary) !important;
}

.form-control:focus, 
input:focus, 
select:focus, 
textarea:focus {
    background: rgba(var(--brand-secondary-rgb), 0.5) !important;
    border-color: var(--brand-primary) !important;
    box-shadow: 0 0 0 4px rgba(var(--brand-primary-rgb), 0.1) !important;
}

select option {
    background-color: var(--brand-secondary) !important;
    color: var(--text-primary) !important;
}

/* ==========================================
   TABLES
   ========================================== */
.table-container, 
.dataTables_wrapper, 
.table-responsive {
    background: rgba(var(--brand-secondary-rgb), 0.1) !important;
    border-radius: 15px !important;
    border: 1px solid var(--border-secondary) !important;
}

.table thead th, 
table.dataTable thead th {
    background: rgba(var(--brand-secondary-rgb), 0.5) !important;
    color: var(--text-primary) !important;
    border: none !important;
}

.table tbody tr, 
table.dataTable tbody tr {
    background: rgba(var(--brand-secondary-rgb), 0.2) !important;
}

.table tbody tr:hover, 
table.dataTable tbody tr:hover {
    background: rgba(var(--brand-primary-rgb), 0.1) !important;
}

.table td, 
table.dataTable td {
    color: var(--text-secondary) !important;
    border-top: 1px solid var(--border-subtle) !important;
}

.dataTables_paginate .paginate_button.current, 
.dataTables_paginate .paginate_button:hover {
    background: var(--brand-primary) !important;
    color: var(--brand-secondary) !important;
    border-color: var(--brand-primary) !important;
}

/* ==========================================
   ALERTS & NOTIFICATIONS
   ========================================== */
.alert {
    border-radius: 15px !important;
}

.alert-info {
    background: rgba(var(--brand-secondary-rgb), 0.3) !important;
    border-left: 5px solid var(--brand-primary) !important;
    color: var(--text-primary) !important;
}

.alert-success {
    background: rgba(40, 167, 69, 0.2) !important;
    border-left: 5px solid #28a745 !important;
}

.alert-warning {
    background: rgba(255, 193, 7, 0.2) !important;
    border-left: 5px solid #ffc107 !important;
}

.alert-danger {
    background: rgba(220, 53, 69, 0.2) !important;
    border-left: 5px solid #dc3545 !important;
}

/* ==========================================
   STATUS LABELS
   ========================================== */
.label, 
.label-success, 
.label-active {
    background: rgba(40, 167, 69, 0.2) !important;
    color: #2ecc71 !important;
    border: 1px solid rgba(40, 167, 69, 0.3) !important;
    border-radius: 6px !important;
}

.label-pending {
    background: rgba(255, 193, 7, 0.2) !important;
    color: #ffc107 !important;
    border: 1px solid rgba(255, 193, 7, 0.3) !important;
}

.label-terminated, 
.label-suspended, 
.label-cancelled, 
.label-expired {
    background: rgba(220, 53, 69, 0.2) !important;
    color: #dc3545 !important;
    border: 1px solid rgba(220, 53, 69, 0.3) !important;
}

/* ==========================================
   PRICE TABLES
   ========================================== */
.price-table-container .price-table {
    background: var(--bg-glass) !important;
    border: 1px solid var(--border-secondary) !important;
}

.price-table-container .price-table:hover {
    border-color: var(--brand-primary) !important;
}

.price-table .price {
    background: linear-gradient(135deg, var(--text-primary) 0%, var(--brand-primary) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.price-table ul li {
    border-bottom: 1px solid var(--border-subtle) !important;
    color: var(--text-secondary) !important;
}

.price-table ul li i {
    color: var(--brand-primary) !important;
}

/* ==========================================
   SERVICE LIST
   ========================================== */
.div-service-item, 
.list-group-item,
.client-home-panels .list-group-item {
    color: var(--text-secondary) !important;
    background: transparent !important;
    border-bottom: 1px solid var(--border-subtle) !important;
}

.div-service-item:hover, 
.list-group-item:hover,
.client-home-panels .list-group-item:hover {
    background: linear-gradient(90deg, rgba(var(--brand-primary-rgb), 0.1), transparent) !important;
    border-left: 3px solid var(--brand-primary) !important;
}

/* ==========================================
   LINKS
   ========================================== */
a {
    color: var(--brand-primary) !important;
    transition: color 0.15s ease;
}

a:hover {
    color: var(--brand-primary-light) !important;
    text-shadow: 0 0 10px rgba(var(--brand-primary-rgb), 0.5);
}

/* ==========================================
   BREADCRUMBS
   ========================================== */
.breadcrumb {
    background: transparent !important;
}

.breadcrumb-item a {
    color: var(--text-muted) !important;
}

.breadcrumb-item.active {
    color: var(--brand-primary) !important;
}

/* ==========================================
   SCROLLBAR
   ========================================== */
::-webkit-scrollbar {
    width: 10px;
}

::-webkit-scrollbar-track {
    background: var(--bg-dark);
}

::-webkit-scrollbar-thumb {
    background: var(--brand-secondary);
    border-radius: 5px;
}

::-webkit-scrollbar-thumb:hover {
    background: var(--brand-primary);
}

/* ==========================================
   FOOTER
   ========================================== */
footer, 
.footer {
    background: var(--gradient-sidebar) !important;
    border-top: 1px solid var(--border-primary) !important;
}

footer h4, 
footer h5, 
footer h6,
.footer h4, 
.footer h5, 
.footer h6 {
    color: var(--brand-primary) !important;
}

footer a,
.footer a {
    color: var(--text-secondary) !important;
}

footer a:hover,
.footer a:hover {
    color: var(--brand-primary) !important;
}

/* ==========================================
   SPECIAL ELEMENTS
   ========================================== */
/* Affiliate Link */
.special-affiliate-link {
    background: linear-gradient(135deg, rgba(var(--brand-primary-rgb), 0.1), rgba(var(--brand-primary-rgb), 0.2)) !important;
    border: 1px solid var(--border-primary) !important;
}

.special-affiliate-link:hover {
    background: var(--gradient-button) !important;
    border-color: var(--brand-primary) !important;
    box-shadow: 0 0 15px rgba(var(--brand-primary-rgb), 0.4) !important;
}

/* Cart Badge */
.cart-badge-counter {
    background: #ff3b30 !important;
    border: 2px solid var(--brand-secondary) !important;
}

/* Domain Search */
.domain-search-hero-wrapper {
    background: rgba(var(--brand-secondary-rgb), 0.6) !important;
    border: 1px solid var(--border-primary) !important;
}

.domain-search-hero-wrapper:hover, 
.domain-search-hero-wrapper:focus-within {
    border-color: var(--brand-primary) !important;
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.6), 0 0 30px rgba(var(--brand-primary-rgb), 0.2) !important;
}

.domain-search-hero-wrapper .fa-search {
    color: var(--brand-primary) !important;
}

.domain-search-hero-wrapper .hero-search-btn {
    background: var(--gradient-button) !important;
    box-shadow: var(--shadow-primary) !important;
}

/* Payment Gateways */
label.radio-inline:has(.checked),
label.radio-inline:has(input:checked) {
    background: rgba(var(--brand-primary-rgb), 0.15) !important;
    border-color: var(--brand-primary) !important;
    box-shadow: 0 5px 15px rgba(var(--brand-primary-rgb), 0.15) !important;
}

label.radio-inline::before {
    background: var(--brand-primary) !important;
}

/* ==========================================
   MOBILE NAVIGATION
   ========================================== */
@media (max-width: 991px) {
    .navbar-collapse {
        background: var(--brand-secondary) !important;
        border-top: 1px solid var(--border-primary) !important;
        box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5) !important;
    }
    
    .navbar-nav .dropdown-menu {
        background: rgba(var(--brand-secondary-rgb), 0.8) !important;
        border-left: 2px solid rgba(var(--brand-primary-rgb), 0.2) !important;
    }
}

/* ==========================================
   RESPONSIVE DESIGN
   ========================================== */
@media (max-width: 768px) {
    .panel, .card {
        margin: 10px 5px !important;
        border-radius: 15px !important;
    }
    
    .btn-primary, .btn-order {
        padding: 12px 20px !important;
        font-size: 0.85rem !important;
    }
}

@media (max-width: 576px) {
    .sidebar .panel-sidebar {
        border-radius: 12px !important;
    }
    
    .form-control {
        padding: 10px 14px !important;
    }
}

/* ==========================================
   PRINT STYLES
   ========================================== */
@media print {
    body {
        background: white !important;
        color: black !important;
    }
    
    .panel, .card {
        background: white !important;
        border: 1px solid #ddd !important;
        box-shadow: none !important;
    }
}

/* ==========================================
   HIGH CONTRAST MODE
   ========================================== */
@media (prefers-contrast: high) {
    :root {
        --brand-primary: #00FFD4;
        --text-secondary: #ffffff;
    }
}

/* ==========================================
   REDUCED MOTION
   ========================================== */
@media (prefers-reduced-motion: reduce) {
    * {
        transition: none !important;
        animation: none !important;
    }
}

/* ==========================================
   NUCLEAR COLOR OVERRIDE - REMOVE ALL PURPLE
   ========================================== */

/* Override Bootstrap Primary */
.text-primary,
.text-primary-emphasis,
i.text-primary,
.fa.text-primary,
.fas.text-primary,
.far.text-primary,
.fab.text-primary {
    color: var(--brand-primary) !important;
}

.bg-primary {
    background-color: var(--brand-primary) !important;
}

.border-primary {
    border-color: var(--brand-primary) !important;
}

/* Billing Cycle Tabs */
.billing-cycle-tab {
    background: rgba(var(--brand-secondary-rgb), 0.3) !important;
    border-radius: 12px !important;
    padding: 5px !important;
    display: inline-flex !important;
    gap: 5px !important;
}

.billing-cycle-tab .cycle-tab {
    background: transparent !important;
    color: var(--text-secondary) !important;
    border: none !important;
    border-radius: 8px !important;
    padding: 10px 20px !important;
    cursor: pointer !important;
    transition: color 0.2s ease, background 0.2s ease, border-color 0.2s ease !important;
    font-weight: 600 !important;
}

.billing-cycle-tab .cycle-tab:hover {
    background: rgba(var(--brand-primary-rgb), 0.1) !important;
    color: var(--text-primary) !important;
}

.billing-cycle-tab .cycle-tab.active {
    background: var(--gradient-button) !important;
    color: var(--text-primary) !important;
    box-shadow: var(--shadow-primary) !important;
}

/* Product Cards */
.tt-single-product,
.product-card,
.price-card {
    background: var(--bg-glass) !important;
    border: 1px solid var(--border-secondary) !important;
    border-radius: 16px !important;
    transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease !important;
    will-change: transform;
}

.tt-single-product:hover,
.product-card:hover,
.price-card:hover {
    border-color: var(--brand-primary) !important;
    box-shadow: 0 10px 40px rgba(var(--brand-primary-rgb), 0.15) !important;
    transform: translateY(-5px) !important;
}

.tt-single-product.popular-plan,
.product-card.popular,
.price-card.featured {
    border: 2px solid var(--brand-primary) !important;
    box-shadow: 0 0 30px rgba(var(--brand-primary-rgb), 0.2) !important;
}

/* Product Features List */
.tt-single-product ul li,
.product-desc ul li,
.tt-product-desc ul li {
    border-bottom: 1px solid var(--border-subtle) !important;
    color: var(--text-secondary) !important;
}

.tt-single-product ul li i,
.product-desc ul li i,
.tt-product-desc ul li i {
    color: var(--brand-primary) !important;
}

/* Feature Name Icons */
.feature-name i,
.feature-icon,
i.fa-tachometer-alt,
i.fa-microchip,
i.fa-memory,
i.fa-hdd,
i.fa-network-wired,
i.fa-server {
    color: var(--brand-primary) !important;
}

/* Order Button */
.tt-single-product .btn,
.product-card .btn-order,
.order-now-btn,
a[href*="cart.php"] .btn {
    background: var(--gradient-button) !important;
    border: none !important;
    color: var(--text-primary) !important;
    box-shadow: var(--shadow-primary) !important;
}

.tt-single-product .btn:hover,
.product-card .btn-order:hover,
.order-now-btn:hover {
    box-shadow: var(--shadow-primary-hover) !important;
    transform: scale(1.05) !important;
}

/* Price Display */
.tt-single-product .price,
.product-price,
.plan-price,
.pricing_main .price {
    color: var(--brand-primary) !important;
    font-weight: 700 !important;
}

/* All Icons Override */
.fa-check,
.fa-check-circle,
.fa-check-square,
i.fa-check,
i.fa-check-circle {
    color: var(--brand-primary) !important;
}

/* Badge Overrides */
.badge-primary,
.badge-purple,
.badge-info {
    background: var(--brand-primary) !important;
    color: var(--brand-secondary) !important;
    border: none !important;
}

/* Tab Navigation */
.nav-tabs .nav-link.active,
.nav-pills .nav-link.active {
    background: var(--brand-primary) !important;
    color: var(--brand-secondary) !important;
    border-color: var(--brand-primary) !important;
}

.nav-tabs .nav-link:hover,
.nav-pills .nav-link:hover {
    border-color: var(--brand-primary) !important;
    color: var(--brand-primary) !important;
}

/* Progress Bars */
.progress-bar,
.progress-bar-primary {
    background: var(--gradient-button) !important;
}

/* Pagination */
.pagination .page-item.active .page-link {
    background: var(--brand-primary) !important;
    border-color: var(--brand-primary) !important;
    color: var(--brand-secondary) !important;
}

.pagination .page-link {
    background: rgba(var(--brand-secondary-rgb), 0.3) !important;
    border-color: var(--border-secondary) !important;
    color: var(--text-secondary) !important;
}

.pagination .page-link:hover {
    background: rgba(var(--brand-primary-rgb), 0.2) !important;
    border-color: var(--brand-primary) !important;
    color: var(--brand-primary) !important;
}

/* Selection/Highlight */
::selection {
    background: rgba(var(--brand-primary-rgb), 0.3) !important;
    color: var(--text-primary) !important;
}

::-moz-selection {
    background: rgba(var(--brand-primary-rgb), 0.3) !important;
    color: var(--text-primary) !important;
}

/* Focus States */
*:focus,
button:focus,
a:focus,
input:focus,
select:focus,
textarea:focus {
    outline-color: var(--brand-primary) !important;
    box-shadow: 0 0 0 3px rgba(var(--brand-primary-rgb), 0.2) !important;
}

/* Loading Spinners */
.spinner-border,
.spinner-grow,
.fa-spinner,
.fa-spin {
    color: var(--brand-primary) !important;
}

/* Tooltips */
.tooltip-inner {
    background: var(--brand-secondary) !important;
    color: var(--text-primary) !important;
}

.tooltip .arrow::before,
.bs-tooltip-top .arrow::before {
    border-top-color: var(--brand-secondary) !important;
}

/* Popovers */
.popover {
    background: var(--brand-secondary) !important;
    border-color: var(--border-primary) !important;
}

.popover-header {
    background: rgba(var(--brand-primary-rgb), 0.1) !important;
    border-color: var(--border-primary) !important;
    color: var(--text-primary) !important;
}

.popover-body {
    color: var(--text-secondary) !important;
}

/* Custom Checkbox & Radio */
input[type="checkbox"]:checked,
input[type="radio"]:checked {
    accent-color: var(--brand-primary) !important;
}

/* Range Sliders */
input[type="range"]::-webkit-slider-thumb {
    background: var(--brand-primary) !important;
}

input[type="range"]::-moz-range-thumb {
    background: var(--brand-primary) !important;
}

/* Custom Switch */
.custom-switch .custom-control-input:checked ~ .custom-control-label::before {
    background-color: var(--brand-primary) !important;
    border-color: var(--brand-primary) !important;
}

/* ============================================
   NUCLEAR PURPLE REMOVAL - ALL VARIATIONS
   ============================================ */

/* Override all inline purple text colors */
[style*="purple"],
[style*="8c32ff"],
[style*="8C32FF"],
[style*="#8c32ff"],
[style*="#8C32FF"],
[style*="6414dd"],
[style*="6414DD"],
[style*="#6414dd"],
[style*="#6414DD"],
[style*="7c3aed"],
[style*="7C3AED"],
[style*="673ab7"],
[style*="673AB7"],
[style*="rgb(140, 50, 255)"],
[style*="rgb(100, 20, 221)"] {
    color: var(--brand-primary) !important;
}

/* Override all inline purple backgrounds - WITH GRADIENT SUPPORT */
[style*="background"][style*="8c32ff"],
[style*="background"][style*="8C32FF"],
[style*="background"][style*="6414dd"],
[style*="background"][style*="6414DD"],
[style*="background"][style*="purple"],
[style*="background"][style*="rgb(140, 50, 255)"],
[style*="background"][style*="rgb(100, 20, 221)"] {
    background: linear-gradient(135deg, #5AEACF 0%, #1B7A6B 100%) !important;
    background-color: #5AEACF !important;
}

/* Override inline border colors */
[style*="border"][style*="8c32ff"],
[style*="border"][style*="8C32FF"],
[style*="border"][style*="6414dd"],
[style*="border"][style*="purple"] {
    border-color: var(--brand-primary) !important;
}

/* Override box-shadow with purple */
[style*="box-shadow"][style*="8c32ff"],
[style*="box-shadow"][style*="140, 50, 255"],
[style*="box-shadow"][style*="6414dd"] {
    box-shadow: 0 4px 15px rgba(90, 234, 207, 0.3) !important;
}

/* Force buttons with inline purple gradients */
.btn[style*="8c32ff"],
.btn[style*="6414dd"],
a.btn[style*="8c32ff"],
a.btn[style*="6414dd"],
button[style*="8c32ff"],
button[style*="6414dd"] {
    background: linear-gradient(135deg, #5AEACF 0%, #1B7A6B 100%) !important;
    border: none !important;
    box-shadow: 0 4px 15px rgba(90, 234, 207, 0.3) !important;
}

/* Sidebar panel footer buttons - NUCLEAR */
.panel-sidebar .panel-footer a.btn,
.card-sidebar .card-footer a.btn,
.panel-sidebar .panel-footer .btn,
.card-sidebar .card-footer .btn {
    background: linear-gradient(135deg, #5AEACF 0%, #1B7A6B 100%) !important;
    border: none !important;
    color: white !important;
    box-shadow: 0 4px 15px rgba(90, 234, 207, 0.3) !important;
}

.panel-sidebar .panel-footer a.btn-default,
.card-sidebar .card-footer a.btn-default,
.panel-sidebar .panel-footer a.btn-outline-primary,
.card-sidebar .card-footer a.btn-outline-primary {
    background: rgba(3, 57, 95, 0.3) !important;
    border: 1px solid rgba(90, 234, 207, 0.3) !important;
    color: #5AEACF !important;
    box-shadow: none !important;
}

/* Invoice container overrides */
.invoice-container,
.container-fluid.invoice-container {
    background: var(--bg-card) !important;
    border-color: var(--border-primary) !important;
}

/* ============================================
   GLOBAL HOVER STATE OVERRIDES
   ============================================ */

/* All buttons hover - prevent purple */
.btn:hover,
button:hover,
a.btn:hover,
.btn-primary:hover,
.btn-success:hover,
.btn-wizard-next:hover {
    background: linear-gradient(135deg, #1B7A6B 0%, #03395F 100%) !important;
    border-color: #5AEACF !important;
}

/* Wizard progress indicators */
.wizard-step-item.active .step-icon,
.wizard-step-item.active .step-circle {
    background: linear-gradient(135deg, #03395F 0%, #1B7A6B 100%) !important;
    border-color: #5AEACF !important;
    color: #5AEACF !important;
    box-shadow: 0 0 15px rgba(90, 234, 207, 0.25) !important;
}

/* OS Selection cards */
.os-family-card.active,
.os-version-card.selected {
    background: linear-gradient(135deg, #03395F 0%, #1B7A6B 100%) !important;
    border: 2px solid #5AEACF !important;
    color: #fff !important;
}

/* Ensure all links have correct hover */
a:hover,
.nav-link:hover,
.list-group-item:hover {
    color: #7FFFEE !important;
}