

        /* MSMC Dynamic Styles */
        :root {
            --msmc-primary-color: #9d47a5;
            --msmc-primary-hover-color: #863270;
            --msmc-primary-text-color: #ffffff;
            --msmc-bg-color: #e5e5e5;
            --msmc-text-color: #000000;
            --msmc-popup-bg-color: #545454;
            --msmc-button-size: 35px;
            --msmc-font-size: 11px;
            --msmc-border-radius: 2px;
        }
        
        /* Switcher Container Positioning */
        .msmc-currency-switcher-container {
            position: fixed; top: 50%; transform: translateY(-50%); left: 3px;
            z-index: 9999;
            max-width: calc(var(--msmc-button-size) + 10px);
        }
        
        /* Popup Styling */
        body > .msmc-currency-popup {
            position: fixed !important;
            top: 0 !important;
            left: 0 !important;
            right: 0 !important;
            bottom: 0 !important;
            width: 100% !important;
            height: 100% !important;
            display: none;
            align-items: center !important;
            justify-content: center !important;
            z-index: 999999 !important;
            background-color: rgba(0, 0, 0, 0.5) !important;
        }
        
        /* Force flex display when popup is active */
        body > .msmc-currency-popup[style*='display: flex'] {
            display: flex !important;
        }
        
        /* Popup Content */
        .msmc-popup-content {
            position: relative !important;
            margin: auto !important;
            max-width: 350px !important;
            width: 90% !important;
            background-color: var(--msmc-popup-bg-color) !important;
            border-radius: 5px !important;
            padding: 20px !important;
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2) !important;
        }
        
        /* Popup Heading */
        .msmc-popup-content h2 {
            color: var(--msmc-primary-color) !important;
            margin-top: 0 !important;
            margin-bottom: 15px !important;
            font-size: 18px !important;
            text-align: center !important;
        }
        
        /* Close Button */
        .msmc-close-button {
            position: absolute !important;
            top: -10px !important;
            right: -10px !important;
            background-color: var(--msmc-primary-color) !important;
            color: white !important;
        }
        
        /* Currency Converter Styling */
        .msmc-currency-converter {
            border: 1px solid rgba(0, 0, 0, 0.1);
        }
        
        .msmc-converter-title {
            color: var(--msmc-primary-color) !important;
            font-size: calc(var(--msmc-font-size) + 4px) !important;
        }
        
        #msmc_switch_currencies,
        .msmc_switch_currencies {
            background-color: var(--msmc-primary-color) !important;
            color: var(--msmc-primary-text-color) !important;
            border-radius: var(--msmc-border-radius) !important;
        }
        
        #msmc_switch_currencies:hover,
        .msmc_switch_currencies:hover {
            background-color: var(--msmc-primary-hover-color) !important;
        }
        
        .msmc-select-wrapper select:focus,
        .msmc-input-wrapper input:focus {
            border-color: var(--msmc-primary-color) !important;
            outline: none !important;
        }

        .msmc-conversion-rate,
        .msmc_conversion_rate {
            color: var(--msmc-text-color) !important;
        }
        
        /* Responsive Adjustments */
        @media (max-width: 767px) {
            .msmc-popup-content {
                width: 95% !important;
                max-width: 320px !important;
            }
            
            .msmc-currency-converter {
                font-size: calc(var(--msmc-font-size) - 1px) !important;
            }
        }
        
        /* Accessibility - Focus States */
        .msmc-currency-button:focus,
        .msmc-switch-button:focus,
        .msmc-close-button:focus,
        .msmc_switch_currencies:focus,
        #msmc_switch_currencies:focus {
            outline: 2px solid var(--msmc-primary-color) !important;
            outline-offset: 2px !important;
        }
        
        /* Animation Support for Currency Switch */
        @keyframes msmc-fade {
            from { opacity: 0.5; }
            to { opacity: 1; }
        }
        
        .msmc-refreshing {
            animation: msmc-fade 0.3s ease;
        }
        
