/**
 * Custom CSS Child Theme
 *
 * This template is a child theme override for the custom CSS in WHMCS. It provides a custom design and layout for various elements, including a multi-step form and an informational slider.
 *
 * @package      templates\herc-theme\css\custom.css
 * @version      3.4.1
 * @since        2026-06-11
 * @modified     2026-06-15
 * @author       Héctor Enrique Rojas Cano <hrojas@herc-solutions.com>
 * @link         https://herc-solutions.com
 * @copyright    Copyright (c) 2025 HERC Solutions LLC
 * @license      Proprietary - All Rights Reserved
 *
 * @whmcsVersion 9.0.4 (9.0.4-release.1)
 * @themeParent  nexus
 */

/* ===============================================
   CSS Custom Properties — HERC Brand (Light Mode)
   =============================================== */
:root {
    /* === HERC Corporate Palette === */
    --herc-primary:           #4f46e5;
    --herc-primary-hover:     #4338ca;
    --herc-primary-subtle:    #ede9fe;
    --herc-secondary:         #8b5cf6;
    --herc-secondary-subtle:  #f5f3ff;

    /* REVISAR no se si se usan
    --herc-success:           #10b981;
    --herc-info:              #06b6d4;
    --herc-warning:           #f59e0b;
    --herc-danger:            #ef4444;
    */

    /* Nexus */

    /* Success colors */
    --success: #00a63e;
    --success-lifted: #008236;
    --success-accented: #016630;

    /* Info colors */
    --info: #155dfc;
    --info-lifted: #1447e6;
    --info-accented: #193cb8;

    /* Notice colors */
    --notice: #7f22fe;
    --notice-lifted: #7008e7;
    --notice-accented: #5d0ec0;

    /* Warning colors */
    --warning: #f54a00;
    --warning-lifted: #ca3500;
    --warning-accented: #9f2d00;

    /* Error colors */
    --error: #e7000b;
    --error-lifted: #c10007;
    --error-accented: #9f0712;

    --yellow-300: #f54a00;

    /* === Override WHMCS Twenty-One Bootstrap variables === */
    --bs-primary:             #4f46e5;
    --bs-primary-rgb:         79, 70, 229;
    --bs-secondary:           #8b5cf6;
    --bs-secondary-rgb:       139, 92, 246;
    --bs-link-color:          #4f46e5;
    --bs-link-hover-color:    #4338ca;

    /* === Layout === */
    --bs-body-bg:             #ffffff;
    --bs-body-color:          #1f2937;
    --bs-border-color:        #e5e7eb;
    --bs-card-bg:             #ffffff;

    /* === WHMCS Specific Overrides === */
    --primary:                #4f46e5;
    --primary-lifted:         #4338ca;
    --primary-accented:       #3730a3;
    --primary-bg-color:       #4f46e5;  /* WHMCS header/button bg class */
    --herc-radius-md:         0.375rem;
    --herc-dashboard-shell-bg:#f8fafc;
    --herc-dashboard-shell-border: rgba(79, 70, 229, 0.12);
    --herc-panel-header-bg:  #eef2f7;
    --herc-panel-header-border: rgba(15, 23, 42, 0.10);
    --herc-light-heading:     #111827;
    --herc-light-text:        #334155;
    --herc-light-muted:       #6b7280;
    --herc-panel-accent-bg:   rgba(79, 70, 229, 0.10);
    --herc-panel-accent-border: rgba(79, 70, 229, 0.22);
    --herc-panel-accent-text: #3730a3;
    --herc-panel-accent-hover-bg: rgba(79, 70, 229, 0.16);
    --herc-panel-accent-hover-border: rgba(79, 70, 229, 0.30);
    --herc-panel-accent-active-bg: rgba(79, 70, 229, 0.20);
    --herc-panel-accent-active-border: rgba(79, 70, 229, 0.34);
    --herc-panel-neutral-bg:  rgba(15, 23, 42, 0.04);
    --herc-panel-neutral-border: rgba(15, 23, 42, 0.10);
    --herc-panel-neutral-text: #1f2937;
    --herc-panel-secondary-bg: rgba(3, 105, 161, 0.24);
    --herc-panel-secondary-border: rgba(3, 105, 161, 0.46);
    --herc-panel-secondary-text: #075985;
    --herc-panel-secondary-hover-bg: rgba(3, 105, 161, 0.30);
    --herc-panel-secondary-hover-border: rgba(3, 105, 161, 0.54);
    --herc-panel-secondary-active-bg: rgba(3, 105, 161, 0.36);
    --herc-panel-secondary-active-border: rgba(3, 105, 161, 0.60);
    --herc-table-row-hover-bg: rgba(37, 99, 235, 0.08);
    --herc-table-row-hover-text: #1f2937;
    --herc-control-height:    36px;
}

/* =======================================================================
   Dark Mode Overrides
   Mirrors Bootstrap's data-bs-theme="dark" applied by our JS orchestrator
   ======================================================================= */
[data-bs-theme="dark"] {
    --herc-dark-base:         #000000;
    --herc-dark-surface:      #0b0b0d;
    --herc-dark-surface-2:    #17171b;
    --herc-dark-text:         #c4c5c7;
    --herc-dark-heading:      #ffffff;
    --herc-dark-border:       rgba(255, 255, 255, 0.08);

    --bs-body-bg:             #000000;
    --bs-body-color:          #c4c5c7;
    --bs-border-color:        rgba(255, 255, 255, 0.07);
    --bs-card-bg:             #0b0b0d;
    --bs-link-color:          #818cf8;
    --bs-link-hover-color:    #a5b4fc;
    --herc-dashboard-shell-bg:#10111a;
    --herc-dashboard-shell-border: rgba(79, 70, 229, 0.18);
    --herc-panel-header-bg:  #08090f;
    --herc-panel-header-border: rgba(255, 255, 255, 0.10);
    --herc-panel-accent-bg:   rgba(79, 70, 229, 0.12);
    --herc-panel-accent-border: rgba(79, 70, 229, 0.28);
    --herc-panel-accent-text: #c7d2fe;
    --herc-panel-accent-hover-bg: rgba(79, 70, 229, 0.18);
    --herc-panel-accent-hover-border: rgba(79, 70, 229, 0.36);
    --herc-panel-accent-active-bg: rgba(79, 70, 229, 0.22);
    --herc-panel-accent-active-border: rgba(79, 70, 229, 0.40);
    --herc-panel-neutral-bg:  #17171b;
    --herc-panel-neutral-border: rgba(255, 255, 255, 0.08);
    --herc-panel-neutral-text: #ffffff;
    --herc-panel-secondary-bg: rgba(96, 165, 250, 0.14);
    --herc-panel-secondary-border: rgba(96, 165, 250, 0.26);
    --herc-panel-secondary-text: #dbeafe;
    --herc-panel-secondary-hover-bg: rgba(96, 165, 250, 0.20);
    --herc-panel-secondary-hover-border: rgba(96, 165, 250, 0.34);
    --herc-panel-secondary-active-bg: rgba(96, 165, 250, 0.24);
    --herc-panel-secondary-active-border: rgba(96, 165, 250, 0.40);
    --herc-table-row-hover-bg: rgba(96, 165, 250, 0.14);
    --herc-table-row-hover-text: #e5e7eb;
    --herc-autofill-bg: #1f2937;

    /* WHMCS content areas */
    --primary-bg-color:       #4f46e5;
}

/* =================
   Global Typography
   ================= */
html {
    font-size: 16px;
}

body {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    font-size: 1rem;
    line-height: 1.6;
}

/* =============================================
   Buttons — Override WHMCS defaults with Indigo
   ============================================= */
.btn-primary,
.btn.btn-primary {
    background-color: var(--herc-primary) !important;
    border-color: var(--herc-primary) !important;
    color: #ffffff !important;
}

.btn-primary:hover,
.btn.btn-primary:hover {
    background-color: var(--herc-primary-hover) !important;
    border-color: var(--herc-primary-hover) !important;
}

.btn-secondary {
    background-color: var(--herc-secondary) !important;
    border-color: var(--herc-secondary) !important;
    color: #ffffff !important;
}

.btn-outline-primary {
    color: var(--herc-primary) !important;
    border-color: var(--herc-primary) !important;
}

.btn-outline-primary:hover {
    background-color: var(--herc-primary) !important;
    border-color: var(--herc-primary) !important;
    color: #ffffff !important;
}

/* =====
   Links
   ===== */
a {
    color: var(--bs-link-color);
}

a:hover {
    color: var(--bs-link-hover-color);
}

/* ========================================
   Navigation (WHMCS sidebar & breadcrumbs)
   ======================================== */
.nav-link.active,
.nav-pills .show > .nav-link {
    background-color: var(--herc-primary);
    color: #ffffff;
}

.nav-tabs .nav-link.active {
    color: var(--herc-primary);
    border-bottom-color: var(--herc-primary);
}

/* Breadcrumb bar */
.master-breadcrumb {
    background-color: var(--bs-body-bg);
    border-bottom: 1px solid var(--bs-border-color);
    padding: 0.5rem 0;
}

/* =================================
   Sidebar (WHMCS portal navigation)
   ================================= */
.sidebar .list-group-item.active,
.sidebar .list-group-item-action.active {
    background-color: var(--herc-primary);
    border-color: var(--herc-primary);
    color: #ffffff;
}

.sidebar .list-group-item-action:hover {
    background-color: var(--herc-primary-subtle);
    color: var(--herc-primary);
}

/* =====================
   Alerts — Brand Colors
   ===================== */
.alert-primary {
    background-color: var(--herc-primary-subtle);
    border-color: #c7d2fe;
    color: #3730a3;
}

.alert-success {
    background-color: #d1fae5;
    border-color: #6ee7b7;
    color: #065f46;
}

.alert-warning {
    background-color: #fef3c7;
    border-color: #fcd34d;
    color: #92400e;
}

.alert-danger {
    background-color: #fee2e2;
    border-color: #fca5a5;
    color: #991b1b;
}

/* ============================
   Forms — Focus ring in Indigo
   ============================ */
.form-control:focus,
.form-select:focus {
    border-color: var(--herc-primary);
    box-shadow: 0 0 0 0.25rem rgba(79, 70, 229, 0.25);
}

/* ======
   Badges
   ====== */
.badge.bg-primary { background-color: var(--herc-primary) !important; }
.badge.bg-secondary { background-color: var(--herc-secondary) !important; }

/* =============================================================================
   WHMCS main-body section spacing
   The 100px spacer in header.tpl compensates for our absolute positioned navbar
   ============================================================================= */
#main-body {
    padding-top: 2rem;
    padding-bottom: 2rem;
    min-height: calc(100vh - 100px - 350px); /* viewport minus header and footer */
}

/* =========================
   Dark Mode — Content areas
   ========================= */
[data-bs-theme="dark"] #main-body,
[data-bs-theme="dark"] .primary-content {
    --bs-body-bg: var(--herc-dark-base);
}

[data-bs-theme="dark"] .card,
[data-bs-theme="dark"] .panel,
[data-bs-theme="dark"] .box {
    background-color: var(--herc-dark-surface);
    border-color: var(--herc-dark-border);
    color: var(--herc-dark-text);
}

[data-bs-theme="dark"] .form-control,
[data-bs-theme="dark"] .form-select {
    background-color: var(--herc-dark-base);
    border-color: var(--herc-dark-border);
    color: var(--herc-dark-heading);
}

[data-bs-theme="dark"] .table {
    --bs-table-bg: transparent;
    --bs-table-striped-bg: rgba(255,255,255,0.04);
    --bs-table-hover-bg: var(--herc-panel-accent-active-bg);
    color: var(--herc-dark-text);
    border-color: var(--herc-dark-border);
}

[data-bs-theme="dark"] .sidebar .list-group-item {
    background-color: var(--herc-dark-surface);
    border-color: var(--herc-dark-border);
    color: var(--herc-dark-text);
}

[data-bs-theme="dark"] .sidebar .list-group-item-action:not(.active):hover {
    background-color: rgba(255,255,255,0.05);
    color: var(--herc-primary-subtle);
}

[data-bs-theme="dark"] .sidebar .card-sidebar {
    background-color: var(--herc-dark-surface);
    border-color: var(--herc-dark-border);
}

[data-bs-theme="dark"] .sidebar .card-header {
    background-color: rgba(255,255,255,0.03);
    border-bottom: 1px solid var(--herc-dark-border);
}

[data-bs-theme="dark"] .master-breadcrumb {
    background-color: var(--herc-dark-base);
    border-bottom-color: var(--herc-dark-border);
}

/* Ensure body properly resolves background for logged-in view */
[data-bs-theme="dark"] body {
    background-color: var(--herc-dark-base) !important;
    color: var(--herc-dark-text) !important;
}

/* ===========================
   Dashboard Layout (Logged In)
   =========================== */
.header-dashboard .navbar-user-actions .nav-link,
.header-dashboard .navbar-user-actions .btn-link {
    color: #f1f5f9 !important;
}

.dashboard-breadcrumb .breadcrumb {
    background-color: transparent !important;
    padding: 0;
    margin-bottom: 0;
}

.herc-dashboard-wrapper {
    display: flex;
    flex-direction: column;
    width: 100%;
    min-height: calc(100vh - 100px);
}

.herc-dashboard-sidebar {
    width: 100%;
    background-color: var(--herc-dashboard-shell-bg) !important;
    border-bottom: 1px solid var(--herc-dashboard-shell-border);
}

.herc-dashboard-sidebar .card-sidebar {
    height: 100%;
    background-color: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
}

.herc-dashboard-sidebar .card-header {
    background: transparent !important;
    color: #111827 !important;
    border-bottom: 1px solid var(--herc-dashboard-shell-border) !important;
}

.herc-dashboard-sidebar .card-title {
    color: inherit !important;
}

[data-bs-theme="light"] .herc-dashboard-sidebar {
    background-color: #f8fafc !important;
    border-color: rgba(15, 23, 42, 0.08) !important;
}

[data-bs-theme="light"] .herc-dashboard-sidebar .card-title,
[data-bs-theme="light"] .card-sidebar .card-title {
    color: #374151 !important;
}

[data-bs-theme="light"] .herc-dashboard-sidebar .card-title.text-muted,
[data-bs-theme="light"] .card-sidebar .card-title.text-muted {
    color: #374151 !important;
}

[data-bs-theme="light"] .herc-dashboard-sidebar .list-group-item,
[data-bs-theme="light"] .herc-dashboard-sidebar .list-group-item-action,
[data-bs-theme="light"] .card-sidebar .list-group-item,
[data-bs-theme="light"] .card-sidebar .list-group-item-action {
    color: #4b5563 !important;
    border-color: rgba(15, 23, 42, 0.08) !important;
    background-color: transparent !important;
    font-weight: 500;
}

[data-bs-theme="light"] .herc-dashboard-sidebar .list-group-item:hover,
[data-bs-theme="light"] .herc-dashboard-sidebar .list-group-item:focus,
[data-bs-theme="light"] .herc-dashboard-sidebar .list-group-item-action:hover,
[data-bs-theme="light"] .herc-dashboard-sidebar .list-group-item-action:focus,
[data-bs-theme="light"] .card-sidebar .list-group-item:hover,
[data-bs-theme="light"] .card-sidebar .list-group-item:focus,
[data-bs-theme="light"] .card-sidebar .list-group-item-action:hover,
[data-bs-theme="light"] .card-sidebar .list-group-item-action:focus {
    background-color: rgba(79, 70, 229, 0.10) !important;
    border-color: rgba(79, 70, 229, 0.20) !important;
    color: #312e81 !important;
}

[data-bs-theme="light"] .herc-dashboard-sidebar .list-group-item.active,
[data-bs-theme="light"] .herc-dashboard-sidebar .list-group-item-action.active,
[data-bs-theme="light"] .herc-dashboard-sidebar .list-group-item.current-child,
[data-bs-theme="light"] .card-sidebar .list-group-item.active,
[data-bs-theme="light"] .card-sidebar .list-group-item.current-child {
    background-color: rgba(79, 70, 229, 0.18) !important;
    border-color: rgba(79, 70, 229, 0.30) !important;
    color: #312e81 !important;
    font-weight: 600;
}

[data-bs-theme="dark"] .herc-dashboard-sidebar {
    background-color: var(--herc-dashboard-shell-bg) !important;
    border-bottom-color: var(--herc-dashboard-shell-border) !important;
}

[data-bs-theme="dark"] .herc-dashboard-sidebar .card-header {
    background: transparent !important;
    color: var(--herc-dark-heading) !important;
    border-bottom-color: var(--herc-dashboard-shell-border) !important;
}

.herc-dashboard-main {
    width: 100%;
    flex: 1 1 auto;
}

@media (min-width: 992px) {
    .herc-dashboard-wrapper {
        flex-direction: row;
    }

    .herc-dashboard-sidebar {
        width: 280px;
        flex: 0 0 280px;
        border-bottom: none;
        border-right: 1px solid var(--bs-border-color);
    }

    [data-bs-theme="dark"] .herc-dashboard-sidebar {
        border-right-color: var(--herc-dark-border);
    }

    .herc-dashboard-main {
        width: calc(100% - 280px);
    }
}
.card-sidebar .list-group-item:hover,
.card-sidebar .list-group-item:focus {
    background-color: rgba(0, 0, 0, 0.03);
    color: var(--herc-primary);
}

[data-bs-theme="dark"] .card-sidebar .list-group-item:hover,
[data-bs-theme="dark"] .card-sidebar .list-group-item:focus {
    background-color: rgba(255, 255, 255, 0.05);
    color: var(--herc-primary-subtle);
}

.card-sidebar .list-group-item.active {
    background-color: transparent !important;
    color: var(--herc-primary);
    font-weight: 500;
    position: relative;
}

.card-sidebar .list-group-item.active::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 4px;
    background-color: var(--herc-primary);
    border-radius: 0 4px 4px 0;
}

[data-bs-theme="dark"] .card-sidebar .list-group-item.active {
    color: var(--herc-primary-subtle);
}

[data-bs-theme="dark"] .card-sidebar .list-group-item.active::before {
    background-color: var(--herc-primary-subtle);
}

/* Ensure the layout has a solid background with good contrast for cards over it */
[data-bs-theme="dark"] body {
    background-color: var(--herc-dark-base) !important;
}

/* =============================================
   Dashboard Dark Mode Colors (Header & Sidebar)
   ============================================= */
[data-bs-theme="dark"] .header-dashboard,
[data-bs-theme="dark"] .herc-dashboard-sidebar {
    background-color: var(--herc-dashboard-shell-bg) !important;
    border-color: var(--herc-dashboard-shell-border) !important;
}

[data-bs-theme="dark"] .header-dashboard {
    background: var(--herc-dashboard-shell-bg) !important;
    border-bottom: 1px solid var(--herc-dashboard-shell-border);
}

[data-bs-theme="dark"] .herc-dashboard-main {
    background-color: var(--herc-dark-base) !important;
}

[data-bs-theme="dark"] body {
    background-color: var(--herc-dark-base) !important;
}

[data-bs-theme="dark"] .herc-dashboard-footer {
    background: var(--herc-dashboard-shell-bg) !important;
    border-top: 1px solid var(--herc-dashboard-shell-border) !important;
}

.header-dashboard {
    background: var(--herc-dashboard-shell-bg) !important;
    border-bottom: 1px solid var(--herc-dashboard-shell-border) !important;
}

.herc-dashboard-footer {
    background: var(--herc-dashboard-shell-bg) !important;
    border-top: 1px solid var(--herc-dashboard-shell-border) !important;
}

.herc-dashboard-footer a {
    color: var(--herc-primary) !important;
}

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

/* ============================
   Return to Admin Floating Tab
   ============================ */
.return-to-admin-floating {
    position: fixed;
    right: 0;
    top: 50%;
    transform: translateY(-50%) rotate(90deg);
    transform-origin: right bottom;
    z-index: 9999;
    border-radius: 0 0 4px 4px;
    background-color: #e0e0e0;
    color: #333;
    font-size: 0.85rem;
    padding: 0.4rem 1rem;
    border: 1px solid #ccc;
    border-top: none;
    box-shadow: 0 4px 6px rgba(0,0,0,0.1);
}

[data-bs-theme="dark"] .return-to-admin-floating {
    background-color: #2d3238;
    color: #ccc;
    border-color: #444;
}

/* ==========================
   Header User Dropdown Icons
   ========================== */
.navbar-user-actions .nav-link {
    color: inherit;
    font-size: 1.1rem;
    padding: 0.5rem;
    margin-left: 0.5rem;
}

.header-dashboard .navbar-user-actions > .nav-item > .nav-link,
.header-dashboard .navbar-user-actions > .nav-item > .btn-link,
.header-dashboard .navbar-user-actions > .nav-item > button.btn-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.4rem;
    min-height: 2.5rem;
    padding: 0.45rem 0.75rem !important;
    margin-left: 0.35rem;
    border: 1px solid var(--herc-dashboard-shell-border);
    border-radius: var(--herc-radius-md);
    background-color: rgba(79, 70, 229, 0.08);
    color: #111827 !important;
    transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}

.header-dashboard .navbar-user-actions > .nav-item.show > .nav-link,
.header-dashboard .navbar-user-actions > .nav-item.show > .btn-link,
.header-dashboard .navbar-user-actions > .nav-item > .nav-link[aria-expanded="true"],
.header-dashboard .navbar-user-actions > .nav-item > .btn-link[aria-expanded="true"],
.header-dashboard .navbar-user-actions > .nav-item > button.btn-link[aria-expanded="true"] {
    background-color: rgba(79, 70, 229, 0.14);
    border-color: rgba(79, 70, 229, 0.26);
    color: var(--herc-primary) !important;
}

.header-dashboard .navbar-user-actions > .nav-item > .nav-link:hover,
.header-dashboard .navbar-user-actions > .nav-item > .nav-link:focus,
.header-dashboard .navbar-user-actions > .nav-item > .btn-link:hover,
.header-dashboard .navbar-user-actions > .nav-item > .btn-link:focus,
.header-dashboard .navbar-user-actions > .nav-item > button.btn-link:hover,
.header-dashboard .navbar-user-actions > .nav-item > button.btn-link:focus {
    background-color: rgba(79, 70, 229, 0.1);
    border-color: rgba(79, 70, 229, 0.18);
    color: var(--herc-primary) !important;
}

.header-dashboard .navbar-user-actions .navbar-toggler {
    border: 1px solid rgba(79, 70, 229, 0.12);
    border-radius: var(--herc-radius-md);
    background-color: rgba(79, 70, 229, 0.04);
}

.header-dashboard .navbar-user-actions .navbar-toggler:hover,
.header-dashboard .navbar-user-actions .navbar-toggler:focus {
    background-color: rgba(79, 70, 229, 0.1);
    border-color: rgba(79, 70, 229, 0.2);
}

.navbar-user-actions .dropdown-menu {
    min-width: 14rem;
    padding: 0.25rem !important;
    border: 1px solid var(--herc-dashboard-shell-border);
    border-radius: var(--herc-radius-md);
    background-color: #ffffff;
    box-shadow: 0 18px 40px rgba(15, 23, 42, 0.12) !important;
    overflow: hidden;
}

.navbar-user-actions .dropdown-item,
.navbar-user-actions .dropdown-item-text {
    border-radius: 0;
    color: #111827 !important;
    font-weight: 500;
    padding: 0.65rem 0.85rem;
}

.navbar-user-actions .dropdown-item:hover,
.navbar-user-actions .dropdown-item:focus {
    background-color: rgba(79, 70, 229, 0.08) !important;
    color: var(--herc-primary) !important;
}

.navbar-user-actions .dropdown-item.active,
.navbar-user-actions .dropdown-item:active {
    background-color: rgba(79, 70, 229, 0.14) !important;
    color: var(--herc-primary) !important;
}

.navbar-user-actions .dropdown-divider {
    border-top-color: rgba(79, 70, 229, 0.1);
}

[data-bs-theme="dark"] .header-dashboard .navbar-user-actions > .nav-item > .nav-link,
[data-bs-theme="dark"] .header-dashboard .navbar-user-actions > .nav-item > .btn-link,
[data-bs-theme="dark"] .header-dashboard .navbar-user-actions > .nav-item > button.btn-link {
    background-color: rgba(255, 255, 255, 0.03);
    border-color: rgba(255, 255, 255, 0.08);
    color: var(--herc-dark-heading) !important;
}

[data-bs-theme="dark"] .header-dashboard .navbar-user-actions > .nav-item.show > .nav-link,
[data-bs-theme="dark"] .header-dashboard .navbar-user-actions > .nav-item.show > .btn-link,
[data-bs-theme="dark"] .header-dashboard .navbar-user-actions > .nav-item > .nav-link[aria-expanded="true"],
[data-bs-theme="dark"] .header-dashboard .navbar-user-actions > .nav-item > .btn-link[aria-expanded="true"],
[data-bs-theme="dark"] .header-dashboard .navbar-user-actions > .nav-item > button.btn-link[aria-expanded="true"] {
    background-color: rgba(79, 70, 229, 0.16);
    border-color: rgba(79, 70, 229, 0.32);
    color: #c7d2fe !important;
}

[data-bs-theme="dark"] .header-dashboard .navbar-user-actions > .nav-item > .nav-link:hover,
[data-bs-theme="dark"] .header-dashboard .navbar-user-actions > .nav-item > .nav-link:focus,
[data-bs-theme="dark"] .header-dashboard .navbar-user-actions > .nav-item > .btn-link:hover,
[data-bs-theme="dark"] .header-dashboard .navbar-user-actions > .nav-item > .btn-link:focus,
[data-bs-theme="dark"] .header-dashboard .navbar-user-actions > .nav-item > button.btn-link:hover,
[data-bs-theme="dark"] .header-dashboard .navbar-user-actions > .nav-item > button.btn-link:focus {
    background-color: rgba(79, 70, 229, 0.16);
    border-color: rgba(79, 70, 229, 0.28);
    color: #c7d2fe !important;
}

[data-bs-theme="dark"] .header-dashboard .navbar-user-actions .navbar-toggler {
    background-color: rgba(255, 255, 255, 0.03);
    border-color: rgba(255, 255, 255, 0.06);
}

[data-bs-theme="dark"] .header-dashboard .navbar-user-actions .navbar-toggler:hover,
[data-bs-theme="dark"] .header-dashboard .navbar-user-actions .navbar-toggler:focus {
    background-color: rgba(79, 70, 229, 0.16);
    border-color: rgba(79, 70, 229, 0.28);
}

.navbar-user-actions .badge-notification {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 0.6rem;
    padding: 0.2rem 0.35rem;
    border-radius: 50%;
}

/* =====================
   Active Menu Highlight
   ===================== */
.card-sidebar .list-group-item.active {
    background-color: rgba(0,0,0,0.03) !important;
}

[data-bs-theme="dark"] .card-sidebar .list-group-item.active {
    background-color: rgba(255, 255, 255, 0.05) !important;
    color: #fff !important;
}

/* =====================
   Header & Footer Fixes
   ===================== */
.header-dashboard {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    min-height: 60px;
}

.header-dashboard .navbar {
    min-height: 60px;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.header-dashboard .navbar-brand {
    display: flex;
    align-items: center;
    padding: 0 !important;
}

.header-dashboard .navbar-brand img {
    max-height: 60px !important;
    width: auto !important;
}

.navbar-user-actions .nav-link,
.navbar-user-actions .btn-link {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
}

.herc-dashboard-main {
    display: flex;
    flex-direction: column;
    height: calc(100vh - 62px) !important;
    min-height: calc(100vh - 62px) !important;
    overflow-y: auto;
}

#main-body {
    flex: 1 0 auto;
}

.herc-dashboard-footer {
    flex-shrink: 0;
    margin-top: auto;
}

@media (min-width: 1200px) {
    #main-body.herc-client-home {
        margin-top: 2rem !important;
        padding-top: 0 !important;
        padding-bottom: 0.5rem !important;
    }

    #main-body.herc-client-home > .container.herc-container-wide {
        padding-bottom: 0.75rem !important;
    }

    #main-body.herc-client-home + .herc-dashboard-footer {
        padding-top: 0.5rem !important;
        padding-bottom: 0.5rem !important;
    }
}

/* =================================
   Active Sidebar Category Highlight
   ================================= */
.list-group-item.category-active {
    background-color: rgba(0,0,0,0.06) !important;
    font-weight: 500;
}

[data-bs-theme="dark"] .list-group-item.category-active {
    background-color: rgba(255, 255, 255, 0.05) !important;
    color: #fff !important;
}

.list-group-item.current-child {
    background-color: rgba(79, 70, 229, 0.15) !important;
    color: var(--herc-primary) !important;
    border-color: transparent !important;
    font-weight: 600;
}

.list-group-item.current-child .badge {
    background-color: var(--herc-primary) !important;
}

[data-bs-theme="dark"] .list-group-item.current-child {
    background-color: rgba(255, 255, 255, 0.25) !important;
    color: var(--herc-primary-subtle) !important;
}

.chevron-icon {
    transition: transform 0.2s ease-in-out;
}

.list-group-item[aria-expanded="true"] .chevron-icon {
    transform: rotate(180deg);
}

/* Ampliar el container principal sin llegar a ser fluid (para reducir márgenes laterales y no afectar a WHMCS JS) */
@media (min-width: 1400px) {
    .herc-container-wide {
        max-width: 1600px !important;
    }
}

/* ===============================================
   QA Fixes: WHMCS Force Overrides
   Removing Ugly WHMCS Defaults in Dark/Light Mode
   =============================================== */

/* --- DARK MODE FIXES --- */
[data-bs-theme="dark"] .bg-white,
[data-bs-theme="dark"] .bg-light,
[data-bs-theme="dark"] .panel-default,
[data-bs-theme="dark"] .panel-default > .panel-heading,
[data-bs-theme="dark"] .panel-body,
[data-bs-theme="dark"] .panel-footer,
[data-bs-theme="dark"] .well,
[data-bs-theme="dark"] .client-home-panels .panel,
[data-bs-theme="dark"] .clientarea-panel,
[data-bs-theme="dark"] .tiles,
[data-bs-theme="dark"] .dataTables_wrapper {
    background-color: var(--herc-dark-surface) !important;
    color: var(--herc-dark-text) !important;
    border-color: var(--herc-dark-border) !important;
}

[data-bs-theme="dark"] .text-dark,
[data-bs-theme="dark"] .text-muted,
[data-bs-theme="dark"] .text-secondary {
    color: var(--herc-dark-text) !important;
}

[data-bs-theme="dark"] .table,
[data-bs-theme="dark"] .table-striped,
[data-bs-theme="dark"] .table-responsive,
[data-bs-theme="dark"] .dataTables_wrapper .table {
    background-color: transparent !important;
    color: #f1f5f9 !important;
    --bs-table-bg: transparent !important;
    --bs-table-striped-bg: rgba(255,255,255,0.04) !important;
    --bs-table-hover-bg: var(--herc-panel-accent-active-bg) !important;
    --bs-table-border-color: #27272a !important;
}

[data-bs-theme="dark"] .table > :not(caption) > * > *,
[data-bs-theme="dark"] .table td,
[data-bs-theme="dark"] .table th {
    background-color: transparent !important;
    color: var(--herc-dark-text) !important;
    border-bottom-color: var(--herc-dark-border) !important;
}

[data-bs-theme="dark"] .form-control,
[data-bs-theme="dark"] .form-select,
[data-bs-theme="dark"] input[type="text"],
[data-bs-theme="dark"] input[type="email"],
[data-bs-theme="dark"] input[type="password"],
[data-bs-theme="dark"] input[type="number"],
[data-bs-theme="dark"] textarea {
    background-color: var(--herc-dark-base) !important;
    border-color: var(--herc-dark-border) !important;
    color: var(--herc-dark-heading) !important;
}

