.am-body-content button.copyButton {
            background-image: none !important;
            }
            .am-admin a.button, .am-admin button, .am-admin input[type="button"], .am-admin input[type="submit"], .am-body-content a.button, .am-body-content button, .am-body-content input[type="button"], .am-body-content input[type="submit"], .am-popup a.button, .am-popup button, .am-popup input[type="button"], .am-popup input[type="submit"] {
            background-image: none !important;
            }

            /* ==========================================================================
            Global Theme overrides & layouts styling (Consolidated from layouts)
            ========================================================================== */

            :root {
            --tblr-primary: #00721b;
            --tblr-primary-rgb: 0, 114, 27;

            /* Central Logo Size Controls (Change height here to update site-wide) */
            --navbar-logo-height: 55px;
            --auth-logo-height: 58px;
            }

            /* Global Centralized Logo Sizing Rules */
            .navbar-brand-image {
            height: var(--navbar-logo-height) !important;
            max-height: 62px !important;
            width: auto !important;
            }

            #site-logo {
            height: var(--auth-logo-height) !important;
            width: auto !important;
            }

            /* Global Access Buttons (.btn-access & .button1) MetaHeart Green Styling */
            .btn-access, .button1 {
                background-color: rgba(0, 114, 27, 0.08) !important;
                border: 1.5px solid rgba(0, 114, 27, 0.25) !important;
                color: #00721b !important;
                box-shadow: 0 2px 8px rgba(0, 114, 27, 0.06) !important;
                font-weight: 700 !important;
                font-size: 0.92rem !important;
                padding: 9px 24px !important;
                border-radius: 8px !important;
                cursor: pointer !important;
                display: inline-flex !important;
                align-items: center !important;
                justify-content: center !important;
                text-decoration: none !important;
                transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s !important;
            }
            .btn-access:hover, .btn-access:focus, .button1:hover, .button1:focus {
                background-color: #00721b !important;
                border-color: #00721b !important;
                color: #ffffff !important;
                box-shadow: 0 4px 14px rgba(0, 114, 27, 0.25) !important;
                outline: none !important;
                text-decoration: none !important;
            }
            html[data-bs-theme="dark"] .btn-access, html[data-bs-theme="dark"] .button1 {
                background-color: rgba(0, 114, 27, 0.18) !important;
                border: 1.5px solid rgba(52, 211, 153, 0.35) !important;
                color: #34d399 !important;
                box-shadow: 0 4px 14px rgba(0, 114, 27, 0.2) !important;
            }
            html[data-bs-theme="dark"] .btn-access:hover, html[data-bs-theme="dark"] .btn-access:focus,
            html[data-bs-theme="dark"] .button1:hover, html[data-bs-theme="dark"] .button1:focus {
                background-color: #00721b !important;
                border-color: #00721b !important;
                color: #ffffff !important;
                box-shadow: 0 6px 20px rgba(0, 114, 27, 0.4) !important;
            }

            body, .am-common, .am-body-content, .am-admin, .am-popup, input, select, textarea, button, .select2-container {
            font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
            }
            body {
            background-color: #f4f6fa;
            transition: background-color 0.3s ease;
            }
            .am-flash { position: fixed; top: 1rem; right: 1rem; z-index: 1000; }

            /* Theme Toggle Button */
            .theme-toggle-btn {
                color: #475569;
                transition: all 0.3s ease;
            }
            .theme-toggle-btn:hover { color: var(--tblr-primary); }

            /* Smooth transition when toggling themes */
            body, .card, .navbar, .navbar-menu, .am-body-content, .am-form form, .am-grid-container, input, textarea, select {
                transition: background-color 0.25s cubic-bezier(0.4, 0, 0.2, 1), 
                            border-color 0.25s cubic-bezier(0.4, 0, 0.2, 1), 
                            color 0.25s cubic-bezier(0.4, 0, 0.2, 1), 
                            box-shadow 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;
            }

            /* Dark Mode Overrides */
            html[data-bs-theme="dark"] body { background-color: #0b0f19 !important; }
            html[data-bs-theme="dark"] .card { background-color: #131926; box-shadow: 0 10px 30px rgba(0,0,0,0.3) !important; border-color: rgba(255,255,255,0.06) !important; }
            html[data-bs-theme="dark"] .text-dark { color: #f8fafc !important; }
            html[data-bs-theme="dark"] .text-muted { color: #94a3b8 !important; }
            html[data-bs-theme="dark"] .navbar { background-color: #131926 !important; border-bottom: 1px solid rgba(255,255,255,0.06) !important; }
            html[data-bs-theme="dark"] .navbar-light { background-color: #131926 !important; border-bottom: 1px solid rgba(255,255,255,0.06) !important; }
            html[data-bs-theme="dark"] .navbar-menu { border-bottom: 1px solid rgba(255,255,255,0.06) !important; background: #131926 !important; }

            .theme-toggle-light-icon { display: none !important; }
            .theme-toggle-dark-icon { display: inline-block !important; }
            html[data-bs-theme="dark"] .theme-toggle-dark-icon { display: none !important; }
            html[data-bs-theme="dark"] .theme-toggle-light-icon { display: inline-block !important; color: #ffffff !important; }

            .golden-tick { color: #f59e0b; }
            .navbar-menu { border-bottom: 1px solid #e2e8f0; background: #ffffff; }

            .nav-link.active { font-weight: 600; color: var(--tblr-primary) !important; border-bottom: 2px solid var(--tblr-primary); margin-bottom: -1px; }
            html[data-bs-theme="dark"] .nav-link.active { border-bottom-color: var(--tblr-primary); }

            /* Constrain main width to ~1400px */
            .container-xl { max-width: 1400px !important; }

            /* Universal Background Uniformity (Light & Dark) */
            html, body, .page, .page-wrapper, .page-body { 
                background-color: #f6f8fb !important; /* Soft Tabler Light Gray */
            }

            html[data-bs-theme="dark"],
            html[data-bs-theme="dark"] body,
            html[data-bs-theme="dark"] .page,
            html[data-bs-theme="dark"] .page-wrapper,
            html[data-bs-theme="dark"] .page-body { 
                background-color: #0b0f19 !important; 
                color: #f8fafc;
            }

            html[data-bs-theme="dark"] .am-layout,
            html[data-bs-theme="dark"] .am-body-content,
            html[data-bs-theme="dark"] .am-main { background-color: transparent !important; color: #f8fafc; }

            html[data-bs-theme="dark"] .am-block, 
            html[data-bs-theme="dark"] .am-widget { background-color: transparent !important; border: none !important; }

            /* Containers */
            html[data-bs-theme="dark"] .am-grid-container,
            html[data-bs-theme="dark"] .am-receipt,
            html[data-bs-theme="dark"] .am-invoice-summary,
            html[data-bs-theme="dark"] .am-popup,
            html[data-bs-theme="dark"] .am-aff-banner-preview,
            html[data-bs-theme="dark"] .am-helpdesk-ticket-actions-container,
            html[data-bs-theme="dark"] .am-helpdesk-message {
                background-color: #131926 !important;
                border: 1px solid rgba(255, 255, 255, 0.06) !important;
                color: #f8fafc !important;
                box-shadow: 0 10px 30px rgba(0,0,0,0.3) !important;
                border-radius: 12px;
            }

            html[data-bs-theme="dark"] .am-form fieldset legend,
            html[data-bs-theme="dark"] .am-popup .am-popup-header {
                background: #1b2436 !important;
                color: #f8fafc !important;
                border-bottom: 1px solid rgba(255, 255, 255, 0.06) !important;
            }

            html[data-bs-theme="dark"] .am-form div.am-row { background: transparent !important; border-bottom: 1px solid rgba(255, 255, 255, 0.05) !important; }
            html[data-bs-theme="dark"] .am-element-title, 
            html[data-bs-theme="dark"] label { color: #cbd5e1 !important; }

            /* Unified Custom Form Inputs (Matching Login Page) */

    /* ==== Dark Mode Receipt Table Adjustments ==== */
    html[data-bs-theme="dark"] .am-receipt-table {
        color: #f8fafc !important; /* ensure text is white */
        background-color: transparent !important;
    }
    html[data-bs-theme="dark"] .am-receipt-table th,
    html[data-bs-theme="dark"] .am-receipt-table td {
        border-color: rgba(255,255,255,0.06) !important;
        background-color: transparent !important;
    }
    html[data-bs-theme="dark"] .am-receipt-table th {
        background-color: #1b2436 !important; /* header background */
    }
    html[data-bs-theme="dark"] .am-receipt-table tr:nth-child(even) {
        background-color: #131926 !important;
    }
    html[data-bs-theme="dark"] .am-receipt-table tr:nth-child(odd) {
        background-color: #0e121c !important;
    }
            .am-body-content input[type="text"], 
            .am-body-content input[type="password"], 
            .am-body-content input[type="email"], 
            .am-body-content input[type="number"], 
            .am-body-content input[type="tel"], 
            .am-body-content input[type="url"], 
            .am-body-content textarea, 
            .am-body-content select,
            .am-popup input[type="text"],
            .am-popup input[type="password"],
            .am-popup select {
                display: block;
                width: 100%;
                padding: 0.4375rem 0.75rem;
                font-size: 0.875rem;
                font-weight: 400;
                line-height: 1.4285714;
                color: #1e293b;
                background-color: #fafbfe !important;
                border: 1px solid #e2e8f0 !important;
                border-radius: 6px !important;
                transition: border-color 0.2s, background-color 0.2s, box-shadow 0.2s !important;
            }

            .am-body-content input[type="text"]:focus, 
            .am-body-content input[type="password"]:focus, 
            .am-body-content input[type="email"]:focus, 
            .am-body-content input[type="number"]:focus, 
            .am-body-content input[type="tel"]:focus, 
            .am-body-content input[type="url"]:focus, 
            .am-body-content textarea:focus, 
            .am-body-content select:focus,
            .am-popup input[type="text"]:focus,
            .am-popup input[type="password"]:focus,
            .am-popup select:focus {
                background-color: #ffffff !important;
                border-color: var(--tblr-primary, #00721b) !important;
                box-shadow: 0 0 0 0.25rem rgba(0, 114, 27, 0.15) !important;
                outline: 0 !important;
            }

            /* Unified Custom Form Inputs - Dark Mode Override */
            html[data-bs-theme="dark"] .am-body-content input[type="text"], 
            html[data-bs-theme="dark"] .am-body-content input[type="password"], 
            html[data-bs-theme="dark"] .am-body-content input[type="email"], 
            html[data-bs-theme="dark"] .am-body-content input[type="number"], 
            html[data-bs-theme="dark"] .am-body-content input[type="tel"], 
            html[data-bs-theme="dark"] .am-body-content input[type="url"], 
            html[data-bs-theme="dark"] .am-body-content textarea, 
            html[data-bs-theme="dark"] .am-body-content select,
            html[data-bs-theme="dark"] .am-popup input[type="text"],
            html[data-bs-theme="dark"] .am-popup input[type="password"],
            html[data-bs-theme="dark"] .am-popup select {
                background-color: #1e293b !important;
                border-color: rgba(255, 255, 255, 0.1) !important;
                color: #ffffff !important;
                -webkit-text-fill-color: #ffffff !important;
            }

            html[data-bs-theme="dark"] .am-body-content input[type="text"]:focus, 
            html[data-bs-theme="dark"] .am-body-content input[type="password"]:focus, 
            html[data-bs-theme="dark"] .am-body-content input[type="email"]:focus, 
            html[data-bs-theme="dark"] .am-body-content input[type="number"]:focus, 
            html[data-bs-theme="dark"] .am-body-content input[type="tel"]:focus, 
            html[data-bs-theme="dark"] .am-body-content input[type="url"]:focus, 
            html[data-bs-theme="dark"] .am-body-content textarea:focus, 
            html[data-bs-theme="dark"] .am-body-content select:focus,
            html[data-bs-theme="dark"] .am-popup input[type="text"]:focus,
            html[data-bs-theme="dark"] .am-popup input[type="password"]:focus,
            html[data-bs-theme="dark"] .am-popup select:focus {
                background-color: #1e293b !important;
                border-color: var(--tblr-primary, #00721b) !important;
                box-shadow: 0 0 0 0.25rem rgba(0, 114, 27, 0.25) !important;
                color: #ffffff !important;
                -webkit-text-fill-color: #ffffff !important;
                outline: 0 !important;
            }

            /* Fix Chrome Autofill in Dark Mode globally */
            html[data-bs-theme="dark"] input:-webkit-autofill,
            html[data-bs-theme="dark"] textarea:-webkit-autofill,
            html[data-bs-theme="dark"] select:-webkit-autofill {
                -webkit-box-shadow: 0 0 0 30px #1e293b inset !important;
                -webkit-text-fill-color: #ffffff !important;
                transition: background-color 5000s ease-in-out 0s;
            }

            /* Grid & Table Fixes */
            html[data-bs-theme="dark"] .am-grid th {
                background: #1b2436 !important;
                color: #cbd5e1 !important;
                border-bottom: 2px solid rgba(255, 255, 255, 0.06) !important;
            }

            html[data-bs-theme="dark"] .am-grid tr.am-grid-row td {
                background-color: #131926 !important;
                border-bottom: 1px solid rgba(255, 255, 255, 0.06) !important;
                color: #cbd5e1 !important;
            }

            html[data-bs-theme="dark"] .am-grid tr.am-grid-row.odd td { background-color: #0e121c !important; }

            /* Affiliate & Payment History Specifics */
            html[data-bs-theme="dark"] .am-active-invoice { border-color: rgba(255, 255, 255, 0.06) !important; }
            html[data-bs-theme="dark"] .am-filter-wrap { background: #1b2436 !important; border-color: rgba(255, 255, 255, 0.06) !important; }
            html[data-bs-theme="dark"] .am-copy-to-clipboard-highlight { background: rgba(0, 114, 27, 0.2) !important; color: #fff !important; }

            /* Shopping Cart Specifics */
            html[data-bs-theme="dark"] .am-cart,
            html[data-bs-theme="dark"] .am-basket,
            html[data-bs-theme="dark"] .am-cart-main,
            html[data-bs-theme="dark"] .am-cart-sidebar { color: #f8fafc !important; }

            html[data-bs-theme="dark"] .am-cart-product,
            html[data-bs-theme="dark"] .am-basket-row,
            html[data-bs-theme="dark"] .am-cart-summary { 
                background-color: #131926 !important; 
                border: 1px solid rgba(255, 255, 255, 0.06) !important; 
                color: #f8fafc !important;
            }

            html[data-bs-theme="dark"] .am-basket-row-head th { background: #1b2436 !important; color: #cbd5e1 !important; }

            /* Keep Cart Images on White Background */
            html[data-bs-theme="dark"] .am-cart-product-content-desc-img-wrapper,
            html[data-bs-theme="dark"] .am-basket-img {
                background-color: #ffffff !important;
                padding: 8px !important;
                border-radius: 8px;
                display: flex !important;
                align-items: center;
                justify-content: center;
                box-shadow: 0 2px 5px rgba(0,0,0,0.1);
            }
            html[data-bs-theme="dark"] .am-basket-img img, 
            html[data-bs-theme="dark"] .am-cart-product-content-desc-img-wrapper img { filter: none !important; }

            html[data-bs-theme="dark"] ul.am-tabs {
                background: #1b2436 !important;
                border: 1px solid rgba(255, 255, 255, 0.06) !important;
            }
            html[data-bs-theme="dark"] ul.am-tabs li a { color: #94a3b8; border-right-color: rgba(255, 255, 255, 0.06); }
            html[data-bs-theme="dark"] ul.am-tabs li.active a { background: var(--tblr-primary, #00721b); color: white; }

            /* Standardized Custom Theme Buttons (Primary Green #00721b) */
            .btn-primary,
            button[type="submit"],
            input[type="submit"],
            input[type="button"].btn-primary,
            a.button.btn-primary,
            .am-body-content button, 
            .am-body-content input[type="submit"], 
            .am-body-content input[type="button"],
            .am-body-content .btn-primary,
            .am-popup input[type="submit"],
            .am-popup button,
            .am-form input[type="submit"],
            .am-element input[type="submit"],
            .am-form #buttons input[type="submit"],
            #row-buttons input[type="submit"],
            .am-grid-actions a,
            .am-grid-actions button,
            .am-grid-actions input[type="submit"],
            .am-grid-action-new,
            .am-grid-action-insert,
            .am-grid-action-ticket,
            #am-helpdesk-new-ticket,
            .am-helpdesk-form input[type="submit"],
            .am-helpdesk-reply-panel input[type="submit"],
            .am-helpdesk input[type="submit"],
            .am-page-profile input[type="submit"],
            .am-page-profile #save-0,
            #send-0,
            input#send-0,
            #save-0 {
                --tblr-btn-bg: #00721b !important;
                --tblr-btn-border-color: #00721b !important;
                --tblr-btn-color: #ffffff !important;
                --tblr-btn-hover-bg: #005915 !important;
                --tblr-btn-hover-border-color: #005915 !important;
                --tblr-btn-active-bg: #005915 !important;
                --tblr-btn-active-border-color: #005915 !important;
                display: inline-flex !important;
                align-items: center !important;
                justify-content: center !important;
                font-weight: 600 !important;
                text-align: center !important;
                vertical-align: middle !important;
                cursor: pointer !important;
                user-select: none !important;
                background-color: #00721b !important;
                border: 1px solid #00721b !important;
                color: #ffffff !important;
                padding: 0.5rem 1.25rem !important;
                font-size: 0.875rem !important;
                border-radius: 6px !important;
                box-shadow: 0 2px 6px rgba(0, 114, 27, 0.2) !important;
                transition: all 0.2s ease-in-out !important;
                text-decoration: none !important;
            }

            .btn-primary:hover,
            button[type="submit"]:hover,
            input[type="submit"]:hover,
            input[type="button"].btn-primary:hover,
            a.button.btn-primary:hover,
            .am-body-content button:hover, 
            .am-body-content input[type="submit"]:hover, 
            .am-body-content input[type="button"]:hover,
            .am-body-content .btn-primary:hover,
            .am-popup input[type="submit"]:hover,
            .am-popup button:hover,
            .am-form input[type="submit"]:hover,
            .am-element input[type="submit"]:hover,
            .am-form #buttons input[type="submit"]:hover,
            #row-buttons input[type="submit"]:hover,
            .am-grid-actions a:hover,
            .am-grid-actions button:hover,
            .am-grid-actions input[type="submit"]:hover,
            .am-grid-action-new:hover,
            .am-grid-action-insert:hover,
            .am-grid-action-ticket:hover,
            #am-helpdesk-new-ticket:hover,
            .am-helpdesk-form input[type="submit"]:hover,
            .am-helpdesk-reply-panel input[type="submit"]:hover,
            .am-helpdesk input[type="submit"]:hover,
            .am-page-profile input[type="submit"]:hover,
            .am-page-profile #save-0:hover,
            #send-0:hover,
            input#send-0:hover,
            #save-0:hover { 
                background-color: #005915 !important; 
                border-color: #005915 !important; 
                color: #ffffff !important;
                transform: translateY(-1px) !important;
                box-shadow: 0 4px 12px rgba(0, 114, 27, 0.35) !important;
            }

            html[data-bs-theme="dark"] .am-flash-content { background-color: #131926 !important; color: #f8fafc !important; border-color: var(--tblr-primary) !important; }
            html[data-bs-theme="dark"] .am-info, 
            html[data-bs-theme="dark"] .am-block-nodata { 
                background: #131926 !important; 
                border: 1px solid rgba(255, 255, 255, 0.06) !important; 
                color: #94a3b8 !important;
                padding: 1.5rem !important;
                border-radius: 8px !important;
                text-align: center !important;
            }
            html[data-bs-theme="dark"] .am-error, html[data-bs-theme="dark"] .am-errors { background: rgba(214, 51, 108, 0.1) !important; color: #d6336c !important; border: 1px solid rgba(214, 51, 108, 0.2) !important; }

            /* React-like Smooth Fade-In Transition */
            @keyframes reactFadeIn {
                from {
                    opacity: 0;
                    transform: translateY(6px);
                }
                to {
                    opacity: 1;
                    transform: translateY(0);
                }
            }
            .am-body-content {
                animation: reactFadeIn 0.35s cubic-bezier(0.16, 1, 0.3, 1) forwards;
            }

            /* Prevent macOS elastic scroll bounce / rubber-banding */
            html, body {
                overscroll-behavior-y: none !important;
            }
            /* Enable high-performance hardware GPU acceleration to eliminate scroll repainting delay, jitter and lag */
            .sticky-top-nav, 
            .sticky-sub-nav, 
            .premium-subscription-master-card,
            .premium-sub-ring-card,
            .circular-progress,
            .scroll-to-top-btn {
                transform: translate3d(0, 0, 0) !important;
                -webkit-transform: translate3d(0, 0, 0) !important;
                backface-visibility: hidden !important;
                -webkit-backface-visibility: hidden !important;
                perspective: 1000px !important;
                -webkit-perspective: 1000px !important;
                will-change: transform !important;
            }

            /* Premium Contrast Typography System in Dark Mode, excluding helpdesk */
            html[data-bs-theme="dark"] body:not(.page-helpdesk) h1,
            html[data-bs-theme="dark"] body:not(.page-helpdesk) h2,
            html[data-bs-theme="dark"] body:not(.page-helpdesk) h3,
            html[data-bs-theme="dark"] body:not(.page-helpdesk) h4:not(.text-danger):not(.text-success),
            html[data-bs-theme="dark"] body:not(.page-helpdesk) h5,
            html[data-bs-theme="dark"] body:not(.page-helpdesk) h6,
            html[data-bs-theme="dark"] body:not(.page-helpdesk) .text-dark-override,
            html[data-bs-theme="dark"] body:not(.page-helpdesk) .text-dark {
                color: #f8fafc !important; /* Soft Primary Header off-white */
            }

            html[data-bs-theme="dark"] body:not(.page-helpdesk) p:not(.text-success):not(.text-danger),
            html[data-bs-theme="dark"] body:not(.page-helpdesk) span:not(.badge):not(.status-dot):not(.text-danger):not(.text-success),
            html[data-bs-theme="dark"] body:not(.page-helpdesk) label:not([class*="btn"]),
            html[data-bs-theme="dark"] body:not(.page-helpdesk) .am-element-title {
                color: #cbd5e1 !important; /* Warm Slate Gray Body text */
            }

            html[data-bs-theme="dark"] body:not(.page-helpdesk) .text-secondary,
            html[data-bs-theme="dark"] body:not(.page-helpdesk) .text-muted {
                color: #cbd5e1 !important; /* High-contrast warm Slate-300 for dark mode */
            }

            .text-secondary,
            .text-muted {
                color: #475569 !important; /* High-contrast Slate-600 for light mode WCAG AA compliance */
            }

            /* Force all Helpdesk chat message text elements to white in dark mode */
            html[data-bs-theme="dark"] .am-helpdesk-message,
            html[data-bs-theme="dark"] .am-helpdesk-message-header,
            html[data-bs-theme="dark"] .am-helpdesk-message-content,
            html[data-bs-theme="dark"] .am-helpdesk-message-content pre,
            html[data-bs-theme="dark"] .am-helpdesk-message-content *,
            html[data-bs-theme="dark"] .am-helpdesk-message-author,
            html[data-bs-theme="dark"] .am-helpdesk-message-date,
            html[data-bs-theme="dark"] .am-helpdesk-message-attachments-item a,
            html[data-bs-theme="dark"] .am-helpdesk-message-actions a {
                color: #ffffff !important;
            }

            /* ==========================================================================
            Dashboard Subscriptions & Resources Cards Consolidated Styles
            ========================================================================== */

            .greeting-title {
                font-weight: 700;
                font-size: 1.5rem;
                margin-bottom: 0.25rem;
            }

            .premium-subscription-master-card {
                background: #ffffff !important;
                border: 1px solid rgba(0,0,0,0.06) !important;
                border-radius: 20px !important;
                box-shadow: 0 10px 30px rgba(0,0,0,0.015) !important;
                position: relative;
                overflow: hidden;
            }

            .premium-sub-ring-card {
                background: rgba(0, 0, 0, 0.015) !important;
                border: 1px solid rgba(0, 0, 0, 0.05) !important;
                border-radius: 14px !important;
                transition: all 0.3s ease;
            }
            .premium-sub-ring-card:hover {
                transform: translateY(-2px);
                background: rgba(0, 0, 0, 0.025) !important;
                border-color: rgba(0, 114, 27, 0.15) !important;
                box-shadow: 0 6px 15px rgba(0, 0, 0, 0.02) !important;
            }

            .circular-progress .progress-text {
                fill: #0f172a !important;
            }
            .circular-progress .progress-text-label {
                fill: #64748b !important;
            }

            html[data-bs-theme="dark"] .premium-subscription-master-card {
                background: #232e42 !important;
                border: 1px solid rgba(255, 255, 255, 0.05) !important;
                box-shadow: 0 15px 40px rgba(0,0,0,0.3) !important;
            }
            html[data-bs-theme="dark"] .premium-sub-ring-card {
                background: rgba(255, 255, 255, 0.02) !important;
                border: 1px solid rgba(255, 255, 255, 0.05) !important;
            }
            html[data-bs-theme="dark"] .premium-sub-ring-card:hover {
                background: rgba(255, 255, 255, 0.04) !important;
                border-color: rgba(255, 255, 255, 0.1) !important;
                box-shadow: 0 6px 15px rgba(0, 0, 0, 0.2) !important;
            }
            html[data-bs-theme="dark"] .premium-renew-banner {
                background: linear-gradient(135deg, rgba(214, 51, 108, 0.15) 0%, rgba(214, 51, 108, 0.04) 100%) !important;
                border: 1.5px solid rgba(214, 51, 108, 0.35) !important;
            }
            html[data-bs-theme="dark"] .circular-progress .circle-bg {
                stroke: rgba(255, 255, 255, 0.08) !important;
            }
            html[data-bs-theme="dark"] .circular-progress .progress-text {
                fill: #f8fafc !important;
            }
            html[data-bs-theme="dark"] .circular-progress .progress-text-label {
                fill: #94a3b8 !important;
            }

            /* Soft, readable visual hierarchy for subscription main div texts in Dark Mode */
            html[data-bs-theme="dark"] #member-subscriptions h1,
            html[data-bs-theme="dark"] #member-subscriptions h2,
            html[data-bs-theme="dark"] #member-subscriptions h3,
            html[data-bs-theme="dark"] #member-subscriptions h4:not(.text-danger),
            html[data-bs-theme="dark"] #member-subscriptions .text-dark-override,
            html[data-bs-theme="dark"] #member-subscriptions .text-dark {
                color: #f8fafc !important; /* Soft header off-white */
            }

            html[data-bs-theme="dark"] #member-subscriptions p:not(.text-success),
            html[data-bs-theme="dark"] #member-subscriptions span:not(.badge):not(.status-dot):not(.text-danger):not(.text-success) {
                color: #cbd5e1 !important; /* Soft body slate-gray */
            }

            html[data-bs-theme="dark"] #member-subscriptions .text-secondary,
            html[data-bs-theme="dark"] #member-subscriptions .text-muted {
                color: #94a3b8 !important; /* Steel gray secondary text */
            }

            html[data-bs-theme="dark"] .premium-master-header {
                border-bottom: none !important;
            }

            .cancel-link-sm {
                font-size: 0.75rem;
                text-decoration: underline;
                opacity: 0.7;
                transition: opacity 0.2s;
            }
            .cancel-link-sm:hover {
                opacity: 1;
            }

            .premium-renew-btn {
                transition: all 0.2s ease-in-out !important;
            }
            .premium-renew-btn:hover {
                transform: scale(1.02);
                box-shadow: 0 4px 15px rgba(0, 114, 27, 0.35) !important;
            }

            /* Scroll To Top Button */
            .scroll-to-top-btn {
                position: fixed;
                bottom: 30px;
                right: 95px; /* Shifted left to stay perfectly clear of Tawk.to chat widget */
                z-index: 1050;
                width: 48px;
                height: 48px;
                background-color: var(--tblr-primary, #00721b) !important;
                border: none !important;
                border-radius: 50% !important;
                color: #ffffff !important;
                cursor: pointer;
                display: flex;
                align-items: center;
                justify-content: center;
                opacity: 0;
                pointer-events: none;
                transform: translateY(15px);
                transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
                box-shadow: 0 8px 24px rgba(0, 114, 27, 0.4) !important;
            }

            .scroll-to-top-btn.show {
                opacity: 1;
                pointer-events: auto;
                transform: translateY(0);
            }

            .scroll-to-top-btn:hover {
                background-color: #005915 !important;
                transform: translateY(-4px) scale(1.05);
                box-shadow: 0 12px 30px rgba(0, 114, 27, 0.55) !important;
            }

            .scroll-to-top-btn:active {
                transform: translateY(-2px) scale(0.98);
            }

            @media (max-width: 768px) {
                .scroll-to-top-btn {
                    bottom: 20px;
                    right: 85px; /* Shifted left on mobile to stay clear of Tawk.to chat bubble */
                    width: 42px;
                    height: 42px;
                }
            }

            /* Resources Page Search & Tool Cards Layout */
            .resources-search-container {
                margin-bottom: 2.5rem;
                margin-top: 1rem;
            }

            .tool-card {
                transition: transform 0.25s cubic-bezier(0.165, 0.84, 0.44, 1),
                            box-shadow 0.25s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
                border: 1px solid rgba(231, 234, 243, 0.7) !important;
                background: #ffffff;
                box-shadow: 0 2px 4px rgba(0,0,0,0.02);
                border-radius: 16px !important;
                overflow: hidden;
                isolation: isolate;
                -webkit-mask-image: -webkit-radial-gradient(white, black);
                display: flex;
                flex-direction: column;
                height: 100%;
                /* GPU Hardware Acceleration & Scrolling Optimizations */
                transform: translate3d(0, 0, 0);
                backface-visibility: hidden;
                perspective: 1000px;
                will-change: transform, box-shadow;
            }

            .tool-card:hover {
                box-shadow: 0 8px 20px rgba(0,0,0,0.06) !important;
            }

            @keyframes shimmer {
                0% {
                    background-position: -200% 0;
                }
                100% {
                    background-position: 200% 0;
                }
            }

            /* Image container matching tool-img-container */
            .tool-img-container {
                height: 140px;
                display: flex;
                align-items: center;
                justify-content: center;
                padding: 1rem 1.25rem;
                flex-grow: 1;
                position: relative;
                overflow: hidden;
                border-radius: 15px 15px 0 0;
                -webkit-backface-visibility: hidden;
                backface-visibility: hidden;
                transform: translate3d(0, 0, 0);
                transition: background 0.3s ease, border-color 0.3s ease !important;
            }

            /* Skeleton Shimmer style when image is loading */
            .tool-img-container:not(.img-loaded) {
                background: linear-gradient(90deg, #f6f8fb 25%, #eef1f6 50%, #f6f8fb 75%) !important;
                background-size: 200% 100% !important;
                animation: shimmer 1.5s infinite linear !important;
            }

            html[data-bs-theme="dark"] .tool-img-container:not(.img-loaded) {
                background: linear-gradient(90deg, rgba(255, 255, 255, 0.015) 25%, rgba(255, 255, 255, 0.04) 50%, rgba(255, 255, 255, 0.015) 75%) !important;
                background-size: 200% 100% !important;
                animation: shimmer 1.7s infinite linear !important;
            }

            .tool-img-container.img-loaded {
                background-color: #ffffff !important;
            }

            html[data-bs-theme="dark"] .tool-img-container.img-loaded {
                background: radial-gradient(circle at center, rgba(255, 255, 255, 0.02) 0%, rgba(255, 255, 255, 0) 75%) !important;
            }

            /* Fade-in image and ambient glow when loaded */
            .tool-img-container img.tool-main-logo {
                height: 60px;
                width: 210px;
                aspect-ratio: 210 / 60;
                max-width: 90%;
                object-fit: contain;
                display: block;
                margin: auto;
                position: relative;
                z-index: 2;
                opacity: 0;
                transition: opacity 0.3s ease, filter 0.3s cubic-bezier(0.4, 0, 0.2, 1), transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
            }

            .tool-img-container.img-loaded img.tool-main-logo {
                opacity: 1;
            }

            /* Ambient Glow Backdrop (Automatically color-matched to logo) */
            .tool-ambient-glow {
                position: absolute;
                top: 50%;
                left: 50%;
                transform: translate(-50%, -50%) scale(1.1) translateZ(0);
                height: 60px;
                width: 210px;
                aspect-ratio: 210 / 60;
                max-width: 90%;
                object-fit: contain;
                filter: blur(20px) !important;
                opacity: 0;
                visibility: hidden;
                pointer-events: none;
                z-index: 1;
                will-change: transform, opacity;
                transition: opacity 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94), 
                            visibility 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94), 
                            transform 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
            }

            /* Hover: Ambient glow expands into a soft 10% colored wash across the entire card container */
            .tool-card:hover .tool-img-container.img-loaded .tool-ambient-glow {
                visibility: visible;
                transform: translate(-50%, -50%) scale(2.5) translateZ(0);
                opacity: 0.35;
            }

            html[data-bs-theme="dark"] .tool-card:hover .tool-img-container.img-loaded .tool-ambient-glow {
                opacity: 0.25;
            }

            /* Disable glow calculation completely while dragging to keep layout calculations extremely light */
            .mixcontainer > div.dragging .tool-ambient-glow {
                display: none !important;
            }

            /* Premium Badge style */
            .tool-badge {
                position: absolute;
                top: 10px;
                right: 10px;
                padding: 4px 10px;
                border-radius: 4px;
                font-size: 0.65rem;
                font-weight: 700;
                text-transform: uppercase;
                color: white;
                z-index: 2;
            }
            .badge-new { background-color: #00b894; }
            .badge-ext { background-color: #ff7675; }

            /* Bottom Button */
            .tool-btn-access {
                background-color: #343a40; /* Dark gray */
                color: #ffffff !important;
                display: flex !important;
                align-items: center !important;
                justify-content: center !important;
                gap: 6px !important;
                padding: 12px 5px;
                font-size: 0.85rem;
                font-weight: 600;
                text-decoration: none !important;
                transition: background-color 0.2s;
                border: none;
                width: 100%;
            }

            .access-arrow {
                width: 14px;
                height: 14px;
                transition: transform 0.25s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
            }

            .tool-card:hover .access-arrow {
                transform: translate(2px, -2px);
            }

            .tool-btn-access:hover, .tool-card-anchor:hover .tool-btn-access {
                background-color: #212529;
            }

            .tool-card-anchor {
                text-decoration: none !important;
                color: inherit !important;
                display: block;
                height: 100%;
            }

            .mixcontainer > div {
                content-visibility: auto;
                contain-intrinsic-size: auto 200px;
                contain: layout style paint;
                transition: opacity 0.2s ease, transform 0.25s cubic-bezier(0.165, 0.84, 0.44, 1);
            }

            @media (min-width: 768px) {
                .tool-card {
                    cursor: grab !important;
                }
                .tool-card:active {
                    cursor: grabbing !important;
                }
                .mixcontainer > div.dragging {
                    opacity: 0.9 !important;
                    z-index: 100 !important;
                }
                .mixcontainer > div.dragging .tool-card {
                    background: rgba(255, 255, 255, 0.12) !important;
                    backdrop-filter: blur(25px) saturate(180%) !important;
                    -webkit-backdrop-filter: blur(25px) saturate(180%) !important;
                    border: 1.5px solid rgba(255, 255, 255, 0.5) !important;
                    box-shadow: 0 15px 40px rgba(0, 114, 27, 0.25) !important;
                    transform: scale(0.96) rotate(-2.5deg) !important;
                }
                /* Refraction blur on internal elements for deep glass lens effect */
                .mixcontainer > div.dragging .tool-card img, 
                .mixcontainer > div.dragging .tool-card .tool-btn-access {
                    filter: blur(2px) !important;
                    opacity: 0.8 !important;
                }
                html[data-bs-theme="dark"] .mixcontainer > div.dragging .tool-card {
                    background: rgba(15, 23, 42, 0.12) !important;
                    border: 1.5px solid rgba(255, 255, 255, 0.2) !important;
                    box-shadow: 0 15px 40px rgba(0, 114, 27, 0.35) !important;
                }
            }

            /* Dark Mode Adjustments */
            html[data-bs-theme="dark"] .tool-card {
                background-color: #131926 !important;
                border: 1px solid rgba(255,255,255,0.06) !important;
                box-shadow: 0 10px 30px rgba(0,0,0,0.3) !important;
            }
            html[data-bs-theme="dark"] .tool-card:hover {
                box-shadow: 0 12px 35px rgba(0,0,0,0.38) !important;
                border-color: rgba(255,255,255,0.09) !important;
            }
            html[data-bs-theme="dark"] .tool-img-container {
                background: radial-gradient(circle at center, rgba(255, 255, 255, 0.02) 0%, rgba(255, 255, 255, 0) 75%) !important;
                border-bottom: 1px solid rgba(255, 255, 255, 0.05) !important;
            }
            html[data-bs-theme="dark"] .tool-card:hover .tool-img-container {
                background: radial-gradient(circle at center, rgba(255, 255, 255, 0.035) 0%, rgba(255, 255, 255, 0.005) 75%) !important;
            }
            html[data-bs-theme="dark"] .tool-img-container img.tool-main-logo.dark-mode-mono {
                filter: invert(1) hue-rotate(180deg) brightness(1.05) contrast(1.05) drop-shadow(0 0 4px rgba(255, 255, 255, 0.05)) !important;
                mix-blend-mode: screen !important;
            }
            html[data-bs-theme="dark"] .tool-card:hover .tool-img-container img.tool-main-logo.dark-mode-mono {
                filter: invert(1) hue-rotate(180deg) brightness(1.12) contrast(1.08) drop-shadow(0 0 7px rgba(255, 255, 255, 0.15)) !important;
            }
            html[data-bs-theme="dark"] .tool-img-container img.tool-main-logo.dark-mode-original {
                filter: brightness(1.12) contrast(1.05) drop-shadow(0 0 4px rgba(255, 255, 255, 0.05)) !important;
            }
            html[data-bs-theme="dark"] .tool-card:hover .tool-img-container img.tool-main-logo.dark-mode-original {
                filter: brightness(1.18) contrast(1.08) drop-shadow(0 0 7px rgba(255, 255, 255, 0.15)) !important;
            }
            .tool-card:hover .tool-img-container img.tool-main-logo {
                transform: scale(1.03) translateZ(0);
            }
            html[data-bs-theme="dark"] .tool-btn-access {
                background-color: #1b2436 !important;
                border-top: 1px solid rgba(255,255,255,0.06) !important;
            }
            html[data-bs-theme="dark"] .tool-btn-access:hover, html[data-bs-theme="dark"] .tool-card-anchor:hover .tool-btn-access {
                background-color: #0b0f19 !important;
            }

            .shaded-resource-container {
                background: rgba(255, 255, 255, 0.4);
                backdrop-filter: blur(5px);
                -webkit-backdrop-filter: blur(5px);
            }

            html[data-bs-theme="dark"] .shaded-resource-container {
                background: rgba(255, 255, 255, 0.02) !important;
                border: 1px solid rgba(255, 255, 255, 0.05) !important;
            }

            .search-title {
                font-weight: 700;
                font-size: 1.2rem;
                margin-bottom: 0.75rem;
            }

            .keyboard-shortcut-badge {
                position: absolute;
                right: 8px;
                top: 50%;
                transform: translateY(-50%);
                background: rgba(0,0,0,0.05);
                border: 1px solid rgba(0,0,0,0.08);
                border-radius: 6px;
                padding: 2px 6px;
                font-size: 0.68rem;
                font-weight: 600;
                color: #64748b;
                pointer-events: none;
                transition: all 0.2s ease;
            }
            html[data-bs-theme="dark"] .keyboard-shortcut-badge {
                background: rgba(255, 255, 255, 0.06) !important;
                border: 1px solid rgba(255, 255, 255, 0.12) !important;
                color: #94a3b8 !important;
            }

            @media (max-width: 767.98px) {
                #searchInput {
                    min-width: 100% !important;
                }
            }
            @media (min-width: 768px) {
                #searchInput {
                    min-width: 280px !important;
                    padding-right: 65px !important;
                }
            }

            /* ==========================================================================
            Signup Page Theme Overrides
            ========================================================================== */

            /* Signup Form Style Overrides */
            .am-signup {
                width: 100%;
            }
            .am-form form {
                background: transparent !important;
                border: none !important;
                box-shadow: none !important;
                padding: 0 !important;
                margin: 0 !important;
            }

            /* Input elements override for Tabler design */
            .am-form input[type="text"], 
            .am-form input[type="password"], 
            .am-form input[type="email"], 
            .am-form select,
            .am-form textarea {
                display: block;
                width: 100%;
                padding: 0.4375rem 0.75rem;
                font-size: 0.875rem;
                font-weight: 400;
                line-height: 1.4285714;
                color: #1e293b;
                background-color: #fafbfe !important;
                border: 1px solid #e2e8f0 !important;
                appearance: none;
                border-radius: 6px !important;
                transition: border-color 0.2s, background-color 0.2s, box-shadow 0.2s !important;
            }

            .am-form input[type="text"]:focus, 
            .am-form input[type="password"]:focus, 
            .am-form input[type="email"]:focus, 
            .am-form select:focus,
            .am-form textarea:focus {
                background-color: #ffffff !important;
                border-color: var(--tblr-primary) !important;
                box-shadow: 0 0 0 0.25rem rgba(0, 114, 27, 0.15) !important;
                outline: 0;
            }

            .am-form .am-row {
                margin-bottom: 0.75rem !important; /* Extremely neat compact vertical spacing */
                padding: 0 !important;
                background: transparent !important;
                border: none !important;
            }

            .am-form .am-element-title,
            .am-form .am-element-title label {
                font-size: 0.875rem !important;
                font-weight: 500 !important; /* Premium clean Tabler label weight */
                color: #1e293b !important;
                margin-bottom: 0.15rem !important; /* Snug compact gap right above input */
                display: block !important;
                padding: 0 !important;
                float: none !important;
                text-align: left !important;
                width: auto !important;
            }
            html[data-bs-theme="dark"] .am-form .am-element-title,
            html[data-bs-theme="dark"] .am-form .am-element-title label {
                color: #f3f4f6 !important;
            }

            .am-form .am-element {
                margin-left: 0 !important;
                float: none !important;
                width: 100% !important;
                padding-left: 0 !important;
                padding-right: 0 !important;
            }

            /* First & Last Name side-by-side flexbox configuration */
            .am-element.group {
                display: flex !important;
                flex-direction: row !important;
                gap: 15px !important;
                width: 100% !important;
            }
            .am-element.group input {
                flex: 1 !important;
                width: 0 !important;
            }
            @media (max-width: 576px) {
                .am-element.group {
                    flex-direction: column !important;
                    gap: 10px !important;
                }
                .am-element.group input {
                    width: 100% !important;
                }
            }

            /* Password visibility toggle lock inside input container */
            .am-pass-indicator-wrap {
                position: relative !important;
                width: 100% !important;
                display: block !important;
            }
            .am-pass-indicator-wrap input[type="password"] {
                width: 100% !important;
                padding-right: 45px !important; /* Prevents text overlapping with the eye icon */
            }
            .am-switch-reveal {
                position: absolute !important;
                right: 14px !important;
                top: 50% !important;
                transform: translateY(-50%) !important;
                cursor: pointer !important;
                z-index: 10 !important;
                opacity: 0.6;
                transition: opacity 0.2s ease;
            }
            .am-switch-reveal:hover {
                opacity: 1 !important;
            }

            /* Beautiful Password Strength Indicator Bar */
            .am-pass-indicator-bar {
                height: 4px !important;
                background: #e2e8f0 !important;
                border-radius: 2px !important;
                margin-top: 8px !important;
                overflow: hidden !important;
                width: 100% !important;
            }
            html[data-bs-theme="dark"] .am-pass-indicator-bar {
                background: rgba(255,255,255,0.1) !important;
            }
            .am-pass-indicator-bar_bar {
                height: 100% !important;
                transition: width 0.2s ease, background-color 0.2s ease !important;
            }

            /* Hide noisy helper comment texts under fields for a clean look containing only Labels and Inputs */
            .am-form .comment {
                display: none !important;
            }

            /* Hide aMember signup form headers and standard styling wrappers */
            .am-form fieldset legend {
                display: none !important;
            }
            .am-form fieldset {
                border: none !important;
                padding: 0 !important;
                margin: 0 !important;
            }
            .am-form .am-row-required .am-element-title::after {
                content: " *";
                color: #d6336c;
                font-weight: bold;
            }

            /* Buttons row layout override */
            .am-form #buttons {
                margin-top: 1.5rem !important;
                padding-left: 0 !important;
                margin-left: 0 !important;
                display: flex;
                justify-content: center;
            }
            .am-form #buttons input[type="submit"] {
                width: 100% !important;
                padding: 0.5625rem 1rem !important;
                font-size: 0.875rem !important;
                border-radius: 6px !important;
                cursor: pointer;
            }

            /* Hide standard duplicate login offer inside the form to match modern clean SaaS styling */
            .am-signup .text-muted.small,
            .am-login-text {
                display: none !important;
            }

            /* Login offer and external links styling */
            .am-signup-link {
                display: block;
                text-align: center;
                margin-top: 1.5rem;
                font-size: 0.875rem;
                color: #64748b;
            }

            /* Error message rendering */
            ul.am-error, ul.am-errors {
                list-style: none;
                padding: 0.75rem 1rem !important;
                margin: 0 0 1.25rem 0 !important;
                background: rgba(214, 51, 108, 0.08) !important;
                border: 1px solid rgba(214, 51, 108, 0.2) !important;
                color: #d6336c !important;
                border-radius: 8px !important;
                font-size: 0.8125rem;
            }
            ul.am-error li, ul.am-errors li {
                margin-bottom: 0.25rem;
            }
            ul.am-error li:last-child, ul.am-errors li:last-child {
                margin-bottom: 0;
            }

            /* Premium modern Google Sign-in button override */
            .am-google-button-wrapper, .social-login-container {
                display: flex !important;
                justify-content: center !important;
                align-items: center !important;
                width: 100% !important;
                margin: 20px 0 !important;
            }

            .am-google-button {
                display: flex !important;
                justify-content: center !important;
                align-items: center !important;
                width: 100% !important;
            }

            .am-google-button a {
                display: flex !important;
                align-items: center !important;
                justify-content: center !important;
                gap: 12px !important;
                width: 100% !important;
                max-width: 100% !important;
                height: auto !important;
                padding: 0.625rem 1rem !important;
                background-color: #ffffff !important;
                border: 1px solid #d1d5db !important;
                border-radius: 6px !important;
                color: #374151 !important;
                text-decoration: none !important;
                box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05) !important;
                transition: all 0.2s ease !important;
                cursor: pointer !important;
            }

            .am-google-button a:hover {
                background-color: #f9fafb !important;
                border-color: #c5cdd6 !important;
                box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05) !important;
                transform: translateY(-1px) !important;
            }

            .am-google-button a:active {
                transform: translateY(0) !important;
            }

            .am-google-button a img {
                display: none !important; /* Hide old PNG base64 image */
            }

            /* Official Vector Google SVG Icon */
            .am-google-button a::before {
                content: "" !important;
                display: inline-block !important;
                width: 18px !important;
                height: 18px !important;
                background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' width='18px' height='18px'%3E%3Cpath fill='%23EA4335' d='M24 9.5c3.54 0 6.71 1.22 9.21 3.6l6.85-6.85C35.9 2.38 30.47 0 24 0 14.62 0 6.51 5.38 2.56 13.22l7.98 6.19C12.43 13.72 17.74 9.5 24 9.5z'/%3E%3Cpath fill='%234285F4' d='M46.5 24c0-1.61-.15-3.16-.42-4.69H24v8.88h12.62c-.54 2.85-2.15 5.27-4.57 6.9l7.13 5.53C43.37 36.33 46.5 30.68 46.5 24z'/%3E%3Cpath fill='%23FBBC05' d='M10.54 28.59c-.48-1.45-.76-2.99-.76-4.59s.27-3.14.76-4.59l-7.98-6.19C.92 16.46 0 20.12 0 24c0 3.88.92 7.54 2.56 10.78l7.98-6.19z'/%3E%3Cpath fill='%2334A853' d='M24 48c6.48 0 11.93-2.13 15.89-5.81l-7.13-5.53c-1.97 1.36-4.49 2.17-8.76 2.17-6.26 0-11.57-4.22-13.46-9.91l-7.98 6.19C6.51 42.62 14.62 48 24 48z'/%3E%3C/svg%3E") !important;
                background-size: contain !important;
                background-repeat: no-repeat !important;
                background-position: center !important;
            }

            /* Premium Inter Font text alignment */
            .am-google-button a::after {
                content: "Sign up with Google" !important;
                font-size: 0.875rem !important;
                font-weight: 500 !important;
                font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
            }

            /* Dark Mode Google Button Override */
            html[data-bs-theme="dark"] .am-google-button a {
                background-color: #1e293b !important;
                border-color: rgba(255, 255, 255, 0.1) !important;
                color: #f3f4f6 !important;
                box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2) !important;
            }

            html[data-bs-theme="dark"] .am-google-button a:hover {
                background-color: #243049 !important;
                border-color: rgba(255, 255, 255, 0.2) !important;
                box-shadow: 0 6px 16px rgba(0, 0, 0, 0.3) !important;
            }

            html[data-bs-theme="dark"] .am-google-button a:active {
                transform: translateY(0) !important;
            }

            /* Dark mode inputs override */
            html[data-bs-theme="dark"] .am-form input[type="text"], 
            html[data-bs-theme="dark"] .am-form input[type="password"], 
            html[data-bs-theme="dark"] .am-form input[type="email"], 
            html[data-bs-theme="dark"] .am-form select,
            html[data-bs-theme="dark"] .am-form textarea {
                background-color: #1e293b !important;
                border-color: rgba(255,255,255,0.1) !important;
                color: #ffffff !important;
                -webkit-text-fill-color: #ffffff !important;
            }
            html[data-bs-theme="dark"] .am-form input[type="text"]:focus, 
            html[data-bs-theme="dark"] .am-form input[type="password"]:focus, 
            html[data-bs-theme="dark"] .am-form input[type="email"]:focus, 
            html[data-bs-theme="dark"] .am-form select:focus,
            html[data-bs-theme="dark"] .am-form textarea:focus {
                background-color: #1e293b !important;
                border-color: var(--tblr-primary) !important;
                box-shadow: 0 0 0 0.25rem rgba(0, 114, 27, 0.25) !important;
                color: #ffffff !important;
                -webkit-text-fill-color: #ffffff !important;
            }

            html[data-bs-theme="dark"] .am-form .am-element-title {
                color: #cbd5e1 !important;
            }

            /* Chrome Autofill in Dark Mode */
            html[data-bs-theme="dark"] .am-form input:-webkit-autofill {
                -webkit-box-shadow: 0 0 0 30px #1e293b inset !important;
                -webkit-text-fill-color: #ffffff !important;
            }

            .am-form input[type="checkbox"], 
            .am-form input[type="radio"] {
                width: auto !important;
                display: inline-block !important;
                margin-right: 8px !important;
                cursor: pointer;
            }

            /* Hide Google Sign-in button on the Email Verification screen to avoid clutter */
            .am-signup:has(#EmailCode) .am-google-button-wrapper {
                display: none !important;
            }

            /* Premium Email Confirmation Success Box Overrides */
            #row-email-confirm-message-0 {
                background: rgba(0, 114, 27, 0.05) !important;
                border: 1px solid rgba(0, 114, 27, 0.15) !important;
                border-radius: 8px !important;
                padding: 2.25rem 1.5rem !important;
                margin-top: 1rem !important;
                margin-bottom: 2rem !important;
                text-align: center !important;
                display: flex !important;
                flex-direction: column !important;
                align-items: center !important;
                justify-content: center !important;
                gap: 15px !important;
                box-shadow: 0 4px 12px rgba(0, 114, 27, 0.03) !important;
            }

            /* Official Lucide-style Envelope SVG Icon */
            #row-email-confirm-message-0::before {
                content: "" !important;
                display: block !important;
                width: 48px !important;
                height: 48px !important;
                margin-bottom: 4px !important;
                background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 24 24' fill='none' stroke='%2300721b' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect width='20' height='16' x='2' y='4' rx='2'/%3E%3Cpath d='m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7'/%3E%3C/svg%3E") !important;
                background-size: contain !important;
                background-repeat: no-repeat !important;
                background-position: center !important;
            }
            #row-email-confirm-message-0 .am-element {
                font-size: 0.9375rem !important;
                font-weight: 500 !important;
                line-height: 1.6 !important;
                color: #374151 !important;
                max-width: 520px !important;
                margin: 0 auto !important;
                text-align: center !important;
            }

            /* Dark Mode specific styles for the Confirmation box */
            html[data-bs-theme="dark"] #row-email-confirm-message-0 {
                background: rgba(0, 114, 27, 0.08) !important;
                border-color: rgba(0, 114, 27, 0.25) !important;
                box-shadow: 0 4px 20px rgba(0, 0, 0, 0.25) !important;
            }

            html[data-bs-theme="dark"] #row-email-confirm-message-0 .am-element {
                color: #f3f4f6 !important;
            }

            /* ==========================================================================
            Payment System Selectable Cards
            ========================================================================== */

            .am-form #row-paysys_id .am-element {
                display: flex !important;
                flex-direction: column !important;
                gap: 12px !important;
                margin-top: 5px !important;
            }

            .am-form #row-paysys_id .am-element label {
                display: flex !important;
                flex-direction: row !important;
                align-items: center !important;
                gap: 14px !important;
                padding: 14px 18px !important;
                margin-bottom: 0 !important;
                border: 1px solid #e2e8f0 !important;
                border-left: 4px solid transparent !important;
                border-radius: 8px !important;
                background-color: #ffffff !important;
                cursor: pointer !important;
                transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;
                width: 100% !important;
                box-shadow: 0 1px 2px rgba(0, 0, 0, 0.01) !important;
            }

            html[data-bs-theme="dark"] .am-form #row-paysys_id .am-element label {
                border-color: rgba(255, 255, 255, 0.06) !important;
                background-color: #1e293b !important;
                box-shadow: none !important;
            }

            .am-form #row-paysys_id .am-element label:hover {
                border-color: #00721b !important;
                background-color: #ffffff !important;
                transform: translateY(-1px) !important;
                box-shadow: 0 4px 12px rgba(0, 114, 27, 0.08) !important;
            }

            html[data-bs-theme="dark"] .am-form #row-paysys_id .am-element label:hover {
                background-color: #243049 !important;
                border-color: #00721b !important;
            }

            /* Selected state using modern CSS :has() (Vibrant Purple/Violet theme) */
            .am-form #row-paysys_id .am-element label:has(input[type="radio"]:checked) {
                border-color: #00721b !important;
                border-left-color: #00721b !important;
                background-color: rgba(0, 114, 27, 0.04) !important;
                box-shadow: 0 0 0 3px rgba(0, 114, 27, 0.12) !important;
            }

            html[data-bs-theme="dark"] .am-form #row-paysys_id .am-element label:has(input[type="radio"]:checked) {
                background-color: rgba(0, 114, 27, 0.08) !important;
                box-shadow: 0 0 0 3px rgba(0, 114, 27, 0.25) !important;
            }

            /* Pay system radio input styling */
            .am-form #row-paysys_id .am-element input[type="radio"] {
                margin: 0 !important;
                width: 18px !important;
                height: 18px !important;
                accent-color: var(--tblr-primary) !important;
                flex-shrink: 0 !important;
                cursor: pointer !important;
            }

            /* Paysystem info styling inside card */
            .am-form #row-paysys_id .am-element .am-paysystem-title {
                font-size: 0.9rem !important;
                font-weight: 600 !important;
                color: #1e293b !important;
                display: inline-block !important;
            }

            html[data-bs-theme="dark"] .am-form #row-paysys_id .am-element .am-paysystem-title {
                color: #f8fafc !important;
            }

            .am-form #row-paysys_id .am-element .am-paysystem-desc {
                font-size: 0.75rem !important;
                color: #64748b !important;
                font-style: normal !important;
                margin-top: 3px !important;
                display: block !important;
            }

            html[data-bs-theme="dark"] .am-form #row-paysys_id .am-element .am-paysystem-desc {
                color: #94a3b8 !important;
            }

            /* ==========================================================================
            Checkout Form Section Boxes & Product Cards Overrides
            ========================================================================== */

            #row-paysys_id, 
            #row-product-0, 
            #row-product_id, 
            [id^="row-product-"] {
                background-color: #f8fafc !important;
                border: 1px solid #e2e8f0 !important;
                border-radius: 12px !important;
                padding: 22px 20px !important;
                margin-bottom: 24px !important;
                box-shadow: 0 1px 2px rgba(0,0,0,0.01) !important;
            }

            html[data-bs-theme="dark"] #row-paysys_id, 
            html[data-bs-theme="dark"] #row-product-0, 
            html[data-bs-theme="dark"] #row-product_id, 
            html[data-bs-theme="dark"] [id^="row-product-"] {
                background-color: #171e2e !important;
                border-color: rgba(255, 255, 255, 0.05) !important;
                box-shadow: none !important;
            }

            /* Custom visual title overrides inside padded section boxes */
            #row-paysys_id .am-element-title, 
            #row-product-0 .am-element-title, 
            #row-product_id .am-element-title, 
            [id^="row-product-"] .am-element-title {
                font-size: 0.95rem !important;
                font-weight: 600 !important;
                color: #0f172a !important;
                margin-bottom: 14px !important;
                border-bottom: 1px solid #f1f5f9 !important;
                padding-bottom: 8px !important;
            }

            html[data-bs-theme="dark"] #row-paysys_id .am-element-title, 
            html[data-bs-theme="dark"] #row-product-0 .am-element-title, 
            html[data-bs-theme="dark"] #row-product_id .am-element-title, 
            html[data-bs-theme="dark"] [id^="row-product-"] .am-element-title {
                color: #f8fafc !important;
                border-bottom-color: rgba(255, 255, 255, 0.06) !important;
            }

            /* Membership Type Selectable Product Cards */
            .am-form [id^="row-product-"] .am-element {
                display: flex !important;
                flex-direction: column !important;
                gap: 12px !important;
                margin-top: 5px !important;
            }

            .am-form [id^="row-product-"] .am-element label {
                display: flex !important;
                flex-direction: row !important;
                align-items: center !important;
                gap: 14px !important;
                padding: 14px 18px !important;
                margin-bottom: 0 !important;
                border: 1px solid #e2e8f0 !important;
                border-left: 4px solid transparent !important;
                border-radius: 8px !important;
                background-color: #ffffff !important;
                cursor: pointer !important;
                transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;
                width: 100% !important;
                box-shadow: 0 1px 2px rgba(0, 0, 0, 0.02) !important;
            }

            html[data-bs-theme="dark"] .am-form [id^="row-product-"] .am-element label {
                border-color: rgba(255, 255, 255, 0.08) !important;
                background-color: #1e293b !important;
                box-shadow: none !important;
            }

            .am-form [id^="row-product-"] .am-element label:hover {
                border-color: var(--tblr-primary) !important;
                background-color: #ffffff !important;
                transform: translateY(-1px) !important;
                box-shadow: 0 4px 12px rgba(0, 0, 0, 0.04) !important;
            }

            html[data-bs-theme="dark"] .am-form [id^="row-product-"] .am-element label:hover {
                background-color: #243049 !important;
                border-color: var(--tblr-primary) !important;
            }

            /* Selected state using modern CSS :has() (Vibrant Green checkout theme) */
            .am-form [id^="row-product-"] .am-element label:has(input[type="radio"]:checked) {
                border-color: #2ecc71 !important;
                border-left-color: #2ecc71 !important;
                background-color: rgba(46, 204, 113, 0.04) !important;
                box-shadow: 0 0 0 3px rgba(46, 204, 113, 0.12) !important;
            }

            html[data-bs-theme="dark"] .am-form [id^="row-product-"] .am-element label:has(input[type="radio"]:checked) {
                background-color: rgba(46, 204, 113, 0.08) !important;
                box-shadow: 0 0 0 3px rgba(46, 204, 113, 0.25) !important;
            }

            .am-form [id^="row-product-"] .am-element label:has(input[type="radio"]:checked) input[type="radio"] {
                accent-color: #2ecc71 !important;
            }

            .am-form [id^="row-product-"] .am-element label:has(input[type="radio"]:checked) .am-product-price-badge {
                background-color: rgba(46, 204, 113, 0.12) !important;
                color: #27ae60 !important;
                border-color: rgba(46, 204, 113, 0.25) !important;
            }

            html[data-bs-theme="dark"] .am-form [id^="row-product-"] .am-element label:has(input[type="radio"]:checked) .am-product-price-badge {
                background-color: rgba(46, 204, 113, 0.18) !important;
                color: #2ecc71 !important;
                border-color: rgba(46, 204, 113, 0.35) !important;
            }

            /* Membership radio input styling */
            .am-form [id^="row-product-"] .am-element input[type="radio"] {
                margin: 0 !important;
                width: 18px !important;
                height: 18px !important;
                accent-color: var(--tblr-primary) !important;
                flex-shrink: 0 !important;
                cursor: pointer !important;
            }

            /* Product details inner formatting */
            .am-form [id^="row-product-"] .am-element .am-product-title {
                font-size: 0.9rem !important;
                font-weight: 600 !important;
                color: #1e293b !important;
                display: inline-block !important;
            }

            html[data-bs-theme="dark"] .am-form [id^="row-product-"] .am-element .am-product-title {
                color: #f8fafc !important;
            }

            .am-form [id^="row-product-"] .am-element .am-product-desc {
                font-size: 0.75rem !important;
                color: #64748b !important;
                font-style: normal !important;
                margin-top: 3px !important;
                display: block !important;
            }

            html[data-bs-theme="dark"] .am-form [id^="row-product-"] .am-element .am-product-desc {
                color: #94a3b8 !important;
            }

            /* ==========================================================================
            Tabler Invoice Summary Overrides
            ========================================================================== */

            .am-invoice-summary {
                background-color: #fafbfe !important;
                border: 1px dashed #cbd5e1 !important;
                border-radius: 12px !important;
                padding: 20px !important;
                margin-top: 10px !important;
                margin-bottom: 28px !important;
                box-shadow: none !important;
            }

            html[data-bs-theme="dark"] .am-invoice-summary {
                background-color: rgba(255, 255, 255, 0.02) !important;
                border-color: rgba(255, 255, 255, 0.15) !important;
            }

            .am-invoice-summary table {
                width: 100% !important;
                border-collapse: collapse !important;
            }

            .am-invoice-summary td {
                padding: 10px 12px !important;
                font-size: 0.875rem !important;
                color: #475569 !important;
                border-bottom: 1px solid #f1f5f9 !important;
            }

            html[data-bs-theme="dark"] .am-invoice-summary td {
                color: #cbd5e1 !important;
                border-bottom-color: rgba(255, 255, 255, 0.06) !important;
            }

            .am-invoice-summary tr:last-child td,
            .am-invoice-summary .am-invoice-summary-row-total td {
                border-bottom: none !important;
            }

            .am-invoice-summary .am-invoice-summary-item-num {
                color: #94a3b8 !important;
                font-weight: 500 !important;
            }

            .am-invoice-summary .am-invoice-summary-price {
                text-align: right !important;
                font-weight: 600 !important;
                color: #0f172a !important;
            }

            html[data-bs-theme="dark"] .am-invoice-summary .am-invoice-summary-price {
                color: #f8fafc !important;
            }

            .am-invoice-summary-row-total {
                background-color: rgba(0, 114, 27, 0.03) !important;
            }

            html[data-bs-theme="dark"] .am-invoice-summary-row-total {
                background-color: rgba(0, 114, 27, 0.08) !important;
            }

            .am-invoice-summary-row-total td {
                font-weight: 700 !important;
                font-size: 1rem !important;
                color: var(--tblr-primary) !important;
                padding-top: 14px !important;
                padding-bottom: 14px !important;
            }

            .am-invoice-summary-row-total td:last-child {
                font-size: 1.125rem !important;
            }

            /* ==========================================================================
            Vibrant Purple/Violet Primary Theme Override (#00721b)
            ========================================================================== */

            body[class*="am-page-signup"] {
                --tblr-primary: #00721b !important;
                --tblr-primary-rgb: 0, 114, 27 !important;
            }

            body[class*="am-page-signup"] .btn-primary, 
            body[class*="am-page-signup"] .am-form input[type="submit"], 
            body[class*="am-page-signup"] input[type="submit"] {
                --tblr-btn-bg: #00721b !important;
                --tblr-btn-border-color: #00721b !important;
                --tblr-btn-hover-bg: #005915 !important;
                --tblr-btn-hover-border-color: #005915 !important;
                --tblr-btn-active-bg: #005915 !important;
                --tblr-btn-active-border-color: #005915 !important;
                background-color: #00721b !important;
                border-color: #00721b !important;
                box-shadow: 0 4px 12px rgba(0, 114, 27, 0.2) !important;
            }

            body[class*="am-page-signup"] .btn-primary:hover, 
            body[class*="am-page-signup"] .am-form input[type="submit"]:hover, 
            body[class*="am-page-signup"] input[type="submit"]:hover {
                background-color: #005915 !important;
                border-color: #005915 !important;
                box-shadow: 0 6px 16px rgba(0, 114, 27, 0.3) !important;
            }

            /* Unselected (neutral gray) price badges inside product labels */
            body[class*="am-page-signup"] .am-form [id^="row-product-"] .am-element label .am-product-price-badge {
                background-color: #f1f5f9 !important;
                color: #475569 !important;
                border: 1px solid #e2e8f0 !important;
                font-size: 0.82rem !important;
                font-weight: 500 !important;
                padding: 5px 10px !important;
                border-radius: 6px !important;
                transition: all 0.2s ease !important;
            }

            html[data-bs-theme="dark"] body[class*="am-page-signup"] .am-form [id^="row-product-"] .am-element label .am-product-price-badge {
                background-color: rgba(255, 255, 255, 0.04) !important;
                color: #94a3b8 !important;
                border-color: rgba(255, 255, 255, 0.06) !important;
            }

            /* Checked (highlighted green) price badges inside product labels */
            body[class*="am-page-signup"] .am-form [id^="row-product-"] .am-element label:has(input[type="radio"]:checked) .am-product-price-badge {
                background-color: rgba(46, 204, 113, 0.12) !important;
                color: #27ae60 !important;
                border-color: rgba(46, 204, 113, 0.25) !important;
                font-weight: 600 !important;
            }

            html[data-bs-theme="dark"] body[class*="am-page-signup"] .am-form [id^="row-product-"] .am-element label:has(input[type="radio"]:checked) .am-product-price-badge {
                background-color: rgba(46, 204, 113, 0.18) !important;
                color: #2ecc71 !important;
                border-color: rgba(46, 204, 113, 0.35) !important;
            }

            /* Secure Checkout Trust Badge overrides */
            body[class*="am-page-signup"] .badge.bg-primary-lt {
                background-color: rgba(0, 114, 27, 0.08) !important;
                color: #00721b !important;
                font-size: 0.725rem !important;
                border: 1px solid rgba(0, 114, 27, 0.15) !important;
            }

            /* Premium Top Stripe accent line on the main checkout card container */
            body[class*="am-page-signup"]:not(.am-page-signup-default) .card {
                border-top: 4px solid #00721b !important;
                box-shadow: 0 20px 40px rgba(0, 0, 0, 0.04) !important;
            }

            html[data-bs-theme="dark"] body[class*="am-page-signup"]:not(.am-page-signup-default) .card {
                border-top-color: #00721b !important;
                box-shadow: 0 20px 50px rgba(0, 0, 0, 0.28) !important;
            }

            /* ==========================================================================
            Profile Page Theme Overrides
            ========================================================================== */
            .card-profile {
                border-radius: 16px !important;
                border: 1px solid rgba(0,0,0,0.06) !important;
                box-shadow: 0 4px 20px rgba(0,0,0,0.02) !important;
                background-color: #ffffff !important;
            }
            html[data-bs-theme="dark"] .card-profile {
                background-color: #131926 !important;
                border: 1px solid rgba(255,255,255,0.06) !important;
                box-shadow: 0 10px 30px rgba(0,0,0,0.3) !important;
            }

            .am-profile-form-container {
                padding: 2rem !important;
                background-color: var(--tblr-bg-surface, #ffffff) !important;
                border-radius: 12px !important;
                border: 1px solid var(--tblr-border-color, #e2e8f0) !important;
            }
            html[data-bs-theme="dark"] .am-profile-form-container {
                background-color: rgba(255, 255, 255, 0.01) !important;
                border-color: rgba(255, 255, 255, 0.05) !important;
            }

            .am-profile-form-container .am-row {
                margin-bottom: 1.25rem !important;
                display: flex;
                flex-direction: column;
            }


            /* Style top row columns to reside side-by-side */
            .am-profile-read-only-grid .am-row {
                margin-bottom: 0 !important;
                display: flex !important;
                flex-direction: column !important;
            }

            /* Smart universal style for read-only values (when no input is present) */
            .am-profile-form-container .am-element:not(:has(input)):not(:has(a)):not(:has(button)) {
                display: block !important;
                width: 100% !important;
                padding: 0.4375rem 0.75rem !important;
                font-size: 0.875rem !important;
                font-weight: 500 !important;
                color: #475569 !important;
                background-color: var(--tblr-bg-surface-secondary, #fafbfe) !important;
                border: 1px solid var(--tblr-border-color, #e2e8f0) !important;
                border-radius: 6px !important;
                min-height: 38px !important;
                box-sizing: border-box !important;
            }
            html[data-bs-theme="dark"] .am-profile-form-container .am-element:not(:has(input)):not(:has(a)):not(:has(button)) {
                background-color: #111622 !important;
                border-color: rgba(255, 255, 255, 0.06) !important;
                color: #94a3b8 !important;
            }

            /* Style the read-only labels to look identical to disabled inputs for other pages */
            #row-login-0 .am-element:not(:has(input)),
            #row-name-0 .am-element:not(:has(input)),
            #row-email-0 .am-element:not(:has(input)) {
                background-color: var(--tblr-bg-surface-secondary, #fafbfe) !important;
                border: 1px solid var(--tblr-border-color, #e2e8f0) !important;
                padding: 0.5rem 0.75rem !important;
                border-radius: 6px !important;
                font-size: 0.875rem !important;
                color: #475569 !important;
                font-weight: 500 !important;
                display: block;
                width: 100%;
                min-height: 38px;
            }
            
            html[data-bs-theme="dark"] #row-login-0 .am-element:not(:has(input)),
            html[data-bs-theme="dark"] #row-name-0 .am-element:not(:has(input)),
            html[data-bs-theme="dark"] #row-email-0 .am-element:not(:has(input)) {
                background-color: #111622 !important;
                border-color: rgba(255, 255, 255, 0.06) !important;
                color: #94a3b8 !important;
            }

            /* Helpdesk style action button for Change Password toggle */
            .am-change-pass-toggle {
                display: inline-flex !important;
                align-items: center !important;
                justify-content: center !important;
                padding: 0.45rem 1.1rem !important;
                font-size: 0.82rem !important;
                font-weight: 600 !important;
                border-radius: 6px !important;
                color: var(--tblr-primary, #00721b) !important;
                background-color: rgba(0, 114, 27, 0.06) !important;
                border: 1px solid rgba(0, 114, 27, 0.15) !important;
                text-decoration: none !important;
                transition: all 0.2s ease !important;
            }
            .am-change-pass-toggle:hover {
                background-color: rgba(0, 114, 27, 0.12) !important;
                border-color: var(--tblr-primary, #00721b) !important;
                transform: translateY(-1px);
            }

            /* Style all editable input fields, select fields and textareas */
            .am-profile-form-container input[type="text"],
            .am-profile-form-container input[type="email"],
            .am-profile-form-container input[type="password"],
            .am-profile-form-container select,
            .am-profile-form-container textarea {
                display: block !important;
                width: 100% !important;
                padding: 0.5rem 0.75rem !important;
                font-size: 0.875rem !important;
                font-weight: 400 !important;
                line-height: 1.4285714 !important;
                color: var(--tblr-body-color, #1e293b) !important;
                background-color: var(--tblr-bg-surface, #ffffff) !important;
                border: 1px solid var(--tblr-border-color, #e2e8f0) !important;
                border-radius: 6px !important;
                transition: border-color 0.2s, background-color 0.2s, box-shadow 0.2s !important;
                box-sizing: border-box !important;
            }

            html[data-bs-theme="dark"] .am-profile-form-container input[type="text"],
            html[data-bs-theme="dark"] .am-profile-form-container input[type="email"],
            html[data-bs-theme="dark"] .am-profile-form-container input[type="password"],
            html[data-bs-theme="dark"] .am-profile-form-container select,
            html[data-bs-theme="dark"] .am-profile-form-container textarea {
                background-color: #111622 !important;
                border-color: rgba(255, 255, 255, 0.06) !important;
                color: #94a3b8 !important;
            }

            .am-profile-form-container input[type="text"]:focus,
            .am-profile-form-container input[type="email"]:focus,
            .am-profile-form-container input[type="password"]:focus,
            .am-profile-form-container select:focus,
            .am-profile-form-container textarea:focus {
                background-color: var(--tblr-bg-surface, #ffffff) !important;
                border-color: var(--tblr-primary, #00721b) !important;
                box-shadow: 0 0 0 0.25rem rgba(0, 114, 27, 0.15) !important;
                outline: 0 !important;
            }

            html[data-bs-theme="dark"] .am-profile-form-container input[type="text"]:focus,
            html[data-bs-theme="dark"] .am-profile-form-container input[type="email"]:focus,
            html[data-bs-theme="dark"] .am-profile-form-container input[type="password"]:focus,
            html[data-bs-theme="dark"] .am-profile-form-container select:focus,
            html[data-bs-theme="dark"] .am-profile-form-container textarea:focus {
                background-color: #111622 !important;
            }

            /* Style and position the comments on profile password inputs */
            .am-profile-form-container .comment {
                display: block !important;
                font-size: 0.75rem !important;
                color: #64748b !important;
                margin-top: 0.35rem !important;
                font-weight: 400 !important;
                line-height: 1.4 !important;
            }
            html[data-bs-theme="dark"] .am-profile-form-container .comment {
                color: #94a3b8 !important;
            }

            /* Style the save button like a premium primary button */
            .am-cta-profile,
            .am-profile-form-container input[type="submit"] {
                background-color: var(--tblr-primary, #00721b) !important;
                color: #ffffff !important;
                border: 1px solid var(--tblr-primary, #00721b) !important;
                padding: 0.5rem 1.5rem !important;
                font-size: 0.875rem !important;
                font-weight: 600 !important;
                border-radius: 6px !important;
                cursor: pointer !important;
                box-shadow: 0 2px 4px rgba(0, 114, 27, 0.1) !important;
                transition: all 0.2s ease !important;
                width: auto !important;
                display: inline-block !important;
            }
            .am-cta-profile:hover,
            .am-profile-form-container input[type="submit"]:hover {
                background-color: #005915 !important;
                border-color: #005915 !important;
                box-shadow: 0 4px 8px rgba(0, 114, 27, 0.15) !important;
                transform: translateY(-1px);
            }

            #row-_submit_-0 .am-element {
                text-align: left !important;
                margin-top: 1.25rem !important;
            }

            /* Collapsible Address & Security Card Section Styles */
            .am-address-section-card,
            .am-security-section-card {
                border-radius: 12px !important;
                border: 1px dashed var(--tblr-border-color, #e2e8f0) !important;
                background-color: transparent !important;
                transition: border-color 0.2s ease !important;
                margin-top: 1.5rem !important;
                margin-bottom: 1.5rem !important;
                width: 100% !important;
                box-shadow: none !important;
            }
            .am-address-section-card:hover,
            .am-security-section-card:hover {
                border-color: var(--tblr-primary, #00721b) !important;
            }
            html[data-bs-theme="dark"] .am-address-section-card,
            html[data-bs-theme="dark"] .am-security-section-card {
                border-color: rgba(255,255,255,0.12) !important;
            }
            html[data-bs-theme="dark"] .am-address-section-card:hover,
            html[data-bs-theme="dark"] .am-security-section-card:hover {
                border-color: var(--tblr-primary, #00721b) !important;
            }
            
            .am-address-toggle-header,
            .am-security-toggle-header {
                border-bottom: none !important;
                transition: background-color 0.2s ease !important;
            }
            .am-address-toggle-header:hover,
            .am-security-toggle-header:hover {
                background-color: rgba(0, 114, 27, 0.03) !important;
            }
            html[data-bs-theme="dark"] .am-address-toggle-header:hover,
            html[data-bs-theme="dark"] .am-security-toggle-header:hover {
                background-color: rgba(255,255,255,0.02) !important;
            }
            
            .am-address-fields-container,
            .am-security-fields-container {
                border-top: 1px solid var(--tblr-border-color, #e2e8f0) !important;
                will-change: max-height, opacity; /* GPU hardware acceleration trigger */
            }
            html[data-bs-theme="dark"] .am-address-fields-container,
            html[data-bs-theme="dark"] .am-security-fields-container {
                border-top-color: rgba(255,255,255,0.06) !important;
            }

            .am-receipt {
        margin: 2rem 0 !important;
        background-color: var(--tblr-bg-surface) !important;
        border: 1px solid var(--tblr-border-color) !important;
        border-radius: 12px !important;
        box-shadow: 0 4px 18px rgba(0,0,0,0.02) !important;
        overflow: hidden !important;
    }

    /* Dark mode – use theme surface dark color */
    html[data-bs-theme="dark"] .am-receipt {
        background-color: var(--tblr-bg-surface-dark, #131926) !important;
        border-color: rgba(255,255,255,0.06) !important;
    }
            html[data-bs-theme="dark"] .am-receipt-table td,
            html[data-bs-theme="dark"] .am-receipt-table th,
            html[data-bs-theme="dark"] .am-receipt-table td strong,
            html[data-bs-theme="dark"] .am-receipt-table td span,
            html[data-bs-theme="dark"] .am-receipt-total,
            html[data-bs-theme="dark"] .am-receipt-total strong,
            html[data-bs-theme="dark"] .am-receipt-final-price {
                color: #ffffff !important;
            }

            .am-receipt-content {
                padding: 1.5rem !important;
                overflow-x: auto !important;
            }

            .am-receipt-table {
                width: 100% !important;
                border-collapse: collapse !important;
                font-family: var(--tblr-font-sans-serif, Inter, sans-serif) !important;
                color: var(--tblr-body-color, #1e293b) !important;
                font-size: 0.875rem !important;
                margin: 0 !important;
            }

            .am-receipt-table th {
                background-color: var(--tblr-bg-surface-secondary, #fafbfe) !important;
                color: var(--tblr-text-secondary, #64748b) !important;
                font-weight: 600 !important;
                font-size: 0.75rem !important;
                text-transform: uppercase !important;
                letter-spacing: 0.04em !important;
                padding: 0.75rem 1rem !important;
                border-bottom: 1px solid var(--tblr-border-color, #e2e8f0) !important;
                text-align: left !important;
            }

            html[data-bs-theme="dark"] .am-receipt-table th {
                background-color: #0b0f19 !important;
                border-bottom-color: rgba(255, 255, 255, 0.1) !important;
            }

            .am-receipt-table td {
                padding: 1rem 1rem !important;
                border-bottom: 1px solid var(--tblr-border-color, #e2e8f0) !important;
                vertical-align: middle !important;
            }

            html[data-bs-theme="dark"] .am-receipt-table td {
                border-bottom-color: rgba(255, 255, 255, 0.1) !important;
            }

            .am-receipt-table tr:hover td {
                background-color: rgba(0, 0, 0, 0.01) !important;
            }

            html[data-bs-theme="dark"] .am-receipt-table tr:hover td {
                background-color: rgba(255, 255, 255, 0.01) !important;
            }

            .am-receipt-product-options {
                font-size: 0.78rem !important;
                color: #64748b !important;
                margin-top: 0.25rem !important;
            }

            .am-receipt-qty,
            .am-receipt-unit-price,
            .am-receipt-price {
                text-align: right !important;
            }

            .am-receipt-indent {
                border-bottom: none !important;
            }

            .am-receipt-row-delimiter td {
                padding: 0 !important;
                height: 10px !important;
                border: none !important;
            }

            .am-receipt-row-total td {
                border-bottom: none !important;
                font-size: 1rem !important;
            }

            .am-receipt-total {
                color: var(--tblr-body-color, #1e293b) !important;
            }

            .am-receipt-final-price {
                font-weight: 700 !important;
                color: var(--tblr-primary, #00721b) !important;
            }

            .am-receipt-discounted-price {
                text-decoration: line-through !important;
                color: #94a3b8 !important;
                margin-right: 0.5rem !important;
                font-size: 0.8rem !important;
            }

            .am-receipt-row-terms td {
                padding: 1rem !important;
                background-color: var(--tblr-bg-surface-secondary, #fafbfe) !important;
                border-radius: 8px !important;
                font-size: 0.8rem !important;
                border: 1px dashed var(--tblr-border-color, #e2e8f0) !important;
                color: #475569 !important;
            }

            html[data-bs-theme="dark"] .am-receipt-row-terms td {
                background-color: #0b0f19 !important;
                border-color: rgba(255, 255, 255, 0.1) !important;
            }

            /* Offline Instructions Page Enhancements */
            .easypaisa-instructions-box h1,
            .easypaisa-instructions-box h2,
            .easypaisa-instructions-box h3,
            .easypaisa-instructions-box h4 {
                color: var(--tblr-body-color, #1e293b) !important;
            }

            html[data-bs-theme="dark"] .easypaisa-instructions-box h1,
            html[data-bs-theme="dark"] .easypaisa-instructions-box h2,
            html[data-bs-theme="dark"] .easypaisa-instructions-box h3,
            html[data-bs-theme="dark"] .easypaisa-instructions-box h4 {
                color: #f1f5f9 !important;
            }

            /* ==========================================================================
               Grid / List View Layout Controls
               ========================================================================== */

            .btn-view-toggle {
                background: #ffffff !important;
                border: 1px solid #e2e8f0 !important;
                color: #64748b !important;
                width: 38px !important;
                height: 38px !important;
                padding: 0 !important;
                border-radius: 6px !important;
                box-shadow: 0 1px 3px rgba(0,0,0,0.05) !important;
                transition: all 0.2s ease !important;
                display: inline-flex !important;
                align-items: center;
                justify-content: center !important;
            }

            .btn-view-toggle svg,
            .btn-view-toggle .icon {
                margin: 0 !important;
                padding: 0 !important;
                position: static !important;
                display: block !important;
                width: 18px !important;
                height: 18px !important;
                flex-shrink: 0 !important;
            }

            .btn-view-toggle:hover {
                color: var(--tblr-primary) !important;
                background-color: #f8fafc !important;
                border-color: #cbd5e1 !important;
            }

            .btn-view-toggle.active {
                background-color: var(--tblr-primary) !important;
                border-color: var(--tblr-primary) !important;
                color: #ffffff !important;
                box-shadow: 0 2px 6px rgba(0, 114, 27, 0.25) !important;
            }

            html[data-bs-theme="dark"] .btn-view-toggle {
                background: #1b2436 !important;
                border-color: rgba(255, 255, 255, 0.08) !important;
                color: #94a3b8 !important;
            }

            html[data-bs-theme="dark"] .btn-view-toggle:hover {
                color: #ffffff !important;
                background-color: #232e42 !important;
                border-color: rgba(255, 255, 255, 0.15) !important;
            }

            html[data-bs-theme="dark"] .btn-view-toggle.active {
                background-color: var(--tblr-primary) !important;
                border-color: var(--tblr-primary) !important;
                color: #ffffff !important;
            }

            .view-toggle-group {
                display: flex;
                gap: 12px;
            }

            .search-input-wrapper {
                min-width: 240px;
                flex-grow: 1;
            }

            /* Responsive Dashboard Controls for Mobile */
            @media (max-width: 576px) {
                .search-input-wrapper {
                    min-width: 140px !important;
                }
                .view-toggle-group {
                    gap: 8px !important;
                }
                .btn-view-toggle {
                    width: 34px !important;
                    height: 34px !important;
                }
                .btn-view-toggle svg,
                .btn-view-toggle .icon {
                    width: 16px !important;
                    height: 16px !important;
                }
            }

            /* Hide core empty or redundant am-info blocks below resource list on dashboard */
            .page-member-index .am-info {
                display: none !important;
            }

            /* Default List View hidden state */
            .tool-list-view-content {
                display: none;
                align-items: center;
                justify-content: space-between;
                width: 100%;
            }

            /* List View Mode Styling */
            .mixcontainer.view-list .tool-img-container,
            .mixcontainer.view-list .tool-btn-access {
                display: none !important;
            }

            .mixcontainer.view-list .tool-list-view-content {
                display: flex !important;
                padding: 14px 18px;
                background: #ffffff;
                border-radius: 12px;
                transition: background 0.2s, border-color 0.2s, box-shadow 0.2s;
                border: 1px solid rgba(231, 234, 243, 0.9);
                box-shadow: 0 1px 3px rgba(0,0,0,0.02);
                height: 100%;
                align-items: center;
                justify-content: space-between;
                min-height: 52px;
            }

            .mixcontainer.view-list .tool-card {
                background: transparent !important;
                border: none !important;
                box-shadow: none !important;
                border-radius: 0 !important;
                overflow: visible !important;
                height: auto !important;
                transform: none !important;
            }

            .mixcontainer.view-list .tool-list-title {
                font-size: 0.95rem;
                font-weight: 700;
                color: #1e293b;
                transition: color 0.2s;
            }

            .access-arrow-list {
                color: #64748b;
                transition: transform 0.25s cubic-bezier(0.165, 0.84, 0.44, 1), color 0.25s !important;
            }

            .mixcontainer.view-list .tool-card-anchor:hover .tool-list-view-content {
                border-color: var(--tblr-primary) !important;
                background-color: rgba(0, 114, 27, 0.03) !important;
                box-shadow: 0 4px 12px rgba(0, 114, 27, 0.08) !important;
            }

            .mixcontainer.view-list .tool-card-anchor:hover .tool-list-title {
                color: var(--tblr-primary) !important;
            }

            .mixcontainer.view-list .tool-card-anchor:hover .access-arrow-list {
                transform: translate(2.5px, -2.5px);
                color: var(--tblr-primary) !important;
            }

            /* Dark Mode List View adjustments */
            html[data-bs-theme="dark"] .mixcontainer.view-list .tool-list-view-content {
                background: #131926;
                border-color: rgba(255, 255, 255, 0.05);
            }

            html[data-bs-theme="dark"] .mixcontainer.view-list .tool-card-anchor:hover .tool-list-view-content {
                background-color: rgba(255, 255, 255, 0.02) !important;
                border-color: rgba(255, 255, 255, 0.12) !important;
                box-shadow: 0 4px 15px rgba(0, 0, 0, 0.25) !important;
            }

            html[data-bs-theme="dark"] .mixcontainer.view-list .tool-list-title {
                color: #f8fafc;
            }

            html[data-bs-theme="dark"] .mixcontainer.view-list .tool-card-anchor:hover .tool-list-title {
                color: #ffffff !important;
            }

            html[data-bs-theme="dark"] .mixcontainer.view-list .access-arrow-list {
                color: #94a3b8;
            }

            /* ==========================================================================
               Helpdesk Button Styling Overrides (Minimal CSS)
               ========================================================================== */
            .am-norecord-actions a,
            .am-norecord-actions a.button,
            a[id*="-ticket-button"],
            a[id*="-insert-button"],
            #am-helpdesk-new-ticket,
            .am-helpdesk-form input[type="submit"],
            .am-helpdesk-reply-panel-content input[type="submit"],
            #row-buttons input[type="submit"],
            .am-grid-action-ticket,
            .am-grid-action-helpdesk-new,
            a[class*="am-grid-action-ticket"],
            a[class*="am-grid-action-helpdesk"],
            .am-element input[type="submit"],
            #save-0 {
                display: inline-block !important;
                background-color: var(--tblr-primary) !important;
                color: #ffffff !important;
                border: 1px solid var(--tblr-primary) !important;
                padding: 0.5rem 1.25rem !important;
                font-size: 0.875rem !important;
                font-weight: 600 !important;
                border-radius: 6px !important;
                text-decoration: none !important;
                cursor: pointer !important;
                box-shadow: 0 2px 4px rgba(0, 114, 27, 0.1) !important;
                transition: all 0.2s ease-in-out !important;
                text-align: center !important;
            }
            .am-norecord-actions a:hover,
            .am-norecord-actions a.button:hover,
            a[id*="-ticket-button"]:hover,
            a[id*="-insert-button"]:hover,
            #am-helpdesk-new-ticket:hover,
            .am-helpdesk-form input[type="submit"]:hover,
            .am-helpdesk-reply-panel-content input[type="submit"]:hover,
            #row-buttons input[type="submit"]:hover,
            .am-grid-action-ticket:hover,
            .am-grid-action-helpdesk-new:hover,
            a[class*="am-grid-action-ticket"]:hover,
            a[class*="am-grid-action-helpdesk"]:hover,
            .am-element input[type="submit"]:hover,
            #save-0:hover {
                background-color: var(--tblr-primary-dark, #005915) !important;
                border-color: var(--tblr-primary-dark, #005915) !important;
                box-shadow: 0 4px 8px rgba(0, 114, 27, 0.2) !important;
                transform: translateY(-1px) !important;
            }

            .am-helpdesk-attachment-expand {
                display: inline-flex !important;
                align-items: center !important;
                background-color: rgba(0, 114, 27, 0.05) !important;
                border: 1px dashed rgba(0, 114, 27, 0.25) !important;
                color: var(--tblr-primary) !important;
                padding: 6px 14px !important;
                font-size: 0.825rem !important;
                font-weight: 600 !important;
                border-radius: 6px !important;
                text-decoration: none !important;
                transition: all 0.2s ease !important;
                cursor: pointer !important;
            }
            .am-helpdesk-attachment-expand:hover {
                background-color: rgba(0, 114, 27, 0.1) !important;
                border-style: solid !important;
                border-color: var(--tblr-primary) !important;
            }

            /* ==========================================================================
               Comprehensive Helpdesk & Profile Button/Form Overrides (#00721b)
               ========================================================================== */
            .am-grid-actions a,
            .am-grid-actions a.button,
            .am-grid-actions input[type="submit"],
            .am-grid-action-new,
            .am-grid-action-insert,
            .am-grid-action-ticket,
            a[href*="helpdesk/new"],
            a[href*="helpdesk/index/new"],
            a[href*="helpdesk/index/p/index/new"],
            #am-helpdesk-new-ticket,
            .am-helpdesk-form input[type="submit"],
            .am-helpdesk-reply-panel input[type="submit"],
            .am-helpdesk input[type="submit"],
            #send-0,
            input#send-0 {
                background-color: var(--tblr-primary, #00721b) !important;
                border-color: var(--tblr-primary, #00721b) !important;
                color: #ffffff !important;
                box-shadow: 0 4px 12px rgba(0, 114, 27, 0.2) !important;
            }

            .am-grid-actions a:hover,
            .am-grid-actions a.button:hover,
            .am-grid-actions input[type="submit"]:hover,
            .am-grid-action-new:hover,
            .am-grid-action-insert:hover,
            .am-grid-action-ticket:hover,
            a[href*="helpdesk/new"]:hover,
            a[href*="helpdesk/index/new"]:hover,
            a[href*="helpdesk/index/p/index/new"]:hover,
            #am-helpdesk-new-ticket:hover,
            .am-helpdesk-form input[type="submit"]:hover,
            .am-helpdesk-reply-panel input[type="submit"]:hover,
            .am-helpdesk input[type="submit"]:hover,
            #send-0:hover,
            input#send-0:hover {
                background-color: var(--tblr-primary-dark, #005915) !important;
                border-color: var(--tblr-primary-dark, #005915) !important;
                color: #ffffff !important;
                box-shadow: 0 6px 16px rgba(0, 114, 27, 0.3) !important;
            }

            .am-page-profile .am-form input[type="submit"],
            .am-page-profile form input[type="submit"],
            .am-page-profile #save-0,
            .am-page-profile input[type="submit"] {
                background-color: var(--tblr-primary, #00721b) !important;
                border-color: var(--tblr-primary, #00721b) !important;
                color: #ffffff !important;
                font-weight: 600 !important;
                padding: 0.5rem 1.5rem !important;
                border-radius: 6px !important;
                box-shadow: 0 4px 12px rgba(0, 114, 27, 0.2) !important;
            }

            .am-page-profile .am-form input[type="submit"]:hover,
            .am-page-profile form input[type="submit"]:hover,
            .am-page-profile #save-0:hover,
            .am-page-profile input[type="submit"]:hover {
                background-color: var(--tblr-primary-dark, #005915) !important;
                border-color: var(--tblr-primary-dark, #005915) !important;
                color: #ffffff !important;
                box-shadow: 0 6px 16px rgba(0, 114, 27, 0.3) !important;
            }

            .am-page-profile .element-title label {
                font-weight: 600 !important;
                color: var(--tblr-body-color, #1e293b) !important;
            }

            html[data-bs-theme="dark"] .am-page-profile .element-title label {
                color: #e2e8f0 !important;
            }

            /* Direct Target Fixes for Save Profile, Submit New Ticket & Submit Ticket Buttons */
            .am-cta-profile,
            #_submit_-0,
            input[name="_submit_"],
            #am-grid-wrap-ticket-button,
            a#am-grid-wrap-ticket-button,
            .am-grid-wrap-ticket-button,
            #save-0,
            input#save-0,
            input[name="save"],
            .am-form #buttons input[type="submit"],
            .am-element input[type="submit"] {
                background-color: #00721b !important;
                border-color: #00721b !important;
                color: #ffffff !important;
                font-weight: 600 !important;
                padding: 0.5rem 1.25rem !important;
                border-radius: 6px !important;
                display: inline-flex !important;
                align-items: center !important;
                justify-content: center !important;
                text-decoration: none !important;
                box-shadow: 0 2px 6px rgba(0, 114, 27, 0.2) !important;
                transition: all 0.2s ease-in-out !important;
            }

            .am-cta-profile:hover,
            #_submit_-0:hover,
            input[name="_submit_"]:hover,
            #am-grid-wrap-ticket-button:hover,
            a#am-grid-wrap-ticket-button:hover,
            .am-grid-wrap-ticket-button:hover,
            #save-0:hover,
            input#save-0:hover,
            input[name="save"]:hover,
            .am-form #buttons input[type="submit"]:hover,
            .am-element input[type="submit"]:hover {
                background-color: #005915 !important;
                border-color: #005915 !important;
                color: #ffffff !important;
                transform: translateY(-1px) !important;
                box-shadow: 0 4px 12px rgba(0, 114, 27, 0.35) !important;
            }

            /* Product Detail Modal / Page Buttons (Add to Basket & Quick Order) */
            body .btn-detail-add-basket,
            .am-cart-product .btn-detail-add-basket {
                background-color: #00721b !important;
                border: 1px solid #00721b !important;
                color: #ffffff !important;
                font-weight: 700 !important;
                border-radius: 8px !important;
                padding: 12px 30px !important;
                box-shadow: 0 4px 12px rgba(0, 114, 27, 0.25) !important;
                transition: all 0.2s ease !important;
            }

            body .btn-detail-add-basket:hover,
            .am-cart-product .btn-detail-add-basket:hover {
                background-color: #005915 !important;
                border-color: #005915 !important;
                color: #ffffff !important;
                transform: translateY(-1px) !important;
                box-shadow: 0 6px 16px rgba(0, 114, 27, 0.35) !important;
            }

            body .btn-detail-quick-order,
            .am-cart-product .btn-detail-quick-order {
                background-color: rgba(0, 114, 27, 0.08) !important;
                border: 1px solid #00721b !important;
                color: #00721b !important;
                font-weight: 700 !important;
                border-radius: 8px !important;
                padding: 12px 30px !important;
                transition: all 0.2s ease !important;
            }

            body .btn-detail-quick-order:hover,
            .am-cart-product .btn-detail-quick-order:hover {
                background-color: #00721b !important;
                border-color: #00721b !important;
                color: #ffffff !important;
                transform: translateY(-1px) !important;
            }