.floating-menu {
            position: fixed;
            bottom: 150px;
            right: 20px;
            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
            border-radius: 15px;
            padding: 20px;
            box-shadow: 0 10px 30px rgba(0,0,0,0.3);
            z-index: 9999;
            min-width: 280px;
            max-height: 80vh;
            overflow-y: auto;
            backdrop-filter: blur(10px);
            border: 1px solid rgba(255,255,255,0.2);
        }
        
        .floating-menu h3 {
            color: white;
            margin: 0 0 15px 0;
            text-align: center;
            font-size: 16px;
            font-weight: bold;
            text-shadow: 0 2px 4px rgba(0,0,0,0.3);
        }
        
        .menu-item {
            margin-bottom: 12px;
            display: flex;
            justify-content: space-between;
            align-items: center;
            background: rgba(255,255,255,0.1);
            padding: 10px 12px;
            border-radius: 8px;
            transition: all 0.3s ease;
        }
        
        .menu-item:hover {
            background: rgba(255,255,255,0.2);
            transform: translateX(-3px);
        }
        
        /* Стилове за неактивни компоненти */
        .menu-item.inactive {
            opacity: 0.6;
        }
        
        .menu-item.inactive .menu-label,
        .menu-item.inactive .current-variant {
            text-decoration: line-through;
        }
        
        /* Стилове за checkbox */
        .component-toggle {
            width: 18px;
            height: 18px;
            margin-right: 10px;
            cursor: pointer;
            accent-color: #4ade80;
            flex-shrink: 0;
        }
        
        .component-toggle:hover {
            transform: scale(1.1);
        }
        
        .menu-label {
            color: white;
            font-size: 13px;
            font-weight: 500;
            flex: 1;
        }
        
        .current-variant {
            color: #ffd700;
            font-size: 11px;
            font-weight: bold;
            margin-right: 8px;
            background: rgba(255,215,0,0.2);
            padding: 2px 6px;
            border-radius: 4px;
        }
        
        .switch-btn {
            background: linear-gradient(45deg, #4CAF50, #45a049);
            color: white;
            border: none;
            padding: 6px 12px;
            border-radius: 6px;
            cursor: pointer;
            font-size: 11px;
            font-weight: bold;
            transition: all 0.2s ease;
            text-decoration: none;
            display: inline-block;
        }
        
        .switch-btn:hover {
            background: linear-gradient(45deg, #45a049, #4CAF50);
            transform: scale(1.05);
            box-shadow: 0 4px 12px rgba(76,175,80,0.4);
        }
        
        .switch-btn.disabled {
            background: linear-gradient(45deg, #95a5a6, #7f8c8d);
            cursor: not-allowed;
            transform: none;
            box-shadow: none;
            pointer-events: none;
        }
        
        .toggle-menu {
            position: fixed;
            bottom: 100px;
            right: 20px;
            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
            color: white;
            border: none;
            width: 50px;
            height: 50px;
            border-radius: 50%;
            cursor: pointer;
            font-size: 18px;
            z-index: 10000;
            box-shadow: 0 4px 15px rgba(0,0,0,0.3);
            transition: all 0.3s ease;
        }
        
        .toggle-menu:hover {
            transform: scale(1.1);
            box-shadow: 0 6px 20px rgba(0,0,0,0.4);
        }
        
        /* Правим иконката в бутона да не блокира кликовете */
        .toggle-menu i {
            pointer-events: none;
        }
        
        .menu-hidden {
            display: none;
        }
        
        /* Scroll стилове */
        .floating-menu::-webkit-scrollbar {
            width: 6px;
        }
        
        .floating-menu::-webkit-scrollbar-track {
            background: rgba(255,255,255,0.1);
            border-radius: 3px;
        }
        
        .floating-menu::-webkit-scrollbar-thumb {
            background: rgba(255,255,255,0.3);
            border-radius: 3px;
        }
        
        .floating-menu::-webkit-scrollbar-thumb:hover {
            background: rgba(255,255,255,0.5);
        }
        
        /* Стилове за запазване на конфигурация */
        .save-config-section {
            margin-bottom: 5px;
            padding-bottom: 5px;
        }
        
        .save-config-btn {
            width: 100%;
            background: linear-gradient(45deg, #27ae60, #2ecc71);
            color: white;
            border: none;
            padding: 12px 15px;
            border-radius: 8px;
            cursor: pointer;
            font-size: 14px;
            font-weight: bold;
            transition: all 0.3s ease;
        }
        
        .save-config-btn:hover {
            background: linear-gradient(45deg, #2ecc71, #27ae60);
            transform: translateY(-2px);
            box-shadow: 0 4px 15px rgba(39,174,96,0.4);
        }
        
        .save-config-btn:disabled {
            background: linear-gradient(45deg, #95a5a6, #7f8c8d);
            cursor: not-allowed;
            transform: none;
            box-shadow: none;
        }
        
        .save-config-message {
            min-height: 20px;
            font-size: 12px;
            font-weight: 500;
            text-align: center;
            transition: all 0.3s ease;
        }
        
        .success-message {
            background: rgba(39,174,96,0.2);
            padding: 8px;
            border-radius: 6px;
            border: 1px solid rgba(39,174,96,0.3);
        }
        
        .error-message {
            background: rgba(231,76,60,0.2);
            padding: 8px;
            border-radius: 6px;
            border: 1px solid rgba(231,76,60,0.3);
        }

        /* Стил за създаване на нова секция */
            .create-new-section {
            margin-bottom: 15px;
            margin-top: 15px;
            padding-bottom: 15px;
            border-bottom: 1px solid rgba(255,255,255,0.2);
        }

        .create-section-btn {
            width: 100%;
            background: linear-gradient(45deg, #9f7f2c, #6e6123);
            color: white;
            border: none;
            padding: 12px 15px;
            border-radius: 8px;
            cursor: pointer;
            font-size: 14px;
            font-weight: bold;
            transition: all 0.3s ease;
            margin-bottom: 10px;
        }
        
        /* Стил за неактивни компоненти */
        .menu-item.inactive {
            opacity: 0.6;
        }

        .menu-item.inactive .menu-label {
            text-decoration: line-through;
        }

        /* Drag & Drop стилове */
        .menu-item.draggable {
            cursor: move;
            transition: all 0.3s ease;
            position: relative;
            padding-left: 25px;
        }

        .menu-item.non-draggable {
            cursor: not-allowed;
            opacity: 0.8;
        }

        .menu-item.dragging {
            opacity: 0.5;
            transform: scale(0.95);
        }

        .drag-placeholder {
            background-color: #e3f2fd;
            border: 2px dashed #2196f3;
            border-radius: 4px;
            margin: 5px 0;
            transition: all 0.3s ease;
            min-height: 40px;
        }

        .menu-item.draggable:hover {
            background-color: rgba(255, 255, 255, 0.05);
        }

        /* Визуална индикация за draggable елементи */
        .menu-item.draggable::before {
            content: '⋮⋮';
            position: absolute;
            left: 5px;
            top: 50%;
            transform: translateY(-50%);
            color: #666;
            font-size: 12px;
            letter-spacing: -2px;
        }

        /* ИЗКЛЮЧВАНЕ на drag & drop за properties.php */
        body[data-page="properties"] .menu-item {
            cursor: default !important;
            padding-left: 12px !important;
        }

        body[data-page="properties"] .menu-item.draggable::before {
            display: none !important;
        }

        body[data-page="properties"] .menu-item[draggable="true"] {
            cursor: default !important;
            -webkit-user-drag: none !important;
            user-drag: none !important;
        }
        
        /* Акордеон стилове */
        .component-selector {
            flex: 1;
            margin-left: 10px;
        }
        
        .current-selection {
            display: flex;
            justify-content: space-between;
            align-items: center;
            background: rgba(255, 255, 255, 0.1);
            padding: 8px 12px;
            border-radius: 6px;
            cursor: pointer;
            transition: all 0.3s ease;
        }
        
        .current-selection:hover {
            background: rgba(255, 255, 255, 0.2);
        }
        
        .accordion-icon {
            font-size: 12px;
            transition: transform 0.3s ease;
        }
        
        .accordion-icon.rotated {
            transform: rotate(180deg);
        }
        
        .component-list {
            background: rgba(0, 0, 0, 0.3);
            border-radius: 6px;
            margin-top: 5px;
            overflow: hidden;
            max-height: 200px;
            overflow-y: auto;
        }
        
        .component-option {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 10px 12px;
            color: white;
            text-decoration: none;
            transition: all 0.3s ease;
            border-bottom: 1px solid rgba(255, 255, 255, 0.1);
        }
        
        .component-option:last-child {
            border-bottom: none;
        }
        
        .component-option:hover {
            background: rgba(255, 255, 255, 0.1);
        }
        
        .component-option.active {
            background: rgba(255, 255, 255, 0.2);
            font-weight: bold;
        }
        
        .component-option i {
            color: #4CAF50;
            font-size: 12px;
        }
        
        /* Scroll стилове за component list */
        .component-list::-webkit-scrollbar {
            width: 4px;
        }
        
        .component-list::-webkit-scrollbar-track {
            background: rgba(255, 255, 255, 0.1);
        }
        
        .component-list::-webkit-scrollbar-thumb {
            background: rgba(255, 255, 255, 0.3);
            border-radius: 2px;
        }
        
        .component-list::-webkit-scrollbar-thumb:hover {
            background: rgba(255, 255, 255, 0.5);
        }

        /* ==========================================
           THEME SELECTION SECTION
           ========================================== */

        .theme-selection-section {
            border-top: 1px solid rgba(255, 255, 255, 0.1);
            margin-top: 15px;
            padding-top: 15px;
        }

        .theme-selection-section h4 {
            color: #fff;
            font-size: 14px;
            margin-bottom: 10px;
            display: flex;
            align-items: center;
            gap: 8px;
            text-shadow: 0 2px 4px rgba(0,0,0,0.3);
        }

        .theme-selector {
            display: flex;
            flex-direction: column;
            gap: 8px;
        }

        .theme-select {
            background: rgba(255, 255, 255, 0.1);
            border: 1px solid rgba(255, 255, 255, 0.2);
            color: #fff;
            padding: 8px 12px;
            border-radius: 6px;
            font-size: 13px;
            outline: none;
            transition: all 0.3s ease;
        }

        .theme-select option {
            background: #2c3e50;
            color: #fff;
        }

        .theme-select:hover {
            background: rgba(255, 255, 255, 0.15);
            border-color: rgba(255, 255, 255, 0.3);
        }

        .theme-select:focus {
            background: rgba(255, 255, 255, 0.2);
            border-color: #667eea;
            box-shadow: 0 0 0 2px rgba(102, 126, 234, 0.3);
        }

        .theme-description {
            font-size: 11px;
            color: rgba(255, 255, 255, 0.7);
            line-height: 1.4;
            padding: 6px 0;
            font-style: italic;
        }

        .theme-message {
            font-size: 11px;
            padding: 4px 0;
            min-height: 16px;
            transition: all 0.3s ease;
            text-align: center;
        }

        .theme-message.success {
            color: #27ae60;
            text-shadow: 0 1px 2px rgba(0,0,0,0.3);
        }

        .theme-message.error {
            color: #e74c3c;
            text-shadow: 0 1px 2px rgba(0,0,0,0.3);
        }