[data-bs-theme="dark"] .input-group-text,
[data-bs-theme="dark"] .dataTables_length select,
[data-bs-theme="dark"] .dataTables_filter input {
    background-color: var(--herc-dark-surface-2) !important;
    border-color: var(--herc-dark-border) !important;
    color: var(--herc-dark-heading) !important;
}

[data-bs-theme="dark"] .md-editor,
[data-bs-theme="dark"] .markdown-editor,
[data-bs-theme="dark"] .md-editor .md-header,
[data-bs-theme="dark"] .md-editor .md-footer,
[data-bs-theme="dark"] .md-editor .md-fullscreen-controls {
    background-color: var(--herc-dark-surface) !important;
    color: var(--herc-dark-text) !important;
    border-color: var(--herc-dark-border) !important;
}

[data-bs-theme="dark"] .md-editor {
    border: 1px solid var(--herc-dark-border) !important;
    border-radius: var(--herc-radius-md) !important;
    overflow: hidden;
}

[data-bs-theme="dark"] .md-editor .md-header {
    border-bottom: 1px solid var(--herc-dark-border) !important;
}

[data-bs-theme="dark"] .md-editor .md-footer {
    border-top: 1px solid var(--herc-dark-border) !important;
}

[data-bs-theme="dark"] .md-editor textarea,
[data-bs-theme="dark"] .md-editor .md-input,
[data-bs-theme="dark"] textarea.markdown-editor,
[data-bs-theme="dark"] textarea.md-input {
    background-color: var(--herc-dark-base) !important;
    color: var(--herc-dark-heading) !important;
    border-color: var(--herc-dark-border) !important;
}

[data-bs-theme="dark"] .md-editor .btn-default,
[data-bs-theme="dark"] .md-editor .btn.btn-default,
[data-bs-theme="dark"] .md-editor .btn-secondary,
[data-bs-theme="dark"] .md-editor .btn.btn-secondary {
    background-color: var(--herc-dark-surface-2) !important;
    border-color: var(--herc-dark-border) !important;
    color: var(--herc-dark-heading) !important;
}

[data-bs-theme="dark"] .md-editor .btn-default:hover,
[data-bs-theme="dark"] .md-editor .btn-default:focus,
[data-bs-theme="dark"] .md-editor .btn.btn-default:hover,
[data-bs-theme="dark"] .md-editor .btn.btn-default:focus,
[data-bs-theme="dark"] .md-editor .btn-secondary:hover,
[data-bs-theme="dark"] .md-editor .btn-secondary:focus,
[data-bs-theme="dark"] .md-editor .btn.btn-secondary:hover,
[data-bs-theme="dark"] .md-editor .btn.btn-secondary:focus {
    background-color: rgba(79, 70, 229, 0.18) !important;
    border-color: rgba(79, 70, 229, 0.28) !important;
    color: var(--herc-dark-heading) !important;
}

[data-bs-theme="dark"] .md-editor .btn-primary,
[data-bs-theme="dark"] .md-editor .btn.btn-primary {
    background-color: var(--herc-panel-accent-bg) !important;
    border-color: var(--herc-panel-accent-border) !important;
    color: var(--herc-panel-accent-text) !important;
}

[data-bs-theme="dark"] .md-editor .btn-primary:hover,
[data-bs-theme="dark"] .md-editor .btn-primary:focus,
[data-bs-theme="dark"] .md-editor .btn.btn-primary:hover,
[data-bs-theme="dark"] .md-editor .btn.btn-primary:focus {
    background-color: var(--herc-panel-accent-hover-bg) !important;
    border-color: var(--herc-panel-accent-hover-border) !important;
    color: var(--herc-dark-heading) !important;
}

[data-bs-theme="dark"] .md-editor .md-controls,
[data-bs-theme="dark"] .md-editor .md-controls a,
[data-bs-theme="dark"] .md-editor .markdown-editor-status,
[data-bs-theme="dark"] .md-editor .small-font,
[data-bs-theme="dark"] .md-editor .markdown-save {
    color: var(--herc-dark-text) !important;
}

/* Fix Alerts inside dark mode */
[data-bs-theme="dark"] .alert-info {
    background-color: rgba(6, 182, 212, 0.1) !important;
    border-color: rgba(6, 182, 212, 0.2) !important;
    color: #67e8f9 !important;
}

[data-bs-theme="dark"] .alert-success {
    background-color: rgba(16, 185, 129, 0.1) !important;
    border-color: rgba(16, 185, 129, 0.2) !important;
    color: #6ee7b7 !important;
}

[data-bs-theme="dark"] .alert-warning {
    background-color: rgba(245, 158, 11, 0.1) !important;
    border-color: rgba(245, 158, 11, 0.2) !important;
    color: #fcd34d !important;
}

[data-bs-theme="dark"] .alert-danger {
    background-color: rgba(239, 68, 68, 0.1) !important;
    border-color: rgba(239, 68, 68, 0.2) !important;
    color: #fca5a5 !important;
}

/* --- LIGHT MODE REFINEMENTS --- */
.panel-default, .card, .well, .clientarea-panel {
    border: 1px solid var(--bs-border-color) !important;
    box-shadow: 0 1px 3px 0 rgba(0,0,0,0.1), 0 1px 2px -1px rgba(0,0,0,0.1) !important;
    border-radius: 0.375rem;
}

.panel-default > .panel-heading {
    background-color: var(--bs-card-bg) !important;
    border-bottom: 1px solid var(--bs-border-color) !important;
    font-weight: 600;
}

.bg-white {
    background-color: var(--bs-card-bg) !important;
}

/* --- DASHBOARD COMPONENT FIXES (real selectors found in QA) --- */
.tile {
    background-color: #f8fafc !important;
    border: 1px solid #e5e7eb !important;
    border-radius: var(--herc-radius-md) !important;
    box-shadow: 0 10px 30px rgba(15, 23, 42, 0.06) !important;
}

.tile .icon {
    color: #9ca3af !important;
}

.tile .stat,
.tile .amount,
.tile strong {
    color: #111827 !important;
}

.tile .title {
    color: #6b7280 !important;
}

.verification-banner,
.email-verification,
.credit-balance,
.product-details,
.domain-details,
.product.clearfix,
.client-home-panels .card-header,
.client-home-panels .panel-heading,
.client-home-panels .card-body,
.client-home-panels .panel-body,
.card-header,
.panel-default > .panel-heading {
    background-color: var(--bs-card-bg) !important;
    color: var(--bs-body-color) !important;
    border-color: var(--bs-border-color) !important;
}

.verification-banner {
    border: 1px solid var(--bs-border-color) !important;
    border-radius: var(--herc-radius-md) !important;
    box-shadow: 0 10px 30px rgba(15, 23, 42, 0.04) !important;
}

.product.clearfix {
    border: 1px solid var(--bs-border-color) !important;
    background-color: var(--bs-card-bg) !important;
}

.product.clearfix:hover {
    border-color: var(--bs-border-color) !important;
}

.product.clearfix > header,
.product.clearfix > footer {
    border-color: var(--bs-border-color) !important;
}

.product.clearfix > header {
    background-color: var(--herc-panel-header-bg) !important;
    border-bottom: 1px solid var(--herc-panel-header-border) !important;
    padding: 1.1rem 1.15rem 0.75rem !important;
}

.product.clearfix > footer {
    background-color: transparent !important;
    margin: 0 !important;
    padding: 1rem 1.15rem 1rem 1rem !important;
    border-left: 1px solid var(--bs-border-color) !important;
}

.product.clearfix > header span,
.product.clearfix > header h3,
.product.clearfix > header h4 {
    color: var(--herc-light-heading) !important;
    font-size: 1.05rem;
    font-weight: 700;
    letter-spacing: -0.01em;
}

.product.clearfix .product-desc {
    padding: 1rem 1.15rem 1rem !important;
    color: var(--herc-light-text) !important;
}

.product.clearfix .product-desc p {
    margin-bottom: 0.9rem;
}

.product.clearfix .product-desc p br:first-child {
    display: none;
}

.product.clearfix .product-desc p,
.product.clearfix .product-desc li {
    color: inherit !important;
}

.product.clearfix .product-desc a {
    color: var(--herc-primary) !important;
}

.product.clearfix .product-desc a:hover,
.product.clearfix .product-desc a:focus {
    color: var(--herc-primary-hover) !important;
}

.product.clearfix .product-desc ul {
    margin: 0;
    padding-left: 0;
    list-style: none;
}

.product.clearfix .product-desc li {
    padding: 0;
    border: 0;
    border-radius: 0;
    background-color: transparent;
    position: static;
    list-style: none;
}

.product.clearfix .product-desc .feature-value {
    color: var(--herc-light-heading) !important;
    font-weight: 700;
    margin-left: 0.35rem;
}

.product.clearfix .product-pricing {
    color: var(--herc-light-muted) !important;
    font-size: 0.9rem;
    margin-bottom: 0.85rem;
}

.product.clearfix .product-pricing .price {
    color: var(--herc-light-heading) !important;
    font-size: 1.65rem;
    font-weight: 800;
    letter-spacing: -0.02em;
}

.product.clearfix .product-actions {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    flex-wrap: wrap;
}

.product.clearfix .product-details-link a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.375rem 0.75rem;
    border: 1px solid var(--herc-primary);
    border-radius: 0.375rem;
    color: var(--herc-primary) !important;
    font-weight: 600;
    line-height: 1.5;
    text-decoration: none;
}

.product.clearfix .product-details-link a:hover,
.product.clearfix .product-details-link a:focus {
    background-color: var(--herc-primary);
    color: #fff !important;
}

.product.clearfix .btn.btn-success,
.product.clearfix .btn.btn-primary,
.product.clearfix .btn.btn-default {
    min-height: initial;
}

[data-bs-theme="dark"] .product.clearfix {
    background-color: var(--herc-dark-surface) !important;
    border-color: var(--herc-dark-border) !important;
}

[data-bs-theme="dark"] .product.clearfix > footer {
    background: var(--bs-card-bg) !important;
    color: var(--herc-dark-text) !important;
    border-top: none !important;
    border-left: none !important;
}

[data-bs-theme="dark"] .product.clearfix:hover {
    border-color: var(--herc-dark-border) !important;
}

[data-bs-theme="dark"] .product.clearfix > header span,
[data-bs-theme="dark"] .product.clearfix > header h3,
[data-bs-theme="dark"] .product.clearfix > header h4,
[data-bs-theme="dark"] .product.clearfix .product-pricing .price,
[data-bs-theme="dark"] .product.clearfix .product-desc .feature-value {
    color: var(--herc-dark-heading) !important;
}

[data-bs-theme="dark"] .product.clearfix .product-desc,
[data-bs-theme="dark"] .product.clearfix .product-pricing,
[data-bs-theme="dark"] .product.clearfix .product-desc p,
[data-bs-theme="dark"] .product.clearfix .product-desc li {
    color: var(--herc-dark-text) !important;
}

[data-bs-theme="dark"] .product.clearfix .product-desc a {
    color: var(--herc-dark-text) !important;
}

[data-bs-theme="dark"] .product.clearfix .product-desc a:hover,
[data-bs-theme="dark"] .product.clearfix .product-desc a:focus {
    color: var(--herc-dark-heading) !important;
}

[data-bs-theme="dark"] .product.clearfix .product-desc li {
    background-color: transparent;
    border-color: transparent;
}

[data-bs-theme="dark"] .panel-sidebar > .card-header,
[data-bs-theme="dark"] .panel-sidebar > .panel-heading {
    background-color: var(--herc-panel-header-bg) !important;
    color: var(--herc-dark-heading) !important;
    border-bottom: 1px solid var(--herc-panel-header-border) !important;
}

[data-bs-theme="dark"] .panel-sidebar .list-group-item,
[data-bs-theme="dark"] .panel-sidebar .list-group-item-action {
    background-color: transparent !important;
    color: var(--herc-dark-text) !important;
    border-color: var(--herc-dark-border) !important;
}

[data-bs-theme="dark"] .panel-sidebar .list-group-item i,
[data-bs-theme="dark"] .panel-sidebar .list-group-item-action i {
    color: inherit !important;
}

[data-bs-theme="dark"] .panel-sidebar .list-group-item:hover,
[data-bs-theme="dark"] .panel-sidebar .list-group-item:focus,
[data-bs-theme="dark"] .panel-sidebar .list-group-item-action:hover,
[data-bs-theme="dark"] .panel-sidebar .list-group-item-action:focus {
    background-color: rgba(255, 255, 255, 0.03) !important;
    color: var(--herc-dark-heading) !important;
}

[data-bs-theme="dark"] .panel-sidebar .list-group-item.active,
[data-bs-theme="dark"] .panel-sidebar .list-group-item.current-child,
[data-bs-theme="dark"] .panel-sidebar .list-group-item-action.active,
[data-bs-theme="dark"] .panel-sidebar .list-group-item-action.current-child {
    background-color: var(--herc-panel-accent-active-bg) !important;
    color: var(--herc-dark-heading) !important;
    border-color: var(--herc-panel-accent-active-border) !important;
}

.primary-content .verification-banner,
.primary-content .email-verification {
    margin-bottom: 1rem;
}

.primary-content .verification-banner .container,
.primary-content .email-verification .container {
    width: 100%;
    max-width: none !important;
    padding-left: 1rem;
    padding-right: 1rem;
}

.primary-content .verification-banner .row,
.primary-content .email-verification .row {
    align-items: center;
    row-gap: 0.75rem;
}

.primary-content .verification-banner .close,
.primary-content .email-verification .close {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.25rem;
    height: 2.25rem;
    padding: 0;
    margin: 0 0 0 auto;
    border: 1px solid transparent;
    border-radius: var(--herc-radius-md);
    line-height: 1;
    box-shadow: none !important;
}

.primary-content .verification-banner .close span,
.primary-content .email-verification .close span {
    display: block;
    line-height: 1;
    font-size: 1.1rem;
}

.primary-content .verification-banner .btn-resend-verify-email,
.primary-content .email-verification .btn-resend-verify-email {
    border-radius: var(--herc-radius-md) !important;
    transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}

.verification-banner .btn,
.client-home-panels .btn {
    border-radius: var(--herc-radius-md) !important;
}

/* Fix para botones agrupados (Split Buttons) anidados */
.client-home-panels .btn-group > .btn,
.client-home-panels .btn-group-sm > .btn,
#servicesPanel .btn-group > .btn,
#servicesPanel .btn-group-sm > .btn {
    border-radius: var(--herc-radius-md) !important;
}

/* Bordes interiores planos para la unión */
.client-home-panels .btn-group > .btn:first-child,
.client-home-panels .btn-group-sm > .btn:first-child,
#servicesPanel .btn-group > .btn:first-child,
#servicesPanel .btn-group-sm > .btn:first-child {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

.client-home-panels .btn-group .btn-group .btn,
.client-home-panels .btn-group-sm .btn-group-sm .btn,
#servicesPanel .btn-group .btn-group .btn,
#servicesPanel .btn-group-sm .btn-group-sm .btn {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    border-top-right-radius: var(--herc-radius-md) !important;
    border-bottom-right-radius: var(--herc-radius-md) !important;
}

.client-home-panels .card-title .btn.btn-default.btn-xs,
.client-home-panels .panel-title .btn.btn-default.btn-xs,
.client-home-panels .card-header .btn.btn-default.btn-xs,
.client-home-panels .panel-heading .btn.btn-default.btn-xs,
.client-home-panels .card-footer .btn.btn-default.btn-xs,
.client-home-panels .panel-footer .btn.btn-default.btn-xs,
#overdueInvoicesPanel .card-header .btn,
#expiringDomainsPanel .card-header .btn {
    border-radius: var(--herc-radius-md) !important;
    border: 1px solid var(--herc-panel-secondary-border) !important;
}

#servicesPanel .btn.btn-default.bg-color-gold.btn-xs {
    background-color: var(--herc-panel-accent-bg) !important;
    border-color: var(--herc-panel-accent-border) !important;
    color: var(--herc-panel-accent-text) !important;
    border-radius: var(--herc-radius-md) !important;
    border-width: 1px !important;
    border-style: solid !important;
}

#servicesPanel .btn.btn-default.bg-color-gold.btn-xs:hover,
#servicesPanel .btn.btn-default.bg-color-gold.btn-xs:focus {
    background-color: var(--herc-panel-accent-hover-bg) !important;
    border-color: var(--herc-panel-accent-hover-border) !important;
    color: var(--herc-panel-accent-text) !important;
}

#ticketsPanel .btn.btn-default.btn-xs {
    background-color: var(--herc-panel-secondary-bg) !important;
    border-color: var(--herc-panel-secondary-border) !important;
    color: var(--herc-panel-secondary-text) !important;
    border-radius: var(--herc-radius-md) !important;
    border-width: 1px !important;
    border-style: solid !important;
}

#announcementsPanel .btn.btn-default.btn-xs {
    background-color: var(--herc-panel-secondary-bg) !important;
    border-color: var(--herc-panel-secondary-border) !important;
    color: var(--herc-panel-secondary-text) !important;
    border-radius: var(--herc-radius-md) !important;
    border-width: 1px !important;
    border-style: solid !important;
}

.client-home-panels .card-title .btn.btn-default.btn-xs:hover,
.client-home-panels .panel-title .btn.btn-default.btn-xs:hover,
.client-home-panels .card-title .btn.btn-default.btn-xs:focus,
.client-home-panels .panel-title .btn.btn-default.btn-xs:focus,
.client-home-panels .card-header .btn.btn-default.btn-xs:hover,
.client-home-panels .card-header .btn.btn-default.btn-xs:focus,
.client-home-panels .panel-heading .btn.btn-default.btn-xs:hover,
.client-home-panels .panel-heading .btn.btn-default.btn-xs:focus,
.client-home-panels .card-footer .btn.btn-default.btn-xs:hover,
.client-home-panels .card-footer .btn.btn-default.btn-xs:focus,
.client-home-panels .panel-footer .btn.btn-default.btn-xs:hover,
.client-home-panels .panel-footer .btn.btn-default.btn-xs:focus,
#servicesPanel .btn.btn-default.bg-color-gold.btn-xs:hover,
#servicesPanel .btn.btn-default.bg-color-gold.btn-xs:focus,
#ticketsPanel .btn.btn-default.btn-xs:hover,
#ticketsPanel .btn.btn-default.btn-xs:focus,
#announcementsPanel .btn.btn-default.btn-xs:hover,
#announcementsPanel .btn.btn-default.btn-xs:focus {
    box-shadow: none !important;
}

#servicesPanel .btn.btn-default.bg-color-gold.btn-xs {
    border-color: var(--herc-panel-accent-border) !important;
}

#servicesPanel .btn.btn-default.bg-color-gold.btn-xs:hover,
#servicesPanel .btn.btn-default.bg-color-gold.btn-xs:focus {
    border-color: var(--herc-panel-accent-hover-border) !important;
}

#ticketsPanel .btn.btn-default.bg-color-blue.btn-xs {
    background-color: var(--herc-panel-secondary-bg) !important;
    border-color: var(--herc-panel-secondary-border) !important;
    color: var(--herc-panel-secondary-text) !important;
}

#ticketsPanel .btn.btn-default.bg-color-blue.btn-xs:hover,
#ticketsPanel .btn.btn-default.bg-color-blue.btn-xs:focus {
    background-color: var(--herc-panel-secondary-hover-bg) !important;
    border-color: var(--herc-panel-secondary-hover-border) !important;
    color: var(--herc-panel-secondary-text) !important;
}

#ticketsPanel .btn.btn-default.bg-color-blue.btn-xs:active,
#ticketsPanel .btn.btn-default.bg-color-blue.btn-xs.active {
    background-color: var(--herc-panel-secondary-active-bg) !important;
    border-color: var(--herc-panel-secondary-active-border) !important;
    color: var(--herc-panel-secondary-text) !important;
}

#announcementsPanel .btn.btn-default.bg-color-asbestos.btn-xs {
    background-color: var(--herc-panel-neutral-bg) !important;
    border-color: var(--herc-panel-neutral-border) !important;
    color: var(--herc-panel-neutral-text) !important;
}

#announcementsPanel .btn.btn-default.bg-color-asbestos.btn-xs:hover,
#announcementsPanel .btn.btn-default.bg-color-asbestos.btn-xs:focus {
    background-color: rgba(15, 23, 42, 0.08) !important;
    border-color: rgba(15, 23, 42, 0.16) !important;
    color: var(--herc-panel-neutral-text) !important;
}

#announcementsPanel .btn.btn-default.bg-color-asbestos.btn-xs:active,
#announcementsPanel .btn.btn-default.bg-color-asbestos.btn-xs.active {
    background-color: rgba(15, 23, 42, 0.12) !important;
    border-color: rgba(15, 23, 42, 0.20) !important;
    color: var(--herc-panel-neutral-text) !important;
}

[data-bs-theme="dark"] #announcementsPanel .btn.btn-default.bg-color-asbestos.btn-xs {
    background-color: var(--herc-panel-accent-bg) !important;
    border-color: var(--herc-panel-accent-border) !important;
    color: var(--herc-panel-accent-text) !important;
    border-radius: var(--herc-radius-md) !important;
}

[data-bs-theme="dark"] #announcementsPanel .btn.btn-default.bg-color-asbestos.btn-xs:hover,
[data-bs-theme="dark"] #announcementsPanel .btn.btn-default.bg-color-asbestos.btn-xs:focus {
    background-color: var(--herc-panel-accent-hover-bg) !important;
    border-color: var(--herc-panel-accent-hover-border) !important;
    color: var(--herc-panel-accent-text) !important;
}

[data-bs-theme="dark"] #announcementsPanel .btn.btn-default.bg-color-asbestos.btn-xs:active,
[data-bs-theme="dark"] #announcementsPanel .btn.btn-default.bg-color-asbestos.btn-xs.active {
    background-color: var(--herc-panel-accent-active-bg) !important;
    border-color: var(--herc-panel-accent-active-border) !important;
    color: var(--herc-panel-accent-text) !important;
}

[data-bs-theme="dark"] #ticketsPanel .btn.btn-default.bg-color-blue.btn-xs {
    background-color: var(--herc-panel-accent-bg) !important;
    border-color: var(--herc-panel-accent-border) !important;
    color: var(--herc-panel-accent-text) !important;
    border-radius: var(--herc-radius-md) !important;
}

[data-bs-theme="dark"] #ticketsPanel .btn.btn-default.bg-color-blue.btn-xs:hover,
[data-bs-theme="dark"] #ticketsPanel .btn.btn-default.bg-color-blue.btn-xs:focus {
    background-color: var(--herc-panel-accent-hover-bg) !important;
    border-color: var(--herc-panel-accent-hover-border) !important;
    color: var(--herc-panel-accent-text) !important;
}

[data-bs-theme="dark"] #ticketsPanel .btn.btn-default.bg-color-blue.btn-xs:active,
[data-bs-theme="dark"] #ticketsPanel .btn.btn-default.bg-color-blue.btn-xs.active {
    background-color: var(--herc-panel-accent-active-bg) !important;
    border-color: var(--herc-panel-accent-active-border) !important;
    color: var(--herc-panel-accent-text) !important;
}

.table thead th,
.table > :not(caption) > * > * {
    background-color: transparent !important;
}

.table thead th {
    color: #475569 !important;
    border-bottom-color: var(--bs-border-color) !important;
}

.form-control,
.form-select,
.input-group-text {
    border-radius: var(--herc-radius-md) !important;
}

[data-bs-theme="dark"] .tile {
    background-color: var(--herc-dark-surface) !important;
    border-color: var(--herc-dark-border) !important;
    box-shadow: 0 18px 40px rgba(0, 0, 0, 0.28) !important;
}

[data-bs-theme="dark"] .tile .icon,
[data-bs-theme="dark"] .tile .stat,
[data-bs-theme="dark"] .tile .title,
[data-bs-theme="dark"] .tile .amount,
[data-bs-theme="dark"] .tile strong {
    color: #c7d2fe !important;
}

[data-bs-theme="dark"] .verification-banner,
[data-bs-theme="dark"] .email-verification,
[data-bs-theme="dark"] .credit-balance,
[data-bs-theme="dark"] .product-details,
[data-bs-theme="dark"] .domain-details,
[data-bs-theme="dark"] .client-home-panels .card-header,
[data-bs-theme="dark"] .client-home-panels .panel-heading,
[data-bs-theme="dark"] .client-home-panels .card-body,
[data-bs-theme="dark"] .client-home-panels .panel-body,
[data-bs-theme="dark"] .card-header,
[data-bs-theme="dark"] .panel-default > .panel-heading {
    background-color: var(--herc-dark-surface) !important;
    color: var(--herc-dark-text) !important;
    border-color: var(--herc-dark-border) !important;
}

[data-bs-theme="dark"] .verification-banner {
    box-shadow: 0 18px 40px rgba(0, 0, 0, 0.24) !important;
}

[data-bs-theme="dark"] .primary-content .verification-banner .close,
[data-bs-theme="dark"] .primary-content .email-verification .close {
    background-color: transparent !important;
    border-color: rgba(79, 70, 229, 0.16) !important;
    color: var(--herc-dark-text) !important;
}

[data-bs-theme="dark"] .primary-content .verification-banner .close:hover,
[data-bs-theme="dark"] .primary-content .verification-banner .close:focus,
[data-bs-theme="dark"] .primary-content .email-verification .close:hover,
[data-bs-theme="dark"] .primary-content .email-verification .close:focus {
    background-color: rgba(79, 70, 229, 0.14) !important;
    border-color: rgba(79, 70, 229, 0.32) !important;
    color: #c7d2fe !important;
}

[data-bs-theme="dark"] .primary-content .verification-banner .btn-resend-verify-email,
[data-bs-theme="dark"] .primary-content .email-verification .btn-resend-verify-email {
    background-color: rgba(79, 70, 229, 0.12) !important;
    border-color: rgba(79, 70, 229, 0.28) !important;
    color: #c7d2fe !important;
}

[data-bs-theme="dark"] .primary-content .verification-banner .btn-resend-verify-email:hover,
[data-bs-theme="dark"] .primary-content .verification-banner .btn-resend-verify-email:focus,
[data-bs-theme="dark"] .primary-content .email-verification .btn-resend-verify-email:hover,
[data-bs-theme="dark"] .primary-content .email-verification .btn-resend-verify-email:focus {
    background-color: var(--herc-primary) !important;
    border-color: var(--herc-primary) !important;
    color: #ffffff !important;
}

[data-bs-theme="dark"] .verification-banner a,
[data-bs-theme="dark"] .verification-banner .btn-link,
[data-bs-theme="dark"] .client-home-panels a:not(.btn) {
    color: #a5b4fc !important;
}

[data-bs-theme="dark"] .table thead th {
    color: var(--herc-dark-heading) !important;
    border-bottom-color: var(--herc-dark-border) !important;
}

[data-bs-theme="dark"] .table-responsive,
[data-bs-theme="dark"] .table-container,
[data-bs-theme="dark"] .dataTables_wrapper .dataTables_length,
[data-bs-theme="dark"] .dataTables_wrapper .dataTables_filter,
[data-bs-theme="dark"] .dataTables_wrapper .dataTables_info,
[data-bs-theme="dark"] .dataTables_wrapper .dataTables_paginate {
    color: var(--herc-dark-text) !important;
}

/* --- DARK MODE DETAIL TUNING: full client panel parity --- */
[data-bs-theme="dark"] .list-group-item,
[data-bs-theme="dark"] .list-group-item-action {
    background-color: transparent !important;
    color: var(--herc-dark-text) !important;
    border-color: var(--herc-dark-border) !important;
}

/* Forzar color de lineas en paneles de inicio */
[data-bs-theme="dark"] .client-home-panels .list-group-item,
[data-bs-theme="dark"] .client-home-cards .list-group {
    border-top: 1px solid var(--herc-panel-header-border) !important;
    border-bottom: 1px solid var(--herc-panel-header-border) !important;
    border-left: 0 !important;
    border-right: 0 !important;
}

[data-bs-theme="dark"] .list-group-item:hover,
[data-bs-theme="dark"] .list-group-item-action:hover,
[data-bs-theme="dark"] .list-group-item:focus,
[data-bs-theme="dark"] .list-group-item-action:focus {
    background-color: var(--herc-dark-surface-2) !important;
    color: var(--herc-dark-heading) !important;
}

/* Evitar que el hover de la fila se active cuando el mouse está sobre los botones de acción */
[data-bs-theme="dark"] .client-home-panels .list-group-item:has(.btn:hover),
[data-bs-theme="dark"] .primary-content .list-group-item:has(.btn:hover) {
    background-color: transparent !important;
}

[data-bs-theme="dark"] .list-group-item.active,
[data-bs-theme="dark"] .list-group-item-action.active,
[data-bs-theme="dark"] .card-sidebar .list-group-item.active,
[data-bs-theme="dark"] .card-sidebar .list-group-item.current-child {
    background-color: rgba(255, 255, 255, 0.05) !important;
    color: var(--herc-dark-heading) !important;
    border-color: var(--herc-dark-border) !important;
}

[data-bs-theme="dark"] label,
[data-bs-theme="dark"] .form-label,
[data-bs-theme="dark"] .control-label,
[data-bs-theme="dark"] .checkbox-inline,
[data-bs-theme="dark"] .radio-inline,
[data-bs-theme="dark"] .small,
[data-bs-theme="dark"] small {
    color: var(--herc-dark-text) !important;
}

[data-bs-theme="dark"] .btn-default,
[data-bs-theme="dark"] .btn.btn-default,
[data-bs-theme="dark"] .btn-light,
[data-bs-theme="dark"] .btn.btn-light,
[data-bs-theme="dark"] .btn-secondary,
[data-bs-theme="dark"] .btn.btn-secondary {
    background-color: var(--herc-dark-surface-2) !important;
    border-color: var(--herc-dark-surface-2) !important;
    color: var(--herc-dark-heading) !important;
}

.btn-success,
.btn.btn-success,
[data-bs-theme="dark"] .btn-success,
[data-bs-theme="dark"] .btn.btn-success {
    background-color: var(--herc-primary) !important;
    border-color: var(--herc-primary) !important;
    color: #ffffff !important;
}

.btn-success:hover,
.btn.btn-success:hover,
[data-bs-theme="dark"] .btn-success:hover,
[data-bs-theme="dark"] .btn.btn-success:hover {
    background-color: var(--herc-primary-hover) !important;
    border-color: var(--herc-primary-hover) !important;
}

[data-bs-theme="dark"] .btn-default:hover,
[data-bs-theme="dark"] .btn.btn-default:hover,
[data-bs-theme="dark"] .btn-light:hover,
[data-bs-theme="dark"] .btn.btn-light:hover,
[data-bs-theme="dark"] .btn-secondary:hover,
[data-bs-theme="dark"] .btn.btn-secondary:hover {
    background-color: #34363a !important;
    border-color: #34363a !important;
    color: var(--herc-dark-heading) !important;
}

[data-bs-theme="dark"] .page-link,
[data-bs-theme="dark"] .pagination > li > a,
[data-bs-theme="dark"] .pagination > li > span {
    background-color: var(--herc-dark-surface) !important;
    color: var(--herc-dark-text) !important;
    border-color: var(--herc-dark-border) !important;
}

[data-bs-theme="dark"] .page-link:hover,
[data-bs-theme="dark"] .pagination > li > a:hover,
[data-bs-theme="dark"] .pagination > li > span:hover {
    background-color: var(--herc-dark-surface-2) !important;
    color: var(--herc-dark-heading) !important;
}

[data-bs-theme="dark"] .page-item.active .page-link,
[data-bs-theme="dark"] .pagination > .active > a,
[data-bs-theme="dark"] .pagination > .active > span {
    background-color: var(--herc-primary) !important;
    border-color: var(--herc-primary) !important;
    color: #ffffff !important;
}

[data-bs-theme="dark"] .dataTables_wrapper table,
[data-bs-theme="dark"] .dataTables_wrapper .table {
    color: var(--herc-dark-text) !important;
    border-color: var(--herc-dark-border) !important;
}

[data-bs-theme="dark"] .dataTables_wrapper table thead th,
[data-bs-theme="dark"] .dataTables_wrapper .table thead th {
    color: var(--herc-dark-heading) !important;
    border-bottom-color: var(--herc-dark-border) !important;
}

[data-bs-theme="dark"] .dataTables_wrapper table tbody td,
[data-bs-theme="dark"] .dataTables_wrapper .table tbody td,
[data-bs-theme="dark"] .dataTables_wrapper table tbody tr,
[data-bs-theme="dark"] .dataTables_wrapper .table tbody tr {
    color: var(--herc-dark-text) !important;
    border-color: var(--herc-dark-border) !important;
}



[data-bs-theme="dark"] .status,
[data-bs-theme="dark"] .label,
[data-bs-theme="dark"] .label-default,
[data-bs-theme="dark"] .badge.status,
[data-bs-theme="dark"] .status-active,
[data-bs-theme="dark"] .status-pending,
[data-bs-theme="dark"] .status-inactive {
    border: 1px solid transparent !important;
    box-shadow: none !important;
}

[data-bs-theme="dark"] .status.status-active,
[data-bs-theme="dark"] .label-success,
[data-bs-theme="dark"] .badge-success {
    background-color: rgba(16, 185, 129, 0.16) !important;
    border-color: rgba(16, 185, 129, 0.24) !important;
    color: #6ee7b7 !important;
}

[data-bs-theme="dark"] .status.status-pending,
[data-bs-theme="dark"] .label-warning,
[data-bs-theme="dark"] .badge-warning {
    background-color: rgba(245, 158, 11, 0.16) !important;
    border-color: rgba(245, 158, 11, 0.24) !important;
    color: #fcd34d !important;
}

[data-bs-theme="dark"] .status.status-inactive,
[data-bs-theme="dark"] .label-default,
[data-bs-theme="dark"] .badge-default {
    background-color: rgba(255, 255, 255, 0.08) !important;
    border-color: rgba(255, 255, 255, 0.12) !important;
    color: var(--herc-dark-text) !important;
}

[data-bs-theme="dark"] a:not(.btn):not(.page-link):not(.list-group-item) {
    color: var(--herc-dark-heading) !important;
}

[data-bs-theme="dark"] a:not(.btn):not(.page-link):not(.list-group-item):hover {
    /* color: #a5b4fc !important; */
    color: var(--bs-primary) !important; /* HERC */
}

/* --- FINAL DARK THEME AUTHORITY LAYER --- */
[data-bs-theme="dark"] .card,
[data-bs-theme="dark"] .panel,
[data-bs-theme="dark"] .panel-default,
[data-bs-theme="dark"] .clientarea-panel,
[data-bs-theme="dark"] .verification-banner,
[data-bs-theme="dark"] .tile,
[data-bs-theme="dark"] .dropdown-menu {
    background-color: var(--herc-dark-surface) !important;
    color: var(--herc-dark-text) !important;
    border-color: var(--herc-dark-border) !important;
    box-shadow: none !important;
}

[data-bs-theme="dark"] .card[class*="card-accent-"] {
    border-top: 1px solid var(--herc-dark-border) !important;
}

[data-bs-theme="dark"] .card-header,
[data-bs-theme="dark"] .panel-heading,
[data-bs-theme="dark"] .card-body,
[data-bs-theme="dark"] .panel-body,
[data-bs-theme="dark"] .card-footer,
[data-bs-theme="dark"] .panel-footer {
    background-color: var(--herc-dark-surface) !important;
    color: var(--herc-dark-text) !important;
    border-color: var(--herc-dark-border) !important;
}

[data-bs-theme="dark"] .dropdown-item,
[data-bs-theme="dark"] .dropdown-item-text {
    color: var(--herc-dark-text) !important;
}

[data-bs-theme="dark"] .dropdown-item:hover,
[data-bs-theme="dark"] .dropdown-item:focus {
    background-color: var(--herc-dark-surface-2) !important;
    color: var(--herc-dark-heading) !important;
}

[data-bs-theme="dark"] .list-group-item.active,
[data-bs-theme="dark"] .list-group-item-action.active,
[data-bs-theme="dark"] .list-group-item.current-child,
[data-bs-theme="dark"] .card-sidebar .list-group-item.active,
[data-bs-theme="dark"] .card-sidebar .list-group-item.current-child {
    background-color: rgba(79, 70, 229, 0.18) !important;
    color: #ffffff !important;
    border-color: rgba(79, 70, 229, 0.28) !important;
}

[data-bs-theme="dark"] .card-sidebar .list-group-item.active::before,
[data-bs-theme="dark"] .card-sidebar .list-group-item.current-child::before {
    background-color: var(--herc-primary) !important;
}

[data-bs-theme="dark"] .btn-default,
[data-bs-theme="dark"] .btn.btn-default,
[data-bs-theme="dark"] .btn-light,
[data-bs-theme="dark"] .btn.btn-light,
[data-bs-theme="dark"] .btn-secondary,
[data-bs-theme="dark"] .btn.btn-secondary {
    background-color: var(--herc-dark-surface-2) !important;
    border-color: var(--herc-dark-surface-2) !important;
    color: var(--herc-dark-heading) !important;
}

[data-bs-theme="dark"] .btn-default:hover,
[data-bs-theme="dark"] .btn.btn-default:hover,
[data-bs-theme="dark"] .btn-light:hover,
[data-bs-theme="dark"] .btn.btn-light:hover,
[data-bs-theme="dark"] .btn-secondary:hover,
[data-bs-theme="dark"] .btn.btn-secondary:hover {
    background-color: #34363a !important;
    border-color: #34363a !important;
}

[data-bs-theme="dark"] .badge,
[data-bs-theme="dark"] .badge.bg-secondary {
    background-color: var(--herc-primary) !important;
    color: #ffffff !important;
    border-color: transparent !important;
}

[data-bs-theme="dark"] .table,
[data-bs-theme="dark"] .dataTables_wrapper table,
[data-bs-theme="dark"] .dataTables_wrapper .table {
    color: var(--herc-dark-text) !important;
    border-color: var(--herc-dark-border) !important;
}

[data-bs-theme="dark"] .table thead th,
[data-bs-theme="dark"] .dataTables_wrapper thead th {
    color: var(--herc-dark-heading) !important;
    border-color: var(--herc-dark-border) !important;
}

[data-bs-theme="dark"] .table tbody td,
[data-bs-theme="dark"] .dataTables_wrapper tbody td {
    color: var(--herc-dark-text) !important;
    border-color: var(--herc-dark-border) !important;
}

[data-bs-theme="dark"] .primary-content,
[data-bs-theme="dark"] .primary-content p,
[data-bs-theme="dark"] .primary-content li,
[data-bs-theme="dark"] .primary-content span:not(.badge):not(.status),
[data-bs-theme="dark"] .card-body,
[data-bs-theme="dark"] .panel-body {
    color: var(--herc-dark-text);
}

[data-bs-theme="dark"] .primary-content h1,
[data-bs-theme="dark"] .primary-content h2,
[data-bs-theme="dark"] .primary-content h3,
[data-bs-theme="dark"] .primary-content h4,
[data-bs-theme="dark"] .primary-content h5,
[data-bs-theme="dark"] .primary-content h6,
[data-bs-theme="dark"] .card-title,
[data-bs-theme="dark"] .panel-title,
[data-bs-theme="dark"] strong {
    color: var(--herc-dark-heading) !important;
}

[data-bs-theme="dark"] .tile {
    color: var(--herc-dark-text) !important;
}

[data-bs-theme="dark"] .tile i {
    color: #a5b4fc !important;
}

[data-bs-theme="dark"] .tile .stat {
    color: var(--herc-dark-heading) !important;
}

[data-bs-theme="dark"] .tile .title {
    color: var(--herc-dark-text) !important;
    opacity: 0.92;
}

[data-bs-theme="dark"] .card-sidebar .card-title,
[data-bs-theme="dark"] .custom-sidebar-whmcs .card-title,
[data-bs-theme="dark"] .sidebar .card-title {
    color: var(--herc-dark-heading) !important;
}

[data-bs-theme="dark"] .card-sidebar .btn-link,
[data-bs-theme="dark"] .custom-sidebar-whmcs a:not(.btn):not(.list-group-item),
[data-bs-theme="dark"] .primary-content .card a:not(.btn):not(.page-link) {
    color: #a5b4fc !important;
}

[data-bs-theme="dark"] .card-sidebar .btn-link:hover,
[data-bs-theme="dark"] .custom-sidebar-whmcs a:not(.btn):not(.list-group-item):hover,
[data-bs-theme="dark"] .primary-content .card a:not(.btn):not(.page-link):hover {
    color: #c7d2fe !important;
}

/* --- PROFESSIONAL DASHBOARD LAYOUT SYSTEM --- */
.herc-dashboard-main #main-body > .container.herc-container-wide {
    width: 100% !important;
    max-width: 1600px !important;
    margin: 0 auto !important;
    padding: 0 1.1rem 1.75rem !important;
}

.herc-dashboard-main #main-body > .container.herc-container-wide > .row {
    row-gap: 1.5rem;
}

@media (min-width: 1200px) {
    .herc-dashboard-main #main-body > .container.herc-container-wide > .row {
        display: flex;
        flex-wrap: nowrap;
        align-items: flex-start;
        gap: 1.5rem;
        margin-left: 0;
        margin-right: 0;
    }

    .herc-dashboard-main #main-body > .container.herc-container-wide > .row > .col-lg-4.col-xl-3 {
        flex: 0 0 17.5rem;
        width: 17.5rem;
        max-width: 17.5rem;
        padding-left: 0;
        padding-right: 0;
        margin-bottom: 0;
    }

    .herc-dashboard-main #main-body > .container.herc-container-wide > .row > .primary-content {
        flex: 1 1 auto;
        width: auto;
        max-width: none;
        min-width: 0;
        padding-left: 0;
        padding-right: 0;
    }
}

.custom-sidebar-whmcs,
.card-sidebar,
.tile,
.verification-banner,
.dataTables_wrapper {
    border-radius: var(--herc-radius-md) !important;
    overflow: hidden;
}

.card-sidebar,
.custom-sidebar-whmcs .card {
    box-shadow: none !important;
}

.primary-content .tiles {
    margin-bottom: 1.5rem !important;
    background-color: transparent !important;
    border-color: transparent !important;
}

.primary-content .tiles .row.no-gutters {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
    margin: 0;
}

@media (min-width: 1200px) {
    .primary-content .tiles .row.no-gutters {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}

@media (max-width: 575.98px) {
    .primary-content .tiles .row.no-gutters {
        grid-template-columns: 1fr;
    }
}

.primary-content .tiles .row.no-gutters > [class*="col-"] {
    width: auto;
    max-width: none;
    padding: 0;
}

.primary-content .tile {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    gap: 0.35rem;
    width: 100% !important;
    min-height: 7.75rem;
    padding: 1rem 1.1rem 0.95rem !important;
    position: relative;
    transition: transform 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
}

.primary-content .tile:hover {
    transform: translateY(-2px);
    box-shadow: none !important;
}

.primary-content .tile i {
    margin-bottom: auto;
    font-size: 1.05rem;
    opacity: 0.9;
}

.primary-content .tile .stat {
    font-size: 2rem;
    font-weight: 700;
    line-height: 1;
}

.primary-content .tile .title {
    font-size: 0.78rem;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

[data-bs-theme="light"] .primary-content .tile .title {
    color: var(--herc-light-muted) !important;
}

.primary-content .tile .highlight {
    position: absolute;
    inset: auto 0 0 0;
    height: 4px;
    opacity: 0.95;
}

[data-bs-theme="light"] .breadcrumb li.active,
[data-bs-theme="light"] .breadcrumb-item.active {
    color: var(--herc-light-muted) !important;
}

#registerDomainPanel {
    border-radius: var(--herc-radius-md) !important;
}

#registerDomainPanel .card-header {
    border-radius: var(--herc-radius-md) var(--herc-radius-md) 0 0 !important;
}

#registerDomainPanel .card-footer {
    border-radius: 0 0 var(--herc-radius-md) var(--herc-radius-md) !important;
}

#registerDomainPanel .input-group > .form-control:first-child {
    border-top-left-radius: var(--herc-radius-md) !important;
    border-bottom-left-radius: var(--herc-radius-md) !important;
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

#registerDomainPanel .input-group > .input-group-btn > .btn:first-child,
#registerDomainPanel .input-group > .input-group-append > .btn:first-child {
    border-radius: 0 !important;
}

#registerDomainPanel .input-group > .input-group-btn > .btn:last-child,
#registerDomainPanel .input-group > .input-group-append > .btn:last-child {
    border-top-right-radius: var(--herc-radius-md) !important;
    border-bottom-right-radius: var(--herc-radius-md) !important;
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}

#registerDomainPanel .card-header {
    padding: 1.25rem 1.5rem !important;
}

#registerDomainPanel .card-body {
    padding: 1.5rem !important;
}

#registerDomainPanel .card-footer {
    padding: 1.25rem 1.5rem !important;
}

#registerDomainPanel .input-group {
    display: flex;
    align-items: stretch;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

#registerDomainPanel .input-group > .form-control {
    flex: 1 1 auto;
    width: auto;
    margin: 0;
}

#registerDomainPanel .input-group-btn,
#registerDomainPanel .input-group-append {
    display: flex;
}

#registerDomainPanel .input-group-btn .btn,
#registerDomainPanel .input-group-append .btn {
    min-width: 8rem;
}

@media (min-width: 768px) {
    #registerDomainPanel .input-group > .form-control {
        flex: 1 1 auto;
        width: auto;
    }

    #registerDomainPanel .input-group-btn,
    #registerDomainPanel .input-group-append {
        flex: 0 0 auto;
    }
}

.dataTables_wrapper {
    padding: 1rem 1rem 0.85rem;
}

.dataTables_wrapper .dataTables_filter,
.dataTables_wrapper .dataTables_length {
    margin-bottom: 1rem;
}

.dataTables_wrapper .dataTables_filter label,
.dataTables_wrapper .dataTables_length label {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.dataTables_wrapper .dataTables_info,
.dataTables_wrapper .dataTables_paginate {
    margin-top: 1rem;
}

@media (max-width: 767.98px) {
    .herc-dashboard-main #main-body > .container.herc-container-wide {
        padding-left: 1rem !important;
        padding-right: 1rem !important;
    }
}

/* Final public search sizing overrides. */
#order-standard_cart.herc-public-order .herc-domain-search-row {
    min-height: 4.15rem !important;
}

#order-standard_cart.herc-public-order #message {
    height: 3.35rem !important;
    max-height: 3.35rem !important;
    min-height: 3.35rem !important;
}

#order-standard_cart.herc-public-order .herc-public-search-box.is-ai-mode #message {
    height: 6.75rem !important;
    max-height: 6.75rem !important;
    min-height: 6.75rem !important;
}

/* DonWeb-inspired clean domain search, shared by logged-in and guest flows. */
#order-standard_cart.herc-domain-order .domain-checker-container {
    margin: 1.35rem auto 2rem !important;
    max-width: 1080px !important;
    padding: 0 1rem !important;
    width: 100% !important;
}

#order-standard_cart.herc-domain-order .domain-checker-bg {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    padding: 0 !important;
}

#order-standard_cart.herc-domain-order .domain-checker-bg > form,
#order-standard_cart.herc-domain-order .domain-checker-bg .row,
#order-standard_cart.herc-domain-order .domain-checker-bg .col-12,
#order-standard_cart.herc-domain-order .domain-input-group,
#order-standard_cart.herc-domain-order .domain-input-group .row,
#order-standard_cart.herc-domain-order .domain-input-group .domains-row {
    margin-left: auto !important;
    margin-right: auto !important;
    max-width: 1080px !important;
    width: 100% !important;
}

#order-standard_cart.herc-domain-order .domain-checker-bg [class*="col-"],
#order-standard_cart.herc-domain-order .domain-checker-bg [class*="offset-"],
#order-standard_cart.herc-domain-order .domain-input-group [class*="col-"],
#order-standard_cart.herc-domain-order .domain-input-group [class*="offset-"] {
    float: none !important;
    margin-left: 0 !important;
    max-width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    width: 100% !important;
}

#order-standard_cart.herc-domain-order .input-group-box,
#order-standard_cart.herc-domain-order .herc-public-search-box {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    display: grid !important;
    gap: 0.8rem !important;
    margin: 0 auto !important;
    max-width: 1040px !important;
    padding: 0 !important;
    width: 100% !important;
}

#order-standard_cart.herc-domain-order .herc-domain-search-row {
    align-items: center !important;
    background: #fff !important;
    border: 1px solid rgba(51, 102, 153, 0.22) !important;
    border-radius: 0.55rem !important;
    box-shadow: 0 14px 36px rgba(15, 23, 42, 0.1) !important;
    display: flex !important;
    gap: 0 !important;
    margin: 0 auto !important;
    max-width: 1040px !important;
    min-height: 4rem !important;
    padding: 0.35rem !important;
    width: 100% !important;
}

#order-standard_cart.herc-domain-order #inputDomain,
#order-standard_cart.herc-domain-order #message {
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    color: var(--bs-body-color, #212529) !important;
    flex: 1 1 auto !important;
    font-size: 1.05rem !important;
    font-weight: 600 !important;
    height: 3.25rem !important;
    line-height: 1.35 !important;
    max-height: 3.25rem !important;
    min-height: 3.25rem !important;
    min-width: 0 !important;
    outline: 0 !important;
    overflow: hidden !important;
    padding: 0.85rem 1.1rem !important;
    resize: none !important;
    width: 100% !important;
}

#order-standard_cart.herc-domain-order .herc-public-search-box.is-ai-mode #message {
    height: 6.4rem !important;
    max-height: 6.4rem !important;
    min-height: 6.4rem !important;
    overflow: auto !important;
}

#order-standard_cart.herc-domain-order #btnCheckAvailability,
#order-standard_cart.herc-domain-order .domain-check-availability {
    align-items: center !important;
    border: 0 !important;
    border-radius: 0.42rem !important;
    display: inline-flex !important;
    flex: 0 0 auto !important;
    font-size: 0.98rem !important;
    font-weight: 800 !important;
    height: 3.25rem !important;
    justify-content: center !important;
    margin: 0 !important;
    min-height: 3.25rem !important;
    min-width: 10rem !important;
    padding: 0 1.5rem !important;
    white-space: nowrap !important;
}

#order-standard_cart.herc-domain-order .herc-domain-search-meta {
    align-items: center !important;
    display: flex !important;
    gap: 0.75rem !important;
    justify-content: space-between !important;
    margin: 0 auto !important;
    max-width: 1040px !important;
    min-height: 2.55rem !important;
    width: 100% !important;
}

#order-standard_cart.herc-domain-order .herc-ai-domain-toggle {
    align-items: center !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 999px !important;
    color: var(--bs-body-color, #212529) !important;
    display: inline-flex !important;
    flex: 0 0 auto !important;
    font-size: 0.94rem !important;
    font-weight: 800 !important;
    gap: 0.6rem !important;
    margin: 0 !important;
    padding: 0.25rem 0 !important;
}

#order-standard_cart.herc-domain-order .herc-ai-domain-toggle .icheckbox_square-blue,
#order-standard_cart.herc-domain-order .herc-ai-domain-toggle .iradio_square-blue {
    display: block !important;
    height: 1px !important;
    opacity: 0 !important;
    overflow: hidden !important;
    position: absolute !important;
    width: 1px !important;
}

#order-standard_cart.herc-domain-order .herc-ai-toggle-control {
    background: #cbd5e1 !important;
    border-radius: 999px !important;
    display: inline-block !important;
    height: 1.45rem !important;
    position: relative !important;
    width: 2.55rem !important;
}

#order-standard_cart.herc-domain-order .herc-ai-toggle-control::after {
    background: #fff !important;
    border-radius: 50% !important;
    box-shadow: 0 2px 7px rgba(15, 23, 42, 0.22) !important;
    content: "" !important;
    height: 1.1rem !important;
    left: 0.18rem !important;
    position: absolute !important;
    top: 0.18rem !important;
    transition: transform 160ms ease !important;
    width: 1.1rem !important;
}

#order-standard_cart.herc-domain-order .herc-ai-domain-toggle.is-checked .herc-ai-toggle-control {
    background: var(--bs-primary, #336699) !important;
}

#order-standard_cart.herc-domain-order .herc-ai-domain-toggle.is-checked .herc-ai-toggle-control::after {
    transform: translateX(1.08rem) !important;
}

#order-standard_cart.herc-domain-order .herc-domain-search-filters {
    align-items: center !important;
    display: flex !important;
    flex: 1 1 auto !important;
    flex-wrap: wrap !important;
    gap: 0.5rem !important;
    justify-content: flex-end !important;
    margin: 0 !important;
    width: auto !important;
}

#order-standard_cart.herc-domain-order .herc-domain-search-filters select.multiselect {
    display: none !important;
}

#order-standard_cart.herc-domain-order .herc-domain-search-filters > .btn-group,
#order-standard_cart.herc-domain-order .herc-domain-search-filters .multiselect-native-select {
    display: inline-flex !important;
    margin: 0 !important;
    max-width: 13rem !important;
    width: auto !important;
}

#order-standard_cart.herc-domain-order .herc-domain-search-filters > .btn-group > .multiselect,
#order-standard_cart.herc-domain-order .herc-domain-search-filters .multiselect {
    align-items: center !important;
    background: rgba(15, 23, 42, 0.035) !important;
    border: 1px solid rgba(100, 116, 139, 0.22) !important;
    border-radius: 999px !important;
    color: var(--bs-body-color, #212529) !important;
    display: inline-flex !important;
    font-size: 0.86rem !important;
    font-weight: 750 !important;
    height: 2.35rem !important;
    justify-content: space-between !important;
    min-width: 9.25rem !important;
    padding: 0 0.9rem !important;
    white-space: nowrap !important;
}

#order-standard_cart.herc-domain-order .herc-safe-search-toggle {
    align-items: center !important;
    background: rgba(15, 23, 42, 0.035) !important;
    border: 1px solid rgba(100, 116, 139, 0.22) !important;
    border-radius: 999px !important;
    display: inline-flex !important;
    font-size: 0.86rem !important;
    font-weight: 750 !important;
    gap: 0.42rem !important;
    height: 2.35rem !important;
    margin: 0 !important;
    padding: 0 0.9rem !important;
}

[data-bs-theme="dark"] #order-standard_cart.herc-domain-order .herc-domain-search-row {
    background: #0b0b10 !important;
    border-color: var(--herc-dark-border, #232335) !important;
    box-shadow: 0 14px 36px rgba(0, 0, 0, 0.32) !important;
}

[data-bs-theme="dark"] #order-standard_cart.herc-domain-order .herc-ai-domain-toggle,
[data-bs-theme="dark"] #order-standard_cart.herc-domain-order .herc-domain-search-filters > .btn-group > .multiselect,
[data-bs-theme="dark"] #order-standard_cart.herc-domain-order .herc-domain-search-filters .multiselect,
[data-bs-theme="dark"] #order-standard_cart.herc-domain-order .herc-safe-search-toggle {
    color: var(--herc-dark-text, #f8fafc) !important;
}

[data-bs-theme="dark"] #order-standard_cart.herc-domain-order .herc-domain-search-filters > .btn-group > .multiselect,
[data-bs-theme="dark"] #order-standard_cart.herc-domain-order .herc-domain-search-filters .multiselect,
[data-bs-theme="dark"] #order-standard_cart.herc-domain-order .herc-safe-search-toggle {
    background: rgba(255, 255, 255, 0.055) !important;
    border-color: var(--herc-dark-border, #232335) !important;
}

@media (max-width: 767.98px) {
    #order-standard_cart.herc-domain-order .domain-checker-container {
        padding: 0 !important;
    }

    #order-standard_cart.herc-domain-order .herc-domain-search-row {
        display: grid !important;
    }

    #order-standard_cart.herc-domain-order #btnCheckAvailability,
    #order-standard_cart.herc-domain-order .domain-check-availability {
        width: 100% !important;
    }

    #order-standard_cart.herc-domain-order .herc-domain-search-meta {
        align-items: stretch !important;
        display: grid !important;
    }

    #order-standard_cart.herc-domain-order .herc-domain-search-filters {
        justify-content: center !important;
    }
}

.header-dashboard,
.herc-dashboard-sidebar,
.herc-dashboard-footer,
.herc-dashboard-sidebar .card-sidebar,
.herc-dashboard-sidebar .card-header,
.herc-dashboard-sidebar .card-body,
.herc-dashboard-sidebar .list-group {
    background-image: none !important;
}

.herc-dashboard-footer,
html[data-bs-theme="light"] .herc-dashboard-footer,
html[data-bs-theme="dark"] .herc-dashboard-footer {
    background-color: var(--herc-dashboard-shell-bg) !important;
}

.header-dashboard .navbar-user-actions > .nav-item > .nav-link,
.header-dashboard .navbar-user-actions > .nav-item > .btn-link,
.header-dashboard .navbar-user-actions > .nav-item > button.btn-link,
.header-dashboard .navbar-user-actions > .dropdown > .nav-link,
.header-dashboard .navbar-user-actions > .dropdown > .btn-link,
.header-dashboard .navbar-user-actions > .dropdown > button.btn-link {
    background-color: var(--herc-panel-neutral-bg) !important;
    border-color: var(--herc-panel-neutral-border) !important;
    color: var(--herc-panel-neutral-text) !important;
    min-height: var(--herc-control-height);
    box-shadow: none !important;
}

.header-dashboard .navbar-user-actions > .nav-item > .nav-link:hover,
.header-dashboard .navbar-user-actions > .nav-item > .nav-link:focus,
.header-dashboard .navbar-user-actions > .nav-item > .btn-link:hover,
.header-dashboard .navbar-user-actions > .nav-item > .btn-link:focus,
.header-dashboard .navbar-user-actions > .nav-item > button.btn-link:hover,
.header-dashboard .navbar-user-actions > .nav-item > button.btn-link:focus,
.header-dashboard .navbar-user-actions > .dropdown > .nav-link:hover,
.header-dashboard .navbar-user-actions > .dropdown > .nav-link:focus,
.header-dashboard .navbar-user-actions > .dropdown > .btn-link:hover,
.header-dashboard .navbar-user-actions > .dropdown > .btn-link:focus,
.header-dashboard .navbar-user-actions > .dropdown > button.btn-link:hover,
.header-dashboard .navbar-user-actions > .dropdown > button.btn-link:focus {
    background-color: var(--herc-panel-accent-hover-bg) !important;
    border-color: var(--herc-panel-accent-hover-border) !important;
    color: var(--herc-panel-accent-text) !important;
}

.header-dashboard .navbar-user-actions > .nav-item > .nav-link[aria-expanded="true"],
.header-dashboard .navbar-user-actions > .nav-item > .btn-link[aria-expanded="true"],
.header-dashboard .navbar-user-actions > .nav-item > button.btn-link[aria-expanded="true"],
.header-dashboard .navbar-user-actions > .dropdown > .nav-link[aria-expanded="true"],
.header-dashboard .navbar-user-actions > .dropdown > .btn-link[aria-expanded="true"],
.header-dashboard .navbar-user-actions > .dropdown > button.btn-link[aria-expanded="true"] {
    background-color: var(--herc-panel-accent-active-bg) !important;
    border-color: var(--herc-panel-accent-active-border) !important;
    color: var(--herc-panel-accent-text) !important;
}

.header-dashboard .navbar-user-actions .nav-link.show,
.header-dashboard .navbar-user-actions .btn-link.show,
.header-dashboard .navbar-user-actions button.btn-link.show,
.header-dashboard .navbar-user-actions #accountDropdown.show,
.header-dashboard .navbar-user-actions #accountDropdown[aria-expanded="true"],
.header-dashboard .navbar-user-actions #languageDropdown.show,
.header-dashboard .navbar-user-actions #languageDropdown[aria-expanded="true"],
.header-dashboard .navbar-user-actions #bd-theme.show,
.header-dashboard .navbar-user-actions #bd-theme[aria-expanded="true"] {
    background-color: var(--herc-panel-accent-active-bg) !important;
    border-color: var(--herc-panel-accent-active-border) !important;
    color: var(--herc-panel-accent-text) !important;
}

.navbar-user-actions .dropdown-menu {
    padding: 0 !important;
    overflow: hidden;
}

.navbar-user-actions .dropdown-item,
.navbar-user-actions .dropdown-item-text {
    border-radius: 0 !important;
}

.navbar-user-actions .dropdown-item:hover,
.navbar-user-actions .dropdown-item:focus,
.navbar-user-actions .dropdown-item.active,
.navbar-user-actions .dropdown-item:active {
    background-color: var(--herc-panel-accent-hover-bg) !important;
    color: var(--herc-panel-accent-text) !important;
}

.herc-dashboard-sidebar .list-group-item,
.card-sidebar .list-group-item {
    border-left: 0 !important;
    border-right: 0 !important;
    border-radius: 0 !important;
    transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}

.herc-dashboard-sidebar .list-group-item:hover,
.herc-dashboard-sidebar .list-group-item:focus,
.card-sidebar .list-group-item:hover,
.card-sidebar .list-group-item:focus {
    background-color: var(--herc-panel-accent-hover-bg) !important;
    border-color: var(--herc-panel-accent-hover-border) !important;
    color: var(--herc-panel-accent-text) !important;
}

.herc-dashboard-sidebar .list-group-item.active,
.herc-dashboard-sidebar .list-group-item-action.active,
.herc-dashboard-sidebar .list-group-item.current-child,
.card-sidebar .list-group-item.active,
.card-sidebar .list-group-item.current-child {
    background-color: var(--herc-panel-accent-active-bg) !important;
    border-color: var(--herc-panel-accent-active-border) !important;
    color: var(--herc-panel-accent-text) !important;
}

.herc-dashboard-sidebar .list-group-item.active::before,
.herc-dashboard-sidebar .list-group-item.current-child::before,
.card-sidebar .list-group-item.active::before,
.card-sidebar .list-group-item.current-child::before {
    background-color: var(--herc-primary-hover) !important;
}

.herc-dashboard-sidebar .list-group-item.pl-4,
.herc-dashboard-sidebar .list-group-item-action.pl-4,
.card-sidebar .list-group-item.pl-4,
.card-sidebar .list-group-item-action.pl-4,
.panel-actions .list-group-item.pl-4,
.panel-actions .list-group-item-action.pl-4,
.view-filter-btns .list-group-item.pl-4,
.view-filter-btns .list-group-item-action.pl-4 {
    padding-left: 2.75rem !important;
    font-size: 0.92rem !important;
    background-color: var(--herc-panel-neutral-bg) !important;
    border-color: var(--herc-panel-neutral-border) !important;
    color: var(--herc-panel-neutral-text) !important;
}

.herc-dashboard-sidebar .list-group-item.pl-4:hover,
.herc-dashboard-sidebar .list-group-item.pl-4:focus,
.herc-dashboard-sidebar .list-group-item-action.pl-4:hover,
.herc-dashboard-sidebar .list-group-item-action.pl-4:focus,
.card-sidebar .list-group-item.pl-4:hover,
.card-sidebar .list-group-item.pl-4:focus,
.card-sidebar .list-group-item-action.pl-4:hover,
.card-sidebar .list-group-item-action.pl-4:focus,
.panel-actions .list-group-item.pl-4:hover,
.panel-actions .list-group-item.pl-4:focus,
.panel-actions .list-group-item-action.pl-4:hover,
.panel-actions .list-group-item-action.pl-4:focus,
.view-filter-btns .list-group-item.pl-4:hover,
.view-filter-btns .list-group-item.pl-4:focus,
.view-filter-btns .list-group-item-action.pl-4:hover,
.view-filter-btns .list-group-item-action.pl-4:focus {
    background-color: var(--herc-panel-accent-hover-bg) !important;
    border-color: var(--herc-panel-accent-hover-border) !important;
    color: var(--herc-panel-accent-text) !important;
}

.herc-dashboard-sidebar .list-group-item.pl-4.active,
.herc-dashboard-sidebar .list-group-item.pl-4.current-child,
.herc-dashboard-sidebar .list-group-item-action.pl-4.active,
.card-sidebar .list-group-item.pl-4.active,
.card-sidebar .list-group-item.pl-4.current-child,
.card-sidebar .list-group-item-action.pl-4.active,
.panel-actions .list-group-item.pl-4.active,
.panel-actions .list-group-item.pl-4.current-child,
.panel-actions .list-group-item-action.pl-4.active,
.view-filter-btns .list-group-item.pl-4.active,
.view-filter-btns .list-group-item.pl-4.current-child,
.view-filter-btns .list-group-item-action.pl-4.active {
    background-color: var(--herc-panel-accent-active-bg) !important;
    border-color: var(--herc-panel-accent-active-border) !important;
    color: var(--herc-panel-accent-text) !important;
}

.primary-content .btn.btn-success,
.primary-content .btn.btn-primary,
.primary-content .btn.btn-default,
.primary-content .btn.btn-light,
.primary-content .btn.btn-secondary,
.primary-content .btn.btn-custom-action,
.primary-content .btn.btn-view-details,
.primary-content .btn.btn-resend-verify-email,
.primary-content .btn.dropdown-toggle,
#registerDomainPanel .btn,
.card-sidebar .btn {
    background-color: var(--herc-panel-accent-bg) !important;
    border-color: var(--herc-panel-accent-border) !important;
    color: var(--herc-panel-accent-text) !important;
    box-shadow: none !important;
    font-size: 0.75rem !important;
    font-weight: 600;
    line-height: 1.25 !important;
}

.card-sidebar .btn.btn-success,
.card-sidebar .btn.btn-primary,
.card-sidebar .btn.btn-default,
.card-sidebar .btn.btn-success.btn-sm,
.card-sidebar .btn.btn-primary.btn-sm,
.card-sidebar .btn.btn-default.btn-sm {
    background-color: var(--herc-panel-accent-bg) !important;
    border-color: var(--herc-panel-accent-border) !important;
    color: var(--herc-panel-accent-text) !important;
}

.card-sidebar .btn,
.card-sidebar .btn.btn-sm,
.card-sidebar .btn.btn-block,
.card-sidebar .btn.btn-success.btn-sm.btn-block,
#registerDomainPanel .btn,
.verification-banner .btn-resend-verify-email {
    border-radius: var(--herc-radius-md) !important;
}

.card-sidebar .list-group-item,
.panel-actions .list-group-item,
.view-filter-btns .list-group-item,
.primary-content .view-all,
.primary-content a.view-all {
    font-size: 0.95rem !important;
    line-height: 1.4 !important;
}

.primary-content .btn.btn-success:hover,
.primary-content .btn.btn-success:focus,
.primary-content .btn.btn-primary:hover,
.primary-content .btn.btn-primary:focus,
.primary-content .btn.btn-default:hover,
.primary-content .btn.btn-default:focus,
.primary-content .btn.btn-light:hover,
.primary-content .btn.btn-light:focus,
.primary-content .btn.btn-secondary:hover,
.primary-content .btn.btn-secondary:focus,
.primary-content .btn.btn-custom-action:hover,
.primary-content .btn.btn-custom-action:focus,
.primary-content .btn.btn-view-details:hover,
.primary-content .btn.btn-view-details:focus,
.primary-content .btn.btn-resend-verify-email:hover,
.primary-content .btn.btn-resend-verify-email:focus,
.primary-content .btn.dropdown-toggle:hover,
.primary-content .btn.dropdown-toggle:focus,
#registerDomainPanel .btn:hover,
#registerDomainPanel .btn:focus,
.card-sidebar .btn:hover,
.card-sidebar .btn:focus {
    background-color: var(--herc-panel-accent-hover-bg) !important;
    border-color: var(--herc-panel-accent-hover-border) !important;
    color: var(--herc-panel-accent-text) !important;
}

.primary-content .btn.btn-success:active,
.primary-content .btn.btn-success.active,
.primary-content .btn.btn-primary:active,
.primary-content .btn.btn-primary.active,
.primary-content .btn.btn-default:active,
.primary-content .btn.btn-default.active,
.primary-content .btn.btn-resend-verify-email:active,
.primary-content .btn.btn-resend-verify-email.active,
#registerDomainPanel .btn:active,
#registerDomainPanel .btn.active,
.card-sidebar .btn:active,
.card-sidebar .btn.active {
    background-color: var(--herc-panel-accent-active-bg) !important;
    border-color: var(--herc-panel-accent-active-border) !important;
    color: var(--herc-panel-accent-text) !important;
}

.card-sidebar .btn.btn-success.btn-sm.btn-block:hover,
.card-sidebar .btn.btn-success.btn-sm.btn-block:focus,
.card-sidebar .btn.btn-default.btn-sm.btn-block:hover,
.card-sidebar .btn.btn-default.btn-sm.btn-block:focus,
.card-sidebar .btn.btn-default.btn-sm.btn-block.btn-action:hover,
.card-sidebar .btn.btn-default.btn-sm.btn-block.btn-action:focus,
.verification-banner .btn-resend-verify-email:hover,
.verification-banner .btn-resend-verify-email:focus,
#btnResendVerificationEmail:hover,
#btnResendVerificationEmail:focus {
    background-color: var(--herc-panel-accent-hover-bg) !important;
    border-color: var(--herc-panel-accent-hover-border) !important;
    color: var(--herc-panel-accent-text) !important;
}

.card-sidebar .btn.btn-success.btn-sm.btn-block:active,
.card-sidebar .btn.btn-success.btn-sm.btn-block.active,
.card-sidebar .btn.btn-default.btn-sm.btn-block:active,
.card-sidebar .btn.btn-default.btn-sm.btn-block.active,
.verification-banner .btn-resend-verify-email:active,
.verification-banner .btn-resend-verify-email.active,
#btnResendVerificationEmail:active,
#btnResendVerificationEmail.active {
    background-color: var(--herc-panel-accent-active-bg) !important;
    border-color: var(--herc-panel-accent-active-border) !important;
    color: var(--herc-panel-accent-text) !important;
}

#servicesPanel .status,
#servicesPanel .label,
#servicesPanel .label-success,
#servicesPanel .badge.status,
#servicesPanel .status.status-active,
#servicesPanel .badge-success {
    background-color: var(--herc-panel-secondary-bg) !important;
    border: 1px solid var(--herc-panel-secondary-border) !important;
    color: var(--herc-panel-secondary-text) !important;
    box-shadow: none !important;
}

#servicesPanel .div-service-buttons .btn.btn-default,
#servicesPanel .div-service-buttons .btn.btn-default.btn-sm,
#servicesPanel .div-service-buttons .btn.btn-custom-action,
#servicesPanel .div-service-buttons .btn.btn-view-details,
#servicesPanel .div-service-buttons .btn.dropdown-toggle,
#servicesPanel .div-service-buttons .btn-group > .btn,
#servicesPanel .div-service-buttons .btn-group-sm > .btn {
    background-color: var(--herc-panel-secondary-bg) !important;
    border-color: var(--herc-panel-secondary-border) !important;
    color: var(--herc-panel-secondary-text) !important;
    box-shadow: none !important;
}

#servicesPanel .div-service-buttons .btn.dropdown-toggle {
    background-color: rgba(0, 0, 0, 0.45) !important;
    border-left: 1px solid var(--herc-dark-border) !important;
}

#servicesPanel .div-service-buttons .btn.btn-default:hover,
#servicesPanel .div-service-buttons .btn.btn-default:focus,
#servicesPanel .div-service-buttons .btn.btn-custom-action:hover,
#servicesPanel .div-service-buttons .btn.btn-custom-action:focus,
#servicesPanel .div-service-buttons .btn.btn-view-details:hover,
#servicesPanel .div-service-buttons .btn.btn-view-details:focus,
#servicesPanel .div-service-buttons .btn.dropdown-toggle:hover,
#servicesPanel .div-service-buttons .btn.dropdown-toggle:focus,
#servicesPanel .div-service-buttons .btn-group > .btn:hover,
#servicesPanel .div-service-buttons .btn-group > .btn:focus,
#servicesPanel .div-service-buttons .btn-group-sm > .btn:hover,
#servicesPanel .div-service-buttons .btn-group-sm > .btn:focus {
    background-color: var(--herc-panel-secondary-hover-bg) !important;
    border-color: var(--herc-panel-secondary-hover-border) !important;
    color: var(--herc-panel-secondary-text) !important;
}

#servicesPanel .div-service-buttons .btn.btn-default:active,
#servicesPanel .div-service-buttons .btn.btn-default.active,
#servicesPanel .div-service-buttons .btn.btn-custom-action:active,
#servicesPanel .div-service-buttons .btn.btn-custom-action.active,
#servicesPanel .div-service-buttons .btn.btn-view-details:active,
#servicesPanel .div-service-buttons .btn.btn-view-details.active,
#servicesPanel .div-service-buttons .btn.dropdown-toggle:active,
#servicesPanel .div-service-buttons .btn.dropdown-toggle.active,
#servicesPanel .div-service-buttons .btn-group > .btn:active,
#servicesPanel .div-service-buttons .btn-group > .btn.active,
#servicesPanel .div-service-buttons .btn-group-sm > .btn:active,
#servicesPanel .div-service-buttons .btn-group-sm > .btn.active {
    background-color: var(--herc-panel-secondary-active-bg) !important;
    border-color: var(--herc-panel-secondary-active-border) !important;
    color: var(--herc-panel-secondary-text) !important;
}

#servicesPanel .div-service-buttons .btn.btn-sm,
#servicesPanel .div-service-buttons .btn-group-sm > .btn,
#servicesPanel .div-service-buttons .btn.btn-view-details {
    min-height: 29.4px;
    height: 29.4px;
    padding-top: 6.4px !important;
    padding-bottom: 6.4px !important;
    line-height: 15px !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

#servicesPanel,
#servicesPanel.card,
#servicesPanel.panel,
#servicesPanel .card-body,
#servicesPanel .panel-body,
#servicesPanel .list-group,
#servicesPanel .list-group-item,
#servicesPanel .div-service-item {
    overflow: visible !important;
}

#servicesPanel {
    position: relative;
    z-index: 5;
}

#servicesPanel .div-service-buttons,
#servicesPanel .div-service-buttons .btn-group,
#servicesPanel .div-service-buttons .btn-group-sm {
    position: relative;
}

#servicesPanel .table-responsive {
    overflow: visible !important;
}

#servicesPanel .div-service-buttons .dropdown-menu {
    min-width: 13.5rem;
    margin-top: 0.35rem;
    border-radius: var(--herc-radius-md);
    border: 1px solid var(--bs-border-color) !important;
    box-shadow: 0 16px 32px rgba(15, 23, 42, 0.14) !important;
    z-index: 1200 !important;
}

#servicesPanel .div-service-buttons .dropdown-menu .dropdown-item {
    color: var(--bs-body-color) !important;
}

#servicesPanel .div-service-buttons .dropdown-menu .dropdown-item:hover,
#servicesPanel .div-service-buttons .dropdown-menu .dropdown-item:focus {
    background-color: var(--herc-panel-secondary-hover-bg) !important;
    color: var(--herc-panel-secondary-text) !important;
}

[data-bs-theme="dark"] #servicesPanel .div-service-buttons .dropdown-menu {
    background-color: var(--herc-dark-surface) !important;
    border-color: var(--herc-dark-border) !important;
    box-shadow: 0 20px 36px rgba(0, 0, 0, 0.34) !important;
}

[data-bs-theme="dark"] #servicesPanel .div-service-buttons .dropdown-menu .dropdown-item {
    color: var(--herc-dark-text) !important;
}

#registerDomainPanel input[name="transfer"],
#registerDomainPanel .btn.btn-default,
#registerDomainPanel .btn-secondary {
    background-color: var(--herc-panel-secondary-bg) !important;
    border-color: var(--herc-panel-secondary-border) !important;
    color: var(--herc-panel-secondary-text) !important;
}

#registerDomainPanel input[name="transfer"]:hover,
#registerDomainPanel input[name="transfer"]:focus,
#registerDomainPanel .btn.btn-default:hover,
#registerDomainPanel .btn.btn-default:focus,
#registerDomainPanel .btn-secondary:hover,
#registerDomainPanel .btn-secondary:focus {
    background-color: var(--herc-panel-secondary-hover-bg) !important;
    border-color: var(--herc-panel-secondary-hover-border) !important;
    color: var(--herc-panel-secondary-text) !important;
}

#registerDomainPanel input[name="transfer"]:active,
#registerDomainPanel input[name="transfer"].active,
#registerDomainPanel .btn.btn-default:active,
#registerDomainPanel .btn.btn-default.active,
#registerDomainPanel .btn-secondary:active,
#registerDomainPanel .btn-secondary.active {
    background-color: var(--herc-panel-secondary-active-bg) !important;
    border-color: var(--herc-panel-secondary-active-border) !important;
    color: var(--herc-panel-secondary-text) !important;
}

.card-accent-gold .list-group-item,
.panel-actions .list-group-item,
.view-filter-btns .list-group-item,
.primary-content .list-group-item {
    transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}

.card-accent-gold .list-group-item:hover,
.card-accent-gold .list-group-item:focus,
.panel-actions .list-group-item:hover,
.panel-actions .list-group-item:focus,
.view-filter-btns .list-group-item:hover,
.view-filter-btns .list-group-item:focus,
.primary-content .list-group-item:hover,
.primary-content .list-group-item:focus {
    background-color: var(--herc-panel-accent-hover-bg) !important;
    border-color: var(--herc-panel-accent-hover-border) !important;
    color: var(--herc-panel-accent-text) !important;
}

.primary-content a:not(.btn):not(.list-group-item) {
    color: inherit;
    transition: color 0.2s ease, text-decoration-color 0.2s ease, background-color 0.2s ease;
}

.primary-content a:not(.btn):not(.list-group-item):hover,
.primary-content a:not(.btn):not(.list-group-item):focus {
    color: var(--herc-primary-hover) !important;
    text-decoration-color: currentColor;
}

.primary-content .pagination .page-link:hover,
.primary-content .pagination .page-link:focus {
    background-color: var(--herc-panel-accent-hover-bg) !important;
    border-color: var(--herc-panel-accent-hover-border) !important;
    color: var(--herc-panel-accent-text) !important;
}

.primary-content table.dataTable tbody tr,
.primary-content #tableServicesList tbody tr,
.primary-content #tableServicesList tbody td,
.primary-content #tableServicesList tbody strong,
.primary-content #tableServicesList tbody a,
.primary-content .dataTables_wrapper .page-link,
.primary-content .dataTables_wrapper .paginate_button a,
.primary-content .dataTables_wrapper a {
    transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}

.primary-content .table tbody tr:hover,
.primary-content .table-list tbody tr:hover,
.primary-content table.dataTable tbody tr:hover {
    background-color: transparent !important;
    border-color: var(--herc-panel-accent-hover-border) !important;
    color: var(--herc-panel-accent-text) !important;
}

.primary-content .table tbody > tr:hover > *,
.primary-content .table-list tbody > tr:hover > *,
.primary-content table.dataTable tbody > tr:hover > *,
.primary-content table.dataTable.display tbody > tr:hover > *,
.primary-content table.dataTable tbody > tr:hover > .sorting_1,
.primary-content table.dataTable.display tbody > tr:hover > .sorting_1 {
    background-color: var(--herc-panel-accent-hover-bg) !important;
    border-color: var(--herc-panel-accent-hover-border) !important;
    box-shadow: none !important;
    color: var(--herc-panel-accent-text) !important;
}

.primary-content .table tbody tr:hover td,
.primary-content .table-list tbody tr:hover td,
.primary-content table.dataTable tbody tr:hover td,
.primary-content .table tbody tr:hover strong,
.primary-content .table-list tbody tr:hover strong,
.primary-content table.dataTable tbody tr:hover strong,
.primary-content .table tbody tr:hover a,
.primary-content .table-list tbody tr:hover a,
.primary-content table.dataTable tbody tr:hover a {
    color: var(--herc-panel-accent-text) !important;
}

.primary-content table.dataTable thead th:hover,
.primary-content #tableServicesList thead th:hover,
.primary-content table.dataTable thead th:focus,
.primary-content #tableServicesList thead th:focus {
    background-color: var(--herc-panel-accent-hover-bg) !important;
    color: var(--herc-panel-accent-text) !important;
}

.primary-content .dataTables_wrapper a:hover,
.primary-content .dataTables_wrapper a:focus,
.primary-content #tableServicesList a:hover,
.primary-content #tableServicesList a:focus {
    color: var(--herc-primary-hover) !important;
}

.primary-content #tableServicesList tbody td a,
.primary-content #tableServicesList tbody td a[href],
.primary-content .dataTables_wrapper tbody a {
    color: var(--herc-primary) !important;
}

.primary-content #tableServicesList tbody td a:hover,
.primary-content #tableServicesList tbody td a:focus,
.primary-content #tableServicesList tbody tr:hover a,
.primary-content #tableServicesList tbody tr:hover a:focus {
    color: var(--herc-primary-hover) !important;
    text-decoration: underline;
}

.primary-content .pagination .page-item.active .page-link,
.primary-content .pagination .page-item.active .page-link:hover,
.primary-content .pagination .page-item.active .page-link:focus {
    background-color: var(--herc-panel-accent-active-bg) !important;
    border-color: var(--herc-panel-accent-active-border) !important;
    color: var(--herc-panel-accent-text) !important;
}

.primary-content .view-filter-btns,
.primary-content .panel-actions,
.primary-content .card-sidebar,
.primary-content .dataTables_wrapper {
    border-color: var(--bs-border-color) !important;
}

.primary-content .view-filter-btns .list-group-item,
.primary-content .panel-actions .list-group-item,
.primary-content .card-sidebar .list-group-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    color: inherit !important;
}

.primary-content .view-filter-btns .list-group-item .badge,
.primary-content .panel-actions .list-group-item .badge,
.primary-content .card-sidebar .list-group-item .badge,
.primary-content .view-filter-btns .sidebar-menu-item-badge .badge,
.primary-content .panel-actions .sidebar-menu-item-badge .badge,
.primary-content .card-sidebar .sidebar-menu-item-badge .badge {
    min-width: 2rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    padding: 0.2rem 0.55rem;
    background-color: var(--herc-panel-accent-bg) !important;
    border: 1px solid var(--herc-panel-accent-border) !important;
    color: var(--herc-panel-accent-text) !important;
    font-weight: 600;
}

.primary-content .view-filter-btns .list-group-item.active .badge,
.primary-content .panel-actions .list-group-item.active .badge,
.primary-content .card-sidebar .list-group-item.active .badge,
.primary-content .view-filter-btns .list-group-item.current-child .badge,
.primary-content .panel-actions .list-group-item.current-child .badge,
.primary-content .card-sidebar .list-group-item.current-child .badge,
.primary-content .view-filter-btns .list-group-item.active .sidebar-menu-item-badge .badge,
.primary-content .panel-actions .list-group-item.active .sidebar-menu-item-badge .badge,
.primary-content .card-sidebar .list-group-item.active .sidebar-menu-item-badge .badge,
.primary-content .view-filter-btns .list-group-item.current-child .sidebar-menu-item-badge .badge,
.primary-content .panel-actions .list-group-item.current-child .sidebar-menu-item-badge .badge,
.primary-content .card-sidebar .list-group-item.current-child .sidebar-menu-item-badge .badge {
    background-color: var(--herc-panel-accent-active-bg) !important;
    border-color: var(--herc-panel-accent-active-border) !important;
    color: var(--herc-panel-accent-text) !important;
}

.primary-content .dataTables_wrapper,
.primary-content .dataTables_wrapper .table-responsive,
.primary-content .dataTables_wrapper table,
.primary-content .dataTables_wrapper .table {
    background-color: transparent !important;
}

.primary-content .dataTables_wrapper .dataTables_filter input,
.primary-content .dataTables_wrapper .dataTables_length select,
.primary-content .dataTables_wrapper .form-control,
.primary-content .dataTables_wrapper .form-select {
    min-height: var(--herc-control-height);
    box-shadow: none !important;
}

.primary-content .dataTables_wrapper .dataTables_empty {
    color: inherit !important;
}

.primary-content .status,
.primary-content .label,
.primary-content .badge.status,
.primary-content .status.status-active,
.primary-content .label-success,
.primary-content .badge-success {
    background-color: var(--herc-panel-secondary-bg) !important;
    border: 1px solid var(--herc-panel-secondary-border) !important;
    color: var(--herc-panel-secondary-text) !important;
    box-shadow: none !important;
}

.primary-content .status.status-pending,
.primary-content .label-warning,
.primary-content .badge-warning {
    background-color: rgba(245, 158, 11, 0.14) !important;
    border: 1px solid rgba(245, 158, 11, 0.28) !important;
    color: #b45309 !important;
    box-shadow: none !important;
}

.primary-content .status.status-inactive,
.primary-content .label-default,
.primary-content .badge-default {
    background-color: var(--herc-panel-neutral-bg) !important;
    border: 1px solid var(--herc-panel-neutral-border) !important;
    color: var(--herc-panel-neutral-text) !important;
    box-shadow: none !important;
}

[data-bs-theme="light"] .primary-content .dataTables_wrapper,
[data-bs-theme="light"] .primary-content .dataTables_wrapper .dataTables_filter,
[data-bs-theme="light"] .primary-content .dataTables_wrapper .dataTables_length,
[data-bs-theme="light"] .primary-content .dataTables_wrapper .dataTables_info,
[data-bs-theme="light"] .primary-content .dataTables_wrapper .dataTables_paginate {
    color: var(--herc-light-text) !important;
}

[data-bs-theme="light"] .primary-content .dataTables_wrapper table,
[data-bs-theme="light"] .primary-content .dataTables_wrapper .table {
    border-color: rgba(15, 23, 42, 0.08) !important;
}

[data-bs-theme="light"] .primary-content .table thead th,
[data-bs-theme="light"] .primary-content .dataTables_wrapper thead th {
    background-color: rgba(79, 70, 229, 0.04) !important;
    color: var(--herc-light-heading) !important;
    border-bottom-color: rgba(79, 70, 229, 0.12) !important;
}

[data-bs-theme="light"] .primary-content .dataTables_wrapper tbody td,
[data-bs-theme="light"] .primary-content .dataTables_wrapper tbody tr {
    color: var(--herc-light-text) !important;
    border-color: rgba(15, 23, 42, 0.08) !important;
}

[data-bs-theme="light"] .primary-content .dataTables_wrapper .dataTables_filter input,
[data-bs-theme="light"] .primary-content .dataTables_wrapper .dataTables_length select,
[data-bs-theme="light"] .primary-content .dataTables_wrapper .form-control,
[data-bs-theme="light"] .primary-content .dataTables_wrapper .form-select {
    background-color: #ffffff !important;
    border-color: rgba(15, 23, 42, 0.10) !important;
    color: var(--herc-light-heading) !important;
}

[data-bs-theme="light"] .primary-content .dataTables_wrapper .page-link,
[data-bs-theme="light"] .primary-content .dataTables_wrapper .paginate_button .page-link,
[data-bs-theme="light"] .primary-content .pagination > li > a,
[data-bs-theme="light"] .primary-content .pagination > li > span {
    background-color: #ffffff !important;
    border-color: rgba(15, 23, 42, 0.10) !important;
    color: var(--herc-light-text) !important;
}

[data-bs-theme="light"] .primary-content .dataTables_wrapper .paginate_button.disabled .page-link,
[data-bs-theme="light"] .primary-content .pagination > .disabled > a,
[data-bs-theme="light"] .primary-content .pagination > .disabled > span {
    background-color: rgba(15, 23, 42, 0.03) !important;
    border-color: rgba(15, 23, 42, 0.08) !important;
    color: var(--herc-light-muted) !important;
}

[data-bs-theme="dark"] .primary-content .view-filter-btns .list-group-item .badge,
[data-bs-theme="dark"] .primary-content .panel-actions .list-group-item .badge,
[data-bs-theme="dark"] .primary-content .card-sidebar .list-group-item .badge,
[data-bs-theme="dark"] .primary-content .view-filter-btns .sidebar-menu-item-badge .badge,
[data-bs-theme="dark"] .primary-content .panel-actions .sidebar-menu-item-badge .badge,
[data-bs-theme="dark"] .primary-content .card-sidebar .sidebar-menu-item-badge .badge {
    background-color: var(--herc-panel-accent-bg) !important;
    border-color: var(--herc-panel-accent-border) !important;
    color: var(--herc-panel-accent-text) !important;
}

[data-bs-theme="dark"] .primary-content .dataTables_wrapper,
[data-bs-theme="dark"] .primary-content .dataTables_wrapper .dataTables_filter,
[data-bs-theme="dark"] .primary-content .dataTables_wrapper .dataTables_length,
[data-bs-theme="dark"] .primary-content .dataTables_wrapper .dataTables_info,
[data-bs-theme="dark"] .primary-content .dataTables_wrapper .dataTables_paginate {
    color: var(--herc-dark-text) !important;
}

[data-bs-theme="dark"] .primary-content .table thead th,
[data-bs-theme="dark"] .primary-content .dataTables_wrapper thead th {
    background-color: rgba(79, 70, 229, 0.08) !important;
    color: var(--herc-dark-heading) !important;
    border-bottom-color: rgba(79, 70, 229, 0.18) !important;
}

[data-bs-theme="dark"] .primary-content .dataTables_wrapper tbody td,
[data-bs-theme="dark"] .primary-content .dataTables_wrapper tbody tr {
    border-color: var(--herc-dark-border) !important;
}

[data-bs-theme="dark"] .primary-content .dataTables_wrapper .dataTables_filter input,
[data-bs-theme="dark"] .primary-content .dataTables_wrapper .dataTables_length select,
[data-bs-theme="dark"] .primary-content .dataTables_wrapper .form-control,
[data-bs-theme="dark"] .primary-content .dataTables_wrapper .form-select {
    background-color: var(--herc-dark-surface-2) !important;
    border-color: var(--herc-dark-border) !important;
    color: var(--herc-dark-heading) !important;
}

[data-bs-theme="dark"] .primary-content .dataTables_wrapper .page-link,
[data-bs-theme="dark"] .primary-content .dataTables_wrapper .paginate_button .page-link,
[data-bs-theme="dark"] .primary-content .pagination > li > a,
[data-bs-theme="dark"] .primary-content .pagination > li > span {
    background-color: var(--herc-dark-surface) !important;
    border-color: var(--herc-dark-border) !important;
    color: var(--herc-dark-text) !important;
}

[data-bs-theme="dark"] .primary-content .dataTables_wrapper .paginate_button.disabled .page-link,
[data-bs-theme="dark"] .primary-content .pagination > .disabled > a,
[data-bs-theme="dark"] .primary-content .pagination > .disabled > span {
    background-color: rgba(255, 255, 255, 0.03) !important;
    border-color: rgba(255, 255, 255, 0.06) !important;
    color: rgba(196, 197, 199, 0.56) !important;
}

.view-filter-btns .sidebar-menu-item-badge .badge,
.panel-actions .sidebar-menu-item-badge .badge,
.card-sidebar .sidebar-menu-item-badge .badge {
    min-width: 2rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    padding: 0.2rem 0.55rem;
    background-color: var(--herc-panel-accent-bg) !important;
    border: 1px solid var(--herc-panel-accent-border) !important;
    color: var(--herc-panel-accent-text) !important;
    font-weight: 600;
}

.view-filter-btns .list-group-item.active .sidebar-menu-item-badge .badge,
.panel-actions .list-group-item.active .sidebar-menu-item-badge .badge,
.card-sidebar .list-group-item.active .sidebar-menu-item-badge .badge,
.view-filter-btns .list-group-item.current-child .sidebar-menu-item-badge .badge,
.panel-actions .list-group-item.current-child .sidebar-menu-item-badge .badge,
.card-sidebar .list-group-item.current-child .sidebar-menu-item-badge .badge {
    background-color: var(--herc-panel-accent-active-bg) !important;
    border-color: var(--herc-panel-accent-active-border) !important;
    color: var(--herc-panel-accent-text) !important;
}

[data-bs-theme="dark"] .view-filter-btns .sidebar-menu-item-badge .badge,
[data-bs-theme="dark"] .panel-actions .sidebar-menu-item-badge .badge,
[data-bs-theme="dark"] .card-sidebar .sidebar-menu-item-badge .badge {
    background-color: var(--herc-panel-accent-bg) !important;
    border-color: var(--herc-panel-accent-border) !important;
    color: var(--herc-panel-accent-text) !important;
}

[data-bs-theme="light"] .primary-content .dataTables_wrapper .dataTables_filter input {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none'%3E%3Ccircle cx='9' cy='9' r='5.75' stroke='%236b7280' stroke-width='1.75'/%3E%3Cpath d='M13.5 13.5L17 17' stroke='%236b7280' stroke-width='1.75' stroke-linecap='round'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: 1rem center !important;
    background-size: 1rem 1rem !important;
    padding-left: 2.75rem !important;
}

[data-bs-theme="dark"] .primary-content .dataTables_wrapper .dataTables_filter input {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none'%3E%3Ccircle cx='9' cy='9' r='5.75' stroke='%239ca3af' stroke-width='1.75'/%3E%3Cpath d='M13.5 13.5L17 17' stroke='%239ca3af' stroke-width='1.75' stroke-linecap='round'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: 1rem center !important;
    background-size: 1rem 1rem !important;
    padding-left: 2.75rem !important;
}

[data-bs-theme="light"] .herc-dashboard-footer,
[data-bs-theme="light"] .herc-dashboard-footer .text-muted,
[data-bs-theme="light"] .herc-dashboard-footer .text-muted.text-decoration-none {
    color: #374151 !important;
}

[data-bs-theme="light"] .primary-content h1,
[data-bs-theme="light"] .primary-content h2,
[data-bs-theme="light"] .primary-content h3,
[data-bs-theme="light"] .primary-content h4,
[data-bs-theme="light"] .primary-content h5,
[data-bs-theme="light"] .primary-content h6,
[data-bs-theme="light"] .card-title,
[data-bs-theme="light"] .panel-title,
[data-bs-theme="light"] strong {
    color: var(--herc-light-heading) !important;
}

[data-bs-theme="light"] .primary-content,
[data-bs-theme="light"] .primary-content .card-body,
[data-bs-theme="light"] .primary-content .panel-body,
[data-bs-theme="light"] .primary-content p,
[data-bs-theme="light"] .primary-content li,
[data-bs-theme="light"] .card-sidebar .card-body {
    color: var(--herc-light-text);
}

[data-bs-theme="light"] #servicesPanel .list-group-item,
[data-bs-theme="light"] #servicesPanel .div-service-item,
[data-bs-theme="light"] #servicesPanel .div-service-name {
    color: var(--herc-light-text) !important;
}

[data-bs-theme="light"] #servicesPanel .div-service-name .font-weight-bold,
[data-bs-theme="light"] #servicesPanel .div-service-name strong {
    color: var(--herc-light-heading) !important;
}

[data-bs-theme="light"] #servicesPanel .div-service-name .text-domain,
[data-bs-theme="light"] #announcementsPanel .text-last-updated {
    color: var(--herc-light-muted) !important;
}

[data-bs-theme="light"] #announcementsPanel .list-group-item,
[data-bs-theme="light"] #announcementsPanel .list-group-item-action,
[data-bs-theme="light"] #announcementsPanel .list-group-item-action[href] {
    color: var(--herc-light-text) !important;
}

[data-bs-theme="light"] #announcementsPanel .list-group-item:hover,
[data-bs-theme="light"] #announcementsPanel .list-group-item:focus,
[data-bs-theme="light"] #announcementsPanel .list-group-item-action:hover,
[data-bs-theme="light"] #announcementsPanel .list-group-item-action:focus {
    color: var(--herc-light-heading) !important;
}

[data-bs-theme="light"] .dashboard-breadcrumb .breadcrumb li.active,
[data-bs-theme="light"] .dashboard-breadcrumb .breadcrumb-item.active,
[data-bs-theme="light"] .primary-content .tile .title,
[data-bs-theme="light"] .text-muted,
[data-bs-theme="light"] .card-sidebar .text-muted {
    color: #6b7280 !important;
}

[data-bs-theme="light"] .primary-content .tile .title {
    opacity: 1 !important;
}
[data-bs-theme="light"] .herc-dashboard-footer a,
[data-bs-theme="light"] .herc-dashboard-footer a.text-muted {
    color: #374151 !important;
    transition: color 0.2s ease, text-decoration-color 0.2s ease;
}

[data-bs-theme="light"] #ticketsPanel .btn.btn-default.bg-color-blue.btn-xs,
[data-bs-theme="light"] #announcementsPanel .btn.btn-default.bg-color-asbestos.btn-xs {
    background-color: var(--herc-panel-accent-bg) !important;
    border-color: var(--herc-panel-accent-border) !important;
    color: var(--herc-panel-accent-text) !important;
    border-radius: var(--herc-radius-md) !important;
}

[data-bs-theme="light"] #ticketsPanel .btn.btn-default.bg-color-blue.btn-xs:hover,
[data-bs-theme="light"] #ticketsPanel .btn.btn-default.bg-color-blue.btn-xs:focus,
[data-bs-theme="light"] #announcementsPanel .btn.btn-default.bg-color-asbestos.btn-xs:hover,
[data-bs-theme="light"] #announcementsPanel .btn.btn-default.bg-color-asbestos.btn-xs:focus {
    background-color: var(--herc-panel-accent-hover-bg) !important;
    border-color: var(--herc-panel-accent-hover-border) !important;
    color: var(--herc-panel-accent-text) !important;
}

[data-bs-theme="light"] #ticketsPanel .btn.btn-default.bg-color-blue.btn-xs:active,
[data-bs-theme="light"] #ticketsPanel .btn.btn-default.bg-color-blue.btn-xs.active,
[data-bs-theme="light"] #announcementsPanel .btn.btn-default.bg-color-asbestos.btn-xs:active,
[data-bs-theme="light"] #announcementsPanel .btn.btn-default.bg-color-asbestos.btn-xs.active {
    background-color: var(--herc-panel-accent-active-bg) !important;
    border-color: var(--herc-panel-accent-active-border) !important;
    color: var(--herc-panel-accent-text) !important;
}

[data-bs-theme="light"] .herc-dashboard-footer a:hover,
[data-bs-theme="light"] .herc-dashboard-footer a:focus,
[data-bs-theme="light"] .herc-dashboard-footer a.text-muted:hover,

[data-bs-theme="light"] #servicesPanel .div-service-buttons .dropdown-menu .dropdown-item {
    color: var(--herc-panel-secondary-text) !important;
}
[data-bs-theme="light"] .herc-dashboard-footer a.text-muted:focus {
    color: var(--herc-primary) !important;
    text-decoration-color: currentColor;
}

[data-bs-theme="dark"] .herc-dashboard-footer a,
[data-bs-theme="dark"] .herc-dashboard-footer,
[data-bs-theme="dark"] .herc-dashboard-footer .text-muted,
[data-bs-theme="dark"] .herc-dashboard-footer .text-muted.text-decoration-none,
[data-bs-theme="dark"] .herc-dashboard-footer a.text-muted {
    color: #ffffff !important;
    transition: color 0.2s ease, text-decoration-color 0.2s ease;
}

[data-bs-theme="dark"] .herc-dashboard-footer a:hover,
[data-bs-theme="dark"] .herc-dashboard-footer a:focus,
[data-bs-theme="dark"] .herc-dashboard-footer a.text-muted:hover,
[data-bs-theme="dark"] .herc-dashboard-footer a.text-muted:focus {
    color: var(--herc-primary-hover) !important;
    text-decoration-color: currentColor;
}

#registerDomainPanel .input-group {
    padding-left: 0.625rem !important;
    padding-right: 0.625rem !important;
}

#registerDomainPanel .input-group > .form-control {
    min-height: var(--herc-control-height);
    height: var(--herc-control-height);
    line-height: calc(var(--herc-control-height) - 2px) !important;
    padding-left: 0.875rem !important;
    padding-right: 0.875rem !important;
}

#registerDomainPanel .btn {
    min-height: var(--herc-control-height);
    padding-left: 0.875rem !important;
    padding-right: 0.875rem !important;
}

.header-dashboard .navbar-user-actions > .nav-item > .nav-link[aria-expanded="true"],
.header-dashboard .navbar-user-actions > .nav-item > .btn-link[aria-expanded="true"],
.header-dashboard .navbar-user-actions > .nav-item > button.btn-link[aria-expanded="true"],
.header-dashboard .navbar-user-actions > .dropdown > .nav-link[aria-expanded="true"],
.header-dashboard .navbar-user-actions > .dropdown > .btn-link[aria-expanded="true"],
.header-dashboard .navbar-user-actions > .dropdown > button.btn-link[aria-expanded="true"] {
    background-color: rgba(79, 70, 229, 0.16) !important;
    border-color: rgba(79, 70, 229, 0.28) !important;
    color: var(--herc-primary) !important;
}

[data-bs-theme="dark"] .header-dashboard .navbar-user-actions > .nav-item > .nav-link[aria-expanded="true"],
[data-bs-theme="dark"] .header-dashboard .navbar-user-actions > .nav-item > .btn-link[aria-expanded="true"],
[data-bs-theme="dark"] .header-dashboard .navbar-user-actions > .nav-item > button.btn-link[aria-expanded="true"],
[data-bs-theme="dark"] .header-dashboard .navbar-user-actions > .dropdown > .nav-link[aria-expanded="true"],
[data-bs-theme="dark"] .header-dashboard .navbar-user-actions > .dropdown > .btn-link[aria-expanded="true"],
[data-bs-theme="dark"] .header-dashboard .navbar-user-actions > .dropdown > button.btn-link[aria-expanded="true"] {
    background-color: rgba(79, 70, 229, 0.22) !important;
    border-color: rgba(79, 70, 229, 0.34) !important;
    color: #c7d2fe !important;
}

.primary-content .card,
.primary-content .panel,
.primary-content .panel-default,
.primary-content .clientarea-panel,
.primary-content .card-sidebar {
    border-radius: var(--herc-radius-md) !important;
    overflow: hidden;
}

.primary-content .card-sidebar,
.primary-content .panel-default,
.primary-content .clientarea-panel {
    background-color: var(--bs-card-bg) !important;
    border: 1px solid var(--bs-border-color) !important;
}

#main-body.herc-client-home .card-sidebar .card-header,
#main-body.herc-client-home .client-home-panels .card-header,
#main-body.herc-client-home .client-home-panels .panel-heading,
#main-body.herc-client-home #servicesPanel > .card-header,
#main-body.herc-client-home #servicesPanel > .panel-heading,
#main-body.herc-client-home #ticketsPanel > .card-header,
#main-body.herc-client-home #ticketsPanel > .panel-heading,
#main-body.herc-client-home #announcementsPanel > .card-header,
#main-body.herc-client-home #announcementsPanel > .panel-heading,
#main-body.herc-client-home #registerDomainPanel > .card-header,
#main-body.herc-client-home #registerDomainPanel > .panel-heading {
    background-color: var(--herc-panel-header-bg) !important;
    border-bottom: 1px solid var(--herc-panel-header-border) !important;
}

[data-bs-theme="light"] #main-body.herc-client-home .card-sidebar .card-header,
[data-bs-theme="light"] #main-body.herc-client-home .client-home-panels .card-header,
[data-bs-theme="light"] #main-body.herc-client-home .client-home-panels .panel-heading,
[data-bs-theme="light"] #main-body.herc-client-home #servicesPanel > .card-header,
[data-bs-theme="light"] #main-body.herc-client-home #servicesPanel > .panel-heading,
[data-bs-theme="light"] #main-body.herc-client-home #ticketsPanel > .card-header,
[data-bs-theme="light"] #main-body.herc-client-home #announcementsPanel > .card-header,
[data-bs-theme="light"] #main-body.herc-client-home #registerDomainPanel > .card-header {
    color: var(--herc-light-heading) !important;
}

[data-bs-theme="dark"] #main-body.herc-client-home .card-sidebar .card-header,
[data-bs-theme="dark"] #main-body.herc-client-home .client-home-panels .card-header,
[data-bs-theme="dark"] #main-body.herc-client-home .client-home-panels .panel-heading,
[data-bs-theme="dark"] #main-body.herc-client-home #servicesPanel > .card-header,
[data-bs-theme="dark"] #main-body.herc-client-home #servicesPanel > .panel-heading,
[data-bs-theme="dark"] #main-body.herc-client-home #ticketsPanel > .card-header,
[data-bs-theme="dark"] #main-body.herc-client-home #announcementsPanel > .card-header,
[data-bs-theme="dark"] #main-body.herc-client-home #registerDomainPanel > .card-header {
    color: var(--herc-dark-heading) !important;
    box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.03) !important;
}

.herc-dashboard-main .panel-actions.view-filter-btns > .card-header,
.herc-dashboard-main .panel-actions.view-filter-btns > .panel-heading {
    background-color: var(--herc-panel-header-bg) !important;
    border-bottom: 1px solid var(--herc-panel-header-border) !important;
}

[data-bs-theme="light"] .herc-dashboard-main .panel-actions.view-filter-btns > .card-header,
[data-bs-theme="light"] .herc-dashboard-main .panel-actions.view-filter-btns > .panel-heading {
    color: var(--herc-light-heading) !important;
}

[data-bs-theme="dark"] .herc-dashboard-main .panel-actions.view-filter-btns > .card-header,
[data-bs-theme="dark"] .herc-dashboard-main .panel-actions.view-filter-btns > .panel-heading {
    color: var(--herc-dark-heading) !important;
    box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.03) !important;
}

.herc-dashboard-main [menuitemname="My Services Status Filter"] > .card-header,
.herc-dashboard-main [menuitemname="My Services Status Filter"] > .panel-heading,
.herc-dashboard-main [menuitemname="My Services Actions"] > .card-header,
.herc-dashboard-main [menuitemname="My Services Actions"] > .panel-heading {
    background-color: var(--herc-panel-header-bg) !important;
    border-bottom: 1px solid var(--herc-panel-header-border) !important;
}

[data-bs-theme="light"] .herc-dashboard-main [menuitemname="My Services Status Filter"] > .card-header,
[data-bs-theme="light"] .herc-dashboard-main [menuitemname="My Services Status Filter"] > .panel-heading,
[data-bs-theme="light"] .herc-dashboard-main [menuitemname="My Services Actions"] > .card-header,
[data-bs-theme="light"] .herc-dashboard-main [menuitemname="My Services Actions"] > .panel-heading {
    color: var(--herc-light-heading) !important;
}

[data-bs-theme="dark"] .herc-dashboard-main [menuitemname="My Services Status Filter"] > .card-header,
[data-bs-theme="dark"] .herc-dashboard-main [menuitemname="My Services Status Filter"] > .panel-heading,
[data-bs-theme="dark"] .herc-dashboard-main [menuitemname="My Services Actions"] > .card-header,
[data-bs-theme="dark"] .herc-dashboard-main [menuitemname="My Services Actions"] > .panel-heading {
    color: var(--herc-dark-heading) !important;
    box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.03) !important;
}

[data-bs-theme="dark"] .product.clearfix .product-desc a,
[data-bs-theme="dark"] .product.clearfix .product-desc p a {
    color: var(--herc-dark-text) !important;
}

[data-bs-theme="dark"] .product.clearfix .product-desc a:hover,
[data-bs-theme="dark"] .product.clearfix .product-desc a:focus,
[data-bs-theme="dark"] .product.clearfix .product-desc p a:hover,
[data-bs-theme="dark"] .product.clearfix .product-desc p a:focus {
    color: var(--herc-dark-heading) !important;
}

[data-bs-theme="dark"] .panel-sidebar .panel-body,
[data-bs-theme="dark"] .panel-sidebar .card-body {
    background-color: var(--herc-dark-surface) !important;
}

[data-bs-theme="dark"] .panel-sidebar select,
[data-bs-theme="dark"] .panel-sidebar .custom-select,
[data-bs-theme="dark"] .panel.card.panel-default select,
[data-bs-theme="dark"] .panel.card.panel-default .custom-select {
    background-color: var(--herc-dark-surface-2) !important;
    color: var(--herc-dark-text) !important;
    border-color: var(--herc-dark-border) !important;
}

/* ======================================================
   STORE / CART PANEL SIDEBAR FIXES
   Igualar sidebars de "Solicitar..." con "Mis servicios"
   ====================================================== */
#order-standard_cart .panel-sidebar.card-sidebar {
    border: 1px solid var(--bs-border-color) !important;
    background-color: var(--bs-card-bg) !important;
    box-shadow: 0 1px 3px 0 rgba(0,0,0,0.1), 0 1px 2px -1px rgba(0,0,0,0.1) !important;
    border-radius: 0.375rem !important;
    margin-bottom: 1rem !important;
}

#order-standard_cart .panel-sidebar.card-sidebar .panel-heading,
#order-standard_cart .panel-sidebar.card-sidebar .card-header {
    background-color: var(--herc-panel-header-bg) !important;
    color: var(--herc-panel-header-text) !important;
    border-bottom: 1px solid var(--herc-panel-header-border) !important;
    padding: 1rem 1.25rem !important;
    border-top-left-radius: calc(0.375rem - 1px) !important;
    border-top-right-radius: calc(0.375rem - 1px) !important;
}

#order-standard_cart .panel-sidebar.card-sidebar .panel-title,
#order-standard_cart .panel-sidebar.card-sidebar .card-title {
    font-size: 1rem !important;
    font-weight: 600 !important;
    color: var(--herc-panel-header-text) !important;
    margin: 0 !important;
}

#order-standard_cart .panel-sidebar.card-sidebar .list-group-item {
    font-size: 0.95rem !important;
    color: var(--bs-body-color) !important;
    background-color: transparent !important;
    border-left: 0 !important;
    border-right: 0 !important;
    border-bottom: 1px solid var(--bs-border-color) !important;
    padding: 0.75rem 1.25rem !important;
    font-weight: 400 !important;
}

#order-standard_cart .panel-sidebar.card-sidebar .list-group-item:last-child {
    border-bottom: 0 !important;
}

#order-standard_cart .panel-sidebar.card-sidebar .list-group-item i {
    color: var(--herc-primary) !important;
    width: 20px;
    text-align: center;
    margin-right: 0.5rem;
    font-size: 1.05rem;
}

/* Active Item (Light Mode) */
#order-standard_cart .panel-sidebar.card-sidebar .list-group-item.active {
    background-color: var(--herc-panel-accent-active-bg) !important;
    border-color: var(--herc-panel-accent-active-border) !important;
    color: var(--herc-panel-accent-text) !important;
    font-weight: 500 !important;
    position: relative;
    border-left: 0 !important;
    border-right: 0 !important;
}

#order-standard_cart .panel-sidebar.card-sidebar .list-group-item.active::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 4px;
    background-color: var(--herc-primary-hover) !important;
    border-radius: 0 4px 4px 0;
}

#order-standard_cart .panel-sidebar.card-sidebar .list-group-item.active i {
    color: var(--herc-panel-accent-text) !important;
}

/* Active Item (Dark Mode) overrides */
[data-bs-theme="dark"] #order-standard_cart .panel-sidebar.card-sidebar {
    background-color: var(--herc-dark-surface) !important;
    border-color: var(--herc-dark-border) !important;
}

[data-bs-theme="dark"] #order-standard_cart .panel-sidebar.card-sidebar .panel-heading,
[data-bs-theme="dark"] #order-standard_cart .panel-sidebar.card-sidebar .card-header {
    background-color: transparent !important;
    color: var(--herc-dark-heading) !important;
    border-bottom-color: var(--herc-dark-border) !important;
}

[data-bs-theme="dark"] #order-standard_cart .panel-sidebar.card-sidebar .panel-title,
[data-bs-theme="dark"] #order-standard_cart .panel-sidebar.card-sidebar .card-title {
    color: var(--herc-dark-heading) !important;
}

[data-bs-theme="dark"] #order-standard_cart .panel-sidebar.card-sidebar .list-group-item {
    color: var(--herc-dark-text) !important;
    border-bottom-color: var(--herc-dark-border) !important;
}

[data-bs-theme="dark"] #order-standard_cart .panel-sidebar.card-sidebar .list-group-item.active {
    background-color: rgba(79, 70, 229, 0.18) !important;
    color: #ffffff !important;
    border-color: rgba(79, 70, 229, 0.28) !important;
}

[data-bs-theme="dark"] #order-standard_cart .panel-sidebar.card-sidebar .list-group-item.active::before {
    background-color: var(--herc-primary) !important;
}

[data-bs-theme="dark"] #order-standard_cart .panel-sidebar.card-sidebar .list-group-item.active i {
    color: #ffffff !important;
}

[data-bs-theme="dark"] #order-standard_cart .panel-sidebar.card-sidebar .list-group-item:hover,
[data-bs-theme="dark"] #order-standard_cart .panel-sidebar.card-sidebar .list-group-item:focus,
[data-bs-theme="dark"] #order-standard_cart .panel-sidebar.card-sidebar .list-group-item-action:hover,
[data-bs-theme="dark"] #order-standard_cart .panel-sidebar.card-sidebar .list-group-item-action:focus {
    background-color: var(--herc-panel-accent-hover-bg) !important;
    border-color: var(--herc-panel-accent-hover-border) !important;
    color: var(--herc-panel-accent-text) !important;
}

[data-bs-theme="dark"] #order-standard_cart .panel-sidebar.card-sidebar .list-group-item:hover i,
[data-bs-theme="dark"] #order-standard_cart .panel-sidebar.card-sidebar .list-group-item:focus i,
[data-bs-theme="dark"] #order-standard_cart .panel-sidebar.card-sidebar .list-group-item-action:hover i,
[data-bs-theme="dark"] #order-standard_cart .panel-sidebar.card-sidebar .list-group-item-action:focus i {
    color: var(--herc-panel-accent-text) !important;
}

/* =============================================================================
   ESTANDARIZACION GLOBAL - MODO OSCURO (DARK MODE)
   Aplicado a todas las Cards, Paneles, Tablas, Botones y Estados (Hover/Active)
   según las reglas obligatorias de estandarización visual
   ============================================================================= */
/* BORDER RADIUS GENERAL */
[data-bs-theme="dark"] .card,
[data-bs-theme="dark"] .panel,
[data-bs-theme="dark"] .btn,
[data-bs-theme="dark"] .table,
[data-bs-theme="dark"] .product.clearfix {
    border-radius: 0.375rem !important;
}

/* CARD HEADER / PANEL HEADING */
[data-bs-theme="dark"] .card-header,
[data-bs-theme="dark"] .panel-heading,
[data-bs-theme="dark"] .card-heading,
[data-bs-theme="dark"] .product.clearfix > header,
[data-bs-theme="dark"] .domain-selection-options .option .heading {
    background-color: var(--herc-panel-header-bg) !important;
    border-bottom: 1px solid var(--herc-panel-header-border) !important;
    color: var(--herc-dark-heading) !important;
}

/* Títulos dentro de Card Header */
[data-bs-theme="dark"] .card-header .card-title,
[data-bs-theme="dark"] .panel-heading .panel-title,
[data-bs-theme="dark"] .product.clearfix > header span,
[data-bs-theme="dark"] .product.clearfix > header h3,
[data-bs-theme="dark"] .product.clearfix > header h4 {
    color: var(--herc-dark-heading) !important;
}

/* CARD BODY & TABLAS */
[data-bs-theme="dark"] .card-body,
[data-bs-theme="dark"] .panel-body,
[data-bs-theme="dark"] .card,
[data-bs-theme="dark"] .panel,
[data-bs-theme="dark"] .table,
[data-bs-theme="dark"] .table td,
[data-bs-theme="dark"] .table th,
[data-bs-theme="dark"] .product.clearfix,
[data-bs-theme="dark"] .domain-selection-options .option {
    background-color: var(--herc-dark-surface) !important;
    color: var(--herc-dark-text) !important;
    border-color: var(--herc-dark-border) !important;
}

/* CARD FOOTER / PANEL FOOTER */
[data-bs-theme="dark"] .card-footer,
[data-bs-theme="dark"] .panel-footer,
[data-bs-theme="dark"] .product.clearfix > footer {
    background-color: var(--herc-dark-surface) !important;
    color: var(--herc-dark-text) !important;
    border-color: var(--herc-dark-border) !important;
    border-top: 1px solid var(--herc-dark-border) !important;
}

/* BUTTONS */
[data-bs-theme="dark"] .btn,
[data-bs-theme="dark"] .btn.btn-sm,
[data-bs-theme="dark"] .btn.btn-lg {
    background-color: var(--herc-panel-accent-hover-bg) !important;
    border-color: var(--herc-panel-accent-hover-border) !important;
    color: var(--herc-panel-accent-text) !important;
}

/* HOVER / ACTIVE STATES (Buttons, List Items, TR Hover) */
[data-bs-theme="dark"] .btn:hover,
[data-bs-theme="dark"] .btn:active,
[data-bs-theme="dark"] .btn:focus,
[data-bs-theme="dark"] .list-group-item:hover,
[data-bs-theme="dark"] .list-group-item.active,
[data-bs-theme="dark"] .list-group-item.active:hover,
[data-bs-theme="dark"] .table-hover tbody tr:hover,
[data-bs-theme="dark"] .table-hover tbody tr:hover td {
    background-color: var(--herc-panel-accent-active-bg) !important;
    border-color: var(--herc-panel-accent-active-border) !important;
    color: var(--herc-panel-accent-text) !important;
}

/* ====================================================================
   ESTANDARIZACION CARRITO / TIENDA - Dark Mode
   Páginas: Solicitar nuevos servicios, Complementos, Renovar dominios,
            Registrar dominio, Transferir dominio
   ==================================================================== */
/* Contenedor principal del carrito (fondo base) */
[data-bs-theme="dark"] #order-standard_cart,
[data-bs-theme="dark"] #order-standard_cart .cart-body {
    background-color: transparent !important;
    color: var(--herc-dark-text) !important;
}

/* Cards / Paneles de contenido principal del carrito */
[data-bs-theme="dark"] #order-standard_cart .panel,
[data-bs-theme="dark"] #order-standard_cart .card {
    background-color: var(--herc-dark-surface) !important;
    border-color: var(--herc-dark-border) !important;
    border-radius: 0.375rem !important;
}

/* Cabeceras de Paneles y Cards */
[data-bs-theme="dark"] #order-standard_cart .panel-heading,
[data-bs-theme="dark"] #order-standard_cart .card-header,
[data-bs-theme="dark"] #order-standard_cart .panel-heading .panel-title,
[data-bs-theme="dark"] #order-standard_cart .card-header .card-title {
    background-color: var(--herc-panel-header-bg) !important;
    color: var(--herc-dark-heading) !important;
    border-top-left-radius: 0.375rem !important;
    border-top-right-radius: 0.375rem !important;
}

/* Cuerpos de Paneles */
[data-bs-theme="dark"] #order-standard_cart .panel-body,
[data-bs-theme="dark"] #order-standard_cart .card-body {
    background-color: var(--herc-dark-surface) !important;
    color: var(--herc-dark-text) !important;
    border-color: var(--herc-dark-border) !important;
}

/* Pie de Paneles */
[data-bs-theme="dark"] #order-standard_cart .panel-footer,
[data-bs-theme="dark"] #order-standard_cart .card-footer {
    background-color: var(--herc-dark-surface) !important;
    border-top: 1px solid var(--herc-dark-border) !important;
    color: var(--herc-dark-text) !important;
    border-bottom-left-radius: 0.375rem !important;
    border-bottom-right-radius: 0.375rem !important;
}

/* Tablas del carrito */
[data-bs-theme="dark"] #order-standard_cart .table,
[data-bs-theme="dark"] #order-standard_cart .table td,
[data-bs-theme="dark"] #order-standard_cart .table th {
    background-color: var(--herc-dark-surface) !important;
    color: var(--herc-dark-text) !important;
    border-color: var(--herc-dark-border) !important;
}

[data-bs-theme="dark"] #order-standard_cart .table-hover tbody tr:hover,
[data-bs-theme="dark"] #order-standard_cart .table-hover tbody tr:hover td {
    background-color: var(--herc-panel-accent-active-bg) !important;
    color: var(--herc-panel-accent-text) !important;
}

/* Botones del carrito (Normal) */
[data-bs-theme="dark"] #order-standard_cart .btn,
[data-bs-theme="dark"] #order-standard_cart .btn.btn-sm,
[data-bs-theme="dark"] #order-standard_cart .btn.btn-primary,
[data-bs-theme="dark"] #order-standard_cart .btn.btn-success,
[data-bs-theme="dark"] #order-standard_cart .btn.btn-default {
    background-color: var(--herc-panel-accent-hover-bg) !important;
    border-color: var(--herc-panel-accent-hover-border) !important;
    color: var(--herc-panel-accent-text) !important;
    border-radius: 0.375rem !important;
    margin-left: 10px !important;
}

/* Botones del carrito (Hover/Active) */
[data-bs-theme="dark"] #order-standard_cart .btn:hover,
[data-bs-theme="dark"] #order-standard_cart .btn:focus,
[data-bs-theme="dark"] #order-standard_cart .btn:active {
    background-color: var(--herc-panel-accent-active-bg) !important;
    border-color: var(--herc-panel-accent-active-border) !important;
    color: var(--herc-panel-accent-text) !important;
}

/* Inputs y selects del carrito DARK */
[data-bs-theme="dark"] #order-standard_cart input[type="text"],
[data-bs-theme="dark"] #order-standard_cart input[type="search"],
[data-bs-theme="dark"] #order-standard_cart select,
[data-bs-theme="dark"] #order-standard_cart .form-control {
    background-color: var(--herc-dark-base) !important;
    border-color: var(--herc-dark-border) !important;
    color: var(--herc-dark-heading) !important;
    border-radius: 0.375rem !important;
}

/* Inputs y selects del carrito LIGHT */
[data-bs-theme="light"] #order-standard_cart input[type="text"],
[data-bs-theme="light"] #order-standard_cart input[type="search"],
[data-bs-theme="light"] #order-standard_cart select,
[data-bs-theme="light"] #order-standard_cart .form-control {
    background-color: var(--bs-body-bg) !important;
    border-color: var(--bs-border-color) !important;
    color: var(--bs-body-color) !important;
    border-radius: 0.375rem !important;
}

/* Opciones de dominio (registrar/transferir) */
[data-bs-theme="dark"] #order-standard_cart .domain-selection-options .option {
    background-color: var(--herc-dark-surface) !important;
    border-color: var(--herc-dark-border) !important;
    color: var(--herc-dark-text) !important;
    border-radius: 0.375rem !important;
}

[data-bs-theme="dark"] #order-standard_cart .domain-selection-options .option .heading {
    background-color: var(--herc-panel-header-bg) !important;
    color: var(--herc-dark-heading) !important;
    border-bottom: 1px solid var(--herc-panel-header-border) !important;
}

[data-bs-theme="dark"] #order-standard_cart .domain-selection-options .option.active,
[data-bs-theme="dark"] #order-standard_cart .domain-selection-options .option:hover {
    border-color: var(--herc-panel-accent-active-border) !important;
    background-color: var(--herc-panel-accent-active-bg) !important;
}

.domain-renewals {
    background-color: transparent !important;
    border-top: 1px solid var(--herc-dark-border) !important;
}

/* Renovar dominio / Transferir: tabla rows */
[data-bs-theme="dark"] #order-standard_cart .tld-row,
[data-bs-theme="dark"] #order-standard_cart .domain-renewals-container .renewal-item {
    background-color: var(--herc-dark-surface) !important;
    border-color: var(--herc-dark-border) !important;
    color: var(--herc-dark-text) !important;
}

/* Paginación y categorías (badges de TLD) */
[data-bs-theme="dark"] #order-standard_cart .badge,
[data-bs-theme="dark"] #order-standard_cart .badge-secondary {
    background-color: var(--herc-panel-accent-bg) !important;
    border-color: var(--herc-panel-accent-border) !important;
    color: var(--herc-panel-accent-text) !important;
}

/* Precios en el carrito */
[data-bs-theme="dark"] #order-standard_cart .price,
[data-bs-theme="dark"] #order-standard_cart .product-pricing .price {
    color: var(--herc-dark-heading) !important;
}

/* Textos secundarios */
[data-bs-theme="dark"] #order-standard_cart .text-muted,
[data-bs-theme="dark"] #order-standard_cart small {
    color: var(--herc-dark-text) !important;
}

/* =====================================================================
   FINAL FIX 2.8.20 - Scope puntual solicitado
   1) Mis servicios: tabla igual a panel de servicios activos del inicio
   2) Solicitar nuevos servicios: cards Categorias y Acciones
   3) Ver complementos disponibles: cards Categorias y Acciones
   ===================================================================== */
/* 1) Paridad visual tabla de servicios */
[data-bs-theme="dark"] #servicesPanel .table,
[data-bs-theme="dark"] #servicesPanel .table-list,
[data-bs-theme="dark"] #servicesPanel table,
[data-bs-theme="dark"] #tableServicesList,
[data-bs-theme="dark"] #servicesPanel .table thead th,
[data-bs-theme="dark"] #servicesPanel .table-list thead th {
    background-color: var(--herc-panel-header-bg) !important;
    color: var(--herc-dark-heading) !important;
    border-bottom: 1px solid var(--herc-panel-header-border) !important;
}

[data-bs-theme="dark"] #servicesPanel .table tbody td,
[data-bs-theme="dark"] #servicesPanel .table-list tbody td {
    background-color: var(--herc-dark-surface) !important;
    color: var(--herc-dark-text) !important;
    border-color: var(--herc-dark-border) !important;
}

[data-bs-theme="dark"] #servicesPanel .table-hover tbody tr:hover,
[data-bs-theme="dark"] #servicesPanel .table-hover tbody tr:hover td {
    background-color: var(--herc-panel-accent-active-bg) !important;
    border-color: var(--herc-panel-accent-active-border) !important;
    color: var(--herc-panel-accent-text) !important;
}

/* 2 + 3) Cards Categorias/Acciones en carrito y complementos */
[data-bs-theme="dark"] #order-standard_cart .cart-sidebar .card.card-sidebar,
[data-bs-theme="dark"] #order-standard_cart .cart-sidebar .panel.card-sidebar,
[data-bs-theme="dark"] #order-standard_cart .cart-sidebar .panel-sidebar {
    background-color: var(--herc-dark-surface) !important;
    color: var(--herc-dark-text) !important;
    border: 1px solid var(--herc-dark-border) !important;
    border-radius: 0.375rem !important;
    overflow: hidden;
}

[data-bs-theme="dark"] #order-standard_cart .cart-sidebar .card.card-sidebar > .card-header,
[data-bs-theme="dark"] #order-standard_cart .cart-sidebar .panel.card-sidebar > .panel-heading,
[data-bs-theme="dark"] #order-standard_cart .cart-sidebar .panel-sidebar > .card-header,
[data-bs-theme="dark"] #order-standard_cart .cart-sidebar .panel-sidebar > .panel-heading {
    background-color: var(--herc-panel-header-bg) !important;
    border-bottom: 1px solid var(--herc-panel-header-border) !important;
    color: var(--herc-dark-heading) !important;
}

[data-bs-theme="dark"] #order-standard_cart .cart-sidebar .panel-title,
[data-bs-theme="dark"] #order-standard_cart .cart-sidebar .card-title,
[data-bs-theme="dark"] #order-standard_cart .cart-sidebar .panel-title i,
[data-bs-theme="dark"] #order-standard_cart .cart-sidebar .card-title i {
    color: var(--herc-dark-heading) !important;
}

[data-bs-theme="dark"] #order-standard_cart .cart-sidebar .list-group,
[data-bs-theme="dark"] #order-standard_cart .cart-sidebar .card-body,
[data-bs-theme="dark"] #order-standard_cart .cart-sidebar .panel-body,
[data-bs-theme="dark"] #order-standard_cart .cart-sidebar .card-footer,
[data-bs-theme="dark"] #order-standard_cart .cart-sidebar .panel-footer {
    background-color: var(--herc-dark-surface) !important;
    color: var(--herc-dark-text) !important;
    border-color: var(--herc-dark-border) !important;
}

[data-bs-theme="dark"] #order-standard_cart .cart-sidebar .list-group-item,
[data-bs-theme="dark"] #order-standard_cart .cart-sidebar .list-group-item-action {
    background-color: var(--herc-dark-surface) !important;
    color: var(--herc-dark-text) !important;
    border-color: var(--herc-dark-border) !important;
}

[data-bs-theme="dark"] #order-standard_cart .cart-sidebar .list-group-item.active,
[data-bs-theme="dark"] #order-standard_cart .cart-sidebar .list-group-item.current-child,
[data-bs-theme="dark"] #order-standard_cart .cart-sidebar .list-group-item-action.active,
[data-bs-theme="dark"] #order-standard_cart .cart-sidebar .list-group-item-action.current-child {
    background-color: var(--herc-panel-accent-active-bg) !important;
    border-color: var(--herc-panel-accent-active-border) !important;
    color: var(--herc-panel-accent-text) !important;
}

/* ======================================================================
   HOTFIX 2.8.21 - Sidebar Categorias/Acciones (Solicitar y Complementos)
   ====================================================================== */
/* Titulo limpio: evitar apariencia de boton/borde en el nombre del card */
[data-bs-theme="dark"] #order-standard_cart .cart-sidebar .panel-heading .panel-title,
[data-bs-theme="dark"] #order-standard_cart .cart-sidebar .card-header .card-title,
[data-bs-theme="dark"] #order-standard_cart .cart-sidebar .panel-heading .panel-title *,
[data-bs-theme="dark"] #order-standard_cart .cart-sidebar .card-header .card-title * {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    text-decoration: none !important;
    color: var(--herc-dark-heading) !important;
}

/* Estructura de items igual al sidebar del panel */
[data-bs-theme="dark"] #order-standard_cart .cart-sidebar .list-group-item,
[data-bs-theme="dark"] #order-standard_cart .cart-sidebar .list-group-item-action {
    border-left: 0 !important;
    border-right: 0 !important;
    border-top: 0 !important;
    border-bottom: 1px solid var(--herc-dark-border) !important;
    border-radius: 0 !important;
    font-weight: 500 !important;
}

[data-bs-theme="dark"] #order-standard_cart .cart-sidebar .list-group-item:last-child,
[data-bs-theme="dark"] #order-standard_cart .cart-sidebar .list-group-item-action:last-child {
    border-bottom: 0 !important;
}

[data-bs-theme="dark"] #order-standard_cart .cart-sidebar .list-group-item:hover,
[data-bs-theme="dark"] #order-standard_cart .cart-sidebar .list-group-item:focus,
[data-bs-theme="dark"] #order-standard_cart .cart-sidebar .list-group-item-action:hover,
[data-bs-theme="dark"] #order-standard_cart .cart-sidebar .list-group-item-action:focus {
    background-color: var(--herc-panel-accent-hover-bg) !important;
    border-color: var(--herc-panel-accent-hover-border) !important;
    color: var(--herc-panel-accent-text) !important;
}

[data-bs-theme="dark"] #order-standard_cart .cart-sidebar .list-group-item.active,
[data-bs-theme="dark"] #order-standard_cart .cart-sidebar .list-group-item.current-child,
[data-bs-theme="dark"] #order-standard_cart .cart-sidebar .list-group-item-action.active,
[data-bs-theme="dark"] #order-standard_cart .cart-sidebar .list-group-item-action.current-child {
    background-color: var(--herc-panel-accent-active-bg) !important;
    border-color: var(--herc-panel-accent-active-border) !important;
    color: var(--herc-panel-accent-text) !important;
}

/* Botones dentro de Acciones */
[data-bs-theme="dark"] #order-standard_cart .cart-sidebar .btn,
[data-bs-theme="dark"] #order-standard_cart .cart-sidebar .btn.btn-default,
[data-bs-theme="dark"] #order-standard_cart .cart-sidebar .btn.btn-success,
[data-bs-theme="dark"] #order-standard_cart .cart-sidebar .btn.btn-primary,
[data-bs-theme="dark"] #order-standard_cart .cart-sidebar .btn.btn-sm {
    background-color: var(--herc-panel-accent-bg) !important;
    border-color: var(--herc-panel-accent-border) !important;
    color: var(--herc-panel-accent-text) !important;
    box-shadow: none !important;
}

[data-bs-theme="dark"] #order-standard_cart .cart-sidebar .btn:hover,
[data-bs-theme="dark"] #order-standard_cart .cart-sidebar .btn:focus {
    background-color: var(--herc-panel-accent-hover-bg) !important;
    border-color: var(--herc-panel-accent-hover-border) !important;
    color: var(--herc-panel-accent-text) !important;
}

[data-bs-theme="dark"] #order-standard_cart .cart-sidebar .btn:active,
[data-bs-theme="dark"] #order-standard_cart .cart-sidebar .btn.active {
    background-color: var(--herc-panel-accent-active-bg) !important;
    border-color: var(--herc-panel-accent-active-border) !important;
    color: var(--herc-panel-accent-text) !important;
}

/* HOTFIX 2.8.22 - Ajuste visual exacto del sidebar en Store */
[data-bs-theme="dark"] #order-standard_cart .cart-sidebar .panel-heading .panel-title,
[data-bs-theme="dark"] #order-standard_cart .cart-sidebar .card-header .card-title {
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
    text-decoration: none !important;
    line-height: 1.25 !important;
}

[data-bs-theme="dark"] #order-standard_cart .cart-sidebar .panel-heading .panel-title a,
[data-bs-theme="dark"] #order-standard_cart .cart-sidebar .card-header .card-title a,
[data-bs-theme="dark"] #order-standard_cart .cart-sidebar .panel-heading .panel-title span,
[data-bs-theme="dark"] #order-standard_cart .cart-sidebar .card-header .card-title span {
    border: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
    color: var(--herc-dark-heading) !important;
}

[data-bs-theme="dark"] #order-standard_cart .cart-sidebar .list-group-item,
[data-bs-theme="dark"] #order-standard_cart .cart-sidebar .list-group-item-action {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 0.625rem !important;
    text-align: left !important;
    padding: 0.85rem 1rem !important;
    font-weight: 500 !important;
    line-height: 1.25 !important;
    text-decoration: none !important;
}

[data-bs-theme="dark"] #order-standard_cart .cart-sidebar .list-group-item i,
[data-bs-theme="dark"] #order-standard_cart .cart-sidebar .list-group-item-action i {
    width: 1.15rem !important;
    min-width: 1.15rem !important;
    margin-right: 0 !important;
    text-align: center !important;
    color: currentColor !important;
}

[data-bs-theme="dark"] #order-standard_cart .cart-sidebar .list-group-item:hover,
[data-bs-theme="dark"] #order-standard_cart .cart-sidebar .list-group-item:focus,
[data-bs-theme="dark"] #order-standard_cart .cart-sidebar .list-group-item-action:hover,
[data-bs-theme="dark"] #order-standard_cart .cart-sidebar .list-group-item-action:focus {
    background-color: var(--herc-panel-accent-active-bg) !important;
    border-color: var(--herc-panel-accent-active-border) !important;
    color: var(--herc-panel-accent-text) !important;
}

[data-bs-theme="dark"] #order-standard_cart .cart-sidebar .list-group-item:hover i,
[data-bs-theme="dark"] #order-standard_cart .cart-sidebar .list-group-item:focus i,
[data-bs-theme="dark"] #order-standard_cart .cart-sidebar .list-group-item-action:hover i,
[data-bs-theme="dark"] #order-standard_cart .cart-sidebar .list-group-item-action:focus i,
[data-bs-theme="dark"] #order-standard_cart .cart-sidebar .list-group-item.active i,
[data-bs-theme="dark"] #order-standard_cart .cart-sidebar .list-group-item.current-child i,
[data-bs-theme="dark"] #order-standard_cart .cart-sidebar .list-group-item-action.active i,
[data-bs-theme="dark"] #order-standard_cart .cart-sidebar .list-group-item-action.current-child i {
    color: var(--herc-panel-accent-text) !important;
}

[data-bs-theme="dark"] #order-standard_cart .cart-sidebar .list-group-item:hover span,
[data-bs-theme="dark"] #order-standard_cart .cart-sidebar .list-group-item:focus span,
[data-bs-theme="dark"] #order-standard_cart .cart-sidebar .list-group-item-action:hover span,
[data-bs-theme="dark"] #order-standard_cart .cart-sidebar .list-group-item-action:focus span,
[data-bs-theme="dark"] #order-standard_cart .cart-sidebar .list-group-item.active span,
[data-bs-theme="dark"] #order-standard_cart .cart-sidebar .list-group-item.current-child span,
[data-bs-theme="dark"] #order-standard_cart .cart-sidebar .list-group-item-action.active span,
[data-bs-theme="dark"] #order-standard_cart .cart-sidebar .list-group-item-action.current-child span {
    color: var(--herc-panel-accent-text) !important;
}

[data-bs-theme="dark"] #order-standard_cart .cart-sidebar .list-group-item.active,
[data-bs-theme="dark"] #order-standard_cart .cart-sidebar .list-group-item.current-child,
[data-bs-theme="dark"] #order-standard_cart .cart-sidebar .list-group-item-action.active,
[data-bs-theme="dark"] #order-standard_cart .cart-sidebar .list-group-item-action.current-child {
    position: relative;
    padding-left: 1rem !important;
}

[data-bs-theme="dark"] #order-standard_cart .cart-sidebar .list-group-item.active::before,
[data-bs-theme="dark"] #order-standard_cart .cart-sidebar .list-group-item.current-child::before,
[data-bs-theme="dark"] #order-standard_cart .cart-sidebar .list-group-item-action.active::before,
[data-bs-theme="dark"] #order-standard_cart .cart-sidebar .list-group-item-action.current-child::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 4px;
    background-color: var(--herc-primary) !important;
    border-radius: 0 4px 4px 0;
}

/* ===============================================================
   HOTFIX 2.8.23 - Cart Order Summary, View Cart & Domain Renewals
   =============================================================== */
/* Order Summary Box */
[data-bs-theme="dark"] #order-standard_cart .order-summary {
    background-color: var(--herc-dark-surface) !important;
    border-color: var(--herc-dark-border) !important;
    color: var(--herc-dark-text) !important;
    border-radius: 0.375rem !important;
}

[data-bs-theme="dark"] #order-standard_cart .order-summary h2 {
    background-color: var(--herc-panel-header-bg) !important;
    color: var(--herc-dark-heading) !important;
    border-bottom: 1px solid var(--herc-panel-header-border) !important;
    border-top-left-radius: 0.375rem !important;
    border-top-right-radius: 0.375rem !important;
}

[data-bs-theme="dark"] #order-standard_cart .summary-container {
    background-color: transparent !important;
}

[data-bs-theme="dark"] #order-standard_cart .order-summary .subtotal,
[data-bs-theme="dark"] #order-standard_cart .order-summary .bordered-totals,
[data-bs-theme="dark"] #order-standard_cart .order-summary .recurring-totals,
[data-bs-theme="dark"] #order-standard_cart .order-summary .total-due-today {
    border-color: var(--herc-dark-border) !important;
}

[data-bs-theme="dark"] #order-standard_cart .order-summary .total-due-today .amt {
    color: var(--herc-primary-hover) !important;
}

/* View Cart Items List */
[data-bs-theme="dark"] #order-standard_cart .view-cart-items-header {
    background-color: var(--herc-panel-header-bg) !important;
    color: var(--herc-dark-heading) !important;
    border-bottom: 1px solid var(--herc-panel-header-border) !important;
    border-top-left-radius: 0.375rem !important;
    border-top-right-radius: 0.375rem !important;
}

[data-bs-theme="dark"] #order-standard_cart .view-cart-items {
    background-color: var(--herc-dark-surface) !important;
    border-color: var(--herc-dark-border) !important;
}

[data-bs-theme="dark"] #order-standard_cart .view-cart-items .item {
    background-color: var(--herc-dark-surface) !important;
    border-bottom-color: var(--herc-dark-border) !important;
    color: var(--herc-dark-text) !important;
}

[data-bs-theme="dark"] #order-standard_cart .view-cart-items .item:last-child {
    border-bottom-color: transparent !important;
    border-bottom-left-radius: 0.375rem !important;
    border-bottom-right-radius: 0.375rem !important;
}

[data-bs-theme="dark"] #order-standard_cart .view-cart-items .item-title {
    color: var(--herc-dark-heading) !important;
}

[data-bs-theme="dark"] #order-standard_cart .view-cart-empty {
    background-color: var(--herc-dark-surface) !important;
    border-color: var(--herc-dark-border) !important;
    color: var(--herc-dark-text) !important;
}

[data-bs-theme="dark"] #order-standard_cart .view-cart-tabs .nav-tabs {
    border-bottom-color: var(--herc-dark-border) !important;
}

[data-bs-theme="dark"] #order-standard_cart .view-cart-tabs .nav-tabs .nav-link {
    color: var(--herc-dark-text) !important;
}

[data-bs-theme="dark"] #order-standard_cart .view-cart-tabs .nav-tabs .nav-link.active {
    background-color: var(--herc-dark-surface) !important;
    border-color: var(--herc-dark-border) !important;
    border-bottom-color: var(--herc-dark-surface) !important;
    color: var(--herc-dark-heading) !important;
}

[data-bs-theme="dark"] #order-standard_cart .view-cart-tabs .tab-content {
    background-color: var(--herc-dark-surface) !important;
    border-color: var(--herc-dark-border) !important;
    border-top: 0 !important;
}

/* Domain Renewals Page */
[data-bs-theme="dark"] #order-standard_cart .domain-renewals .domain-renewal {
    background-color: var(--herc-dark-surface) !important;
    border: 1px solid var(--herc-dark-border) !important;
    color: var(--herc-dark-text) !important;
    border-radius: 0.375rem !important;
    padding: 1.25rem !important;
    margin-bottom: 1rem !important;
}

[data-bs-theme="dark"] #order-standard_cart .domain-renewals .domain-renewal h3 {
    color: var(--herc-dark-heading) !important;
}

[data-bs-theme="dark"] #order-standard_cart .domain-renewals .domain-renewal .label-grey {
    background-color: #4a5568 !important;
    color: #fff !important;
}

/* Domain Search / Promo Boxes */
[data-bs-theme="dark"] #order-standard_cart .domain-promo-box {
    background-color: var(--herc-dark-surface) !important;
    border-color: var(--herc-dark-border) !important;
    color: var(--herc-dark-text) !important;
    border-radius: 0.375rem !important;
}

[data-bs-theme="dark"] #order-standard_cart .domain-promo-box h3 {
    color: var(--herc-dark-heading) !important;
}

[data-bs-theme="dark"] #order-standard_cart .bg-white {
    background-color: var(--herc-dark-surface) !important;
}

[data-bs-theme="dark"] #order-standard_cart .tld-pricing-header {
    background-color: var(--herc-panel-header-bg) !important;
    color: var(--herc-dark-heading) !important;
}

[data-bs-theme="dark"] #order-standard_cart .domain-checker-container {
    background-color: var(--herc-dark-surface) !important;
    border-color: var(--herc-dark-border) !important;
    box-shadow: 0 10px 30px -10px rgba(0, 0, 0, 0.5) !important;
}

/* ===========================================================
   Clean Domain Checker Background (Overrides WHMCS globe.png)
   =========================================================== */
#order-standard_cart .domain-checker-container {
    border-radius: 0.375rem !important;
    overflow: hidden !important;
    position: relative;
    border: 1px solid rgba(15, 23, 42, 0.08);
}

[data-bs-theme="light"] #order-standard_cart .domain-checker-container {
    background: #ffffff !important;
    box-shadow: 0 10px 30px -10px rgba(79, 70, 229, 0.15) !important;
}

[data-bs-theme="dark"] #order-standard_cart .domain-checker-container {
    background: var(--herc-dark-surface) !important;
    border: 1px solid var(--herc-dark-border) !important;
    box-shadow: 0 10px 30px -10px rgba(0, 0, 0, 0.5) !important;
}

#order-standard_cart .domain-checker-bg {
    background-image: none !important;
    background: transparent !important;
    padding: 3rem 1rem !important;
}

[data-bs-theme="dark"] #order-standard_cart .domain-checker-bg {
    background: var(--herc-dark-surface) !important;
}

[data-bs-theme="dark"] #order-standard_cart .suggested-domains .list-group-item {
    background-color: var(--herc-dark-surface) !important;
    border-color: var(--herc-dark-border) !important;
    color: var(--herc-dark-text) !important;
}

[data-bs-theme="dark"] #order-standard_cart .suggested-domains .list-group-item .domain {
    color: var(--herc-dark-heading) !important;
}

[data-bs-theme="dark"] #order-standard_cart .domain-lookup-result {
    background-color: var(--herc-dark-surface) !important;
    border-color: var(--herc-dark-border) !important;
    color: var(--herc-dark-text) !important;
}

/* ================================================
   PRIORIDAD 2: Rediseño de Anuncios (Blog moderno)
   ================================================ */
[data-bs-theme="dark"] .announcements .card {
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

[data-bs-theme="dark"] .announcements .card-body {
    background-color: transparent !important;
    padding: 0 !important;
}

[data-bs-theme="dark"] .announcements .card-title {
    font-size: 1.25rem !important;
    margin-bottom: 1.5rem !important;
    padding-bottom: 0.75rem !important;
    border-bottom: 1px solid var(--herc-dark-border) !important;
}

[data-bs-theme="dark"] .announcement {
    padding: 1.5rem 0 !important;
    border-bottom: 1px solid var(--herc-dark-border) !important;
    margin-bottom: 0 !important;
}

[data-bs-theme="dark"] .announcement:last-child {
    border-bottom: none !important;
}

[data-bs-theme="dark"] .announcement h1 {
    font-size: 1.5rem !important;
    font-weight: 600 !important;
    line-height: 1.4 !important;
    margin-bottom: 0.5rem !important;
}

[data-bs-theme="dark"] .announcement h1 a {
    color: var(--herc-dark-heading) !important;
    text-decoration: none !important;
    transition: color 0.2s ease !important;
}

[data-bs-theme="dark"] .announcement h1 a:hover {
    color: #818cf8 !important;
}

[data-bs-theme="dark"] .announcement .list-inline {
    margin-bottom: 0.75rem !important;
}

[data-bs-theme="dark"] .announcement .list-inline-item {
    font-size: 0.85rem !important;
    color: var(--herc-dark-muted) !important;
}

[data-bs-theme="dark"] .announcement article {
    background-color: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin-bottom: 1rem !important;
    color: var(--herc-dark-text) !important;
    font-size: 0.95rem !important;
    line-height: 1.7 !important;
}

[data-bs-theme="dark"] .announcement article blockquote,
[data-bs-theme="dark"] .announcement article .blockquote {
    background-color: var(--herc-dark-surface) !important;
    border-left: 3px solid #818cf8 !important;
    border-radius: var(--herc-radius-md) !important;
    padding: 1rem 1.25rem !important;
    margin: 1rem 0 !important;
    color: var(--herc-dark-text) !important;
}

[data-bs-theme="dark"] .announcement .btn-default {
    background-color: var(--herc-panel-accent-bg) !important;
    border-color: var(--herc-panel-accent-border) !important;
    color: var(--herc-panel-accent-text) !important;
    border-radius: var(--herc-radius-md) !important;
    font-size: 0.85rem !important;
    padding: 0.35rem 1rem !important;
    transition: all 0.2s ease !important;
}

[data-bs-theme="dark"] .announcement .btn-default:hover {
    background-color: var(--herc-panel-accent-hover-bg) !important;
    border-color: var(--herc-panel-accent-hover-border) !important;
}

/* ===================================================
   PRIORIDAD 3: Estado de la Red — Iconos GIF y bordes
   =================================================== */
/* Ocultar los GIFs pixelados de statusok/statusdown y reemplazar vía CSS */
[data-bs-theme="dark"] .primary-content img[src*="statusok.gif"],
[data-bs-theme="dark"] .primary-content img[src*="status"][src$=".gif"] {
    display: none !important;
}

/* Mostrar un icono check verde en su lugar */
[data-bs-theme="dark"] .primary-content td:has(img[src*="statusok.gif"])::after,
[data-bs-theme="dark"] .primary-content td:has(img[src*="status"][src$=".gif"])::after {
    content: "\f058";
    font-family: "Font Awesome 6 Free", "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 1.15rem;
    color: #6ee7b7;
    display: inline-block;
}

/* Bordes suaves en la tabla de estado de red */
[data-bs-theme="dark"] .primary-content .table-striped {
    border-color: var(--herc-dark-border) !important;
}

[data-bs-theme="dark"] .primary-content .table-striped > thead > tr > th {
    background-color: var(--herc-dark-surface) !important;
    border-color: var(--herc-dark-border) !important;
    color: var(--herc-dark-heading) !important;
    font-weight: 600 !important;
}

[data-bs-theme="dark"] .primary-content .table-striped > tbody > tr > td {
    border-color: var(--herc-dark-border) !important;
}

[data-bs-theme="dark"] .primary-content .table-striped > tbody > tr:nth-of-type(odd) > td {
    background-color: rgba(255, 255, 255, 0.02) !important;
}

/* ==========================================================
   PRIORIDAD 4: Formulario de Ticket — Max-width más compacto
   ========================================================== */
/*
[data-bs-theme="dark"] .primary-content form[action*="submitticket"] .card,
[data-bs-theme="dark"] .primary-content .ticket-form-container,
[data-bs-theme="dark"] .primary-content #openTicketForm {
    max-width: 900px !important;
}
*/

/* ============================================
   HERC Auth Fullscreen Layout (Login/Register)
   =========================================== */
/* Hide WHMCS elements that interfere with full screen using :has */
body:has(.herc-auth-fullscreen) header,
body:has(.herc-auth-fullscreen) .herc-header-spacer,
body:has(.herc-auth-fullscreen) .master-breadcrumb,
body:has(.herc-auth-fullscreen) footer,
body:has(.herc-auth-fullscreen) .dashboard-breadcrumb,
body:has(.herc-auth-fullscreen) .header-lined {
    display: none !important;
}

body:has(.herc-auth-fullscreen) {
    overflow-x: hidden;
}

/* Bulletproof full-screen breakout using fixed overlay */
.herc-auth-fullscreen {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100vw !important;
    height: 100vh !important;
    z-index: 9999 !important;
    background-color: var(--bs-body-bg);
    overflow: hidden !important;
}

/* Elevate modals over the full-screen overlay so they are clickable and visible */
body:has(.herc-auth-fullscreen) .modal-backdrop {
    z-index: 10004 !important;
}
body:has(.herc-auth-fullscreen) .modal {
    z-index: 10005 !important;
}

/* Premium Modal styling for dynamic Light/Dark mode consistency */
/* Premium Modal styling for dynamic Light/Dark mode consistency */
.herc-premium-modal {
    background-color: var(--herc-panel-bg, var(--bs-body-bg)) !important;
    border: 1px solid var(--herc-panel-border, var(--bs-border-color)) !important;
    border-radius: 0.5rem !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2) !important;
    color: var(--herc-panel-text, var(--bs-body-color)) !important;
}
.herc-premium-modal .modal-header {
    background-color: var(--herc-panel-header-bg, var(--bs-tertiary-bg)) !important;
    border-bottom: 1px solid var(--herc-panel-header-border, var(--bs-border-color)) !important;
    border-radius: 0.5rem 0.5rem 0 0 !important;
}
.herc-premium-modal .modal-footer {
    border-top: 1px solid var(--herc-panel-border, var(--bs-border-color)) !important;
}
.herc-premium-modal .btn-close {
    filter: var(--bs-btn-close-color); /* Usually handled by BS 5 themes */
}


/* Fix Slider Image Borders: Force perfectly flat and borderless */
.herc-auth-fullscreen .col-lg-7,
.herc-auth-fullscreen .swiper,
.herc-auth-fullscreen .swiper-wrapper,
.herc-auth-fullscreen .swiper-slide,
.herc-auth-fullscreen .card,
.herc-auth-fullscreen .bg-overlay {
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    outline: none !important;
    margin: 0 !important;
}

/* Fix Form Inputs Focus Styles */
.herc-auth-fullscreen .form-control,
.herc-auth-fullscreen .form-select {
    background-color: transparent !important;
    border-radius: 0.375rem !important;
}

.herc-auth-fullscreen .form-control:not(:placeholder-shown),
.herc-auth-fullscreen .form-control:valid {
    background-color: transparent !important;
}

.herc-auth-fullscreen .form-control:focus,
.herc-auth-fullscreen .form-select:focus {
    border-color: var(--herc-panel-accent-active-border) !important;
    box-shadow: none !important;
    color: var(--herc-panel-accent-text, inherit) !important;
    background-color: transparent !important; /* Ensure input itself doesn't get the ugly background */
}

.herc-auth-fullscreen .form-control:-webkit-autofill,
.herc-auth-fullscreen .form-control:-webkit-autofill:hover,
.herc-auth-fullscreen .form-control:-webkit-autofill:focus,
.herc-auth-fullscreen .form-control:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 1000px #000 inset !important;
    -webkit-text-fill-color: var(--herc-panel-accent-text, #fff) !important;
    background-color: transparent !important;
    caret-color: var(--herc-panel-accent-text, #fff) !important;
    transition: background-color 999999s ease-in-out 0s !important;
}

.herc-auth-fullscreen .form-control.is-invalid,
.herc-auth-fullscreen .form-select.is-invalid,
.herc-auth-fullscreen .selectize-input.is-invalid {
    border-color: #ef4444 !important;
    box-shadow: 0 0 0 0.12rem rgba(239, 68, 68, 0.18) !important;
}

.herc-auth-fullscreen .herc-field-error {
    color: #fca5a5 !important;
    display: block !important;
    font-size: 0.75rem !important;
    line-height: 1.15 !important;
    margin: 0.28rem 0 0 0.15rem !important;
}

.herc-auth-fullscreen .herc-validation-summary {
    background: rgba(239, 68, 68, 0.12) !important;
    border: 1px solid rgba(239, 68, 68, 0.42) !important;
    border-radius: 0.375rem !important;
    color: #fecaca !important;
    font-size: 0.84rem !important;
    line-height: 1.25 !important;
    margin-bottom: 0.85rem !important;
    padding: 0.55rem 0.75rem !important;
}

.herc-honeypot {
    height: 0 !important;
    left: -9999px !important;
    opacity: 0 !important;
    pointer-events: none !important;
    position: absolute !important;
    width: 0 !important;
}

/* Apply the focus background and border-radius SPECIFICALLY to the floating label's background */
.herc-auth-fullscreen .form-floating > .form-control:focus ~ label,
.herc-auth-fullscreen .form-floating > .form-control:not(:placeholder-shown) ~ label,
.herc-auth-fullscreen .form-floating > .form-control:focus ~ label::after,
.herc-auth-fullscreen .form-floating > .form-control:not(:placeholder-shown) ~ label::after,
.herc-auth-fullscreen .form-floating > .form-select:focus ~ label,
.herc-auth-fullscreen .form-floating > .form-select:not(:placeholder-shown) ~ label,
.herc-auth-fullscreen .form-floating > .form-select:focus ~ label::after,
.herc-auth-fullscreen .form-floating > .form-select:not(:placeholder-shown) ~ label::after {
    background-color: var(--herc-panel-accent-hover-bg) !important;
    border-radius: 0.375rem !important;
    color: var(--herc-panel-accent-text, #fff) !important;
}

/* Herc Multi-Step Registration Form Styles */
.herc-auth-fullscreen .herc-auth-topbar {
    align-items: center !important;
    display: flex !important;
    gap: 1rem !important;
    justify-content: space-between !important;
}

.herc-auth-fullscreen .herc-auth-actions {
    align-items: center !important;
    display: flex !important;
    gap: 0.35rem !important;
}

.herc-auth-fullscreen .herc-auth-actions.d-none,
.herc-auth-fullscreen .herc-register-step-2 .herc-auth-actions,
.herc-auth-fullscreen .herc-register-step-3 .herc-auth-actions {
    display: none !important;
}

.herc-auth-fullscreen .herc-auth-action-btn {
    align-items: center !important;
    background: rgba(16, 16, 22, 0.72) !important;
    border: 1px solid var(--herc-dark-border) !important;
    border-radius: 0.375rem !important;
    color: var(--herc-panel-text, #fff) !important;
    display: inline-flex !important;
    height: 2.35rem !important;
    min-width: 2.35rem !important;
}

.herc-auth-fullscreen .herc-auth-action-btn:hover,
.herc-auth-fullscreen .herc-auth-action-btn:focus {
    background: var(--herc-panel-accent-active-bg) !important;
    border-color: var(--herc-panel-accent-active-border) !important;
    color: var(--herc-panel-accent-text, #fff) !important;
    box-shadow: none !important;
}

.herc-auth-fullscreen .herc-auth-actions .dropdown-menu {
    background: #050506 !important;
    border: 1px solid #171722 !important;
    border-radius: 0.375rem !important;
    box-shadow: 0 18px 40px rgba(0, 0, 0, 0.55) !important;
    padding: 0.35rem !important;
}

.herc-auth-fullscreen .herc-auth-actions .dropdown-item {
    border-radius: 0.25rem !important;
    color: #f8fafc !important;
    font-size: 0.85rem !important;
    font-weight: 500 !important;
}

.herc-auth-fullscreen .herc-auth-actions .dropdown-item:hover,
.herc-auth-fullscreen .herc-auth-actions .dropdown-item:focus,
.herc-auth-fullscreen .herc-auth-actions .dropdown-item.active {
    background: var(--herc-panel-accent-active-bg) !important;
    color: var(--herc-panel-accent-text, #fff) !important;
}

/* Public WHMCS header parity with Laravel site header */
header.herc-public-header,
header.herc-public-header .navbar {
    min-height: 0 !important;
}

header.herc-public-header .container {
    min-height: auto !important;
}

header.herc-public-header {
    font-family: "Inter", sans-serif !important;
    line-height: 1.5 !important;
}

body:has(#nexus-root) header.herc-public-header {
    z-index: 10 !important;
}

body:has(#nexus-root [class*="fixed"][class*="inset-0"]) header.herc-public-header,
body:has(#nexus-root .fixed.right-0) header.herc-public-header,
body:has(#nexus-root .fixed.top-0.right-0) header.herc-public-header {
    z-index: 10 !important;
}

body:has(#nexus-root) header.herc-public-header .navbar-user-actions {
    position: relative !important;
    z-index: 0 !important;
}

body:has(#nexus-root [class*="fixed"][class*="inset-0"]) #nexus-root,
body:has(#nexus-root .fixed.right-0) #nexus-root,
body:has(#nexus-root .fixed.top-0.right-0) #nexus-root {
    position: relative !important;
    z-index: 2147483000 !important;
}

header.herc-public-header .navbar {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

header.herc-public-header .navbar-brand {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
}

header.herc-public-header .navbar-brand .navbar-brand-item {
    height: 50px;
    width: 110.062px;
}

header.herc-public-header.header-sticky-on .navbar-brand {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

header.herc-public-header.header-sticky-on .navbar-brand .navbar-brand-item {
    height: 45px;
    width: 99.0625px;
}

header.herc-public-header .navbar-collapse {
    align-self: center;
}

header.herc-public-header .navbar-nav > .nav-item > .nav-link {
    color: rgba(255, 255, 255, 0.85) !important;
    font-size: 0.938rem !important;
    font-weight: 500 !important;
    letter-spacing: normal !important;
    line-height: 1.5 !important;
    padding: 1rem !important;
}

header.herc-public-header .navbar-nav > .nav-item > .nav-link:hover,
header.herc-public-header .navbar-nav > .nav-item > .nav-link:focus,
header.herc-public-header .navbar-nav > .nav-item > .nav-link[aria-expanded="true"] {
    color: var(--bs-primary) !important;
}

header.herc-public-header .navbar-user-actions {
    align-items: center !important;
    flex-wrap: wrap !important;
    font-size: 1rem !important;
    line-height: 1.5 !important;
    --herc-public-nav-icon-color: rgb(197, 198, 204);
    --herc-public-nav-icon-hover-color: var(--bs-primary);
}

header.herc-public-header .navbar-user-actions > .nav-item {
    margin-left: 0 !important;
}

header.herc-public-header .navbar-user-actions > .nav-item.mr-2 {
    margin-right: 0 !important;
}

header.herc-public-header .navbar-user-actions > .nav-item > .nav-link,
header.herc-public-header .navbar-user-actions > .nav-item > .btn-link,
header.herc-public-header .navbar-user-actions > .nav-item > button.btn-link {
    align-items: center !important;
    background: transparent !important;
    border: 0 !important;
    box-sizing: border-box !important;
    box-shadow: none !important;
    color: rgb(197, 198, 204) !important;
    display: inline-flex !important;
    font-weight: 500 !important;
    height: 36px !important;
    justify-content: center !important;
    line-height: 1 !important;
    margin-left: 0 !important;
    min-height: 36px !important;
    outline: none !important;
}

header.herc-public-header .navbar-user-actions > .nav-item > .nav-link:hover,
header.herc-public-header .navbar-user-actions > .nav-item > .nav-link:focus,
header.herc-public-header .navbar-user-actions > .nav-item > .btn-link:hover,
header.herc-public-header .navbar-user-actions > .nav-item > .btn-link:focus,
header.herc-public-header .navbar-user-actions > .nav-item > button.btn-link:hover,
header.herc-public-header .navbar-user-actions > .nav-item > button.btn-link:focus,
header.herc-public-header .navbar-user-actions > .nav-item > .nav-link[aria-expanded="true"],
header.herc-public-header .navbar-user-actions > .nav-item > .btn-link[aria-expanded="true"],
header.herc-public-header .navbar-user-actions > .nav-item > button.btn-link[aria-expanded="true"],
header.herc-public-header .navbar-user-actions > .nav-item > .nav-link.show,
header.herc-public-header .navbar-user-actions > .nav-item > .btn-link.show,
header.herc-public-header .navbar-user-actions > .nav-item > button.btn-link.show {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    color: var(--bs-primary) !important;
}

header.herc-public-header .navbar-user-actions .cart-btn,
header.herc-public-header .navbar-user-actions #loginDropdown {
    color: rgb(197, 198, 204) !important;
    font-size: 0.938rem !important;
    padding: 0.5rem !important;
}

header.herc-public-header .navbar-user-actions .cart-btn {
    line-height: 1 !important;
}

header.herc-public-header .navbar-user-actions #loginDropdown {
    line-height: 1 !important;
}

header.herc-public-header .navbar-user-actions #bd-theme,
header.herc-public-header .navbar-user-actions #languageDropdown {
    align-items: center !important;
    border: 1px solid transparent !important;
    box-sizing: border-box !important;
    color: var(--herc-public-nav-icon-color) !important;
    display: inline-flex !important;
    font-size: 1rem !important;
    height: 36px !important;
    justify-content: center !important;
    line-height: 1 !important;
    min-height: 36px !important;
    padding: 0.5rem !important;
}

header.herc-public-header .navbar-user-actions #bd-theme {
    min-width: 36px !important;
    width: 36px !important;
}

header.herc-public-header .navbar-user-actions #languageDropdown {
    letter-spacing: 0.5px !important;
    min-width: 115px;
}

header.herc-public-header .navbar-user-actions #bd-theme svg,
header.herc-public-header .navbar-user-actions #languageDropdown svg {
    color: currentColor !important;
    fill: currentColor !important;
}

header.herc-public-header .navbar-user-actions .cart-btn i,
header.herc-public-header .navbar-user-actions #bd-theme .theme-icon-active,
header.herc-public-header .navbar-user-actions #loginDropdown .bi-person-circle,
header.herc-public-header .navbar-user-actions .dropdown-item i,
header.herc-public-header .navbar-user-actions .dropdown-item svg.theme-icon {
    align-items: center !important;
    display: inline-flex !important;
    flex: 0 0 20px !important;
    font-size: 20px !important;
    height: 20px !important;
    justify-content: center !important;
    line-height: 20px !important;
    width: 20px !important;
}

header.herc-public-header .navbar-user-actions .dropdown-item i,
header.herc-public-header .navbar-user-actions .dropdown-item svg.theme-icon {
    color: currentColor !important;
    fill: currentColor !important;
}

header.herc-public-header .navbar-user-actions #bd-theme .theme-icon-active,
header.herc-public-header .navbar-user-actions .dropdown-item svg.theme-icon {
    display: inline-block !important;
}

header.herc-public-header .navbar-user-actions #bd-theme .theme-icon-active {
    vertical-align: middle !important;
}

header.herc-public-header .navbar-user-actions #loginDropdown i,
header.herc-public-header .navbar-user-actions .cart-btn i {
    color: var(--herc-public-nav-icon-color) !important;
    line-height: 1 !important;
}

header.herc-public-header .navbar-user-actions #bd-theme:hover,
header.herc-public-header .navbar-user-actions #bd-theme:focus,
header.herc-public-header .navbar-user-actions #bd-theme[aria-expanded="true"],
header.herc-public-header .navbar-user-actions #languageDropdown:hover,
header.herc-public-header .navbar-user-actions #languageDropdown:focus,
header.herc-public-header .navbar-user-actions #languageDropdown[aria-expanded="true"],
header.herc-public-header .navbar-user-actions #loginDropdown:hover i,
header.herc-public-header .navbar-user-actions #loginDropdown:focus i,
header.herc-public-header .navbar-user-actions #loginDropdown[aria-expanded="true"] i,
header.herc-public-header .navbar-user-actions .cart-btn:hover i,
header.herc-public-header .navbar-user-actions .cart-btn:focus i,
header.herc-public-header .navbar-user-actions .cart-btn[aria-expanded="true"] i {
    color: var(--herc-public-nav-icon-hover-color) !important;
}

header.herc-public-header .navbar-user-actions #languageDropdown .iti-flag,
header.herc-public-header .navbar-user-actions .dropdown-item .iti-flag {
    flex: 0 0 20px !important;
    margin: 0 !important;
}

header.herc-public-header .navbar-user-actions #languageDropdown .d-inline-block:has(> .iti-flag),
header.herc-public-header .navbar-user-actions .dropdown-item .d-inline-block:has(> .iti-flag) {
    align-items: center !important;
    display: inline-flex !important;
    flex: 0 0 20px !important;
    height: 20px !important;
    justify-content: center !important;
    width: 20px !important;
}

header.herc-public-header .navbar-user-actions .cart-btn .badge-notification:empty {
    display: none !important;
}

header.herc-public-header .navbar-user-actions .dropdown-menu,
header.herc-public-header .dropdown-menu.mega-wrapper {
    background-color: var(--bs-mode, #191b1d) !important;
    border: 1px solid var(--bs-border-color) !important;
    border-radius: 0.4rem !important;
    box-shadow: none !important;
    color: var(--bs-body-color) !important;
}

header.herc-public-header .dropdown-menu.mega-wrapper {
    padding: 1.6rem !important;
}

header.herc-public-header .navbar-user-actions .dropdown-menu {
    min-width: 14rem;
    padding: 0.5rem 0 !important;
}

header.herc-public-header .dropdown-menu .dropdown-item,
header.herc-public-header .dropdown-menu .dropdown-item-text {
    /* border-radius: 0.25rem !important; */ /* HERC */
    color: rgb(197, 198, 204) !important;
    font-size: 0.938rem !important;
    font-weight: 500 !important;
    line-height: 1.5 !important;
    padding: 0.4rem 1rem !important;
}

[data-bs-theme] header.herc-public-header .navbar-user-actions .dropdown-menu .dropdown-item,
[data-bs-theme] header.herc-public-header .navbar-user-actions .dropdown-menu .dropdown-item-text {
    color: var(--herc-public-nav-icon-color) !important;
}

header.herc-public-header .dropdown-menu .dropdown-item:hover,
header.herc-public-header .dropdown-menu .dropdown-item:focus,
header.herc-public-header .dropdown-menu .dropdown-item.active,
header.herc-public-header .dropdown-menu .dropdown-item:active {
    /* background-color: rgba(59, 130, 246, 0.10) !important; */
    background-color: #292a2d !important; /* HERC */
    color: var(--bs-primary) !important;
}

[data-bs-theme] header.herc-public-header .navbar-user-actions .dropdown-menu .dropdown-item:hover,
[data-bs-theme] header.herc-public-header .navbar-user-actions .dropdown-menu .dropdown-item:focus,
[data-bs-theme] header.herc-public-header .navbar-user-actions .dropdown-menu .dropdown-item.active,
[data-bs-theme] header.herc-public-header .navbar-user-actions .dropdown-menu .dropdown-item:active {
    color: var(--herc-public-nav-icon-hover-color) !important;
}

header.herc-public-header .mega-wrapper h6,
header.herc-public-header .mega-wrapper .badge {
    color: #ffffff !important;
}

header.herc-public-header .mega-wrapper a.text-decoration-none,
header.herc-public-header .mega-wrapper a.text-decoration-none .fw-semibold,
header.herc-public-header .mega-wrapper .fw-semibold {
    color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 1)) !important;
}

header.herc-public-header .mega-wrapper small,
header.herc-public-header .mega-wrapper .text-body {
    color: rgb(222, 226, 230) !important;
}

header.herc-public-header .navbar-toggler {
    margin-left: 0.5rem !important;
}

.herc-public-page-decorations {
    height: 834px;
    inset: 0 0 auto;
    overflow: hidden;
    pointer-events: none;
    position: absolute;
    z-index: 0;
}

.herc-public-decoration-left,
.herc-public-decoration-right {
    display: none;
    position: absolute;
}

.herc-public-decoration-left {
    left: 0;
    margin-left: -4rem;
    top: 0;
}

.herc-public-decoration-right {
    margin-right: -1.5rem;
    margin-top: -4rem;
    right: 0;
    top: 0;
}

.herc-public-decoration-right svg {
    color: var(--bs-primary);
}

header.herc-public-header ~ .herc-header-spacer,
header.herc-public-header ~ .herc-dashboard-wrapper,
header.herc-public-header ~ section,
header.herc-public-header ~ #main-body {
    position: relative;
    z-index: 1;
}

@media (max-width: 1199.98px) {
    header.herc-public-header,
    header.herc-public-header .navbar,
    header.herc-public-header .container {
        min-height: 90px;
    }

    header.herc-public-header .navbar-collapse {
        background-color: var(--bs-mode, #191b1d);
        border: 1px solid var(--bs-border-color);
        border-radius: 0.5rem;
        margin-top: 0.75rem;
        padding: 0.75rem;
    }
}

@media (min-width: 1200px) {
    .herc-public-decoration-left,
    .herc-public-decoration-right {
        display: block;
    }
}

.herc-step-progress-wrapper {
    position: relative;
    z-index: 1;
}

.herc-step-progress-line {
    position: absolute;
    top: 20px;
    left: 10%;
    right: 10%;
    height: 2px;
    background-color: var(--herc-panel-border, #2d3748);
    z-index: -1;
    transition: background-color 0.3s ease;
}

.herc-step-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 30%;
    cursor: pointer;
}

.herc-step-circle {
    width: 40px;
    height: 40px;
    line-height: 38px;
    border-radius: 50%;
    background-color: var(--herc-panel-bg, #0b0f19);
    border: 2px solid var(--herc-panel-border, #2d3748);
    color: var(--herc-panel-text-muted, #718096);
    font-weight: 600;
    text-align: center;
    transition: all 0.3s ease;
    margin-bottom: 8px;
}

.herc-step-label {
    font-size: 0.75rem;
    font-weight: 500;
    text-align: center;
    transition: color 0.3s ease;
}

/* Active and Completed States */
.herc-step-item.active .herc-step-circle {
    border-color: var(--herc-panel-accent-active-border, #3b82f6) !important;
    background-color: var(--herc-panel-accent-hover-bg, #1e3a8a) !important;
    color: var(--herc-panel-accent-text, #fff) !important;
    box-shadow: 0 0 10px rgba(59, 130, 246, 0.3);
}

.herc-step-item.active .herc-step-label {
    color: var(--herc-panel-accent-text, #fff) !important;
    font-weight: 600;
}

.herc-step-item.completed .herc-step-circle {
    border-color: var(--herc-panel-accent-active-border, #10b981) !important;
    background-color: var(--herc-panel-accent-active-border, #10b981) !important;
    color: #fff !important;
}

.herc-auth-fullscreen .col-sm-10.my-5.m-auto {
    margin-top: 1.5rem !important;
    margin-bottom: 1.25rem !important;
}

.herc-auth-fullscreen .col-sm-10.my-5.m-auto > a.mb-4,
.herc-auth-fullscreen .col-sm-10.my-5.m-auto > p.mb-4,
.herc-auth-fullscreen .col-sm-10.my-5.m-auto > .herc-step-progress-wrapper.mb-4 {
    margin-bottom: 1.1rem !important;
}

.herc-auth-fullscreen .herc-step-content[data-step="2"] h4 {
    margin-top: 0.75rem !important;
    margin-bottom: 1.05rem !important;
}

.herc-auth-fullscreen .herc-step-content[data-step="2"] .mb-4 {
    margin-bottom: 1.35rem !important;
}

.herc-auth-fullscreen .herc-step-content[data-step="2"] .row {
    --bs-gutter-y: 0 !important;
}

.herc-auth-fullscreen .herc-step-content[data-step="2"] .form-control,
.herc-auth-fullscreen .herc-step-content[data-step="2"] .form-select,
.herc-auth-fullscreen .herc-step-content[data-step="2"] .selectize-input {
    border-color: var(--herc-dark-border) !important;
}

.herc-auth-fullscreen .herc-step-content[data-step="2"] .form-control:focus,
.herc-auth-fullscreen .herc-step-content[data-step="2"] .form-select:focus,
.herc-auth-fullscreen .herc-step-content[data-step="2"] .selectize-input.focus,
.herc-auth-fullscreen .herc-step-content[data-step="2"] .selectize-input.dropdown-active {
    border-color: var(--herc-panel-accent-active-border) !important;
}

/* Intl-Tel-Input Dark/Light Adaptation & Layout Polish */
.herc-auth-fullscreen .intl-tel-input {
    width: 100% !important;
    display: block !important;
}

.herc-auth-fullscreen .herc-phone-floating .intl-tel-input {
    height: 3rem !important;
}

.herc-auth-fullscreen .herc-phone-floating .intl-tel-input .form-control {
    height: 3rem !important;
    min-height: 3rem !important;
    line-height: 1.25 !important;
    padding-top: 1rem !important;
    padding-bottom: 0.6rem !important;
}

.herc-auth-fullscreen .herc-phone-floating .intl-tel-input .form-control::placeholder {
    color: transparent !important;
}

.herc-auth-fullscreen .herc-phone-floating > label {
    left: 4.85rem !important;
    z-index: 2 !important;
    height: 3rem !important;
    padding-top: 0.72rem !important;
    padding-bottom: 0.35rem !important;
    width: auto !important;
    max-width: calc(100% - 5.5rem) !important;
}

.herc-auth-fullscreen .herc-phone-floating:focus-within > label,
.herc-auth-fullscreen .herc-phone-floating:has(#inputPhone:not(:placeholder-shown)) > label,
.herc-auth-fullscreen .herc-mobile-floating:has(#customfield3:not(:placeholder-shown)) > label,
.herc-auth-fullscreen .herc-phone-floating:focus-within > label::after,
.herc-auth-fullscreen .herc-phone-floating:has(#inputPhone:not(:placeholder-shown)) > label::after,
.herc-auth-fullscreen .herc-mobile-floating:has(#customfield3:not(:placeholder-shown)) > label::after {
    border-radius: 0.375rem !important;
    color: var(--herc-panel-accent-text, #fff) !important;
}

.herc-auth-fullscreen .herc-phone-floating:focus-within > label,
.herc-auth-fullscreen .herc-phone-floating:has(#inputPhone:not(:placeholder-shown)) > label,
.herc-auth-fullscreen .herc-mobile-floating:has(#customfield3:not(:placeholder-shown)) > label {
    top: -1rem !important;
    height: 2rem !important;
    padding: 0 0.5rem !important;
    background-color: var(--herc-panel-accent-hover-bg) !important;
    border-radius: 0.375rem !important;
    background-clip: padding-box !important;
    display: inline-flex !important;
    align-items: center !important;
    line-height: 1.15rem !important;
    opacity: 1 !important;
    transform: none !important;
    margin-left: 0.2rem !important;
}

.herc-auth-fullscreen .herc-phone-floating:focus-within > label::after,
.herc-auth-fullscreen .herc-phone-floating:has(#inputPhone:not(:placeholder-shown)) > label::after,
.herc-auth-fullscreen .herc-mobile-floating:has(#customfield3:not(:placeholder-shown)) > label::after {
    display: none !important;
}

.herc-auth-fullscreen .intl-tel-input .selected-flag {
    background-color: var(--herc-panel-bg, #0b0f19) !important;
    border-right: 1px solid var(--herc-panel-border, #2d3748) !important;
    border-radius: 0.375rem 0 0 0.375rem !important;
    height: 3rem !important;
    padding: 0 10px !important;
    z-index: 3 !important;
}

.herc-auth-fullscreen .intl-tel-input .selected-flag:hover,
.herc-auth-fullscreen .intl-tel-input .selected-flag:focus {
    background-color: var(--herc-panel-accent-active-bg) !important;
    border-color: var(--herc-panel-accent-active-border) !important;
    color: var(--herc-panel-accent-text) !important;
}

.herc-auth-fullscreen .intl-tel-input .selected-flag:hover .selected-dial-code,
.herc-auth-fullscreen .intl-tel-input .selected-flag:focus .selected-dial-code {
    color: var(--herc-panel-accent-text) !important;
}

.herc-auth-fullscreen .intl-tel-input .selected-flag .iti-arrow,
.herc-auth-fullscreen .intl-tel-input .selected-flag .iti__arrow {
    width: 16px !important;
    height: 12px !important;
    border: 0 !important;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23dee2e6' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e") !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 16px 12px !important;
    right: 0.65rem !important;
    margin-left: 0 !important;
}

.herc-auth-fullscreen .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 .selected-flag {
    width: 5.2rem !important;
}

.herc-auth-fullscreen .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 input[type="tel"] {
    padding-left: 5.8rem !important;
}

.herc-auth-fullscreen .herc-phone-floating:has(.iti-sdc-2) > label {
    left: 5.35rem !important;
}

.herc-auth-fullscreen .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 .selected-flag {
    width: 5.8rem !important;
}

.herc-auth-fullscreen .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input[type="tel"] {
    padding-left: 6.65rem !important;
}

.herc-auth-fullscreen .herc-phone-floating:has(.iti-sdc-3) > label {
    left: 6.2rem !important;
}

.herc-auth-fullscreen .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 .selected-flag {
    width: 6.4rem !important;
}

.herc-auth-fullscreen .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 input[type="tel"] {
    padding-left: 7.3rem !important;
}

.herc-auth-fullscreen .herc-phone-floating:has(.iti-sdc-4) > label {
    left: 6.85rem !important;
}

.herc-auth-fullscreen .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 .selected-flag {
    width: 7rem !important;
}

.herc-auth-fullscreen .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 input[type="tel"] {
    padding-left: 7.6rem !important;
}

.herc-auth-fullscreen .herc-phone-floating:has(.iti-sdc-5) > label {
    left: 7.15rem !important;
}

.herc-auth-fullscreen .intl-tel-input .country-list {
    background-color: #050506 !important;
    color: #f8fafc !important;
    border: 1px solid #171722 !important;
    box-shadow: 0 18px 40px rgba(0, 0, 0, 0.55) !important;
    border-radius: 0.375rem !important;
    margin-top: 0.2rem !important;
    z-index: 2147483000 !important;

    /* Max height and scroll styling */
    max-height: 13.5rem !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    scrollbar-color: var(--herc-panel-accent-active-border) #171722 !important;
    scrollbar-width: thin !important;

    /* width constraints */
    width: 280px !important;
    max-width: 280px !important;
    padding: 0 !important;
}

/* Custom Scrollbar Styles for Webkit */
.herc-auth-fullscreen .intl-tel-input .country-list::-webkit-scrollbar {
    width: 0.65rem !important;
}

.herc-auth-fullscreen .intl-tel-input .country-list::-webkit-scrollbar-track {
    background: #171722 !important;
}

.herc-auth-fullscreen .intl-tel-input .country-list::-webkit-scrollbar-thumb {
    background: var(--herc-panel-accent-active-border) !important;
    border: 2px solid #171722 !important;
    border-radius: 999px !important;
}

.herc-auth-fullscreen .intl-tel-input .country-list .country {
    background-color: #050506 !important;
    border-bottom: 0 !important;
    color: #f8fafc !important;
    font-size: 0.85rem !important;
    font-weight: 500 !important;
    padding: 0.75rem 0.85rem !important;
}

.herc-auth-fullscreen .intl-tel-input .country-list .country.highlight {
    background-color: var(--herc-panel-accent-active-bg) !important;
    border-color: var(--herc-panel-accent-active-border) !important;
    color: var(--herc-panel-accent-text) !important;
}

.herc-auth-fullscreen .intl-tel-input .country-list .country:hover {
    background-color: var(--herc-panel-accent-active-bg) !important;
    border-color: var(--herc-panel-accent-active-border) !important;
    color: var(--herc-panel-accent-text) !important;
}

.herc-auth-fullscreen .intl-tel-input .country-list .divider {
    border-bottom: 0 !important;
}

.herc-auth-fullscreen .intl-tel-input .country-list .country-name,
.herc-auth-fullscreen .intl-tel-input .country-list .dial-code {
    color: #f8fafc !important;
}

.herc-auth-fullscreen .intl-tel-input .selected-dial-code {
    color: var(--herc-panel-text, #fff) !important;
    font-weight: 500 !important;
    margin-left: 5px !important;
    padding-right: 1.2rem !important;
}

/* Registration controls: selects, options, and dynamic WHMCS fields */
.herc-auth-fullscreen .herc-address-select-floating > .form-select:not(.selectize-control),
.herc-auth-fullscreen .herc-address-state-floating > .form-control:not(.selectize-control),
.herc-auth-fullscreen .herc-address-state-floating > .form-select:not(.selectize-control),
.herc-auth-fullscreen .herc-address-state-floating > .custom-select:not(.selectize-control),
.herc-auth-fullscreen .herc-custom-field-floating > .form-control,
.herc-auth-fullscreen .herc-custom-field-floating > .form-select,
.herc-auth-fullscreen #stateselect,
.herc-auth-fullscreen #inputCountry {
    background-color: transparent !important;
    border: 1px solid var(--herc-dark-border) !important;
    border-radius: 0.375rem !important;
    box-shadow: none !important;
    color: var(--herc-panel-text, #fff) !important;
    height: 3rem !important;
    line-height: 1.25 !important;
    min-height: 3rem !important;
    padding: 1rem 2.25rem 0.45rem 0.75rem !important;
}

.herc-auth-fullscreen .herc-address-select-floating > .form-select:not(.selectize-control),
.herc-auth-fullscreen .herc-address-state-floating > .form-select:not(.selectize-control),
.herc-auth-fullscreen .herc-address-state-floating > .custom-select:not(.selectize-control),
.herc-auth-fullscreen .herc-custom-field-floating > .form-select,
.herc-auth-fullscreen #stateselect,
.herc-auth-fullscreen #inputCountry {
    --bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23dee2e6' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e") !important;
    appearance: none !important;
    background-image: var(--bs-form-select-bg-img) !important;
    background-position: right 0.75rem center !important;
    background-repeat: no-repeat !important;
    background-size: 16px 12px !important;
    color-scheme: dark !important;
}

.herc-auth-fullscreen .herc-address-select-floating > .form-select:not(.selectize-control):focus,
.herc-auth-fullscreen .herc-address-state-floating > .form-control:not(.selectize-control):focus,
.herc-auth-fullscreen .herc-address-state-floating > .form-select:not(.selectize-control):focus,
.herc-auth-fullscreen .herc-address-state-floating > .custom-select:not(.selectize-control):focus,
.herc-auth-fullscreen .herc-custom-field-floating > .form-control:focus,
.herc-auth-fullscreen .herc-custom-field-floating > .form-select:focus,
.herc-auth-fullscreen #stateselect:focus,
.herc-auth-fullscreen #inputCountry:focus {
    background-color: transparent !important;
    border-color: var(--herc-panel-accent-active-border) !important;
    box-shadow: none !important;
    color: var(--herc-panel-text, #fff) !important;
}

.herc-auth-fullscreen .herc-address-select-floating > label,
.herc-auth-fullscreen .herc-address-state-floating > label,
.herc-auth-fullscreen .herc-security-select-floating > label,
.herc-auth-fullscreen .herc-custom-field-floating > label {
    color: var(--herc-panel-text-muted, #94a3b8) !important;
    z-index: 2 !important;
}

.herc-auth-fullscreen .herc-address-select-floating:focus-within > label,
.herc-auth-fullscreen .herc-address-select-floating:has(select) > label,
.herc-auth-fullscreen .herc-address-state-floating:focus-within > label,
.herc-auth-fullscreen .herc-address-state-floating:has(#stateselect:focus) > label,
.herc-auth-fullscreen .herc-address-state-floating:has(.selectize-input.focus) > label,
.herc-auth-fullscreen .herc-address-state-floating.herc-has-value > label,
.herc-auth-fullscreen .herc-security-select-floating:focus-within > label,
.herc-auth-fullscreen .herc-security-select-floating:has(.selectize-input.focus) > label,
.herc-auth-fullscreen .herc-security-select-floating:has(.selectize-input.dropdown-active) > label,
.herc-auth-fullscreen .herc-security-select-floating.herc-has-value > label,
.herc-auth-fullscreen .herc-custom-field-floating:focus-within > label,
.herc-auth-fullscreen .herc-custom-field-floating:has(.form-control:not(:placeholder-shown)) > label,
.herc-auth-fullscreen .herc-custom-field-floating:has(.form-select) > label {
    background-color: var(--herc-panel-accent-hover-bg) !important;
    border-radius: 0.375rem !important;
    color: var(--herc-panel-accent-text, #fff) !important;
    opacity: 1 !important;
}

.herc-auth-fullscreen .herc-address-state-floating:has(#stateselect:focus) > label,
.herc-auth-fullscreen .herc-address-state-floating:has(.selectize-input.focus) > label,
.herc-auth-fullscreen .herc-address-state-floating.herc-state-selected > label,
.herc-auth-fullscreen .herc-address-state-floating.herc-has-value > label,
.herc-auth-fullscreen .herc-security-select-floating:focus-within > label,
.herc-auth-fullscreen .herc-security-select-floating:has(.selectize-input.focus) > label,
.herc-auth-fullscreen .herc-security-select-floating:has(.selectize-input.dropdown-active) > label,
.herc-auth-fullscreen .herc-security-select-floating.herc-security-selected > label,
.herc-auth-fullscreen .herc-security-select-floating.herc-has-value > label {
    align-items: center !important;
    display: inline-flex !important;
    height: 2rem !important;
    line-height: 1.15rem !important;
    margin-left: 0.2rem !important;
    max-width: calc(100% - 1rem) !important;
    padding: 0 0.5rem !important;
    top: -1rem !important;
    transform: none !important;
    width: auto !important;
}

.herc-auth-fullscreen .herc-security-select-floating.herc-has-value .selectize-control.single .selectize-input,
.herc-auth-fullscreen .herc-security-select-floating:focus-within .selectize-control.single .selectize-input {
    padding-top: 0.72rem !important;
}

.herc-auth-fullscreen .herc-security-select-floating:not(.herc-has-value):not(:focus-within) > label {
    align-items: center !important;
    background-color: transparent !important;
    color: var(--herc-panel-text-muted, #94a3b8) !important;
    display: flex !important;
    height: 3rem !important;
    line-height: 1.25 !important;
    padding: 0.85rem 0.75rem !important;
    top: 0 !important;
    transform: none !important;
}

.herc-auth-fullscreen .herc-security-select-floating:not(.herc-has-value):not(:focus-within) .selectize-input input::placeholder {
    color: transparent !important;
}

.herc-auth-fullscreen .herc-address-select-floating > label::after,
.herc-auth-fullscreen .herc-address-state-floating > label::after,
.herc-auth-fullscreen .herc-security-select-floating > label::after,
.herc-auth-fullscreen .herc-custom-field-floating > label::after {
    display: none !important;
}

.herc-auth-fullscreen .herc-custom-field-floating .field-help-text {
    display: block !important;
    margin-top: 0.35rem !important;
}

.herc-auth-fullscreen .selectize-control.herc-address-select,
.herc-auth-fullscreen .herc-address-state-floating .selectize-control {
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    height: 3rem !important;
    min-height: 3rem !important;
    padding: 0 !important;
    position: relative !important;
    width: 100% !important;
    z-index: 1 !important;
}

.herc-auth-fullscreen .selectize-control.dropdown-active {
    z-index: 10060 !important;
}

.herc-auth-fullscreen .selectize-control.form-control,
.herc-auth-fullscreen .selectize-control.form-select,
.herc-auth-fullscreen .selectize-control.custom-select {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    padding: 0 !important;
}

.herc-auth-fullscreen .selectize-control.herc-address-select.single .selectize-input,
.herc-auth-fullscreen .herc-address-state-floating .selectize-control.single .selectize-input {
    align-items: center !important;
    background: transparent !important;
    border: 1px solid var(--herc-dark-border) !important;
    border-radius: 0.375rem !important;
    box-shadow: none !important;
    color: var(--herc-panel-text, #fff) !important;
    display: flex !important;
    height: 3rem !important;
    min-height: 3rem !important;
    padding: 1rem 2.25rem 0.45rem 0.75rem !important;
}

.herc-auth-fullscreen .selectize-control.herc-address-select.single .selectize-input.focus,
.herc-auth-fullscreen .selectize-control.herc-address-select.single .selectize-input.dropdown-active,
.herc-auth-fullscreen .herc-address-state-floating .selectize-control.single .selectize-input.focus,
.herc-auth-fullscreen .herc-address-state-floating .selectize-control.single .selectize-input.dropdown-active {
    border-color: var(--herc-panel-accent-active-border) !important;
    border-bottom-color: var(--herc-panel-accent-active-border) !important;
}

.herc-auth-fullscreen .selectize-input.dropdown-active::before {
    display: none !important;
}

.herc-auth-fullscreen .selectize-control.single .selectize-input::after {
    border: 0 !important;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23dee2e6' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e") !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: 16px 12px !important;
    height: 12px !important;
    margin-top: 0 !important;
    right: 0.75rem !important;
    top: calc(50% - 6px) !important;
    width: 16px !important;
}

.herc-auth-fullscreen .selectize-dropdown,
.herc-selectize-dropdown {
    background: #050506 !important;
    border: 1px solid #171722 !important;
    border-top-color: #171722 !important;
    border-radius: 0.375rem !important;
    box-sizing: border-box !important;
    box-shadow: 0 18px 40px rgba(0, 0, 0, 0.55) !important;
    color: #f8fafc !important;
    margin-top: 0.2rem !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    z-index: 2147483000 !important;
}

.herc-selectize-dropdown.herc-selectize-dropdown-up {
    margin-top: 0 !important;
    margin-bottom: 0.2rem !important;
}

.herc-state-selectize-dropdown {
    min-height: 13.5rem !important;
    z-index: 2147483001 !important;
}

.herc-state-selectize-dropdown .selectize-dropdown-content {
    height: 13.5rem !important;
    max-height: 13.5rem !important;
    min-height: 13.5rem !important;
}

.herc-auth-fullscreen .selectize-dropdown .selectize-dropdown-content,
.herc-selectize-dropdown .selectize-dropdown-content {
    background: #050506 !important;
    box-sizing: border-box !important;
    max-height: 13.5rem !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    padding: 0 !important;
    scrollbar-color: var(--herc-panel-accent-active-border) #171722 !important;
    scrollbar-width: thin !important;
    width: 100% !important;
}

.herc-auth-fullscreen .selectize-dropdown .selectize-dropdown-content::-webkit-scrollbar,
.herc-selectize-dropdown .selectize-dropdown-content::-webkit-scrollbar {
    width: 0.65rem !important;
}

.herc-auth-fullscreen .selectize-dropdown .selectize-dropdown-content::-webkit-scrollbar-track,
.herc-selectize-dropdown .selectize-dropdown-content::-webkit-scrollbar-track {
    background: #171722 !important;
}

.herc-auth-fullscreen .selectize-dropdown .selectize-dropdown-content::-webkit-scrollbar-thumb,
.herc-selectize-dropdown .selectize-dropdown-content::-webkit-scrollbar-thumb {
    background: var(--herc-panel-accent-active-border) !important;
    border: 2px solid #171722 !important;
    border-radius: 999px !important;
}

.herc-auth-fullscreen .selectize-dropdown .option,
.herc-selectize-dropdown .option {
    background: #050506 !important;
    border: 0 !important;
    box-sizing: border-box !important;
    color: #f8fafc !important;
    font-size: 0.85rem !important;
    font-weight: 500 !important;
    padding: 0.75rem 0.85rem !important;
    width: 100% !important;
}

.herc-auth-fullscreen .selectize-dropdown .option.active,
.herc-auth-fullscreen .selectize-dropdown .option.selected,
.herc-selectize-dropdown .option.active,
.herc-selectize-dropdown .option.selected {
    background: var(--herc-panel-accent-active-bg) !important;
    color: var(--herc-panel-accent-text) !important;
}

/* Registration step 3: keep security, switch, and captcha compact. */
.herc-auth-fullscreen .herc-step-content[data-step="3"] h4 {
    margin-bottom: 1.8rem !important;
    margin-top: 1.05rem !important;
}

.herc-auth-fullscreen .herc-step-content[data-step="3"] .mb-4 {
    margin-bottom: 1rem !important;
}

.herc-auth-fullscreen .herc-step-content[data-step="3"] .mb-3:not(h4) {
    margin-bottom: 0.8rem !important;
}

.herc-auth-fullscreen .herc-step-content[data-step="3"] h4.mb-3 {
    margin-bottom: 1.8rem !important;
}

.herc-auth-fullscreen .herc-step-content[data-step="3"] #passwdFeedback {
    margin-bottom: 0.75rem !important;
    padding: 0.5rem 0.75rem !important;
}

.herc-auth-fullscreen .herc-step-content[data-step="3"] .password-strength-meter .progress {
    height: 5px !important;
}

.herc-auth-fullscreen .herc-marketing-optin {
    background: transparent !important;
    border: 1px solid var(--herc-dark-border) !important;
    border-radius: 0.375rem !important;
    margin-bottom: 0.55rem !important;
    padding: 0.45rem 0.85rem !important;
}

.herc-auth-fullscreen .herc-marketing-optin h6 {
    color: var(--herc-panel-text, #fff) !important;
    font-size: 0.92rem !important;
    line-height: 1.2 !important;
}

.herc-auth-fullscreen .herc-marketing-optin p {
    font-size: 0.78rem !important;
    line-height: 1.25 !important;
}

.herc-auth-fullscreen .herc-marketing-optin .bootstrap-switch {
    background: #050506 !important;
    border: 1px solid var(--herc-panel-accent-active-border) !important;
    border-radius: 0.375rem !important;
    box-shadow: none !important;
    overflow: hidden !important;
    white-space: nowrap !important;
}

.herc-auth-fullscreen .herc-marketing-optin .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-success {
    background: var(--herc-panel-accent-active-bg) !important;
    color: var(--herc-panel-accent-text, #fff) !important;
    font-weight: 700 !important;
}

.herc-auth-fullscreen .herc-marketing-optin .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-default {
    background: #171722 !important;
    color: #f8fafc !important;
    font-weight: 700 !important;
}

.herc-auth-fullscreen .herc-marketing-optin .bootstrap-switch .bootstrap-switch-label {
    background: #050506 !important;
}

.herc-auth-fullscreen .herc-registration-captcha #default-captcha-domainchecker {
    --bs-gutter-y: 0.35rem !important;
    background: transparent !important;
    border: 1px solid var(--herc-dark-border) !important;
    border-radius: 0.375rem !important;
    padding: 0.12rem 0.75rem 0.28rem !important;
    row-gap: 0.35rem !important;
}

.herc-auth-fullscreen .herc-registration-captcha .herc-captcha-instruction {
    line-height: 1.1 !important;
    margin-bottom: 0 !important;
    margin-top: 0 !important;
    padding-top: 0 !important;
}

.herc-auth-fullscreen .herc-registration-captcha #default-captcha-domainchecker > .col-auto {
    padding-bottom: 0 !important;
    padding-top: 0 !important;
}

.herc-auth-fullscreen .herc-registration-captcha #inputCaptchaImage {
    background: #fff !important;
    display: inline-block !important;
    height: 38px !important;
    max-height: 38px !important;
    min-width: 120px !important;
    object-fit: contain !important;
}

.herc-auth-fullscreen .herc-registration-captcha #inputCaptcha {
    height: 2.35rem !important;
    min-height: 2.35rem !important;
    padding: 0.35rem 0.75rem !important;
    width: 7.5rem !important;
}

/* Public WHMCS buy flow: keep WHMCS cart logic, present the public-site experience for guests. */
#order-standard_cart.herc-public-order {
    max-width: 1180px !important;
    margin: 0 auto !important;
}

#order-standard_cart.herc-public-order > .row {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

#order-standard_cart.herc-public-order .cart-body {
    float: none !important;
    max-width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    width: 100% !important;
}

/*
#order-standard_cart.no-sidebar > .row {
    margin-left: 0 !important;
    margin-right: 0 !important;
    justify-content: center !important;
}

#order-standard_cart.no-sidebar .cart-body {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}
*/

#order-standard_cart.herc-public-order .herc-public-order-hero {
    margin: 0 auto 2rem !important;
    max-width: 920px !important;
    padding: 2.25rem 1rem 0.5rem !important;
    text-align: center !important;
}

#order-standard_cart.herc-public-order .herc-public-order-badge {
    background: var(--bs-light, #f8f9fa) !important;
    border-radius: 0.375rem !important;
    color: var(--bs-body-color, #212529) !important;
    display: inline-flex !important;
    font-size: 0.85rem !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    margin-bottom: 1rem !important;
    padding: 0.55rem 0.8rem !important;
}

#order-standard_cart.herc-public-order .herc-public-order-hero h1 {
    font-size: clamp(2.2rem, 5vw, 4.6rem) !important;
    letter-spacing: 0 !important;
    line-height: 1.04 !important;
    margin: 0 auto 1rem !important;
    max-width: 820px !important;
}

#order-standard_cart.herc-public-order .herc-public-order-hero p,
#order-standard_cart.herc-public-order .herc-public-order-intro {
    color: var(--bs-secondary-color, #6c757d) !important;
    font-size: 1.08rem !important;
    line-height: 1.65 !important;
    margin-left: auto !important;
    margin-right: auto !important;
    max-width: 760px !important;
    text-align: center !important;
}

#order-standard_cart.herc-public-order .domain-checker-container {
    margin: 1.5rem auto 2.25rem !important;
    max-width: 920px !important;
}

#order-standard_cart.herc-public-order .domain-checker-bg {
    background: var(--bs-light, #f8f9fa) !important;
    border: 1px solid var(--bs-border-color, #dee2e6) !important;
    border-radius: 0.5rem !important;
    box-shadow: none !important;
    padding: 1.25rem !important;
}

#order-standard_cart.herc-public-order .input-group-box {
    align-items: stretch !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 0.75rem !important;
}

#order-standard_cart.herc-public-order #inputDomain,
#order-standard_cart.herc-public-order #message {
    background: var(--bs-body-bg, #fff) !important;
    border: 1px solid var(--bs-primary, #0d6efd) !important;
    border-radius: 0.375rem !important;
    box-shadow: none !important;
    color: var(--bs-body-color, #212529) !important;
    flex: 1 1 24rem !important;
    font-size: 1rem !important;
    min-height: 3.25rem !important;
    padding: 0.9rem 1rem !important;
}

#order-standard_cart.herc-public-order #message {
    min-height: 7rem !important;
    resize: vertical !important;
}

#order-standard_cart.herc-public-order #btnCheckAvailability,
#order-standard_cart.herc-public-order .domain-check-availability {
    border-radius: 0.375rem !important;
    flex: 0 0 auto !important;
    min-height: 3.25rem !important;
    padding-left: 1.3rem !important;
    padding-right: 1.3rem !important;
}

#order-standard_cart.herc-public-order .domain-checker-advanced .multiselect-native-select,
#order-standard_cart.herc-public-order .domain-checker-advanced > label:not(.herc-ai-domain-toggle) {
    display: inline-flex !important;
    margin-top: 0.75rem !important;
    vertical-align: middle !important;
}

#order-standard_cart.herc-public-order .herc-ai-domain-toggle {
    align-items: center !important;
    background: var(--bs-body-bg, #fff) !important;
    border: 1px solid var(--bs-border-color, #dee2e6) !important;
    border-radius: 0.375rem !important;
    color: var(--bs-body-color, #212529) !important;
    display: inline-flex !important;
    flex: 1 0 100% !important;
    font-size: 0.95rem !important;
    font-weight: 700 !important;
    gap: 0.55rem !important;
    margin: 0 !important;
    padding: 0.7rem 0.85rem !important;
}

#order-standard_cart.herc-public-order .herc-ai-domain-toggle input {
    margin: 0 !important;
}

#order-standard_cart.herc-public-order #DomainSearchResults,
#order-standard_cart.herc-public-order .domain-pricing,
#order-standard_cart.herc-public-order .domain-promo-box {
    max-width: 100% !important;
}

#order-standard_cart.herc-public-order .domain-promo-box {
    border-radius: 0.5rem !important;
}

[data-bs-theme="dark"] #order-standard_cart.herc-public-order .herc-public-order-badge,
[data-bs-theme="dark"] #order-standard_cart.herc-public-order .domain-checker-bg,
[data-bs-theme="dark"] #order-standard_cart.herc-public-order #inputDomain,
[data-bs-theme="dark"] #order-standard_cart.herc-public-order #message,
[data-bs-theme="dark"] #order-standard_cart.herc-public-order .herc-ai-domain-toggle {
    background: var(--herc-dark-surface, #050506) !important;
    border-color: var(--herc-dark-border, #232335) !important;
    color: var(--herc-dark-text, #f8fafc) !important;
}

[data-bs-theme="dark"] #order-standard_cart.herc-public-order .herc-public-order-hero p,
[data-bs-theme="dark"] #order-standard_cart.herc-public-order .herc-public-order-intro {
    color: var(--herc-panel-text-muted, #94a3b8) !important;
}

/* Final alignment: clean domain search for logged-in and guest users. */
#order-standard_cart.herc-domain-order .domain-checker-container,
#order-standard_cart.herc-domain-order .input-group-box,
#order-standard_cart.herc-domain-order .herc-public-search-box,
#order-standard_cart.herc-domain-order .herc-domain-search-row,
#order-standard_cart.herc-domain-order .herc-domain-search-meta {
    margin-left: auto !important;
    margin-right: auto !important;
    max-width: 1040px !important;
    width: 100% !important;
}

#order-standard_cart.herc-domain-order .domain-checker-bg {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    padding: 0 !important;
}

#order-standard_cart.herc-domain-order .domain-checker-bg [class*="col-"],
#order-standard_cart.herc-domain-order .domain-input-group [class*="col-"] {
    float: none !important;
    margin-left: 0 !important;
    max-width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    width: 100% !important;
}
#order-standard_cart.herc-domain-order .input-group-box,
#order-standard_cart.herc-domain-order .herc-public-search-box {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    display: grid !important;
    gap: 0.72rem !important;
    padding: 0 !important;
}

#order-standard_cart.herc-domain-order .herc-domain-search-row {
    align-items: center !important;
    background: #fff !important;
    border: 1px solid rgba(51, 102, 153, 0.22) !important;
    border-radius: 0.55rem !important;
    box-shadow: 0 14px 36px rgba(15, 23, 42, 0.1) !important;
    display: flex !important;
    min-height: 4rem !important;
    padding: 0.35rem !important;
}

#order-standard_cart.herc-domain-order #inputDomain,
#order-standard_cart.herc-domain-order #message {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    flex: 1 1 auto !important;
    font-size: 1.05rem !important;
    font-weight: 600 !important;
    height: 3.25rem !important;
    max-height: 3.25rem !important;
    min-height: 3.25rem !important;
    min-width: 0 !important;
    outline: 0 !important;
    padding: 0.85rem 1.1rem !important;
    resize: none !important;
    width: 100% !important;
}

#order-standard_cart.herc-domain-order .herc-public-search-box.is-ai-mode #message {
    height: 6.4rem !important;
    max-height: 6.4rem !important;
    min-height: 6.4rem !important;
}

#order-standard_cart.herc-domain-order #btnCheckAvailability,
#order-standard_cart.herc-domain-order .domain-check-availability {
    border: 0 !important;
    border-radius: 0.42rem !important;
    height: 3.25rem !important;
    margin: 0 !important;
    min-height: 3.25rem !important;
    min-width: 10rem !important;
}

#order-standard_cart.herc-domain-order .herc-domain-search-meta {
    align-items: center !important;
    display: flex !important;
    gap: 0.75rem !important;
    justify-content: space-between !important;
}

#order-standard_cart.herc-domain-order .herc-ai-domain-toggle {
    background: transparent !important;
    border: 0 !important;
    padding: 0.25rem 0 !important;
}

#order-standard_cart.herc-domain-order .herc-ai-domain-toggle .icheckbox_square-blue,
#order-standard_cart.herc-domain-order .herc-ai-domain-toggle .iradio_square-blue {
    height: 1px !important;
    opacity: 0 !important;
    overflow: hidden !important;
    position: absolute !important;
    width: 1px !important;
}

#order-standard_cart.herc-domain-order .herc-domain-search-filters {
    align-items: center !important;
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 0.5rem !important;
    justify-content: flex-end !important;
    margin: 0 !important;
    width: auto !important;
}

#order-standard_cart.herc-domain-order .herc-domain-search-filters > .btn-group > .multiselect,
#order-standard_cart.herc-domain-order .herc-domain-search-filters .multiselect,
#order-standard_cart.herc-domain-order .herc-safe-search-toggle {
    border-radius: 999px !important;
    height: 2.35rem !important;
}

[data-bs-theme="dark"] #order-standard_cart.herc-domain-order .herc-domain-search-row {
    background: #0b0b10 !important;
    border-color: var(--herc-dark-border, #232335) !important;
    box-shadow: 0 14px 36px rgba(0, 0, 0, 0.32) !important;
}

/* Public domain search polish. */
#order-standard_cart.herc-public-order .domain-checker-container {
    max-width: 1040px !important;
}

#order-standard_cart.herc-public-order .domain-checker-bg {
    background: transparent !important;
    border: 0 !important;
    padding: 0 !important;
}

#order-standard_cart.herc-public-order .domain-checker-bg .row,
#order-standard_cart.herc-public-order .domain-input-group .row {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

#order-standard_cart.herc-public-order .domain-checker-bg [class*="col-"],
#order-standard_cart.herc-public-order .domain-input-group [class*="col-"] {
    max-width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    width: 100% !important;
}

#order-standard_cart.herc-public-order .herc-public-search-box,
#order-standard_cart.herc-public-order .input-group-box {
    background: transparent !important;
    display: grid !important;
    gap: 0.9rem !important;
    width: 100% !important;
}

#order-standard_cart.herc-public-order .herc-domain-search-row {
    align-items: stretch !important;
    background: #fff !important;
    border: 1px solid rgba(51, 102, 153, 0.28) !important;
    border-radius: 0.75rem !important;
    box-shadow: 0 18px 45px rgba(15, 23, 42, 0.12) !important;
    display: flex !important;
    gap: 0 !important;
    min-height: 4.75rem !important;
    padding: 0.45rem !important;
    width: 100% !important;
}

/* Tighten the public search bar after WHMCS multiselect/iCheck enhancement. */
#order-standard_cart.herc-public-order .herc-domain-search-row {
    min-height: 4.15rem !important;
    padding: 0.38rem !important;
}

#order-standard_cart.herc-public-order #inputDomain,
#order-standard_cart.herc-public-order #message {
    font-size: 1.05rem !important;
    min-height: 3.35rem !important;
    padding: 0.9rem 1.15rem !important;
}

#order-standard_cart.herc-public-order #btnCheckAvailability,
#order-standard_cart.herc-public-order .domain-check-availability {
    min-height: 3.35rem !important;
}

#order-standard_cart.herc-public-order .herc-public-search-box.is-ai-mode #message {
    min-height: 6.75rem !important;
}

#order-standard_cart.herc-public-order .herc-ai-domain-toggle .icheckbox_square-blue,
#order-standard_cart.herc-public-order .herc-ai-domain-toggle .iradio_square-blue {
    height: 1px !important;
    opacity: 0 !important;
    overflow: hidden !important;
    position: absolute !important;
    width: 1px !important;
}

#order-standard_cart.herc-public-order .herc-ai-domain-toggle.is-checked .herc-ai-toggle-control {
    background: var(--bs-primary, #336699) !important;
}

#order-standard_cart.herc-public-order .herc-ai-domain-toggle.is-checked .herc-ai-toggle-control::after {
    transform: translateX(1.2rem) !important;
}

#order-standard_cart.herc-public-order .herc-domain-search-filters > .btn-group {
    display: inline-flex !important;
    margin: 0 !important;
    max-width: 14rem !important;
}

#order-standard_cart.herc-public-order .herc-domain-search-filters > .btn-group > .multiselect {
    align-items: center !important;
    background: rgba(15, 23, 42, 0.04) !important;
    border: 1px solid rgba(100, 116, 139, 0.24) !important;
    border-radius: 999px !important;
    color: var(--bs-body-color, #212529) !important;
    display: inline-flex !important;
    font-size: 0.88rem !important;
    font-weight: 750 !important;
    height: 2.45rem !important;
    justify-content: space-between !important;
    min-width: 9.5rem !important;
    overflow: hidden !important;
    padding: 0 0.95rem !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    width: 100% !important;
}

#order-standard_cart.herc-public-order .herc-domain-search-filters .multiselect-selected-text {
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

#order-standard_cart.herc-public-order .herc-domain-search-filters .dropdown-menu {
    border-radius: 0.55rem !important;
    min-width: 13rem !important;
}

[data-bs-theme="dark"] #order-standard_cart.herc-public-order .herc-domain-search-filters > .btn-group > .multiselect {
    background: rgba(255, 255, 255, 0.055) !important;
    border-color: var(--herc-dark-border, #232335) !important;
    color: var(--herc-dark-text, #f8fafc) !important;
}

#order-standard_cart.herc-public-order #inputDomain,
#order-standard_cart.herc-public-order #message {
    background: transparent !important;
    border: 0 !important;
    border-radius: 0.55rem !important;
    color: var(--bs-body-color, #212529) !important;
    flex: 1 1 auto !important;
    font-size: 1.12rem !important;
    font-weight: 600 !important;
    line-height: 1.35 !important;
    min-height: 3.85rem !important;
    outline: 0 !important;
    padding: 1.1rem 1.25rem !important;
    resize: none !important;
    width: 100% !important;
}

#order-standard_cart.herc-public-order #message {
    overflow: hidden !important;
}

#order-standard_cart.herc-public-order .herc-public-search-box.is-ai-mode #message {
    min-height: 7.25rem !important;
    overflow: auto !important;
}

#order-standard_cart.herc-public-order #inputDomain::placeholder,
#order-standard_cart.herc-public-order #message::placeholder {
    color: #64748b !important;
    font-weight: 500 !important;
}

#order-standard_cart.herc-public-order #btnCheckAvailability,
#order-standard_cart.herc-public-order .domain-check-availability {
    align-items: center !important;
    border: 0 !important;
    border-radius: 0.58rem !important;
    display: inline-flex !important;
    flex: 0 0 auto !important;
    font-size: 1rem !important;
    font-weight: 800 !important;
    justify-content: center !important;
    min-height: 3.85rem !important;
    min-width: 10.5rem !important;
    padding: 0 1.7rem !important;
    white-space: nowrap !important;
}

#order-standard_cart.herc-public-order .herc-domain-search-meta {
    align-items: center !important;
    display: flex !important;
    gap: 0.8rem !important;
    justify-content: space-between !important;
    width: 100% !important;
}

#order-standard_cart.herc-public-order .herc-ai-domain-toggle {
    align-items: center !important;
    background: rgba(51, 102, 153, 0.08) !important;
    border: 1px solid rgba(51, 102, 153, 0.22) !important;
    border-radius: 999px !important;
    color: var(--bs-body-color, #212529) !important;
    cursor: pointer !important;
    display: inline-flex !important;
    flex: 0 0 auto !important;
    font-size: 0.94rem !important;
    font-weight: 800 !important;
    gap: 0.65rem !important;
    margin: 0 !important;
    padding: 0.45rem 0.9rem 0.45rem 0.5rem !important;
    user-select: none !important;
}

#order-standard_cart.herc-public-order .herc-ai-domain-toggle input {
    height: 1px !important;
    opacity: 0 !important;
    position: absolute !important;
    width: 1px !important;
}

#order-standard_cart.herc-public-order .herc-ai-toggle-control {
    background: #cbd5e1 !important;
    border-radius: 999px !important;
    display: inline-block !important;
    height: 1.55rem !important;
    position: relative !important;
    transition: background-color 160ms ease !important;
    width: 2.75rem !important;
}

#order-standard_cart.herc-public-order .herc-ai-toggle-control::after {
    background: #fff !important;
    border-radius: 50% !important;
    box-shadow: 0 2px 7px rgba(15, 23, 42, 0.25) !important;
    content: "" !important;
    height: 1.2rem !important;
    left: 0.18rem !important;
    position: absolute !important;
    top: 0.18rem !important;
    transition: transform 160ms ease !important;
    width: 1.2rem !important;
}

#order-standard_cart.herc-public-order .herc-ai-domain-toggle input:checked + .herc-ai-toggle-control {
    background: var(--bs-primary, #336699) !important;
}

#order-standard_cart.herc-public-order .herc-ai-domain-toggle input:checked + .herc-ai-toggle-control::after {
    transform: translateX(1.2rem) !important;
}

#order-standard_cart.herc-public-order .herc-domain-search-filters {
    align-items: center !important;
    display: flex !important;
    flex: 1 1 auto !important;
    flex-wrap: wrap !important;
    gap: 0.55rem !important;
    justify-content: flex-end !important;
    margin: 0 !important;
    width: auto !important;
}

#order-standard_cart.herc-public-order .herc-domain-search-filters .multiselect-native-select {
    display: inline-flex !important;
    margin: 0 !important;
    max-width: 14rem !important;
    position: relative !important;
}

#order-standard_cart.herc-public-order .herc-domain-search-filters .btn-group {
    display: inline-flex !important;
    width: 100% !important;
}

#order-standard_cart.herc-public-order .herc-domain-search-filters .multiselect {
    background: rgba(15, 23, 42, 0.04) !important;
    border: 1px solid rgba(100, 116, 139, 0.24) !important;
    border-radius: 999px !important;
    color: var(--bs-body-color, #212529) !important;
    font-size: 0.88rem !important;
    font-weight: 750 !important;
    height: 2.45rem !important;
    max-width: 100% !important;
    min-width: 9rem !important;
    overflow: hidden !important;
    padding: 0 0.95rem !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

#order-standard_cart.herc-public-order .herc-safe-search-toggle {
    align-items: center !important;
    background: rgba(15, 23, 42, 0.04) !important;
    border: 1px solid rgba(100, 116, 139, 0.24) !important;
    border-radius: 999px !important;
    color: var(--bs-body-color, #212529) !important;
    display: inline-flex !important;
    font-size: 0.88rem !important;
    font-weight: 750 !important;
    gap: 0.45rem !important;
    height: 2.45rem !important;
    margin: 0 !important;
    padding: 0 0.95rem !important;
}

#order-standard_cart.herc-public-order .herc-safe-search-toggle input {
    accent-color: var(--bs-primary, #336699) !important;
    margin: 0 !important;
}

[data-bs-theme="dark"] #order-standard_cart.herc-public-order .herc-domain-search-row {
    background: #0b0b10 !important;
    border-color: var(--herc-dark-border, #232335) !important;
    box-shadow: 0 18px 45px rgba(0, 0, 0, 0.38) !important;
}

[data-bs-theme="dark"] #order-standard_cart.herc-public-order .herc-ai-domain-toggle,
[data-bs-theme="dark"] #order-standard_cart.herc-public-order .herc-domain-search-filters .multiselect,
[data-bs-theme="dark"] #order-standard_cart.herc-public-order .herc-safe-search-toggle {
    background: rgba(255, 255, 255, 0.055) !important;
    border-color: var(--herc-dark-border, #232335) !important;
    color: var(--herc-dark-text, #f8fafc) !important;
}

[data-bs-theme="dark"] #order-standard_cart.herc-public-order #inputDomain,
[data-bs-theme="dark"] #order-standard_cart.herc-public-order #message {
    background: transparent !important;
    border: 0 !important;
}

@media (max-width: 767.98px) {
    #order-standard_cart.herc-public-order .herc-domain-search-row {
        display: grid !important;
        min-height: 0 !important;
    }

    #order-standard_cart.herc-public-order #btnCheckAvailability,
    #order-standard_cart.herc-public-order .domain-check-availability {
        min-width: 100% !important;
        width: 100% !important;
    }

    #order-standard_cart.herc-public-order .herc-domain-search-meta {
        align-items: stretch !important;
        display: grid !important;
    }

    #order-standard_cart.herc-public-order .herc-ai-domain-toggle {
        justify-content: center !important;
    }

    #order-standard_cart.herc-public-order .herc-domain-search-filters {
        justify-content: center !important;
    }
}

/* Absolute final override: clean, centered domain search surface. */
#order-standard_cart.herc-domain-order .domain-checker-container,
#order-standard_cart.herc-domain-order .domain-checker-bg,
#order-standard_cart.herc-domain-order .domain-input-group,
#order-standard_cart.herc-domain-order .input-group-box,
#order-standard_cart.herc-domain-order .herc-public-search-box {
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

#order-standard_cart.herc-domain-order .domain-checker-container {
    margin-left: auto !important;
    margin-right: auto !important;
    max-width: 1040px !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    width: 100% !important;
}

#order-standard_cart.herc-domain-order .domain-input-group {
    margin-left: auto !important;
    margin-right: auto !important;
    max-width: 1040px !important;
    padding: 0 !important;
    width: 100% !important;
}

#order-standard_cart.herc-domain-order .domain-checker-bg,
#order-standard_cart.herc-domain-order .domain-checker-bg form,
#order-standard_cart.herc-domain-order .domain-checker-bg .row,
#order-standard_cart.herc-domain-order .domain-checker-bg .col-12,
#order-standard_cart.herc-domain-order .domain-input-group > .row,
#order-standard_cart.herc-domain-order .domain-input-group .domains-row,
#order-standard_cart.herc-domain-order .domain-input-group .col-12 {
    margin-left: auto !important;
    margin-right: auto !important;
    max-width: 1040px !important;
    width: 100% !important;
}

#order-standard_cart.herc-domain-order .herc-domain-search-row {
    background: #fff !important;
    border: 1px solid rgba(51, 102, 153, 0.22) !important;
    border-radius: 0.55rem !important;
    box-shadow: 0 14px 36px rgba(15, 23, 42, 0.1) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    max-width: 1040px !important;
    width: 100% !important;
}

[data-bs-theme="dark"] #order-standard_cart.herc-domain-order .herc-domain-search-row {
    background: #0b0b10 !important;
    border-color: var(--herc-dark-border, #232335) !important;
    box-shadow: 0 14px 36px rgba(0, 0, 0, 0.28) !important;
}

[data-bs-theme="dark"] #order-standard_cart.herc-domain-order .domain-checker-bg {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

#order-standard_cart.herc-domain-order #btnCheckAvailability,
#order-standard_cart.herc-domain-order .domain-check-availability {
    background: #336699 !important;
    color: #fff !important;
}

#order-standard_cart.herc-domain-order #btnCheckAvailability:hover,
#order-standard_cart.herc-domain-order .domain-check-availability:hover {
    background: #28527a !important;
    color: #fff !important;
}